













html {
  scroll-behavior: smooth;
}

.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}


.bitterfont {font-family: Bitter;}
.primary_gradient {background:;}
.secondary_gradient {background:;}
.fontweight400,.fontweight400 * {font-weight: 400;}
.fontweight500,.fontweight500 * {font-weight: 500;}
.fontweight600,.fontweight600 * {font-weight: 600;}
.fontweight700,.fontweight700 * {font-weight: 700 !important;}
.fontweight800,.fontweight800 * {font-weight: 800;}
.font22{font-size:22px;}
.font28{font-size:28px;}
.font14 {font-size:14px; font-weight:400;}
.partner-img {

  display: flex;
  align-items: center;
  justify-content: center;

}
.strong600 strong { font-weight: 600; }
.uppercase {text-transform: uppercase;}
.textunset {text-transform: unset;}

.socialgroup-inner svg {
  fill:#ffffff;
}
.socialgroup-inner a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.whitecolorversion,.whitecolorversion * {
  opacity:0.7;
}
.section-subtitle .text:after {
  position: absolute;
  content: '';
  background: #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section-subtitle .text {
  position: relative;
  display: inline-block;
  padding-left:51px;
}

.aboutbox {
  background: linear-gradient(76.41deg, #C4F2BD -36.14%, #22AEAE 3.97%, #345995 45.29%, #16487A 80.53%);
  /*     padding: 0 40px; */
}
.aboutbox-content {
  margin-left: auto;
}
.aboutbox-top {
  display: flex;
  flex-wrap: wrap;
}
.about-quote-text {
  margin-left: auto;
}

.aboutbox-img {
  align-self: end;
}

.testimonials-top-right .button-slick-content > div {
  background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%);
  border-radius: 50%;
  cursor: pointer;
  transition: all ease .3s;
  -moz-transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
}
.testimonials-top-right .button-slick-content > div:hover {
  background: #fff;
}
.testimonials-top-right .button-slick-content div svg path {
  transition: all ease .3s;
  -moz-transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
} 
.testimonials-top-right .button-slick-content > div:hover  svg path {
  fill:#363a3a;
}
.testimonials-slide .person-info .person-img { 
  border-radius: 50%;
  object-fit: cover;
}
.testimonials-slide .person-info .person-img img{ 
  width:100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}
.light-text { color: #FFFFFFB2;}

.testimonialV2 .testimonials-bottom-right { max-width: 880px; width: 100%; }

.banner {
  background: linear-gradient(93.91deg, rgba(196, 242, 189, 0.8) -54.67%, rgba(34, 174, 174, 0.8) -1.5%, rgba(52, 89, 149, 0.8) 53.28%, rgba(22, 72, 122, 0.8) 100%);
  overflow: hidden;
}
.banner:after {
  position: absolute;
  content: '';
  background: #030F1B;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.footer:after {
  background: #030F1B;
  border-radius: 0;
  content: "";
  position: absolute;
  transform: translateX(-50%) scale(1.2);
  left: 50%;
}
.footer {
  background: linear-gradient(93.91deg, rgba(196, 242, 189, 0.7) -54.67%, rgba(34, 174, 174, 0.7) -1.5%, rgba(52, 89, 149, 0.7) 53.28%, rgba(22, 72, 122, 0.7) 100%);
  overflow: hidden;
  z-index: 10;
}
.socialgroup-outer,.logoSliderSec {
  background: linear-gradient(76.41deg, #C4F2BD -36.14%, #22AEAE 3.97%, #345995 45.29%, #16487A 80.53%);
}
.copyright .right ul li a {
  opacity:0.7;
}

.contentslide_left {
  width: 57%;
}
.contentslide_center {
  width: 7%;
  position: relative;
}
.contentslide_right {
  width: 36%;
  align-self: center;
}
.contentslider_section .slidergroup:last-child {
  border-bottom:0;
}
.contentslide_right_inner img {
  object-fit: cover;
  border-radius: 50%;

}
.contentslider_section:after {
  position: absolute;
  content: '';
  top: 50%;
  right: -20%;
  background-image: url("https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/Ellipse%203%20%281%29%20%282%29.svg");
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;

}
.contentslideline span {
  position: absolute;
}
.contentslider_section , .form-module , .resourcesGallery {
  overflow: hidden;
}
.contentslideline .octagon {

  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contentslideline {
  background: #FFFFFF33;

  height: 100%;
  margin: auto;
}
.right_bottom_circle:before {
  position: absolute;
  content: '';
  background: linear-gradient(93.63deg, rgba(221, 67, 123, 0.21) 0%, rgba(155, 81, 160, 0.21) 100%);
  border-radius: 100%;
}

.testimonials, .resources{ overflow: hidden;}
.resources-bottom-outer.active {
  display: block;
}
.resources-bottom-outer {
  display: none;
}
.resources-date {
  position: absolute;
  background: #030F1B;
}
.resources-img {
  position: relative;
}
.resources-img img,.resources-img video {
  overflow: hidden;
  object-fit: cover;
  width: 100%;
}
.resources-content-outer {
  background: #061727;
  height:100%;
}
.resources-content-inner .tag {
  display: flex;
  align-items: center;
}
.resources-content-inner .link a {
  color:#DD437B;

}
.resources-content-inner .link a:hover {
  color:#fff;
}
.resources-top-tabs.current {
  background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%);
}
.resources-top-right-inner {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF1A;
  align-items: center;
}
.resources-top-tabs {
  cursor: pointer;
}
.resources .resources-post-tag-list select { color: #ffffff; }
.resources .resources-post-tag-list select option {background:#061727; color: #ffffff; cursor: pointer; }
.resources .resources-post-tag-list:before { position: absolute; content: ""; rotate: 45deg; border-top: none !important; transform: translateY(-50%); top:45%; border-left: none !important; z-index: -1; cursor: pointer;}
.resources .resources-post-tag-list { position: relative;}
.left_bottom_circle:after { position: absolute; content: '';  width: 643px; height: 643px;
  background: linear-gradient(93.63deg, rgba(196, 242, 189, 0.3) 0%, rgba(34, 174, 174, 0.3) 34.37%, rgba(52, 89, 149, 0.3) 69.79%, rgba(22, 72, 122, 0.3) 100%);
  right: -411px; bottom: -396px; filter: blur(200px);}
.about  {
  overflow: hidden;
}
.resources .section-title  { display: none;}
.resources .section-title.active { display: block;}
.socialgroup-inner a > span.hs_cos_wrapper_type_icon {display: flex;}
.section-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialgroup-inner {
  width: 20%;
}
.footerright .bottom .parts h6 {
  font-weight:600 !important;
}
.contentslide_center .contentslideline .octagon svg {
  width: 100%;
  height: 100%;
}
.banner , .FullColMain {
  overflow: hidden;
}
.about-quote-text {
  line-height: 1.17;
}
.resources-blog-pagination {
  text-align: center;
}
.banner-text strong {font-weight:700;}
.banner-text h6 strong {font-weight:600;}
.absoultelink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.resources-blog-pagination a.blog-pagination_link--active {
  color: #DD437B;
}
.resources-blog-pagination .resources-blog-pagination_link{
  fill: #FFFFFF;

}
.resources-blog-pagination .resources-blog-pagination_link:hover{
  fill: #DD437B;
}
.resources-blog-pagination .resources-blog-pagination_link svg {
  margin:0 8px;

}
.resources-blog-pagination .resources-blog-pagination_link .right-page , .resources-blog-pagination .resources-blog-pagination_link .left-page {
  position: relative;
}
.resources-blog-pagination .resources-blog-pagination_link .right-page svg , .resources-blog-pagination .resources-blog-pagination_link .left-page svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.resources-blog-pagination .resources-blog-pagination_link .left-page svg {
  left:-28px;
}

.lp-header { position: absolute;
  width:100%}
.lp-header .lp-logo a {
  max-width: 183px;
}
.footer.section-logo a { max-width:256px;}

.lp-banner .left{ max-width:677px;}
.aboutbox-img  img {
  filter: grayscale(1);
}
.right-line .text{ padding-right: 51px;}
.right-line .text:before {  background: #fff; content: ""; right: 0;  position: absolute; top: 50%; z-index: 0; transform: translateY(-50%);  border: 1px solid #fff;  width: 44px;}

.scroll-section .img-main img , .tab-section .img-main img , .we-do-best-section .img-main img { overflow:hidden ; width:100%; position: relative; }
.scroll-section .img-main , .tab-section .img-main , .we-do-best-section .img-main  {  position: relative;}
.scroll-section .img-main:before , .tab-section .img-main:before , .we-do-best-section .img-main:before  {  position: absolute; content: ""; background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%);}
.list-marks li::marker { color:#ffffffb3;}
.light .list-marks li::marker { color:#000000b3;}
.list-marks ul  { list-style: disc;}
.list-marks ol {list-style: auto;}
.list-marks strong {font-weight:700;}
.scroll-section .main-text , .we-do-best-section .right-text , .tab-section .main-text  {  margin: 0 0 0 auto;}
.we-do-best-section .we-best-tab-inner a , .we-do-best-section .we-best-tab-inner a:focus { color:#ffffff;}
.scroll-section , .post-image-section .post-img  {overflow: hidden; }
.we-do-best-section .tab-btn-box .tab-box a.active .button-border:after { animation: fillProgress 5s linear infinite;}
.we-do-best-section .button-border:after { content:""; position: absolute; top: 0; left: 0; background-color: #DD437B; width: 0%; transition: none; animation: none;}
.we-do-best-section .we-best-tab-inner a, .we-do-best-section .button-border { position: relative;}
.we-do-best-section .we-best-tab-inner a { font-weight: 400; width:100%; }
/* .we-do-best-section .we-best-tab-inner a:hover , .we-do-best-section .we-best-tab-inner a.active { color:#ffffff;} */
.we-do-best-section .we-best-tab-inner a.active { color: #dd437b;}
.tab-section .tab-inner , .we-do-best-section .we-best-tab-inner {  cursor: pointer; }
.tab-section .tab-content   { background: #FFFFFF0D;}
.tab-section .tab-inner a:hover , .tab-section .tab-inner a.active{color:#FFFFFF; width:100%;  background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%); border: 0px solid #FFFFFF4D;}
.tab-section .tab-inner a:hover  , .tab-section .tab-inner a.active  {color:#FFFFFF;  }
.tab-section , .we-do-best-section , .cta-section .cta-main { overflow: hidden;}
.cta-section .cta-left {max-width:66.9%; }
.cta-section .cta-main {background: linear-gradient(76.41deg, #C4F2BD -36.14%, #22AEAE 3.97%, #345995 45.29%, #16487A 80.53%); position: relative;}
.cta-section .cta-main .cta-left , .cta-section .cta-main .cta-right {position: relative; }
.cta-section .cta-main .cta-left .section-title * { font-weight: 700 !important; }

.partner , .case-study-detail , .recentBlog { overflow: hidden;}
.partner.left_circle:before{ width:420px; height:420px;}

.cta-section .cta-main:before { background-image: url('https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/hexagon-pattern.svg'); background-position: center left; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 246px; }
.we-do-best-section .we-best-tab-inner { background: transparent!important;  height: 100%;  border: 0 solid #ffffff4d !important; color: #ffffff !important;}
.tab-section .tab-responsive , .we-do-best-section .tab-responsive-box { display:none; } 

.scroll-section .scroll-line{position: absolute;  left: 50%; transform: translateX(-50%);  transition-delay: 0.2s;  background-color: #ffffffB3; transition: height 2s ease; }
/* .scroll-section .main-scroll:nth-child(5) { overflow: hidden;} */
.scroll-section .center-lines {width: 10%; position: absolute;  top: 0; left: 50%; height: 100%; transform: translateX(-50%); }
.scroll-section .scroll-line-inner { width: 100%; height: 0; background-color: #DD437B; transition: height 0.2s ease-out; }
.scroll-section .circleinline .circle-inner {position: absolute; transition: border-color 0.2s ease 0.2s;  border-radius: 100%; top: 50%; transform: translate(-50%, -50%); left: 50%;  }
.scroll-section .circleinline .circle-inner span { background: #ffffffb3;  transition: background-color 0.2s ease;  position: absolute; border-radius: 100%; top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.scroll-section .circle-inner.filled span { background-color: #DD437B;}
.scroll-section .circle-inner.filled { border-color:#DD437B;}
.scroll-section .main-scroll-inner { width: 45%; align-self: center;}
.we-do-best-section .button-border { background: #fff; width: 100%;}
.we-do-best-section .we-best-tab-inner a:hover{color:#DD437B; }
.full-width-text .sectionpart , .full-width-text .sectionpart .section-inner { position: relative;}
.full-width-text .sectionpart .section-inner{overflow: hidden; }
.lp-header .lp-logo a { height: 100%; width: 100%;  display: inline-block;}

.blog-post-main .post-featured-image{ width: 100%; overflow: hidden;}
.blog-post-main .post-featured-image img {width: 100%; height: 100%; object-fit: cover; }
.blog-post-main .tag-icon svg ,.blog-post-main .post-date .publish-time svg { width:100%;display:inline-block;}
.cta-section .logo-img a{ display: inline-block;}
.full-width-text .sectionpart:before{ position: absolute; content: ""; z-index: -1;  background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%);} 
.full-width-text .sectionpart .section-inner { background:#030f1b;}
.full-width-text .coma-icon { position: absolute; background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/%E2%80%9D.svg);
  background-repeat: no-repeat; background-position: center; background-size: contain;}
.post-image-section .post-img img { width:100%; height:100% !important; object-fit: cover;  }
.post-image-section .content-wrapper , .full-width-text .content-wrapper , .post-cta-section .content-wrapper {padding-right: 0; padding-left:0; }
.blog-post-main .heading-section {background: #FFFFFF0D;}
.blog-post-main .left-section {  position: sticky; max-width:31.7%;}
.blog-post-main .left-section .headings a {  color: #FFFFFFB2;}
.cta-section .logo-img a , .cta-section .logo-img a img { width:100%;}
.blog-post-main .blog-post-inner {max-width:65.85%;}

.checkbox {opacity: 0;position: absolute;}
.fa-moon {color: #f1c40f;}
.fa-sun {color: #f39c12;}
.moon , .sun { background-size: cover !important; background-repeat: no-repeat !important; border-radius: 100%;}
.moon { background:url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/8957082.webp)}
.sun { background:url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/sun2.png)}
.checkbox:checked + .checkbox-label {background-color: #030F1B;  }
.checkbox-label .ball { background-color: #030F1B; position: absolute;  border-radius: 50%; transition: transform 0.2s linear; }

.checkbox:checked + .checkbox-label .ball { background-color: #ffffff;}
.checkbox-label { background-color: #ffffff; position: relative;  cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin: auto; }


/* Audit Landing Page Css */

.AuditBannerMain .RightPart img {width: 100%;height: 100% !important;display: block;object-fit: cover;}
.AuditBannerMain .section-title * {font-weight: 800 !important;}
.AuditBannerMain .Description p,.AuditBannerMain .Description span {color: rgba(255, 255, 255, 0.7);}

.AuditBannerMain.IntegrationLPBanner .Description ul{padding:0 0 0 10px;list-style:none}
.AuditBannerMain.IntegrationLPBanner .Description ul li{position:relative}
.AuditBannerMain.IntegrationLPBanner .Description ul li:before{content:'';position:absolute;left:-15px;top:8px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.7)}


.TwoColMain , .accordinSection {overflow:hidden;}
.TwoColMain .Description{color:rgba(255,255,255,0.7);}
.TwoColMain .ListGroup ul{padding:0;margin:0;list-style:none;}
.TwoColMain .ListGroup ul li{color:rgba(255,255,255,0.7);margin:0;position:relative; align-items: center;}
.IntegrationTwoColMain .ListIcon {  background: #132132; justify-content: center; align-items: center; }

.TwoColMain .ListGroup ul li:before{position:absolute;top:6px;background-color:rgba(255,255,255,0.7);content:'';left:12px;height:5px;width:5px;border-radius:100%;display:block;}
.IntegrationTwoColMain .ListGroup ul li:before{position:absolute; display:none !important;}
.TwoColMain .ListGroup ul li:last-child{padding-bottom:0;}
.TwoColMain .ImgWrapper{background:linear-gradient(93.63deg,#C4F2BD 0%,#22AEAE 34.37%,#345995 69.79%,#16487A 100%);border-radius:20px;overflow:hidden;padding:2px;}
.TwoColMain .ImgBox{background:rgba(19,33,50,1);border-radius:20px;backdrop-filter:blur(4px);}
.TwoColMain .ImgBox img{border-radius:10px;height:100%!important;width:100%;display:block;overflow:hidden;}

.FullColMain .Description {color: rgba(255, 255, 255, 0.7);}
.FullColMain .FullColOuter {position: relative;border-radius: 20px 20px 0px 0px;background: linear-gradient(180deg, rgba(221, 67, 123, 0.15), rgba(221, 67, 123, 0));overflow: hidden;z-index: 1;}
.FullColMain .FullColOuter::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: inherit;padding: 1px;background: linear-gradient(180deg, rgba(221, 67, 123, 1), rgba(221, 67, 123, 0));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: -1;}
.FullColMain .section-title h3 {font-weight: 700 !important;}
.FullColMain .Description ul { padding-left:0; }
.AuditInCardMain .LeftPart .left{position:sticky;top:120px;}
.AuditInCardMain:before{content:'';background:linear-gradient(93.63deg,rgba(196,242,189,0.3) 0%,rgba(34,174,174,0.3) 34.37%,rgba(52,89,149,0.3) 69.79%,rgba(22,72,122,0.3) 100%);width:44.7%;height:36.3%;position:absolute;left:-13%;bottom:0;backdrop-filter:blur(549.5px);border-radius:100%;filter:blur(274.75px);}
.AuditInCardMain .section-subtitle .text{padding:0 51px;}
.AuditInCardMain .section-subtitle .text:before{border:1px solid #FFFFFF;width:44px;position:absolute;content:'';background:#fff;right:0;top:50%;transform:translateY(-50%);}
.AuditInCardMain .Description p,
.AuditInCardMain .Description span{color:rgba(255,255,255,0.7);line-height:normal;}
.AuditInCardMain .CardItem{position:sticky;top:120px;}
.AuditInCardMain .CardItem .TopContent{width:100%;}
/* .AuditInCardMain .CardItem:last-child{padding-bottom:0;} */
.AuditInCardMain .CardItem .CardItemInner{height:100%;background-color:#1C2731;border-radius:10px;border:1px solid rgba(255,255,255,0.20);background:#1C2731;}
.AuditInCardMain .CardItem .IconBox{display:block;height:100%;}
.AuditInCardMain .CardItem .IconPart{height:40px;width:40px;}
.AuditInCardMain .CardItem .IconPart img{height:100%!important;width:100%;display:block;object-fit:fill;}
.AuditInCardMain .CardItem .TextPart{width:calc(100% - 40px);padding-left:20px;}
.AuditInCardMain .CardItem .Title h6{font-weight:600!important;}
/* .AuditInCardMain .CardItem .Description{min-height:56px;} */
.lp-footer .footerleft .section-logo a {display: inline-block; }
.lp-footer .footerleft .section-logo a img{ width:100%;}
.cta-section .cta-inner{gap:20px;}

.AuditFaqMain , .assessmentSection {overflow:hidden;}
.AuditFaqMain:after{background:linear-gradient(94deg,rgba(221,67,123,.21),rgba(155,81,160,.21));border-radius:100%;bottom:-20%;content:"";filter:blur(274.75px);height:59.44%;position:absolute;right:-12.5%;width:44.7%;}
.AuditFaqMain .section-subtitle .text{padding:0 51px;}
.AuditFaqMain .section-subtitle .text:before{border:1px solid #FFFFFF;width:44px;position:absolute;content:'';background:#fff;right:0;top:50%;transform:translateY(-50%);}
.AuditFaqMain .Description p,
.AuditFaqMain .Description span{color:#ffffff;line-height:normal;}
.AuditFaqMain .FaqContent{max-width:850px;margin:0 auto;}
.AuditFaqMain .FaqItem .FaqItemInner{cursor:pointer;background-color:#030F1B;border-radius:10px;border:1px solid rgba(255,255,255,0.20);}
.AuditFaqMain .FaqItem .IconBox{display:block;height:100%;}
.AuditFaqMain .FaqItem:last-child{padding-bottom:0;}
.AuditFaqMain .FaqItem .IconPart{border-radius:5px;height:30px;width:30px;background:linear-gradient(93.63deg,#C4F2BD 0%,#22AEAE 34.37%,#345995 69.79%,#16487A 100%);}
.AuditFaqMain .FaqItem .IconPart svg{transition:400ms all;height:12px!important;width:12px;display:block;object-fit:cover;}
.AuditFaqMain .FaqItem .TextPart{width:calc(100% - 30px);padding-left:30px;}
.AuditFaqMain .FaqItem .Title h6{font-weight:500!important;}
.AuditFaqMain .FaqItem .BottomContent{display:none; background: rgba(255, 255, 255, 0.1); }
.AuditFaqMain .FaqItem.active .TopContent{background:linear-gradient(76.41deg,#C4F2BD -36.14%,#22AEAE 3.97%,#345995 45.29%,#16487A 80.53%);border-top-left-radius:10px;border-top-right-radius:10px;}

.AuditFaqMain .FaqItem.active .IconPart{background:#fff;}
.AuditFaqMain .FaqItem.active svg{transform:rotate(-90deg);}
.AuditFaqMain .FaqItem.active svg path{fill:rgba(3,15,27,1.0);}

.post-mod.light{  background:#ffffff;}  
.post-mod.light * {color:#030F1B !important; }

.listAndDescription{
  display: flex;
  gap: 40px;
}

.listAndDescription.top_list{
  flex-direction: column-reverse;
}
.listAndDescription.bottom_list{
  flex-direction: column;
}
.IntegrationTwoColMain .ListIcon img { width:28px; height:28px !important;}
.blog-post-main .post-mod.light .heading-section { background: #0000000D;}
.post-mod.light .full-width-text .sectionpart .section-inner{ background: #ffffff;}
.post-mod.light .cta-section .cta-main .cta-left .text span , .post-mod.light .button a:hover  { color:#ffffff !important ;}
.post-mod.light .list-marks li::marker { color:#000000b3}
.blog-post-main .mod-change {margin: 0 0 0 auto; display:flex;  }
.blog-post-main .highlight-text { color:#DD437B !important ;}
.post-mod .mod-change .DarkTheme  { display:block;}

.bannerFormDiv:has(.submitted-message) { text-align: center; }
.bannerFormDiv{background: #FFFFFF1A; }
/* .body-container--blog-post { overflow: hidden;} */

.img-main:before { content: ""; position: absolute;  background: linear-gradient(93.63deg, #c4f2bd, #22aeae 34.37%, #345995 69.79%, #16487a); z-index: -1; } 
.service-img-text .img-main img { margin: 0 0 0 auto; width:100%;}
.service-img-text .img-main { margin: 0 0 0 auto; }
.service-img-text .section-titles-group {  margin:0 auto;}
.service-img-text .imageInner {background: #132132;}
.imageInner {background: #132132;}
.service-img-text {overflow: hidden; }
.testimonialV2 , .location .location-map , .master-lp { overflow: hidden;}

.left_circle:before { background: linear-gradient(93.63deg, rgba(196, 242, 189, 0.3) 0%, rgba(34, 174, 174, 0.3) 34.37%, rgba(52, 89, 149, 0.3) 69.79%, rgba(22, 72, 122, 0.3) 100%);
  border-radius: 100%;
  content: "";  position: absolute;}
/* Audit Landing Page Css */
/* four column module  */
.fourColCards .colCard {background-color: rgb(255 255 255 / 5%);} 
.fourColCards .semibold * {font-weight: 600;} 
.lightWhite * { color: rgb(255 255 255 / 70%); } 
.fourColCards .colCardparent, .fourColCards .colCard { height: 100%; } 
/* four column module  */

.fullWidthsec { position:relative;}
.fullWidthsec:before{ content: ""; position: absolute; right: 0; bottom: 0;  background-position: right; background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/Frame%201597883875.png);
  z-index: 1; background-repeat: no-repeat; background-size: cover;}


.ThankYouAuditBanner .lp-banner .img-part { margin: 0 auto; }
.ThankYouLpSlider .CardSubtitle {position: relative; display: inline-block; }
.ThankYouLpSlider .CardSubtitle:before {position: absolute; content:""; background: #ffffff; top: 50%; transform: translateY(-50%);}
.ThankYouLpSlider .CardImage { position: absolute; right: 0; bottom: 0; }
.ThankYouLpSlider .CardContent { max-width:63.40%; position: relative;}
.ThankYouLpSlider .OffersCardInner { background:#132132; position: relative; overflow: hidden;}
.ThankYouLpSlider .thankYouSliderInner .slick-dots li.slick-active button:before{ background-color: #DD437B; padding: 0 !important;}
.ThankYouLpSlider .thankYouSliderInner .slick-dots li button {padding: 0 !important; }
.ThankYouLpSlider .thankYouSliderInner .slick-dots li.slick-active button:before , .ThankYouLpSlider .thankYouSliderInner .slick-dots li button:before { top: 50%; left: 50%;  transform: translate(-50%, -50%); } 
.ThankYouLpSlider .thankYouSliderInner .slick-dots li button:before {background-color:#FFFFFF33; }
.ThankYouLpSlider .thankYouSliderInner .slick-dots { display: flex; justify-content: center; align-items: baseline; }
.ThankYouLpSlider .CardMobileBackground{ display: none; }
.ThankYouLpSlider .button a:hover {  background: transparent; }
.ThankYouLpSlider .thankYouSliderInner .slick-track { display:flex;}
.ThankYouLpSlider .OffersCard { display: flex; height:auto;}

.AboutFourCoulmnCards .headingContent { margin:0 auto;}
.AboutFourCoulmnCards .colCardInner { height: 100%; background: #030F1B; overflow: hidden; transition: all 0.3s;}
.AboutFourCoulmnCards .colCardInner .ArrowHover { display: none;  transition: all 0.4s ease-in-out; }
.AboutFourCoulmnCards .colCardInner:hover .ArrowHover { display:block;  transition: all 0.4s ease-in-out;}
.AboutFourCoulmnCards .colCardInner:hover .Arrow {display: none;  transition: all 0.4s ease-in-out; }
.AboutFourCoulmnCards .colCardInner .arrow-right {  transition: all 0.4s ease-in-out;}
.AboutFourCoulmnCards .colCardInner .CardImage {  position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.8s ease-in-out; opacity: 0;} 
.AboutFourCoulmnCards .colCardInner:hover .CardImage {  opacity: 1; transition: all 0.8s ease-in-out;}
.cardText { z-index: 1; color:#ffffff;}  
.AboutFourCoulmnCards .colCardInner .CardImage img { height:100% !important; width:100%;}
.AboutFourCoulmnCards .colCardInner .CardBottom { position: absolute; max-width: 100%;  left: 0;  width: 100%;}
.AboutThreeColumn , .AboutFourCoulmnCards , .clients , .location {overflow: hidden; } 
.AboutFourCoulmnCards .colCardInner:hover .CardArrow {background: linear-gradient(90.22deg, #C4F2BD -33.28%, #22AEAE 12.54%, #345995 59.74%, #16487A 100%); }
.AboutFourCoulmnCards .colCardInner .arrow-right img { height:100% !important;}
.clients .client-logo-otter { width:20%;}
.clients .client-logo-otter .client-img {  margin:0 auto; }
.clients .client-logo-otter:first-child{ border:none;}
.clients .client-logo-otter .client-img { max-width:87.11%;}
.location .location-map .hs-embed-wrapper{ max-width: 100% !important; height:100% !important; }
.clients .clientsSl .slick-track { display:flex; }
.AboutThreeColumn .colCard:hover .CardImage { background:#DD437B;  } 
.AboutThreeColumn .colCard:hover .CardImage .image { display:none;}
.AboutThreeColumn .colCard:hover .CardImage .ImageHover { display:block;}
.AboutThreeColumn .CardImage .ImageHover { display:none; }
.AboutThreeColumn .colCard:before {position: absolute; content: ""; top: 0; left: 0; right: 0; border-radius: 20px; bottom: 0;background: linear-gradient(93.63deg, #C4F2BD, #22AEAE, #345995, #16487A);
  z-index: -1;  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; transition: all 0.6s ease-in-out; }

.AboutThreeColumn .colCard:hover::before{  opacity: 1;}

.AboutThreeColumn .colCard .CardImage { background: #132132;  position: absolute; transition: all 0.6s ease-in-out; }

.AuditPricingMain .PriceBoxItemInner {background: rgba(255, 255, 255, 0.05);border-radius: 15px;height:100%;}
.AuditPricingMain .PriceBoxItemInner .IconBox {width: 25px;height: 25px;}
.AuditPricingMain .PriceBoxItemInner .TextBox {width: calc(100% - 25px);padding-left: 12px;}
.AuditPricingMain .PriceBoxItemInner .FeatureItem:last-child {padding-bottom: 0;}
.AuditPricingMain .PriceBoxItemInner .IconBox img {display: block;height: 100%;width: 100%;object-fit: cover;}
.AuditPricingMain .PriceBoxItem.MostPopular .PriceBoxItemInner {background: linear-gradient(81.69deg, #C4F2BD -30.44%, #22AEAE 10.01%, #345995 51.7%, #16487A 87.25%);}
.AuditPricingMain .pricingHeader h2 {margin: 0;}
.AuditPricingMain .original-price.Strike {text-decoration: line-through #ffffff;color: #DD437B;font-size:20px;padding-right:7px;}
.AuditPricingMain .PriceBoxItem.MostPopular .original-price.Strike { color: rgb(255, 255, 255, 0.5); text-decoration: line-through #DD437B; }
.AuditPricingMain .BottomContent {max-width:864px;margin: 0 auto;}

.ServiceDetailCategory .IconeText .Icon { background: #132132;  }
.ServiceDetailCategory { overflow: hidden; }
.contentslider_section {  position: relative; overflow: hidden;}
.contentslider { position: relative;}

.ctaWithListModule .list_group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;column-gap:20px}
.ctaWithListModule .list_group ul li{flex:1 1 44%}
.ctaWithListModule .list_group ul li:nth-child(2n){flex:1 1 52%}
.ctaWithListModule .list_group ul li{position:relative;font-weight:600;margin:0;padding-left:30px;padding-bottom:15px}
.ctaWithListModule .list_group ul li:before{background-color:#fff;border-radius:100%;content:"";display:block;height:5px;left:12px;position:absolute;top:6px;width:5px}
.ctaWithListModule .ListGroup ul li:last-child{padding-bottom:0}
.cta-section .cta-main .cta-right,.cta-section.ctaWithListModule .cta-main .cta-left{position:relative}
/* .cta-section.ctaWithListModule .cta-main:before{background-image:url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/Hexagon-pattern.png);background-position:100% 0;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:15px;position:absolute;top:0;width:100%} */
.cta-section.ctaWithListModule .cta-main:before{display:none;}


.ctaWithListModule .list_group ul li:nth-last-child(1),
.ctaWithListModule .list_group ul li:nth-last-child(2) {
  padding-bottom: 0;
}


.AuditBannerMain.IntegrationLPBanner .RightPart img {
  display: block;
  height: 100% !important;
  object-fit: cover;
  width: 80%;
  text-align: center;
  margin: auto;
}
.AuditBannerMain.IntegrationLPBanner .Description h6 {
  font-weight: 600 !important;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.7);
}

.AuditBannerMain.IntegrationLPBanner .Description p {
  margin: 0 0 20px !important;
}

.AuditBannerMain.IntegrationLPBanner .Description ul {
  margin: 0;
}

.ctaWithListModule form .actions .hs-button:hover {
  background-image: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/icons8-arrow-30.png) , linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%);
  background-position: right 15% center;
  background-repeat: no-repeat;
  background-color: transparent;
}
.ctaWithListModule form .actions .hs-button{padding:14.5px 60px 14.5px 30px;}


.IntegrationTable{overflow:hidden}
.IntegrationTable .tableBox table{width:100%;text-align:center;position:relative;margin-bottom:31px;min-width:1000px}
.IntegrationTable .tableBox tr:first-child td{padding:26px 0}
.IntegrationTable .tableBox tr{border-bottom:solid 1px rgba(255,255,255,.2)}
.IntegrationTable .tableBox tr:first-child{border-bottom:solid 1px #fff}
.IntegrationTable .tableBox table:before{content:'';position:absolute;top:0;bottom:auto;max-width:445px;height:104%;width:100%;z-index:-1;background:linear-gradient(81.69deg,#c4f2bd -30.44%,#22aeae 10.01%,#345995 51.7%,#16487a 87.25%);left:389px;right:0;border-radius:15px}
.IntegrationTable .tableBox table:after{content:'';position:absolute;top:0;bottom:auto;max-width:445px;height:104%;width:100%;z-index:-2;background:rgba(255,255,255,.05);left:auto;right:0;border-radius:15px}
.IntegrationTable .tableBox table tr td:first-child{text-align:left}
.IntegrationTable .tableBox table tr td{vertical-align:middle}
.IntegrationTable .tableBox table tr td:first-child{width:389px!important;padding-right:20px}
.IntegrationTable .tableBox table tr td:not(:first-child){vertical-align:middle;width:445px;padding-left:20px;padding-right:20px}
.IntegrationTable .tableBox table tr td{vertical-align:middle}
.IntegrationTable .tableBox{overflow-x:auto;overflow-y:hidden}
.IntegrationTable .tableBox tr.equal_height td{padding:20px 20px;line-height:1.1397}
.IntegrationTable .tableBox tr.equal_height td:first-child{padding-left:0}
.IntegrationTable *+p {
  margin-top: 20px;
}

.solutionFilter .solutionFilterHeading{max-width:925px;margin:auto}
.solutionFilter .load-container{margin:0 auto 0;text-align:center;width:100%}
.solutionFilter .hidden{height:0!important;margin:0!important;padding:0!important;width:0!important;visibility:hidden}
.solutionFilter .cards.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
.solutionFilter .cards__item{border-radius:10px;transition:all 0.3s ease-in-out;}
.solutionFilter .cards__item{background:rgba(255,255,255,.05)}
.solutionFilter .card__title{padding-top:15px;font-size:18px;line-height:1.166;font-weight:600;padding-bottom:10px}
.solutionFilter .card__text p{font-size:18px;color:rgba(255,255,255,.7);line-height:1.166;margin-bottom:15px}
.solutionFilter .card_choice{width:fit-content;padding:5px 10px;border-radius:30px;font-size:14px;font-weight:500;text-transform:capitalize;margin-left:0;margin-top:-25px;position:relative;z-index:1;border:1px solid #101b26}
.solutionFilter .card_choice.certified{background:#22aeae}
.solutionFilter .card_choice.premier{background:#9b51a0}
.solutionFilter .card_choice.advanced{background:#345995}
.solutionFilter .accordion-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;margin:0}
.solutionFilter .accordion-header svg{transform:rotate(0);transition:all .3s ease-in-out}
.solutionFilter .accordion-header.active svg{transform:rotate(180deg)}
.solutionFilter .accordion-content{padding:10px}
.solutionFilter .accordion-content label{display:block;margin-bottom:15px;color:rgba(255,255,255,.7);cursor:pointer;position:relative;padding-left:30px;font-weight:400;user-select:none}
.solutionFilter .accordion-content input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}
.solutionFilter .accordion-content label::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border:1px solid rgba(255,255,255,.7);border-radius:2px;box-sizing:border-box;transition:background .2s}
.solutionFilter .accordion-content input[type=checkbox]:checked+label::before,.solutionFilter .accordion-content input[type=checkbox]:checked~::before{background:#e91e63}
.solutionFilter .accordion-content label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;opacity:0;position:absolute;top:5px;transform:rotate(45deg);width:5px}
.solutionFilter .accordion-content label.checked::before{border-color:#dd437b;background:#dd437b}
.solutionFilter .accordion-content label.checked::after{opacity:1}
.solutionFilter .learn_more_button a{padding:0;background:0 0;color:#dd437b}
.solutionFilter .learn_more_button a:hover{background:0 0;color:#dd437b}
.solutionFilter .learn_more_button a:hover svg g path{fill:#dd437b}
.solutionFilter .card__content{padding:10px}
.solutionFilter #load-more svg{transform:rotate(135deg)}
.solutionFilter #load-more:hover svg{transform:rotate(45deg)}
.solutionFilter .cards__item:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(93.63deg,#c4f2bd,#22aeae 34.37%,#345995 69.79%,#16487a);overflow:hidden;padding:1px;z-index:-1;border-radius:10px;opacity:0;transition:all .3s ease-in-out}
.solutionFilter .cards__item{position:relative}
.solutionFilter .cards__item:hover:before{opacity:1}
.solutionFilter .card{padding:10px;border-radius:10px;background:rgb(28 39 50);height:100%}
.solutionFilter .cards__item{padding:1px}
.solutionFilter .accordion-header{border-top:solid 1px rgba(255,255,255,.2);margin-top:10px}
.solutionFilter .filterHeading{padding:10px}
.solutionFilter .card__image img{width:100%;border-radius:10px}
.hidden-by-load{display:none!important}
.solutionFilter .card_filter_box p:first-child{font-weight:500;font-size:14px;line-height:1.14285;color:#22aeae;margin-top:15px}
.solutionFilter .card_filter_box p:last-child{margin-top:10px;color:rgba(255,255,255,.7)}
.accordion-header label{font-weight:500}

.Videomoduleborder {
  background: #333;
}
.Videomodule , .ThreeColSection {
  overflow: hidden;
}
.Videomodule.right_bottom_circle:before{
  background: linear-gradient(93.63deg, rgba(221, 67, 123, 0.21) 0%, rgba(155, 81, 160, 0.21) 100%);

}
.Videomodulebg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.VideomoduleListbg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;

}
.Videomodulemain button {
  background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%);
}

.Videomodulemain .slick-prev:before {
  background-image: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/arrow-left.svg);
}
.Videomodulemain .slick-next:before {
  background-image: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/arrow-rigth.svg);
}
.Videomodulemain .slick-next:before, .Videomodulemain .slick-prev:before {
  background-size: contain;
}
.video-embed-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;

}
.video-embed-wrapper iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.VideomoduleImage img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.VideomoduleImage {
  overflow: hidden;
  height: 100%;
}
.Videomodule .slick-next:focus, .Videomodule .slick-next:hover, .Videomodule .slick-prev:focus, .Videomodule .slick-prev:hover {
  background: #132132;
}
.Videomodulemain {
  background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%);
}

.formBanner{background:linear-gradient(93.91deg, rgba(196, 242, 189, 0.8) -54.67%, rgba(34, 174, 174, 0.8) -1.5%, rgba(52, 89, 149, 0.8) 53.28%, rgba(22, 72, 122, 0.8) 100%);}

.bannerFormDiv input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ background-color:transparent !important;}

.max944{max-width:944px; margin-left:auto; margin-right:auto;}
.max944 p {
  color: rgba(255, 255, 255, 0.7);
}

.IntegrationTimeline .imgBox{width:83px;height:83px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}
.IntegrationTimeline .circleBox{width:105px;height:105px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.IntegrationTimeline .topContentBox{padding-left:90px;padding-bottom:10px}
.IntegrationTimeline .bottomTimeline{display:flex;align-items:center;gap:18px;position:relative;padding-right:16px}
.IntegrationTimeline .arrowGroup{display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:-webkit-fill-available;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:166px}
.IntegrationTimeline .topContentBox{position:relative}
.IntegrationTimeline .topContentBox:before{bottom:0;content:"";left:50px;position:absolute;top:10px;background:url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/Vertical_Line.svg);width:26px;height:100%;background-repeat:no-repeat}
.IntegrationTimeline .topContentBox:after{content:'';position:absolute;top:25px;bottom:0;left:51px;width:2px;background:#4e575f}
.IntegrationTimeline .bgBorder{width:100%;position:absolute;left:0;right:-50px;top:0;bottom:0;margin:auto;height:44px;background:rgba(255,255,255,.05);border-radius:50px;z-index:-1}
.IntegrationTimeline .topHeading .section-title h6{font-weight:600!important}
.IntegrationTimeline .bottomContent p{color:rgba(255,255,255,.7)}
.IntegrationTimeline{overflow:hidden}
.IntegrationTimeline .loopNumber{font-size:26px;font-weight:600;line-height:1.153}
.IntegrationTimeline .bottomTimeline:first-child{margin-left:0}
.IntegrationTimeline .fourColOuter .columnsBox{padding:0;max-width:307px}
.IntegrationTimeline .fourColOuter .columnsBox .topContentBox{margin-right:-20px}
.IntegrationTimeline .topContentBox .bottomContent,.IntegrationTimeline .topContentBox .topHeading{max-width:253px}
.IntegrationTimeline .row.align-md-center.fourColOuter{margin:0}
.IntegrationTimeline .imgBox img {width: 40px;height: 40px !important;object-fit: contain;}
.IntegrationTimeline *+p {
  margin-top: 20px;
}

.AuditInCardMain.integrationInCardMain .cardHover{padding-top:1px!important;padding-bottom:1px!important;padding-left:1px!important;padding-right:1px!important;transition:all .3s ease-in-out;border-radius:10px}
.integrationInCardMain{overflow:hidden}
.AuditInCardMain.integrationInCardMain .cardHover{position:relative;z-index:1;}
.AuditInCardMain.integrationInCardMain .cardHover:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;padding:1px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:linear-gradient(93.63deg,#c4f2bd 0,#22aeae 34.37%,#345995 69.79%,#16487a 100%);z-index:-1;opacity:0;border-radius:10px;}
.AuditInCardMain.integrationInCardMain .cardHover:hover:before{opacity:1;}

.AuditInCardMain.integrationInCardMain .cardHover .IconPart{height:60px;width:60px;justify-content:center;align-items:center;display:flex;background:#132132;border:1px solid rgba(255,255,255,.2);border-radius:10px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.AuditInCardMain.integrationInCardMain .cardHover:hover .IconPart{background:#dd437b;border:1px solid rgba(255,255,255,.2)}
.AuditInCardMain.integrationInCardMain .CardItem .IconPart .AuditInCardMain.integrationInCardMain .CardItem .TextPart{width:calc(100% - 60px)}
.AuditInCardMain.integrationInCardMain .CardItem .IconBox,.AuditInCardMain.integrationInCardMain .CardItem .IconBox svg{height:32px;width:32px}
.AuditInCardMain.integrationInCardMain .cardHover:hover .IconPart svg,.AuditInCardMain.integrationInCardMain .cardHover:hover .IconPart svg g,.AuditInCardMain.integrationInCardMain .cardHover:hover .IconPart svg g path{fill:#fff}
.AuditInCardMain.integrationInCardMain:before { backdrop-filter: none; background: linear-gradient(93.63deg, rgba(196, 242, 189, 0.3) 0%, rgba(34, 174, 174, 0.3) 34.37%, rgba(52, 89, 149, 0.3) 69.79%, rgba(22, 72, 122, 0.3) 100%); border-radius: 100%; bottom: -10%; content: ""; filter: blur(275px); height: 643px; left: auto; position: absolute; right: -10%; width: 643px; }
.AuditInCardMain.integrationInCardMain .CardItem .cardHover .CardItemInner{background:rgb(19 32 44) !important;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;height:100%;align-items: baseline;}
.AuditInCardMain.integrationInCardMain .CardItem .cardHover:hover .CardItemInner{background:#1c2731}
.AuditInCardMain.integrationInCardMain .CardItem .TextPart{flex:1}
.AuditInCardMain.integrationInCardMain .cardHover .IconPart svg path { transition: all 0.15s linear; }
.AuditInCardMain.integrationInCardMain .cardHover:hover .IconPart svg path {fill:#ffffff;}     

/* on boarding page */
.OnBoardfullWidth .workWellPart {border: 1px solid #FFFFFF33; border-radius: 100px; overflow: hidden; position: relative; gap: 20px; width:31.72%; }
.OnBoardfullWidth .workWellList {gap:20px; }
.OnBoardfullWidth .workWellPart:before { background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%); bottom: 0; content: ""; left: 0; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0;
  position: absolute; right: 0;top: 0; transition: all .6s ease-in-out; z-index: -1;}
.OnBoardfullWidth .workWellPart:hover:before{ opacity: 1; padding:1px; border-radius: 100px;}
.OnBoardfullWidth .workWellimg img { width: 75px; height: 75px !important; border-radius: 100%; display: inline-block; }
.onboardPricing .tableHeaderLogo img { max-width:225px !important;}
.onboardPricing .PricingTablePart {border-radius: 15px; overflow: hidden;  display: flex; flex-direction: column; height: 100%; flex-grow: 1;}
.onboardPricing .PricingTablePart .TableHeader { border-bottom: 1px solid #FFFFFF; height:135px; }
.onboardPricing .PricingTablePart .TableHeader .tableHeaderText  { font-weight:500; font-size:26px; width:100%; }
.onboardPricing .PricingTable.row {margin-left: -10px !important; margin-right: -10px !important; }
.onboardPricing .PricingTable {  overflow-x: hidden; scrollbar-width: none;}

.onboardPricing { overflow-x: scroll;scrollbar-width: none; }
.onboardPricing .PricingTable .PricingTableouter {padding-right: 10px !important; padding-left: 10px !important; display: flex; flex-direction: column; }
.onboardPricing .PricingTable .TableData { border-bottom: 1px solid #FFFFFF33;  min-height:89px; max-height:89px; flex-wrap: wrap; overflow-y: auto;  align-items: center; padding-top:12px; padding-bottom:12px; }
.onboardPricing .PricingTable .TableData::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;	background-color: #F5F5F5; }
.onboardPricing .PricingTable .TableData::-webkit-scrollbar
{	width: 5px;	background-color: #F5F5F5;}
.onboardPricing .PricingTable .TableData::-webkit-scrollbar-thumb{
  border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background: #dd437b;}
.fourColCards , .onboardIncluded , .ImtHowWork , .DifferenceImt-onboard {overflow: hidden; }
.onboardTwoColMain.circle-bgimg:before{ width:954px; height:919px; right: 0; background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/onboard.png); }
.OnBoardfullWidth.circle-bgimg:before { width:954px; height:919px; left: 0; background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/onboard-left-circle.png);  }
.onboardPricing.circle-bgimg:before { width:954px; height:919px; left: 0; background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/onboard-left-circle.png);  }
.circle-bgimg:before {content: ""; position: absolute;background-position: 100%; background-repeat: no-repeat; background-size: cover; bottom: 0;  z-index: 1; }
.onboardIncluded .CardContent li::marker { color: #FFFFFFB2;} 
.onboardIncluded .CardContent ol {border-top: 1px solid #FFFFFF33; padding-left:0; }
.onboardIncluded  .onboardIncludInner { border-radius: 20px; overflow: hidden; }
.onboardIncluded .onboardCardPart{ position: relative; cursor: pointer; width:17.03%;   transition: all 0.3s ease;}
.onboardIncluded .onboardCardPart:hover{width:48.82%; background: linear-gradient(93.48deg, #C4F2BD -37.71%, #22AEAE 9.63%, #345995 58.4%, #16487A 100%); }
.onboardIncluded .onboardCardPartInnerbody , .onboardIncluded .cardIcon .hoverIcon { display:none;}
.onboardIncluded .onboardCardPartInnerFooter { position: absolute;  bottom: 30px; text-align: center; left:30px; right:30px;}
.onboardIncluded .cardIcon .icon {text-align: center; }
.onboardIncluded .cardIcon .icon img{display: inline-block; }
.onboardIncluded .cardIcon .icon img , .onboardIncluded .cardIcon .hoverIcon img { width:70px; height:70px; }
.onboardIncludInner:hover .onboardCardPart { width: 17.03%; }
.onboardIncludInner:hover .onboardCardPart:hover { width: 48.82%; }
.onboardIncludInner:hover .onboardCardPart.first-card:hover{  background: linear-gradient(93.48deg, #C4F2BD -37.71%, #22AEAE 9.63%, #345995 58.4%, #16487A 100%); }
.onboardCardPart.first-card { width: 48.82%;  background: linear-gradient(93.48deg, #C4F2BD -37.71%, #22AEAE 9.63%, #345995 58.4%, #16487A 100%);  transition: all 0.3s ease;}
.onboardIncludInner:hover .onboardCardPart.first-card { background-image: none;}
.onboardCardPart.first-card:hover{background: linear-gradient(93.48deg, #C4F2BD -37.71%, #22AEAE 9.63%, #345995 58.4%, #16487A 100%);  transition: all 0.3s ease; }
.onboardIncludInner .onboardCardPart.first-card .cardIcon .hoverIcon   {display:block; }
.onboardIncludInner:hover .onboardCardPart.first-card .cardIcon .hoverIcon , .onboardIncludInner:hover .onboardCardPart.first-card .onboardCardPartInnerbody {display: none; }
.onboardIncludInner:hover .onboardCardPart.first-card .cardIcon .icon , .onboardIncludInner:hover .onboardCardPart.first-card .onboardCardPartInnerFooter {display:block; }
.onboardCardPart:hover .cardIcon .hoverIcon {display:block; }
.onboardCardPart:hover .cardIcon .icon, .onboardIncludInner .onboardCardPart.first-card .cardIcon .icon , .onboardIncludInner .onboardCardPart.first-card .onboardCardPartInnerFooter ,
.onboardCardPart:hover .onboardCardPartInnerFooter { display: none;}
.onboardIncludInner:hover .onboardCardPart.first-card:hover .cardIcon .icon , .onboardIncludInner:hover .onboardCardPart.first-card:hover .onboardCardPartInnerFooter { display:none; }
.onboardIncludInner:hover .onboardCardPart.first-card:hover .cardIcon .hoverIcon  { display:block; }
.onboardIncludInner .onboardCardPart.first-card .onboardCardPartInnerbody , .onboardCardPart:hover .onboardCardPartInnerbody ,
.onboardIncludInner:hover .onboardCardPart.first-card:hover .onboardCardPartInnerbody {  display: flex ; }
.onboardCardPartInner { min-height: calc(100% - 90px); height: auto; display: flex; align-items: end;}
.onboardCardPartInnerHead { margin-bottom:20px;}
.onboardIncluded .CardContent {  max-height:484px; }
.onboardIncluded .onboardCardPart { height: 606px; overflow-y: scroll;  scrollbar-width: none; position: relative;} 
.onboardPricing .tableHeader .tableHeaderText { width:100%;}

/* HubSpot Implementation page */

.ImplementThreeColTab .colCard .CardImage { width:50px !important; position: relative; top: auto !important; left: auto !important; height:50px !important; border-radius: 7px !important;background:  #132132 !important; }
.ImplementThreeColTab .colCard:before { background:linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%) !important;}
.ImplementThreeColTab .colCard:hover .CardImage {  background:  #132132 !important;}
.ImplementThreeColTab .colCard:hover .CardImage .image { display:block !important;}
.ImplementThreeColTab .colCard { gap:0 !important; }
.ImplementThreeColTab .colCard .cardTitle {color: #FFFFFFB2; }
.ImplementThreeColTab  .implementTabBtnInner a { padding: 0 25px 15px; border-bottom: 1px solid #ffffff; display: inline-block; transition: all 0.3s ease;}
.ImplementThreeColTab  .implementTabBtnInner a:hover{border-bottom: 1px solid #DD437B; }
.ImplementThreeColTab  .implementTabBtnInner a.active{ color:#DD437B; border-bottom: 1px solid #DD437B; }
.ImplementThreeColTab  .implementTabBtnInner.first-tab a { padding-left:0;}
.ImplementThreeColTab  .implementTabBtnInner.last-card a { padding-right:0;}
.ImplementThreeColTab .implement-tab-mobile { display:none;}
.ImplementThreeColTab .colCardparent { padding-top:0 !important;}


.ImtHowWork .HowWorkCount { border-bottom: 1px solid #ffffff; transition: border 0.6s ease-in-out; display: block; position: relative; }
/* .ImtHowWork .HowWorkCount::after {  content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background-color:#dd437b; z-index: 1; transition: width 0.8s ease-in-out;} */
.ImtHowWork .HowWorkImg { width: 100%; height: 230px; border-radius: 20px; overflow: hidden;}
.ImtHowWork .HowWorkImg img { width:100%; height:100% !important; border-radius: 20px; object-fit: cover; }
.ImtHowWork .HowWorkText ul { list-style: disc; padding-left: 10px; }
.ImtHowWork .HowWorkinner:hover .HowWorkCount { color:#dd437b; border-bottom: 1px solid #dd437b; }
.ImtHowWork .HowWorkText ul li { margin:20px; }
/* .ImtHowWork .HowWorkinner:hover .HowWorkCount::after{ width:100%; border-bottom: 1px solid #dd437b;} */
.fullWidthCta .cta-left { max-width:100% !important;}
/* .DifferenceImt-onboard .Imt-onboard-part { width:584px;} */
.DifferenceImt-onboard .Imt-onboard-part { width:45.6%;}
/* .DifferenceImt-onboard .Imt-onboard-part .ImtOnboardPoints { width:372px; gap: 20px; position: relative; } */
.DifferenceImt-onboard .Imt-onboard-part .ImtOnboardPoints { width:63.7%; gap: 20px; position: relative; }
.DifferenceImt-onboard .Imt-onboard-inner {position: relative; }
/* .DifferenceImt-onboard .ImtOnboardPoints .ImtOnboardPointText { max-width:298px; min-height:74px; position: relative;background: #FFFFFF0D;} */
.DifferenceImt-onboard .ImtOnboardPoints .ImtOnboardPointText { max-width:80%; min-height:74px; position: relative;background: #FFFFFF0D;}
.font16{ font-size:16px; line-height: 19px;}
.DifferenceImt-onboard .ImtOnboardPoints .ImtOnboardPointText:before{ background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%); bottom: 0;  content: ""; left: 0; 
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; position: absolute; right: 0; top: 0; border-radius: 8px; padding: 1px;}
.DifferenceImt-onboard  .ImtOnboardTitle { width:36%; height:46px; border-radius: 5px; background: linear-gradient(93.94deg, #C4F2BD -24.62%, #22AEAE 18.22%, #345995 62.35%, #16487A 100%); }

.DifferenceImt-onboard .semibold {font-weight: 600;} 
.DifferenceImt-onboard .differencepart-2 .ImtOnboardPartInner { flex-direction: row-reverse;}
.DifferenceImt-onboard .differencepart-2 .ImtOnboardPoints {align-items: end; }
.DifferenceImt-onboard .differencepart-1 .ImtOnboardPoints:before { background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/Arrows.svg);
  width: 20%; height: 84%; right: 0;  }
.DifferenceImt-onboard .differencepart-2 .ImtOnboardPoints:before{ background: url(https://2504008.fs1.hubspotusercontent-na1.net/hubfs/2504008/mindandmetrics%20-2025/Arrows-2.svg);
  width: 20.5%; height: 84.5%; left: -3px;}
.DifferenceImt-onboard .differencepart-1 .ImtOnboardPoints:before , .DifferenceImt-onboard .differencepart-2 .ImtOnboardPoints:before { content: "";  position: absolute; top: 8%;
  background-repeat: no-repeat;background-size: cover;}
.DifferenceImt-onboard .middleText { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.TableDataIcon { flex-wrap: nowrap !important;}
.onboardIncluded .CardTitle { font-size:30px; font-weight: 600;}

/* work with us */
.workWithCard .colCard .link-icon {display: inline-block;  }
.workWithCard .colCard .link-icon svg { -webkit-transition: all ease .6s; }
.workWithCard .colCard .cardBtn a {color:#DD437B; }
.workWithCard .colCard .cardBtn a:hover .link-icon svg { rotate: 45deg; }

/* resources page */
.resourcesGallery .resources-top-tabs {list-style: none; align-items: center; background: #ffffff1a; border-radius: 100px; width: fit-content;}
.resourcesGallery .atmc-btn {display: inline-block; margin:0; }
.resourcesGallery .atmc-card { height:100%; }
.resourcesGallery .resources-top-right { margin: 0 auto; max-width: 800px;  position: relative;} 
.resourcesGallery .atmc-card_header { border-radius: 20px; position: relative; height: 241px; overflow: hidden; background-repeat: no-repeat; transition: all .4s ease-in-out;}
.resourcesGallery .card-image a {position: relative; display: block; border-radius: 20px; overflow: hidden; z-index: 1; }
.resourcesGallery .atmc-card_header img { width: 100%; height: 100%; object-fit: cover;}

.resourcesGallery .card-image a:before {background: linear-gradient(93.63deg, #c4f2bd, #22aeae, #345995, #16487a); content: ""; position: absolute;  inset: 0;
  border-radius: 20px;  padding: 2px; /* thickness of border */  background-size: 200% 200%;  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.6s ease-in-out, background-position 1s ease-in-out; z-index: 2;}
.resourcesGallery .card-image a:hover::before { opacity: 1; }

/* .resourcesGallery .atmc-gallery-02_img:hover { border: 2px solid #DD437B !important; } */
.resourcesGallery .atmc-matchheight-child {background:#061727; border-radius: 20px;}
.resourcesGallery .card-inner p { margin:0;}
.resourcesGallery .card-inner .description-text , .resourcesGallery .card-inner .title-text { display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;
  text-overflow: ellipsis;  word-break: break-word;  hyphens: auto;}
.resourcesGallery .card-button {  border-top: 1px solid #FFFFFF33; margin-top:30px; color:#DD437B; }
/* .resourcesGallery {display:none; } */
.resourcesGallery .card-button .atmc-btn { color:#DD437B; }
.resourcesGallery .atmc-btn svg { width:20px; -webkit-transition: all ease .3s;}
.resourcesGallery .atmc-btn:hover .link-icon svg  {rotate: 45deg;}
.resourcesGallery .description-text { color: #FFFFFFB2;}
.resourcesGallery .tab-hide { padding:0; margin:0; background: none !important;}
.resourcesGallery .tab-btn + .tab-btn.atmc-btn-primary  { background: linear-gradient(93.63deg, #dd437b, #9b51a0);  border-radius: 100px; margin-left: 10px;}
.resourcesGallery .all-btn.atmc-btn-primary { margin-left:10px; background: linear-gradient(93.63deg, #dd437b, #9b51a0); border-radius: 100px;}
.resourcesGallery .card-image { position: relative; }
.resourcesGallery .card-image .card-logo { position: absolute; padding: 5px; overflow: hidden; height:45px; width:150px; background: #ffffff; top: 4px; right: 4px; border-radius: 15px; }
.resourcesGallery .atmc-grid-col { display:flex; flex:1; flex-direction: column; justify-content: space-between;  flex-wrap: wrap;}
.resourcesGallery .card-inner .title-text { height:50px;}
.resourcesGallery .card-inner .description-text { height:42px; }

.Contact_lpbanner .RightPart img { width: 90% !important; margin:0 auto;}
/* contact page  */
.stratFormInner {background: #FFFFFF1A; border-radius: 20px;  }
.stratFormInner.form-full { max-width:1062px; margin:0 auto; }
.stratFormInner form .form-columns-2>div {margin-left: 0 !important; margin-right: 0 !important; }
.stratFormInner form .form-columns-2 { margin: 0 !important; }
.stratFormInner form .form-columns-2>div { width: calc(50% - 15px) !important;}
.stratFormInner .hs-form-field { margin-bottom: 30px;}
.stratFormInner .hs-fieldtype-radio .inputs-list { display: flex;}
.startProjectForm .FormContent ul { margin-left: 15px; padding-left: 0; list-style: disc; }
.startProjectForm .FormContent ul li::marker{ color: #FFFFFF66; }
.startProjectForm .FormContent ul li { margin: 15px 12px; }

.stratFormInner .inputs-list > li { margin-right:60px; margin-bottom:18px;}
.stratFormInner .hs-fieldtype-radio .inputs-list > li span { width:50px;  color: #FFFFFF66 !important; font-size: 16px !important;}
.stratFormInner .hs-main-font-element {margin-top:20px;}
.stratFormInner .hs-input.hs-fieldtype-textarea { height:51px;}
.stratFormInner .hs_submit { padding-top:20px;}
.stratFormInner .hs-fieldtype-checkbox .inputs-list > li span {color: #FFFFFF66 !important; }
.hs-desired_services .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before {background: transparent; }
.stratFormInner select option { background:#000; color:#ffffff;}
.stratFormInner select.is-placeholder { color: #FFFFFF66 !important;}
.stratFormInner select.hs-input { color: #FFFFFF;}
.stratFormInner .hs-form-radio label.hs-form-radio-display input:checked+span:before { background-color: transparent;}
.stratFormInner .hs-form-radio label.hs-form-radio-display input+span:before  { width:18px; height:18px;}
.stratFormInner .hs-form-radio label.hs-form-radio-display input:checked+span:after { left: 5px; width: 8px; height: 8px; top: 5px; background: #22AEAE; }
.stratFormInner .submitted-message { margin-top:0; text-align:center;}
.stratFormInner .hs-form-checkbox label.hs-form-checkbox-display input+span { padding-left:30px;}        
.stratFormInner .hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 18px; height: 18px; border-radius: 2px;} 
.stratFormInner .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { top: 5px; width: 8px; height: 8px; background: #22AEAE;border: 0; left: 5px; transform: rotate(0deg); border-radius: 1px;}


/* onbordSlider */

.onbordSlinner {border: 1px solid #FFFFFF1A; background: #FFFFFF0D; border-radius: 15px; margin:0 15px;  box-sizing: border-box; position: relative; }
.onbordSlider .onbordSlinner .left {width: 11%;}
.onbordSlider .onbordSlinner .right { width: 79.4%;}
.onbordSlider .onbordSlinner .right ul {padding-left: 1rem; list-style: disc; }
.onbordSlider .onbordSlinner .right ul li::marker {color:#FFFFFFB2; }
.onbordSlinner:before{ position: absolute; content: ""; height: calc(100% - 60px); width: 1px; background: #FFFFFF4D; left: 17.5%; top: 30px; }
.onbordSlider .onbordSliderPart .slick-list  { overflow: visible !important;  margin: 0 -15px;  }
.onbordSl { display: flex; justify-content: space-between; align-items: flex-start;}
.onbordSlider { overflow: hidden; position: relative; width: 100%; margin: 0 auto;}
.onbordSlider .slick-slide { display: flex !important; justify-content: center;}
.onbordSlider .slick-track { display: flex !important;align-items: stretch;}

/* Accordin section */

.accordinSection .faq-body {background: #FFFFFF0D; border-radius: 10px; }
.accordinSection .faq-body.active .icon span img { rotate: 180deg; }
.accordinSection .icon span { background: #DD437B; width: 28px; height: 28px; border-radius: 3px; }
.accordinSection .faq-content { display: none; border-top: 1px solid #ffffff1a; margin: 0 30px; }
.accordinSection .faq-part { max-width:1062px; margin:0 auto; }
.accordinSection  .faq-title .title { width: calc(100% - 60px); }
.accordinSection .button { width:100%; justify-content: center;}
.accordinSection .faq-body .faq-title { cursor: pointer; }

/* Certified Hubspot */
.certifiedHubspot .RightTitle { font-size:14px; color:#DD437B;}
.certifiedHubspot .right-inner { background: #FFFFFF0D;  border-radius: 10px;}
.certifiedHubspot .right-inner .subtitle { border-top: 1px solid #FFFFFF1A; }
.certifiedHubspot .right-inner ul {list-style: disc; padding-left: 1rem; }
.certifiedHubspot .right-inner ul li::marker { color:#FFFFFFB2;}

/* Assessment Section */
.assessmentSection .assessFormInner { background: #FFFFFF1A; border-radius: 20px; }
.assessmentSection .assessFormInner .form-group { padding-bottom:30px;}
.assessmentSection .assessmentForm { max-width:1062px; margin:0 auto;}
.assessmentSection .error-msg { color: #EF6B51; font-size: 12px; margin-top: 10px;}
.assessmentSection .error { border-color: #EF6B51; }
.assessmentSection .assessment-part p { margin-top: 10px !important;}
.assessmentSection .radio-group { display: flex; gap: 30px;}
.assessmentSection .circle-radio { display: flex; align-items: center; cursor: pointer; position: relative; color: #FFFFFF66;}
.assessmentSection .circle-radio input { position: absolute; opacity: 0; cursor: pointer;}
.assessmentSection .custom-circle { width: 18px; height: 18px; border: 1px solid #ffffff; border-radius: 50%; margin-right: 10px; position: relative;
  transition: border-color 0.2s ease;}
.assessmentSection .circle-radio input:checked + .custom-circle::after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background-color: #22aeae; /* green inner dot */
  border-radius: 50%;  transform: translate(-50%, -50%);}
.assessmentSection .mid-line { width:100%; height:1px; border-top:1px solid #FFFFFF1A; }
.assessmentSection .submitButton { transition: all 0.15s linear; align-items: center;}
.assessmentSection .submitButton .btn-icon {display: block; margin-left:9px; }
.btn-icon svg { fill:#363A3A;}
.assessmentSection .submitButton:hover .btn-icon svg { fill:#ffffff; rotate: 45deg; }

/* master-lp banner */
.master-lp form > .hs-form-field.hs_firstname { margin-top: 30px; }
.master-lp .form-title {padding-bottom: 10px; font-weight: 500 !important;}
.list-text ul { padding-left: 1rem; list-style: disc;}
.list-text ul li::marker {color:#ffffffb2; }
.master-lp form .form-columns-2>div { margin-left: 0px !important;  margin-right: 0px !important; width: calc(50% - 15px) !important;}
.master-lp  form .form-columns-2 {  margin: 0 0px !important;}
.master-lp .bannerFormDiv .hs-submit { padding-top: 10px; }
.master-lp .list-text>:first-child { padding-bottom: 18px; }
.master-lp .list-text>:last-child { padding: 0; }

/* Master Lp FullImg Section */
.masterLpFullImg .full-image .img-main { max-width:100%;}
.masterLpFullImg .full-image .image-box { background:#FFFFFF0D; border-radius: 10px; }
.masterLpFullImg .bottom-content .icon { width:50px; height:50px; border-radius: 5px; border: 1px solid #FFFFFF1A; background: #132132; margin-right:20px; }
.masterLpFullImg .bottom-content .icon img { width:28px; height:28px;}
.masterLpFullImg .Content-title { width: calc(100% - 70px);}
.masterLpFullImg .bottomContinner { margin:0 7.5px}
.masterLpFullImg .bottom-content .ListContent ul {padding-left: 1rem; list-style: disc; }
.masterLpFullImg .bottom-content .ListContent ul li::marker {color:#FFFFFFB2; }
.masterLpFullImg .bottom-content {  position: relative;}
.masterLpFullImg .bottom-content:before { position: absolute; content: " "; transform: translateX(-50%);height: 100%; width: 1px; background: #FFFFFF1A; left: 50%; }
.master-lp .social-shear { column-gap:20px;}
.master-lp .social-icon svg { fill:#ffffff; width: 18px; display: inline-block; transition: all 0.3s;}
.master-lp .social-icon a { display: inline-block;}
.master-lp .social-icon:nth-child(1) svg { width:12px;}	
.master-lp .social-icon a:hover svg { fill:#DD437B;}

.resourcesGallery .tag-text { font-size:14px;}
.resourcesGallery .atmc-btn { font-size:18px;}

/* Training page  */

.TrainingCard .CardImage { width:50px !important; height:50px !important; border-radius: 7px !important;}
.TrainingCard .CardImage img { max-width:28px !important;}
.TrainingCard .card-top { column-gap: 10px; }
.TrainingCard .cardtopTitle { width: calc(100% - 60px);}
.TrainingCard .trainingbtn a { width: 100%; display: flex; justify-content: space-between;}
.TrainingCard .cardlist ul , .TrainingCard .cardlist ul li {margin-top:0; margin-bottom:0;}
.TrainingCard .cardbottom {border: 1px solid #FFFFFF33;  border-radius: 8px; flex: 1;}
.TrainingCard .cardbottom ul { padding-left:20px; list-style: disc;}
.TrainingCard .cardbottom strong {font-weight:600;}
.TrainingCard.iconIn.fourColCards .colCardparent .colCard:before {background: linear-gradient(93.63deg, #c4f2bd, #22aeae, #345995, #16487a) !important ;}

.TrainingTwoColMain .listAndDescription { display: inline-block; }
.TrainingTwoColMain .ListIcon { width:30px; height:30px; border: 1px solid #FFFFFF1A;  border-radius: 3px; background:#132132; }
.TrainingTwoColMain .ListIcon span { color:#DD437B; display: inline-block;}
.TrainingTwoColMain .ListGroup ul li:before { display: none;}
.TrainingTwoColMain .ListGroup ul li { column-gap: 10px; }
.TrainingTwoColMain  .rightlist {border-radius: 15px; background: linear-gradient(81.69deg, #C4F2BD -30.44%, #22AEAE 10.01%, #345995 51.7%, #16487A 87.25%);
}
.TrainingTwoColMain  .rightlist .ListIcon {background:#ffffff; }

.TrainingTwoColMain .right-text { width: calc(100% - 40px);}

.stepssection .stepbox span {display: inline-block; padding:8px 30px; border: 1px solid #FFFFFF4D; background: #030F1B; border-radius: 100px; }
.stepssection .stepcard { background: #FFFFFF0D; border-radius: 15px; }
.stepssection .stepcount { max-width:71px;}
.stepssection .stepoutter { position: relative;}
.stepssection .stepoutter .line-top { width:100%; height: 1px; background: #FFFFFF4D;position: absolute;top: 20px; }
.stepssection  .cardinner { position: relative;}
.stepssection  .cardinner:before{ position: absolute;  content: " "; height: 60px; width: 1px; background: #FFFFFF4D;top: 0;left: 50%;
  transform: translateX(-50%); }
.stepssection .card2 { padding-top:120px;}
.stepssection .card2:before {height: 120px; }


/* pillar page */
.lightwhite *{color: #FFFFFFB2;}

.pillarbanner .pillarbannerimg { max-height:480px; border-radius: 20px; overflow: hidden; width: 100%;}
.pillarbanner .pillarbannerimg img { width:100%; height:100%; object-fit: cover;}
.pillardetailtop .tag-publishdate {column-gap: 40px; row-gap:15px; position: relative; }
.pillardetailtop .tagtimetext {color: #FFFFFFB2; max-width: calc(100% - 30px);}
.pillardetailtop .tag , .pillardetailtop .datetime { column-gap: 10px; }
.twocolumnbox .boxtitle {background: #FFFFFF0D; border-radius: 20px 20px 0 0; }
.light .twocolumnbox .boxtitle {background: #ffffffb3; }
.twocolumnbox { border-radius: 20px; position: relative; background: #030F1B; overflow: hidden; }
.cardshape {position: relative; }
.cardshape:before {content:""; position: absolute; bottom: -338px; filter: blur(275px); height: 643px; left: -180px; width: 643px;
  background: linear-gradient(93.63deg, rgba(221, 67, 123, .21), rgba(155, 81, 160, .21)); border-radius: 100%;}
.light .twocolumnbox { border-radius: 20px; position: relative; background: #ffffffb3; }
.twocolumnbox:before{ content:""; position: absolute; border-radius: 20px; z-index: 1; border-radius: 20px; bottom: 0;left: 0;right: 0; top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; padding: 1px;  }

.twocolumnbox:before{background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%);}

.pillardetailtop .latencycardtitle { position: relative; display: inline-block; }
.pillardetailtop .latencycardtitle:before{ content:""; position: absolute; height: 1px; width: 100%; bottom: -5px; left: 0;
  background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%);}
.pillardetailtop .latencycardinner{ position: relative; }
.pillardetailtop .latencycardouter:nth-child(odd):not(:last-child)::before { content:""; position: absolute; height: calc(100% - 50px); width: 1px; background: #123559;
  right: 0;   top: 25px; }
.pillardetailtop .highlighttext { background: #FFFFFF0D; border-radius: 10px}
.light .pillardetailtop .highlighttext {background: #0000000D; }

.coredefinition .listpartoutter .listcontent { width: calc(100% - 70px); } 
.coredefinition .listpartoutter .listicon { width:50px; height:50px; border: 1px solid #FFFFFF1A; border-radius: 7px; background: #132132; }
.light .coredefinition .listpartoutter .listicon {background: #0000000d !important; border: 1px solid #0000001A; }
.coredefinition .imagepart .imageinner img { width:100%; border-radius: 10px; overflow: hidden; object-fit: cover;}
.coredefinition .listimginner .left { width: 56.1%;}
.coredefinition .listimginner .right { max-width: 41.54%; position: relative;}
.coredefinition .textmain .text h6 { margin-bottom:10px;}
.coredefinition .imagepart { width:100%; position: relative; }
.coredefinition .listimginner .right .listimage , .coredefinition .imagepart .imageinner {padding: 20px; border-radius: 10px;background:#132132; }
.coredefinition .listimginner .right .listimage img {border-radius: 5px; }
.coredefinition .listimginner .right:before , .coredefinition .imagepart .imageinner:before {content: " "; position: absolute; height: calc(100% + 3px); left: -1.5px; top: -1.5px; width: calc(100% + 3px); border-radius: 10px; z-index: -1; background: linear-gradient(93.63deg, #C4F2BD 0%, #22AEAE 34.37%, #345995 69.79%, #16487A 100%); }
.coredefinition  .textmain span { margin-top:10px; }
.coredefinition .listfullwidth { width:100% !important;}
.coredefinition .listfullwidth .listpartoutter { background: #FFFFFF0D; padding: 20px; border-radius: 10px;}
.light .coredefinition .listfullwidth .listpartoutter {background: #0000000d !important; }
.coredefinition  .textmain strong {font-weight:600;}

.leadership .leadercardinner {background: #FFFFFF0D;  border-radius: 10px; position: relative; height:100%;}
.light .leadership .leadercardinner {background: #0000000d !important;  }
.leadership .leadercardoutter { max-width:300px; margin:0 auto; height:100%;}
.leadership .leadercardmain { align-items: stretch;}
.leadership .listsection { list-style: none; margin: 0; padding-left:0; }
.leadership .listsection li {margin:0; column-gap: 10px; position: relative; }
.leadership .listsection li span { display:inline-block;}
.leadership .listsection li span.listicon{width:18px; height:18px; }
.leadership .listsection li span.listicon img {width:100%; vertical-align: top; object-fit: cover !important;}
.leadership .cardtoppart {  position: absolute; width: 100%;left: 0;max-width: 270px; border-radius: 0 7px 7px 0; top: 15px; }
.leadership .cardtoppart .card-topicon { position: absolute; top: 50%; transform: translateY(-50%);left: -26px;}
.leadership .bottomDotts span {width:5px; height:5px;border-radius:20px; display:inline-block; margin-right: 5px;  }
.leadership .listsection li .listtext { width: calc(100% - 28px); text-align: left;}
.leadership .bottomline {position: absolute; width:100%; bottom:0; left:0; height:10px; border-radius: 0 0 10px 10px; }
.righticon .cardtoppart {right: 0 !important; border-radius: 7px 0 0 7px !important; left: auto !important; }
.righticon .cardtoppart .card-topicon { right: -26px; left: auto !important;}
.leadership .cardtitletext { width:100%;}
.leadership .leadercontent .text p { margin-top:20px;}
.leadership .leadercontent .list-marks ul { margin-bottom: 0;}
.leadership .leadercontent .list-marks ul li { margin-bottom: 0; margin-top:10px;}
.leadercontent strong { font-weight:600 !important;}
.precondition .precon-cardinner {background: #FFFFFF0D; border-radius: 10px; height: 100%;}

.precondition .precardoutter { align-items: stretch;}
.light .precondition .precon-cardinner {background: #0000000d !important; }
.precondition .precon-cardinner .card-icon {border: 1px solid #FFFFFF1A; max-width: 50px; margin: 0 auto; width:50px; height:50px; border-radius: 7px; background: #132132; } 
.light .precondition .precon-cardinner .card-icon { background: #0000000d !important; border: 1px solid #0000001A;}
.hybridteam .hybridlistCount { width:30px; height:30px;margin-right:10px; background:#FFFFFF0D; border-radius: 50px; font-weight: 600; font-size:14px; color: #DD437B;}
.light .hybridteam .hybridlistCount { background:#0000000d !important;}
.hybridteam .hybridlist  .listtext { width: calc(100% - 40px); text-align: left;}
.hybridteam .hybridleft { max-width:454px;}
.hybridteam .hybridright   { max-width:270px;}
.hybridteam  .bottom-text { background: #FFFFFF0D; border-radius: 10px; padding: 10px; display: inline-block; }
.preconditionoutter .list-marks li strong {font-weight:600; }
.pillardetailtop .mod-change  { max-width: 185px; margin: auto 0 0 auto; position: absolute; right: 0; top: -30px;}
.body-main.light {background:#ffffff ; }
.body-main.light *:not(.button a ) { color:#000000 !important;}

.body-main.light .footer *:not(.button a ) {color: #ffffff !important;}



.Dashboard-Logo {max-width: 190px;width: 100%;}
.Dashboard-Logo a {display: block;}
.Dashboard-header {padding: 20px;}
.Dashboardwrapper {width: 100%;padding: 0 20px 20px;}
.DashboardInner {padding:15px;background-color: rgb(240, 240, 240);border: 1px solid rgb(204, 204, 204);height: calc(100vh - 104px);border-radius: 8px;}
.DashboardMainSection {color: #141414;}
.DashboardTab ul {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.DashboardTab ul li{margin: 0;}
.DashboardTab ul li a {display: block;color: #141414;font-size: 16px;cursor: pointer;margin: 0;font-weight: 600;padding: 10px 20px;border: 1px solid rgb(204, 204, 204);border-bottom: 0;}
.DashboardTab ul li.active a {background: #fff;}
.DashboardTabContent {background: #fff;border: 1px solid rgb(204, 204, 204);padding: 15px;margin-top: -1px;border-radius: 0 8px 8px 8px;}
.DashboardTab ul li:first-child {border-radius: 4px 0 0 0;}
.DashboardTab ul li:last-child {border-radius: 0 4px  0 0;}

.DashboardSearchBar {position: relative;width: 50%;}
.DashboardSearchBar input {font-size: 16px;background-color: rgb(255, 255, 255);border: 1px solid rgb(138, 138, 138);border-radius: 20px;padding: 8px 24px;padding-right: 50px;width: 100%;outline: 0;}
.DashboardSearchBar span.SearchBarIcon {width: 20px;display: block;line-height: 0;position: absolute;right: 24px;top: 50%;transform: translateY(-50%);}
.DashboardSearchBar span.SearchBarIcon svg {width: 100%;height: auto;}
.DropdownSelected {font-size: 16px;background-color: rgb(255, 255, 255);border: 1px solid rgb(138, 138, 138);border-radius: 8px;padding: 8px 20px;width: 100%;outline: 0;gap: 10px;justify-content: space-between;}
ul.DropdownList {display: none;}
.DropdownSelected .ArrowBox svg path {fill: #141414;}
.DropdownSelected .ArrowBox svg {width: 12px;}
.DeliverablesFilter {display: flex;gap: 20px;justify-content: end;align-items: center;position: relative;z-index: 1;}
.StatusBox,.SprintPhaseBox {max-width: 250px;width: 100%;}
.CustomDropdown {position: relative;}
ul.DropdownList {width: 100%;position: absolute;top: 100%;margin: auto;padding: 0;list-style: none;font-size: 16px;border: 1px solid rgb(204, 204, 204);box-shadow: rgba(20, 20, 20, 0.08) 0px 24px 48px 0px;background-color: rgb(255, 255, 255);border-radius: 8px;margin-top: 2px;}
ul.DropdownList li {padding: 8px 16px;margin: 0;cursor: pointer;}
ul.DropdownList li.active,ul.DropdownList li:hover {background: rgb(235, 235, 235);color: rgb(20, 20, 20);}

.DeliverablesBoxList ul {list-style: none;margin: 0;padding: 8px 0;border-top: 1px solid rgb(138, 138, 138);margin-top: 8px;}
.DeliverablesBoxList ul li {margin: 0;font-size: 14px;padding: 5px 0;}
.DeliverablesBoxList ul li span.btn {font-size: 12px;font-weight: 600;background-color: #f0f0f0;color: #141414;padding: 4px 10px;border-radius: 20px;}
.DeliverablesBoxList ul li span.on_track,.DeliverablesBoxList ul li  span.completed {background-color: #00823A;color: #fff;}
.DeliverablesBoxList ul li  span.delayed,.DeliverablesBoxList ul li  span.failed {background-color: #d9002b;color: #fff;}
.DeliverablesBoxList ul li  span.blocked {background-color: #016de1;color: #fff;}
.DeliverablesBoxList ul li  span.at_risk,.EngagementsTab .DeliverablesBoxList ul li  span.delayed {background-color: #fccb57;color: #fff;}
.DeliverablesBoxList ul li  span.succeeded_completed{background-color: #016de1;color: #fff;}
.DeliverablesCardTitle {display: flex;align-items: center;gap: 4px;}
.DeliverablesBoxList ul li  span.Sprint-1 {background-color: #6431da;color: #fff;}
.DeliverablesBoxList ul li  span.Sprint-2 {background-color: #d20688;color: #fff;}
.DeliverablesBoxList ul li  span.Sprint-3 {background-color: #c93700;color: #fff;}
.DeliverablesBoxList ul li  span.Sprint-4 {background-color: #00823a;color: #fff;}

.DeliverablesCardCol {width: calc(16.66% - 7px);background-color: rgb(245, 245, 245);}
.EngagementsTab .DeliverablesCardCol {width: calc(20% - 7px);}
.DeliverablesCardTitle {font-size: 14px;font-weight: 600;padding: 10px 20px;border: 1px solid rgb(204, 204, 204);border-radius: 4px 4px 00;}
.DeliverablesCardRow {padding-top: 20px;gap: 8px;justify-content: space-between;}
.DeliverablesCards {height: calc(100vh - 315px);overflow: auto;padding: 8px;}
.DeliverablesBox {margin-bottom: 4px;border: 1px solid rgb(204, 204, 204);background-color: #fff;position: relative;border-radius: 8px;box-shadow: rgba(20, 20, 20, 0.08) 0px 1px 8px 0px;font-size: 16px;padding: 15px;}
.DeliverablesBoxTitle a,.DeliverablesBoxTitle {font-weight: 600;color: rgb(0, 97, 98);}

.DeliverablesCardRow {min-width: 1700px;}
.DeliverablesScreenMain {overflow: auto;}
.DeliverablesCardTitle span.card-count {font-weight: 300;background-color: rgb(255, 255, 255);border: 1px solid rgb(204, 204, 204);color: rgb(102, 102, 102);line-height: 1;position: relative;cursor: inherit;display: inline-flex;user-select: none;overflow: hidden;width: 24px;height: 24px;align-items: center;justify-content: center;border-radius: 50%;}
.DashboardTab ul li span.all-count {align-items: center;border-radius: 8px;background-color: rgb(20, 20, 20);color: #fff;cursor: inherit;display: inline-flex;font-size: 12px;font-weight: 600;height: 24px;justify-content: center;line-height: 1;margin-left: 2px;overflow: hidden;position: relative;user-select: none;min-width: 28px;padding: 0 8px;}

.DeliverablesBoxInner {opacity: 0;visibility: hidden;}
.loaded .DeliverablesBoxInner {opacity: 1;visibility: visible;}
.loading .DeliverablesBox::after {animation: shimmer 1.2s infinite;background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);background-size: 400% 100%;border-radius: 4px;content: "";display: block;height: 20px;width: calc(100% - 30px);position: absolute;top: 15px;left: 15px;}
.DeliverablesCardTitle span.card-count {font-size: 0px;}
.loaded .DeliverablesCardTitle span.card-count {font-size: 12px;}

/* Hardening OpenClaw For Beginners */

.pillar-protecting h5 { text-transform: none; }
.coredefinition .list-marks li { margin: 0;}
.pillar-protecting .higl-box-inner .left-title { max-width:calc(100% - 70px);}
.pillar-protecting .card-inner .tag { background:#C4F2BD; color: #123559; border-radius: 4px; display: inline-block;}
.section-title span { color:#DD437B;}
.section-title span.heading-desh { color:#ffffff;}
.pillar-protecting .section-subtitle .text { padding-left:0; color:#DD437B;}
.pillar-protecting .section-subtitle .text:after { border: none; width: 0;}
.pillar-protecting  .color-box-outter { border-radius: 20px 20px 0 0; overflow: hidden; position: relative; z-index: 1;}
.pillar-protecting  .color-box-outter:after{ border-radius: inherit; bottom: 0; content: ""; left: 0; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude; padding: 1px;pointer-events: none; position: absolute; right: 0;top: 0;z-index: -1;}
.pillar-protecting .textmain .text span {  display: inline; }
.pillar-protecting .main-top span {  display: inline-block; margin-top:10px; }
.pillar-protecting .card-inner {background: #FFFFFF0D; border-radius: 10px; height: 100%;}
.pillar-protecting .card-main { margin:0 -10px; row-gap: 20px;}
.pillar-protecting .higl-box-inner { border-radius: 15px; overflow: hidden;}
.pillar-protecting .higl-box-inner .higlbox-content { background: #FFFFFF0D; border-radius: 15px; border: 1px solid #FFFFFF33; }
.pillar-protecting .higl-box-inner .higlbox-content p:not(:first-child) { margin-top:25px;}
.pillar-protecting .higl-box-inner .higlbox-content span { margin-top:5px; display: inline-block;}
.pillar-protecting .higl-box-inner .higlboxwithtop { background: #FFFFFF0D; border-radius: 0 0 15px 15px; border: 1px solid #FFFFFF1A; border-top:0;}
.pillar-protecting .higl-box-inner .right-tag { padding-top:3px;  padding-bottom:3px; }
.pillar-protecting .higl-box-inner .right-tag , .pillar-protecting .red-higl blockquote { border: 1px solid; font-size:14px; border-radius: 4px;  }
.pillar-protecting .red-higl blockquote { padding:10px 20px; margin:10px 0 10px;}
.code-box .higlbox-content { background: #ffffff0d; border: 1px solid #ffffff33; border-radius: 15px;}

.pillar-table .table-title { width: 17.79%;  }
.pillar-table .table-title:not(:first-child) { border-left: 1px solid #ffffff26;}
.pillar-table .table-header { border-radius: 15px 15px 0 0; overflow: hidden;}
.pillar-table .table-data{ width: 17.79%; height: 52px; overflow: auto; color: #FFFFFFB2; position: relative; scrollbar-width: none;}
.pillar-table .fourColumn .table-title.column-3 , .pillar-table .fourColumn .table-data.column-3  { width: 46.62%; }
.pillar-table .threecolumn .table-title.column-2 , .pillar-table .threecolumn .table-data.column-2  { width: 56.35%; }
.pillar-table .threecolumn .table-title.column-3 , .pillar-table .threecolumn .table-data.column-3  { width: 25.86%; }
.pillar-table .table-tag { font-size:14px; border-radius: 4px; border: 1px solid; padding:3px 10px; display: inline-block;}
.pillar-table .table-content { background: #FFFFFF0D; border-radius: 0 0 15px 15px; overflow: hidden; border: 1px solid #ffffff26; border-top: 0;}
.pillar-table .table-data:not(:first-child) { border-left: 1px solid #ffffff26;}
.pillar-table .table-contentRow { border-bottom: 1px solid #ffffff26;  }


/* Shimmer animation */
@keyframes shimmer {
  0% {background-position: 100% 0;}
  100% {background-position: 0 0;}
}


.portalProfileSelected {background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%);padding: 6px 19px;gap: 10px;border-radius: 8px;cursor: pointer;}
.selectedProfile {width: 32px;height: 32px;}
.selectedProfile svg {width: 100%;height: auto;}
.selectedProfileName {text-transform: capitalize;line-height: 1;font-size: 16px;}
ul.portalProfileAction {display: none;margin: 0;padding: 0;list-style: none;background: rgb(0 0 0);position: absolute;left: 0;top: 100%;border-radius: 8px;width: 100%;padding: 20px;text-align: center;}
.portalHeaderSection {justify-content: space-between;}
span.dropdownArrow {width: 11px;line-height: 1;}
span.dropdownArrow svg {width: 100%;height: auto;}
.portalProfileSelected svg path {fill: #fff;}
ul.portalProfileAction li {margin: 0;}



.pillar-left-sidebar { max-width: 31.79%; position: sticky; top: 100px; align-self: flex-start; padding-bottom: 30px; }
.pillar-right-content { max-width: 65.85%;}
.pillar-content-layout { position: relative;}
.pillar-page-layout .pillarbanner { margin: 0 -15px;}

@media (min-width:992px){
  .contentslider_section .slick-next, .contentslider_section .slick-prev {
    display:none;
  }

  .contentslider_section {  height: 100vh; }
  .contentslide { position: absolute;  width: 100%; height: 100vh; top: 0; left: 0; opacity: 0; z-index: 0; }
  .contentslide_inner { height: 100%; }
  .contentslide_left { display: flex; align-items: center;}
  .onbordSlider .content-wrapper { max-width:100%; }
}
@media (min-width:1200px){
  .fontsize14,.fontsize14 * {
    font-size:14px;
    line-height: 16px;
  }
  .fontsize16,.fontsize16 * {
    font-size: 16px;
  }

  .section-subtitle {
    font-size: 14px;
  }
  .section-subtitle .text:after {
    border: 1px solid #FFFFFF;
    width: 44px;
  }
  .socialgroup-inner svg,.socialgroup-inner a > span.hs_cos_wrapper_type_icon {
    width: 14px;
    height: 14px;
  }

  .partner-img {
    height: 170px;
    border: 1px solid #FFFFFF33;
    border-radius: 100px;
  }
  .aboutbox {
    border-radius: 20px;
  }
  .aboutbox-img {
    width: 417.6px;
    margin-top: -92px;
  }
  .aboutbox-content {
    width: calc(100% - 432px);
    max-width: 694px;
  }
  .about-quote-img {
    width: 58px;
  }
  .about-quote-text {
    width: calc(100% - 93px);
  }
  .aboutbox-img  img {
    width: 100%;
    filter: grayscale(1);
  }
  .testimonials-top-right .button-slick-content div {
    width: 60px;
    height: 60px;
  }
  .testimonials-top-right .button-slick-content .right-next {
    margin-left: 10px;
  }
  .testimonials-top-right .button-slick-content .left-prev {
    margin-right: 10px;
  }
  .testimonials-slide .person-info .person-img {
    width: 60px;
    height: 60px;
  }
  .testimonials-top-right .button-slick-content div svg {
    width: 24px;
    height: 16px;
  }
  .testimonials-middel-line {
    border: 1px solid #FFFFFF33;
  }
  .testimonialV2 .testimonials-bottom-right{
    max-width:880px;
  }
  .lp-header .lp-logo a {
    max-width: 183px;
    height: 100%;
    width: 100%;

  }

  .lp-header .lp-logo a img {
    width: 183px;
  }
  .banner:after {

    width: 2033px;
    height: 2033px;
    top:83px;
    filter: blur(144px);
  }
  .footer:after {
    width: 2317px;
    height: 980px;
    bottom: -30px;
    filter: blur(300px);
  }
  .slidergroup {
    border-bottom: 1px solid #FFFFFF33;
  }
  .contentslide_right_inner img {
    width:  407px;
    height: 407px !important;
    border: 1px solid #FFFFFF;
    margin-left: 28px;

  }
  .contentslider_section:after {

    width: 647px;
    height: 647px;
  }
  .contentslideline .octagon {
    width: 83px;
    height: 83px;

  }
  .contentslideline {
    width:2px;

  }
  .right_bottom_circle:before {
    width: 643px;
    height: 643px;
    left: -180px;
    bottom: -180px;
    filter: blur(275px);
  }

  .right_bottom_circle.greenBGRight:before {
    right: -180px;
    left: auto;
    background: linear-gradient(93.63deg, rgba(196, 242, 189, 0.3) 0%, rgba(34, 174, 174, 0.3) 34.37%, rgba(52, 89, 149, 0.3) 69.79%, rgba(22, 72, 122, 0.3) 100%);
  }
  .left_circle:before { 
    bottom: -180px; 
    filter: blur(275px); 
    height: 643px; 
    right: -180px; 
    width: 643px;
    z-index: 1;
  }

  .resources-date {

    border-bottom-right-radius: 20px;
  }
  .resources-img img,.resources-img video {
    height: 241px;
    border-radius: 20px;
  }
  .resources-content-outer {
    border-radius: 20px;

  }
  .resources-content-outer .partline {
    border: 1px solid #FFFFFF33;
  }
  .resources-top-right-inner {

    border-radius: 100px;

  }

  .resources-top-tabs {
    border-radius: 100px;

  }

  .resources-top-tabs + .resources-top-tabs {
    margin-left: 10px;
  }
  .resources .resources-post-tag-list { width:260px; }
  .resources .resources-post-tag-list select {padding: 15px 20px;  border: 1px solid #FFFFFF4D;  border-radius: 100px;font-size: 18px; cursor: pointer;}
  .resources .resources-post-tag-list select option {font-size: 18px; }
  .left_bottom_circle:after {

    width: 643643px;
    height: 643px;
    right: -411px;
    bottom: -396px;
    filter: blur(200px);
  }
  .section-title-lootie {
    min-height :113px;
  }
  .section-title-lootie-about dotlottie-player {
    height: 38px !important;
  }
  .testimonials-slide .main-info .star-rating svg {
    margin: 0 2px;
    width: 18px;
    height: 18px;
  }
  .footer .row .col-md-5 {width:43%;}
  .footer .row  .col-md-7 {width: 57%;}

  .form-module .inner .left-text { max-width:416px; width:100%; }
  .form-module .inner .right-form { max-width:734px; width:100%; }

  .lp-header .lp-logo a {  max-width: 183px;}
  .footer.section-logo a { max-width:256px;}
  .lp-banner .left{ max-width:677px;}
  .blog-banner .lp-banner .left{ max-width:658px;}
  .lp-footer .footerleft { 
    max-width: 437px;
  }
  .lp-footer .footerleft .section-logo a { max-width:256px ; }
  .text-content { max-width: 625px; }

  .resources-blog-pagination .resources-blog-pagination_link svg {  margin:0 8px;}
  .resources-blog-pagination .resources-blog-pagination_link .left-page svg { left:-28px;}
  .resources .resources-post-tag-list:before {  width: 10px;  height: 10px; border: 2px solid #ffffff; right: 25px;  border-radius: 2px; }
  .right-line .text{  padding-right: 51px; }
  .right-line .text:before { border: 1px solid #fff; width: 44px;}
  .scroll-section .img-main img , .tab-section .img-main img , .we-do-best-section .img-main img { border-radius: 20px;  }
  .scroll-section .img-main:before , .tab-section .img-main:before , .we-do-best-section .img-main:before  {  width: calc(100% + 3px); height: calc(100% + 3px); top: -1.5px; left:-1.5px; border-radius: 20px;}

  .list-marks li:not(:first-child) { padding-top:10px ;}
  .scroll-section .main-text , .scroll-section .img-main , .we-do-best-section .right-text { max-width:565px;}

  .tab-section .tab-inner  a { min-width:196px; height:50px; border:1px solid #FFFFFF4D; border-radius: 6px; }

  .tab-section .tab-inner a , .we-do-best-section .we-best-tab-inner a { font-size:18px; }
  .tab-section .tab-content  { border-radius: 20px; backdrop-filter: blur(20px); }
  .tab-section .main-text {max-width:545px; }
  .cta-section .cta-main { border-radius: 20px; }
  .tab-section .tab-inner{ margin-left:20px; margin-bottom: 20px;}
  .tab-section .tab-btn { margin-left: -20px;}
  .we-do-best-section .we-best-tab-inner { margin-left:30px; margin-bottom: 40px; }
  .we-do-best-section .tab-btn-box { margin-left: -30px;}
  .we-do-best-section .we-best-tab-inner {width:232px;}
  .we-do-best-section .img-main{ max-width:595px;}
  .scroll-section .scroll-line{width:1px; height: calc(100% - 30px);}
  .circleinline .circle-inner {width: 24px; height: 24px; border: 1px solid #ffffffb3;   }
  .circleinline .circle-inner > span { width: 18px; height: 18px; }
  .we-do-best-section .button-border { height: 2px; }
  .we-do-best-section .button-border:after { height: 2px; }
  .tab-section .tab-right-img { padding-left:  5px;}
  .blog-post-main .post-featured-image{ height: 480px; border-radius:20px; }
  .blog-post-main .tag-icon { width:17px;}
  .blog-post-main .post-date .publish-time { width:20px;}
  .cta-section .logo-img  , .cta-section .logo-img a , .cta-section .logo-img a img {  max-width: 229px;}
  .full-width-text .sectionpart:before{ left: -1.5px;  top:-1.5px; width: calc(100% + 3px);  height: calc(100% + 3px); border-radius: 20px;  } 
  .full-width-text .sectionpart .section-inner { border-radius: 20px;}
  .full-width-text .coma-icon { width: 186px; height: 143px; top: -20px; right: 40px;}
  .post-image-section .post-img { border-radius:20px; height: 400px;}
  .post-image-section .img-inner  {margin-right: -15px; margin-left:-15px; }
  .blog-post-main .heading-section { border-radius: 20px;}
  .blog-post-main .heading-section .title {border-bottom: 1px solid #FFFFFF33 }
  .blog-post-main .post-mod.light .heading-section .title { border-bottom:1px solid #00000033; }
  .fullWidthsec:before {width: 1012px; height: 1012px; }
  .moon , .sun { width: 17px; height: 17px; }

  .blog-post-main .left-section {  top: 120px;}
  .blog-post-main .left-section .headings a { padding-bottom:30px; }

  .checkbox-label { width: 50px; height: 26px; border-radius: 50px;  padding: 5px;  }
  .checkbox:checked + .checkbox-label .ball {transform: translateX(24px); }
  .checkbox-label .ball {  width: 22px; height: 22px; left: 2px; top: 2px; }

  .service-img-text .section-titles-group { max-width:925px; }
  .img-main:before { border-radius: 20px; height: calc(100% + 3px); left: -1.5px; top: -1.5px;  width: calc(100% + 3px);} 

  .ThankYouAuditBanner .lp-banner .img-part {max-width:166px;}
  .ThankYouLpSlider .CardSubtitle:before {width: 95px; height: 1px; right: -100px;}
  .ThankYouLpSlider .OffersCard {  margin-left: 15px; margin-right:15px;}
  .ThankYouLpSlider .slick-list {  margin-left: -15px; margin-right:-15px;}

  .ThankYouLpSlider .OffersCardInner { border-radius: 20px;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li.slick-active button { border: 1px solid #DD437B; }
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li , .ThankYouLpSlider .thankYouSliderInner .slick-dots li.slick-active button {  width:18px; height:18px;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots { bottom:-50px;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li{ margin-left:6px; margin-right:6px; }
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li button:before {width: 12px; height: 12px; }
  .ThankYouLpSlider .button a { border: 1px solid #ffffff; }
  .ThankYouLpSlider .button a:hover { border: 1px solid #ffffff ; }

  .AboutFourCoulmnCards .headingContent { max-width: 925px; }
  .AboutFourCoulmnCards .colCardInner { border-radius: 20px; gap: 20px; min-height:300px; max-height:300px;  border: 1px solid #FFFFFF33;}
  .AboutFourCoulmnCards .MainCard:nth-child(even) .colCardInner{ margin-top:30px;}
  .AboutFourCoulmnCards .colCardInner .CardBottom { bottom: 20px; padding-left:20px; padding-right:20px;}
  .AboutFourCoulmnCards .CardArrow { width:30px; height:30px; border-radius:3px; }
  .AboutFourCoulmnCards .colCardInner .arrow-right { height: 20px ;}

  .clients .client-logo-otter {  margin-bottom:30px; border-left: 1px solid #FFFFFF33;}
  .clients .client-logo-otter .client-img {  height: 80px;}

  .location .location-map .hs-embed-wrapper{border-radius: 16px; } 
  .location .location-map{border-radius: 16px; }

  .AboutThreeColumn .colCard .CardImage .image {max-width:35px;  }
  .AboutThreeColumn .colCard .CardImage {width:60px; height:60px; border: 1px solid #FFFFFF1A; border-radius: 10px; top: -30px;  left: 30px;}
  .AboutThreeColumn .CardImage .ImageHover { max-width:35px;}
  .AboutThreeColumn .colCard:hover::before { border-radius: 20px; padding: 2px;}
  .location .location-content h6 { border-bottom: 1px solid #FFFFFF33; }

  .service-img-text .img-main{ max-width:595px;}
  .service-img-text .img-main img {border-radius: 10px; } 
  .service-img-text .imageInner {padding: 40px;border-radius: 20px;}
  .imageInner {padding: 40px;border-radius: 20px;}

  .AuditBannerMain .lp-banner .left { max-width:525px; }
  .AuditBannerMain.IntegrationLPBanner .lp-banner .left{max-width:625px; }
  .AuditBannerMain.IntegrationLPBanner .Description ul{padding:0 0 0 10px;}
  .AuditBannerMain.IntegrationLPBanner .Description ul li:before{left:-15px; top:8px; width:6px; height:6px;}

  .AuditFaqMain .FaqItem .BottomContent{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }  

  .AboutusBanner .right-animat-img { max-width: 580px; }

  .IntegrationTwoColMain .ListIcon {   width:50px; height:50px; margin-right:10px;   border: 1px solid #FFFFFF1A; border-radius: 5px; }
  .IntegrationTwoColMain .ListGroup .right-text {width:calc(100% - 60px); }
  /* Audit Landing Page Css */

  /*   .TwoColMain .ListGroup ul li{padding-left:2.083vw;} */
  .TwoColMain .ListGroup ul li:before{top:6px; left:13px; height:5px; width:5px;}
  .TwoColMain .ImgWrapper{border-radius:20px;padding:2px;margin-right:25.78px;}
  .TwoColMain .ImgBox{border-radius:20px;backdrop-filter:blur(4px);}
  .TwoColMain .ImgBox img{border-radius:15.4px;}

  .FullColMain .FullColOuter {border-radius: 20px 20px 0 0;}
  .FullColMain .FullColOuter::before {padding: 1px;}

  .AuditInCardMain:before{backdrop-filter:blur(549.6px);filter:blur(274.4px);}
  .AuditInCardMain .LeftPart .left{position:sticky;top:120px;}
  .AuditInCardMain .section-subtitle .text{padding:0 51px;}
  .AuditInCardMain .section-subtitle .text:before{ border:1px solid #FFFFFF;width:44px;}
  .AuditInCardMain .CardItem{top:120px;}
  .AuditInCardMain .CardItem .CardItemInner{border-radius:10px ; border:1px solid rgba(255,255,255,0.20);}
  .AuditInCardMain .CardItem .IconPart{ height:40px;width:40px;}
  .AuditInCardMain .CardItem .TextPart{width:calc(100% - 40px);padding-left:20px;}
  .AuditTextFormMain form .actions input { width: 154px; }

  /*   .AuditInCardMain .CardItem .Description {min-height: 3.889vw;} */

  .cta-section .cta-inner{gap:20px;}

  .AuditFaqMain:after{filter:blur(275px);}
  .AuditFaqMain .FaqContent{max-width:1062px;}
  .AuditFaqMain .FaqItem .FaqItemInner{border-radius:10.2px;border:1px solid rgba(255,255,255,0.20);}
  .AuditFaqMain .FaqItem.active .FaqItemInner { border: 1px solid transparent;}
  .AuditFaqMain .FaqItem .IconPart{border-radius:5px;height:30px;width:30px;}
  .AuditFaqMain .FaqItem .IconPart svg{height:12px!important; width:12px;}
  .AuditFaqMain .FaqItem .TextPart{width:calc(100% - 30px);padding-left:20.5px;}
  .AuditFaqMain .section-subtitle .text{padding:0 51px;}
  .AuditFaqMain .section-subtitle .text:before{border:1px solid #FFFFFF; width:44px;}
  .AuditFaqMain .FaqItem.active .TopContent{border-top-left-radius:10.2px;border-top-right-radius:10.2px;}

  .AuditPricingMain .PriceBoxItemInner {border-radius: 15px;}
  .AuditPricingMain .PriceBoxItemInner .IconBox {width:19.44px; height:19.44px;}
  .AuditPricingMain .PriceBoxItemInner .TextBox {width: calc(100% - 24px);padding-left: 12px;}
  .AuditPricingMain .original-price.Strike {font-size:21.6px;padding-right:7.2px;}
  .AuditPricingMain .BottomContent {max-width: 820.8px;}
  .AuditTwoMain .ListGroup ul li { padding-left:25px;}

  .TwoColMain.IntegrationTwoColMain .img_right .ImgWrapper {
    border-radius: 20px;
    margin-left: 25.7px;
    margin-right: 0;
    padding: 2px;
  }
  .IntegrationTwoColMain *+p {
    margin-top: 20px;
  }

  .ServiceDetailCategory .IconeText .Icon { border: 1px solid #FFFFFF1A; border-radius: 10px; height: 70px; margin-right: 30px; width: 70px}
  .ServiceDetailCategory  .IconHeading { max-width: calc(100% - 100px);}


  /* Audit Landing Page Css */

  .fourColCards .colCard {padding:30px;border-radius: 20px;gap: 20px;}  
  .fourColCards .colCardparent { padding-top: 30px; }

  .solutionBannerBG.banner::after {width: 2177px;left: 40%;} 

  .max944{max-width:944px;}

  /*   form banner */

  .bannerFormDiv { padding: 30px; border-radius: 20px; }
  .bannerFormDiv input[type='submit']  { padding: 13.5px 60px 13.5px 30px !important;}
  .lp-form-module input[type='submit']  { padding: 13.5px 60px 13.5px 30px !important;}

  /*   Videomodulesection */

  .Videomodulesection {
    padding: 0 29.4px;
  }
  .Videomoduleborder {

    height: 880px;
    padding: 40px;
    border-radius: 20px;
  }
  .Videomodulebg { 
    border-radius: 10px;
  }
  .VideomoduleListouter {
    margin-top: 30px;
  }
  .VideomoduleListbg {
    height: 100px;
    border-radius: 10px;
  }
  .VideomoduleListborder {
    margin:0 15px;
    border-radius: 10px;
  }
  .VideomoduleList.slick-current  .VideomoduleListborder {
    border: 2px solid #DD437B;
  }
  .VideomoduleListouter {
    margin: 30px -15px 0;
  }
  .Videomodulemain button {
    width: 60px;
    height: 60px;
  }
  .Videomodulemain .slick-next:before, .Videomodulemain .slick-prev:before {
    width: 24px;
    height: 16px;
  }
  .video-embed-wrapper {
    border-radius: 10px;
  }


  .VideomoduleImage {
    border-radius: 10px;
  }
  .VideomoduleListborder .VideomoduleImage img {
    height: 100px !important;
  }
  .Videomodulemain { 
    padding: 2px;
    border-radius: 20px;
  }
  .Videomodulemain button.slick-prev { left: -30px; }
  .Videomodulemain button.slick-next { right: -30px; }

  .ctaWithListModule .list_group ul li{padding-left:30px;padding-bottom:15px;}
  .ctaWithListModule .list_group ul li:nth-last-child(1),
  .ctaWithListModule .list_group ul li:nth-last-child(2) {
    padding-bottom: 0;
  }

  .ctaWithListModule .list_group ul li:before{height:5px;left:12px;top:6px;width:5px;}
  .cta-section.ctaWithListModule .cta-left{max-width:55%}

  .ctaWithListModule .hs-form-field {
    margin-bottom: 14px !important;
  }
  .ctaWithListModule .cta-right {
    width: 38%;
  }
  .ctaWithListModule form .actions .hs-button{padding:14px 60px 14px 30px;}

  .AuditBannerMain.IntegrationLPBanner .Description h6 {
    margin-bottom: 40px;
  }

  .AuditBannerMain.IntegrationLPBanner .Description p {
    margin: 0 0 20px !important;
  }
  .IntegrationTable .tableBox table{margin-bottom:31px;}
  .IntegrationTable .tableBox tr:first-child td{padding:26px 0}
  .IntegrationTable .tableBox tr{border-bottom:solid 1px rgba(255,255,255,.2)}
  .IntegrationTable .tableBox tr:first-child{border-bottom:solid 1px #fff}
  .IntegrationTable .tableBox table:before{max-width:445px;left:389px;right:0;border-radius:15px;}
  .IntegrationTable .tableBox table:after{max-width:445px;border-radius:15px;}
  .IntegrationTable .tableBox table tr td:first-child{width:389px!important;padding-right:20px}
  .IntegrationTable .tableBox table tr td:not(:first-child){vertical-align:middle;width:445px;padding-left:20px;padding-right:20px;}
  .IntegrationTable .tableBox table tr.equal_height td{padding:20px;}
  .IntegrationTable *+p {
    margin-top: 20px;
  }

  .IntegrationTimeline .imgBox{width:83px;height:83px;}
  .IntegrationTimeline .circleBox{width:105px;height:105px;}
  .IntegrationTimeline .topContentBox{padding-left:90px;padding-bottom:10px}
  .IntegrationTimeline .bottomTimeline{gap:18px;padding-right:16px;}
  .IntegrationTimeline .arrowGroup{max-width:166px;}
  .IntegrationTimeline .topContentBox:before{bottom:0;content:"";left:50px;position:absolute;top:10px;width:26px;}
  .IntegrationTimeline .topContentBox:after{top:25px;bottom:0;left:51px;width:2px;}
  .IntegrationTimeline .bgBorder{right:-50px;height:44px;border-radius:50px;}
  .IntegrationTimeline .loopNumber{font-size:26px;}
  .IntegrationTimeline .fourColOuter .columnsBox{max-width:304px;}
  .IntegrationTimeline .fourColOuter .columnsBox .topContentBox{margin-right:-20px}
  .IntegrationTimeline .topContentBox .bottomContent,.IntegrationTimeline .topContentBox .topHeading{max-width:253px;}
  .IntegrationTimeline .imgBox img {width:40px;height: 40px !important;}
  .IntegrationTimeline *+p {
    margin-top: 20px;
  }
  .AuditInCardMain.integrationInCardMain .CardItem .CardItemInner{border:none;border-radius:9px}
  .AuditInCardMain.integrationInCardMain .cardHover{padding-top:1px!important;padding-bottom:1px!important;padding-left:1px!important;padding-right:1px!important;transition:all .3s ease-in-out;border-radius:9px}
  .AuditInCardMain.integrationInCardMain .cardHover:hover{overflow:hidden;padding:1px;transition:all .3s ease-in-out}
  .AuditInCardMain.integrationInCardMain .CardItem .IconPart{height:60px;width:60px;border:1px solid rgba(255,255,255,.2)}
  .AuditInCardMain.integrationInCardMain .CardItem .TextPart{width:calc(100% - 60px)}
  .AuditInCardMain.integrationInCardMain .CardItem .IconBox,.AuditInCardMain.integrationInCardMain .CardItem .IconBox svg{height:32px;width:32px;}
  .AuditInCardMain.integrationInCardMain .cardHover:before{padding:1px;border-radius:1px;}

  .solutionFilter .solutionFilterHeading{max-width:925px;margin:auto}
  .solutionFilter .load-container{margin:0 auto 0}
  .solutionFilter .cards.grid{gap:30px;}
  .solutionFilter .cards__item{border-radius:10px;}
  .solutionFilter .card__title{padding-top:15px;font-size:18px;line-height:1.166;font-weight:600;padding-bottom:10px;}
  .solutionFilter .card__text p{font-size:18px;color:rgba(255,255,255,.7);line-height:1.166;margin-bottom:15px;}
  .solutionFilter .card_choice{width:fit-content;padding:5px 10px;border-radius:30px;font-size:14px;font-weight:500;text-transform:capitalize;margin-left:0;margin-top:-25px;position:relative;z-index:1;border:1px solid #101b26}
  .solutionFilter .accordion-header{display:flex;align-items:center;justify-content:space-between;padding:10px;margin:0}
  .solutionFilter .accordion-content{padding:10px;}
  .solutionFilter .accordion-content label{display:block;margin-bottom:15px;color:rgba(255,255,255,.7);cursor:pointer;position:relative;padding-left:30px;font-weight:400;user-select:none}
  .solutionFilter .accordion-content label::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border:1px solid rgba(255,255,255,.7);border-radius:2px;box-sizing:border-box;transition:background .2s}
  .solutionFilter .accordion-content label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;opacity:0;position:absolute;top:5px;transform:rotate(45deg);width:5px}
  .solutionFilter .card__content{padding:10px;}
  .solutionFilter .card{padding:10px;border-radius:10px;background:rgb(28 39 50)}
  .solutionFilter .cards__item{padding:1px}
  .solutionFilter .accordion-header{border-top:solid 1px rgba(255,255,255,.2);margin-top:10px;}
  .solutionFilter .filterHeading{padding:10px;}
  .solutionFilter .card__image img{border-radius:10px;}
  .solutionFilter .card_filter_box p:first-child{font-size:14px;margin-top:15px;}
  .solutionFilter .card_filter_box p:last-child{margin-top:10px;}
  .solutionFilter .cards__item:before{padding:1px;border-radius:10px;}

}
@media (max-width:1900px) { 
  .DeliverablesCards {
    height: calc(100vh - 330px);
  }
}
@media (max-width:1299px) { 
  .onboardIncluded .CardTitle { font-size:28px;}
}

@media (max-width:1199px){
  .section-subtitle {
    font-size: 14px;
  } 
  .onboardIncluded .CardTitle { font-size:20px;}
  .Imt-onboard-inner { justify-content: center !important;}
  .section-subtitle .text:after {
    border: 1px solid #FFFFFF;
    width: 44px;
  }
  .IntegrationTable .tableBox table tr td:first-child{width:33.33%!important}
  .IntegrationTable .tableBox table:before{left:0;max-width:333px;right:0;margin:auto;height:103%}
  .IntegrationTable .tableBox table:after{max-width:333px;height:103%}
  .socialgroup-inner svg,.socialgroup-inner a > span.hs_cos_wrapper_type_icon {
    width: 14px;
    height:14px;
  }
  .fontsize14,.fontsize14 * {
    font-size:14px;
    line-height:16px;
  }
  .fontsize16,.fontsize16 * {
    font-size:16px;
  }
  .partner-img {
    height: 170px;
    border: 1px solid #FFFFFF33;
    border-radius: 100px;
  }
  .aboutbox {
    border-radius: 20px;
  }
  .aboutbox-img {
    width: 100%;
    margin-top: 0;
    order: 1;
    text-align: center;
  }
  .aboutbox-content {
    width: 100%;
    max-width: 100%;
  }
  .about-quote-img {
    width: 58px;
  }
  .about-quote-text {
    width: calc(100% - 93px);
  }
  .section-subtitle .text {
    padding-left:51px;
  }
  .testimonials-top-right .button-slick-content div {
    width:60px;
    height:60px;
  }
  .testimonials-top-right .button-slick-content .right-next {
    margin-left: 10px;
  }
  .testimonials-top-right .button-slick-content .left-prev {
    margin-right: 10px;
  }
  .testimonials-slide .person-info .person-img {
    width: 60px;
    height: 60px;
  }
  .testimonials-top-right .button-slick-content div svg {
    width: 24px;
    height:16px;
  }
  .testimonials-middel-line {
    border: 1px solid #FFFFFF33;
  }
  .banner:after {
    width: 2033px;
    height:100%;
    top: 83px;
    left: 50%;
    filter: blur(123px);
  }
  .footer:after {
    width: 2317px;
    height: 100%;
    bottom: -30px;
    filter: blur(120px);
  }
  .slidergroup {
    border-bottom: 1px solid #FFFFFF33;
  }
  .contentslide_right_inner img {
    width: 407px;
    height: 407px !important;
    border: 1px solid #FFFFFF;
    margin-left:28px;
  }
  .contentslider_section:after {

    width: 647px;
    height: 647px;
    transform: translateY(-50%) scale(0.8);
  }
  .contentslideline .octagon {
    width: 83px;
    height: 83px;

  }
  .contentslideline {

    width: 2px;

  }
  .right_bottom_circle:before {
    width: 643px;
    height: 643px;
    left: -180px;
    bottom: -180px;
    filter: blur(275px);
  }
  .left_circle:before {
    width: 643px;
    height: 643px;
    right: -180px;
    bottom: -180px;
    filter: blur(275px);
    z-index: 1;
  }


  .resources-date {

    border-bottom-right-radius: 20px;
  }
  .resources-img img,.resources-img video {
    height: 241px;
    border-radius: 20px;
  }
  .resources-content-outer {
    border-radius: 20px;

  }
  .resources-content-outer .partline {
    border: 1px solid #FFFFFF33;
  }
  .resources-top-right-inner {
    border-radius: 100px;
  }
  .resources-top-tabs {
    border-radius: 100px;
  }
  .resources-top-tabs + .resources-top-tabs {
    margin-left: 10px;
  }
  .resources .resources-post-tag-list select option {font-size: 18px; }
  .resources .resources-post-tag-list select {padding: 15px 20px;  border: 1px solid #FFFFFF4D;  border-radius: 100px;font-size: 20px; cursor: pointer;}
  .resources .resources-post-tag-list { width:260px;}
  .resources .resources-post-tag-list:before { width: 10px;  height: 10px; border: 2px solid #ffffff; right: 25px;  border-radius: 2px; }
  .left_bottom_circle:after {

    width: 643px;
    height: 643px;
    right: -411px;
    bottom: -396px;
    filter: blur(200px);
  }
  .section-title-lootie {
    min-height: 80px;
  }
  .section-title-lootie-about dotlottie-player {
    height: 34px !important;
  }
  .testimonials-slide .main-info .star-rating svg {
    margin: 0 2px;
  }
  .onboardCardPart.first-card , .onboardIncluded .onboardCardPart:hover , .onboardIncludInner:hover .onboardCardPart:hover { width:40%;}
  .onboardIncludInner:hover .onboardCardPart , .onboardIncluded .onboardCardPart { width:20%; }
  .onboardCardPart.first-card { width:40%;}

  .DifferenceImt-onboard .Imt-onboard-part {width:584px; }
  .form-module .inner .left-text { width:32%; }
  .form-module .inner .right-form { width:56%; }

  .scroll-section .img-main img , .tab-section .img-main img , .we-do-best-section .img-main img  {border-radius: 20px; overflow: hidden;   position: relative;  }
  .scroll-section .img-main:before , .tab-section .img-main:before , .we-do-best-section .img-main:before  {  width: calc(100% + 3px); height: calc(100% + 3px); border-radius: 20px; top: -1.5px; left: -1.5px;}

  .lp-footer .footerleft .section-logo a { max-width:256px;}

  .list-marks li:not(:first-child) { padding-top:10px;}
  .scroll-section .main-text , .scroll-section .img-main , .we-do-best-section .right-text {max-width:565px; }
  .tab-section .tab-inner a { min-width:196px; height:50px; border: 1px solid #FFFFFF4D; border-radius: 6px; cursor: pointer; }

  .tab-section .tab-inner a , .we-do-best-section .we-best-tab-inner a { font-size:18px;  border-radius: 6px; }  
  .cta-section .cta-main , .tab-section .tab-content   { border-radius: 20px;}
  .tab-section .tab-inner{ margin-left:20px; margin-bottom: 20px; }
  .tab-section .tab-btn { margin-left: -20px;}
  .we-do-best-section .we-best-tab-inner { margin-left:30px; margin-bottom: 40px; }
  .we-do-best-section .tab-btn-box { margin-left: -30px;}
  .we-do-best-section .we-best-tab-inner { width:232px; height: 100%; border: 0 solid #ffffff4d !important; color: #ffffff !important;}
  .scroll-section .scroll-line{width:1px; height: calc(100% - 30px);}
  .circleinline .circle-inner {width: 24px; height: 24px; border: 1px solid #ffffffb3;  }
  .circleinline .circle-inner > span { width: 18px; height: 18px; }
  .we-do-best-section .button-border {  height: 2px; }
  .we-do-best-section .img-main{ max-width:595px;}
  .we-do-best-section .button-border:after { height: 2px;}
  .blog-post-main .post-featured-image{ height: 480px; border-radius: 20px; }
  .blog-post-main .tag-icon { width:17px;}
  .blog-post-main .post-date .publish-time { width:20px;}
  .cta-section .logo-img  , .cta-section .logo-img a , .cta-section .logo-img a img {  max-width: 229px;}
  .full-width-text .sectionpart:before{ left: -1px;  top: -1px; width: calc(100% + 2px);  height: calc(100% + 2px); border-radius: 20px;  } 
  .full-width-text .sectionpart .section-inner { border-radius: 20px;}
  .full-width-text .coma-icon { width: 186px; height: 143px; top: -20px; right: 40px;} 
  .post-image-section .post-img { border-radius:20px; height: 400px;}
  .post-image-section .img-inner {margin-right: -15px; margin-left:-15px; }
  .blog-post-main .heading-section { border-radius: 20px;}
  .blog-post-main .heading-section .title {border-bottom: 1px solid #FFFFFF33 }
  .blog-post-main .post-mod.light .heading-section .title { border-bottom: 1px solid #00000033; }
  .moon , .sun { width:17px; height:17px;}
  .blog-post-main .left-section { top: 120px; }
  .blog-post-main .left-section .headings a { padding-bottom:30px;}
  .post-cta-section .cta-left{ width:100%; max-width: 100%;}

  .checkbox-label { width: 50px; height: 26px; border-radius: 50px;  padding: 5px;  }
  .checkbox:checked + .checkbox-label .ball {transform: translateX(24px); }
  .checkbox-label .ball {  width: 22px; height: 22px; left: 2px; top: 2px; }

  .service-img-text .section-titles-group { max-width:925px; }
  .img-main:before { border-radius: 20px; height: calc(100% + 3px); left: -1.5px; top: -1.5px;  width: calc(100% + 3px);} 
  .service-img-text .img-main{ max-width:595px;}
  .service-img-text .img-main img {border-radius: 10px; }
  .service-img-text .imageInner {padding: 40px;border-radius: 20px;}
  .imageInner {padding: 40px;border-radius: 20px;}
  .fourColCards .colCard {padding: 30px;border-radius: 20px;gap: 20px;}  
  .fourColCards .colCardparent { padding-top: 30px; }
  .fullWidthsec:before {width: 1012px; height: 1012px; }

  .ThankYouAuditBanner .lp-banner .img-part {max-width:166px;}
  .ThankYouLpSlider .CardSubtitle:before {width: 95px; height: 1px; right: -100px;}
  .ThankYouLpSlider .OffersCard { margin:0 15px;}
  .ThankYouLpSlider .slick-list { margin:0 -15px;}

  .ThankYouLpSlider .OffersCardInner { border-radius: 20px;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li.slick-active button { border: 1px solid #DD437B;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li , .ThankYouLpSlider .thankYouSliderInner .slick-dots li.slick-active button {  width:18px; height:18px;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots { bottom:-50px;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li button:before { width: 12px; height: 12px; }
  .ThankYouLpSlider .button.btn-small a {padding: 10.5px 28px; }
  .ThankYouLpSlider .button a { border: 1px solid #ffffff;}
  .ThankYouLpSlider .button a:hover { border: 1px solid #ffffff ; background: transparent; }
  .ThankYouLpSlider .thankYouSliderInner .slick-dots li{ margin:0 5px;}
  .AboutFourCoulmnCards .headingContent { max-width: 925px; }
  .AboutFourCoulmnCards .colCardInner { border-radius: 20px; gap: 20px; border: 1px solid #FFFFFF33; max-height:300px; min-height:300px; }
  .AboutFourCoulmnCards .MainCard:nth-child(even) .colCardInner{ margin-top:30px;}
  .AboutFourCoulmnCards .colCardInner .CardBottom { bottom: 20px; padding: 0 20px;}
  .AboutFourCoulmnCards .CardArrow { width:30px; height:30px; border-radius:3px; }
  .AboutusBanner .right-animat-img { max-width: 580px; }
  .AuditTextFormMain form .actions input { width: 154px; }

  .clients .client-logo-otter {  margin-bottom:30px; border-left: 1px solid #FFFFFF33;}
  .clients .client-logo-otter .client-img {  height: 80px;}
  .AuditFaqMain .FaqItem .BottomContent{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }  

  .AboutThreeColumn .colCard .CardImage .image {max-width:35px;  }
  .AboutThreeColumn .colCard .CardImage {width:60px; height:60px; border: 1px solid #FFFFFF1A; border-radius: 10px; top: -30px;  left: 30px;}
  .AboutThreeColumn .CardImage .ImageHover { max-width:35px;}
  .AboutThreeColumn .colCard:hover::before {border-radius: 20px; padding: 2px; }
  .AboutFourCoulmnCards .colCardInner .arrow-right { height: 20px;}
  .location .location-content h6 { border-bottom: 1px solid #FFFFFF33; }
  .location .location-map .hs-embed-wrapper{border-radius: 16px; height: 100% !important;  }
  .location .location-map{border-radius: 16px; }
  .AuditFaqMain .FaqItem.active .FaqItemInner { border: 1px solid transparent;}
  .AuditTwoMain  .ListGroup ul li { padding-left:25px;}
  .IntegrationTwoColMain .ListIcon {   width: 50px; height: 50px ;  border: 1px solid #FFFFFF1A; border-radius: 5px; margin-right:10px; }
  .IntegrationTwoColMain .ListGroup .right-text {width:calc(100% - 60px); }
  .ServiceDetailCategory .IconeText .Icon { border: 1px solid #FFFFFF1A; border-radius: 10px; height:70px; margin-right: 30px; width: 70px}
  .ServiceDetailCategory  .IconHeading { max-width: calc(100% - 100px);}

  /*   form banner */

  .bannerFormDiv { padding: 30px; background-color: rgb(255 255 255 / 10%); border-radius: 20px;}
  .bannerFormDiv input[type='submit']{padding: 13.5px 60px 13.5px 30px;}
  .lp-form-module input[type='submit'] {padding: 13.5px 60px 13.5px 30px;}

  .Videomodulesection {
    padding: 0 30px;

  }
  .Videomodulemain .slick-list {
    margin:0 -1px;
  }
  .Videomoduleborder {

    height: 880px;
    padding: 40px;
    border-radius: 20px;
  }
  .Videomodulebg { 
    border-radius: 10px;
  }
  .VideomoduleListouter {
    margin-top: 30px;
  }
  .VideomoduleListbg {
    height: 100px;
    border-radius: 10px;
  }
  .VideomoduleListborder {
    margin:0 15px;
    border-radius: 10px;
  }
  .VideomoduleList.slick-current  .VideomoduleListborder {
    border: 2px solid #DD437B;
  }
  .VideomoduleListouter {
    margin: 30px -15px 0;
  }
  .Videomodulemain button {
    width: 60px;
    height: 60px;
  }
  .Videomodulemain .slick-next:before, .Videomodulemain .slick-prev:before {
    width: 24px;
    height: 16px;
  }
  .video-embed-wrapper {
    border-radius: 10px;
  }
  .VideomoduleImage { 
    border-radius: 10px;
  }
  .VideomoduleListborder .VideomoduleImage img {
    height: 100px !important;
  }
  .Videomodulemain {
    padding: 2px;
    border-radius: 20px;
  }
  .Videomodulemain button.slick-prev { 
    left:-30px;
  }
  .Videomodulemain button.slick-next { 
    right:-30px;
  }
  .video-container.video-play-btn {
    transform: scale(0.75);
  }
  .Videomoduleborder {height: 650px;}

  .TwoColMain.IntegrationTwoColMain .img_right .ImgWrapper {
    border-radius: 20px;
    margin-left: 25px;
    margin-right: 0;
    padding: 2px;
  }
  .OnBoardfullWidth .workWellPart { width:38%; }
  .DifferenceImt-onboard .differencepart-2 .ImtOnboardPartInner { flex-direction: unset;}
  .DifferenceImt-onboard .differencepart-2 .ImtOnboardPoints { align-items: self-start;}
  .DifferenceImt-onboard .differencepart-2 .ImtOnboardPoints:before { right: -3px;rotate: 180deg; left: auto;}
  .DifferenceImt-onboard .middleText { top: 50%; left: 50%; }

  .stratFormInner .hs-fieldtype-radio .inputs-list > li span  {width:60px;}
  .stratFormInner .hs-form-radio label.hs-form-radio-display input+span:before { top:0;}
  .stratFormInner .hs-form-checkbox label.hs-form-checkbox-display input+span { padding-top:4px; }
  .stratFormInner ul.inputs-list { margin-top:20px; }
  .stratFormInner .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { top:7.5px;}
  .master-lp .bannerFormDiv .form-columns-2 .hs-form-field , .master-lp .bannerFormDiv form .form-columns-2>div { width:100% !important;}

  .cta-section .cta-main:before { width: 300px; }
  .master-lp .list-text>:first-child { padding-bottom: 15px; }
  .pillardetailtop .mod-change{ position: absolute; right: 0; }
  .hybridteam .hybridleft { max-width: 100%; width:100%; }

}



@media (min-width:992px) and (max-width:1199px){
  .contentslide_left {
    width: 45%;
  }
  .contentslide_right {
    width: 48%;
  } 
  .cta-section.ctaWithListModule .cta-main:before {
    width: 104%;
  }
}
@media (max-width:1024px) {
  .AboutFourCoulmnCards .colCardInner .CardImage{ display:block;}
  .AuditBannerMain.IntegrationLPBanner .RightPart img { width: 100%; }

  .IntegrationTimeline .topContentBox:before{left:39px}
  .IntegrationTimeline .topContentBox:after{left:40px}
  .IntegrationTimeline .circleBox{height:80px;width:80px}
  .IntegrationTimeline .imgBox{height:60px;width:60px}
  .IntegrationTimeline .imgBox img{width:34px;height:34px;object-fit:contain}
  .IntegrationTimeline .loopNumber{font-size:20px}
  .IntegrationTimeline .topContentBox{padding-left:75px}
  .solutionFilter .cards.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
}

@media (max-width:991px){

  .ctaWithListModule .cta-right { width: 100%; }
  .font22{ font-size:20px !important; }
  .cta-section.ctaWithListModule .cta-main:before { width: 100%; }
  .contentslide_center { display: none; }
  .contentslide_left,.contentslide_right { width: 100%; }
  .contentslide_left { order: 1; }
  .contentslider_section:after { top: 0; transform: scale(.65); transform-origin: right; }
  .section-title-lootie { min-height: 61px; }
  .contentslider .slick-next { transform: translateX(-50%); right: 35%; }
  .contentslider .slick-prev { left: 35%; z-index: 10 !important; transform: translateX(-50%); }
  .contentslider .slick-next, .contentslider .slick-prev { top: unset; bottom: 50px; transform: translate(0, 0); background: linear-gradient(93.63deg, rgb(221, 67, 123), rgb(155, 81, 160)); }
  .contentslider .slick-next:before, .contentslider .slick-prev:before  { filter: invert(1); }
  .contentslide_right_inner img { margin-left: 0; } 
  .IntegrationTimeline .fourColOuter .columnsBox{margin-bottom:30px}
  .IntegrationTimeline .row.align-md-center.fourColOuter { justify-content: center; }
  .IntegrationTimeline .fourColOuter .columnsBox:nth-child(3n), .IntegrationTimeline .fourColOuter .columnsBox:last-child { margin: 0; }
  .IntegrationTimeline .bgBorder { right: -40px; }
  .IntegrationTimeline .columnsBox:nth-child(even) .bgBorder { right: 0; }
  .onboardPricing .pricing-scroll-wrapper { overflow-x: auto; overflow-y: hidden; scrollbar-width: none;}
  .blog-post-main .left-section{width: 100%; max-width:100%; position: relative;top: 0; } 
  .blog-post-main .blog-post-inner {max-width:100%; margin-top:60px;}
  .img-main{margin:0 auto !important;}
  .clients .client-logo-otter { width:33.33%; }
  .AboutFourCoulmnCards .colCardInner .CardImage{ display:block;}
  .Videomoduleborder {height: 500px;}
  .OnBoardfullWidth .workWellPart { width:45%; }
  .onboardIncluded .CardContent , .onboardIncluded .onboardCardPartInnerFooter { left:20px; right:20px; bottom:20px;}
  .OnBoardfullWidth.circle-bgimg:before , .onboardPricing .OnBoardfullWidth.circle-bgimg:before { width:100%; background-repeat: no-repeat;}
  .onboardPricing .PricingTable { min-width: 890px;}
  .onboardPricing.circle-bgimg:before { width:100%;}
  .ImplementThreeColTab .implementTabBtnInner a {padding: 0 15px 15px; }
  .resourcesGallery .tab-btn {font-size:17px; }  
  .onbordSlider .onbordSlinner .left { width:100%; }
  .onbordSlider .onbordSlinner .right { width: 100%;}
  .onbordSlinner:before { height: 1px;  width: calc(100% - 60px); left: 30px; top: 90px;}
  .onbordSlider .onbordSlinner .left { width: 100% !important;}
  .onbordSlider .slick-slide{display: block !important; }

  .bannerFormDiv input[type='submit']{padding: 11.5px 40px 11.5px 15px; font-size: 14px; }
  .lp-form-module input[type='submit'] {padding: 11.5px 40px 11.5px 15px; font-size: 14px; }
  form .actions:after { background-size: 11px; right: 20px; width: 14px; height: 14px; }
  .stepssection .stepcard { text-align: center;}
  .stepssection .stepcount { margin: 0 auto; }
  .stepssection .stepoutter .line-top{display:none;}
  .stepssection .card2 {padding-top: 50px;}
  .stepssection .card2:before { height: 50px;}
  .stepssection .stepoutter .stepbox { position: relative; padding-top: 50px;}
  .stepssection .cardinner:before { height:50px;}  
  .stepssection .stepoutter .stepbox:after { position: absolute; content: " ";height: 50px; width: 1px; background: #FFFFFF4D; top: 0; left: 50%; transform: translateX(-50%);
    z-index: -1;}
  .stepssection .stepoutter .cardtab1:after , .pillardetailtop .latencycardouter:nth-child(odd):before { display:none;}
  .font28{font-size:26px;}
  .coredefinition .listimginner .left { width: 100%;}
  .coredefinition .listimginner .right { max-width: 100%; margin: 0 auto; }

  .hybridteam .hybridright { max-width:100%; width: 100%; text-align: center; }
  .hybridteam .hybridleft { margin:0 auto;}
  .pillardetailtop .tag-publishdate {padding-top:40px;}
  .pillardetailnew .tag-publishdate  { padding-top:0;}
  .pillardetailtop .mod-change { top:0;}


  .DashboardSearchBar {width: 100%;}
  .SprintPhaseBox, .StatusBox {max-width: 100%;width: calc(50% - 4px);}
  .DeliverablesFilter {flex-wrap: wrap;gap: 8px;}
  .DeliverablesCards {height: calc(100vh - 340px);overflow: auto;}

  span.dropdownArrow {line-height: 0;width: 8px;}
  .selectedProfileName {font-size: 14px;}
  .selectedProfile {height: 25px;width: 25px;}
  .portalProfileSelected {gap: 8px;padding: 6px 15px;}
  ul.portalProfileAction {padding: 15px;}

  .DeliverablesBox {font-size: 14px;padding: 10px;}
  .DeliverablesBoxList ul li {font-size: 12px;padding: 2px 0;}
  .DeliverablesBoxList ul li span.btn {font-size: 10px;display: inline-block;}
  .DeliverablesCardRow {min-width: 1500px;}

  .DeliverablesCardTitle {font-size: 12px;padding: 8px 15px;}
  .loaded .DeliverablesCardTitle span.card-count {font-size: 10px;}
  .DeliverablesCardTitle span.card-count {width: auto;min-width: 20px;padding: 2px 3px;height: auto !important;border-radius: 4px;}
  .Dashboard-header {padding: 15px 20px;}
  .DashboardTab ul li a {font-size: 14px;padding: 8px 15px}
  .DashboardTab ul li span.all-count {font-size: 10px;padding: 0 6px;}
  ul.DropdownList {font-size: 14px;}
  .DropdownSelected {font-size: 14px;}
  .DashboardSearchBar input {font-size: 14px;}
  .DashboardInner {height: calc(100vh - 90px);}
  .pillar-left-sidebar { max-width: 100%; width:100%; position: relative; top: 0px; align-self: flex-start; padding: 20px 0; }
  .pillar-right-content { max-width: 100%; width: 100%;}
}

@media (min-width:768px) and (max-width:991px){ 
  .resources-img img,.resources-img video {
    height: 341px;
  }
  .we-do-best-section .we-best-tab-inner{
    width:215px;
  }
  .tab-section .tab-btn { justify-content: center;}
  .socialgroup-inner a { flex-direction: column; row-gap: 10px;}
}

@media (min-width:768px){
  .IntegrationTwoColMain .img_right {
    flex-direction: row-reverse;
  }
  .IntegrationTwoColMain .img_left {
    flex-direction: row;
  }
}
@media (max-width:767px){
  .font28{font-size:24px;}
  .banner:after {

    filter: blur(90px);



  }
  .cta-section.ctaWithListModule .cta-main:before{
    display:none;
  }

  .about-quote-text {
    width: calc(100% - 53px);
  }
  .resources-top-right {
    width: 100%;
  }
  .about-quote-img {
    width: 38px;
  }
  .testimonials-bottom-left {
    order: 1;
  }
  .testimonials-top-left, .testimonials-top-right {
    width: 100%;
  }
  .testimonials-top-right {
    order: 1;
  }
  .testimonials-top-right .button-slick-content div {
    transform: scale(0.9);
  }
  .contentslide_right_inner img {
    height: 280px !important;
    width: 280px;
  }
  .resources-top-right-inner, .resources-top-tabs {
    border-radius: 20px;
    width: 100%;
    text-align: center;
  }
  .section-title-lootie-about dotlottie-player {
    height: 28px !important;
  }
  .socialgroup-inner {
    width: 100%;
  }
  .resources-top-tabs+.resources-top-tabs {
    margin-left: 0;
  }
  .solutionFilter .filter_section{position:relative}
  .solutionFilter .accordion-content label{font-size:16px}
  .solutionFilter .filterData{margin-top:40px}

  .form-module .inner .left-text { width:100%; }
  .form-module .inner .right-form { width:100%; }
  .scroll-section .main-text , .blog-post-main .blog-post-inner {max-width:100%;}
  .scroll-section .img-main {text-align: center !important; margin: 0 !important; }
  .cta-section .cta-left {max-width:100%; }
  .tab-section .tab-inner { margin-left: 0px;margin-right:10px; }
  .tab-section .tab-btn , .we-do-best-section .tab-btn-box {margin-left: 0px; display: none; }
  .we-do-best-section .we-best-tab-inner { margin-left:0px; }
  .we-do-best-section .we-best-tab-responsive a {width:100%;}
  /*   .we-do-best-section .tab-responsive-box .button-text {border-top: 1px solid #ffffff; } */
  .tab-section .tab-responsive ,  .we-do-best-section .tab-responsive-box { display:block; }
  .tab-section .tab-responsive-inner a {border: 1px solid #FFFFFF4D; width:100%; height:50px; color:#FFFFFF; border-radius:6px; }
  .we-do-best-section .we-best-tab-responsive a:hover , .we-do-best-section .we-best-tab-responsive a.d_active { color:#ffffff;}
  .tab-section .tab-content , .we-do-best-section .we-do-content {margin-top:50px; }
  .tab-section .tab-responsive-inner a:hover { border: 0px solid #FFFFFF4D; color:#FFFFFF; background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%); }
  .scroll-section .center-lines , .scroll-section  .circleinline { display: none;}
  .scroll-section .main-scroll-inner { width: 100%;}
  .we-do-best-section .right-text { width:100%; margin:0;}
  .tab-section .tab-responsive-inner a.d_active {background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%); }
  .full-width-text .coma-icon { width: 140px; height: 100px; top: -20px; right: 20px;}
  .blog-post-main .left-section{width: 100%; max-width:100%; position: relative;top: 0; } 
  .post-cta-section .cta-left{ width:100%; max-width: 100%;}

  .IntegrationTimeline .fourColOuter .columnsBox{max-width:380px;padding:0 15px;margin:0 auto 30px}
  .IntegrationTimeline .fourColOuter .columnsBox:nth-child(3n) {
    margin-bottom: 30px;
  }
  .IntegrationTimeline .fourColOuter .columnsBox:last-child {
    margin-bottom: 0px;
  }
  .IntegrationTimeline .bgBorder{right:0}
  .IntegrationTimeline .topContentBox{padding-bottom:40px}
  .IntegrationTimeline .fourColOuter .columnsBox .topContentBox{margin-right:0}
  .IntegrationTimeline .imgBox img{height:24px!important;object-fit:contain;width:24px}
  .IntegrationTimeline .imgBox{height:40px;width:40px}
  .IntegrationTimeline .circleBox{height:60px;width:60px}
  .IntegrationTimeline .topContentBox{padding-left:65px}
  .IntegrationTimeline .topContentBox:before{left:29px}
  .IntegrationTimeline .topContentBox:after{left:30px}
  .IntegrationTimeline .loopNumber{font-size:18px}
  .IntegrationTimeline .bgBorder{height:36px}
  .IntegrationTimeline .arrowGroup {max-width: 100%;}

  .AuditInCardMain .CardItem{top:40px;}

  .AuditFaqMain .FaqItem .TextPart{padding-left:20px;}
  .service-img-text .imageInner { padding: 20px;}
  .imageInner { padding: 20px;}
  .list-marks ul { padding-left:10px;}
  .coredefinition .list-marks ul { padding-left:20px;}
  .testimonials-top-right .button-slick-content div svg {  width: 20px;  }

  .ThankYouLpSlider .OffersCardBackground{ display: none; }
  .ThankYouLpSlider .CardMobileBackground{  display: inline-flex; position: absolute; top: 0; left: 0; width: 100%; height: 80%;}
  .ThankYouLpSlider .CardMobileBackground img { width:100%;}
  .ThankYouLpSlider .CardImage { position: relative;}
  .ThankYouLpSlider .cardRightImg {max-width: 142px; margin: 0 0 0 auto; margin-bottom: -20px; margin-right: -20px; }
  .ThankYouLpSlider .CardContent { max-width:100%;}
  .ThankYouLpSlider .thankYouSliderInner .slick-dots { bottom: -50px; }

  .AboutFourCoulmnCards .MainCard:nth-child(even) .colCardInner{ margin-top:0;}
  .clients .client-logo-otter { width:100%;}
  .Videomoduleborder {height: 310px;padding: 15px;}
  .Videomodulemain button {display:none !important;}
  .Videomodulesection {padding:0;}
  .VideomoduleListborder {margin: 0 5px;}
  .VideomoduleListouter {margin: 30px -5px 0;}
  .TwoColMain.IntegrationTwoColMain .img_right .ImgWrapper {margin-left:0;}
  .OnBoardfullWidth .workWellPart { width:100%; }
  .onboardCardPart.first-card , .onboardIncludInner:hover .onboardCardPart:hover , .onboardIncludInner:hover .onboardCardPart , .onboardIncluded .onboardCardPart:hover , 
  .onboardIncluded .onboardCardPart { width:100%;  }
  .onboardIncluded .onboardCardPart { margin-bottom: 25px; height:180px; border-radius: 20px;}
  .onboardCardPart.first-card , .onboardIncludInner:hover .onboardCardPart:hover , .onboardIncluded .onboardCardPart:hover , .onboardIncludInner:hover .onboardCardPart.first-card:hover { height:500px; }
  .onboardIncludInner:hover .onboardCardPart.first-card { height:180px;}
  .onboardPricing .PricingTablePart .TableHeader .tableHeaderText { font-size: 22px;}

  /*   .onboardIncluded .CardContent , .onboardIncluded .CardTitle { left:15px; right:15px; bottom:15px;} */
  .ImplementThreeColTab .implement-tab-btn {display: none; }
  .ImplementThreeColTab .implement-tab-mobile {   display: block;}
  .ImplementThreeColTab .implementTabMobileInner a { width: 100% !important; display: block; padding: 15px; border-bottom: 1px solid #fff;}
  .ImplementThreeColTab .implementTabMobileInner a.d_active{ color:#dd437b; border-bottom: 1px solid #dd437b;}

  .DifferenceImt-onboard .differencepart-2 .ImtOnboardPoints:before , .DifferenceImt-onboard .differencepart-1 .ImtOnboardPoints:before {background: none;width:0; }
  .DifferenceImt-onboard .ImtOnboardPartInner , .DifferenceImt-onboard .differencepart-2 .ImtOnboardPartInner {flex-direction: column-reverse; }
  .DifferenceImt-onboard .Imt-onboard-part .ImtOnboardPoints , .DifferenceImt-onboard .ImtOnboardPoints .ImtOnboardPointText , .DifferenceImt-onboard .Imt-onboard-part { max-width:100%; width:100%;}
  .DifferenceImt-onboard .middleText { left:50%;}
  .ImtHowWork .HowWorkImg { height:280px;}
  .onboardPricing .PricingTable { min-width: 890px;}
  .onboardPricing.circle-bgimg:before { width:100%;}
  .onboardPricing .tableHeaderLogo img { max-width: 170px !important;}
  .fullWidthCta .cta-right .button a { text-align: center;}
  .DifferenceImt-onboard  .ImtOnboardTitle { width:50%;}

  /*   resources page */
  .resourcesGallery .tab-btn {display: block; }
  .resourcesGallery .atmc-card { position: relative;}
  .resourcesGallery .resources-top-tabs { border-radius: 20px; width:70%; }
  .resourcesGallery .atmc-card_header{ height:300px; overflow: hidden; border-radius: 20px;  }



  .resourcesGallery .atmc-card_header img { width:100%; height:100%; object-fit: cover;}
  .resourcesGallery .tab-btn.atmc-btn-primary { margin-left:0px; }

  .stratFormInner form .form-columns-2>div { width:100% !important; }
  .onbordSlinner { max-width: calc(100% - 40px); width: calc(100% - 40px); margin: 0 10px; }
  .onbordSlinner:before { top: 90px;}

  .accordinSection  .faq-title .title { width: calc(100% - 40px); } 
  .accordinSection .faq-content { margin: 0 20px; }

  .assessmentSection .radio-group{flex-direction: column; }
  .masterLpFullImg .bottom-content:before {display:none; }
  .masterLpFullImg .bottomContinner { border-top: 1px solid #FFFFFF1A; margin: 0; padding-top: 30px; }
  .masterLpFullImg .bottom-content>:first-child .bottomContinner { padding: 0; border: none; }
  .TrainingCard .colCard {  padding:20px;}
  .TrainingCard .card-top { flex-direction: column-reverse; row-gap: 10px; }
  .TrainingCard .cardtopTitle { width:100%;}
  .TrainingTwoColMain .right-text { width: 100%;}
  .pillardetailtop .tag-publishdate { row-gap:15px; }
  .pillardetailtop .mod-change{top:-33px ; }
  .pillar-protecting .listfullwidth .listpartoutter { flex-direction: column; }
  .pillar-protecting .listpartoutter .listcontent { width:100%;}
  .pillar-table .table-outter { overflow-x: scroll; scrollbar-width: none; overflow-y: hidden;} 
  .pillar-table .table-inner{ overflow-x: hidden; scrollbar-width: none; min-width:715px;}


@media (max-width:600px){
  .banner.AuditBannerMain.IntegrationLPBanner {
    position: relative;
    z-index: 0;

  }
  @supports (-webkit-touch-callout: none) {
    .IntegrationLPBanner.banner:after {
      filter: blur(75px);
      height: 100% !important;
    }
  }

  .solutionFilter .cards.grid{display:grid;grid-template-columns:1fr;gap:30px}
  .OnBoardfullWidth .workWellimg img {height: 60px !important; width: 60px; }
}

@media(max-width: 575px){
  .Dashboard-Logo {max-width: 150px;}
  .Dashboard-header {padding: 15px;}
  .Dashboardwrapper {padding: 0 15px 15px;}
  .DashboardTab ul li a {font-size: 14px;padding: 8px 4px;border-bottom: 1px solid #ccc;border-radius: 4px;}
  .DashboardSearchBar input {font-size: 14px;padding: 7px 40px 7px 20px;}
  .DashboardSearchBar span.SearchBarIcon {right: 20px;width: 18px;}
  .DropdownSelected {font-size: 14px;padding: 8px 15px;}
  .DashboardInner {height: calc(100vh - 76px);padding: 12px 10px;}
  .DeliverablesCards {height: calc(100vh - 305px);}
  .DropdownSelected  .Label {white-space: nowrap;overflow: hidden;}
  .DropdownSelected {flex-wrap: nowrap;}
  .DashboardTab ul li {width: 50%;text-align: center;white-space: nowrap;overflow: hidden;}
  .DashboardTabContent {
    border-radius: 4px;
    margin-top: 2px;
    padding: 12px 10px;
  }
  .DeliverablesCardRow {
    padding-top: 12px;
  }
  .DashboardTab ul {flex-wrap: nowrap;gap: 4px;}
}
@media (max-width:520px){
  .blog-post-main .mod-change {  margin:0; padding:0; position: absolute;  bottom: 50px;  left: 50%;  transform: translateX(-50%);}
  .blog-post-main .blog-post__meta { position: relative;}
  .blog-post-main .mod-change { flex-direction: column; }  
  .blog-post-main .mod-change .theme { margin-bottom:15px; padding-right:0;}
  .clients .client-logo-otter {  border-left:none;}
  .DifferenceImt-onboard .ImtOnboardTitle { width: 70%; }
}
@media (max-width:420px){

  .IntegrationTwoColMain.TwoColMain .ImgBox {
    padding: 20px;
  }
  .AuditInCardMain.integrationInCardMain .CardItem .cardHover .CardItemInner{padding:20px}
  .portalProfileSelected {
    width: 128px;
    padding: 5px 10px;
    gap: 4px;
  }

  .selectedProfile {
    width: 20px;
    height: 20px;
  }

  .selectedProfileName {white-space: nowrap;overflow: hidden;width: 70px;}
}



/* form banner  */
.priceText * {color: #C4F2BD; font-weight:600;}
/* form banner  */


/* bannerWithMeeting module =================================================*/
.bannerWithMeeting .endPart .leftImage { width: 200px; }
.bannerWithMeeting .endPart .rightText { flex: 1; padding-left: 20px; }
.iconIn.fourColCards .colCardparent { padding-top: 0; }
.iconIn.fourColCards .colCardparent .CardImage { margin-top: 0; position: unset; }
.iconIn.fourColCards .colCardparent .colCard { gap: 0; }
.iconIn.fourColCards .colCardparent .colCard::before { background: linear-gradient(93.63deg, #DD437B 0%, #9B51A0 100%); }
.iconIn.AboutThreeColumn .colCardparent .colCard:hover .CardImage { background: #132132; }
.iconIn.left_circle:before { background: linear-gradient(93.63deg, rgba(221, 67, 123, 0.21) 0%, rgba(155, 81, 160, 0.21) 100%); }
.TrainingCard.iconIn.left_circle:before {background: linear-gradient(93.63deg, rgba(196, 242, 189, 0.3) 0%, rgba(34, 174, 174, 0.3) 34.37%, rgba(52, 89, 149, 0.3) 69.79%, rgba(22, 72, 122, 0.3) 100%); }
@media(max-width: 1199px){
  .bannerWithMeeting .endPart .leftImage { width: 140px; }
}
@media(max-width: 991px){
  .bannerWithMeeting .endPart .leftImage { width: 100px; }
}
@media(max-width: 767px){
  .bannerWithMeeting .endPart .leftImage { width: 100px; }
  .bannerWithMeeting  .topImage { max-width: 500px; }
  .bannerWithMeeting .endPart .leftImage { width: 300px; margin: 0 auto; }
  .bannerWithMeeting .endPart .rightText { padding: 30px 0 0 0; width: 100%; flex: unset; }
}