﻿.heading-gap{margin-bottom: clamp(2rem, 4vw, 3.75rem);}
/* .section-hero-adp{background: url('../images/adp/adp-hero-bg.jpg') right / cover no-repeat; padding: clamp(60px, 10vw, 150px) 0;} */
.section-hero-adp-caption{padding: clamp(60px, 10vw, 150px) 0;}

.caption-title{color:#A9ACFF; letter-spacing: 1px;}

.adp-data{background: linear-gradient(180.4deg, #000000 24.4%, #261F7E 47.75%, #736CDC 68.23%, rgba(255, 255, 255, 0.64) 99.12%);}
.security-gov-bg{background: linear-gradient(180.24deg, #000000 24.33%, #07011C 85.29%, #261F7E 93%, rgba(8, 0, 171, 0.64) 99.79%);}

.cdp-swipper{margin-right: calc(50% - 50vw); padding:50px 0px;}
.cdp-swipper .swiper-slide{padding:40px;} 

.cdp-swipper:before,
.cdp-swipper:after,
.cdp-swipper .swiper-slide:before,
.cdp-swipper .swiper-slide:after,
.cdp-card:before,
.cdp-outer-line:before,
.cdp-outer-line:after{content: ''; position: absolute; background:#464559;}

.cdp-swipper:before{width:1px; height:25px; top:18px; left:0%;}
.cdp-swipper:after{width:1px; height:25px; bottom:18px; left:0%;}

.cdp-swipper .swiper-slide:before{background:#373738; width: 96%; height: 1px; top: 0px; left:2%;}
.cdp-swipper .swiper-slide:after{background:#43415b; width: 96%; height: 1px; bottom: 0px; left:2%;}
.cdp-card:before{width:1px; height:96%; top:2%; left:0%;}

.cdp-outer-line:before{background:#373738; width:28px; height: 1px; top:49px; left:-3%;}
.cdp-outer-line:after{background:#43415b; width:28px; height: 1px; bottom:49px; left:-3%;}

.cdp-nav div svg{display:none;}
.cdp-nav div{--size:40px; width:var(--size); height:var(--size); border-color:var(--WhiteClr)!important;}
.cdp-nav div img{max-width:7px; filter:invert(0);}
.cdp-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);right:0;}

.cdp-card h3{color: #BCBCBC;}
.cdp-card p{color: #ffffff; line-height:170%}


.core-capabilities-outer .caption-title{color:#9DA0FF;}
.capabilities-Swiper{margin-top: var(--section-gap-medium);}
.capabilities-card{border-radius:var(--BorderRadius); overflow: hidden; transition: all 0.6s ease;}
.capabilities-card:hover{box-shadow: 0px 4px 12px rgba(204, 204, 255, 0.8);}
.capabilities-card h3{line-height:24px;}
.capabilities-card p{font-size: 14px; line-height:23px; color: #B7C8DA;}
.capabilities-Swiper .swiper-slide .capabilities-card.active img{visibility:visible; opacity:1; height: calc(100% - 18px); object-fit: contain; object-position: center center;}

/* object-position: center bottom; */


.section--powerdby{background: var(--WhiteClr);}
.section--powerdby .caption-title{color: #666BFF;}
.powerdbyTab.resp-vtabs .resp-tabs-list li{text-wrap: unset;}
.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;}
.powerdbyTab.resp-vtabs .resp-tabs-list li p{color: #041527; opacity: 0.7;}


.adp-features{background: #F4F6FF;}
.feature-hd p{max-width: 1000px; line-height: 170%;}

.feature-swiper{max-width: 1070px; padding: 10px;}
.feature-card{border-radius: var(--BorderRadius); padding: clamp(16px, 4vw, 30px); box-shadow: 0px 4px 8.1px rgba(65, 92, 168, 0.31);transition: all 0.4s ease;}
.feature-card:hover{transform: translateY(-2px);}
.feature-card figure{--size:64px; width: var(--size); height: var(--size); border-radius: 15px;}
.feature-card-border{padding: 1px; border-radius: var(--BorderRadius);}
.feature-card p{line-height: 150%;}
.feature-card a:hover{color:#000000!important;}

.col-nav div svg{display:none;}
.col-nav div{--size:40px; width:var(--size); height:var(--size); background: var(--PrimaryClr); border-color:var(--PrimaryClr)!important;}
.col-nav div img{max-width:7px; filter:invert(0);}
.col-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);right:0;}

.adp-faqs{background: #F6F7FF;}
.adp-faqs .caption-title{color: #666BFF;}
.bg-video-cta {left:50%; min-width:100%; min-height:100%; object-fit:cover;}


.sg-card-info h3{font-size: clamp(1.8rem, 2.5vw, 2.25rem); color: #DEDEFF;}
.sg-card-info p, .sg-card-info li{color: #D6DBFF;}
.sg-image{background: linear-gradient(246.57deg, rgba(31, 13, 138, 0.77) 21.29%, rgba(15, 5, 72, 0.77) 98.25%); border-color:#311AB7!important; border-radius:calc( var(--BorderRadius) - 4px); transition: all 0.4s ease;}
.sg-image:hover{border-color: #5647cc !important;  box-shadow:0 0 10px rgba(98, 71, 255, 0.45), 0 0 35px rgba(98, 71, 255, 0.35), 0 0 60px rgba(98, 71, 255, 0.25);}

.compliance-info{background: #F7F6FF;}
.compliance-info p{max-width:650px;}

.adp-capabilities{}
.adp-capabilities:before{
  content: '';
position: absolute;
width: 1035px;
height: 539px;
left: calc(50% - 1035px/2 - 0.5px);
top: calc(50% - 539px/2 - 580.5px);

background: radial-gradient(96.09% 96.09% at 50% 50%, #1C02A5 0%, #1241FF 100%);
opacity: 0.1;
filter: blur(99px);

}

.adp-text-link{border: solid 1px #ffffff;
    display: inline-flex;
    padding: 0.5rem 1rem 0.7rem 1rem;
    color: #ffffff;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-size: 14px;}
  .adp-text-link:hover{background: #ffffff; color: #000000; text-decoration: none;}





@media all and (min-width:1024px){
  .customer-hero-caption{max-width:60%;}
  .section-hero-adp p{line-height:30px; letter-spacing:0.5px;}
  .sg-card-info p{line-height: 180%; max-width: 92%;}
  .workflow-info{max-width: 980px;}

  .capabilities-Swiper .swiper-wrapper{--size:32px; row-gap:var(--size); column-gap:var(--size);}
  .capabilities-Swiper .slide-col{width: calc((100% - 64px) / 3) !important; gap: 32px;}
  .capabilities-Swiper:has(.slide-col:nth-child(2):last-child) .slide-col{width: calc((100% - 32px) / 2) !important;}

  .capabilities-Swiper .swiper-slide .capabilities-card.active{height:var(--cap-card-active-height);}
  .capabilities-Swiper .swiper-slide .slide-item-media{height:var(--cap-media-height);}
  .capabilities-Swiper .swiper-slide .capabilities-card:not(.active) .slide-item-media{height:0!important; margin-top:0!important; margin-bottom:0!important; overflow:hidden;}
  .capabilities-Swiper .swiper-slide .capabilities-card{height:var(--cap-card-height, 220px); display:flex; flex-direction:column;}

  .capabilities-card img{transition: all 0.6s ease; visibility:hidden; opacity:0;}
}
/* @media all and (min-width:1440px){
  .capabilities-Swiper .swiper-slide .capabilities-card{height:220px;}
  .capabilities-Swiper .swiper-slide .slide-item-media{height:400px;}
  .capabilities-Swiper .swiper-slide .capabilities-card.active{height: 554px;}
} */

@media all and (min-width:960px){
  .powerdbyTab{display:grid!important; grid-template-columns: 500px 1fr; column-gap: 4rem;}
}

@media all and (max-width:960px){
  .capabilities-Swiper .swiper-slide{height: auto;}
  .capabilities-card{height: 100%;  display: flex; flex-direction: column;}
  .capabilities-card .slide-item-media{flex: 1;}
  .bg-video-cta {left:0px; transform:unset!important; width:100%;}

  .home-banner-adp video{aspect-ratio: 3 / 4;}
}




.bg-in{
background: url('../images/adp/build-precise-audience-segments.svg') no-repeat center;
background-size:cover;
border-radius:var(--BorderRadius);
min-height: 300px;
}
.bg-out{
  background: url('../images/adp/personalize-every-interaction.svg') no-repeat center;
background-size:cover;
border-radius:var(--BorderRadius);
min-height: 300px;
}
.gradient-card-text{
  max-width:37ch;
}

.visibility-hidden {
    visibility: hidden;
}



.adp-stats-section {
    padding: clamp(2rem, 4vw, 3.75rem) 0;
    background: #ffffff;
}
.adp-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    text-align: center;
}
.adp-stats-grid-five{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  text-align: center;
}
.adp-stats-item {
    padding: 1rem;
}
.adp-stats-number {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 800;
    color: #3835D1;
    line-height: 1;
    margin-bottom: 0.75rem;
}
.adp-stats-label {
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
    margin: 0;
}

.compliance-text{
  max-width: 55ch;
}

.book-a-meeting-text{
  max-width: 34ch;
}

@media (max-width: 767px) {
    .adp-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .book-a-meeting-text {
    max-width: 100%;
}
.footer-cta-bg {
    min-height: 360px;
    background-position: center;
  }
  .cta-heading-adp {
    max-width: 100% !important;
}
}
@media (max-width: 480px) {
    .adp-stats-grid {
        grid-template-columns: 1fr;
    }
}

.section-cta {
    background: linear-gradient(252.85deg, #110A4A 38.21%, #080429 95.11%);
    min-height: 360px;
}
.footer-cta-bg{
 background-image: url('../images/adp/audience-cta-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 420px;
}
.cta-heading-adp{
  max-width: 22ch;
}

/* ===================================================================
   Security & Governance page
   =================================================================== */

/* --- Workflow: Data Security through All Phases (phase cards) --- */
.sg-phases .caption-title{color:#7B61FF;}
/* keep the carousel inside the centered container (no full-bleed) so the 3 cards stay centered */
.sg-phases .cdp-swipper{padding:14px 0; margin-right:0;}
.sg-phases .cdp-swipper .swiper-slide{padding:0;}
.sg-phases .cdp-swipper:before,
.sg-phases .cdp-swipper:after,
.sg-phases .cdp-swipper .swiper-slide:before,
.sg-phases .cdp-swipper .swiper-slide:after,
.sg-phases .cdp-outer-line:before,
.sg-phases .cdp-outer-line:after{display:none;}

.sg-phase-card{
  background:#131351;
  border:1px solid #2C365F;
  border-radius:29px;
  padding:clamp(1.75rem, 2.4vw, 2.5rem);
}
.sg-phase-icon{width:78px; height:78px; display:block;}
.sg-phase-card h3{color:#fff;}
.sg-phase-card ul{color:#CCD6FF;}
.sg-phase-card ul li::marker{color:#CCD6FF;}

@media (min-width:640px){
  .sg-phases .cdp-nav{display:none;}
}

/* --- Platform Security: protection across every layer --- */
.sg-platform{
  background:radial-gradient(135% 78% at 50% 0%, #0D0D68 0%, #0A0A4A 13%, #08082C 70%, #07071C 100%);
}
.sg-platform-head{max-width:760px;}
.sg-platform-head .caption-title{color:#B3A4FF;}
.sg-platform-head h2{font-size:clamp(2rem, 4vw, 2.875rem); line-height:1.19;}

.sg-cap-list{
  gap:clamp(1.5rem, 2.4vw, 2.25rem);
  margin-top:clamp(2.5rem, 5vw, 3.75rem);
}
.sg-cap-card{
  gap:clamp(1.75rem, 4vw, 3.4rem);
  padding:clamp(1.85rem, 3.6vw, 3.75rem);
  border:1.5px solid rgba(194,198,255,.5);
  border-radius:clamp(24px, 3vw, 43px);
  background:
    radial-gradient(72% 130% at 40% -10%, rgba(90,90,255,.30) 0%, rgba(38,38,160,.13) 22%, rgba(8,8,46,0) 56%),
    linear-gradient(180deg, #0C0C3E 0%, #08082F 100%);
  box-shadow:0px 4px 15.8px rgba(1,2,9,.64);
}
.sg-cap-badge-wrap{width:clamp(140px, 15vw, 207px);}
.sg-cap-badge-wrap img{width:100%; height:auto; display:block;}
.sg-cap-body{flex:1 1 auto; min-width:0;}
.sg-cap-body .caption-title{color:#B3A4FF;}
.sg-cap-body h3{font-size:clamp(1.55rem, 2.6vw, 2.25rem);}
.sg-cap-desc{color:#BACAFA; font-size:clamp(1rem, 1.15vw, 1.125rem); line-height:1.6;}

.sg-pills{gap:8px 10px;}
.sg-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:11px 18px;
  background:#070735;
  border:1px solid #1E1E56;
  border-radius:38px;
  color:#BACAFA;
  font-weight:500;
  line-height:1.25;
  font-size:clamp(.875rem, 1vw, 1.1875rem);
}
.sg-pill-dot{
  width:8px; height:8px; border-radius:50%; flex-shrink:0;
  background:radial-gradient(circle at 35% 35%, #8EA0FF, #3A3AF0);
}

@media (max-width:991.98px){
  .sg-cap-card{flex-direction:column; align-items:flex-start;}
  .sg-cap-badge-wrap{width:clamp(120px, 30vw, 160px);}
}

/* --- Compliance and Certifications grid --- */
.seceurity-and-governance-compliance{background:#ECF1FF;}
.seceurity-and-governance-compliance .caption-title{color:#6333F3;}
.seceurity-and-governance-compliance h2{color:#0B1020;}
.seceurity-and-governance-compliance .compliance-text{color:#565D72; max-width:62ch;}

.sg-compliance-grid{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:clamp(1rem, 1.6vw, 1.5rem);
  margin-top:clamp(2.5rem, 4vw, 3.5rem);
}
.sg-compliance-item{
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
.sg-compliance-logo{
  width:100%;
  margin:0;
  display:flex; align-items:center; justify-content:center;
  min-height:120px;
  padding:24px;
  background:#fff;
  border:1px solid #D9E1FB;
  border-radius:18px;
  box-shadow:0px 6px 18px rgba(31,42,91,.06);
}
.sg-compliance-logo img{max-width:100%; max-height:56px; height:auto; object-fit:contain;}
.sg-compliance-name{
  font-weight:600;
  font-size:clamp(.95rem, 1.1vw, 1.0625rem);
  color:#1B2440;
  text-align:center;
}

@media (max-width:991.98px){
  .sg-compliance-grid{grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:575.98px){
  .sg-compliance-grid{grid-template-columns:repeat(2, 1fr);}
}