﻿.section-hero-customer{background: radial-gradient(137.92% 137.92% at 47.15% -7.5%, #090B21 0%, #090B21 48.56%, #181F6D 56.62%, #252D87 58.48%, #090B21 64.42%, #090B21 99.04%);}
.caption-title{color:#99AEFF}

.section-achieve{background: #090B21;}
.section-achieve .group-hd h2{max-width: 700px;}
.achieve-card{padding:clamp(24px, 8vw, 140px) 0px;}
.counter-card{padding:clamp(36px, 4.5vw, 60px); border-radius: 26px; --size:260px; width:var(--size); height:var(--size); background-clip: padding-box;}
.counter-card .start-number{font-size:50px; font-weight: 900; color:currentColor;}
.counter-card p{font-size:20px; color:currentColor;}
.counter-card:before{content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.card-one{transform: rotate(-7.23deg) translateX(1rem); color: #ADBCF2; background: #1B205A;}
.card-one::before {background: linear-gradient(135deg,#2631B0,#22275D);}
.card-two{color:#B5C6FE; background: #242A61;border-radius: 17px;transform: rotate(4.01deg) translateX(0.3rem) translateY(-1.6rem);}
.card-two::before {background: linear-gradient(135deg,#212DB6, #2A3078);}
.card-three{background: #272D70; border-radius: 17px; transform: rotate(-11.73deg) translateX(-1.3rem) translateY(-1.6rem);color:#B5C6FE;}
.card-three::before {background: linear-gradient(135deg,#4952BB, #111538);}
.card-four{color:#B5C6FE;background: #3E4593;border-radius: 17px; transform: rotate(7.01deg) translateX(-3.6rem) translateY(-1rem);}
.card-four::before {background: linear-gradient(135deg,#6F7AFA,#1F5373,#4752D2,#142B3A);}

.customer-group-hd h2{line-height:124%;}
.customer-group-hd .fs-6{color:#5576FA;}
.customer-group-hd .fs-5{color:#626262; line-height: 180%;}

.filter-button{border-color: #BFB8E2!important; color: #5E5E5E; padding: 0.44rem 1rem;transition:all 0.5s ease;}
.filter-button:hover, .filter-button.active{background: var(--PrimaryClr); border-color: var(--PrimaryClr)!important; color: var(--WhiteClr);}

.industries-card{border-color: #CBD6FF!important;}
.banking{color: #1241FF;}
.insurance{color: #B869EE;}
.retail{color:#FD7878;}
.technology{color: #4C3BF4;}

.banking .industries-card-right{background:#1C02A5;}
.insurance .industries-card-right{background:#1C02A5;}
.retail .industries-card-right{background:#1C02A5;}
.technology .industries-card-right{background:#1241FF;}

.industries-card-left h3{color:currentColor;}
.industries-card-left .fs-3{line-height: normal;}
.industries-card-left p{color:#666666; font-size: 13px;}

.industries-card-right{background:currentColor; font-size:clamp(24px, 3vw, 36px); line-height: normal;}
.industries-card-right span{font-size:14px;}

.ic-header::before,
.ic-body::before,
.ic-footer::before{content: '';background: url('../images/customer/line-vector.svg') no-repeat left bottom; position: absolute; background-size: contain;}

.ic-header{padding-left: 11%;}
.ic-header::before{right: -8px;top: 28%;width: 100px;height: 25px;transform: scaleY(1) scaleX(-1); z-index: 1;}
.ic-header::after{content: '';position: absolute;--size:5rem;width: var(--size);height: var(--size);background: rgba(14, 54, 215, 0.42);border-radius: 14px 14px 14px 107px;top: 0px;right:13px;}

.ic-body{padding-left: 50%;}
.ic-body::before{left:-8px;top: 19px;width: 100px;height: 25px;}

.ic-footer{background: rgba(0, 25, 125, 0.38); padding-left:50px!important;}
.ic-footer::before{left: -54px;bottom: -26px;width: 100px;height: 70px; transform: rotate(-90deg);}

.section-testimonials{background: url(../images/customer/customer-stories-bg.jpg) no-repeat center; background-size: cover;}
.section-testimonials .customer-group-hd .fs-6{color:#7F99FF;}

.testimonial-swiper-outer, .industries-Swiper-outer{margin-right: calc(-50vw + 50%);}
.testimonial-card{ padding:40px; background: url('../images/customer/right-border.svg') no-repeat right top;transition:all 0.7s ease;}
.testimonial-card:hover{ background: url('../images/customer/right-border-hvr.svg') no-repeat right top;transition:all 0.7s ease}
.testimonial-card p{line-height:26px; opacity: 0.8;}
.client-img{--size:60px; width: var(--size); height: var(--size);}
.client-designation{font-size: 15px; opacity: 0.65;}

.industries-listing figure{border-color:#CBD6FF!important; border-radius:var(--BorderRadius);}
.industries-listing figure.ratio::before{--bs-aspect-ratio:64%;}
.industries-listing figure a img{transition:all 0.7s ease}
.industries-listing figure a:hover img{transform: scale(1.1);}
.industries-listing h3 a:hover{color: var(--PrimaryClr)!important;}

/* .industries-nav div svg{display: none;}
.industries-nav div{--size:40px; width:var(--size); height: var(--size); border-color: rgba(45, 45, 191, 0.4)!important;}
.industries-nav div img{max-width: 14px;}
.industries-nav .swiper-button-prev{transform: scaleX(-1) scaleY(1);} */

.industries-nav div svg{display:none;}
.industries-nav div{--size:40px; width:var(--size); height:var(--size); border-color:var(--PrimaryClr)!important;}
.industries-nav div img{max-width:7px; filter:invert(1);}
.industries-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);}


@media all and (min-width:960px){
  .caption-title{font-size: 18px;}
  .industries-card-left .fs-3{font-size:30px!important; max-width: 80%;}
}

@media all and (max-width:960px){
  .fs-5{font-size: 16px!important;}
  .filter-button{font-size: 12px;}
  .testimonial-card{padding: 20px;}
  .card-four {transform: rotate(7.01deg) translateX(-0.6rem) translateY(-1rem);}
}

/* ===== Customer story cards (case studies) ===== */
.story-card{display:flex;align-items:stretch;background:#fff;border:1px solid #cbd6ff;border-radius:15px;overflow:hidden;height:100%;transition:box-shadow .25s ease,transform .25s ease;}
.story-card:hover{box-shadow:0 20px 44px -26px rgba(20,33,99,.4);transform:translateY(-2px);}
.story-card-body{flex:1 1 56%;min-width:0;padding:33px 31px;display:flex;flex-direction:column; align-items: flex-start; gap:16px;}
.story-card-title{font-size:24px;font-weight:800;color:#000;line-height:1.33;margin:0;letter-spacing:-.01em;}
.story-card-desc{font-size:13px;line-height:1.72;color:#666;margin:0;}
.story-card-media{flex:0 0 44%;position:relative;overflow:hidden;}
.story-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}

.ptype-link{display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #1C02A5; border:solid 1px #1C02A5; padding: 10px 20px; border-radius: 6px; text-decoration: none;}
.ptype-link svg{transition: transform 0.2s ease;}
.ptype-link:hover{background: #1C02A5; color: #fff;}
.ptype-link:hover svg{transform: translateX(5px);}

.badge-catagories{background:var(--BtnHvr); top: 0.5rem; right:0.5rem;  font-size: 12px;}

@media (max-width:575px){
  .story-card{flex-direction:column;}
  .story-card-media{flex:0 0 auto;height:190px;}
  .story-card-title{font-size:21px;}
}

.ptype-link , .badge-catagories{
  display: none;
}