.heading-gap{margin-bottom: clamp(2rem, 4vw, 3.75rem);}
.channel-hero *{margin-bottom: 0px;}
.channel-hero{padding-top:122px;  min-height:100svh;}
.channel-hero .hero-image{flex:1; display:flex; align-items:flex-end; justify-content:center; overflow:hidden;}
.channel-hero .hero-image img{width:100%; height:100%; object-fit:contain; object-position:bottom center; display:block;}

.channel-hero h1{font-size: clamp(24px, 3vw, 48px);max-width:18ch;}
.channel-hero p{line-height: 160%; max-width:59ch;}
.channel-hero .btn-blue-blue:hover{background: var(--PrimaryClr)!important;}

.section-performance{border-top: solid 1px var(--border-color); border-bottom: solid 1px var(--border-color);}
.hero-counter > div{width: auto;}
.hero-counter > div p  {font-size: 12px;color: #4D4D56;line-height: 20px;max-width: 22ch;text-transform: none;}
.hero-counter .counter{font-size: clamp(2rem, 0.8rem + 2.5vw, 4rem); line-height: calc(0.2rem + clamp(1.6rem, 2.4vw, 3rem)); color: var(--PrimaryClr);}

.section-achievements-outer{background: linear-gradient(180deg, #F4F9FF 0%, #FFFFFF 100%);}
/* .section-achievements-outer .container{max-width: 1120px;} */

.section--achievements article{
  border-color: #AED1F5!important;
  border-radius: var(--BorderRadius);
  padding: clamp(1.25rem, 2vw, 1.775rem);
  transition: all 0.4s cubic-bezier(.4,0,.2,1);
  animation:slidebg 5s linear infinite;
}
/* .section--achievements article:hover {transform: translateY(-8px);} */
.section--achievements article p{line-height: 24px;}
.section--capabilities{background: linear-gradient(83.05deg, #07184F 5.32%, #000000 38.19%, #020C2C 74.62%, #010016 87.69%)}
.Capabilities-swipper{margin-right: calc(50% - 50vw); padding:50px 0px;}
.Capabilities-swipper .swiper-slide{padding:35px;} 

.Capabilities-swipper:before,
.Capabilities-swipper:after,
.Capabilities-swipper .swiper-slide:before,
.Capabilities-swipper .swiper-slide:after,
.capabilities-card:before,
.capabilities-outer-line:before,
.capabilities-outer-line:after{content: ''; position: absolute; background:#464559;}

.Capabilities-swipper:before{width:1px; height:25px; top:18px; left:0%;}
.Capabilities-swipper:after{width:1px; height:25px; bottom:18px; left:0%;}

.Capabilities-swipper .swiper-slide:before{background:#373738; width: 96%; height: 1px; top: 0px; left:2%;}
.Capabilities-swipper .swiper-slide:after{background:#43415b; width: 96%; height: 1px; bottom: 0px; left:2%;}
.capabilities-card:before{width:1px; height:96%; top:2%; left:0%;}

.capabilities-outer-line:before{background:#373738; width:28px; height: 1px; top:49px; left:-3%;}
.capabilities-outer-line:after{background:#43415b; width:28px; height: 1px; bottom:49px; left:-3%;}

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

.capabilities-card figure img{max-height: 50px;}
.capabilities-card p{color:#ffffff; line-height:170%}

.section--capabilities_card{
  background: #FBFFFD;
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: var(--BorderRadius);
  padding:10px 25px 25px 25px;
  transform: translateY(0) scale(1);
  transition: all 0.3s ease;
}
.section--capabilities_card:hover{
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.section--capabilities_card figure{height:90px;}
.section--capabilities_card figure img{max-height: 55px;}
.section--capabilities_card h3{margin-bottom:15px; letter-spacing: 0.3px; line-height: 1; color: var(--SecondaryTextClr);}
.section--capabilities_card p{font-size:13px; letter-spacing: 0.3px; color: var(--SecondaryTextClr); line-height: 20px;}


.section--implementation .container{max-width: 1100px;}
.section--implementation .card{
  border-color:#D5DFFF!important;
  border-radius:var(--BorderRadius); height: 100%;
  transform: translateY(0) scale(1);
  transition: all 0.3s ease;
}
.section--implementation .card:hover{
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.section--implementation .card div{height: 60px;}
.section--implementation .card div img{max-height: 60px;}


/* new code */
.powerdbyTab{display:grid!important; grid-template-columns:1fr;}

.section--why-resul{background: url('../images/email/why-resul-bg.jpg') center / cover no-repeat;}
.whyResulTab .heading-gap h2{color: var(--WhiteClr);}
.why-resul-tabs{border-radius:var(--BorderRadius); padding:10px 30px; background: linear-gradient(135deg,#0D1B6E 0%,#1A3AFF 50%,#0A0F3D 100%);
mix-blend-mode: overlay;}
.whyResulTab.resp-vtabs .resp-tabs-list li{border-bottom:solid 1px rgb(135 140 145 / 80%); opacity: 1; font-size:22px; color:#3238DE; font-weight:700; position: relative; padding:30px; text-wrap: auto;}
.whyResulTab.resp-vtabs .resp-tabs-list li:last-child{border: 0px;}

.whyResulTab.resp-vtabs .resp-tabs-list li p{font-size:13px; font-weight:300;  line-height: 20px; letter-spacing: 0.5px;}
.whyResulTab.resp-vtabs .resp-tabs-list li.resp-tab-active p{display: block!important;}
/* .whyResulTab.resp-vtabs .resp-tabs-list li:hover,
.whyResulTab.resp-vtabs .resp-tab-active{color: var(--WhiteClr);} */

#whyResulTab .resp-tabs-container{background: url('../images/email/why-resul-bg.jpg') no-repeat center; background-size:cover; border-radius: var(--BorderRadius);}

.whyResulTab .resp-tab-content video{width: 100%;}
.whyResulTab h2.resp-accordion{color: var(--WhiteClr); width: 100%;}
.whyResulTab .resp-arrow{border-top-color:var(--WhiteClr);}
.whyResulTab h2.resp-tab-active span.resp-arrow{border-bottom-color:var(--WhiteClr);}
.whyResulTab h2 p{display: none; padding-top: 10px; font-weight: 300; font-size: 14px;}
.whyResulTab h2.resp-tab-active p{display: block;}

.newsletter-section{background:#3561FF url('../images/email/email-bg.svg') no-repeat center; background-size:cover; border-radius: var(--BorderRadius);}
.newsletter-form p{line-height:26px; letter-spacing: 2%;}

.newsletter-form .form-control{font-size: 12px; color: #545454; border-radius: calc(var(--BorderRadius) / 2); padding:0.6rem 1rem;}
.newsletter-form .btn-submit{font-size: 12px; font-weight: 500; border-radius: calc(var(--BorderRadius) / 2); padding:0.6rem 1rem;}
.newsletter-form .btn-submit:hover{background: var(--PrimaryClr); color: var(--WhiteClr)!important;}

.resp-tabs-list li.resp-tab-active::after {animation: none;}
.resp-tabs-list li.resp-tab-active::after {animation: progressFill 300s linear forwards;}

.powerdbyTab.resp-vtabs .resp-tabs-list li.resp-tab-active p{display: block!important;}
.powerdbyTab.resp-vtabs .resp-tabs-list li:after{content: ''; width: 0%; background: linear-gradient(90deg, #016DFF 0%, #09D0FD 54.11%, #DAFF74 97.99%, #F9FFEB 152.1%); position: absolute; left: 0px; bottom: -2px; height: 3px; border-radius: 30px; transition:all 0.7s ease;}
.powerdbyTab.resp-vtabs .resp-tabs-list li.resp-tab-active:after{width:100%; animation: tabProgress 7s linear forwards;}

/* the track (background line) */
#whyResulTab .progress-track {position: absolute; left:0px; top: 100px; width: 2px; height: 100%; z-index: 2;}
#whyResulTab .progress-fill {width: 100%; height: 0%; background: linear-gradient(180deg, #016DFF 0%, #09D0FD 54.11%, #DAFF74 97.99%, #F9FFEB 152.1%); border-radius: 30px; transition: none;}

.scale-char{max-width: 9ch;}
.em-count-increse{max-width: 27ch;}
.fw-light-gray-em{color: #4D4D56;}
.achievement-grid{display:grid; gap:20px;}

.section--connect{background: linear-gradient(180.4deg, #070524 24.4%, #261F7E 99.12%);}

.platform-card{border-radius: var(--BorderRadius); transition: all 0.3s ease;}
.platform-card:hover{box-shadow: 0 2px 25px rgb(28 2 165); transform: translateY(-5px) scale(1);}
.platform-card figure{height: 80px;}
.platform-card h3{color: #041527;}
.platform-card p{color: #041527; font-size: 12px; letter-spacing: 0.3px; line-height: 20px; text-wrap: balance;}

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

/* Channel end-CTA background — blue-green gradient (Figma node 19705-21945). Channel pages only (channel.css is channel-scoped); other pages keep the navy gradient from custom.css. */
.section-cta{background: url('../images/email/cta-bg.webp') center center / cover no-repeat, #080429;}
@media all and (min-width:960px){
  .powerdbyTab{display:grid!important; grid-template-columns: 500px 1fr; column-gap: 4rem;}
  .whyResulTab{display:grid!important; grid-template-columns:500px 1fr; column-gap: 4rem;}

  .section--powerdby{min-height: 100vh;}
  .capabilities-card{grid-template-columns: 80px 1fr;}
  .achievement-grid{grid-template-columns: 1fr 1fr 1fr; grid-template-areas:"card1 card2 card2" "card1 card3 card5" "card4 card4 card5";}
  .card-1{ grid-area: card1; }
  .card-2{ grid-area: card2; }
  .card-3{ grid-area: card3; }
  .card-4{ grid-area: card4; }
  .card-5{ grid-area: card5; }

  .section--connect .container{max-width: 1100px;}
}

@media all and (max-width:767px){
  .channel-hero{min-height: unset;}
  .channel-hero .hero-image{height: auto!important;}
  .hero-counter{column-gap: 1rem;}
  .hero-counter > div {width:47.5%; margin: 0 auto;}
  .capabilities-outer-line:after,
  .capabilities-outer-line:before{width: 6px;}
  .scale-char{max-width: 100%;}
  div.wap-100{width: 100%;}
}




/* TAB new CSS */
.work-tab{border-bottom: solid 1px #A68CFF29; padding:25px 0px; cursor: pointer;}
.work-tab.active h3{color:#666BFF!important;}
.work-tabs-grid{grid-template-columns: 540px 1fr; column-gap: 80px;}

.work-tab p,
.work-tab .text-link{display:none;}
.work-tab.active p, .work-tab.active .text-link{display:block; animation:fadeIn .4s ease;}
.wt-info{display:none;}
.wt-info.active{display:block; animation:fadeIn .4s ease;}

.work-tabs-content{min-height:500px; background: url('../images/email/why-resule-bg.jpg') no-repeat center; background-size: cover; border-radius: var(--BorderRadius);}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:991px){
  .work-tabs-grid{display:block;}
  .work-tabs-content{display:none!important;}
  .work-tabs-grid{grid-template-columns: 1fr;}
  .mobile-tab-image{margin-top:1rem; padding:1.4rem; background: url('../images/email/why-resule-bg.jpg') no-repeat center; background-size: cover; border-radius: var(--BorderRadius);}
}