.partner-inner-hero{height: calc(100vh - 100px); background: url('../images/partners/agency-hero.jpg') no-repeat center bottom; background-size: cover;}
.partner-inner-hero:before{ content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  background: linear-gradient(167.86deg, rgba(10, 14, 52, 0.6586) 8.85%, rgba(29, 42, 154, 0.2072) 68.67%);}

.partner-inner-hero .caption-title{color:#C3E1FF;}
.partner-inner-hero h1{max-width:700px; font-size: clamp(2rem, 3.5vw, 54px);}
.partner-inner-hero p{max-width:680px; color: #FFFFFFD1;}

.section-partner{background: #0E1331;}
.section-partner .caption-title{color:#2D8CFF;}
.section-partner .group-hd h2{max-width:760px;}
.section-partner .group-hd p{max-width:600px; color:#16234A;}

.partner-type-hd{color: #2D8CFF; border-color: #2D8CFF!important;}
.partner-logo-grid{column-gap: 4.5rem; row-gap: 1rem;}
.partner-logo-grid > div{height: 80px; display: flex; align-items: center; justify-content: center;}
.partner-logo-grid > div img{max-height:40px;}


.section-business .caption-title{color:#607FFB;}
.section-business .group-hd h2{max-width:750px;}
.section-business .group-hd p{max-width:780px; color:#626262;}

.build-cards{max-width: 1120px;}
.build-card{box-shadow: 0px 0px 15px 0px #0000001A; border:solid 1px transparent;  border-radius: var(--BorderRadius);transition:all 0.5s ease;}
.build-card:hover{transform: translateY(-5px); border-color:#D9D1FF!important}
.build-card h3{color: #000000; font-size: 18px;}
.build-card p{font-size: 14px; color: #041527; letter-spacing: 0.3px;}

.section-revenue{background: linear-gradient(110.39deg, #0E1331 -3.53%, #2B3B97 108.41%);}
.section-revenue .caption-title{color:#2D8CFF}
.section-revenue .group-hd h2{max-width:900px;}
.section-revenue .group-hd p{max-width:780px; color:#626262;}

.section-revenue .group-hd{margin-bottom: var(--section-gap-medium);}
.new-no{color: #2D8CFF;}
.new-card h3{color: #2D8CFF;}
.new-card p{font-size: 14px; max-width: 300px;}
.card-border{border-top: solid 1px #d9dae0; border-bottom: solid 1px #d9dae0; margin-bottom: -1px; }
.new-card{border-left: solid 1px #d9dae0; border-right: solid 1px #d9dae0; margin-right: -1px;  transition:all 0.5s ease;}
.new-card:hover{background: #001C5E;}

.card-border .col-md-4::before,
.card-border .col-md-4::after,
.card-border .col-md-4:nth-child(3n) .new-card::before,
.card-border .col-md-4:nth-child(3n) .new-card::after{content: ''; width:9px; height:9px; background:#d9dae0; position: absolute;}

.card-border .col-md-4::before{ left:-4px; top:-5px;}
.card-border .col-md-4::after{left:-4px; bottom:-5px;}
.card-border .col-md-4:nth-child(3n) .new-card::before{right:-5px; top:-5px;}
.card-border .col-md-4:nth-child(3n) .new-card::after{right:-5px; bottom:-5px;}

.section-connect .caption-title{color:#607FFB}
.section-connect .group-hd h2{max-width:880px;}
.section-connect .group-hd p{color: #626262;}

.connect-cards{padding-top: var(--section-gap-medium);}
.connect-card .hd-top{color: #7F77DB;}
.connect-card p{color: #5A6079;}
.connect-card:before{content:''; background: #C7CCED; position:absolute; top: 0px; right:10%; width: 1px; height: 100%;}
.connect-cards .col-md-4:last-child .connect-card::before{display:none;}

.section-grow{background: url('../images/partners/grow-bg.jpg') no-repeat center; background-size: cover;}
.section-grow:before{content: ''; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; mix-blend-mode: multiply; background: #001C5E}


.section-grow .caption-title{color:#2D8CFF}
.section-grow .group-hd h2{max-width:900px;}
.section-grow .group-hd p{color:#B0BAE5;}

/* .section-built::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/partners/built-bg.svg') no-repeat center;
  filter: blur(150px);
  z-index: -1;
  opacity: 0.5;
} */

.built-card{
box-shadow: 7px 0px 17px 0px #4453751C;
  border: solid 1px #C1B6FF;
 font-size: 14px;
 color:#191919;
 transition:all 0.5s ease;
}
.built-card:hover{transform: translateY(-5px);}
.section-built .caption-title{color:#607FFB}
.section-built .group-hd h2{max-width:900px;}
.built-group{max-width:860px;}

.partner-cta{background: url('../images/partners/partners-cta.jpg') no-repeat center / cover;}
.partner-cta p{max-width: 920px;}
.outline-border{background: transparent; border-color: #ffffff!important;}
.outline-border:hover{background: #ffffff; color: #000024!important;}

.section-signal{
  max-width: 1020px;
  background: linear-gradient(121.7deg, rgba(255, 255, 255, 0.1235) 0%, rgba(255, 255, 255, 0.057) 100%);
  border: 1px solid #FFFFFF21;
  box-shadow: 0px 20px 48px -30px #000000B2;
  backdrop-filter: blur(16px);
  border-radius: var(--BorderRadius);
}
.section-signal .caption-title{color:#2D8CFF}
.section-signal .group-hd h2{max-width:700px;font-size: clamp(22px, 2.5vw, 36px); }

.grow-list-outer{max-width:960px;}
.grow-list{border-bottom: 1px solid #ffffff69}
.go-no{--size:40px; min-width: var(--size); min-height: var(--size); background: #2D8CFF;}
.grow-list-right h3 span{font-size: 10px; color: #2D8CFF; border-color:#FFFFFF66!important; letter-spacing: 0.5px;} 
.grow-list-right p{font-size: 15px;}
.grow-tags{font-size: 14px;}


.opportunities-card{border: 1px solid transparent; border-radius: var(--BorderRadius);
  background:linear-gradient(rgba(7,24,76,.2), rgba(7,24,76,.2)) padding-box, linear-gradient(127.18deg, #3551AB 28.77%, #4A1989 98.19%) border-box;
  box-shadow: 0px 4px 4px 0px #2A12AE40;
}
.opportunities-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 24, 76, 1);
  pointer-events: none;
  z-index: 0;
}
.opportunities-card > *{
  position: relative;
  z-index: 1;
}
.opportunities-card p{color: #8493B6;}

.grow-inner-card h3{color: #2D8CFF;}
.grow-inner-card p{color: #8493B6; font-size: 14px;}

.cloud-logos > div{height: 100px; min-width:250px;}
.cloud-logos > div img{max-height:50px;}


@media(min-width:991px){
  .partner-inner-hero p,
  .section-business .group-hd p,
  .section-partner p,
  .section-revenue .group-hd p{line-height: 180%;}
  .connect-card p{line-height: 180%; max-width: 80%;}
}
@media(max-width:767px){
  .partner-inner-hero{height: 350px;}
  .connect-card:before{width: 100%; height: 1px; top: unset; bottom: -5px; left: 0px; right: unset;}
  .built-card{font-size: 12px;}
  .card-border .col-md-4::before, .card-border .col-md-4::after, .card-border .col-md-4:nth-child(3n) .new-card::before, .card-border .col-md-4:nth-child(3n) .new-card::after{display: none;}
  .card-border{border: 0px; text-align: center;}
  .new-card{border: 0px; border-bottom: solid 1px #d9dae029;}
  .partner-logo-grid{column-gap:2rem;}
  .partner-logo-grid > div{height: 40px;}
  .partner-logo-grid > div img {max-height: 20px;}
}

  /* PIPELINE — the kept centerpiece */
.pipeline{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:1}
.pipe-track{position:absolute;top:35px;left:9%;right:9%;height:2px;background:rgba(82, 159, 252, 0.16);}
.pipe-fill{position:absolute;top:35px;left:7%;height:2px;width:0;transition:width .4s linear; background: linear-gradient(0deg, #2D8CFF, #2D8CFF);}

.pipe-node{position:relative;flex:1;text-align:center;z-index:2}
.pipe-dot{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:rgba(6,17,49,.9);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--muted);transition:.45s}
.pipe-node.lit .pipe-dot{background: linear-gradient(135deg, #2D8CFF 0%, #0A62F5 100%);}

.pipe-node h4{font-size:14px;font-weight:600;margin-bottom:6px}
.pipe-node p{font-size:12px;font-weight:300;color:var(--muted);line-height:1.5;max-width:200px;margin:0 auto}

.signal-ball{position:absolute;top:21px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--cyan));box-shadow:0 0 24px var(--neon);left:7%;opacity:0;transition:opacity .3s;z-index:5;pointer-events:none}
.pipe-replay{margin-top:46px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line-2);color:var(--txt-2);padding:11px 20px;border-radius:999px;font-weight:500;font-size:13px;cursor:pointer;transition:.25s;position:relative;font-family:inherit}
.pipe-replay:hover{border-color:var(--cyan);color:var(--cyan)}

@media (max-width:880px){
  .pipe-wrap{padding:30px 10px}
  .pipeline{gap:20px; flex-wrap: wrap;}
  .pipe-track,.pipe-fill,.signal-ball{display:none}
  .pipe-node p{max-width:none}
  .step-no {min-width: 60px;}
}