@charset "utf-8";
/* CSS Document */
@media all{
.section--partners-hero{position: relative; overflow: hidden; min-height: 680px; padding-top: clamp(80px, 12vw, 140px); padding-bottom: clamp(120px, 18vw, 220px);}
.partners-hero-video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.section--partners-hero::after{content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.45); z-index: 1;}
.section--partners-hero .container{position: relative; z-index: 2;}
.section--partners-hero h1{font-size: clamp(28px, 5vw, 52px);}
.section--partners-hero p{max-width: 60ch; color: rgba(255,255,255,0.85); margin-inline: auto;}
.partners-hero-eyebrow{font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.8;}

.section--partners-outer{margin-top: -160px; position: relative; z-index: 10;}
.section--partners-outer .container{max-width: 1080px;}
.heading-gap{margin-bottom: clamp(2rem, 4vw, 3.75rem);}

.section--partners-listing{background: #fff; border-radius:20px; box-shadow: 0 -4px 40px rgba(0,0,0,0.12); padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 3rem); border: 1px solid #A9ADFF}
.section--partners-listing h2{font-size: clamp(1.25rem, 4vw, 2.1875rem);}
.partners-listing-grid ul{list-style: none; column-gap: 12px; row-gap:12px;}
.partners-listing-grid ul li{width: 25%; max-width: 230px;}
.partners-listing-grid ul li a{border-color: #EBEAFF !important; height: 65px;}
.partners-listing-grid ul li a img{max-height:26px; transition: all 0.4s ease;}
.partners-listing-grid ul li a:hover img{transform: scale(1.1);}
.partners-listing-grid ul li a:hover{border-color: var(--PrimaryClr)!important;}

.card-growth figure{height:60px;}
.card-growth figure img{max-height: 60px;}
.card-growth h3{font-size:20px;}

/* Partnership types section */
.section--partnership-types .container{max-width: 1080px;}
.section--partnership-types .heading-gap p{max-width: 80ch; margin-inline: auto; color: #51564E;}

.ptype-card{background: #fff; border: 1px solid #E4E2FF; border-radius: var(--BorderRadius); padding: clamp(1.25rem, 2vw, 2rem); box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease, transform 0.3s ease;}
.ptype-card:hover{box-shadow: 0 6px 24px rgba(0,0,0,0.12); transform: translateY(-4px);}
.ptype-card h4{font-size: clamp(1.05rem, 1.5vw, 1.25rem);}
.ptype-card > p{color: #51564E; font-size: 14px; line-height: 1.7;}

.ptype-best-label{font-size: 11px; font-weight: 700; letter-spacing: 0.12em; color: #888; text-transform: uppercase; margin-bottom: 10px;}

.ptype-chips{display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: 8px; margin-bottom: 0;}
.ptype-chip{display: inline-block; background: #E7EFFE; color:#292929; font-size: 12px; font-weight: 500; padding: 5px 12px; border-radius: 20px; white-space: nowrap;}

.ptype-link{display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #fff; background: #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);}

/* Partner Advantage scroll section */
.section--partner-advantage{height: calc(100vh * 5); position: relative;}
.pa-sticky{position: sticky; top: 0; height: 100vh; overflow: hidden; background: url('../images/partners/partner-scroll-image-bg.jpg') no-repeat center center; background-size: cover; display: flex; align-items: center;}
.pa-layout{display: flex; align-items: center; gap: 60px; width: 100%; max-width: 1080px; margin-inline: auto; padding-inline: 1.5rem;}
.pa-left{flex: 0 0 340px; max-width: 340px;}
.pa-left h2{font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.2; margin-bottom: 1.25rem;}
.pa-left p{font-size: 15px; line-height: 1.7; opacity: 0.85;}
.pa-right{flex: 1; position: relative; height:520px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 26%, #000 74%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 26%, #000 74%, transparent 100%);}
.pa-cards-track{display: flex; flex-direction: column; gap: 16px; will-change: transform; transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.pa-card{display: flex; align-items: flex-start; align-items: center; gap: 3rem; min-height: 250px; padding: 20px 24px; border-radius: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(6px); transition: background 0.45s ease, border-color 0.45s ease, opacity 0.45s ease, transform 0.45s ease; opacity: 0.5; transform: scale(0.9); transform-origin: center center;}
.pa-card.is-active{background: #fff; border-color: #fff; opacity: 1; transform: scale(1);}
.pa-card.is-active .pa-card-icon{color: #1C02A5; background: #E7EFFE;}
.pa-card.is-active .pa-card-body h5{color: #0d0d2b;}
.pa-card.is-active .pa-card-body p{color: #444;}

.pa-card-icon{flex-shrink: 0; --size:80px; width:var(--size); height:var(--size); border-radius: 10px; background: rgba(255,255,255,0.15); color: #fff; display: flex; align-items: center; justify-content: center; transition: background 0.4s ease, color 0.4s ease;}
.pa-card-body h5{font-size: 2rem; color: #fff; margin-bottom:1rem!important; transition: color 0.4s ease;}
.pa-card-body p{color: rgba(255,255,255,0.75); line-height: 1.6; margin: 0; transition: color 0.4s ease;}

/* Why Businesses Partner section */
.section--why-partner .container{max-width: 1080px;}
.why-partner-card{background: #fff; border: 1px solid #E7EFFE; border-radius: var(--BorderRadius); padding: clamp(1.5rem, 2.5vw, 2.5rem); box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease, transform 0.3s ease;}
.why-partner-card:hover{box-shadow: 0 6px 24px rgba(0,0,0,0.12); transform: translateY(-4px);}
.why-partner-icon{width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;}
.why-partner-icon img{max-width: 100%; max-height: 100%; object-fit: contain;}
.why-partner-card h5{font-size: clamp(1rem, 1.5vw, 1.125rem);}
.why-partner-card p{color: #51564E; font-size: 14px; line-height: 1.75; max-width: 32ch; margin-inline: auto;}

/* Trusted orgs marquee */
.section--trusted-orgs .container{max-width: 860px;}
.section--trusted-orgs .heading-gap p{max-width: 72ch; margin-inline: auto; color: #51564E;}

.trusted-marquee-wrap{overflow: hidden; width: 100%; position: relative;}
.trusted-marquee-wrap::before,
.trusted-marquee-wrap::after{content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;}
.trusted-marquee-wrap::before{left: 0; background: linear-gradient(to right, #fff 0%, transparent 100%);}
.trusted-marquee-wrap::after{right: 0; background: linear-gradient(to left, #fff 0%, transparent 100%);}

.trusted-marquee{display: flex; width: max-content; animation: marquee-scroll 35s linear infinite;}
.trusted-marquee:hover{animation-play-state: paused;}

.trusted-logo-set{display: flex; align-items: center; gap: 140px; padding-inline: 28px;}
.trusted-logo-set img{height: 120px; width: auto; object-fit: contain; filter: grayscale(1); opacity: 0.65; transition: filter 0.3s ease, opacity 0.3s ease;}
.trusted-logo-set img:hover{filter: grayscale(0); opacity: 1;}

@keyframes marquee-scroll{
  0%  { transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

.section--opportunities{background:url('../images/partners/opportunities.webp') no-repeat center; background-size: cover;}
.section--opportunities .container{max-width: 1230px;}
.section--opportunities .group-heading{max-width:900px;}
.section--opportunities .group-heading h2{text-wrap: balance;}

.opportunities-cards{margin-top: var(--section-gap-large);}
.opportunities-cards .card{border-color: #EAEAEA!important; border-radius: var(--BorderRadius); padding: clamp(1rem, 1.5vw + 0.5rem, 1.875rem);}
/* .opportunities-cards figure{width: 64px; height:64px; border-radius: 10px; background: #EBEAFF;} */
.opportunities-cards figure img{max-height: 55px;}
.opportunities-cards h3{font-size:24px;}
.opportunities-cards p{color: #51564E;}

.section--partner-form{background: #05022F;}
.section--partner-form .group-heading{margin-bottom: clamp(2rem, 4vw, 3rem);}
.section--partner-form .container{max-width: 1080px;}

.pf-tiers{max-width: 440px;}
.pf-tier-icon{width: 72px; height: 72px; margin: 0;}
.pf-tier-icon img{width: 72px; height: 72px; object-fit: contain;}
.pf-tier-item h5{font-size: 1.1rem;}
.pf-tier-item p{font-size: 14px; line-height: 1.7; opacity: 0.75;}

.pf-card{background: #fff; border-radius: 16px; padding: clamp(1.5rem, 3vw, 2.5rem); box-shadow: 0 8px 40px rgba(0,0,0,0.25);}
.partner-form-grid{row-gap:20px;}
.partner-form-outer{margin-top: 0;}
.partner-form-outer .form-control{border-color:#A4A4A4!important; color: #4C4C4C; font-size: 15px; border-radius: 5px; padding: 0.7rem 0.625rem;}
.partner-form-outer .form-check-input{border-color: #A4A4A4; width: 23px; height: 23px;}
.partner-form-outer label{color: #4C4C4C; font-size:14px;}
.partner-form-outer .form-check-input:checked {background-color:var(--PrimaryClr); border-color: var(--PrimaryClr);}
.request-demo{background: #0089FF;}
.request-demo:hover{background: var(--PrimaryClr);}

.program-business{margin-top: var(--section-gap-medium);}
.program-business .col-md-4{max-width: 360px;}
.program-business .card{background: #FBFFFD; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1); border-radius:var(--BorderRadius); padding:clamp(1rem, 1.5vw + 0.5rem, 1.875rem); transform: translateY(0) scale(1); transition: all 0.3s ease;}
.program-business .card:hover{transform: translateY(-6px) scale(1.02);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);}
.program-business .card h3{font-size: 1rem;}
.program-business .card p{font-size: 12px; color: #041527; line-height: 20px; letter-spacing: 0.3px;}

.section--benefits{background: #EFF7FF;}
.partner-succeed-info{margin-top: var(--section-gap-medium);}
.partner-succeed-info ul{list-style: none;row-gap: 30px;}
.partner-succeed-info ul li{line-height: 175%;letter-spacing:2%;padding-left: 30px;}
.partner-succeed-info ul li:before{content: '';background: url('../images/star-bullet.svg') no-repeat center;background-size: contain;position: absolute;top: 4px;left: 0px;width: 20px;height: 20px;}

.partner-cta-inner{background: url('../images/partners/partner-cta-bg.webp') no-repeat center; background-size: cover; border-radius: calc(var(--BorderRadius) + 10px);}

/* Video CTA section */
.section--partner-video-cta{position: relative; overflow: hidden; min-height: 280px; display: flex; align-items: center; justify-content: center;}
.partner-cta-video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.partner-cta-overlay{position: absolute; inset: 0; background: rgba(5, 2, 47, 0.65); z-index: 1;}
.partner-cta-content{position: relative; z-index: 2; padding-block: clamp(3rem, 6vw, 5rem);}
.partner-cta-content h2{font-size: clamp(1.6rem, 3.5vw, 2.5rem);}
.partner-cta-btn{display: inline-block; padding: 14px 36px; border: 2px solid #fff; border-radius: 8px; color: #fff; background: transparent; font-size: 15px; font-weight: 600; text-decoration: none; transition: background 0.25s ease, color 0.25s ease;}
.partner-cta-btn:hover{background: #fff; color: #05022F;}


/* Detail page start */
.pd-hero-caption h1{font-size: clamp(1.75rem, 2vw + 1rem, 2.625rem);}
.pd-hero-caption p{color: #333333; max-width: 980px;}
.pd-about-section .container{max-width: 985px;}

.pd-image-box{background: url('../images/partners/partnership-bg.webp') no-repeat center; background-size: cover; border-radius: var(--BorderRadius); max-width: 930px;}
.pd-image-box img{max-height: 300px;}

.pd-about-inner{background: radial-gradient(314.81% 305.25% at 50% 0%, #030312 20%, #3E3EDF 40%);}
.pd-card h3{font-size: 18px;}
.pd-card p{font-size: 13px; letter-spacing: 0.3px; line-height:20px; max-width: 90%; margin: auto;}

.section--testimonial .container{max-width:1100px;}
.partner-testimonials p{color: #4B4B4B; font-size: clamp(1.75rem, 1.5vw + 1rem, 2.625rem);}
.partner-testimonials span{font-size: clamp(1.125rem, 1vw + 0.75rem, 1.875rem); color: var(--PrimaryClr);}


.hero-get-started form{width:100%; max-width:350px; background: #ffffff;}
.hero-get-started form .form-control{color: #030312; font-size: 14px; padding:0.8rem 1rem;}
.hero-get-started form .btn-secondary:hover{background: var(--PrimaryClr); color:#ffffff;}


}

@media all and (min-width:767px){

}

@media all and (min-width:960px){
  .section--partners-hero p{line-height: 32px;}
  .section--opportunities .group-heading{font-size:17px;}
  .card-growth h3{font-size:24px; min-height:57px; max-width:17ch;}

  .section--partner-business .group-heading{max-width: 50%;}
  .section--benefits .group-heading{max-width: 50%;}
  .partner-cta-inner h2{max-width: 80%;}
  .partner-cta-inner a{min-width: 280px;}
  .pd-hero-caption  p{font-size: 20px; letter-spacing: 2%; line-height:36px;}
  .pd-about-section p{letter-spacing: 2%; line-height: 28px;}
  .pd-card p{font-size: 13px; letter-spacing: 0.3px; line-height: 24px; max-width:90%; text-wrap: balance; margin-left: 0px;}
}

@media all and (min-width:1300px){
  .card-growth p{text-wrap: balance;}
  .growth-outer .col-md-3{max-width: 250px;}
  .section--partner-cta .container{max-width: 1200px;}
}

@media all and (max-width:1300px){

}

@media all and (max-width:767px){
  .partners-listing-grid ul{row-gap: 10px;}
  .partners-listing-grid ul li {width:45%;}
  .section--partners-listing h2{text-wrap: balance;}
  .partner-succeed-info ul{row-gap: 20px;}

  .section--partners-listing{padding: clamp(2rem, 4vw, 3.5rem) clamp(0rem, 3vw, 3rem);}
  .partners-listing-grid ul li a img{max-width: 120px;}

  .section--partner-business .group-heading,
  .section--benefits .group-heading{text-wrap: balance;}

  .section--partner-advantage{height: auto;}
  .pa-sticky{position: relative; height: auto; padding-block: 3rem;}
  .pa-layout{flex-direction: column; gap: 2rem;}
  .pa-left{flex: none; max-width: 100%;}
  .pa-right{height: auto; overflow: visible; -webkit-mask-image: none; mask-image: none;}
  .pa-cards-track{transform: none !important; transition: none; gap: 16px;}
  .pa-card{opacity: 1 !important; transform: scale(1) !important; background: #fff !important; border-color: #fff !important; gap: 18px; min-height: unset; align-items: self-start;}
  .pa-card .pa-card-icon{background: #E7EFFE !important; color: #1C02A5 !important; --size:52px;}
  .pa-card .pa-card-body h5{color: #0d0d2b !important; font-size: 1rem; margin-bottom: 4px!important;}
  .pa-card .pa-card-body p{color: #444 !important; font-size: 13px;}
}