/* @import url('http://example.com/example_style.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css');

.d-flex{display:flex;flex-wrap:wrap;}
.align-center{align-items:center;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w33{width:33.33%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w66{width:66.66%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w100{width:100%;}
.noListStyle ul,.listStyle ul{margin:0;padding:0;list-style:none;}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.web-text {
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .web-text {
    font-size: 18px;
  }
}
@media (max-width: 820px) {
  .web-text {
    font-size: 16px;
  }
}

.sm-title {
  color: #c2320a;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .sm-title {
    margin-bottom: 5px;
  }
}

.section-title {
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .section-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 12px;
  }
}
@media (max-width: 820px) {
  .section-title {
    font-size: 26px;
    line-height: 35px;
  }
}

.common-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #101828;
}
@media (max-width: 820px) {
  .common-title {
    font-size: 18px;
    line-height: 26px;
  }
}
.common-text {
  font-size: 16px;
  line-height: 1.5;
  margin-block: 8px;
}
@media (max-width: 820px) {
  .common-text {
    font-size: 14px;
    line-height: 21px;
  }
}
.common-link {
  color: #c2320a;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media (max-width: 820px) {
  .common-link {
    font-size: 14px;
    line-height: 22px;
  }
}
.common-link svg {
  margin-left: 8px;
  transition: all 0.3s ease;
}
.common-link:hover svg {
  margin-left: 10px;
}

.text-center {
  text-align: center;
}

.w-100 {
  width: 100%;
}

.pt-50 {
  padding-top: 50px;
}

.w-60 {
  width: 60%;
}
@media (max-width: 600px) {
  .w-60 {
    width: 100%;
  }
}


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* .body-container--hp .hero { padding: 381px 0px 316px; } */

body{opacity:0;}
body.loaded{opacity:1;}
.set-bg,.bg,.overlay{background-size:cover;background-position:center;position:relative;background-repeat:no-repeat;}
.container-fluid {  padding-left: 0;  padding-right: 0;}

/* swiper css */
.swiper-pagination{display:none;align-items: center;gap: 20px;justify-content: center;bottom: -30px !important;width:100% !important;}
.swiper-pagination span.swiper-pagination-bullet-active{background: #fb5e0f!important;height: 13px!important;width: 13px!important;}
.swiper-pagination span.swiper-pagination-bullet { background: #8e8e8e; border-radius: 10px; display: inline-block; height: 13px; transition: .7s; width: 13px; }

.swiper-button-next:after,.swiper-button-prev:after{display:none}
.swiper-button-prev svg , .swiper-button-next svg{ height: 20px; width: 20px; line-height: 1; position: absolute; top: 50%; left: 50%; 
  transform: translate(-50%, -50%); }
.swiper-button-prev,.swiper-button-next { height: 30px !important; width: 30px !important; background-color: #000; border-radius: 50%; 
  display: block; padding: 5px; line-height: 30px; }
.swiper-button-prev {left:-50px !important;}
.swiper-button-next{right:-50px !important;}

/* heading number */
.head_number { height: 74px; width: 74px; line-height: 74px; background-color: #E2E2E2; display: inline-block; border-radius: 50%; margin-right: 40px; }

/* magnific popup with animation */
.mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } 
.mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); }
.mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } 
.mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } 
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }


.hero .actions .btn:not(:first-child){margin-left:20px;}
.body-container--hp .hero{padding:200px 0px 260px;}
.hero > .container-xl>.row {  position: relative; z-index: 2;}
.body-container--hp .bg-hero{background-size: contain;}
.body-container--hp .hero p.lead { max-width: 75%;  margin: 0 auto;}

.equimentSection{padding:153px 0px 68px;}
.equimentSection .titleBox {max-width:1080px;margin:0 auto;}
.equimentSection .titleContent {margin-top:30px;}
.equimentSection .imageBox{margin-top:16px;}
.equimentSection .mobileImg{display:none;}

.solutionCard{padding:50px 0px 100px;}
.solutionCard .cardRow{max-width: 1200px;margin:90px auto 0;}
.solutionCard .cardParent { display: flex; flex-wrap: wrap;margin: 0 -35px;justify-content: center; }
.solutionCard .twoColCard { width: 50%;padding:0px 35px;margin-bottom:50px; }
.solutionCard .cardInner {box-shadow: 0px 0px 20px #0000005A;padding:53px 82px 63px 96px;border-radius: 8px;height:100%;}
.solutionCard .cardContent{margin-top:30px;}
.solutionCard .btnBox{margin-top:54px;}
.solutionCard .btnBox a{display:block;font-size:16px;}
.solutionCard .cardContent ul { list-style: none; margin: 0; padding: 0; }
.solutionCard .cardContent ul li { position: relative;padding-left: 30px; }
.solutionCard .cardContent ul li:before { content: ''; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 511.985 511.985' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cpath d='M500.088 83.681c-15.841-15.862-41.564-15.852-57.426 0L184.205 342.148 69.332 227.276c-15.862-15.862-41.574-15.862-57.436 0-15.862 15.862-15.862 41.574 0 57.436l143.585 143.585c7.926 7.926 18.319 11.899 28.713 11.899 10.394 0 20.797-3.963 28.723-11.899l287.171-287.181c15.862-15.851 15.862-41.574 0-57.435z' fill='%235ad1b6' data-original='black' opacity='1' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); 
  width: 18px; height: 18px; position: absolute; left: 0; top: 2px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.solutionCard .cardContent ul li:not(:first-child) { margin-top: 10px; }

.matrix .poupBtn svg ,
.os_filter_v2 .poupBtn svg{ height: 100%; width: 100%; } 
.matrix .poupBtn ,
.os_filter_v2 .poupBtn{ height: 24px; width: 24px; border-radius: 50%; position: absolute; right: 10px; top: 10px; z-index: 2; } 
.matrix .os-module__body,
.os_filter_v2 .card-body{ position: relative; }

.body-container--hp .matrix {padding-top:68px;}

.cardPopup .tagBox { padding: 5px 15px; border: 1px solid #414141; border-radius: 4px; }
.cardPopup .topBox.d-flex { align-items: center; }
.cardPopup .card_left ,.cardPopup .card_right { width: 50%; } 
.cardPopup .card_popup_inner { display: flex; flex-wrap: wrap; align-items: center; }
.cardPopup .filter_tag { padding-left: 20px; }
.cardPopup .card_title { margin-top: 35px; } 
.cardPopup .card_description { margin-top: 30px; max-width: 530px; }
.cardPopup .card_right { padding-left: 50px; }
.cardPopup .card_left {padding-right: 30px;}
.cardPopup .card_img_slider{position:relative;} 
.cardPopup .swiper-wrapper {  overflow: hidden;}
.cardPopup .card_description>p:first-child {  margin-bottom: 30px;}
.cardPopup .img_box ,
.cardPopup video{ border-radius: 16px;  overflow: hidden;}
.cardPopup video{width:auto;height:auto;max-height:400px;max-width:100%;}
.cardPopup .wrap-element,.cardPopup .img_box {text-align: center;}

.cardPopup .swiper-button-prev,
.cardPopup .swiper-button-next{display:none;}


.mfp-close-btn-in .cardPopup .mfp-close { background-color: #000; opacity: 1; color: #fff; border-radius: 50%;
  top: 30px; right: 30px; height: 20px; width: 20px; line-height: 20px; font-size: 20px; }

.usecase_v2{padding:197px 0px 187px !important;}
.usecase_v2 .quoteBox blockquote { position: relative; padding-left: 32px; font-weight: 700; }
.usecase_v2 .quoteBox blockquote:before { content: ''; background-image: url('https://www.activateos.com/hubfs/Background.png'); height: 20px; 
  width: 20px; background-size: cover; position: absolute; left: 0; top: 5px; } 
.usecase_v2 .quoteBox blockquote + p { text-align: right; font-weight: 500; }
.cases.usecase_v2 .slider__controls .slider__pagination {display:none;}
.usecase_v2 .figure-caption{margin-top:10px;}
.usecase_v2 .logo_box , .case_logo .logo_box{ position: relative;padding:0px 2px; }
.usecase_v2 .logo_box:hover:after ,
.case_logo .logo_box:hover:after{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; 
  background: #fff; border-radius: 8px; color: #000; content: attr(title); margin: 0; font-size: 14px; padding: 5px; 
  width: 150px; position:absolute; top: -40px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } 
.usecase_v2 .logo_box:hover:before,
.case_logo .logo_box:hover:before{ border: solid; border-color: #fff transparent; border-width: 12px 6px 0 6px; content: ""; left: 45%;
  bottom: 40px; position: absolute; z-index: 2; }
.usecase_v2 .btn-all+.dropdown-menu:after ,
.case_logo .btn-all+.dropdown-menu:after{left: inherit;right: 0;}

.os_filter_v2 .filterBox{margin-top:60px;}
.os_filter_v2 .filterBox .opsystem__controls {justify-content: center;}
.os_filter_v2 .card {height:100% !important;min-height:100% !important}

.ecosystem_v2 .ecosystem__controls{margin-top:39px;justify-content: center;}

.body-container--build_os ,
.body-container--customer{padding:0;}
.darkBg h2 ,.darkBg p{color:#fff;}
.darkBg .actions a{border:1px solid #fff;}
.darkBg .actions a:hover{background-color:#fff;color:#fb5e0f}


/* accordian section */
.accodianSection{padding:90px 0px 150px;}
.accodianSection .titleBox {padding-bottom:70px;}
.accodianSection .accordianBoxes { padding: 40px 0px; border-top: 1px solid #707070; }
.accodianSection .accordianTitle { display: flex; flex-wrap: wrap; align-items: center;position:relative;cursor:pointer; } 
.accodianSection .accordianTitle span.iconBox { margin-left: 15px; } 
.accodianSection .accordianTitle span.iconBox img { width: 50px; height: auto;}
.accodianSection .leftBox { width: 290px; } 
.accodianSection .rightBox { width: calc(100% - 290px); padding-left: 50px; }
.accodianSection .accordianInner { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 80px; }
.accodianSection .leftInner { background-color: #F5F5F5; padding: 30px; } 
.accodianSection .leftInner ul { list-style: none; margin: 0; padding: 0; }
.accodianSection .leftInner ul li:not(:first-child) { margin-top: 10px; } 
.accodianSection .threeColumnParent{display: flex; flex-wrap: wrap; align-items: flex-start;margin:0px -20px;}
.accodianSection .threeColBoxes {width: 33.33%;padding: 0px 20px;}
.accodianSection .threeColInner { border: 1px solid #FB5E0F; padding: 30px; text-align: center; margin-bottom: 30px;font-size: 18px;}
.accodianSection .middleTitle ,.accodianSection .bottomTitle{margin-bottom:20px;}
.accodianSection .accordianContentBox{display:none;}
.accodianSection .accordianBoxes:last-child { border-bottom: 1px solid #707070;}

.space-3.teamPage {  padding: 122px 0px 60px;}

/* team section */
.teamSection {padding:60px 0px 95px}
.teamSection .content { position: relative; overflow: hidden;width: 210px;height: 210px;background-repeat: no-repeat;background-size: cover;background-position: center top;
  border-radius: 50%; } 
.teamSection .content .content-overlay { background: rgba(0,0,0,0.7); position: absolute; height: 100%; width: 100%;
  left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; } 
.teamSection .content:hover .content-overlay{ opacity: 1; } 
.teamSection .content-image{ width: 100%; }
.teamSection .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; 
  left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } 
.teamSection .content:hover .content-details{ top: 50%; left: 50%; opacity: 1; }
.teamSection .content-details h6,
.teamSection .content-details p{ color: #fff;margin:0;} 
.teamSection .content-details .fadeIn-bottom{ top: 80%; }
.teamSection .teamChild{padding:0px 8px;margin-bottom:16px;}
.teamSection .teamParent{ display: flex; flex-wrap: wrap; align-items: flex-start;margin:55px -16px 0px;justify-content: center;}
.teamSection .socialLink{margin-top:10px;}

/* news section */
.news_section{padding:90px 0px 100px;}
.news_section .swiper-container {overflow-x: hidden;padding-bottom: 20px;}
.news_section .sliderParent {position: relative;margin-top:70px;}
.news_section .slideInner { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.news_section .postContentBox { padding: 20px 15px; } 
.news_section .postContentBox h4 a { text-decoration: none; color: #4A4A4A; } 
.news_section .postImg { height: 250px; } 
.news_section .swiper-slide { padding: 0px 20px; }

/* logo gallery section */
.logo_gallery { padding: 93px 0px 160px; }
.logo_gallery .swiper-slide { padding: 0px 20px; } 
.logo_gallery .logoParentBox {margin: 75px 0 0 0;}
.logo_gallery .logoBox img {height: 100px !important;width: auto;object-fit: contain;}
.logo_gallery .swiper-container{overflow: hidden;}
.logo_gallery .swiper-wrapper{align-items:center;}

/* article page */
.postPage{padding-top:108px;}
.postPage .articleConent{padding:125px 0px 175px;}
.postPage .postImge {height: 375px;}
.postPage .postDate {text-transform: uppercase; color: #FB5E0F;}
.postPage .postTitle{margin:40px 0px 60px;}
.postPage .post-pagination{margin-top:105px;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.post-pagination a.b tn > span { font-size: 20px; } 
.post-pagination .btn > span { font-size: 14px; line-height: 1; align-items: center; display: flex; flex-wrap: wrap; align-items: center; } 
.post-pagination .btn > span i { font-size: 18px; }
.prev-post .btn > span i{margin-right:5px;}
.next-post .btn > span i{margin-left:5px;}


.body-container--solution , .body-container--premium , .body-container--hp{padding-top:108px;}
.body-container--solution .solutionCard{padding:100px 0px 150px;}

.body-container--premium .schedule .col-lg-8.mx-auto {  width: 100%;}
.body-container--premium .schedule{padding:100px 0px 150px !important;}

.fullWidthContent{padding-top:90px;}

.body-container--build_os .os_filter_v2{padding:60px 0px 90px;}
.body-container--build_os .ecosystem_v2{padding-bottom:150px;}
.body-container--premium .schedule .row > .col-lg-9{width:100%;}

.body-container--partner-program .feature_block {padding:100px 0px;}
.body-container--partner-program .integration-slider{padding:70px 0px;}

.accordian_v2 .accordion-button:after{display:none;}
.accordian_v2 .plus_icon {  height: 29px;  width: 29px;border-radius: 50%;  background-color: #000; position: absolute; right: 20px;} 
.accordian_v2 .accordion-button.collapsed .plus_icon:before , 
.accordian_v2 .accordion-button .plus_icon:before{content: ""; position: absolute; width: 20px; height: 2px; background: #fff; 
  display: inline-block; top: 13px; left: 4px; }
.accordian_v2 .accordion-button.collapsed .plus_icon:after , 
.accordian_v2 .accordion-button .plus_icon:after{     content: ""; position: absolute; margin-top: 4px; margin-left: 13px; width: 2px; height: 20px; background: #fff; display: inline-block; }
.accordian_v2 .accordion-button .plus_icon:after{margin-top: 13px; width: 2px; height: 2px;} 
.accordian_v2 .accordion-buton .plus_icon:before, 
.accordian_v2 .accordion-button .plus_icon:after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.os-tag-group{flex-wrap: wrap;}
.os-tag{margin-bottom:10px;}
.cardPopup .os-tag{margin-bottom:0px;}

/* footer */
.footer a{text-decoration:none;}

.alternate-content-with-image{padding:48px 0px;}
.alternate-content-with-image .alternate-parent.swap-column .content-parent {
  order: 2;
  padding-right: 0;
  padding-left:7.5%;
}
.alternate-content-with-image .content-parent {
  padding-right: 7.5%;
}
.alternate-content-with-image .content-box ul {
  list-style: none;
  margin: 32px 0 0 0;
  padding: 0;
}

.alternate-content-with-image .content-box li {
  position: relative;
  padding-left: 40px;
}

.alternate-content-with-image .content-box li:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M8.75001 13.9997L12.25 17.4997L19.25 10.4997M25.6667 13.9997C25.6667 20.443 20.4433 25.6663 14 25.6663C7.55669 25.6663 2.33334 20.443 2.33334 13.9997C2.33334 7.55635 7.55669 2.33301 14 2.33301C20.4433 2.33301 25.6667 7.55635 25.6667 13.9997Z' stroke='%23EB460A' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  height: 28px;
  width: 28px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -2px;
}

.alternate-content-with-image .content-box li+li {
  margin-top: 20px;
}
.alternate-content-with-image .content-btn{margin-top:25px;}
.title-box h6 span {
  color: #C2320A;
}
.title-box {
  max-width: 768px;
  margin: 0 auto;
}
.full-width-content-image .image-parent,
.full-width-content-image .video-parent{margin-top:64px;}



/* mega menu css */
.headerMegaMenu{border-bottom:1px solid #F2F4F7;background-color:#fff;transition:all ease 0.3s;
position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
.headerMegaMenu.fixed-header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.headerMegaMenu .logoBox{width:140px;}
.headerMegaMenu .menuBox{width:calc(100% - 140px);}
.headerMegaMenu .menuButtons{width:200px;}
.headerMegaMenu .menuList{width:calc(100% - 200px);}
.headerMegaMenu .menuList > ul > li ,
.headerMegaMenu .hs-menu-wrapper > ul > li{position:relative;padding:28px 16px;cursor:pointer;}
.headerMegaMenu .menuList > ul > li >.megaMenuParent{position:absolute;width:640px;left:50%;transform:translateX(-50%);border-radius:var(--radius-xl,12px);border:1px solid var(--Colors-Border-border-secondary,#EAECF0);background:var(--Colors-Background-bg-primary,#FFF);box-shadow:0px 4px 6px -2px rgba(16,24,40,0.03),0px 12px 16px -4px rgba(16,24,40,0.08);overflow:hidden;top:50%;transition:all ease 0.3s;opacity:0;visibility:hidden;z-index:22;}
.headerMegaMenu .menuList > ul > li > .menuArrow{display:inline-block;transition:all ease 0.3s;line-height:1;}
.headerMegaMenu .menuList > ul,
.headerMegaMenu .hs-menu-wrapper > ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.headerMegaMenu .menuList > ul > li> a,
.headerMegaMenu .menuPostBox .postTitle a,
.headerMegaMenu .hs-menu-wrapper > ul > li> a{font-size:16px;text-decoration:none;color:#4a4a4a;line-height:1.5;font-weight:600;display:inline-block;}
.headerMegaMenu .menuContentList .contentBox h6,
.headerMegaMenu .subMenuListBox .subMenuContent h6{transition:all ease 0.3s;}
.headerMegaMenu .menuList > ul > li:hover > a,
.headerMegaMenu .menuPostBox .postTitle a:hover,
.headerMegaMenu .menuContentList:hover .contentBox h6,
.headerMegaMenu .subMenuListBox:hover .subMenuContent h6{color:#fb5e0f;}
.headerMegaMenu .menuContentBox,
.headerMegaMenu .menuPostBox{width:50%;}
.headerMegaMenu .menuPostBox{padding:20px;background-color:#F9FAFB;}
.headerMegaMenu .menuPostInner{padding:12px;border-radius:8px;}
.headerMegaMenu .menuPostBox .postImg{margin-bottom:24px;}
.headerMegaMenu .menuPostBox .postImg img{height:136px;object-fit:cover;}
.headerMegaMenu .menuContentBox{padding:24px 20px;}
.headerMegaMenu .menuContentBox .iconBox{width:24px;}
.headerMegaMenu .menuContentBox .contentBox{width:calc(100% - 24px);padding-left:16px;}
.headerMegaMenu .menuContentList{position:relative;display:flex;flex-wrap:wrap;padding:12px;}
.headerMegaMenu .menuContentBox a.contentLink{position:absolute;top:0;left:0;height:100%;width:100%;}
.headerMegaMenu .menuContentBox .contentBox p,
.headerMegaMenu .subMenuContent p{font-size:14px;line-height:1.42;margin-bottom:0;}
.headerMegaMenu .menuContentList + .menuContentList{margin-top:4px;}
.headerMegaMenu .postBtn{margin-top:12px;}
.headerMegaMenu .postBtn a{text-decoration:none;}
.headerMegaMenu .postBtn a svg path{stroke:#fb5e0f!important;}
.headerMegaMenu .menuButtons{display:flex;flex-wrap:wrap;justify-content:flex-end;}
.headerMegaMenu .menuBtnList a{font-size:16px;line-height:1.5;font-weight:600;text-decoration:none;padding:9px 15px;display:inline-block;border:1px solid #D0D5DD;border-radius:10px;color:#4a4a4a;}
.headerMegaMenu .menuBtnList:not(:first-child){margin-left:12px;}
.headerMegaMenu .menuBtnList:last-child a{background-color:transparent;border-color:#fb5e0f;color:#fb5e0f;}
.headerMegaMenu .menuBtnList a:hover{background-color:#fb5e0f;color:#fff;border-color:#fb5e0f;}
.headerMegaMenu .menuList > ul > li:nth-child(2) >.megaMenuParent{width:336px;padding:12px;}
.headerMegaMenu .subMenuListBox{padding:12px;}
.headerMegaMenu .subMenuContent{position:relative;}

/* header with drop down */
.headerMegaMenu .hs-menu-wrapper > ul > li.hs-item-has-children:after{content:'\f107';position:absolute;right:-3px;font-family:fontAwesome;top:28px;font-size:18px;color:#4a4a4a;transition:all ease 0.3s;}
.headerMegaMenu ul.hs-menu-children-wrapper > li{padding:10px 16px;border-bottom:1px solid #EAECF0;}
.headerMegaMenu ul.hs-menu-children-wrapper > li > a{text-decoration:none;color:#4a4a4a;transition:all ease 0.3s;}
.headerMegaMenu .hs-menu-wrapper > ul > li:hover > a,
.headerMegaMenu ul.hs-menu-children-wrapper > li:hover > a{color:#fb5e0f;}

.hero-v2:after{display:none;}
.hero-v2 .logo-parent-box {margin-top:8rem;}
.hero-v2 .logo-parent-box .slick-slide img{margin:0 auto;}
.hero-v2 {
  background-color: transparent;
  padding: 96px 0px;
}

.solutionCard .card-icon-box {
    width: 50px;
    margin: 0 auto 30px;
    position: relative;
    height: 50px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}

.solutionCard .card-icon-box img {
    width: 27px;
    height: auto;
}

.solutionCard .card-icon-box:before,
.solutionCard .card-icon-box:after {
  content: '';
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 2px solid #2970FF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
}

.solutionCard .card-icon-box:after {
  height: 50px;
  width: 50px;
  opacity: 0.1;
}
.solutionCard .cardContent ul li:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z' fill='%23FFF5EB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0964 7.39004L9.93641 14.3L8.03641 12.27C7.68641 11.94 7.13641 11.92 6.73641 12.2C6.34641 12.49 6.23641 13 6.47641 13.41L8.72641 17.07C8.94641 17.41 9.32641 17.62 9.75641 17.62C10.1664 17.62 10.5564 17.41 10.7764 17.07C11.1364 16.6 18.0064 8.41004 18.0064 8.41004C18.9064 7.49004 17.8164 6.68004 17.0964 7.38004V7.39004Z' fill='%23EB460A'/%3E%3C/svg%3E");}
.solutionCard .cardInner{    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  border: 1px solid #EAECF0;}

.integration-filter{padding:96px 0px;}
.integration-filter.v2{padding:48px 0px;}
.integration-filter .filter-logo {
  height: 52px;
  width: 52px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border: 1px solid #EAECF0;
}
.integration-filter .filter-logo img {
  object-fit: contain;
  height: 52px;
}

.integration-filter .filterBoxes {
  width: 20%;
  padding: 12px;
  display:none;
}


.integration-filter .filterInner {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 12px;
  border: 1px solid #EAECF0;
  padding: 24px;
  height: 100%;
}

.integration-filter .filter-data {
  width: calc(100% - 52px);
  padding-left: 12px;
}

.integration-filter .data-title {
  font-size: 16px;
  font-weight: 600;
}

.integration-filter .data-tag {
  font-size: 14px;
}

.integration-filter .childBoxParent {
  margin: 0px -12px;
}
.integration-filter .dropdownText {
  border-radius: var(--radius-lg, 10px);
  border: 1px solid var(--Colors-Border-border-primary, #D0D5DD);
  background: var(--Colors-Background-bg-primary, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 11px 35px 11px 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 600;
  cursor:pointer;
  line-height:1;
  position: relative;

}

.integration-filter .dropdownText .numberBox {
  height: 32px;
  width: 32px;
  border: 1px solid #EAECF0;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  font-weight: 600;
  background-color: #F9FAFB;
  margin-right: 12px;
}

.integration-filter .filterBox {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.integration-filter .filterBox .arrowImg {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 10px;
  display:inline-block;line-height:1;transition:all ease 0.3s;
}
.dropdownText.dropdown-active .arrowImg {
  transform: rotate(180deg);
  top:9px;
}
.integration-filter .filterBox ul{display:none;}
.integration-filter .filterBox li {
  position: relative;
  padding-left: 30px;
      word-break: break-word;
}

.integration-filter .filterBox li:before {
  content: '';
  height: 24px;
  width: 24px;
  border: 1px solid #d0d5dd;
  position: absolute;
  border-radius: 4px;
  left: 0;
}

.integration-filter .filterBox li + li {
  margin-top: 12px;
}

.integration-filter .filterBox ul {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  margin-top: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  top: 100%;
  width: 100%;
  max-width: 230px;
}
.integration-filter .filterBox li:after {
  content: '';
  background-image: url('https://24110836.fs1.hubspotusercontent-na1.net/hubfs/24110836/check.png');
  height: 12px;
  width: 17px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: 6px;
  top: 6px;
  transition:all ease 0.3s;
  opacity:0;
  visibility:hidden;
}
.integration-filter .filterBox li.active:after{
  opacity:1;
  visibility:visible;
}

.integration-filter .filterContentParent {
  margin: 48px 0px;
}

.integration-filter .titleBox{margin:0 auto 48px;max-width:768px;}
.integration-filter .bottomButtonBox {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 12px;
  border: 1px solid #EAECF0;
  padding: 24px;
  max-width: 448px;
  margin: 0 auto;
}

.integration-filter .btnTitleBox p {
  margin: 0;
}

.integration-filter .btnTitleBox {
  margin-bottom: 24px;
}
.integration-filter .loadMoreBtn{margin-top:30px;}
.body-container--provider-hub .integration-filter .filterBoxes,
.integration-filter.v2 .filterBoxes {
    display: block;
}

.faq .faq-stip-btn{max-width: 140px;
    width: 100%;}

.hero-v2 h1{margin-bottom:2rem}
.hero-v2 .actions{margin-top:3rem !important}
.body-container--new-hp .integration-filter.v2 .filterBoxes:nth-child(n+21) {display: none;}
.headerMegaMenu .menuList > ul > li > .menuArrow+.menuArrow{display:none}
.headerMegaMenu .subMenuContent a.contentLink {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}

/* login page */
.body-container--activate-login .solutionCard .cardContent ,
.body-container--activate-login .solutionCard .btnBottomContent{text-align:center;}
.body-container--activate-login .solutionCard .btnBox { margin-top: 0; } 
.body-container--activate-login .solutionCard .cardInner { padding: 53px 0 0 0; } 
.body-container--activate-login .bottomContentBox {background-color: #F9FAFB;border-top: 1px solid #EAECF0;margin-top: 3.5rem;padding: 30px;} 
.body-container--activate-login .btnBottomContent a { text-decoration: none; font-weight: 600; font-size: 18px; } 
.body-container--activate-login .btnBottomContent { margin-top: 20px; } 
.body-container--activate-login .btnBottomContent p { margin-bottom: 10px; } 
.body-container--activate-login .solutionCard .cardContent ,
.body-container--activate-login .solutionCard .cardTitle { padding: 0px 30px; }

.body-container--home-page .bottom-banner{
  margin:0;
  padding:64px 0px;
  background-color:#F9FAFB;
}
.body-container--home-page .bottom-banner .banner-grid-inner{background-color:#fff;}
.tabbingSection .title-box{margin-bottom:100px;}
.tabbingSection .tabs-nav{
  justify-content: center;
  margin-top: 55px;
  gap:36px;
}
.tabbingSection .tabs-nav li{max-width:320px;width:100%;}
.tabbingSection .tabs-nav li a{width:100%;display:block;}
/* .tabbingSection .tabs-nav li a {background-color: transparent;color: #fb5e0f;}
.tabbingSection .tabs-nav li.tab-active a,
.tabbingSection .tabs-nav li:hover a {background-color: #fb5e0f;color: #fff;} */

.videoSection .title-box{margin-bottom:80px;}
.videoSection .videoParent {
    max-width: 850px;
    margin: 0 auto;
}

.testimonialSection .title-box{margin-bottom:30px;}
.testimonialSection .card-block {
    width: 25%;
    padding: 0px 8px;
}

.testimonialSection .card-inner {
    background-color: #fb5e0f;
    padding: 18px 20px 14px;
    border-radius: 10px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  height:100%;
}

.testimonialSection .userImage {
    height: 85px;
    width: 85px;
    border-radius: 50%;
    overflow: hidden;
  margin-bottom:15px;
}
.testimonialSection .userName {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
  margin-bottom:15px;
}
.testimonialSection .userDesignation { margin-bottom: 10px; color: #fff; font-weight: 500; }
.testimonialSection .testimonial-content {
    color: #fff;
  margin-bottom:15px;
}


.four-column-content .icon-content-parent {
    max-width: 970px;
    margin: 32px auto 0;
}

.four-column-content .icon-content-boxes {
    width: 25%;
    text-align: center;
    padding: 0px 15px;
}
.four-column-content .icon-content h6{
  margin-top:20px;
  text-transform: inherit;
  font-size:20px;
  font-weight:600;
}

.four-column-content .icon-image img {
    height: 109px !important;
    width: auto;
    object-fit: contain;
}


/* landing page css */
.header_lp {border-bottom: 1px solid #F2F4F7;background-color: #fff;transition: all ease 0.3s;position: fixed;width: 100%;left: 0;top: 0;
    z-index: 99;padding: 20px 0px;}
.header_lp .logoBox {width: 140px;margin: 0 auto;}
.footer_lp{background-color:#4a4a4a;padding:30px 0px;text-align:center;}
.footer_lp p{margin-bottom:0;color:#f8f9fa;font-size:14px;}



/* responsive css */


@media(min-width:992px){
  .hamburger,.headerMegaMenu .menuList .menuBtnList ,
  .headerMegaMenu .hs-menu-wrapper span.arrowImg{display:none;}
  .headerMegaMenu .menuList > ul > li:hover > .menuArrow{transform: rotate(180deg);}
  .headerMegaMenu .menuList > ul > li:hover > .menuArrow svg path{stroke:#fb5e0f;}
  .headerMegaMenu .menuList > ul > li:hover > .megaMenuParent{opacity:1;visibility:visible;top:80%;}
  .headerMegaMenu .menuList > ul > li >.megaMenuParent{display:inherit !important;}
  
 
/*   header with dropdown */
  .headerMegaMenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover:after{color:#fb5e0f;transform: rotate(180deg);}
  .headerMegaMenu ul.hs-menu-children-wrapper{display: inherit !important;opacity:0;visibility:hidden;transition:all ease 0.3s;;position:absolute;width:200px;z-index:2;background-color:#fff;top:100%;left:0;box-shadow:0px 4px 6px -2px rgba(16,24,40,0.03),0px 12px 16px -4px rgba(16,24,40,0.08);border-radius:10px}
  .headerMegaMenu .hs-menu-wrapper > ul > li:hover > ul{opacity:1;visibility:visible;}
}

@media(max-width:1600px){
  .equimentSection{padding-top:120px;}
  .usecase_v2{padding:160px 0px 150px !important;}

}

@media(max-width:1280px){
  .usecase_v2 .swiper-button-prev { left: 0; !important}
  .usecase_v2 .swiper-button-next {right: 0 !important;}

}

@media(max-width:1230px){
  .solutionCard{padding:50px 0px 100px;}
  .solutionCard .cardInner{padding: 35px 52px 40px 60px;}
  .solutionCard .cardTitle h3{font-size:30px;}
  .solutionCard .cardRow{margin-top:70px;}
  .usecase_v2{padding:100px 0px 90px !important;}
  .matrix{padding:70px 0px;}
  .integration-filter .filterBoxes {width: 25%;}

}

@media(max-width:1199px){
  .usecase_v2 .swiper-button-prev { left: -50px !important;}
  .usecase_v2 .swiper-button-next {right: -50px !important;}
}

@media(max-width:1080px){
  .body-container--hp .hero{padding:135px 0px 175px;}
  .usecase_v2 .swiper-button-prev , .news_section .swiper-button-prev { left: -15px !important;}
  .usecase_v2 .swiper-button-next ,  .news_section .swiper-button-next{right: -15px !important;}

  .space-3.teamPage{padding:80px 0px 50px}
  .feature_block {  padding: 70px 0px;}
  .banner .banner-content{padding-right:5%}

}

@media(max-width:991px){
  body{overflow-x:hidden;}
  .headerMegaMenu{padding:16px 0px;}
  .headerMegaMenu .container{position:inherit;}
  .headerMegaMenu .hamburger{position:absolute;top:18px;right:20px;z-index:99;}
  .headerMegaMenu .menuButtons{display:none;}
  .headerMegaMenu .menuList > ul{display:block;}
  .headerMegaMenu .menuList > ul > li >.megaMenuParent{position:relative;opacity:1;visibility:visible;top:inherit;width:100%;margin-top:16px;transition:none;display:none;}
  .headerMegaMenu .menuList > ul > li > .menuArrow{position:absolute;top:22px;right:0;}
  .headerMegaMenu .menuList > ul > li{padding:15px 0px;}
  .headerMegaMenu .menuList,
  .headerMegaMenu .menuList > ul > li:nth-child(2) >.megaMenuParent{width:100%;}
  .headerMegaMenu .menuBtnList:not(:first-child){margin-left:0;margin-top:15px;}
  .headerMegaMenu .menuBox{width:400px;position:fixed;background-color:#fff;box-shadow:0px 4px 6px -2px rgba(16,24,40,0.03),0px 12px 16px -4px rgba(16,24,40,0.08);right:0;padding:56px 20px 24px;top:0;z-index:22;transform:translateX(130%);transition:all ease 0.5s;height: 100vh; overflow-y: auto;}
  .headerMegaMenu .menuBox.active{transform:translateX(0);}
  .headerMegaMenu .menuContentBox,
  .headerMegaMenu .menuPostBox{width:100%;}
  .headerMegaMenu .menuContentList,
  .headerMegaMenu .menuPostInner{padding:0;}
  .headerMegaMenu .menuContentList + .menuContentList{margin-top:20px;}
  
  .headerMegaMenu .hs-menu-wrapper > ul {display: block;}
  .headerMegaMenu .hs-menu-wrapper > ul > li{padding: 0px 0px 15px;}
  .headerMegaMenu .hs-menu-wrapper > ul > li.hs-item-has-children:after{display:none;}
  .headerMegaMenu .hs-menu-wrapper > ul > li a{display:block;}
  .headerMegaMenu .hs-menu-wrapper ul.hs-menu-children-wrapper{display:none;}
  .headerMegaMenu .hs-menu-wrapper span.arrowImg { position: absolute; width: 15px; height: auto; line-height: 1; top: 2px; right: 0; z-index: 2;transition:all ease 0.3s; }
  .headerMegaMenu .hs-menu-wrapper li.hs-item-has-children.active span.arrowImg{transform:rotate(180deg);}

  .head_number { height: 60px; width: 60px;line-height: 60px;margin-right:30px;}
  .integration-slider{padding:0 0 50px}

  .accodianSection .threeColBoxes {width: 50%; padding: 0px 10px;}
  .accodianSection .threeColumnParent {  margin: 0px -10px;}
  .accodianSection .threeColInner { padding: 15px;font-size: 16px;}

  .solutionCard .cardTitle h3 {font-size: 24px;}
  .solutionCard .cardInner {padding: 30px;}
  .solutionCard .twoColCard {padding: 0px 20px;}
  .solutionCard .cardParent {margin: 0px -20px;}

  .usecase_v2{padding:70px 0px 100px !important}
  .cases.usecase_v2 .slider__controls .slider__pagination {display:flex;}
  .usecase_v2 .swiper-button-prev,
  .usecase_v2 .swiper-button-next {display:none;}

  .body-container--solution .solutionCard{padding:100px 0px;}
  .body-container--premium .schedule{padding:100px 0px !important;}

  .cardPopup .card_left, .cardPopup .card_right {width: 100%;padding: 0;}
  .cardPopup .card_right {margin-top: 30px;}
  .integration-filter .filterBoxes {width: 33.33%;}

}

@media(max-width:767px){
  .mw100{width:100%;}
  .head_number{display:none;}
  .swiper-pagination{display:flex;}
  .swiper-button-next, .swiper-button-prev{display:none !important;}
  .wrapLeft,.wrapRight {
    max-width: 540px;
    margin: 0 auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* 0.5) !important;
    padding-left: calc(var(--bs-gutter-x)* 0.5) !important;
    margin-right: auto;
    margin-left: auto;
  }

  .solutionCard .cardParent{margin:0px -12px;}
  .solutionCard .twoColCard{padding:0px 12px;}
  .equimentSection .mobileImg{display:block;text-align:center;}
  .equimentSection .desktopImg{display:none;}

  .solutionCard , .matrix , .equimentSection , .space-3.teamPage , 
  .news_section ,.teamSection , .logo_gallery , .postPage .articleConent,
  .body-container--build_os .os_filter_v2 ,.body-container--build_os .ecosystem_v2,
  .darkBg , .fullWidthContent , .feature_block{padding:50px 0px;}
  .body-container--partner-program .feature_block ,
  .body-container--partner-program .integration-slider{padding:50px 0px;}
  .solutionCard .twoColCard {width: 100%;}
  .solutionCard .cardContent{height:auto !important}
  .solutionCard .twoColCard:not(:first-child){margin-top:30px;}
  .solutionCard .btnBox a{font-size:14px;}


  .logo_gallery .logoParentBox { margin: 50px 0px 0;}
  .logo_gallery .logoChild { width: 33.33%;  padding: 0px 20px 20px;}

  .accodianSection .leftBox , .accodianSection .rightBox { width: 100%;}
  .accodianSection .rightBox {  padding: 0;  margin-top: 30px;}
  .accodianSection .leftInner {  padding: 30px 15px;}

  .body-container--hp .hero p.lead { max-width: 100%;}
  .footer .me-md-auto .nav-item + .nav-item{margin-left:10px;}
  .footer .col-md-8{margin-top:15px;}
  .alternate-content-with-image .content-parent {padding:0 !important;margin-top:32px;}
  .alternate-content-with-image .alternate-parent .content-parent {order: 2 !important;}

  .hero-v2{padding:100px 0px 70px;}

  .integration-filter .filterInner {
    display: block;
    padding: 24px 12px;
  }

  .integration-filter .filter-data {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
  
  .four-column-content .icon-content-boxes{width:50%;margin-bottom:30px;}



}

@media(max-width:575px){
  .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
  }

  .hs-form fieldset[class*=form-columns-2] .hs-form-field {
    max-width: 100% !important;
  }

  .hs-form fieldset[class*=form-columns-2] .hs-form-field+.hs-form-field {
    margin-left: 0 !important;
    margin-top: 1.5rem;
  }

  .footer .me-md-auto { margin-bottom: 10px;}
  .hero .actions { flex-direction: column;}
  .hero .actions .btn:not(:first-child) { margin: 20px 0 0 0;}

  .postPage .post-pagination {  flex-direction: column;}
  .postPage .post-pagination > div:not(:first-child) { margin-top: 20px;}

  .integration-filter .filterBoxes {width: 50%;}
  .integration-filter .filter-logo{height:80px;width:80px;}

}

@media(max-width:480px){
  .head_number{margin-right:20px;}
  .news_section .sliderParent{margin-top:50px;}
  .teamSection .teamParent { margin: 55px 0 0; justify-content: center;}
  .teamSection .content { width: 180px;  height: 180px;}
  .logo_gallery .logoChild { width: 50%;}
  .accodianSection .threeColBoxes{width:100%;}

  .headerMegaMenu .menuBox {width: 300px;}
.body-container--activate-login .solutionCard .cardContent,
 .body-container--activate-login .solutionCard .cardTitle { padding: 0px 15px;}
.body-container--activate-login .bottomContentBox {padding: 30px 15px;}
  .four-column-content .icon-content-boxes{width:100%;}
  .four-column-content .icon-content-boxes:last-child{margin-bottom:0;}
  
}

/* sapana css */
.full-banner {padding:96px 0px; position: relative; }
.full-banner-inner {display: flex; justify-content: space-between; align-items: center; position: static; }
.full-banner-inner .banner-content {width: 50%; padding-right: 64px; }
.full-banner-inner .banner-img {width: 50%; }
.banner-content .logo {display: flex; margin-bottom: 20px; max-height: inherit; align-items: center; }
.banner-content .logo span {height: 80px; width: 80px; border-radius: 50%;display: flex; align-items: center; justify-content: center; margin-right: 15px; position: relative; }
.full-banner-inner .banner-content h1 {margin: 0 0 24px; }
.full-banner-inner .banner-content > p {padding-right: 36%; margin-bottom: 32px; }
.buttons {margin: 0 0 32px;display: flex;gap: 12px;}
.buttons a.btn.btn-secondary {background: transparent;color: var(--bs-secondary);border-radius: 8px;display: inline-flex;align-items: center;}
.buttons a.btn.btn-primary {border-radius: 8px;display: inline-flex;align-items: center;}
.company-logos .logos {display: flex; gap: 40px; }
.company-logos .logos img {max-height: 40px;width:auto; }
.buttons a.btn.btn-secondary img {margin-right: 8px; }
.buttons a.btn.btn-secondary:hover {background-color: #fb5e0f; color: #fff; border-color: #fb5e0f; }
.buttons a.btn.btn-secondary:hover img {filter: brightness(0) invert(1);}

/* Tabs */
.Tabs {padding:48px 0px;} 
.Tabs .accordion-image-wrap {position: relative;}
.Tabs .image-slide {display:none}
.Tabs .image-slide.active {display:block;}

.accordion-sections {padding: 43px 0 0; padding-right: 64px; }
.tabbing.img-left .accordion-sections {padding-right: 0; padding-left: 64px; }
.tabbing.img-left .content-tab-box {order: 2;}
.accordion-sections li { padding: 20px 0; }
.Tabs .top-txt-bar {max-width: 768px;margin-bottom:64px }
.Tabs .top-txt-bar h6 {color: #e0540d; margin: 0 0 12px; } 
.tabbing {display: flex; justify-content: center;align-items: center; }
.accordion-sections h6.acc-title {margin: 0 0 8px;}
.accordion-sections p {padding: 0;margin: 0 0 16px;}
.accordion-inner .accordion {position: relative;padding-left: 24px;cursor: pointer;display: flex;flex-wrap: wrap;margin: 0 0 16px;}
.accordion-inner .accordion.active:before {position: absolute;left: -4px;height: 100%;/* scroll-behavior: smooth; */}
.accordion-inner {border-left: 4px solid #F2F4F7;position: relative;}
.accordion:nth-child(2) {padding-top: 16px;}
.slider {display: inline-block;width: 4px;height: 4px;background-color: #EB460A;position: absolute;bottom: 0;transition: all .4s linear;left: -4px;}

/* Logos Grid */
.logo-grid {margin: 48px 0 64px;text-align: center;}
.logos-grig-inner {text-align: center; max-width: 49%; margin: 0 auto 64px; }
.logos-grig-inner h6 {color: #ba450b; margin: 0 0 12px; }
.logos-grig-inner h3 {margin: 0 0 20px; } 
.logos-grid-row {padding: 0 64px; display: flex; flex-wrap: wrap; gap: 32px; margin: 0 0 64px; justify-content: center;}
.logos-grid-row .icon-box {width: 9%; display: flex; flex-wrap: wrap; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); border-radius: 12px; border: 1px solid #EAECF0; padding: 0; height: 88px; align-items: center; justify-content: center; overflow: hidden; }
.logos-grid-row .icon-box img {object-fit: contain; object-position: center; }
.logo-grid .buttons {justify-content: center; }

/* Bottom Banner */
.bottom-banner .banner-grid-inner {background: #F9FAFB; padding: 64px; text-align: center; margin: 0 32px; border-radius: 16px; }
.bottom-banner {margin: 64px 0; }
.bottom-banner .buttons {justify-content: center; margin: 0;}
.bottom-banner .banner-grid-inner h2 {margin: 0 0 20px; }
.bottom-banner .banner-grid-inner p {margin: 0 0 32px; }
@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1230px){
  .full-banner-inner .banner-content > p{padding-right: 26%;}

}
@media screen and (max-width: 1199px){
  .full-banner-inner .banner-content{padding-right: 39px;}
  .full-banner-inner .banner-content > p {padding-right: 20%; }
  .banner-content .logo span{margin-right: 16px;}
  .accordion-sections {padding: 33px 0 0; padding-right: 44px; }
  .tabbing.img-left .accordion-sections{padding-right: 0; padding-left: 44px;}
  .logo-grid {margin: 38px 0 44px; }
  .logos-grig-inner{max-width: 65%; margin: 0 auto 44px;}
  .logos-grid-row{padding: 0 44px; gap: 26px; margin: 0 0 44px;}
  .bottom-banner {margin: 44px 0; }
  .bottom-banner .banner-grid-inner{padding: 54px; margin: 0 12px;}


}
@media screen and (max-width: 1080px){
  .banner-content .logo span{height: 50px; width: 50px;}
  .full-banner-inner .banner-content {padding-right: 30px; }
  .full-banner-inner .banner-content h1 {margin: 0 0 20px; }
  .full-banner-inner .banner-content > p {padding-right: 15%; margin-bottom: 25px; }
  .buttons{margin: 0 0 25px;}
  .accordion-sections {padding: 30px 0 0; padding-right: 30px; }
  .tabbing.img-left .accordion-sections{padding-right: 0; padding-left: 30px;}
  .accordion:nth-child(2) {padding-top: 10px; }
  .accordion-inner .accordion{padding-left: 20px; margin: 0 0 10px;}



}
@media screen and (max-width: 991px){
  .accordion-sections {padding: 30px 0 0; padding-right: 30px; }
  .tabbing.img-left .accordion-sections{padding-right: 0; padding-left: 30px;}
  .logos-grig-inner {max-width: 92%; margin: 0 auto 30px; }
  .logos-grig-inner h3 {margin: 0 0 15px; }
  .logos-grid-row {padding: 0 15px; gap: 20px; margin: 0 0 40px; }
  .logos-grid-row .icon-box{width: 11%; height: 88px;}
  .bottom-banner .banner-grid-inner {padding: 40px; margin: 0; }
  .bottom-banner .banner-grid-inner h2 {margin: 0 0 15px; }
  .bottom-banner .banner-grid-inner p {margin: 0 0 25px; }
  .tabbing {margin: 0; }
  .logos-grid-row .icon-box {
    width: 20%;
  }
  .testimonialSection .card-block{width:50%;margin-bottom:15px;}
  .tabbingSection .title-box , .videoSection .title-box{margin-bottom:50px;}
  .tabbingSection .tabs-nav li {
    max-width: 100%;
    width: auto;
}

}
@media screen and (max-width: 767px){

  .full-banner{padding:60px 0px;}
  .logos-grid-row .icon-box {
    width: 20%;
  }

  .full-banner-inner .banner-content,.full-banner-inner .banner-content > p {
    padding: 0;
  }

  .full-banner-inner .banner-content ,.full-banner-inner .banner-img {
    width: 100%;
  }

  .full-banner-inner {
    flex-wrap: wrap;
  }
  .full-banner-inner .banner-img {
    margin-top: 50px;
  }

  .tabbing{flex-wrap: wrap;}
  .tabbing .accordion-sections,.tabbing.img-left .accordion-sections {
    padding:0;
    margin-bottom:30px;
  }

  .tabbing.img-left .image-tab-box {
    order: 2;
  }
  
  .solutionCard .twoColCard{margin-bottom:0}

}
@media screen and (max-width: 575px){

}
@media screen and (max-width: 480px){
  .logos-grid-row .icon-box{height:50px;}
  .testimonialSection .card-block{width:100%;margin-bottom:15px;}
 .testimonialSection .card-block:last-child{margin-bottom:0}


}



/* external dev css */
.banner{background-color:#fff;padding:64px 0px;}
.banner .banner-content-inner{max-width:480px}
.banner .logo-about p{margin:0;}
@media (max-width:1024px){
  .banner{height:fit-content;}
}
@media (max-width:767px){
  .banner .banner-img-wrap{margin-top:50px;}
  .banner .banner-content-inner {max-width: 100%;}
}
.banner .banner-title{font-size:48px;line-height:60px;}
@media (max-width:1024px){
  .banner .banner-title{font-size:36px;line-height:48px;}
}
@media (max-width:820px){
  .banner .banner-title{font-size:32px;line-height:44px;}
}
.banner .banner-content{padding:149px 0px;}
.banner .banner-content .web-text{margin-top:25px;margin-bottom:50px;}
@media (max-width:1024px){
  .banner .banner-content .web-text{margin-top:15px;margin-bottom:42px;}
}
@media (max-width:820px){
  .banner .banner-content .web-text{margin-top:12px;margin-bottom:38px;}
}
.banner .banner-img-wrap{position:relative;border-top-left-radius:160px;}
@media (max-width:1024px){
  .banner .banner-img-wrap{width:50%;}
}
@media (max-width:600px){
  .banner .banner-img-wrap{width:100%;}
}
.banner .banner-img-tags{padding:15px;border:1px solid #eaecf0;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:flex-start;width:265px;}
@media (max-width:1024px){
  .banner .banner-img-tags{padding:12px;border-radius:10px;width:245px;}
}
.banner .btn svg{padding-bottom:0;margin-bottom:0;position:relative;left:10px;transition:all 0.3s ease;margin-right:8px;}
.banner .btn:hover svg{left:14px;}
.banner .verified{width:14px;height:14px;border-radius:50%;background-color:#17b26a;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-4px;right:-4px;z-index:2;}
.banner .img-logo-tag{position:relative;margin-right:15px;}
@media (max-width:1024px){
  .banner .img-logo-tag{margin-right:12px;}
}
.banner .logo-wrap{width:42px;height:42px;border-radius:8px;border:1px solid #eaecf0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
@media (max-width:1024px){
  .banner .logo-wrap{width:40px;height:40px;border-radius:6px;}
}
.banner .logo-wrap img{width:100%;}
.banner .company-name,
.banner .company-sector{font-size:14px;line-height:20px;width:fit-content;}
@media (max-width:1024px){
  .banner .company-name,
  .banner .company-sector{font-size:13px;line-height:18px;}
}
.banner .company-name{font-weight:500;}
.banner .tag-wrap{position:absolute;bottom:35px;left:-75px;display:grid;gap:12px;}

@media(max-width:1230px){

  .banner .banner-content { padding-right: 5%;}
  .banner .banner-img-wrap {padding-left: 5%;}
  .banner .tag-wrap {left: -25px;}

}

@media(max-width:767px){
  .banner .banner-content ,
  .banner .banner-img-wrap{padding:0;width:100%}
  .banner .banner-img-wrap{min-height:480px}
}
@media (max-width:600px){
  .banner .tag-wrap{left:8%;}
}

.about{padding:64px 0px}
.about-wrap{display:grid;gap:13%;grid-template-columns:42% 45%;}
@media (max-width:1024px){
  .about-wrap{gap:10%;grid-template-columns:45% 45%;}
}
@media (max-width:820px){
  .about-wrap{gap:6%;grid-template-columns:46% 48%;}
}
@media (max-width:600px){
  .about-wrap{display:flex;flex-direction:column;row-gap:40px;}
}
.about-flow{padding-left:65px;position:relative;}
@media (max-width:1024px){
  .about-flow{padding-left:62px;}
}
.about-flow .flow-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #eaecf0;border-radius:10px;position:absolute;left:0;top:0;}
@media (max-width:1024px){
  .about-flow .flow-icon{width:45px;height:45px;border-radius:8px;}
}
.flow-wrap{display:grid;row-gap:50px;}

.benefits{padding:96px 0px;}
.benefits-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:65px;}
@media (max-width:1024px){
  .benefits-wrap{margin-top:55px;}
}
@media(max-width:767px){
  .benefits{padding:50px 0px;}
  .benefits .benefits-wrap{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:600px){
  .benefits-wrap{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .benefits-wrap {
    display: block;
  }

  .benefits-icon-box {
    margin-bottom: 20px;
  }
}

.benefits-icon-box{padding:25px;background:#f9fafb;height:100%;}
.orange-icon-box{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;background-color:#eb460a;}
@media (max-width:1024px){
  .orange-icon-box{margin-bottom:26px;}
}
.side-image{padding:48px 0px;}
.side-image-wrap{height:550px;overflow:hidden;}
.right-img-wrap .side-content-inner {
  padding-right: 10%;
}
.left-img-wrap .side-content-inner {
  padding-left: 10%;
}
.left-img-wrap .side-content-wrap {
  order:2;
}

@media(max-width:767px){
  .right-img-wrap .side-content-wrap {
    padding: 0 !important;
    margin-top: 30px;
    order: 2;
  }
  .right-img-wrap .side-content-wrap{padding:0 !important;}
  .side-wrap + .side-wrap{margin-top:50px}
}




@media (max-width:1024px){
  .side-image-wrap{height:600px;}
}
.side-image-wrap img{width:100%;}
@media (max-width:1024px){
  .side-image-wrap img{min-height:100%;object-fit:cover;}
}

.border-icon-box{width:48px;height:48px;padding:12px;border-radius:10px;border:1px solid #eaecf0;margin-bottom:20px;}
.content-title{font-size:30px;font-weight:600;line-height:38px;margin-bottom:15px;}
@media (max-width:820px){
  .content-title{font-size:26px;line-height:35px;margin-bottom:11px;}
}
.content-brief{font-size:18px;font-weight:400;line-height:28px;margin-bottom:16px;}
@media (max-width:820px){
  .content-brief{font-size:15px;line-height:24px;}
}
.points{font-size:18px;font-weight:400;line-height:28px;margin-bottom:16px;}
@media (max-width:820px){
  .points{font-size:15px;line-height:24px;}
}
.points p{padding-left:25px;position:relative;}
@media (max-width:820px){
  .points p{padding-left:20px;}
}
.points p::after{content:"";width:4px;height:4px;border-radius:50%;background-color:#4a4a4a;position:absolute;left:12px;top:8px;}
@media (max-width:820px){
  .points p::after{left:8px;}
}

.partner-form{padding:48px 0px 96px;}
.partner-form .title-box{max-width:768px;margin:0 auto;}
.partner-form .form-wrap{margin-top:40px;}
.partner-form form{max-width:480px;margin:0 auto;}
@media(max-width:767px){
  .partner-form{padding:48px 0px;}
}
.col-6{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:24px;}
@media (max-width:600px){
  .col-6{gap:14px;}
}

.col{margin-bottom:24px;}
.faq{padding:48px 0px;}
.faq .titleBox{max-width:768px;}
.faq .titleBox h2{margin-bottom:20px;}
.faq .faq-link{text-decoration:solid;}
.faq .ans{margin-top:10px;}
@media (max-width:820px){
  .faq .faq-info{width:70%;}
}
@media (max-width:600px){
  .faq .faq-info{width:100%;text-align:center;}
}
.faq .faq-block-wrap{display:grid;grid-template-columns:repeat(3,1fr);row-gap:65px;column-gap:32px;padding:64px 0px;}
@media (max-width:820px){
  .faq .faq-block-wrap{padding-block:75px;row-gap:55px;grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .faq .faq-block-wrap{grid-template-columns:1fr;gap:40px;}
}
.faq .que{font-size:18px;font-weight:500;line-height:28px;color:#101828;}
@media (max-width:820px){
  .faq .que{font-size:16px;line-height:1.5;margin-bottom:12px;}
}

@media (max-width:820px){
  .faq .ans{font-size:14px;line-height:1.5;}
}
.faq-banner{width:100%;padding:32px;border-radius:16px;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;}
@media (max-width:600px){
  .faq-banner{padding:25px;border-radius:12px;flex-direction:column;gap:20px;}
}

@media(max-width:480px){
  
  .bottom-banner .buttons {
    display: block;
}

.bottom-banner .buttons a {
    width: 100%;
    text-align: center;
    display: block !important;
    flex-wrap: wrap;
}

.bottom-banner .buttons a:not(:first-child) {
    margin-top: 10px;
}
  
}