.home-hero-caption{row-gap:30px;}
.caption-inner{padding:clamp(1rem, 3vw, 5rem);}
.caption-inner h1{font-size:clamp(30px, 3.5vw, 60px);}
.caption-inner p{letter-spacing:0.5px; line-height:160%;}

/* z-index ladder (all within .video-overlay stacking context):
   0  — Wistia iframe wrap  (isolation:isolate cages its internal layers)
   1  — dark colour overlay  (::before)
   2  — hero caption text
   3  — play/pause button
*/
.video-overlay:before{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#00000066; mix-blend-mode:multiply; opacity:0.7; z-index:1;}

/* Wistia background video — cover behaviour */
.wistia-bg-wrap {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
    /* isolation:isolate creates a self-contained stacking context for the
       Wistia iframe so its internal z-indices cannot bleed above ::before */
    isolation: isolate;
}
.wistia-bg-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}
/* 16:9 desktop: expand whichever axis is smaller so the frame always covers */
.wistia-16-9 {
    width: max(100vw, calc(100vh * 1.7778));
    height: max(100vh, calc(100vw * 0.5625));
}
/* 9:16 mobile: same logic for portrait video */
.wistia-9-16 {
    width: max(100vw, calc(100vh * 0.5625));
    height: max(100vh, calc(100vw * 1.7778));
}
/* Hero caption sits above the overlay */
.hero-caption { z-index: 2 !important; }
/* Play button floats above everything */
.play-btn {bottom:2rem; right:2rem; --size:50px; width:var(--size); height:var(--size); background:rgba(255,255,255,0.85); transition:all .4s ease; z-index:3;}
.play-btn::before, .play-btn::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(255,255,255,0.6); animation:pulse 2s infinite ease-out; z-index:-1;}
.play-btn::after {animation-delay:1s;}

@keyframes pulse {
  0%   { transform:scale(1); opacity:.7;}
  100% { transform:scale(1.8); opacity:0;}
}
.play-btn svg {width:28px; height:32px; fill:#383838;}
.play-btn:hover {background:#fff; }
/* 
transform:translate(-50%, -50%) scale(1.1); */
.section-trusted-brands{color:#727272;}
.logo-marquee{mask-image:linear-gradient(var(--n-ticker-mask-direction, to right), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100%);}
.section-trusted-brands img{max-height:40px;}
/* .logo-track {width:max-content; gap:120px;  will-change:transform;}
.logo-track div {flex-shrink:0} */


.logo-track { display:flex; width: max-content; animation: promo-scroll 20s linear infinite;}
/* .logo-track:hover {animation-play-state: paused;} */
.logo-track div {gap: 1.2rem; padding: 0 3rem;}
/* @keyframes promo-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
} */


.creative-top-swipper {margin-right:calc(-50vw + 50%);}
.section-customers-card .border-bottom{border-color:#18181B1F!important; padding-bottom:var(--section-gap-medium);}
.customers-card-left h2{color:#18181B; font-size:clamp(24px, 4vw, 40px);}
.customers-card-left p{color:#4D4D56;}
.counter-info .counter{color:#3238DE; font-size:clamp(40px, 6vw, 72px);}
.counter-info p{font-size:13px; color:#4D4D56; width:180px;}

.customers-nav div svg{display:none;}
.customers-nav div{--size:40px; width:var(--size); height:var(--size); border-color:var(--WhiteClr)!important;}
.customers-nav div img{max-width:7px; filter:invert(0);}
.customers-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);right:0;}
/* .customers-nav .swiper-button-prev{left:unset;right:60px;} */

.indus-nav div svg{display:none;}
.indus-nav div{--size:40px; width:var(--size); height:var(--size); border-color:var(--WhiteClr);}
.indus-nav  div img{max-width:7px; filter:invert(0);}
.indus-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);right:0;}

.section--enterprise{background:#010422;}
.enterprise-card{padding:clamp(24px, 8vw, 140px) 0px;}

.counter-card{padding:60px; background:radial-gradient(53.46% 53.46% at 58.8% 34.42%, #2D3BAE 0%, #1D266E 100%); border-radius:26px; transform:rotate(-7.23deg); --size:260px; width:var(--size); height:var(--size);}
.counter-card .start-number{font-size:60px; font-weight:900; color:currentColor;}
.counter-card p{font-size:20px; color:currentColor;}
.card-left{background:radial-gradient(53.46% 53.46% at 58.8% 34.42%, #2D3BAE 0%, #1D266E 100%);transform:rotate(-7.23deg) translateX(1rem); color:#C9D6FF;}
.card-center{background:radial-gradient(46.92% 46.92% at 64.09% 35.25%, #414DD2 0%, #262F8E 100%); box-shadow:-6px 6px 10.8px rgba(3, 4, 60, 0.09);
border-radius:17px; transform:rotate(-0.72deg) translateX(-10px); color:#F2F4FF;}
.card-right{background:radial-gradient(47.22% 47.22% at 56.08% 39.18%, #4150F3 0%, #2E38A9 100%); box-shadow:0px 4px 15.5px rgba(23, 15, 65, 0.49);
border-radius:17px; transform:rotate(7.15deg) translateX(-3rem); color:#FFFFFF;}

.problem-title{color:#8387FF;}
/* .problem-hd-group h2{max-width:1060px;} */
.problem-hd-group p{color:#C0CEFF;}

.industries-title{color:#8387FF;}
.industries-hd-group h2{max-width:920px;}
.industries-hd-group p{max-width:780px;}

.section-customers-outer{background:linear-gradient(0deg, #221394, #221394);}
.section-customers-outer:before{content:''; background:url('../images/home/customer-stories-bg.svg') no-repeat center;  background-size:cover; background-blend-mode:multiply, normal; position:absolute;
inset:0;}

.customers-title{color:#666BFF;}
.customers-hd-group h2{max-width:920px;}

.customers-card{padding:40px;height:100%;border-radius:calc(var(--BorderRadius) * 2);transition:all 0.7s ease;overflow:hidden;background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0.55%, rgba(255, 255, 255, 0) 100%);backdrop-filter:blur(10px); border-radius:25px;}

.customers-card:after{
    content:'';
    position:absolute;
    top:3px;
    left:3px;
    width:calc(100% - 6px);
    height:calc(100% - 6px);
    background:url('../images/home/testimonial-bg.svg') no-repeat center / cover;
    border-radius:24px;
}

.customers-cards-listing{margin-top:var(  --section-gap-medium);}
.ct-title{line-height:26px;}
/* .customers-meta{margin-bottom:clamp(24px, 4vw, 40px);} */
 .customers-meta span{font-size:15px;}  /* --bs-text-opacity:0.65; */
.customers-logo-img{max-height:60px; max-width:100%;}


/* problem solving */
.problem-solving {position:relative;}
/* .problem-solving__sticky {position:sticky; top:74px; height:calc(100vh - 74px); background:#010422; color:#fff;} */

.problem-solving__sticky {background:#010422; color:#fff; padding:4.5rem 0 5rem;}

.problem-solving__tabs{border-bottom:solid 2px #21214F; margin-bottom:1.5rem; column-gap:1.5rem; padding-bottom:1rem;}
.problem-solving__tab { color:#8F93BC; cursor:pointer; transition:color 0.3s ease, background 0.3s ease; padding:14px 26px; border-radius:12px;}
/* .problem-solving__tab:after{content:''; position:absolute; bottom:-2px; width:0px;  left:50%; transform:translateX(-50%); height:3px; background:#6142FF; transition:width 0.4s ease;}
.problem-solving__tab.active:after{width:100%;} */
.problem-solving__tab:hover{color:#fff; background:rgba(97,66,255,0.16);}
.problem-solving__tab.active{color:#fff; background:#6142FF;}
.problem-solving__item {visibility:hidden; opacity:0; height:0px; transition:0.6s; position:absolute; top:50px; left:0px; width:100%;}
.problem-solving__item.active { visibility:visible; opacity:1; top:0px; height:100%; position:relative;}
.problem-solving__tab.active:hover{background:#6142FF;}


.fragment-title{color:#4949FF; margin-bottom:1rem;}
.fragment-hd{margin-bottom:2rem!important; font-size:clamp(28px, 3vw, 40px); text-wrap:balance}
.fragment-slide-info p{line-height:34px; letter-spacing:0.4px; margin-bottom:2rem; max-width:42ch;}

.fragment-pill{bottom:2rem!important}
.fragment-pill div{min-width:110px; --bs-text-opacity:0.65!important; padding:0.4rem 1rem; border:solid 1px transparent; font-size:13px; left:unset!important; right:unset!important;}
.fragment-pill div.swiper-button-prev.swiper-button-disabled{background:#D84E50F2; border:solid 1px #D84E50F2; --bs-text-opacity:1!important; opacity:1;}
.fragment-pill div.swiper-button-next.swiper-button-disabled{background:#29A55B; border:solid 1px #29A55B; --bs-text-opacity:1!important; opacity:1;}

.fragment-pill div.swiper-button-prev{background:#D84E50F2; font-weight: 700!important;}
.fragment-pill div.swiper-button-next {background:#29A55B; font-weight: 700!important;}


.slide-img img{transition:all 0.6s ease;}
.swiper-slide .slide-img img {filter:blur(50px);opacity:0.6;}
.swiper-slide-active .slide-img img {filter:blur(0px); opacity:1;}

.swiper-button-prev svg, .swiper-button-next svg{display:none;}
.problem-solving .swiper-button-prev,
.problem-solving .swiper-button-next{width:34px; height:34px; background:#15085D;}

.problem-solving .swiper-button-prev,
.problem-solving .swiper-button-next{top:unset!important; bottom:0px;}
.problem-solving .swiper-button-prev {left:0px!important; right:unset!important;}

/* Loop bg */
.section--loop{background:url('../images/home/loop-bg.jpg') no-repeat center; background-size:cover; background:radial-gradient(45.29% 45.29% at 53.54% 54.71%, #041088 0%, #010422 100%);}
.loop-outer{padding-bottom:var(--section-gap-large);}
.loop-hd-group {top:50px}
.loop-hd-group h2{ max-width:55%; font-size:calc( var(--HeadingTwo ) - 1rem);}
.infinite-loop .loop-hd-group{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition:opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0s;
}
.infinite-loop.loop-intro-hidden .loop-hd-group{
  opacity:0;
  visibility:hidden;
  transform:translateY(-20px);
  transition:opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s;
}
.loop-bottom{max-width:400px;}
.lb-title{font-size:30px; color:#000000;}
.gshape-animation{margin:-6rem 0px;}

/* SECTION */
.infinite-loop {height:400vh; background:#010221;}
.sticky-wrap {height:100vh; transform:translateZ(0); height:calc(100vh - 70px); transform:translateZ(0); top:70px;}
.bg-video-wrap {inset:0; z-index:0;}
.bg-video {top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%) scale(1.15); transition:transform 1.2s cubic-bezier(0.22,1,0.36,1), filter 1.2s ease; will-change:transform;}
 
/* .infinite-loop[data-active="audience"] .bg-video {transform:translate(-30%, -35%) scale(1.15);}
.infinite-loop[data-active="omnichannel"] .bg-video {transform:translate(-50%, -50%) scale(1.25);}
.infinite-loop[data-active="ai"] .bg-video {transform:translate(-67%, -40%) scale(1.15);} */

/* .infinite-loop[data-active="infinite"] .bg-video {transform:translate(-50%, -45%) scale(0.5);}
.infinite-loop[data-active="infinite"] .loop-hd-group{opacity:1!important;     transform:translateY(0); visibility:visible;} */

/* .infinite-loop[data-active="audience"] .bg-video {transform:translate(-32%, -26%) scale(1.15);}
.infinite-loop[data-active="omnichannel"] .bg-video {transform:translate(-50%, -45%) scale(1);}
.infinite-loop[data-active="ai"] .bg-video {transform:translate(-70%, -40%) scale(1.15);} */

.infinite-loop[data-active="audience"] .bg-video {transform:translate(-32%, -26%) scale(1.15);}
.infinite-loop[data-active="omnichannel"] .bg-video {transform:translate(-70%, -40%) scale(1.15);}
.infinite-loop[data-active="ai"] .bg-video  {transform:translate(-50%, -45%) scale(0.6);}


.step {max-width:300px; z-index:6; opacity:0; transition:opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
will-change:transform, opacity; transition:0.5s;}
.step.active {opacity:1;}

.infinite-loop--center-content .content-box > .step {width:min(100% - 2rem, 550px); max-width:min(100% - 2rem, 550px); margin:0; text-wrap:balance;}

.genie-section-outer{background:linear-gradient(178.88deg, #010422 16.94%, #3C12B1 83.25%, #070056 98.25%); position:relative;}
.genie-section-outer:before{
  content:'';
  position:absolute;
  top:0px;
  left:5%;
  width:90%;
  height:90%;
  background:url('../images/home/gn-bg-shadow.svg') top center / contain no-repeat;
  /* background:url('../images/home/genie-bg.webp') top / contain no-repeat; */
}

.genei-grp-hd .sml-caption{color:#9397FE;}
.genei-grp-hd h2{max-width: 700px;}

/* section role */
.section-role h2{color:#343434;}
.section-role .caption-text{color:#8387FF;}
.role-cards-outer{margin-top:2.4rem; --bs-gutter-y:1rem;}
.role-cards-outer .col-md-3:not(:last-child):after{content:''; position:absolute; right:5%; top:0px; bottom:0px; border-right:dashed 1px #CDCACA;}

.role-card .role-number{font-size:86px; line-height:70px; letter-spacing:0.4px; background:linear-gradient(253.33deg, #3539DD 9.12%, rgba(246, 246, 252, 0.2) 89.32%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; opacity:0.3; margin-bottom:-15px;}
.role-card h3{color:#0F0548;}
.role-card p{font-size:13px; line-height:26px; letter-spacing:0.3px;}

/* Flip card */
.card-wrapper {padding:var(--section-gap-large) 0px var(--section-gap-large) 0px;}
/* .card-wrapper:after{content:''; position:absolute; width:100%; height:100px; left:0px; bottom:0px; z-index:7; background:#FFFFFF; box-shadow:0px -1px 3px rgba(0, 0, 0, 0.1);} */

/* CARD */
.flip-card {--size:247px; width:var(--size); height:var(--size); perspective:1000px; cursor:pointer;}
.flip-inner {transition:transform 0.6s ease; transform-style:preserve-3d;}
.flip-card:hover .flip-inner {transform:rotateY(180deg);}
.flip-front, .flip-back {inset:0; border-radius:var(--BorderRadius); backface-visibility:hidden;}
.flip-back {transform:rotateY(180deg); color:#ffffff;}

.flip-front h3 {font-size:clamp(20px, 2vw, 26px); color: #ffffff;}
.flip-front li {font-size:14px;}

/* TILT EFFECT */
.tilt-1 { transform:rotate(6.27deg); z-index:5;}
.tilt-2 { transform:rotate(-5.84deg); z-index:4;}
.tilt-3 { transform:rotate(3.4deg); z-index:2;}
.tilt-4 { transform:rotate(-6.1deg); z-index:3;}
.tilt-5 { transform:rotate(4.87deg); z-index:4;}

/* .flip-card:hover{transform:rotate(0deg);} */

/* section platform */
.section-platform{ --gap:15px;}
.section-platform .group-hd h2{max-width: 650px;}
.section-platform .caption-text{color:#8387FF;}
.platform-card{border-color:#AED1F5!important; border-radius:var(--BorderRadius); padding:clamp(16px, 3vw, 30px); padding-bottom:10px;  transition:all 0.3s ease;}

.platform-card p{color:#B7C8DA; font-size:14px;}
.slide-col {row-gap:var(--gap); width:calc((100% - 64px) / 3) !important;}

.platform-nav div svg{display:none;}
.platform-nav div{--size:40px; width:var(--size); height:var(--size); border-color:var(--PrimaryClr)!important;}
.platform-nav div img{max-width:7px; filter:invert(1);}
.platform-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);}


@media all and (min-width:1100px){
/* Footer cards */
.case-study-swiper {width:calc(100% + 200px); margin-left:-100px; height:330px; overflow:visible;}
.case-study-swiper .swiper-wrapper { height:330px; }
.case-study-swiper .swiper-slide {flex-shrink:0; width:calc(25% + 75px); margin-left:-100px; 
  filter:drop-shadow(4px 0 30px rgba(0, 0, 0, 0.9)); transition:width 1.4s cubic-bezier(0.25, 1, 0.5, 1);  z-index:1;}

.case-study-swiper .swiper-slide:first-child { margin-left:0; }
.case-study-swiper .swiper-slide.z-10 { z-index:10; }
.case-study-swiper .swiper-slide.z-9 { z-index:9; }
.case-study-swiper .swiper-slide.z-8 { z-index:8; }
.case-study-swiper .swiper-slide.z-7 { z-index:7; }
.case-study-swiper .swiper-slide.z-6 { z-index:6; }
.case-study-swiper .swiper-slide.z-5 { z-index:5; }
.case-study-swiper .swiper-slide.z-4 { z-index:4; }
.case-study-swiper .swiper-slide.z-3 { z-index:3; }
.case-study-swiper .swiper-slide.z-2 { z-index:2; }
.case-study-swiper .swiper-slide.z-1 { z-index:1; }
 
/* ── Expand:hover OR is-active ─────────────────────────────── */
.case-study-swiper .swiper-slide:hover,
.case-study-swiper .swiper-slide.is-active {width:calc(30% + 150px) !important; z-index:10;}

/* ── Shrink siblings when any slide is hovered OR active ────── */
.case-study-swiper:has(.swiper-slide:hover) .swiper-slide:not(:hover),
.case-study-swiper:has(.swiper-slide.is-active) .swiper-slide:not(.is-active) {width:calc(25.67% + 50px) !important;}

/* When hovering a non-active slide, hover takes full priority */
.case-study-swiper:has(.swiper-slide:hover) .swiper-slide:hover {width:calc(30% + 150px) !important;}
 
.panel {clip-path:polygon(100px 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);}
.swiper-slide.is-first .panel {clip-path:polygon(0% 0%, 100% 0%, calc(100% - 100px) 100%, 0% 100%);}
.swiper-slide.is-last .panel {clip-path:polygon(100px 0%, 100% 0%, 100% 100%, 0%100%);}
 
/* ── Expanded content ───────────────────────────────────────── */
.swiper-slide:hover .content-narrow,
.swiper-slide.is-active .content-narrow { opacity:0; pointer-events:none; }
.content-expanded {left:120px; right:20px; padding:40px 0; opacity:0; pointer-events:none; transition:opacity 1s ease;}
.swiper-slide:hover .content-expanded,
.swiper-slide.is-active .content-expanded {opacity:1; pointer-events:auto; transition-delay:.15s;}
.slice-category { display:flex; align-items:center; gap:12px; font-size:24px; font-weight:700; }
.slice-overlay { inset:0; z-index:1; background:linear-gradient(0deg, rgba(17,23,108,.78), rgba(17,23,108,.78)); transition:background .2s ease;}
.swiper-slide:hover .slice-overlay, .swiper-slide.is-active .slice-overlay { background:rgba(0,0,0,.2); }

}

.case-study-swiper .swiper-pagination{bottom:-2rem!important; z-index:99;}
.case-study-swiper .swiper-pagination .swiper-pagination-bullet {width:13px; height:10px; display:inline-block; background:#6143ff; opacity:0.2;
margin:0 5px; border-radius:var(--BorderRadius); transition:opacity 0.5s, background-color 0.5s, width 0.5s; transition-delay:0.5s, 0.5s, 0s;} 
.case-study-swiper .swiper-pagination .swiper-pagination-bullet-active {opacity:1; background:#6142FF; width:60px; transition-delay:0s;}
.content-narrow {inset:0; transition:opacity .3s ease;}


.bg-video-cta {left:50%; min-width:100%; min-height:100%; object-fit:cover;}

/* arrow css */
.down-arrow-outer {position:fixed;top:90%; left: 50%; transform: translateX(-50%); opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:9999;}
.down-arrow {position:absolute;top:20%;left:97%; animation:jumpInfinite 1.5s infinite; z-index:99999999; width:50px;height:50px; transform:rotate(90deg);}
@keyframes jumpInfinite { 
  0% {margin-top:0;}
  50% {margin-top:20px;}
  100% {margin-top:0;}
}
.arrow-up .down-arrow {transform: rotate(-90deg);}

button.back-to-top{height:50px; width:50px; visibility:hidden; cursor:pointer; display:block; border:none; right:30px; bottom:30px; outline:0 !important; z-index:99;}
button.back-to-top:hover, button.back-to-top:active, button.back-to-top:focus{outline:0 !important;}
button.back-to-top.show {display:block; visibility:visible;}
button.back-to-top img{transform: rotate(-90deg);}

.platform-card figure{flex: 1;}


@media all and (max-width:1560px){
  .fragment-pill{bottom:6rem!important}
}

@media all and (min-width:1400px){
  .platform-card p{max-width:88%;}
  .hero-caption .container,
  .loop-hd-group .container{max-width:1320px;}
}

@media all and (max-width:1400px){
  .problem-solving__tabs{margin-bottom:30px;}
  .fragment-hd{margin-bottom:1rem!important; font-size:36px}
  .fragment-slide-info p{ line-height:36px; letter-spacing:0.4px; margin-bottom:2rem; max-width:42ch;} /* color:#B4C5FF; */
}

@media all and (min-width:960px){
  .problem-hd-group p{font-size:18px;}
  .section-platform .swiper-wrapper{column-gap:var(--gap);}
  .slide-col {row-gap:var(--gap); width:calc((100% - 64px) / 3) !important;}
  .caption-inner p{ max-width:71%;}
  .role-cards-outer{--bs-gutter-y:2rem; --bs-gutter-x:2rem;}
}

@media all and (max-width:1100px){
    .case-study-swiper {width:100%; height:250px; overflow:visible;}
    .case-study-swiper .swiper-wrapper { height:250px; }
    .slice-overlay { inset:0; z-index:1; background:linear-gradient(0deg, rgba(17,23,108,.78), rgba(17,23,108,.78)); transition:background .2s ease;}
}

@media all and (max-width:767px){
    .webinar-video{height: 70vh!important;}
    /* .caption-inner p{max-width: 80%;} */
    .hero-caption{position:relative!important; }
    .hero-caption h1,
    .hero-caption p{color: #000000!important;}

    /* .problem-solving__sticky{height:100vh; top: 50px;} */
     .problem-solving__sticky{padding:1.75rem 0 2.5rem;}
    .problem-hd-group{padding-top:0!important; padding-bottom:1.5rem!important;}

    .problem-solving__tabs{display:grid!important; grid-template-columns:1fr 1fr; column-gap:0.6rem; row-gap:0.6rem; margin-bottom:1.5rem; padding-bottom:0.75rem;}
    .problem-solving__tab{font-size:12px; text-transform:none!important; white-space:nowrap; padding:10px 6px; text-align:center; border-radius:10px;}
    .problem-solving__item{top:0;}

    .fragment-title{margin-bottom:0.5rem;}
    .fragment-hd {font-size:22px; line-height:1.3; margin-bottom:1rem!important;}
    .fragment-slide-info p{line-height:1.65; font-size:15px; margin-bottom:1.5rem; max-width:none;}
    .slide-img{margin:0.5rem 0px 1.5rem 0px;}
    .fragment-pill{width:100%; bottom:0!important;}
    .fragment-pill div{width:50%!important;}
    .loop-hd-group h2{max-width:100%; font-size:var(--HeadingTwo);}

    .section--home-hero h1{text-wrap:balance;}
    .section-trusted-brands img{max-height:30px;}
    .logo-track div{gap:0rem;}

    .customers-card{padding:20px;}
    .section-customers-outer{padding-bottom:5rem;}

    .role-cards-outer .col-md-3:not(:last-child):after{content:''; position:absolute; left:10%; width:80%; right:unset; top:unset; bottom:0px; border-bottom:dashed 1px #CDCACA;}

    .role-card p{font-size:15px;}

    .flip-card{margin:auto;}
    .flip-card {--size:70vw; height:210px; transform:rotate(0)}
    .customers-logo-img{max-height:40px;}
    .bg-video-cta {left:0px; transform:unset!important; width:100%;}
}