@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap");
:root {
  --column-gap:2.13%;
  --column-width-multiplier:8.333
}
.row-fluid {
  display:flex;
  flex-wrap:wrap;
  width:100%
}
.row-fluid .span1,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9 {
  min-height:1px;
  width:100%
}
@media (min-width:768px) {
  .row-fluid {
    flex-wrap:nowrap;
    justify-content:space-between
  }
  .row-fluid .span1 {
    width:calc(var(--column-width-multiplier)*1%*1 - var(--column-gap)*var(--column-width-multiplier)*11/100)
  }
  .row-fluid .span2 {
    width:calc(var(--column-width-multiplier)*1%*2 - var(--column-gap)*var(--column-width-multiplier)*10/100)
  }
  .row-fluid .span3 {
    width:calc(var(--column-width-multiplier)*1%*3 - var(--column-gap)*var(--column-width-multiplier)*9/100)
  }
  .row-fluid .span4 {
    width:calc(var(--column-width-multiplier)*1%*4 - var(--column-gap)*var(--column-width-multiplier)*8/100)
  }
  .row-fluid .span5 {
    width:calc(var(--column-width-multiplier)*1%*5 - var(--column-gap)*var(--column-width-multiplier)*7/100)
  }
  .row-fluid .span6 {
    width:calc(var(--column-width-multiplier)*1%*6 - var(--column-gap)*var(--column-width-multiplier)*6/100)
  }
  .row-fluid .span7 {
    width:calc(var(--column-width-multiplier)*1%*7 - var(--column-gap)*var(--column-width-multiplier)*5/100)
  }
  .row-fluid .span8 {
    width:calc(var(--column-width-multiplier)*1%*8 - var(--column-gap)*var(--column-width-multiplier)*4/100)
  }
  .row-fluid .span9 {
    width:calc(var(--column-width-multiplier)*1%*9 - var(--column-gap)*var(--column-width-multiplier)*3/100)
  }
  .row-fluid .span10 {
    width:calc(var(--column-width-multiplier)*1%*10 - var(--column-gap)*var(--column-width-multiplier)*2/100)
  }
  .row-fluid .span11 {
    width:calc(var(--column-width-multiplier)*1%*11 - var(--column-gap)*var(--column-width-multiplier)*1/100)
  }
}
.content-wrapper {
  margin:0 auto;
  padding:0 1rem
}
@media screen and (min-width:1380px) {
  .content-wrapper {
    padding:0
  }
}
.dnd-section>.row-fluid {
  margin:0 auto
}
.dnd-section .dnd-column {
  padding:0 1rem
}
@media (max-width:767px) {
  .dnd-section .dnd-column {
    padding:0
  }
}
.container {
  margin:auto;
  max-width:1600px;
  padding:0 60px;
  width:100%
}
.content-wrapper--vertical-spacing,
.dnd-section,
.dnd-section .dnd-column {
  padding:0
}
*,
:after,
:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
body,
html {
  font-size:18px
}
body {
  color:#181b1d;
  line-height:20.8px;
  margin:0;
  padding:0
}
body,
p {
  font-family:Rethink Sans,sans-serif;
  font-style:normal;
  font-weight:400;
  text-decoration:none
}
p {
  margin:0 0 20px
}
a {
  color:#3783c4;
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
}
a,
a:active,
a:focus,
a:hover {
  font-family:Rethink Sans,sans-serif;
  font-style:normal;
  font-weight:400;
  text-decoration:none
}
a:active,
a:focus,
a:hover {
  color:#181b1d
}
img {
  border:0;
  height:auto;
  max-width:100%;
  vertical-align:top
}
ol,
ul {
  list-style:none
}
.content ul,
.details ul,
.post-body ul {
  list-style:disc
}
.content ol,
.details ol,
.post-body ol {
  list-style:auto
}
.row-fluid [class*=span] {
  min-height:1px
}
.header-container-wrapper .row-fluid [class*=span] {
  min-height:0
}
.row-fluid a.cta_button,
a.cta_button {
  -moz-box-sizing:border-box!important;
  -webkit-box-sizing:border-box!important;
  box-sizing:border-box!important
}
.w100 {
  display:inline-block;
  vertical-align:top;
  width:100%
}
.dis-flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.align-center {
  align-items:center
}
.row-reverse {
  flex-direction:row-reverse
}
.col-reverse {
  flex-direction:column-reverse
}
.justify-center {
  justify-content:center
}
.text-left {
  text-align:left
}
.text-center {
  text-align:center
}
.text-right {
  text-align:right
}
.h1,
h1 {
  font-size:118px;
  font-weight:600;
  line-height:1.1
}
.h1,
.h2,
h1,
h2 {
  color:#181b1d;
  font-family:DM Sans,sans-serif;
  font-style:normal;
  margin:0 0 15px;
  text-decoration:none;
  text-transform:none
}
.h2,
h2 {
  font-size:46px;
  font-weight:700;
  line-height:1.35
}
.h3,
h3 {
  font-size:24px;
  line-height:1.25
}
.h3,
.h4,
h3,
h4 {
  color:#181b1d;
  font-family:Rethink Sans,sans-serif;
  font-style:normal;
  font-weight:600;
  margin:0 0 15px;
  text-decoration:none;
  text-transform:none
}
.h4,
h4 {
  font-size:20px;
  line-height:1.33
}
.h5,
h5 {
  font-size:18px
}
.h5,
.h6,
h5,
h6 {
  color:#181b1d;
  font-family:Rethink Sans,sans-serif;
  font-style:normal;
  font-weight:600;
  line-height:1.2;
  margin:0 0 15px;
  text-decoration:none;
  text-transform:none
}
.h6,
h6 {
  font-size:16px
}
blockquote {
  border-left-color:#000
}
.btn1 a,
a.btn1 {
  align-items:center;
  background-color:#3783c4;
  border-radius:50px;
  color:#fff;
  display:inline-flex;
  font-family:Rethink Sans,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  justify-content:center;
  line-height:20px;
  overflow:hidden;
  padding:5px 5px 5px 18px;
  position:relative;
  text-decoration:none;
  text-transform:none;
  z-index:1
}
.btn1 a:hover,
a.btn1:hover {
  color:#fff
}
.btn1 a:before,
a.btn1:before {
  background:var(--gredient);
  content:" ";
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  transition:all .4s;
  visibility:hidden;
  width:100%;
  z-index:-1
}
.btn1 a:hover:before,
a.btn1:hover:before {
  opacity:1;
  visibility:visible
}
.btn1 a:hover,
a.btn1:hover {
  padding-left:30px
}
.btn1 a .arrow-box {
  align-items:center;
  background:#fff;
  border-radius:50%;
  display:flex;
  height:44px;
  justify-content:center;
  margin-left:12px;
  position:relative;
  width:44px
}
.btn1 a .arrow-box span.arrow2 {
  left:-16px;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.btn1 a .arrow-box .arrow-inner {
  height:20px;
  overflow:hidden!important;
  position:relative;
  width:12px
}
.btn1 a .arrow-box .arrow-inner span.arrow1 {
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .4s
}
.btn1 a .arrow-box .arrow-inner span.arrow2 {
  transition:all .4s
}
.btn1 a:hover .arrow-box .arrow-inner span.arrow1 {
  left:20px
}
.btn1 a:hover .arrow-box .arrow-inner span.arrow2 {
  left:0
}
.btn2 a,
a.btn2 {
  align-items:center;
  border:1px solid #fff;
  border-radius:50px;
  color:#fff;
  display:inline-flex;
  font-family:Rethink Sans,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  justify-content:center;
  line-height:20px;
  overflow:hidden;
  padding:5px 5px 5px 18px;
  position:relative;
  text-decoration:none;
  text-transform:none;
  z-index:1
}
.btn2 a:hover,
a.btn2:hover {
  border-color:transparent
}
.btn2 a:before,
a.btn2:before {
  background:var(--gredient);
  content:" ";
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  transition:all .4s;
  visibility:hidden;
  width:100%;
  z-index:-1
}
.btn2 a:hover:before,
a.btn2:hover:before {
  opacity:1;
  visibility:visible
}
.btn2 a:hover,
a.btn2:hover {
  padding-left:30px
}
.btn2 a .arrow-box {
  align-items:center;
  background:#fff;
  border-radius:50%;
  display:flex;
  height:44px;
  justify-content:center;
  margin-left:12px;
  position:relative;
  width:44px
}
.btn2 a .arrow-box span.arrow2 {
  left:-16px;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.btn2 a .arrow-box .arrow-inner {
  height:20px;
  overflow:hidden!important;
  position:relative;
  width:12px
}
.btn2 a .arrow-box .arrow-inner span.arrow1 {
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .4s
}
.btn2 a .arrow-box .arrow-inner span.arrow2 {
  transition:all .4s
}
.btn2 a:hover .arrow-box .arrow-inner span.arrow1 {
  left:20px
}
.btn2 a:hover .arrow-box .arrow-inner span.arrow2 {
  left:0
}
.submitted-message,
form {
  font-family:Rethink Sans,sans-serif;
  font-style:normal;
  font-weight:400;
  text-decoration:none
}
.form-title {
  color:#1a1a1a
}
form label,
form legend {
  color:#181b1d
}
form input[type=email],
form input[type=file],
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text],
form select,
form textarea {
  background-color:#fff;
  border:1px solid #fff;
  border-radius:12px;
  -webkit-border-radius:12px;
  color:#1a1a1a;
  font-family:Rethink Sans;
  font-weight:500;
  height:55px;
  padding:10px 15px;
  width:100%
}
::-webkit-input-placeholder {
  color:#1a1a1a;
  font-family:Rethink Sans;
  position:relative;
  top:1px
}
::-moz-placeholder {
  color:#1a1a1a;
  font-family:Rethink Sans;
  position:relative;
  top:1px
}
:-ms-input-placeholder {
  color:#1a1a1a;
  font-family:Rethink Sans;
  position:relative;
  top:1px
}
::placeholder {
  color:#1a1a1a;
  font-family:Rethink Sans;
  position:relative;
  top:1px
}
form select {
  appearance:none;
  -webkit-appearance:none;
  background-image:url(https://27192314.fs1.hubspotusercontent-eu1.net/hubfs/27192314/Verian/Form%20Arrow.svg);
  background-position:97%;
  background-repeat:no-repeat;
  background-size:14px;
  font-weight:500
}
.hs-form-field textarea:focus {
  border:1px solid #1f2d50;
  outline:none
}
.hs-fieldtype-date .input .hs-dateinput:before {
  color:#1a1a1a
}
.fn-date-picker td.is-selected .pika-button {
  background:#181b1d
}
.fn-date-picker td .pika-button:hover {
  background-color:#181b1d!important
}
.fn-date-picker td.is-today .pika-button {
  color:#181b1d
}
form .hs-button,
form input[type=submit] {
  background-color:#3783c4;
  border:0;
  border-radius:50px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-family:Rethink Sans,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  padding:5px 5px 5px 15px;
  text-decoration:none;
  text-transform:none;
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
}
form .hs-button:active,
form .hs-button:focus,
form .hs-button:hover,
form input[type=submit]:active,
form input[type=submit]:focus,
form input[type=submit]:hover {
  color:#fff
}
.submitted-message {
  background-color:#d4edda;
  border:1px solid #c3e6cb;
  border-radius:.25rem;
  color:#155724;
  margin-bottom:1rem;
  padding:.75rem 1.25rem;
  position:relative;
  text-align:center
}
.field.hs-form-field+.hs_error_rollup,
.hs_error_rollup {
  display:none
}
.hs-form input:focus,
.hs-form input:focus-visible {
  border:1px solid #fff;
  outline:none
}
.hs-form .input {
  margin:0
}
.hs-form .hs-form-field {
  padding:0 0 20px
}
.hs-form fieldset.form-columns-2 .input,
.row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input {
  margin-right:0
}
.contact-section form .hs-button,
form input[type=submit] {
  padding:15px 25px
}
.contact-section .right-part .form-box fieldset {
  display:flex;
  gap:20px
}
.contact-section .right-part .form-box fieldset * {
  flex-basis:100%;
  margin:0
}
.contact-section .right-part .form-box fieldset div {
  margin:0;font-size:16px;
  padding:0!important
}
.hs-form fieldset.form-columns-2 .field {
  padding:15px 0 0 10px!important
}
.contact-section .hs-richtext.hs-main-font-element {
  margin:20px 0!important
}
.contact-section .right-part .form-box fieldset input,
.contact-section .right-part .form-box fieldset select,
.contact-section .right-part .form-box fieldset textarea {
  margin:20px 0 0
}
.contact-section .right-part .form-box fieldset textarea {
  height:137px
}
.hs-form fieldset.form-columns-2 .field:first-child {
  padding:0 10px 10px 0
}
.hs-form fieldset.form-columns-3 .field {
  padding:0 0 10px 10px
}
.hs-form fieldset.form-columns-3 .field:first-child {
  padding:0 10px 10px 0
}
.hs-form fieldset.form-columns-3 .field:first-child+.field {
  padding:0 5px 10px
}
.hs-form fieldset .hs-input {
  width:100%!important
}
.hs-form fieldset {
  max-width:none
}
@media (max-device-width:480px) and (min-device-width:320px),(max-width:400px) {
  .hs-form fieldset.form-columns-2 .field,
  .hs-form fieldset.form-columns-2 .field:first-child,
  .hs-form fieldset.form-columns-3 .field,
  .hs-form fieldset.form-columns-3 .field:first-child,
  .hs-form fieldset.form-columns-3 .field:first-child+.field {
    padding:0 0 10px
  }
}
.hs-form fieldset input[type=checkbox],
.row-fluid .hs-form fieldset input[type=radio] {
  width:auto!important
}
.inputs-list .hs-form-booleancheckbox,
.inputs-list .hs-form-checkbox-display,
.inputs-list li.hs-form-radio {
  display:block;
  padding:0 0 8px 20px;
  position:relative
}
.inputs-list input[type=checkbox],
.row-fluid .inputs-list input[type=radio] {
  height:20px;
  left:0;
  margin:0;
  opacity:0;
  position:absolute;
  top:0;
  width:20px
}
.inputs-list input[type=checkbox]+span {
  display:block;
  line-height:22px;
  position:relative
}
.inputs-list input[type=checkbox]+span:before {
  background:#fafafa;
  border:1px solid transparent;
  border-radius:4px;
  color:#fafafa;
  content:"";
  height:20px;
  left:-39px;
  position:absolute;
  top:6px;
  width:20px
}
.inputs-list input[type=checkbox]:checked+span:before {
  background:#fff;
  border-color:#fff;
  color:#fff
}
.inputs-list input[type=checkbox]:checked+span:after {
  color:#fff;
  content:"\f00c";
  font-family:FontAwesome;
  font-size:12px;
  left:-39px;
  line-height:20px;
  position:absolute;
  text-align:center;
  top:0;
  width:20px
}
.inputs-list input[type=radio] {
  top:3px
}
.inputs-list input[type=radio]+span:before {
  background:#fafafa;
  border:1px solid #1f2d50;
  border-radius:100%;
  content:"";
  height:20px;
  left:-2px;
  position:absolute;
  top:5px;
  width:20px
}
.inputs-list input[type=radio]:checked+span:after {
  background:#1f2d50;
  border-color:#1f2d50;
  border-radius:100%;
  content:"";
  height:12px;
  left:2px;
  position:absolute;
  top:9px;
  width:12px
}
ul.no-list.hs-error-msgs.inputs-list {
  margin:0;
  padding:0
}
ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg {
  color:red;
  font-size:12px
}
.footer-section {
  background-color:#181b1d
}
.footer-section .footer-menu ul li a,
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6,
.footer-section img,
.footer-section label,
.footer-section li,
.footer-section p,
.footer-section span {
  color:#fff
}
.footer-section .footer-menu ul li a:hover {
  color:#3783c4
}

:root {
  --width:calc(100vw - 20px);
  --border-radius:24px;
  --primary:#3783c4;
  --letter-spacing:-2%;
  --spacing: 70px 0;
  --secondary:#181b1d;
  --gredient:linear-gradient(180deg,#7cbe4c,#306a34)
}
body {
  padding:10px!important
}
.header-section {
  background:rgba(0,0,0,.1);
  border:1px solid hsla(0,0%,100%,.2);
  border-radius:12px;
  margin:20px;
  padding:10px;
  position:absolute;
  width:calc(100% - 60px);
  z-index:9
}
.hero-section {
  align-items:center;
  border-radius:var(--border-radius);
  display:flex;
  min-height:700px;
  overflow: hidden;
}
.header-section .container {
  align-items:center;
  display:flex;
  gap:20px;
  padding:0 30px;
  justify-content:space-between
}
.header-section .right-part {
  display:flex;
  justify-content:end;
  min-width:200px
}
.hero-section .section-title {
  flex-basis:50%
}
.hero-section .section-title,
.hero-section .section-title *,
.mainmenu ul a {
  color:#fff
}
.hero-section .section-title .sub-title {
  font-size:45px!important
}
.hero-section .section-title .content {
  margin:20px 0
}
.hero-section .section-title .sub-title,
.hero-section .section-title h1 {
  font-size:66px;
  font-weight:400;
  letter-spacing:var(--letter-spacing);
  line-height:100%;
  margin:0
}
.hero-section .section-title h1 span {
  background:var(--primary);
  border-radius:var(--border-radius);
  display:inline-block;
  font-weight:600;
  letter-spacing:2px;
  line-height:100%;
  margin:6px 0;
  padding:7px 14px;
  text-align:center
}
.logo-section h6 {
  color:var(--primary);
  font-size:18px;
  margin-bottom:20px
}
.logo-section h4 {
  color:var(--secondary);
  font-size:24px;
  margin-bottom:30px
}
.logo-section {
  padding:var(--spacing);
  text-align:center
}
.logo-section .logo-slider .logo-box img {
  height:45px!important;
  width:auto
}
.ecosystem-section {
  padding-bottom: 70px;
}
.ecosystem-section .wrap.dis-flex {
  align-items: center;
  gap: 10%;
}
.ecosystem-section .wrap.dis-flex > div {
  flex: 1;
}
.ecosystem-section .img-box {
  background: #F5F5F7;
  border-radius: var(--border-radius);
  text-align: center;
  padding:50px 0;
}
body.page-id-192268293508 .logo-section h6 {
  color: inherit;
  max-width: 1150px;
  margin: 0 auto;
  font-weight: 400;
}
body.page-id-192268293508 .logo-section .btn.btn1 {
  display: none;
}
body.page-id-192268293508 .logo-section .logo-slider {
  margin-top: 60px;
}
body.page-id-192268293508 .logo-section h4 {
  font-size: 46px;font-weight:700;
  letter-spacing: var(--letter-spacing);
}
.logo-slider {
  align-items:center;
  display:flex;
  gap:30px;
  justify-content:center;
  margin-bottom:40px
}
.two-column-section {
  background:var(--primary)!important;
  border-radius:var(--border-radius);
  padding:60px 0
}
.two-column-section .section-title {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-bottom:40px; position:relative;
}
.two-column-section .btn.btn2 {
  display: flex;
  justify-content: end;
  width: 100%;
  position: absolute;
}
.two-column-section .section-title h1 {
  color:#fright:0;ff;
  font-size:48px;
  font-weight:600;
  margin-bottom:20px
}
.two-column-section .section-title h2 {
  color:#fff;
  flex-basis:100%;
  letter-spacing:var(--letter-spacing);
  line-height:100%;
  max-width: 50%;
  text-align: center;
  margin-left: 25%; 
}
.logo-section .container {
  background:none!important;
}
.two-column-section .wrap.dis-flex {
  justify-content:space-between;
  gap:20px;
  
}
.two-column-section .wrap.dis-flex .box {
  background-position:100%;
  background-size:cover;
  border-radius:var(--border-radius);
  flex: 1;
  height:465px;
  overflow:hidden;
  position:relative
}
.hero-banner-section .btn-wrap {
  gap: 20px;
}
.experience-section .wrap.dis-flex .left-part .sub-text h3 {
  color: #fff;
}
.two-column-section .wrap.dis-flex .box .title {
  background:linear-gradient(180deg,transparent,#1a1a1a);
  bottom:0;
  padding:120px 30px 50px;
  position:absolute;
  width:100%
}
.two-column-section .wrap.dis-flex .box .title h3 {
  color:#fff;
  font-size:28px;
  font-weight:600;
  margin:0 0 0px; text-align:center;
}
.three-column-section .wrap.dis-flex .box .details *,
.two-column-section .wrap.dis-flex .box .title .details * {
  margin:0
}
.two-column-section .wrap.dis-flex .box .title .details {
  color:#fff;
  font-size:16px
}
.recent-post-section .wrap.dis-flex {
  justify-content:space-between;
  margin:30px 0
}
.recent-post-section .box {
  display:flex;
  flex-basis:48%;
  justify-content:space-between;
  margin-top:2%
}
.recent-post-section .box .post-right .post-content {
  margin:20px 0
}
.recent-post-section .box .post-right .read-more-btn a {
  font-weight:700;
  text-decoration:underline
}
.recent-post-section .box .post-right .post-title a {
  color:var(--secondary);
  display:block;
  font-size:24px;
  font-weight:600;
  line-height:106%
}
.case-study-section,
.three-column-section {
  background:none!important;
  padding:var(--spacing);
  text-align:center
}
.three-column-section .section-title {
  display:block
}

.three-column-section .section-title .content {
  margin:0 auto;
  max-width:900px
}
.three-column-section .box .icon img {
  filter:brightness(100)
}
.three-column-section .wrap.dis-flex .box {
  border-radius:6px;
  box-shadow:7px 9px 18px rgba(0,0,0,.1);
  flex:1;
  padding:30px;
  transition:all .3s ease
}
.popup-box .title-cover.dis-flex * {
  margin: 0 !important;
}
.popup-box .title-cover.dis-flex {
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
/* Lightbox overlay */
.how-support-section.section-pad {
  z-index: inherit !important;
}

.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.lightbox.active {
  display: block;
  opacity: 1;
}

/* Popup box */
.popup-box {
background: #fff;
  border-radius: var(--border-radius);
  box-shadow: 0 10px 25px rgba(0,0,0,.3);
  display: none;
  left: 50%;
  max-width: 900px;
  opacity: 0;
  padding: 40px;
  position: fixed;
  top: 50%;
  transform: translate(-50%,-50%) translateY(50px);
  transition: transform .4s ease,opacity .4s ease;
  width: 90%;
  z-index: 1000;
  text-align: left;
}

.popup-box.active {
  display: block;
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0); /* Slide up */
}

.popup-box.closing {
  opacity: 0;
  transform: translate(-50%, -50%) translateY(50px); /* Slide back down */
}

/* Close button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
}


.three-column-section .wrap.dis-flex .box:hover {
  background:var(--primary);
  color:#fff
}
.three-column-section .wrap.dis-flex .box:hover .title h4 {
  color:#fff
}
.three-column-section .wrap.dis-flex .box:hover .icon {
  background:#fff
}
.three-column-section .box:hover .icon img {
  filter:inherit
}
.three-column-section .wrap.dis-flex .box .title h4 {
  font-size:24px
}
.three-column-section .wrap.dis-flex {
  gap:20px;
  margin:50px 0 0
}
.three-column-section .wrap.dis-flex .box .icon {
  align-items:center;
  background:var(--primary);
  border-radius:100px;
  display:flex;
  height:85px;
  justify-content:center;
  margin:0 auto 20px;
  overflow:hidden;
  width:85px
}
.case-study-section .content {
  margin:0 auto;
  max-width:700px
}
.case-study-section .box .img-box {
  flex-basis:28%;
  overflow:hidden
}
.case-study-section .box .img-box,
.case-study-section .box .img-box img {
  border-radius:var(--border-radius)
}
.case-study-section .box {
  align-items:center;
  border-radius:30px;
  box-shadow:7px 9px 18px rgba(0,0,0,.1);
  gap:2%;
  justify-content:space-between;
  margin-bottom:20px;
  overflow:hidden;
  padding:20px
}
.case-study-section .wrap {
  margin-bottom:70px
}
.case-study-section .box .right-box {
  flex-basis:68%;
  text-align:left
}
.case-study-section .box .right-box .content {
  max-width:100%
}
.case-study-section .box .right-box ul {
  display:flex;
  gap:50px;
  margin:10px 0 0;
  padding:0
}
.case-study-section .box h2 {
  font-weight:400;
  letter-spacing:var(--letter-spacing);
  margin:0 0 15px
}
.case-study-section .box .right-box ul .title {
  font-weight:600;
  margin-bottom:8px;
}
.case-study-section .box .right-box ul .details {
  line-height: 18px;
}
.service-section {
  background:var(--primary)!important;
  border-radius:var(--border-radius);
  color:#fff;
  padding:60px 0
}
.service-section .outer-cover {
  align-items:center;
  justify-content:space-between
}
.service-section .outer-cover .section-title {
  flex-basis:47%
}
.service-section .outer-cover .wrap {
  flex-basis:49%
}
.service-section .outer-cover .wrap .box:hover {
  background:#fff;
  border-color:#fff;
  color:var(--secondary)
}
.service-section .outer-cover .wrap .box:hover .icon {
  background:var(--primary);
  border-color:var(--primary)
}
.service-section .outer-cover .wrap .box:hover h4 {
  color:var(--secondary)!important
}
.service-section .outer-cover .section-title h2 {
  color:#fff;
  font-weight:400;
  letter-spacing:var(--letter-spacing);
  line-height:100%;
  margin:0
}
.service-section .outer-cover .content * {
  margin:0
}
.service-section .outer-cover .content {
  margin:40px 0
}
.how-support-section .content {
  max-width: 990px;
  margin: 0 auto;
}
.how-support-section .wrap.dis-flex .box ul {
  text-align: left;
  padding: 0;
  margin:0 0 0 15px;
  font-weight: 500;
}
.experience-section .wrap.dis-flex .inner-cover .box {
  padding: 20px 24px;
  margin: 10px 0 0;
  background:#fff;
  font-size: inherit !important;
  border:0;
  border-radius: 12px;
}
body.page-id-192268293508 .tab-section .box:hover {
  color: inherit !important;
}
.set-part-section.experience-section .wrap.dis-flex .inner-cover .box.active {
  background: #fff;
}
.set-part-section.experience-section .wrap.dis-flex .inner-cover .box {
  background: none;
}
.experience-section .wrap.dis-flex .inner-cover .box.active {
  background: #fff;
}
.experience-section .wrap.dis-flex .inner-cover .box.active h6 {
  opacity: 1;
  display: block;
  margin: 10px 0 0;
}
.team-section {
  padding: var(--spacing);
  text-align: center;
}
.experience-section .wrap.dis-flex .inner-cover .box.active h3 {
  color: var(--secondary);
}
.set-part-section .wrap.dis-flex .inner-cover .box h3 {
  color: #fff;margin:0;
}
.team-section .content {
  max-width: 1250px;
  margin: 0 auto;
}
body.page-id-192268293127 .ecosystem-section {
  padding: var(--spacing);
}
body.page-id-192268293127 .ecosystem-section .wrap.dis-flex .img-box img {
  border-radius: var(--border-radius);
}
body.page-id-192268293127 .ecosystem-section .wrap.dis-flex .img-box {
  padding: 0;
}
.team-section .wrap.dis-flex .box {
  flex: 1;
}
.team-section .wrap.dis-flex {
  justify-content: space-between;gap: 30px;
  margin: 50px 0;
}
.experience-section .wrap.dis-flex .inner-cover .box h5{margin:0;}
.experience-section .wrap.dis-flex .inner-cover .box p {
  margin: 0;
}
.experience-section .wrap.dis-flex .inner-cover .box h4 {
  margin: 0;
}
.experience-section .wrap.dis-flex .inner-cover .box h6 {
  opacity: 0;
  font-weight:400;
  display: none;
  transition: all .3s ease;
}
.how-support-section .wrap.dis-flex .box .btn.btn1 {
  margin: 30px 0 0;
}
.experience-section .wrap.dis-flex {
  align-items: center;
  margin: 50px 0 0;  justify-content: space-between;
}
.experience-section .wrap.dis-flex img {
  border-radius: var(--border-radius);
}
.experience-section .wrap.dis-flex .left-part {
  flex-basis:54%;
}
.experience-section .wrap.dis-flex .right-part {
  flex-basis:41%;
}
body.page-id-192268293508 .how-support-section .wrap.dis-flex .box {
  text-align: left;
}
.hero-section .wrap.dis-flex {
align-items: center;
  position: relative;
  box-sizing: border-box;
  justify-content: space-between;
}
.hero-section .wrap.dis-flex .section-title {
  flex-basis: 45%; 
}
.hero-section .wrap.dis-flex .img-box {
flex-basis: 45%;
  position: absolute;
  right: -90px;
  margin-top: 100px;
  width: 55%;
}
.how-support-section .wrap.dis-flex .box ul li {
  margin: 10px 0 0;
}
.how-support-section .wrap.dis-flex .box h3 {
  margin: 20px 0;
}
.how-support-section .wrap.dis-flex .box {
  flex-basis: calc(33.333% - 14px);
  background: #f7f7f5;
  border-radius: var(--border-radius);
  padding: 50px;
  cursor:pointer;
  text-align: center;
}
.image-content-section .content {
  max-width: 1260px;
  margin: 20px auto 70px;
}
.team-section  .details h3 {
  font-size: 42px;
  font-weight: 600;
  margin: 20px 0 10px;
}
.experience-section, .set-part-section, .image-content-section {
  border-radius: var(--border-radius);
  padding: var(--spacing);
}
.image-content-section{color:#fff;}
.experience-section h2, .set-part-section h2, .image-content-section h2 {
  color: #fff;
  text-align: center;
}
.how-support-section .wrap.dis-flex {
  gap: 20px;
  margin-top: 70px;
}
.service-section .outer-cover .wrap .box .icon {
  align-items:center;
  border:2px solid;
  border-radius:100px;
  display:flex;
  height:85px;
  justify-content:center;
  margin:0 auto 20px;
  padding:10px;
  width:85px
}
.section-pad {
 padding: var(--spacing);
}
.service-section .outer-cover .wrap .box .title h4 {
  color:#fff
}
.service-section .outer-cover .wrap .box .title .details * {
  margin:0
}
.service-section .outer-cover .wrap .box {
  border:2px solid;
  border-radius:6px;
  flex-basis:calc(50% - 20px);
  padding:40px;
  text-align:center;
  transition:all .3s ease
}
.service-section .outer-cover .wrap {
  display:flex;
  flex-basis:51%;
  gap:20px
}
.recent-post-section {
  margin:60px 0
}
.recent-post-section .section-title {
  margin:0 auto;
  max-width:700px;
  text-align:center
}
.strip-section {
  border-radius:var(--border-radius);
  margin:0 0 20px;
  padding:100px 0;
  text-align:center
}
.strip-section .section-title {
  color:#fff
}
.strip-section .section-title .subtitle {
  font-size:36px;
  font-weight:600;
  letter-spacing:var(--letter-spacing);
  line-height:100%
}
.strip-section .section-title h2 {
  background:var(--gredient);
  border-radius:9px;
  color:#fff;
  display:inline-block;
  font-size:70px;
  font-weight:700;
  letter-spacing:var(--letter-spacing);
  line-height:100%;
  margin:20px 0;
  padding:0 20px
}
.strip-section .btn-grp {
  gap:20px;
  justify-content:center
}
.recent-post-section .box .post-right {
  flex-basis:48%
}
.recent-post-section .box .post-image {
  flex-basis:49%
}
.footer-section {
  border-radius:var(--border-radius);
  padding:60px 0
}
.footer-section .footer-top .wrap {
  justify-content:space-between
}
.footer-section .footer-top .wrap .footer-social ul li svg {
  filter:brightness(0) invert(1);
  width:21px
}
.footer-section .footer-menu ul {
  border-bottom:1px solid hsla(0,0%,100%,.3);
  border-top:1px solid hsla(0,0%,100%,.3);
  display:flex;
  justify-content:space-between;
  margin:40px 0;
  padding:20px 0
}
.footer-section .footer-copyright {
  align-items:center;
  color:#fff;
  display:flex;
  justify-content:space-between
}
.footer-section .footer-copyright .privacy-menu ul,
.footer-section .footer-top .wrap .footer-social ul {
  display:flex;
  gap:20px;
  margin:0;
  padding:0
}
.footer-section .footer-copyright .privacy-menu ul li a {
  color:#fff
}
.footer-top .right-part .title h2 span {
  background:var(--gredient);
  border-radius:12px;
  padding:0 12px
}
.banner-section,
.body-container--blog-post .baseModule.w100,
.hero-banner-section {
  align-items:center;
  border-radius:var(--border-radius);
  color:#fff;
  display:flex;
  height:640px
}
.banner-section .section-title h1,
.hero-banner-section .section-title h1 {
  background:var(--primary);
  border-radius:var(--border-radius);
  color:#fff;
  display:inline-block;
  letter-spacing:var(--letter-spacing);
  margin:20px 0 0;
  padding:0 20px
}
.banner-section .content,
.hero-banner-section .content {
  margin:30px auto 0;
  max-width:750px
}
.hero-banner-section h3 {
  color:#fff;
  margin:0
}
.overlay {
  background-color:rgba(24,27,29,95%)!important;
  border-radius:var(--border-radius)
}
.hs-menu-wrapper ul {
  display:flex;
  list-style:none;
  margin:0;
  padding:0
}
.hs-menu-wrapper li {
  position:relative
}
.hs-menu-wrapper a {
  align-items:center;
  color:#333;
  display:flex;
  font-weight:500;
  padding:12px 16px;
  text-decoration:none
}
.hs-menu-wrapper a:hover {
  color:var(--primary)
}
.faq-box .faq-title:after,
.hs-menu-wrapper li>a:after {
  border:solid #fff;
  border-width:0 2px 2px 0;
  content:"";
  display:inline-block;
  margin-left:8px;
  padding:3px;
  transform:rotate(45deg);
  transition:transform .3s ease
}
.faq-box .faq-title:after {
  border-color:var(--secondary);
  position:absolute;
  right:0;
  top:10px;
  transform:rotate(-136deg)
}
.hs-menu-wrapper li:not(:has(ul))>a:after {
  content:none
}
.hs-menu-wrapper li ul {
  background-color:#fff;
  border-radius:4px;
  box-shadow:0 8px 16px rgba(0,0,0,.15);
  display:block;
  left:0;
  min-width:225px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  top:100%;
  transform:translateY(10px);
  transition:opacity .3s ease,transform .3s ease;
  visibility:hidden;
  z-index:99; padding: 10px 0;
}
.hs-menu-wrapper li:hover>ul {
  opacity:1;
  transform:translateY(0);
  visibility:visible
}
.hs-menu-wrapper li ul li a {
  color:var(--secondary);
  padding:10px 14px
}
.hs-menu-wrapper li:hover>a:after {
  transform:rotate(-135deg)
}
@media (max-width:991px) {
  a.mobile-trigger {
    background:none;
    border-radius:6px;
    cursor:pointer;
    display:inline-block!important;
    font-size:16px;
    font-weight:400;
    height:44px;
    padding:12px 10px;
    position:absolute;
    right:15px;
    text-align:left;
    text-transform:uppercase;
    top:19px;
    -webkit-transition:background-color .2s linear;
    -webkit-transition:color .2s ease-in;
    -moz-transition:color .2s ease-in;
    transition:color .2s ease-in;
    width:44px;
    z-index:99999999999
  }
  a.mobile-trigger:hover {
    color:#fff;
    text-decoration:none
  }
  a.mobile-trigger span {
    display:inline
  }
  a.mobile-trigger span:before {
    content:"Menu";
    position:absolute
  }
  a.mobile-trigger span:after {
    background-color:#3c455c;
    content:"Close";
    opacity:0;
    position:relative;
    right:2px;
    transition:opacity .4s ease-in-out;
    -moz-transition:opacity .4s ease-in-out;
    -webkit-transition:opacity .4s ease-in-out
  }
  .mobile-open a.mobile-trigger {
    background:transparent;
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    transition:background-color .2s linear
  }
  .mobile-open a.mobile-trigger span:after {
    opacity:1
  }
  a.mobile-trigger i {
    display:inline;
    margin-left:0;
    position:relative;
    top:-2px;
    -webkit-transition-delay:.2s;
    -moz-transition-delay:.2s;
    transition-delay:.2s;
    -webkit-transition-duration:0s;
    -moz-transition-duration:0s;
    transition-duration:0s
  }
  a.mobile-trigger i:after,
  a.mobile-trigger i:before {
    content:"";
    position:absolute
  }
  a.mobile-trigger i,
  a.mobile-trigger i:after,
  a.mobile-trigger i:before {
    background-color:#fff;
    display:inline-block;
    height:1px;
    width:24px
  }
  a.mobile-trigger i:before {
    margin-top:-8px
  }
  a.mobile-trigger i:after,
  a.mobile-trigger i:before {
    -webkit-transition-delay:.2s,0;
    -webkit-transition-duration:.2s;
    -webkit-transition-property:margin,-webkit-transform
  }
  a.mobile-trigger i:after {
    margin-top:8px
  }
  .mobile-open a.mobile-trigger i {
    background-color:transparent;
    -webkit-box-shadow:0 1px 1px transparent;
    -moz-box-shadow:0 1px 1px transparent;
    box-shadow:0 1px 1px transparent;
    -webkit-transition-delay:.2s
  }
  .mobile-open a.mobile-trigger i:before {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
  }
  .mobile-open a.mobile-trigger i:after,
  .mobile-open a.mobile-trigger i:before {
    -webkit-box-shadow:0 1px 1px transparent;
    -moz-box-shadow:0 1px 1px transparent;
    box-shadow:0 1px 1px transparent;
    margin-top:0;
    -webkit-transition-delay:0,.2s
  }
  .mobile-open a.mobile-trigger i:after {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
  }
  span.child-triggerm {
    border-left:1px dotted hsla(0,0%,100%,.2);
    cursor:pointer;
    display:block!important;
    height:45px!important;
    min-width:55px!important;
    padding:0!important;
    position:absolute;
    right:0;
    top:0;
    width:55px!important
  }
  span.child-triggerm:hover {
    text-decoration:none
  }
  span.child-triggerm span {
    margin:0 auto!important;
    position:relative;
    top:50%;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    transition-duration:.2s
  }
  span.child-triggerm span:after {
    content:"";
    position:absolute
  }
  span.child-triggerm span,
  span.child-triggerm span:after {
    background-color:#fff;
    display:block;
    height:1px;
    width:10px
  }
  .row-fluid .mainmenu .hs-menu-flow-horizontal>ul>li:hover span.child-triggerm span,
  .row-fluid .mainmenu .hs-menu-flow-horizontal>ul>li:hover span.child-triggerm span:after {
    background-color:#fff
  }
  span.child-triggerm span:after {
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
  span.child-triggerm span:after,
  span.child-triggerm.child-open span:after {
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    transition-duration:.2s
  }
  span.child-triggerm.child-open span:after {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
  }
  span.child-triggerm.child-open span {
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    transition-duration:.2s
  }
}
.contact-main-section .wrap.dis-flex {
  justify-content:space-between;
}
.contact-section .left-part {
  align-items:center;
  display:flex;
  justify-content:center;
  flex: 0 0 calc((100% - 100px) * 0.44);
}
.contact-section {
  background:#f5f5f7!important;
  border-radius:var(--border-radius);
 padding: var(--spacing);
}
.contact-section .right-part {
  flex: 0 0 calc((100% - 100px) * 0.54);
}
.contact-section .right-part .form-box fieldset {
  max-width:100%
}
.contact-section h6 {
  color:var(--primary);
  font-weight:700;
  text-transform:uppercase;
  vertical-align:middle
}
.contact-section h2 {
  margin:30px 0
}
.contact-section h2 span {
  background:#3783c4;
  border-radius:12px;
  color:#fff;
  letter-spacing:var(--letter-spacing);
  padding:0 12px
}
.contact-section p span {
  color:#30303099;
  font-size:18px;
  letter-spacing:-3%
}
.contact-section p strong {
  color:#0d0d0d;
  font-size:18px;
  font-weight:700;
  letter-spacing:-3%
}
.contact-section p strong a {
  color:#0d0d0d;
  font-size:36px;
  font-weight:700;
  letter-spacing:var(--letter-spacing);
  line-height:130%;
  margin-top:20px
}
.blog-listing-wrapper.cell-wrapper.container {
  padding:30px 25px 70px
}
.blog-listing-title {
  padding-top:70px;
  text-align:center
}

.blog-section .feature-img img {
  border-radius: var(--border-radius) !important;
  width: 100%;
}
.blog-section .post-header{margin:0;}
.blog-section .feature-img {
  height: 490px;
  overflow: hidden;
  margin: 0px -20px 30px; 
  position: relative;
  border-radius: var(--border-radius);
}
.blog-detail-sec {
  display: none !important;
}
.post-item .post-body {
  color: #fff;
}
.post-listing {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.blog-section .section.post-body img {
  border-radius:var(--border-radius);
  width:100%!important
}
.blog-section .social-sharing .share-buttons {
  display:flex;
  gap:20px;
  justify-content:center;
  margin:0;
  padding:0;
  text-align:center
}
.blog-section .social-sharing {
  font-size:24px;
  margin:50px 0;
  text-align:center
}
.body-container--blog-post .baseModule.w100 h1 {
  color:#fff
}

.related-post .container {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.related-post .container .section-title {
  flex-basis:100%
}
.related-post {
  margin: var(--spacing);
  text-align:center;
}
.blog-section .social-sharing li a {
  color:var(--secondary)
}
.post-inner,
.post-item {
  background:#3783c4;
  border-radius:var(--border-radius);
  flex: 0 0 calc((100% - 30px) * 0.5);
  padding:50px;
  margin-bottom:30px;
  text-align:center
}
.hubspot-topic_data a {
  background:#fff;
  border-radius:8px;
  color:#7cbe4c;
  display:inline-block;
  font-weight:700;
  letter-spacing:-3%;
  line-height:130%;
  padding:14px 22px;
  text-align:right
}
.hubspot-topic_data {
  margin:15px 0 0;
}
.post-header {
  margin:20px 0 ;
}
.post-header h2 {
  line-height:106%;
  margin-bottom:0;
    font-weight:500;
  letter-spacing:var(--letter-spacing)
}
.post-header h2 a {
  color:#fff;

}
.tab-section .section-title h2 {
  letter-spacing:var(--letter-spacing);
  text-align:center
}
.tab-section .wrap.dis-flex {
  justify-content:space-between;
  padding-top:30px
}
.tab-section .left-part {
  flex: 0 0 calc((100% - 80px) * 0.54);
}
.tab-section .right-part {
  flex: 0 0 calc((100% - 80px) * 0.46);
}
.tab-section {
 padding: var(--spacing);
}
.tab-section .btn2 a .arrow-box .arrow-inner span.arrow1 {
  filter:brightness(100)
}
.tab-section .left-part .btn-grp {
  gap:20px
}
.tab-section .btn2:hover a .arrow-box {
  background:#fff
}
.tab-section .box {
  border:1.5px solid;
  border-radius:12px;
  color:var(--secondary);
  cursor:pointer;
  font-size:20px;
  font-weight:500;
  margin-bottom:22px;
  padding:28px 38px;
  transition:all .3s ease
}
.tab-section .btn.btn2 a {
  border:1px solid;
  color:var(--secondary)
}
.tab-section .btn2 a .arrow-box {
  background:var(--secondary)
}
.tab-section .img-box img {
  border-radius:21px
}
.content-section {
  margin: var(--spacing);
}
.tab-section .box.active,
.tab-section .box:hover {
  background:var(--primary);
  border-color:var(--primary);
  color:#fff
}
body.page-id-192268293127 .three-column-section .box {
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: #F5F5F7;
}
body.page-id-192268293127 .three-column-section .box .title {
  text-align: left;
  padding: 20px 40px 30px;
}
body.page-id-192268293127 .three-column-section .wrap.dis-flex .box .icon {
  height: auto;
  width: auto;
  border-radius: 0;
}
img{transition: all .3s ease;}
body.page-id-192268293127 .three-column-section .box:hover .icon img {
  transform: scale(1.1);
}
body.page-id-192268293127 .three-column-section .box .icon img {
  filter: inherit;
  border-radius: 0 !important;
}
body.page-id-192268293127 .content-section * {
  text-align: left;
}
.content-section .content p span {
  display:block;
  margin:30px auto 50px;
  width:81%
}
body.page-id-192268293127 .content-section .btn.btn1 {
  display: none;
}
.tab-section .right-part .img-box {
  display:none;
  opacity:0;
  position:absolute;
  transition:opacity .4s ease
}
.tab-section .right-part .img-box.active {
  display:block;
  opacity:1;
  position:relative
}
.tab-section .btn.btn2 a:hover {
  border-color:var(--gredient);
  color:#fff
}
.table-section .section-title {
  text-align:center
}
.table-section {
  background:#3783c4!important;
 padding: var(--spacing);
  border-radius: var(--border-radius);
}
.table-section h2 {
  color:#fff!important
}
.table-section p span {
  color:#fff;
  display:block;
  font-size:18px;
  font-weight:400;
  letter-spacing:-3%;
  line-height:130%;
  margin:30px auto;
  text-align:center;
  width:70%
}
.table-wrap {
  background:#ffffff29;
  border-radius:10px;
  margin-top:70px
}
.table-heading {
  background:#7cbe4c;
  border-radius:10px;
  display:flex;
  font-size:30px;
  font-weight:600
}
.table-heading .column1 {
  background:none!important;
  border:0!important
}
.table-section .raw.dis-flex {
  border-bottom:1px solid #fffff9
}
.table-section .raw.dis-flex:last-child {
  border-bottom:0
}
.table-section .column1 {
  background:#ffffff1a;
  border-right:1px solid #fff;
  color:#fff;
  padding:30px 0 30px 30px;
  width:30%
}
.table-section .column2 {
  align-items:center;
  color:#fff;
  justify-content:space-between;
  padding:30px;
  width:70%
} 
.blog-section .feature-img::before {
  content: "";
  background: rgba(24,27,29,95%) !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
body.page-id-191265836469 .banner-section h1, body.page-id-191168441871 .banner-section h1 {
  background: none;
}
.table-section .link a {
  color:#fff;
  text-decoration:underline
}
.design-note-section .box img {
  height:48px!important;
  width:auto
}
.design-note-section {
  padding:50px 0;z-index: inherit !important;
}
.design-note-section h2 {
  text-align:center
}
.design-note-section .wrap.dis-flex {
  justify-content:space-between;
  padding-top:20px
}
.design-note-section .box {
  background:#f5f5f7;
  border-radius:var(--border-radius);
  padding:58px 38px;
  text-align:center; 
  flex: 0 0 calc((100% - 50px) * 0.33);
  cursor:pointer;
}
.design-note-section .btn-link a {
  color:#7cbe4c;
  font-size:18px;
  font-weight:500;
  letter-spacing:-3%;
  line-height:170%;
  text-decoration:underline;
  text-decoration-style:solid;
  text-decoration-thickness:0
}
.tab-section .btn2 a .arrow-box {
  background:#181b1d
}
.faq-section {
  padding:50px 0
}
.faq-section h2 {
  text-align:center
}
.faq-wrap {
  display:grid;
  gap:15px;
  grid-template-columns:1fr 1fr
}
.faq-inner {
  background:#3783c41a;
  border-radius:20px;
  padding:35px
}
.faq-title {
  color:#3783c4;
  cursor:pointer;
  font-size:21px;
  font-weight:700;
  letter-spacing:var(--letter-spacing);
  line-height:120%;
  position:relative
}
.faq-content p {
  margin-bottom:0
}
.faq-content p span {
  color:#181b1d;
  font-size:13px;
  font-weight:500;
  letter-spacing:-2%; 
  line-height:160%
}
@media screen and (min-width: 200px) and (max-width: 1023px) {
:root {
  --width: calc(100vw - 20px);
  --border-radius: 12px;
  --spacing: 50px 0;
}  
.h2, h2 {font-size: 30px;line-height: 100%;}  
.h4, h4 {font-size: 18px;line-height: 100%;}   
body, html {  font-size: 15px; padding:5px !important;}  
.container{padding: 0 15px;}  
.btn1 a .arrow-box, .btn2 a .arrow-box{width: 34px; height:34px;}  
.btn1 a, a.btn1, .btn2 a, a.btn2{font-size:15px;}  
.hero-banner-section .section-title {  margin-top: 60px;}  
.three-column-section {  padding-top: 0;}  
.banner-section .section-title h1, .hero-banner-section .section-title h1{font-size:50px;}  
.banner-section, .body-container--blog-post .baseModule.w100, .hero-banner-section {min-height: 500px;    height: auto;}  
.ecosystem-section {  padding-bottom: 50px;}  
body.page-id-192268293508 .logo-section h4 {  font-size: 32px;}  
.page-id-192268293508 .hero-banner-section {  min-height: 600px;}  
.how-support-section .wrap.dis-flex .box{padding:30px;}  
.experience-section .wrap.dis-flex .right-part, .experience-section .wrap.dis-flex .left-part {  flex-basis: 100%;}  
.tab-section .wrap.dis-flex {  padding-top: 10px;margin-top: 0;}  
.experience-section .wrap.dis-flex .right-part {  margin-top: 20px;}  
.team-section .wrap.dis-flex .box, .how-support-section .wrap.dis-flex .box, .contact-section .left-part, .contact-section .right-part, .tab-section .right-part, .tab-section .left-part {  flex: 0 0 calc((100% - 0px) * 1);}  
.set-part-section .wrap.dis-flex .inner-cover .box h3{font-size:20px;}  
.ecosystem-section .wrap.dis-flex > div {  flex: 0 0 calc((100% - 0px) * 1);  margin: 15px 0;}   
body.page-id-192268293127 .three-column-section .wrap.dis-flex .box .icon { margin-bottom: 0;}  
body.page-id-192268293127 .three-column-section .box .title {  padding: 25px;}  
.team-section .details h3 {  font-size: 32px;}  
.team-section .wrap.dis-flex { margin: 30px 0 0;}  
.tab-section .right-part {  margin-top: 20px;}  
.tab-section .box{font-size: 17px;  margin-bottom: 12px;  padding: 15px;}  
.experience-section .wrap.dis-flex .inner-cover .box {  padding: 15px;  margin: 10px 0 0;}  
.header-section .container{padding:0;}  
.header-section {    margin: 15px;    padding: 10px;    width: calc(100% - 50px);    height: 70px; align-items: center;    display: flex; } 
a.mobile-trigger {right: 12px;    top: 8px;}  
.table-section .column1{padding: 15px 0 15px 15px;}  
.table-section .column2{padding: 15px;}  
.header-section .right-part{display:none;}  
.header-section .left-part img {  width: 180px !important;  max-width: inherit !important;}  
.post-inner, .post-item{padding: 20px;flex: 0 0 calc((100% - 0px) * 1);}   
.blog-listing-wrapper.cell-wrapper.container {  padding: 0 15px;             }  
.two-column-section .wrap.dis-flex .box .title h3{font-size: 20px;}  
.blog-section .feature-img {  height: auto;}  
.strip-section{padding: var(--spacing);}  
.strip-section .section-title .subtitle {  font-size: 21px;}  
.strip-section .section-title h2{font-size: 48px;    padding: 10px;}  
.footer-section {  padding: var(--spacing); }  
.design-note-section .box{padding: 30px;  flex: 0 0 calc((100% - 0px) * 1);   margin-top: 20px;}  
.footer-top .right-part {  margin: 20px 0 0;}  
.footer-section .footer-menu ul{margin: 20px 0;    padding: 0px 0;    flex-wrap: wrap;}  
.footer-section .footer-copyright .privacy-menu ul {  margin: 0px 0 20px;}  
.copyright {  order: 2;  text-align: center;  width: 100%;}  
.footer-copyright .privacy-menu {  width: 100%;}  
.footer-copyright .hs-menu-item a {  padding: 0px;}  
.recent-post-section .box .post-right .post-title a{font-size:18px;}  
.recent-post-section .box .post-right .post-title {  margin: 10px 0 0;}  
.recent-post-section .box{flex-basis: 47%;    display: block;margin-bottom: 20px;}  
.recent-post-section .box .post-right .post-content {  margin: 10px 0;}  
.two-column-section .wrap.dis-flex .box {  flex-basis: 46%;  height: 210px;}  
.two-column-section .wrap.dis-flex .box .title {  padding: 60px 15px 20px;}  
.two-column-section .wrap.dis-flex .box .title h3 {  font-size: 20px;  }
.two-column-section {  padding: var(--spacing);}  
.two-column-section .btn.btn2 {  justify-content: center;  position: static;}  
.two-column-section .section-title h2 {  flex-basis: 100%;  max-width: 100%;margin: 0 0 30px;}    
.service-section{padding: var(--spacing);}  
.service-section .outer-cover .section-title {margin-bottom: 30px;  flex-basis: 100%;}  
.service-section .outer-cover .wrap {  flex-basis: 100%;}  
.service-section .outer-cover .wrap .box {  padding: 10px; flex-basis: calc(50% - 10px);}
.service-section .outer-cover .wrap .box .icon{height: 70px; margin: 0 auto 10px; width: 70px;}  
.service-section .outer-cover .content {  margin: 20px 0;}  
.case-study-section .box .img-box {  flex-basis: 100%;margin-bottom: 20px;}  
.case-study-section .box .right-box {  flex-basis: 100%;}  
.case-study-section .box .right-box ul {  gap: 10px;  margin: 0px 0 0;  padding: 0;}  
.case-study-section .wrap {  margin-bottom: 50px;}
.logo-slider {  gap: 0;  margin-bottom: 20px;  flex-wrap: wrap;}  
.logo-section .logo-slider .logo-box img {  height: auto !important;width: 100%;}  
.logo-box {  flex-basis: 33.3333%;  margin: 0 0 15px 0;  padding: 0 10px;}  
.hero-section .wrap.dis-flex .section-title {  flex-basis: 100%;  margin-top: 150px;}  
.hero-section .wrap.dis-flex .img-box {  flex-basis: 100%;  position: static; margin: var(--spacing);  width: 100%;}  
.hero-section .section-title .sub-title {  font-size: 24px !important;}  
.hero-section .section-title .sub-title, .hero-section .section-title h1 {  font-size: 40px;}  
.hero-section .section-title h1 span {  margin: 10px 0;  font-size: 35px;}  
.header-section .center-part .hs-menu-wrapper ul {  display: none;}  
}
  
  
@media screen and (min-width: 1251px) and (max-width: 1450px) {
.hero-section .section-title .sub-title, .hero-section .section-title h1{font-size: 4.5vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
.container{padding:0 20px;}  
.hero-section .section-title .sub-title, .hero-section .section-title h1 {  font-size: 50px;}
.hero-section .section-title .sub-title {  font-size: 38px !important;}  
.header-section{padding-left:0;padding-right:0;}  
.header-section .btn1 a, .header-section a.btn1{font-size:16px;}  
.header-section .logo img {  max-width: 190px !important;}  
.header-section .center-part .hs-menu-wrapper a {  font-size: 16px;  padding: 12px 11px;}  
.header-section .container{padding: 0 15px;}  
.header-section .right-part {  min-width: 171px;}  
.two-column-section .wrap.dis-flex .box{height: 320px;}  
.three-column-section .wrap.dis-flex .box .title h4{font-size: 21px;}  
.two-column-section .section-title h2{font-size:40px;}  
.two-column-section .wrap.dis-flex .box .title h3{font-size:21px;}  
.two-column-section .wrap.dis-flex .box .title{padding: 120px 30px 30px;}  
.banner-section .section-title h1, .hero-banner-section .section-title h1{font-size:90px;}  
.service-section .outer-cover .wrap .box{padding: 25px;}  
.footer-section .footer-top .wrap div {  flex: 1;}  
.footer-section .footer-top .wrap div.left-part .logo-box img {  max-width: 350px !important;}  
.how-support-section .wrap.dis-flex .box{flex-basis: calc(33.3333% - 14px);padding: 35px;}  
.tab-section .wrap.dis-flex {  gap: 4%;margin: 0;}  
.hero-section{min-height: 600px;}  
.hero-section .wrap.dis-flex .section-title{margin-top:50px;}  
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.footer-top .wrap.dis-flex {  gap: 25px;}
.footer-top .wrap.dis-flex > div {  flex: 1;}
.footer-top .wrap.dis-flex .logo-box img {  max-width: 80% !important;}
}