:root{
  --navy:#08183f;
  --navy-soft:#132855;
  --blue:#0875e9;
  --blue-dark:#0367d7;
  --green:#3caf3f;
  --green-dark:#299b2c;
  --muted:#59667c;
  --light-blue:#eef8ff;
  --border:#e7edf5;
  --shadow:0 16px 38px rgba(7, 24, 63, .08);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Manrope',sans-serif;
  color:var(--navy);
  background:#fff;
  overflow-x:hidden;
}
a{text-decoration:none;}

.container{
  max-width:1440px !important;
  width:100%;
  padding-left:15px;
  padding-right:15px;
}

/* Header */
.site-header{
  box-shadow:0 5px 28px rgba(7,24,63,.04);
}
.site-logo{
  width:100px;
  height:auto;
  display:block;
}
.navbar .nav-link{
  color:var(--navy);
  font-size:14px;
  font-weight:800;
  padding:8px 0;
}
.navbar .nav-link.active,
.navbar .nav-link:hover{
  color:var(--blue);
}
.dropdown-item{
  font-weight:700;
  color:var(--navy);
  font-size:14px;
  padding:10px 18px;
}
.dropdown-item:hover{color:var(--blue);background:#eef8ff;}
.custom-btn,
.nav-btn{
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  border:0;
  border-radius:8px;
  padding:13px 26px;
  font-size:14px;
  font-weight:800;
  box-shadow:0 12px 24px rgba(8,117,233,.18);
}
.custom-btn:hover{background:linear-gradient(135deg,var(--blue-dark),var(--blue));}
.nav-btn{padding:12px 23px;}
.custom-outline-btn{
  border:2px solid var(--blue);
  color:var(--blue);
  border-radius:8px;
  padding:11px 27px;
  font-size:14px;
  font-weight:800;
  background:#fff;
}
.custom-outline-btn:hover{background:var(--blue);color:#fff;}

/* Common */
.section-padding-top{padding:130px 0 55px;}
.section-padding{padding:64px 0;}
.section-padding-sm{padding:54px 0;}
.eyebrow{
  color:var(--green);
  font-size:13px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
  margin-bottom:12px;
}
.blue-eyebrow{color:var(--blue);}
h1,h2,h3,h4,h5,h6{font-weight:900;color:var(--navy);}
p{color:var(--muted);line-height:1.65;}
.small-text{font-size:14px;font-weight:600;}
.title-line{
  width:70px;
  height:3px;
  border-radius:30px;
  background:var(--blue);
  margin:22px 0 24px;
}
.green-text{color:var(--green);}
.blue-text{color:var(--blue);}
.green-btn{
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  border:0;
  border-radius:8px;
  padding:13px 24px;
  font-weight:800;
  font-size:14px;
  box-shadow:0 12px 24px rgba(60,175,63,.18);
}
.green-outline-btn{
  color:var(--green);
  border:2px solid var(--green);
  border-radius:8px;
  padding:12px 22px;
  font-size:14px;
  font-weight:800;
}
.green-outline-btn:hover{background:var(--green);color:#fff;}

/* Hero */
.hero-section {
    position: relative;
    background: radial-gradient(circle at 5% 30%, rgba(8, 117, 233, .06), transparent 28%), linear-gradient(180deg, #fff 0%, #fff 72%, #f7fbff 100%);
    background-image: url(../images/home-banner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 750px;
    height: auto;
}
.hero-content h1{
  font-size:43px;
  line-height:1.18;
  letter-spacing:-1.5px;
  margin-bottom:0;
}
.hero-content h1 span{color:var(--green);}
.hero-content p{
  color:var(--navy-soft);
  font-size:16px;
  font-weight:700;
  max-width:440px;
}
.hero-image-wrap{
  position:relative;
  text-align:right;
}
.hero-image-wrap:before{
  content:"";
  position:absolute;
  left:6%;
  top:2%;
  width:120px;
  height:120px;
  background-image:radial-gradient(rgba(60,175,63,.35) 1.6px, transparent 1.6px);
  background-size:15px 15px;
  z-index:0;
}
.hero-image{
  position:relative;
  z-index:2;
  width:100%;
  max-width:600px;
  border-radius:0 0 20px 20px;
}

/* Who */
.who-section{
  padding:38px 0 48px;
  background:linear-gradient(180deg,#f5fbff 0%,#fff 100%);
}
.who-section h2{
  font-size:28px;
  line-height:1.22;
  letter-spacing:-.5px;
}
.help-item i{
  font-size:37px;
  color:var(--blue);
  line-height:1;
}
.help-item h6{
  font-size:13px;
  line-height:1.3;
  margin:12px 0 0;
}
.stats-card{
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  border-radius:14px;
  padding:20px 8px;
}
.stat-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:84px;
  border-right:1px solid #d9e3f0;
}
.stat-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  color:#fff;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:19px;
}
.stat-icon.green{background:var(--green);}
.stat-icon.blue{background:var(--blue);}
.stat-box h3{
  font-size:29px;
  margin:0;
  line-height:1;
}
.stat-box p{
  font-size:12px;
  color:var(--navy);
  font-weight:800;
  line-height:1.35;
  margin:8px 0 0;
}

/* Services */
.services-section{background:#fff;}
.section-heading{max-width:760px;}
.section-heading h2{
  font-size:30px;
  letter-spacing:-.6px;
  margin-bottom:12px;
}
.section-heading p:not(.eyebrow){
  color:var(--navy-soft);
  font-size:14px;
  font-weight:600;
}
.service-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:0 12px 34px rgba(7,24,63,.055);
  height:100%;
  display:flex;
  align-items:center;
  gap:20px;
  transition:.25s ease;
}
.service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 44px rgba(7,24,63,.1);
}
.compact-card{padding:28px 23px;}
.large-card{padding:34px 28px;min-height:150px;}
.circle-icon{
  width:70px;
  height:70px;
  flex:0 0 70px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:31px;
}
.blue-bg{background:linear-gradient(135deg,var(--blue),var(--blue-dark));}
.green-bg{background:linear-gradient(135deg,var(--green),var(--green-dark));}
.service-card h5,
.service-card h4{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.25;
}
.service-card h4{font-size:21px;}
.service-card p{
  font-size:12px;
  color:var(--navy-soft);
  font-weight:700;
  line-height:1.55;
  margin:0;
}

/* Why */
.why-section{
  background:linear-gradient(90deg,#fbfff8 0%, #fff 52%, #fbfff8 100%);
}
.why-section h2{
  font-size:28px;
  line-height:1.22;
  letter-spacing:-.6px;
}
.why-grid{
  background:rgba(255,255,255,.55);
}
.why-item{
  padding:22px 26px;
  border-right:1px solid #d9e3f0;
}
.why-item i{
  font-size:48px;
  color:var(--blue);
}
.why-item h5{
  font-size:17px;
  line-height:1.2;
  margin:16px 0 10px;
}
.why-item p{
  font-size:12px;
  color:var(--navy-soft);
  font-weight:700;
  line-height:1.55;
  margin:0;
}

/* Logos */
.logos-section{
  background:linear-gradient(180deg,#eef8ff 0%,#f9fdff 100%);
}
.logo-card{
  height:102px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.logo-card img{
  max-width:100%;
  max-height:70px;
  object-fit:contain;
}

/* CRM */
.crm-section{
  padding:54px 0 24px;
  position:relative;
  background: linear-gradient(180deg, #e8f2fc 0%, #e8f2fc 68%, #e9f2fc 100%);
  overflow:hidden;
}
.crm-section:after{
  content:"";
  position:absolute;
  right:-50px;
  bottom:30px;
  width:180px;
  height:180px;
  background:rgba(60,175,63,.18);
  border-radius:50% 50% 30% 70%;
}
.crm-section h2{
  font-size:30px;
  line-height:1.18;
  letter-spacing:-.5px;
}
.crm-list li{
  color:var(--navy);
  font-size:14px;
  font-weight:800;
  margin:7px 0;
}
.crm-list i{color:var(--blue);margin-right:8px;}
.dashboard-wrap{
  position:relative;
  z-index:2;
  text-align:center;
}
.dashboard-img{
  width:100%;
  max-width:590px;
  /* filter:drop-shadow(0 18px 35px rgba(7,24,63,.15)); */
}

/* CTA */
.final-cta{
  background:linear-gradient(120deg,#0474dd 0%, #148fe4 35%, #43b946 100%);
  padding:24px 0;
}
.cta-icon{
  width:82px;
  height:82px;
  flex:0 0 82px;
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  display:grid;
  place-items:center;
  font-size:44px;
}
.cta-box h2{
  color:#fff;
  font-size:31px;
  letter-spacing:.2px;
  margin:0 0 5px;
}
.cta-box p{
  color:#fff;
  opacity:.94;
  font-size:15px;
  font-weight:700;
  margin:0;
}
.cta-btn{
  background:#fff;
  color:var(--blue);
  border-radius:8px;
  padding:14px 34px;
  font-weight:900;
  font-size:14px;
  box-shadow:0 16px 28px rgba(7,24,63,.12);
}
.cta-btn:hover{background:var(--navy);color:#fff;}

/* Responsive */
@media (min-width:1400px){
  .container{max-width:1320px;}
  .hero-image{max-width:680px;}
  .dashboard-img{max-width:720px;}
}
@media (max-width:1199.98px){
  .hero-content h1{font-size:38px;}
}
@media (max-width:991.98px){
  .container{padding-left:32px;padding-right:32px;}
  .hero-image-wrap{text-align:center;}
  .elev-rsp-home .who-section h2,
  .elev-rsp-home .why-section h2,
  .elev-rsp-home .crm-section h2{text-align:center;}
  .stat-box{border-right:0;border-bottom:1px solid #e5edf6;}
  .stat-box:nth-child(3),.stat-box:nth-child(4){border-bottom:0;}
  .why-item{border-right:0;border-bottom:1px solid #e2eaf5;}
  .why-item:nth-child(3),.why-item:nth-child(4){border-bottom:0;}
  .cta-box h2{font-size:27px;}
}
@media (max-width:767.98px){
  .elev-rsp-home .hero-content h1{font-size:32px;}
  .section-heading h2,
  .crm-section h2{font-size:26px;}
  .who-section h2,.why-section h2{font-size:25px;}
  .compact-card,.large-card{padding:24px 20px;}
  .service-card{align-items:flex-start;}
  .circle-icon{width:60px;height:60px;flex-basis:60px;font-size:25px;}
  .logo-card{height:92px;}
  .cta-box h2{font-size:24px;}
}
@media (max-width:575.98px){
  .container{padding-left:18px;padding-right:18px;}
  .elev-rsp-home .hero-content h1{font-size:29px;}
  .elev-rsp-home .custom-btn,
  .elev-rsp-home .custom-outline-btn,
  .elev-rsp-home .green-outline-btn,
  .elev-rsp-home .green-btn,
  .elev-rsp-home .cta-btn{width:100%;}
  .elev-rsp-home .stat-box{flex-direction:column;gap:9px;padding:18px 8px;}
  .elev-rsp-home .service-card{flex-direction:column;text-align:left;}
  .elev-rsp-home .help-icons{margin-top:20px;}
  .elev-rsp-home .section-padding{padding:50px 0;}
  .elev-rsp-home .section-padding-sm{padding:42px 0;}
}

.custom-service-svg{width:34px;height:34px;display:block;}















/* About-Us Page Css */


.enp-primary-btn {
  background: linear-gradient(135deg, #0878e8, #0062ca);
  border: 0;
  border-radius: 8px;
  color: #fff !important;
  font-weight: 800;
  font-size: 14px;
  padding: 14px 25px;
  box-shadow: 0 12px 24px rgba(4, 117, 223, .18);
}
.enp-icon-btn {
  display: inline-flex;
  gap: 20px;
  align-items: center;
  min-width: 190px;
  justify-content: center;
}

.enp-section-padding-top { padding-top: 65px; }
.enp-section-padding { padding: 62px 0; }
.enp-section-padding-bottom { padding-bottom: 55px; }
.enp-eyebrow {
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: .5px;
  font-weight: 900;
  margin-bottom: 17px;
}
.enp-text-blue { color: var(--blue); }
.enp-text-green { color: var(--green-dark); }
.enp-green-title { color: var(--green-dark) !important; }
.enp-blue-title { color: var(--blue) !important; }
.enp-title-line {
  width: 76px;
  height: 3px;
  border-radius: 99px;
  background: var(--blue);
  margin: 22px 0 27px;
}
.enp-mini-line {
  width: 34px;
  height: 2px;
  border-radius: 99px;
  margin: 14px 0 19px;
}
.enp-green-line { background: var(--green); }

.enp-hero-section {
  min-height: 600px;
    background: radial-gradient(circle at 5% 30%, rgba(8, 117, 233, .06), transparent 28%), linear-gradient(180deg, #fff 0%, #fff 72%, #f7fbff 100%);
    background-image: url(../images/about-banner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
.enp-hero-title {
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.1;
  letter-spacing: -.04em;
  font-weight: 900;
  margin: 0;
  color: #06143d;
}
.enp-hero-title span { color: var(--blue); display: inline-block; }
.enp-hero-title strong { color: var(--green); font-weight: 900; }
.enp-hero-section p {
  max-width: 440px;
  color: var(--text);
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 20px;
  font-weight: 500;
}
.enp-hero-img {
  width: 100%;
  max-width: 675px;
  margin-right: -45px;
}

.enp-mission-section { padding: 20px 0 35px; }
.enp-mission-card {
  background: linear-gradient(120deg, rgba(233, 247, 255, .98), rgba(246, 252, 255, .96));
  border-radius: 24px;
  padding: 46px 48px;
  box-shadow: 0 25px 65px rgba(18, 104, 174, .08);
}
.enp-mission-block {
  display: flex;
  gap: 36px;
  align-items: center;
}
.enp-mission-border {
  border-left: 1px solid #b7cbdc;
  padding-left: 55px;
}
.enp-icon-circle {
  width: 112px;
  height: 112px;
  min-width: 112px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .03);
  font-size: 48px;
}
.enp-icon-circle.enp-blue-icon { color: var(--blue); }
.enp-icon-circle.enp-green-icon { color: var(--green); }
.enp-mission-card h3 {
  font-size: 26px;
  font-weight: 900;
  margin: 0;
}
.enp-mission-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--text);
  font-weight: 500;
}

.enp-section-heading h2 {
  color: #06143d;
  font-size: clamp(30px, 4vw, 42px);
  font-weight: 900;
  letter-spacing: -.03em;
  margin: 0;
}
.enp-values-grid {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.enp-value-item {
  padding: 0 26px;
  text-align: center;
  border-right: 1px solid #cfdcea;
}
.enp-value-item:last-child { border-right: 0; }
.enp-value-icon {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
  font-size: 38px;
}
.enp-blue-bg { background: #edf6ff; color: var(--blue); }
.enp-green-bg { background: #edf8ec; color: var(--green); }
.enp-value-item h4 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 10px;
}
.enp-value-item p {
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
  font-weight: 500;
}

.enp-different-section { padding: 15px 0 48px; }
.enp-team-img {
  width: 100%;
  max-width: 520px;
  margin-left: -12px;
}
.enp-content-dot {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(74, 173, 74, .42);
  margin: 0 0 -7px -52px;
}
.enp-different-title {
  color: #06143d;
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.12;
  margin-bottom: 18px;
}
.enp-different-text {
  max-width: 650px;
  color: var(--text);
  line-height: 1.65;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 28px;
}
.enp-check-list-row { max-width: 690px; }
.enp-border-md-start { border-left: 1px solid #cbd8e6; }
.enp-check-item {
  display: flex;
  gap: 14px;
  margin-bottom: 22px;
  align-items: flex-start;
}
.enp-check-item i {
  color: var(--blue);
  font-size: 22px;
  line-height: 1;
  margin-top: 2px;
}
.enp-check-item h5 {
  font-size: 15px;
  font-weight: 900;
  margin: 0 0 4px;
}
.enp-check-item p {
  font-size: 12.5px;
  line-height: 1.4;
  margin: 0;
  color: #26324f;
  font-weight: 500;
}

.enp-stats-card {
  border: 1px solid #cbdce9;
  border-radius: 18px;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  min-height: 150px;
  align-items: center;
  overflow: hidden;
}
.enp-stat-item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 10px 38px;
  border-right: 1px solid #cbdce9;
}
.enp-stat-item:last-child { border-right: 0; }
.enp-stat-icon {
  width: 62px;
  height: 62px;
  min-width: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 27px;
}
.enp-green-stat { background: var(--green); }
.enp-blue-stat { background: var(--blue); }
.enp-stat-item strong {
  display: block;
  font-size: 36px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 8px;
}
.enp-stat-item span {
  display: block;
  font-size: 13px;
  color: #061641;
  line-height: 1.35;
  font-weight: 600;
}

.enp-cta-section {
  background: linear-gradient(105deg, #0076df 0%, #006bd2 58%, #1fa35d 120%);
  padding: 30px 0;
  color: #fff;
}
.enp-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.enp-cta-left {
  display: flex;
  align-items: center;
  gap: 28px;
}
.enp-cta-icon {
  width: 75px;
  height: 75px;
  min-width: 75px;
  background: #fff;
  border-radius: 50%;
  color: var(--blue);
  display: grid;
  place-items: center;
  font-size: 36px;
}
.enp-cta-section h2 {
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.1;
  font-weight: 900;
  margin: 0 0 11px;
  color: #fff;
}
.enp-cta-section p {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
}
.enp-cta-btn {
  background: #fff;
  color: var(--blue) !important;
  font-size: 14px;
  font-weight: 900;
  padding: 15px 35px;
  border-radius: 8px;
  min-width: 220px;
  display: inline-flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1199.98px) {
  .enp-container { max-width: 960px; }
  .enp-brand-logo { width: 165px; }
  .navbar .nav-link { font-size: 13px; }
  .enp-hero-img { margin-right: 0; }
  .enp-value-item { padding: 0 16px; }
  .enp-stat-item { padding: 24px 22px; gap: 16px; }
}

@media (max-width: 991.98px) {
  .navbar-collapse {
    padding: 20px 0;
    border-top: 1px solid #edf2f8;
    margin-top: 14px;
  }
  .navbar .nav-link { padding: 11px 0; }
  .navbar .nav-link.active::after { display: none; }
  .enp-nav-btn { margin-top: 8px; }
  .enp-section-padding-top { padding-top: 35px; }
      .enp-hero-section {
        text-align: center;
        padding: 270px 0 45px;
        background-position: 100% -7%;
        background-size: 180%;
    }
  .enp-hero-section p { margin-left: auto; margin-right: auto; }
  .enp-title-line { margin-left: auto; margin-right: auto; }
  .enp-hero-img { max-width: 760px; }
  .enp-mission-card { padding: 32px; }
  .enp-mission-border { border-left: 0; border-top: 1px solid #cbd8e6; padding-left: calc(var(--bs-gutter-x) * .5); padding-top: 28px; }
  .enp-values-grid { grid-template-columns: repeat(3, 1fr); row-gap: 38px; }
  .enp-value-item:nth-child(3) { border-right: 0; }
  .enp-team-img { display: block; margin: 0 auto; }
  .enp-content-dot { margin-left: 0; }
  .enp-different-section { text-align: center; }
  .enp-different-text, .enp-check-list-row { margin-left: auto; margin-right: auto; }
  .enp-check-item { text-align: left; }
  .enp-stats-card { grid-template-columns: repeat(2, 1fr); }
  .enp-stat-item:nth-child(2) { border-right: 0; }
  .enp-stat-item:nth-child(-n+2) { border-bottom: 1px solid #cbdce9; }
  .enp-cta-inner { flex-direction: column; text-align: center; }
  .enp-cta-left { flex-direction: column; gap: 16px; }
}

@media (max-width: 767.98px) {
  .enp-brand-logo { width: 150px; }
  .enp-mission-block { flex-direction: column; text-align: center; gap: 18px; }
  .enp-mission-card { border-radius: 20px; padding: 28px 20px; }
  .enp-mission-card .enp-mini-line { margin-left: auto; margin-right: auto; }
  .enp-values-grid { grid-template-columns: repeat(2, 1fr); }
  .enp-value-item { border-right: 0; padding: 0 15px; }
  .enp-border-md-start { border-left: 0; }
  .enp-stats-card { grid-template-columns: 1fr; }
  .enp-stat-item,
  .enp-stat-item:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #cbdce9;
  }
  .enp-stat-item:last-child { border-bottom: 0; }
  .enp-stat-item { justify-content: center; text-align: left; }
}

@media (max-width: 575.98px) {
  .enp-hero-title { font-size: 41px; }
  .enp-section-padding { padding: 45px 0; }
  .enp-values-grid { grid-template-columns: 1fr; gap: 30px; }
  .enp-value-item { max-width: 310px; margin: 0 auto; }
  .enp-stat-item { padding: 22px 20px; }
  .enp-cta-btn { width: 100%; }
}













/* Donation Page Css */

.dnrpg-donor-hero-section {
    position: relative;
    overflow: hidden;
    padding: 22px 0 100px;
    background: radial-gradient(circle at 96% 35%, rgba(31, 163, 76, .11) 0 16%, transparent 33%), radial-gradient(circle at 82% 14%, rgba(0, 111, 230, .07) 0 20%, transparent 40%), #fff;
    background-image: url(../images/donation-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.dnrpg-donor-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--donor-navy);
  font-size: 13px;
  font-weight: 600;
  margin: 8px 0 36px;
}

.dnrpg-donor-breadcrumbs a {
  color: var(--donor-navy);
}

.dnrpg-donor-breadcrumbs i {
  color: var(--donor-blue);
  font-size: 11px;
}

.dnrpg-donor-eyebrow {
  display: inline-block;
  color: var(--donor-green);
  font-size: 13px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 900;
  margin-bottom: 12px;
}

.dnrpg-donor-hero-title {
  color: var(--donor-navy);
  font-size: clamp(38px, 4.2vw, 44px);
  line-height: 1.16;
  letter-spacing: -0.045em;
  font-weight: 900;
  margin-bottom: 22px;
}

.dnrpg-donor-hero-title span {
  color: var(--donor-green);
}

.dnrpg-donor-title-line {
  width: 52px;
  height: 3px;
  background: var(--donor-green);
  margin-bottom: 24px;
}

.dnrpg-donor-hero-text {
  color: var(--donor-text);
  font-size: 16px;
  line-height: 1.85;
  max-width: 500px;
  margin-bottom: 28px;
  font-weight: 500;
}

.dnrpg-donor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}

.dnrpg-donor-dashboard-wrap {
  position: relative;
  margin-right: -15px;
}

.dnrpg-donor-dashboard-wrap::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 999px;
  left: 32px;
  top: 26px;
  background-image: radial-gradient(var(--donor-blue) 2px, transparent 2px);
  background-size: 20px 20px;
  opacity: .42;
  z-index: 0;
}

.dnrpg-donor-dashboard-img {
  position: relative;
  z-index: 1;
  width: 100%;
  filter: drop-shadow(0 24px 42px rgba(22, 74, 125, .12));
}

.dnrpg-donor-benefit-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    max-width: 650px;
    margin-top: -50px;
    align-items: center;
}
.dnrpg-donor-benefit-item {
  display: flex;
  gap: 11px;
  align-items: center;
  color: var(--donor-navy);
  font-size: 12px;
  line-height: 1.35;
}

.dnrpg-donor-benefit-item span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eaf6ec;
  color: var(--donor-green);
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  font-size: 17px;
}

.dnrpg-donor-system-section {
  padding: 32px 0 14px;
  background:
    linear-gradient(180deg, rgba(246, 251, 255, .95), rgba(250, 253, 255, .92));
}

.dnrpg-donor-section-heading {
  margin-bottom: 22px;
}

.dnrpg-donor-section-heading h2 {
  color: var(--donor-navy);
  font-size: clamp(25px, 2.6vw, 34px);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.25;
  margin: 0;
}

.dnrpg-donor-card {
  background: rgba(255, 255, 255, .93);
  border: 1px solid var(--donor-border);
  border-radius: 13px;
  box-shadow: 0 12px 36px rgba(6, 20, 61, .05);
}

.dnrpg-donor-feature-card {
  height: 100%;
  text-align: center;
  padding: 26px 18px 23px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.dnrpg-donor-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 45px rgba(6, 20, 61, .09);
}

.dnrpg-donor-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  font-size: 34px;
}

.dnrpg-donor-icon-green {
  background: #edf8ef;
  color: var(--donor-green);
}

.dnrpg-donor-icon-blue {
  background: #f1f7ff;
  color: var(--donor-blue);
}

.dnrpg-donor-feature-card h3 {
  color: var(--donor-navy);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
  min-height: 40px;
  margin-bottom: 11px;
}

.dnrpg-donor-feature-card p,
.dnrpg-donor-stat-card p,
.dnrpg-donor-impact-section p,
.dnrpg-donor-step p {
  color: var(--donor-text);
  font-size: 13px;
  line-height: 1.7;
  font-weight: 500;
  margin-bottom: 0;
}

.dnrpg-donor-flow-block {
  padding: 52px 0 0;
}

.dnrpg-donor-flow-scroll {
  overflow-x: auto;
  padding-bottom: 6px;
}

.dnrpg-donor-flow {
  min-width: 1060px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  position: relative;
}

.dnrpg-donor-step {
  text-align: center;
  position: relative;
  padding-top: 4px;
}

.dnrpg-donor-step::after {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(50% + 26px);
    width: calc(100% - 45px);
    border-top: 1.5px dashed #006fe6;
    opacity: .75;
}



.dnrpg-donor-step:last-child::after {
  display: none;
}

.dnrpg-donor-step-num {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  position: relative;
  z-index: 3;
  margin-bottom: 26px;
}

.dnrpg-donor-step-green {
      background: #14a447;
}

.dnrpg-donor-step-blue {
      background: #006fe6;
}

.dnrpg-donor-step-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--donor-blue);
  background: #f2f7ff;
  font-size: 30px;
}

.dnrpg-donor-step:nth-child(odd) .dnrpg-donor-step-icon {
  color: var(--donor-green);
  background: #eff9f2;
}

.dnrpg-donor-step h4 {
  color: var(--donor-navy);
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
}

.dnrpg-donor-step p {
  font-size: 11px;
  line-height: 1.65;
  padding: 0 7px;
}

.dnrpg-donor-impact-section {
  padding: 24px 0 0;
  background: linear-gradient(180deg, rgba(250, 253, 255, .96), #fff);
}

.dnrpg-donor-impact-section h2 {
  color: var(--donor-navy);
  font-size: clamp(28px, 3vw, 28px);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.25;
  margin-bottom: 18px;
}

.dnrpg-donor-check-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}

.dnrpg-donor-check-list li {
  color: var(--donor-navy);
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

.dnrpg-donor-check-list i {
  color: var(--donor-green);
  font-size: 16px;
}

.dnrpg-donor-stat-card {
  text-align: center;
  min-height: 245px;
  padding: 30px 16px;
}

.dnrpg-donor-stat-card strong {
  color: var(--donor-green);
  font-size: 34px;
  line-height: 1.1;
  font-weight: 900;
  display: block;
  margin-bottom: 11px;
}

.dnrpg-donor-stat-card h3 {
  color: var(--donor-navy);
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 13px;
}

.dnrpg-donor-cta {
    margin-top: 26px;
    border-radius: 16px;
    padding: 28px 46px;
    color: #fff;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    box-shadow: 0 18px 45px rgba(0, 111, 230, .2);
    background: linear-gradient(268deg, #0474dd 0%, #148fe4 35%, #43b946 100%);
}

a.btn.dnrpg-donor-btn.dnrpg-donor-btn-white {
    font-size: 14px;
    font-weight: 800;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 13px 24px;
    border-width: 2px;
    background: white;
}

a.btn.dnrpg-donor-btn.dnrpg-donor-btn-white:hover {
    background: #08183f;
    color: white !important;
}

.dnrpg-donor-cta-icon {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: var(--donor-blue);
  font-size: 52px;
}

.dnrpg-donor-cta h2 {
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0 0 8px;
}

.dnrpg-donor-cta p {
  color: #fff;
  opacity: .98;
  font-size: 15px;
  margin: 0;
}

.dnrpg-donor-cta-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.dnrpg-donor-demo-link {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}

.dnrpg-donor-demo-link:hover {
  color: #fff;
  opacity: .9;
}

@media (max-width: 1199.98px) {
  .dnrpg-donor-menu {
    gap: 12px;
  }

  .dnrpg-donor-menu .nav-link,
  .dnrpg-donor-nav-btn {
    font-size: 12px;
  }

  .dnrpg-donor-benefit-row {
    margin-top: 20px;
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .dnrpg-donor-navbar {
    min-height: auto;
  }

  .dnrpg-donor-nav-collapse {
    background: #fff;
    padding: 18px 0 8px;
  }

  .dnrpg-donor-menu {
    align-items: flex-start;
    gap: 0;
  }

  .dnrpg-donor-menu .nav-link {
    padding: 10px 0 !important;
  }

  .dnrpg-donor-nav-btn {
    width: 100%;
    margin-top: 10px;
  }

  .dnrpg-donor-hero-section {
    padding-top: 14px;
  }

  .dnrpg-donor-dashboard-wrap {
    margin-right: 0;
  }

  .dnrpg-donor-dashboard-wrap::before {
    display: none;
  }

  .dnrpg-donor-benefit-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .dnrpg-donor-feature-card {
    min-height: 190px;
  }

  .dnrpg-donor-cta {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    padding: 32px 24px;
  }

  .dnrpg-donor-cta-actions {
    align-items: center;
    width: 100%;
  }

  .dnrpg-donor-btn-white {
    width: 100%;
    min-width: auto;
  }
}

@media (max-width: 767.98px) {
  .dnrpg-donor-brand img {
    width: 180px;
  }

  .dnrpg-donor-breadcrumbs {
    flex-wrap: wrap;
    margin-bottom: 26px;
  }

  .dnrpg-donor-actions {
    flex-direction: column;
  }

  .dnrpg-donor-actions .dnrpg-donor-btn {
    width: 100%;
  }

    .dnrpg-donor-benefit-row {
        gap: 12px;
        margin-top: 18px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  .dnrpg-donor-system-section {
    padding-top: 26px;
  }

  .dnrpg-donor-impact-section {
    padding-top: 34px;
  }

  .dnrpg-donor-stat-card {
    min-height: auto;
  }

  .dnrpg-donor-cta h2 {
    font-size: 24px;
  }
}

@media (max-width: 575.98px) {
  .dnrpg-donor-hero-title {
    font-size: 35px;
  }

  .dnrpg-donor-btn {
    padding-left: 18px;
    padding-right: 18px;
  }

  .dnrpg-donor-card {
    border-radius: 14px;
  }
}

/* ===== Color Fix / Conflict Override =====
   These rules keep heading, text, button and icon colors intact
   even if another stylesheet has generic h1, p, i, .btn rules.
*/
.dnrpg-donor-hero-title,
.dnrpg-donor-section-heading h2,
.dnrpg-donor-impact-section h2,
.dnrpg-donor-feature-card h3,
.dnrpg-donor-step h4,
.dnrpg-donor-stat-card h3,
.dnrpg-donor-menu .nav-link,
.dnrpg-donor-breadcrumbs,
.dnrpg-donor-breadcrumbs a,
.dnrpg-donor-benefit-item,
.dnrpg-donor-check-list li {
  color: #06143d !important;
}

.dnrpg-donor-hero-text,
.dnrpg-donor-feature-card p,
.dnrpg-donor-stat-card p,
.dnrpg-donor-impact-section p,
.dnrpg-donor-step p {
  color: #101b43 !important;
}

.dnrpg-donor-eyebrow,
.dnrpg-donor-hero-title span,
.dnrpg-donor-benefit-item span,
.dnrpg-donor-icon-green,
.dnrpg-donor-step-green,
.dnrpg-donor-stat-card strong,
.dnrpg-donor-check-list i,
.dnrpg-donor-step:nth-child(odd) .dnrpg-donor-step-icon {
  color: #14a447 !important;
}

.dnrpg-donor-menu .nav-link:hover,
.dnrpg-donor-menu .nav-link.dnrpg-donor-active,
.dnrpg-donor-breadcrumbs i,
.dnrpg-donor-icon-blue,
.dnrpg-donor-step-icon,
.dnrpg-donor-step-blue,
.dnrpg-donor-cta-icon,
.dnrpg-donor-btn-white,
.dnrpg-donor-demo-link i {
  color: #006fe6 !important;
}

.dnrpg-donor-step-num,
.dnrpg-donor-btn-blue,
.dnrpg-donor-btn-green,
.dnrpg-donor-btn-blue i,
.dnrpg-donor-btn-green i,
.dnrpg-donor-cta,
.dnrpg-donor-cta h2,
.dnrpg-donor-cta p,
.dnrpg-donor-demo-link,
.dnrpg-donor-demo-link i {
  color: #ffffff !important;
}

.dnrpg-donor-btn-blue {
  background: linear-gradient(135deg, #006fe6, #0059ca) !important;
  border-color: #006fe6 !important;
}

.dnrpg-donor-btn-green {
    background: linear-gradient(135deg, #14a447, #078d35) !important;
    border-color: #14a447 !important;
    font-size: 14px;
    font-weight: 800;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 13px 24px;
    border-width: 2px;
}

.dnrpg-donor-btn-outline-green {
    color: #14a447 !important;
    border-color: #14a447 !important;
    background: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 13px 24px;
    border-width: 2px;
}

.dnrpg-donor-btn-outline-green:hover {
  color: #ffffff !important;
  background: #14a447 !important;
}

.dnrpg-donor-title-line {
  background: #14a447 !important;
}

.dnrpg-donor-icon-green,
.dnrpg-donor-step:nth-child(odd) .dnrpg-donor-step-icon {
  background: #eff9f2 !important;
}

.dnrpg-donor-icon-blue,
.dnrpg-donor-step-icon {
  background: #f1f7ff !important;
}

.dnrpg-donor-benefit-item span {
  background: #eaf6ec !important;
}
















/* Speaker Page Css */

.spk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 50px;
  border-radius: 8px;
  padding: 0 17px;
  font-size: 14px;
  font-weight: 800;
  transition: 0.25s ease;
  border: 1px solid transparent;
  white-space: nowrap;
}

.spk-btn-blue {
  background: linear-gradient(135deg, var(--spk-blue), var(--spk-blue-dark)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(0, 111, 230, 0.18);
}

.spk-btn-blue:hover {
  transform: translateY(-2px);
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(0, 111, 230, 0.26);
}

.spk-btn-outline-blue {
  background: #ffffff !important;
  color: var(--spk-blue) !important;
  border-color: var(--spk-blue) !important;
}

.spk-btn-outline-blue:hover {
  background: var(--spk-blue) !important;
  color: #ffffff !important;
}

.spk-header-btn {
  min-width: 180px;
}

/* Hero */
.spk-hero-section {
  padding: 24px 0 42px;
  background:
    radial-gradient(circle at 78% 22%, rgba(19, 163, 72, 0.07), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 75%, #f7fbff 100%);
  overflow: hidden;
}

.spk-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 38px;
  color: var(--spk-navy) !important;
  font-size: 13px;
  font-weight: 600;
}

.spk-breadcrumbs a,
.spk-breadcrumbs span,
.spk-breadcrumbs i {
  color: var(--spk-navy) !important;
}

.spk-eyebrow {
  display: inline-block;
  color: var(--spk-green) !important;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
  margin-bottom: 14px;
}

.spk-hero-title {
  color: var(--spk-navy) !important;
  font-size: clamp(40px, 5vw, 55px);
  line-height: 1.12;
  letter-spacing: -0.055em;
  font-weight: 800;
  margin: 0 0 16px;
}

.spk-hero-title span {
  color: var(--spk-green) !important;
}

.spk-title-line {
  width: 54px;
  height: 3px;
  background: var(--spk-blue) !important;
  margin: 0 0 24px;
}

.spk-hero-text {
  color: var(--spk-text) !important;
  font-size: 17px;
  line-height: 1.75;
  max-width: 500px;
  margin: 0 0 32px;
  font-weight: 500;
}

.spk-hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.interns-hero-visual img {
  width: 100%;
  /* max-width: 630px; */
  
}

.spk-hero-visual {
  position: relative;
  text-align: right;
}

.spk-hero-visual img {
  width: 100%;
  /* max-width: 705px; */
  border-radius: 0;
  filter: drop-shadow(0 22px 30px rgba(5, 24, 68, 0.06));
}

/* Shared section headings */
.spk-section-heading {
  margin-bottom: 28px;
}

.spk-section-heading h2 {
  color: var(--spk-navy) !important;
  font-size: clamp(24px, 3vw, 30px);
  line-height: 1.25;
  letter-spacing: -0.035em;
  font-weight: 800;
  margin: 0;
}

/* System */
.spk-system-section {
  padding: 36px 0 26px;
}

.spk-system-section .container {
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  border-radius: 28px;
  padding-top: 28px;
  padding-bottom: 34px;
}

.spk-service-card {
  height: 100%;
  min-height: 258px;
  background: #ffffff;
  border: 1px solid #eef3fb;
  border-radius: 12px;
  padding: 30px 18px 24px;
  box-shadow: 0 14px 34px rgba(6, 20, 61, 0.05);
  text-align: center;
  transition: 0.25s ease;
}

.spk-service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 45px rgba(6, 20, 61, 0.09);
}

.spk-card-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 34px;
}

.spk-icon-green {
  color: var(--spk-green) !important;
  background: var(--spk-soft-green) !important;
}

.spk-service-card h3 {
  color: var(--spk-navy) !important;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  margin: 0 0 14px;
}

.spk-service-card p {
  color: var(--spk-text) !important;
  font-size: 13px;
  line-height: 1.78;
  margin: 0;
  font-weight: 500;
}

/* Process */
.spk-process-section {
  padding: 28px 0 24px;
}

.spk-process-section .container {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border-radius: 28px;
  padding-top: 20px;
  padding-bottom: 36px;
}

.spk-process-scroll {
  overflow-x: auto;
  padding-bottom: 8px;
}

.spk-process-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(126px, 1fr));
  gap: 16px;
  min-width: 900px;
  position: relative;
}

.spk-process-item {
  text-align: center;
  position: relative;
  padding-top: 2px;
}

.spk-process-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(50% + 29px);
    width: calc(100% - 45px);
    border-top: 1.5px dashed #006fe6;
    opacity: .75;
}

.spk-step-number {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 26px;
}

.spk-step-green {
  background: var(--spk-green) !important;
}

.spk-step-blue {
  background: var(--spk-blue) !important;
}

.spk-process-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 12px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--spk-blue) !important;
  background: var(--spk-soft-blue) !important;
  font-size: 32px;
}

.spk-process-item h4 {
  color: var(--spk-navy) !important;
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 8px;
}

.spk-process-item p {
  color: var(--spk-text) !important;
  font-size: 12px;
  line-height: 1.8;
  margin: 0 auto;
  max-width: 130px;
  font-weight: 500;
}

/* Impact */
.spk-impact-section {
  padding: 24px 0 24px;
}

.spk-impact-panel {
  background: linear-gradient(90deg, #f4f9ff 0%, #ffffff 45%, #f5fbf7 100%);
  border-radius: 24px;
  padding: 36px 30px;
}

.spk-impact-copy h2 {
  color: var(--spk-navy) !important;
  font-size: clamp(28px, 3.2vw, 28px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin: 0 0 18px;
}

.spk-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.spk-check-list li {
  color: var(--spk-text) !important;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.spk-check-list li i {
    color: #13a348 !important;
}

.spk-stat-card {
  height: 100%;
  min-height: 236px;
  background: #ffffff;
  border: 1px solid #eef3fb;
  border-radius: 12px;
  padding: 30px 18px 22px;
  box-shadow: 0 14px 34px rgba(6, 20, 61, 0.05);
  text-align: center;
}

.spk-stat-icon {
  width: 78px;
  height: 78px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--spk-green) !important;
  background: var(--spk-soft-green) !important;
  font-size: 36px;
}

.spk-stat-card strong {
  display: block;
  color: var(--spk-green) !important;
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  margin-bottom: 12px;
}

.spk-stat-card h3 {
  color: var(--spk-navy) !important;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 800;
  margin: 0 0 12px;
}

.spk-stat-card p {
  color: var(--spk-text) !important;
  font-size: 13px;
  line-height: 1.75;
  margin: 0;
  font-weight: 500;
}

/* CTA */
.spk-cta-section {
  padding: 0 0 28px;
}

.spk-cta {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 26px;
  align-items: center;
  border-radius: 14px;
  padding: 34px 64px;
  background: linear-gradient(115deg, #0757dc 0%, #006fe6 42%, #13a348 100%) !important;
  color: #ffffff !important;
}

.spk-cta-icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #ffffff !important;
  color: var(--spk-blue) !important;
  display: grid;
  place-items: center;
  font-size: 46px;
  flex: 0 0 auto;
}

.spk-cta h2 {
  color: #ffffff !important;
  font-size: clamp(24px, 3vw, 31px);
  font-weight: 800;
  letter-spacing: -0.035em;
  margin: 0 0 6px;
}

.spk-cta p {
  color: #ffffff !important;
  opacity: 0.96;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
}

.spk-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 250px;
}

.spk-btn-white {
  background: #ffffff !important;
  color: var(--spk-blue) !important;
  border-color: #ffffff !important;
}

.spk-btn-white:hover {
  transform: translateY(-2px);
  color: #006fe6 !important;
}

.spk-demo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
}

.spk-demo-link i {
  color: #ffffff !important;
}

/* Responsive */
@media (max-width: 1199px) {
  .spk-menu {
    gap: 15px;
  }

  .spk-header-btn {
    min-width: 160px;
  }

  .spk-service-card {
    min-height: 230px;
  }
}

@media (max-width: 991px) {
  .spk-navbar {
    min-height: auto;
  }

  .spk-nav-collapse {
    padding: 20px 0 12px;
  }

  .spk-menu {
    align-items: flex-start;
    gap: 4px;
  }

  .spk-header-btn {
    margin-top: 14px;
  }

  .spk-hero-section {
    padding-top: 16px;
  }

  .spk-breadcrumbs {
    margin-bottom: 28px;
    flex-wrap: wrap;
  }

  .spk-hero-content {
    text-align: center;
  }

  .spk-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .spk-hero-text {
    margin-left: auto;
    margin-right: auto;
  }

  .spk-hero-actions {
    justify-content: center;
  }

  .spk-hero-visual {
    text-align: center;
  }

  .spk-impact-panel {
    padding: 32px 22px;
  }

  .spk-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 34px 24px;
  }

  .spk-cta-icon {
    margin: 0 auto;
  }

  .spk-cta-actions {
    min-width: 0;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  /* .spk-page-container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */

  .spk-brand img {
    width: 155px;
  }

  .spk-hero-title {
    font-size: 38px;
  }

  .spk-hero-text {
    font-size: 15px;
  }

  .spk-btn {
    width: 100%;
    min-height: 48px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .spk-hero-actions {
    width: 100%;
  }

  .spk-system-section .container,
  .spk-process-section .container {
    border-radius: 18px;
    padding-top: 22px;
    padding-bottom: 24px;
  }

  .spk-impact-panel {
    border-radius: 18px;
  }

  .spk-process-item:not(:last-child)::after {
    display: none;
  }

  .spk-cta {
    border-radius: 12px;
  }
}

@media (max-width: 420px) {
  .spk-hero-title {
    font-size: 32px;
  }

  .spk-section-heading h2 {
    font-size: 23px;
  }

  .spk-impact-copy h2 {
    font-size: 27px;
  }
}


/* ===== Strong Color + Container Fix for theme conflicts ===== */
/* .spk-page-container {
  width: min(100% - 56px, 1440px) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
} */

.spk-site-header,
.spk-hero-section,
.spk-system-section,
.spk-process-section,
.spk-impact-section,
.spk-cta-section {
  width: 100% !important;
}

.spk-menu .nav-link,
.spk-breadcrumbs,
.spk-breadcrumbs a,
.spk-breadcrumbs span,
.spk-breadcrumbs i,
.spk-hero-title,
.spk-section-heading h2,
.spk-service-card h3,
.spk-process-item h4,
.spk-impact-copy h2,
.spk-stat-card h3 {
  color: #06143d !important;
}

.spk-hero-text,
.spk-service-card p,
.spk-process-item p,
.spk-check-list li,
.spk-stat-card p,
.spk-dropdown .dropdown-item {
  color: #101b43 !important;
}

.spk-eyebrow,
.spk-hero-title span,
.spk-icon-green,
.spk-stat-icon,
.spk-stat-card strong,
.spk-check-list i,
.spk-step-green {
  color: #13a348 !important;
}

.spk-menu .nav-link:hover,
.spk-menu .nav-link.spk-active,
.spk-breadcrumbs i,
.spk-process-icon,
.spk-cta-icon,
.spk-btn-white,
.spk-btn-white i {
  color: #006fe6 !important;
}

.spk-btn-blue,
.spk-btn-blue i,
.spk-step-number,
.spk-cta,
.spk-cta h2,
.spk-cta p,
.spk-demo-link,
.spk-demo-link i {
  color: #ffffff !important;
}

.spk-btn-blue {
  background: linear-gradient(135deg, #006fe6, #0059c8) !important;
  border-color: #006fe6 !important;
}

.spk-btn-outline-blue {
  color: #006fe6 !important;
  border-color: #006fe6 !important;
  background: #ffffff !important;
}

.spk-btn-outline-blue:hover {
  color: #ffffff !important;
  background: #006fe6 !important;
}

.spk-btn-white {
  background: #ffffff !important;
  color: #006fe6 !important;
  border-color: #ffffff !important;
}

.spk-title-line {
  background: #006fe6 !important;
}

.spk-icon-green,
.spk-stat-icon {
  background: #eef8f1 !important;
}

.spk-process-icon {
  background: #f4f9ff !important;
  color: #006fe6 !important;
}

.spk-step-green {
  background: #13a348 !important;
  color: #ffffff !important;
}

.spk-step-blue {
  background: #006fe6 !important;
  color: #ffffff !important;
}

.spk-cta {
  background: linear-gradient(115deg, #0757dc 0%, #006fe6 42%, #13a348 100%) !important;
}

.spk-card-icon i,
.spk-process-icon i,
.spk-stat-icon i,
.spk-cta-icon i,
.spk-btn i,
.spk-check-list i {
  color: inherit !important;
}

@media (max-width: 767px) {
  /* .spk-page-container {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  } */
}











/* volunteer Page Css */

.volpg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 50px;
  border-radius: 8px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 800;
  transition: 0.25s ease;
  border: 1px solid transparent;
  white-space: nowrap;
}

.volpg-btn-blue {
  background: linear-gradient(135deg, var(--volpg-blue), var(--volpg-blue-dark)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(0, 111, 230, 0.18);
}

.volpg-btn-blue:hover {
  transform: translateY(-2px);
  color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(0, 111, 230, 0.26);
}

.volpg-btn-outline-blue {
  background: #ffffff !important;
  color: var(--volpg-blue) !important;
  border-color: var(--volpg-blue) !important;
}

.volpg-btn-outline-blue:hover {
  background: var(--volpg-blue) !important;
  color: #ffffff !important;
}

.volpg-header-btn {
  min-width: 178px;
}




/* Hero */
.volpg-hero-section {
    padding: 22px 0 160px;
    background: radial-gradient(circle at 76% 22%, rgba(0, 111, 230, 0.08), transparent 25%), linear-gradient(180deg, #ffffff 0%, #ffffff 78%, #f7fbff 100%);
    overflow: hidden;
    background-image: url(../images/volunteer-banner.png);
    background-size: 80%;
    background-position: 100% 0%;
    background-repeat: no-repeat;
}

.volpg-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 38px;
  color: var(--volpg-navy) !important;
  font-size: 13px;
  font-weight: 600;
}

.volpg-breadcrumbs a,
.volpg-breadcrumbs span,
.volpg-breadcrumbs i {
  color: var(--volpg-navy) !important;
}

.volpg-eyebrow {
  display: inline-block;
  color: var(--volpg-green) !important;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.02em;
  margin-bottom: 14px;
}

.volpg-hero-title {
  color: var(--volpg-navy) !important;
  font-size: clamp(40px, 5vw, 56px);
  line-height: 1.12;
  letter-spacing: -0.055em;
  font-weight: 800;
  margin: 0 0 16px;
}

.volpg-hero-title span {
  color: var(--volpg-green) !important;
}

.volpg-title-line {
  width: 58px;
  height: 3px;
  background: var(--volpg-blue) !important;
  margin: 0 0 24px;
}

.volpg-hero-text {
  color: var(--volpg-text) !important;
  font-size: 16px;
  line-height: 1.75;
  max-width: 520px;
  margin: 0 0 32px;
  font-weight: 500;
}

.volpg-hero-actions {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}

.volpg-benefit-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  max-width: 548px;
}

.volpg-benefit-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--volpg-navy) !important;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.volpg-benefit-item span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--volpg-green) !important;
  background: var(--volpg-soft-green) !important;
  font-size: 20px;
  flex: 0 0 auto;
}

.volpg-benefit-item strong {
  color: var(--volpg-navy) !important;
}

.volpg-hero-visual {
  position: relative;
  text-align: right;
}

.volpg-hero-visual img {
  width: 100%;
  /* max-width: 630px; */
  filter: drop-shadow(0 22px 30px rgba(5, 24, 68, 0.06));
}

/* Shared */
.volpg-section-heading {
  margin-bottom: 28px;
}

.volpg-section-heading h2 {
  color: var(--volpg-navy) !important;
  font-size: clamp(24px, 3vw, 30px);
  line-height: 1.25;
  letter-spacing: -0.035em;
  font-weight: 800;
  margin: 0;
}

/* System */
.volpg-system-section {
  padding: 42px 0 28px;
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
}

.volpg-service-card {
  height: 100%;
  min-height: 244px;
  background: #ffffff !important;
  border: 1px solid #eef3fb;
  border-radius: 12px;
  padding: 30px 18px 24px;
  box-shadow: 0 14px 34px rgba(6, 20, 61, 0.05);
  text-align: center;
  transition: 0.25s ease;
}

.volpg-service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 45px rgba(6, 20, 61, 0.09);
}

.volpg-card-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 34px;
}

.volpg-icon-green {
  color: var(--volpg-green) !important;
  background: var(--volpg-soft-green) !important;
}

.volpg-icon-blue {
  color: var(--volpg-blue) !important;
  background: var(--volpg-soft-blue) !important;
}

.volpg-service-card h3 {
  color: var(--volpg-navy) !important;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  margin: 0 0 14px;
}

.volpg-service-card p {
  color: var(--volpg-text) !important;
  font-size: 13px;
  line-height: 1.78;
  margin: 0;
  font-weight: 500;
}

/* Flow */
.volpg-flow-section {
  padding: 28px 0 44px;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
}

.volpg-flow-scroll {
  overflow-x: auto;
  padding-bottom: 8px;
}

.volpg-flow-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(130px, 1fr));
  gap: 18px;
  min-width: 920px;
  position: relative;
}

.volpg-flow-item {
  text-align: center;
  position: relative;
  padding-top: 2px;
}

.volpg-flow-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(50% + 29px);
    width: calc(100% - 45px);
    border-top: 1.5px dashed #006fe6;
    opacity: .75;
}

.volpg-step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 26px;
}

.volpg-step-green {
  background: var(--volpg-green) !important;
}

.volpg-step-blue {
  background: var(--volpg-blue) !important;
}

.volpg-flow-icon {
  width: 68px;
  height: 68px;
  margin: 0 auto 13px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--volpg-blue) !important;
  background: var(--volpg-soft-blue) !important;
  font-size: 34px;
  border: 7px solid #ffffff;
  box-shadow: 0 12px 26px rgba(6, 20, 61, 0.06);
}

.volpg-flow-green {
  color: var(--volpg-green) !important;
  background: var(--volpg-soft-green) !important;
}

.volpg-flow-item h4 {
  color: var(--volpg-navy) !important;
  font-size: 13px;
  font-weight: 800;
  margin: 0 0 8px;
}

.volpg-flow-item p {
  color: var(--volpg-text) !important;
  font-size: 12px;
  line-height: 1.75;
  margin: 0 auto;
  max-width: 136px;
  font-weight: 500;
}

/* Impact */
.volpg-impact-section {
  padding: 38px 0 42px;
}

.volpg-impact-copy h2 {
  color: var(--volpg-navy) !important;
  font-size: clamp(28px, 3.2vw, 28px);
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin: 0 0 18px;
}

.volpg-impact-copy p {
  color: var(--volpg-text) !important;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
  margin: 0;
}

.volpg-impact-grid {
  border-left: 1px solid var(--volpg-border);
}

.volpg-impact-card {
  height: 100%;
  min-height: 220px;
  padding: 16px 24px;
  border-right: 1px solid #dce8f8;
}

.volpg-impact-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 34px;
  margin-bottom: 20px;
}

.volpg-impact-card h3 {
  color: var(--volpg-navy) !important;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  margin: 0 0 12px;
}

.volpg-impact-card p {
  color: var(--volpg-text) !important;
  font-size: 13px;
  line-height: 1.78;
  margin: 0;
  font-weight: 500;
}

/* CTA */
.volpg-cta-section {
    padding: 0;
    background: linear-gradient(115deg, #0757dc 0%, #006fe6 42%, #45b841 100%) !important;
}

.volpg-cta {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 26px;
  align-items: center;
  padding: 34px 64px;
  /* background: linear-gradient(115deg, #0757dc 0%, #006fe6 42%, #45b841 100%) !important; */
  color: #ffffff !important;
}

.volpg-cta-icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #ffffff !important;
  color: var(--volpg-blue) !important;
  display: grid;
  place-items: center;
  font-size: 46px;
  flex: 0 0 auto;
}

.volpg-cta h2 {
  color: #ffffff !important;
  font-size: clamp(24px, 3vw, 31px);
  font-weight: 800;
  letter-spacing: -0.035em;
  margin: 0 0 6px;
}

.volpg-cta p {
  color: #ffffff !important;
  opacity: 0.96;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
}

.volpg-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 250px;
}

.volpg-btn-white {
  background: #ffffff !important;
  color: var(--volpg-blue) !important;
  border-color: #ffffff !important;
}

.volpg-btn-white:hover {
  transform: translateY(-2px);
  color: #006fe6 !important;
}

.volpg-demo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
}

.volpg-demo-link i {
  color: #ffffff !important;
}

/* Strong icon color inheritance */
.volpg-card-icon i,
.volpg-flow-icon i,
.volpg-impact-icon i,
.volpg-cta-icon i,
.volpg-btn i,
.volpg-benefit-item i {
  color: inherit !important;
}

/* Responsive */
@media (max-width: 1199px) {
  .volpg-menu {
    gap: 15px;
  }

  .volpg-header-btn {
    min-width: 160px;
  }

  .volpg-service-card {
    min-height: 225px;
  }
}

@media (max-width: 991px) {
  .volpg-site-header .container {
    flex-wrap: wrap;
  }

  .volpg-brand {
    margin-right: auto;
  }

  .volpg-nav-collapse {
    padding: 20px 0 12px;
  }

  .volpg-menu {
    align-items: flex-start;
    gap: 4px;
  }

  .volpg-header-btn {
    margin-top: 14px;
  }

  .volpg-hero-section {
    padding: 5px 0 350px;
    background-size: 190%;
    background-position: 100% 98%;
    background-repeat: no-repeat;
}

  .volpg-breadcrumbs {
    margin-bottom: 28px;
    flex-wrap: wrap;
  }

  .volpg-hero-content {
    text-align: center;
  }

  .volpg-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .volpg-hero-text {
    margin-left: auto;
    margin-right: auto;
  }

  .volpg-hero-actions {
    justify-content: center;
  }

      .volpg-benefit-row {
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: repeat(2, 1fr) !important;
    }

  .volpg-hero-visual {
    text-align: center;
  }

  .volpg-impact-grid {
    border-left: 0;
  }

  .volpg-impact-card {
    border: 1px solid var(--volpg-border);
    border-radius: 14px;
    text-align: center;
    background: #ffffff;
  }

  .volpg-impact-icon {
    margin-left: auto;
    margin-right: auto;
  }

  .volpg-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 34px 24px;
  }

  .volpg-cta-icon {
    margin: 0 auto;
  }

  .volpg-cta-actions {
    min-width: 0;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .volpg-brand img {
    width: 155px;
  }

  .volpg-hero-title {
    font-size: 34px;
  }

  .volpg-hero-text {
    font-size: 15px;
  }

  .volpg-btn {
    width: 100%;
    min-height: 48px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .volpg-hero-actions {
    width: 100%;
  }

  .volpg-benefit-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .volpg-benefit-item {
    justify-content: center;
  }

  .volpg-flow-item:not(:last-child)::after {
    display: none;
  }

  .volpg-impact-copy {
    text-align: center;
  }
}

@media (max-width: 420px) {
  .volpg-hero-title {
    font-size: 30px;
  }

  .volpg-section-heading h2 {
    font-size: 23px;
  }

  .volpg-impact-copy h2 {
    font-size: 27px;
  }

  .volpg-benefit-row {
    grid-template-columns: 1fr;
  }
}


/* ===== Final Fix: Bootstrap container + strong colors ===== */
/* Container class intentionally kept as Bootstrap "container" in HTML */
/* .volpg-site-header .container,
.volpg-hero-section .container,
.volpg-system-section .container,
.volpg-flow-section .container,
.volpg-impact-section .container,
.volpg-cta-section .container {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
} */

.volpg-site-header,
.volpg-hero-section,
.volpg-system-section,
.volpg-flow-section,
.volpg-impact-section,
.volpg-cta-section {
  width: 100% !important;
}

/* Heading / text colors */
.volpg-menu .nav-link,
.volpg-breadcrumbs,
.volpg-breadcrumbs a,
.volpg-breadcrumbs span,
.volpg-breadcrumbs i,
.volpg-hero-title,
.volpg-section-heading h2,
.volpg-service-card h3,
.volpg-flow-item h4,
.volpg-impact-copy h2,
.volpg-impact-card h3,
.volpg-benefit-item strong {
  color: #06143d !important;
}

.volpg-hero-text,
.volpg-service-card p,
.volpg-flow-item p,
.volpg-impact-copy p,
.volpg-impact-card p,
.volpg-dropdown .dropdown-item {
  color: #101b43 !important;
}

/* Green colors */
.volpg-eyebrow,
.volpg-hero-title span,
.volpg-icon-green,
.volpg-flow-green,
.volpg-benefit-item span,
.volpg-step-green {
  color: #13a348 !important;
}

/* Blue colors */
.volpg-menu .nav-link:hover,
.volpg-menu .nav-link.volpg-active,
.volpg-icon-blue,
.volpg-flow-icon,
.volpg-impact-icon.volpg-icon-blue,
.volpg-cta-icon,
.volpg-btn-white,
.volpg-btn-white i {
  color: #006fe6 !important;
}

/* White colors */
.volpg-btn-blue,
.volpg-btn-blue i,
.volpg-step-num,
.volpg-cta,
.volpg-cta h2,
.volpg-cta p,
.volpg-demo-link,
.volpg-demo-link i {
  color: #ffffff !important;
}

/* Backgrounds */
.volpg-btn-blue {
  background: linear-gradient(135deg, #006fe6, #0059c8) !important;
  border-color: #006fe6 !important;
}

.volpg-btn-outline-blue {
  color: #006fe6 !important;
  border-color: #006fe6 !important;
  background: #ffffff !important;
}

.volpg-btn-outline-blue:hover {
  color: #ffffff !important;
  background: #006fe6 !important;
}

.volpg-btn-white {
  background: #ffffff !important;
  color: #006fe6 !important;
  border-color: #ffffff !important;
}

.volpg-title-line {
  background: #006fe6 !important;
}

.volpg-icon-green,
.volpg-flow-green,
.volpg-benefit-item span,
.volpg-impact-icon.volpg-icon-green {
  background: #eef8f1 !important;
}

.volpg-icon-blue,
.volpg-flow-icon,
.volpg-impact-icon.volpg-icon-blue {
  background: #f3f8ff !important;
}

.volpg-step-green {
  background: #13a348 !important;
  color: #ffffff !important;
}

.volpg-step-blue {
  background: #006fe6 !important;
  color: #ffffff !important;
}

/* .volpg-cta {
  background: linear-gradient(115deg, #0757dc 0%, #006fe6 42%, #45b841 100%) !important;
} */

.volpg-card-icon i,
.volpg-flow-icon i,
.volpg-impact-icon i,
.volpg-cta-icon i,
.volpg-btn i,
.volpg-benefit-item i {
  color: inherit !important;
}

@media (max-width: 767px) {
  .volpg-site-header .container,
  .volpg-hero-section .container,
  .volpg-system-section .container,
  .volpg-flow-section .container,
  .volpg-impact-section .container,
  .volpg-cta-section .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}









/* consultation Page Css */

/* Buttons */
.consult-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:50px;
  border-radius:8px;
  padding:0 24px;
  font-size:14px;
  font-weight:800;
  border:1px solid transparent;
  white-space:nowrap;
  transition:.25s ease;
}

.consult-btn-blue{
  background:linear-gradient(135deg,var(--consult-blue),var(--consult-blue-dark)) !important;
  color:#fff !important;
  border-color:var(--consult-blue) !important;
  box-shadow:0 12px 24px rgba(0,111,230,.18);
}

.consult-btn-blue:hover{
  transform:translateY(-2px);
  color:#fff !important;
}

.consult-btn-outline{
  background:#fff !important;
  color:var(--consult-blue) !important;
  border-color:var(--consult-blue) !important;
}

.consult-btn-outline:hover{
  background:var(--consult-blue) !important;
  color:#fff !important;
}

.consult-header-btn{
  min-width:178px;
}

/* Hero */
.consult-hero {
    padding: 22px 0 42px;
    overflow: hidden;
    background: #f1f6fd;
    background-image: url(../images/Consultation-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.consult-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:14px 0 38px;
  font-size:13px;
  font-weight:700;
}

.consult-breadcrumb a,
.consult-breadcrumb span,
.consult-breadcrumb i{
  color:var(--consult-blue) !important;
}

.consult-hero h1{
  color:var(--consult-navy) !important;
  font-size:clamp(42px,5vw,55px);
  line-height:1.15;
  letter-spacing:-.055em;
  font-weight:800;
  margin:0 0 12px;
}

.consult-hero h1 span{
  color:var(--consult-green) !important;
}

.consult-line{
  width:58px;
  height:3px;
  background:var(--consult-blue) !important;
  margin:0 0 24px;
}

.consult-hero p{
  color:var(--consult-text) !important;
  font-size:16px;
  line-height:1.78;
  max-width:520px;
  margin:0 0 32px;
  font-weight:500;
}

.consult-actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-bottom:42px;
}

.consult-hero-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:530px;
}

.consult-mini-point{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}

.consult-mini-point span{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--consult-green) !important;
  background:var(--consult-soft-green) !important;
  font-size:20px;
  flex:0 0 auto;
}

.consult-mini-point strong{
  color:var(--consult-navy) !important;
}

.consult-hero-image{
  text-align:right;
}

.consult-hero-image img{
  width:100%;
  /* max-width:640px; */
  filter:drop-shadow(0 22px 30px rgba(5,24,68,.06));
}

/* Section title */
.consult-section-title{
  margin-bottom:30px;
}

.consult-section-title span,
.consult-impact-copy span{
  display:inline-block;
  color:var(--consult-green) !important;
  text-transform:uppercase;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:12px;
}

.consult-section-title h2{
  color:var(--consult-navy) !important;
  font-size:clamp(24px,3vw,30px);
  line-height:1.25;
  letter-spacing:-.035em;
  font-weight:800;
  margin:0;
}

/* Cards */
.consult-system{
  padding:48px 0 52px;
  background:linear-gradient(180deg,#f5faff 0%,#fff 100%);
}

.consult-card{
  height:100%;
  min-height:260px;
  background:#fff !important;
  border:1px solid #eef3fb;
  border-radius:12px;
  padding:30px 18px 24px;
  text-align:center;
  box-shadow:0 14px 34px rgba(6,20,61,.05);
}

.consult-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(6,20,61,.09);
}

.consult-icon{
  width:74px;
  height:74px;
  margin:0 auto 22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:34px;
}

.consult-icon-blue{
  color:var(--consult-blue) !important;
  background:var(--consult-soft-blue) !important;
}

.consult-icon-green{
  color:var(--consult-green) !important;
  background:var(--consult-soft-green) !important;
}

.consult-card h3,
.consult-impact-card h3{
  color:var(--consult-navy) !important;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  margin:0 0 14px;
}

.consult-card p,
.consult-impact-card p{
  color:var(--consult-text) !important;
  font-size:13px;
  line-height:1.78;
  margin:0;
  font-weight:500;
}

/* Flow */
.consult-flow{
  padding:44px 0 52px;
  background:linear-gradient(180deg,#fff 0%,#f5faff 100%);
}

.consult-flow-scroll{
  overflow-x:auto;
  padding-bottom:10px;
}

.consult-flow-row{
  display:grid;
  grid-template-columns:repeat(8,minmax(118px,1fr));
  min-width:980px;
  gap:16px;
}

.consult-step{
  text-align:center;
  position:relative;
}

.consult-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(50% + 29px);
    width: calc(100% - 45px);
    border-top: 1.5px dashed #006fe6;
    opacity: .75;
}

.consult-step b{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  color:#fff !important;
  font-size:14px;
  font-weight:800;
  margin-bottom:26px;
}

.consult-step b.blue{background:var(--consult-blue) !important}
.consult-step b.green{background:var(--consult-green) !important}

.consult-step-icon{
  width:68px;
  height:68px;
  margin:0 auto 13px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--consult-blue) !important;
  background:var(--consult-soft-blue) !important;
  font-size:34px;
  border:7px solid #fff;
  box-shadow:0 12px 26px rgba(6,20,61,.06);
}

.consult-step-icon.green-icon{
  color:var(--consult-green) !important;
  background:var(--consult-soft-green) !important;
}

.consult-step h4{
  color:var(--consult-navy) !important;
  font-size:13px;
  font-weight:800;
  margin:0 0 8px;
}

.consult-step p{
  color:var(--consult-text) !important;
  font-size:12px;
  line-height:1.75;
  max-width:132px;
  margin:0 auto;
}

/* Impact */
.consult-impact{
  padding:48px 0;
  background:linear-gradient(90deg,#f4f9ff 0%,#fff 48%,#f5fbf7 100%);
}

.consult-impact-copy h2{
  color:var(--consult-navy) !important;
  font-size:clamp(26px,3.2vw,28px);
  line-height:1.18;
  letter-spacing:-.04em;
  font-weight:800;
  margin:0 0 18px;
}

.consult-impact-copy p{
  color:var(--consult-text) !important;
  font-size:15px;
  line-height:1.75;
  font-weight:500;
  margin:0 0 24px;
}

.consult-impact-card{
  height:100%;
  min-height:236px;
  background:#fff !important;
  border:1px solid #eef3fb;
  border-radius:12px;
  padding:30px 20px 24px;
  text-align:center;
  box-shadow:0 14px 34px rgba(6,20,61,.05);
}

/* What get */
.consult-get{
  padding:48px 0 54px;
  background:#fff;
}

.consult-get-row{
  border-left:1px solid #dce8f8;
}

.consult-get-item{
  height:100%;
  text-align:center;
  padding:10px 16px;
  border-right:1px solid #dce8f8;
}

.consult-get-item span{
  width:66px;
  height:66px;
  margin:0 auto 16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--consult-blue) !important;
  background:var(--consult-soft-blue) !important;
  font-size:32px;
}

.consult-get-item strong{
  color:var(--consult-navy) !important;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}

/* CTA */
.consult-cta-section{
  background:#fff;
  padding:0;
  background:linear-gradient(115deg,#0757dc 0%,#006fe6 42%,#45b841 100%) !important;
}

.consult-cta{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:26px;
  align-items:center;
  padding:34px 64px;
  /* background:linear-gradient(115deg,#0757dc 0%,#006fe6 42%,#45b841 100%) !important; */
  color:#fff !important;
}

.consult-cta-icon{
  width:92px;
  height:92px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff !important;
  color:var(--consult-blue) !important;
  font-size:46px;
}

.consult-cta h2{
  color:#fff !important;
  font-size:clamp(24px,3vw,31px);
  font-weight:800;
  letter-spacing:-.035em;
  margin:0 0 6px;
}

.consult-cta p{
  color:#fff !important;
  font-size:16px;
  margin:0;
  opacity:.96;
}

.consult-cta-actions{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:280px;
}

.consult-btn-white{
  background:#fff !important;
  color:var(--consult-blue) !important;
  border-color:#fff !important;
}

.consult-demo-link{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:#fff !important;
  font-weight:700;
  font-size:15px;
}

/* Icon inheritance */
.consult-icon i,
.consult-step-icon i,
.consult-cta-icon i,
.consult-get-item i,
.consult-btn i,
.consult-mini-point i{
  color:inherit !important;
}

/* Responsive */
@media (max-width:1199px){
  .consult-menu{gap:15px}
  .consult-card{min-height:235px}
}

@media (max-width:991px){
  .consult-navbar .container{flex-wrap:wrap}
  .consult-brand{margin-right:auto}
  .consult-nav-collapse{padding:20px 0 12px}
  .consult-menu{align-items:flex-start;gap:4px}
  .consult-header-btn{margin-top:14px}
  .consult-hero-content{text-align:center}
  .consult-line{margin-left:auto;margin-right:auto}
  .consult-hero p{margin-left:auto;margin-right:auto}
  .consult-actions{justify-content:center}
  .consult-hero-points{margin-left:auto;margin-right:auto}
  .consult-hero-image{text-align:center}
  .consult-cta{grid-template-columns:1fr;text-align:center;padding:34px 24px}
  .consult-cta-icon{margin:0 auto}
  .consult-cta-actions{min-width:0;width:100%;max-width:360px;margin:0 auto}
}

@media (max-width:767px){
  .consult-page-header .container,
  .consult-hero .container,
  .consult-system .container,
  .consult-flow .container,
  .consult-impact .container,
  .consult-get .container,
  .consult-cta-section .container{
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .consult-brand img{width:155px}
  .consult-hero h1{font-size:34px}
  .consult-hero p{font-size:15px}
  .consult-btn{width:100%;min-height:48px}
  .consult-actions{width:100%}
  .consult-hero-points{grid-template-columns:1fr;gap:16px}
  .consult-mini-point{justify-content:center}
  .consult-step:not(:last-child)::after{display:none}
  .consult-impact-copy{text-align:center}
  .consult-get-item{border-bottom:1px solid var(--consult-border);padding:20px 12px}
}

@media (max-width:420px){
  .consult-hero h1{font-size:30px}
  .consult-section-title h2{font-size:23px}
  .consult-impact-copy h2{font-size:27px}
}


/* ===== FORCE COLORS FIX =====
   Use this block when WordPress/theme CSS overrides headings, paragraphs, links, and icons.
*/
/* body .consult-page-header .container,
body .consult-hero .container,
body .consult-system .container,
body .consult-flow .container,
body .consult-impact .container,
body .consult-get .container,
body .consult-cta-section .container {
  max-width: 1240px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
} */

/* Navy headings / dark text */
body .consult-menu .nav-link,
body .consult-dropdown .dropdown-item,
body .consult-hero h1,
body .consult-section-title h2,
body .consult-card h3,
body .consult-step h4,
body .consult-impact-copy h2,
body .consult-impact-card h3,
body .consult-get-item strong,
body .consult-mini-point strong {
  color: #06143d !important;
  -webkit-text-fill-color: #06143d !important;
}

/* Paragraph/body text */
body .consult-hero p,
body .consult-card p,
body .consult-step p,
body .consult-impact-copy p,
body .consult-impact-card p {
  color: #101b43 !important;
  -webkit-text-fill-color: #101b43 !important;
}

/* Green text/icons */
body .consult-hero h1 span,
body .consult-section-title span,
body .consult-impact-copy span,
body .consult-icon-green,
body .consult-icon-green i,
body .consult-step-icon.green-icon,
body .consult-step-icon.green-icon i,
body .consult-mini-point span,
body .consult-mini-point span i {
  color: #13a348 !important;
  -webkit-text-fill-color: #13a348 !important;
}

/* Blue text/icons */
body .consult-menu .nav-link:hover,
body .consult-menu .nav-link.consult-active,
body .consult-breadcrumb,
body .consult-breadcrumb a,
body .consult-breadcrumb span,
body .consult-breadcrumb i,
body .consult-icon-blue,
body .consult-icon-blue i,
body .consult-step-icon,
body .consult-step-icon i,
body .consult-get-item span,
body .consult-get-item span i,
body .consult-cta-icon,
body .consult-cta-icon i,
body .consult-btn-white,
body .consult-btn-white i {
  color: #006fe6 !important;
  -webkit-text-fill-color: #006fe6 !important;
}

/* White text */
body .consult-btn-blue,
body .consult-btn-blue i,
body .consult-step b,
body .consult-cta,
body .consult-cta h2,
body .consult-cta p,
body .consult-demo-link,
body .consult-demo-link i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Backgrounds */
body .consult-btn-blue {
  background: linear-gradient(135deg, #006fe6, #0059c8) !important;
  border-color: #006fe6 !important;
}

body .consult-btn-outline {
  background: #ffffff !important;
  color: #006fe6 !important;
  -webkit-text-fill-color: #006fe6 !important;
  border-color: #006fe6 !important;
}

body .consult-btn-outline:hover {
  background: #006fe6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .consult-btn-white {
  background: #ffffff !important;
  color: #006fe6 !important;
  -webkit-text-fill-color: #006fe6 !important;
  border-color: #ffffff !important;
}

body .consult-line {
  background: #006fe6 !important;
}

body .consult-icon-blue,
body .consult-step-icon,
body .consult-get-item span {
  background: #f3f8ff !important;
}

body .consult-icon-green,
body .consult-step-icon.green-icon,
body .consult-mini-point span {
  background: #eef8f1 !important;
}

body .consult-step b.blue {
  background: #006fe6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .consult-step b.green {
  background: #13a348 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* body .consult-cta {
  background: linear-gradient(115deg, #0757dc 0%, #006fe6 42%, #45b841 100%) !important;
} */

body .consult-card,
body .consult-impact-card {
  background: #ffffff !important;
}

/* Force bootstrap icons to use parent color */
body .consult-icon i,
body .consult-step-icon i,
body .consult-cta-icon i,
body .consult-get-item i,
body .consult-btn i,
body .consult-mini-point i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (max-width: 767px) {
  body .consult-page-header .container,
  body .consult-hero .container,
  body .consult-system .container,
  body .consult-flow .container,
  body .consult-impact .container,
  body .consult-get .container,
  body .consult-cta-section .container {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}











/* Internship Management Page Css */

.elev-np-book-btn {
  background: #0474f8 !important;
  color: #fff !important;
  border: 1px solid #0474f8 !important;
  border-radius: 9px;
  padding: 13px 18px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 26px rgba(4, 116, 248, 0.25);
}

.elev-np-book-btn:hover {
  background: #005fd4 !important;
  border-color: #005fd4 !important;
}

.elev-np-toggler {
  border-color: #dbe9fa;
  box-shadow: none !important;
}

/* Hero */
.elev-np-hero-section {
  position: relative;
  padding: 50px 0 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.elev-np-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 46px;
  font-size: 13px;
  font-weight: 800;
}

.elev-np-breadcrumbs a {
  color: #061a45;
}

.elev-np-breadcrumbs i {
  color: #7b8cac;
  font-size: 12px;
}

.elev-np-breadcrumbs span {
  color: #061a45;
}

.elev-np-hero-row {
  min-height: 480px;
}

.elev-np-eyebrow,
.elev-np-section-heading span,
.elev-np-impact-copy span {
  color: #16b33c !important;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.elev-np-hero-copy h1 {
  margin: 18px 0 22px;
  color: #061a45 !important;
  font-size: clamp(42px, 4.5vw, 64px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.elev-np-hero-copy h1 span {
  color: #16b33c !important;
}

.elev-np-title-line {
  width: 58px;
  height: 4px;
  background: #0474f8;
  border-radius: 50px;
  margin-bottom: 26px;
}

.elev-np-hero-copy p {
  color: #061a45 !important;
  font-size: 16px;
  line-height: 1.85;
  font-weight: 600;
  max-width: 480px;
  margin-bottom: 32px;
}

.elev-np-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.elev-np-primary-btn,
.elev-np-outline-btn {
  border-radius: 8px;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
}

.elev-np-primary-btn {
  color: #fff !important;
  background: #0474f8 !important;
  border: 1px solid #0474f8 !important;
  box-shadow: 0 14px 28px rgba(4, 116, 248, 0.22);
}

.elev-np-primary-btn:hover {
  background: #005fd4 !important;
}

.elev-np-outline-btn {
  color: #0474f8 !important;
  background: #fff !important;
  border: 2px solid #0474f8 !important;
}

.elev-np-outline-btn:hover {
  background: #edf6ff !important;
}

.elev-np-hero-visual {
  position: relative;
  min-height: 520px;
}

.elev-np-photo-blob {
  position: absolute;
  right: -8px;
  top: -24px;
  width: 440px;
  height: 440px;
  border-radius: 42% 58% 48% 52% / 40% 36% 64% 60%;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(4, 29, 77, 0.08);
  z-index: 2;
}

.elev-np-photo-blob img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.elev-np-blue-orb {
  position: absolute;
  right: -75px;
  top: -55px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: linear-gradient(135deg, #dceeff, #f4faff);
  z-index: 1;
}

.elev-np-blue-orb::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -70px;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0474f8 0%, #0fa2ff 100%);
}

.elev-np-green-bubbles {
  position: absolute;
  right: 12px;
  bottom: 58px;
  width: 58px;
  height: 58px;
  z-index: 1;
}

.elev-np-green-bubbles::before,
.elev-np-green-bubbles::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid #71d88c;
  background: rgba(113, 216, 140, 0.38);
}

.elev-np-green-bubbles::before {
  width: 44px;
  height: 44px;
  left: 0;
  bottom: 0;
}

.elev-np-green-bubbles::after {
  width: 26px;
  height: 26px;
  right: 0;
  bottom: 4px;
}

.elev-np-dashboard-card {
  position: absolute;
  left: 18px;
  top: 56px;
  width: min(100%, 515px);
  padding: 20px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(219, 233, 250, 0.86);
  border-radius: 18px;
  box-shadow: 0 24px 48px rgba(4, 29, 77, 0.14);
  z-index: 3;
}

.elev-np-dashboard-head h3 {
  margin: 0;
  color: #061a45 !important;
  font-size: 16px;
  font-weight: 900;
}

.elev-np-dashboard-head button {
  border: 1px solid #dbe9fa;
  background: #fff;
  color: #061a45;
  border-radius: 7px;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 800;
}

.elev-np-metric-grid {
  margin-top: 20px;
  border: 1px solid #dbe9fa;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.elev-np-metric-box {
  min-height: 96px;
  padding: 15px 14px;
  border-right: 1px solid #dbe9fa;
  position: relative;
}

.elev-np-metric-box:last-child {
  border-right: 0;
}

.elev-np-metric-box span {
  display: block;
  color: #061a45 !important;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 800;
  margin-bottom: 14px;
}

.elev-np-metric-box strong {
  color: #061a45 !important;
  font-size: 23px;
  font-weight: 900;
}

.elev-np-metric-box i {
  position: absolute;
  right: 13px;
  bottom: 20px;
  font-size: 17px;
}

.elev-np-progress-panel,
.elev-np-activity-panel {
  min-height: 238px;
  border: 1px solid #dbe9fa;
  border-radius: 14px;
  background: #fff;
  padding: 18px;
}

.elev-np-progress-panel h4,
.elev-np-activity-panel h4 {
  margin: 0 0 18px;
  color: #061a45 !important;
  font-size: 12px;
  font-weight: 900;
}

.elev-np-chart-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.elev-np-donut-chart {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: conic-gradient(#0474f8 0 62%, #4cc263 62% 92%, #eef5fe 92% 100%);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.elev-np-donut-chart::before {
  content: "";
  width: 78px;
  height: 78px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}

.elev-np-donut-chart span {
  position: relative;
  z-index: 1;
  color: #061a45 !important;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.elev-np-donut-chart small {
  display: block;
  color: #4e6285;
  font-size: 7px;
  font-weight: 800;
  margin-top: 6px;
}

.elev-np-chart-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.elev-np-chart-wrap li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #4e6285 !important;
  font-size: 9px;
  font-weight: 700;
  margin-bottom: 12px;
}

.elev-np-chart-wrap li b {
  color: #061a45;
  font-weight: 900;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  flex: 0 0 auto;
}

.dot.blue { background: #0474f8; }
.dot.sky { background: #16a5ff; }
.dot.green { background: #45bf5a; }
.dot.soft { background: #9be5a7; }

.elev-np-activity-item {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 13px;
}

.elev-np-activity-item img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}

.elev-np-activity-item strong {
  display: block;
  color: #061a45 !important;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
}

.elev-np-activity-item span {
  color: #4e6285 !important;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.15;
  display: block;
}

.elev-np-activity-item small {
  color: #4e6285;
  font-size: 8px;
  font-weight: 700;
}

.elev-np-view-link {
  color: #0474f8 !important;
  font-size: 11px;
  font-weight: 900;
}

.elev-np-dots {
  position: absolute;
  width: 138px;
  height: 92px;
  background-image: radial-gradient(#0474f8 1.4px, transparent 1.4px);
  background-size: 15px 15px;
  opacity: 0.65;
}

.elev-np-dots-top {
  top: 18px;
  left: 160px;
  z-index: 1;
}

/* Benefit */
.elev-np-benefit-section {
  padding: 35px 0 50px;
  background: #fff;
}

.elev-np-green-icon,
.elev-np-blue-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  line-height: 1;
}

.elev-np-benefit-row {
  row-gap: 30px;
}

.elev-np-benefit-item {
  text-align: center;
  padding: 0 22px;
  min-height: 150px;
  border-right: 1px solid #dbe9fa;
}

.elev-np-benefit-item:last-child {
  border-right: 0;
}

.elev-np-benefit-item h4 {
  margin: 13px 0 8px;
  color: #061a45 !important;
  font-size: 13px;
  font-weight: 900;
}

.elev-np-benefit-item p {
  margin: 0;
  color: #061a45 !important;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 600;
}

/* Reusable heading */
.elev-np-section-heading {
  margin-bottom: 28px;
}

.elev-np-section-heading h2 {
  color: #061a45 !important;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.03em;
  margin: 8px 0 0;
}

/* Features */
.elev-np-features-section {
  padding: 36px 0 54px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.elev-np-feature-card {
  height: 100%;
  min-height: 252px;
  padding: 30px 22px 24px;
  background: #fff;
  border: 1px solid #dbe9fa;
  border-radius: 11px;
  box-shadow: 0 13px 28px rgba(4, 29, 77, 0.05);
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.elev-np-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 42px rgba(4, 29, 77, 0.10);
}

.elev-np-feature-icon {
  width: 84px;
  height: 84px;
  margin: 0 auto 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.elev-np-feature-icon.green {
  background: #ecf9ef;
  color: #16b33c !important;
}

.elev-np-feature-icon.blue {
  background: #edf6ff;
  color: #0474f8 !important;
}

.elev-np-feature-icon i {
  font-size: 34px;
  line-height: 1;
}

.elev-np-feature-card h3 {
  color: #061a45 !important;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
  margin-bottom: 15px;
}

.elev-np-feature-card p {
  color: #061a45 !important;
  font-size: 12px;
  line-height: 1.75;
  font-weight: 600;
  margin: 0;
}

/* Flow */
.elev-np-flow-section {
  padding: 30px 0 62px;
  background: #fff;
}

.elev-np-flow-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 14px;
  margin-top: 40px;
}

.elev-np-flow-item {
  position: relative;
  text-align: center;
  padding-top: 4px;
}

.elev-np-flow-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 22px;
  right: -42%;
  width: 82%;
  height: 1px;
  background-image: linear-gradient(to right, #0474f8 40%, transparent 40%);
  background-size: 9px 1px;
}

.elev-np-flow-item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 20px;
  right: -3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0474f8;
  z-index: 2;
}

.elev-np-number {
  width: 42px;
  height: 42px;
  margin: 0 auto 28px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 17px;
  font-weight: 900;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 3;
}

.elev-np-number.blue { background: #0474f8; }
.elev-np-number.green { background: #16b33c; }

.elev-np-flow-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #fff;
  border: 13px solid #f0f8f3;
  box-shadow: 0 5px 16px rgba(4, 29, 77, 0.06);
  color: #0474f8 !important;
  display: grid;
  place-items: center;
}

.elev-np-flow-icon i {
  font-size: 34px;
}

.elev-np-flow-item h4 {
  color: #061a45 !important;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 10px;
}

.elev-np-flow-item p {
  color: #061a45 !important;
  font-size: 11px;
  line-height: 1.7;
  font-weight: 600;
  max-width: 145px;
  margin: 0 auto;
}

/* Impact */
.elev-np-impact-section {
  padding: 50px 0 40px;
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.elev-np-impact-copy h2 {
  color: #061a45 !important;
  font-size: clamp(30px, 3.4vw, 28px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.04em;
  margin: 12px 0 18px;
}

.elev-np-impact-copy h2 b {
  color: #16b33c !important;
}

.elev-np-impact-copy p {
  color: #061a45 !important;
  font-size: 13px;
  line-height: 1.75;
  font-weight: 600;
  margin: 0;
}

.elev-np-stat-card {
  height: 100%;
  min-height: 205px;
  background: #fff;
  border: 1px solid #dbe9fa;
  border-radius: 12px;
  box-shadow: 0 13px 28px rgba(4, 29, 77, 0.05);
  padding: 26px 20px;
  text-align: center;
}

.elev-np-stat-card i {
  margin-bottom: 18px;
}

.elev-np-stat-card strong {
  display: block;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 6px;
}

.elev-np-stat-card h4 {
  color: #061a45 !important;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 12px;
}

.elev-np-stat-card p {
  color: #061a45 !important;
  font-size: 11px;
  line-height: 1.65;
  font-weight: 600;
  margin: 0;
}

/* CTA */
.elev-np-cta-section {
  padding: 0 0 42px;
  background: #fff;
}

.elev-np-cta-box {
  position: relative;
  overflow: hidden;
  border-radius: 13px;
  min-height: 168px;
  background: linear-gradient(107deg, #0474f8 0%, #0d8cbd 46%, #29b346 100%);
  color: #fff;
  padding: 32px 70px 32px 42px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 34px;
}

.elev-np-cta-icon {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #fff;
  color: #0474f8 !important;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.elev-np-cta-icon i {
  font-size: 48px;
}

.elev-np-cta-content h2 {
  color: #fff !important;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  margin: 0 0 10px;
  letter-spacing: -0.04em;
}

.elev-np-cta-content p {
  color: #fff !important;
  opacity: 0.98;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  margin: 0;
  max-width: 680px;
}

.elev-np-cta-actions {
  width: 330px;
  display: grid;
  gap: 14px;
  position: relative;
  z-index: 2;
}

.elev-np-cta-white,
.elev-np-cta-outline {
  width: 100%;
  border-radius: 8px;
  min-height: 56px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.elev-np-cta-white {
  background: #fff !important;
  color: #0474f8 !important;
  border: 1px solid #fff !important;
}

.elev-np-cta-outline {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
}

.elev-np-dots-cta {
  right: 24px;
  bottom: 14px;
  background-image: radial-gradient(#ffffff 1.2px, transparent 1.2px);
  opacity: 0.38;
}

/* Responsive */
@media (max-width: 1199.98px) {
  .elev-np-navlinks {
    gap: 12px;
  }

  .elev-np-navlinks .nav-link {
    font-size: 12px;
  }

  .elev-np-photo-blob {
    width: 380px;
    height: 405px;
  }

  .elev-np-dashboard-card {
    width: 490px;
    left: 0;
  }

  .elev-np-flow-wrapper {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 34px;
  }

  .elev-np-flow-item::before,
  .elev-np-flow-item::after {
    display: none;
  }

  .elev-np-cta-box {
    grid-template-columns: auto 1fr;
  }

  .elev-np-cta-actions {
    grid-column: 2 / 3;
    width: 100%;
    max-width: 380px;
  }
}

@media (max-width: 991.98px) {
  .elev-np-navbar {
    padding: 15px 0;
  }

  .elev-np-brand img {
    width: 170px;
  }

  .elev-np-navlinks {
    align-items: flex-start;
    gap: 4px;
    padding-top: 18px;
  }

  .elev-np-book-btn {
    margin-top: 14px;
  }

  .elev-np-hero-section {
    padding-top: 30px;
  }

  .elev-np-breadcrumbs {
    margin-bottom: 28px;
  }

  .elev-np-hero-copy {
    text-align: center;
  }

  .elev-np-title-line,
  .elev-np-hero-copy p {
    margin-left: auto;
    margin-right: auto;
  }

  .elev-np-hero-actions {
    justify-content: center;
  }

  .elev-np-hero-visual {
    max-width: 650px;
    margin: 0 auto;
  }

  .elev-np-photo-blob {
    right: 20px;
  }

  .elev-np-dashboard-card {
    left: 0;
    top: 74px;
  }

  .elev-np-benefit-item {
    border-right: 0;
  }

  .elev-np-impact-copy {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 10px;
  }

  .elev-np-cta-box {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    padding: 32px 24px;
  }

  .elev-np-cta-actions {
    grid-column: auto;
    max-width: 430px;
  }
}

@media (max-width: 767.98px) {
  .elev-np-hero-section {
    padding-bottom: 10px;
  }

  .elev-np-breadcrumbs {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .elev-np-hero-copy h1 {
    font-size: 38px;
  }

  .elev-np-primary-btn,
  .elev-np-outline-btn {
    width: 100%;
    max-width: 360px;
  }

  .elev-np-hero-visual {
    min-height: auto;
    padding-top: 300px;
  }

  .elev-np-photo-blob {
    width: 310px;
    height: 300px;
    left: 50%;
    right: auto;
    top: 0;
    transform: translateX(-50%);
  }

  .elev-np-blue-orb {
    left: 50%;
    right: auto;
    transform: translateX(-10%);
    top: -22px;
    width: 190px;
    height: 190px;
  }

  .elev-np-blue-orb::after {
    width: 95px;
    height: 95px;
    bottom: -32px;
  }

  .elev-np-green-bubbles,
  .elev-np-dots-top {
    display: none;
  }

  .elev-np-dashboard-card {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 0 auto;
    padding: 16px;
  }

  .elev-np-metric-box {
    border-bottom: 1px solid #dbe9fa;
  }

  .elev-np-metric-box:nth-child(2) {
    border-right: 0;
  }

  .elev-np-metric-box:nth-child(3),
  .elev-np-metric-box:nth-child(4) {
    border-bottom: 0;
  }

  .elev-np-chart-wrap {
    justify-content: center;
  }

  .elev-np-benefit-section,
  .elev-np-features-section,
  .elev-np-flow-section,
  .elev-np-impact-section {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .elev-np-flow-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  .elev-np-brand img {
    width: 150px;
  }

  .elev-np-hero-copy h1 {
    font-size: 34px;
  }

  .elev-np-hero-copy p {
    font-size: 14px;
  }

  .elev-np-photo-blob {
    width: 270px;
    height: 270px;
  }

  .elev-np-hero-visual {
    padding-top: 270px;
  }

  .elev-np-dashboard-head {
    gap: 12px;
  }

  .elev-np-dashboard-head h3 {
    font-size: 14px;
  }

  .elev-np-chart-wrap {
    flex-direction: column;
  }

  .elev-np-chart-wrap ul {
    max-width: 210px;
  }

  .elev-np-benefit-item {
    padding: 0 12px;
  }

  .elev-np-flow-wrapper {
    grid-template-columns: 1fr;
  }

  .elev-np-flow-item p {
    max-width: 270px;
  }

  .elev-np-cta-icon {
    width: 82px;
    height: 82px;
  }

  .elev-np-cta-icon i {
    font-size: 40px;
  }

  .elev-np-cta-white,
  .elev-np-cta-outline {
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* ==========================================================
   COLOR FORCE FIX
   This block keeps colors visible even when website theme or
   Bootstrap defaults try to override headings, text, buttons,
   and Bootstrap icons.
   ========================================================== */
:root {
  --elev-np-blue: #0474f8 !important;
  --elev-np-blue-dark: #041d4d !important;
  --elev-np-green: #16b33c !important;
  --elev-np-green-dark: #0d9930 !important;
  --elev-np-text: #061a45 !important;
  --elev-np-muted: #4e6285 !important;
  --elev-np-soft-blue: #edf6ff !important;
  --elev-np-soft-green: #ecf9ef !important;
  --elev-np-border: #dbe9fa !important;
}

body,
.elev-np-header,
.elev-np-hero-section,
.elev-np-benefit-section,
.elev-np-features-section,
.elev-np-flow-section,
.elev-np-impact-section,
.elev-np-cta-section {
  color: #061a45 !important;
}

.elev-np-navlinks .nav-link,
.elev-np-breadcrumbs a,
.elev-np-breadcrumbs span,
.elev-np-hero-copy h1,
.elev-np-hero-copy p,
.elev-np-dashboard-card h3,
.elev-np-dashboard-card h4,
.elev-np-metric-box span,
.elev-np-metric-box strong,
.elev-np-benefit-item h4,
.elev-np-benefit-item p,
.elev-np-section-heading h2,
.elev-np-feature-card h3,
.elev-np-feature-card p,
.elev-np-flow-card h4,
.elev-np-flow-card p,
.elev-np-impact-copy h2,
.elev-np-impact-copy p,
.elev-np-stat-card h3,
.elev-np-stat-card p {
  color: #061a45 !important;
  -webkit-text-fill-color: #061a45 !important;
}

.elev-np-hero-copy h1 span,
.elev-np-eyebrow,
.elev-np-section-heading span,
.elev-np-impact-copy span,
.elev-np-green-text,
.elev-np-stat-card.green strong {
  color: #16b33c !important;
  -webkit-text-fill-color: #16b33c !important;
}

.elev-np-blue-text,
.elev-np-stat-card.blue strong {
  color: #0474f8 !important;
  -webkit-text-fill-color: #0474f8 !important;
}

.elev-np-green-icon,
.elev-np-green-icon::before,
.elev-np-feature-icon.green i,
.elev-np-feature-icon.green i::before,
.elev-np-flow-icon.green i,
.elev-np-flow-icon.green i::before,
.elev-np-stat-icon.green i,
.elev-np-stat-icon.green i::before {
  color: #16b33c !important;
  -webkit-text-fill-color: #16b33c !important;
}

.elev-np-blue-icon,
.elev-np-blue-icon::before,
.elev-np-feature-icon.blue i,
.elev-np-feature-icon.blue i::before,
.elev-np-flow-icon.blue i,
.elev-np-flow-icon.blue i::before,
.elev-np-stat-icon.blue i,
.elev-np-stat-icon.blue i::before {
  color: #0474f8 !important;
  -webkit-text-fill-color: #0474f8 !important;
}

.elev-np-primary-btn,
.elev-np-book-btn {
  background-color: #0474f8 !important;
  border-color: #0474f8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.elev-np-primary-btn i,
.elev-np-primary-btn i::before,
.elev-np-book-btn i,
.elev-np-book-btn i::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.elev-np-outline-btn {
  background-color: #ffffff !important;
  border-color: #0474f8 !important;
  color: #0474f8 !important;
  -webkit-text-fill-color: #0474f8 !important;
}

.elev-np-outline-btn i,
.elev-np-outline-btn i::before {
  color: #0474f8 !important;
  -webkit-text-fill-color: #0474f8 !important;
}

.elev-np-title-line,
.elev-np-number.blue,
.elev-np-cta-card {
  background-color: #0474f8 !important;
}

.elev-np-number.green {
  background-color: #16b33c !important;
}

.elev-np-feature-icon.green,
.elev-np-stat-icon.green {
  background-color: #ecf9ef !important;
}

.elev-np-feature-icon.blue,
.elev-np-stat-icon.blue {
  background-color: #edf6ff !important;
}















/* Event Page CSS */

/* Hero */
.en-hero-section {
  padding: 42px 0 34px;
  background:
    radial-gradient(circle at 88% 35%, rgba(14, 172, 73, 0.08), transparent 22%),
    radial-gradient(circle at 50% 85%, rgba(0, 110, 255, 0.06), transparent 25%),
    #ffffff;
}

.en-breadcrumb {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 42px;
  font-size: 14px;
  color: #071540;
}

.en-breadcrumb a,
.en-breadcrumb span {
  color: #071540;
  font-weight: 500;
}

.en-breadcrumb i {
  color: #637195;
  font-size: 12px;
}

.en-small-title,
.en-section-heading span,
.en-impact-content span {
  display: inline-block;
  color: #0cab49;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 18px;
}

.en-hero-content h1 {
  color: #071540;
  font-size: 51px;
  line-height: 1.18;
  letter-spacing: -1.6px;
  font-weight: 800;
  margin-bottom: 18px;
}

.en-hero-content h1 span {
  color: #12aa48;
}

.en-title-line {
  width: 62px;
  height: 3px;
  background: #006eff;
  border-radius: 50px;
  margin-bottom: 26px;
}

.en-hero-content p {
  max-width: 535px;
  color: #071540;
  font-size: 17px;
  line-height: 1.85;
  font-weight: 500;
  margin-bottom: 28px;
}

.en-hero-buttons {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.en-primary-btn,
.en-outline-btn,
.en-green-btn,
.en-white-btn {
  min-height: 54px;
  border-radius: 7px;
  padding: 0 28px;
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.en-primary-btn {
  background: #006eff;
  color: #ffffff;
  border: 1px solid #006eff;
  box-shadow: 0 12px 24px rgba(0, 110, 255, 0.22);
}

.en-primary-btn:hover {
  background: #005bd4;
  color: #ffffff;
}

.en-outline-btn {
  background: #ffffff;
  color: #006eff;
  border: 2px solid #006eff;
}

.en-outline-btn:hover {
  background: #006eff;
  color: #ffffff;
}

.en-hero-image-box {
  position: relative;
  padding-left: 40px;
  padding-bottom: 34px;
}

.en-hero-img {
  width: 100%;
  height: 485px;
  object-fit: cover;
  border-radius: 22px;
  display: block;
  box-shadow: 0 20px 50px rgba(7, 21, 64, 0.08);
}

.en-floating-card {
  position: absolute;
  left: -12px;
  top: 68px;
  width: 205px;
  background: #ffffff;
  border-radius: 16px;
  padding: 28px 22px;
  box-shadow: 0 18px 45px rgba(7, 21, 64, 0.14);
}

.en-mini-stat {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.en-mini-stat:not(:last-child) {
  margin-bottom: 30px;
}

.en-mini-stat i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #e9f8ee;
  color: #0cab49;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.en-mini-stat small {
  display: block;
  font-size: 11px;
  color: #071540;
  font-weight: 800;
  margin-bottom: 5px;
}

.en-mini-stat strong {
  display: block;
  font-size: 29px;
  line-height: 1;
  color: #006eff;
  font-weight: 800;
  margin-bottom: 5px;
}

.en-mini-stat span {
  display: block;
  color: #637195;
  font-size: 11px;
  font-weight: 600;
}

.en-blue-callout {
  position: absolute;
  right: 6px;
  bottom: 14px;
  width: 305px;
  min-height: 110px;
  background: #075fe4;
  color: #ffffff;
  border-radius: 21px;
  padding: 22px 25px;
  display: flex;
  align-items: center;
  gap: 18px;
  box-shadow: 0 18px 35px rgba(0, 110, 255, 0.27);
}

.en-callout-icon {
  width: 58px;
  height: 58px;
  min-width: 58px;
  border-radius: 14px;
  background: #ffffff;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.en-blue-callout p {
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 700;
  color: #fff;
}

.en-green-dot {
  position: absolute;
  right: -18px;
  bottom: -8px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(18, 170, 72, 0.42);
}

.en-feature-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 28px;
}

.en-feature-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.en-feature-item i {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: #eaf8ef;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.en-feature-item strong {
  display: block;
  color: #071540;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 7px;
}

.en-feature-item span {
  display: block;
  color: #071540;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 500;
}

/* Solution */
.en-solution-section {
  padding: 45px 0 58px;
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
  border-radius: 28px;
}

.en-section-heading {
  margin-bottom: 34px;
}

.en-section-heading h2 {
  color: #071540;
  font-size: 31px;
  font-weight: 800;
  letter-spacing: -0.7px;
  margin: 0;
}

.en-solution-card {
  height: 100%;
  background: #ffffff;
  border-radius: 16px;
  padding: 30px 22px 28px;
  text-align: center;
  box-shadow: 0 12px 35px rgba(7, 21, 64, 0.06);
  border: 1px solid rgba(0, 110, 255, 0.04);
}

.en-card-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.en-card-icon.green {
  background: #eaf8ef;
  color: #0cab49;
}

.en-card-icon.blue {
  background: #edf4ff;
  color: #006eff;
}

.en-solution-card h3 {
  color: #071540;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 17px;
}

.en-solution-card p {
  color: #071540;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 500;
  margin: 0;
}

/* Flow */
.en-flow-section {
  padding: 38px 0 50px;
  background: #ffffff;
}

.en-flow-wrap {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 26px;
  position: relative;
}

.en-flow-item {
  text-align: center;
  position: relative;
}

.en-flow-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 23px;
  right: -37px;
  width: 48px;
  border-top: 2px dotted #006eff;
}

.en-flow-number {
  width: 38px;
  height: 38px;
  margin: 0 auto 14px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.en-flow-item.green .en-flow-number {
  background: #0cab49;
}

.en-flow-item.blue .en-flow-number {
  background: #006eff;
}

.en-flow-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #edf8f2;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.en-flow-item.blue .en-flow-icon {
  background: #edf4ff;
  color: #006eff;
}

.en-flow-item h4 {
  color: #071540;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 11px;
}

.en-flow-item p {
  color: #071540;
  font-size: 11px;
  line-height: 1.75;
  font-weight: 500;
  margin: 0;
}

/* Impact */
.en-impact-section {
  padding: 0 0 60px;
  background: #ffffff;
}

.en-impact-box {
  background: linear-gradient(90deg, #f6fbff 0%, #ffffff 50%, #f6fbff 100%);
  border-radius: 22px;
  padding: 48px 0px;
  box-shadow: 0 16px 42px rgba(7, 21, 64, 0.05);
}

.en-impact-content {
  padding-right: 40px;
  border-right: 2px solid rgba(7, 21, 64, 0.06);
}

.en-impact-content h2 {
  color: #071540;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 800;
  margin-bottom: 20px;
}

.en-impact-content p {
  color: #071540;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  margin-bottom: 18px;
}

.en-impact-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.en-impact-content li {
  color: #071540;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 500;
}

.en-impact-content li i {
  color: #0cab49;
  margin-right: 8px;
}

.en-green-btn {
  background: #0cab49;
  color: #ffffff;
  border: 1px solid #0cab49;
  min-height: 50px;
  padding: 0 24px;
}

.en-green-btn:hover {
  background: #08963f;
  color: #ffffff;
}

.en-impact-card {
  height: 100%;
  background: #ffffff;
  border-radius: 14px;
  padding: 32px 18px;
  text-align: center;
  box-shadow: 0 12px 34px rgba(7, 21, 64, 0.06);
}

.en-impact-card strong {
  display: block;
  color: #0cab49;
  font-size: 36px;
  line-height: 1;
  font-weight: 800;
  margin-bottom: 14px;
}

.en-impact-card:nth-child(even) strong,
.col-md-3:nth-child(even) .en-impact-card strong {
  color: #006eff;
}

.en-impact-card h4 {
  color: #071540;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 14px;
}

.en-impact-card p {
  color: #071540;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 500;
  margin: 0;
}

/* Bottom CTA */
.en-bottom-cta {
  margin-top: 34px;
  background: linear-gradient(100deg, #006eff 0%, #0b7ad9 38%, #24aa56 100%);
  border-radius: 18px;
  padding: 34px 58px;
  display: grid;
  grid-template-columns: 90px 1fr 350px;
  gap: 35px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.en-bottom-cta::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 22px;
  width: 180px;
  height: 130px;
  background-image: radial-gradient(rgba(255,255,255,0.35) 1.5px, transparent 1.5px);
  background-size: 14px 14px;
  opacity: 0.7;
}

.en-bottom-icon {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: #ffffff;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  position: relative;
  z-index: 2;
}

.en-bottom-text,
.en-bottom-actions {
  position: relative;
  z-index: 2;
}

.en-bottom-text h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 10px;
}

.en-bottom-text p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
  max-width: 650px;
}

.en-bottom-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.en-white-btn {
  background: #ffffff;
  color: #006eff;
  min-width: 270px;
}

.en-white-btn:hover {
  background: #eef5ff;
  color: #006eff;
}

.en-demo-link {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.en-demo-link:hover {
  color: #ffffff;
}

/* Responsive */
@media (max-width: 1199px) {
  .en-page-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .en-nav-links {
    gap: 16px;
  }

  .en-hero-content h1 {
    font-size: 42px;
  }

  .en-flow-wrap {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 36px;
  }

  .en-flow-item:not(:last-child)::after {
    display: none;
  }

  .en-bottom-cta {
    grid-template-columns: 80px 1fr;
  }

  .en-bottom-actions {
    grid-column: 2 / 3;
  }
}

@media (max-width: 991px) {
  .en-navbar {
    padding: 16px 0;
  }

  .en-nav-links {
    gap: 0;
    padding-top: 20px;
  }

  .en-consult-btn {
    margin-top: 15px;
  }

  .en-hero-section {
    padding-top: 22px;
  }

  .en-hero-content h1 {
    font-size: 40px;
  }

  .en-hero-image-box {
    padding-left: 0;
  }

  .en-floating-card {
    left: 20px;
    top: 35px;
  }

  .en-feature-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .en-impact-content {
    padding-right: 0;
    border-right: 0;
  }

  .en-bottom-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 34px 28px;
  }

  .en-bottom-icon {
    margin: 0 auto;
  }

  .en-bottom-text p {
    margin: 0 auto;
  }

  .en-bottom-actions {
    grid-column: auto;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .en-page-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .en-logo {
    max-width: 180px;
  }

  .en-breadcrumb {
    flex-wrap: wrap;
    font-size: 12px;
    margin-bottom: 28px;
  }

  .en-hero-content h1 {
    font-size: 34px;
  }

  .en-hero-content p {
    font-size: 15px;
  }

  .en-hero-buttons {
    flex-direction: column;
  }

  .en-primary-btn,
  .en-outline-btn {
    width: 100%;
  }

  .en-hero-img {
    height: 380px;
  }

  .en-floating-card {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-top: 18px;
  }

  .en-blue-callout {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 18px;
  }

  .en-green-dot {
    display: none;
  }

  .en-feature-strip {
    /* grid-template-columns: 1fr; */
    gap: 22px;
  }

  .en-section-heading h2 {
    font-size: 25px;
  }

  .en-flow-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .en-impact-box {
    padding: 34px 22px;
  }

  .en-impact-content h2 {
    font-size: 27px;
  }

  .en-bottom-text h2 {
    font-size: 25px;
  }

  .en-white-btn {
    min-width: 100%;
  }
}

@media (max-width: 480px) {
  .en-hero-content h1 {
    font-size: 30px;
  }

  .en-hero-img {
    height: 310px;
  }

  .en-flow-wrap {
    grid-template-columns: 1fr;
  }

  .en-solution-section {
    border-radius: 16px;
  }

  .en-bottom-cta {
    border-radius: 14px;
  }
}




















/* courses Page Css */


/* Hero */
.cl-hero-section {
    padding: 42px 0 42px;
    background: radial-gradient(circle at 96% 35%, rgba(31, 163, 76, .11) 0 16%, transparent 33%), radial-gradient(circle at 82% 14%, rgba(0, 111, 230, .07) 0 20%, transparent 40%), #fff;
    background-image: url(../images/donation-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cl-breadcrumb {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 42px;
  color: #071540;
  font-size: 14px;
}

.cl-breadcrumb a,
.cl-breadcrumb span {
  color: #071540;
  font-weight: 500;
}

.cl-breadcrumb i {
  color: #64708b;
  font-size: 12px;
}

.cl-small-title,
.cl-section-heading span,
.cl-impact-content span {
  display: inline-block;
  color: #0cab49;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 18px;
}

.cl-hero-content h1 {
  color: #071540;
  font-size: 51px;
  line-height: 1.18;
  letter-spacing: -1.7px;
  font-weight: 900;
  margin-bottom: 18px;
}

.cl-hero-content h1 span {
  color: #0cab49;
}

.cl-blue-line {
  width: 62px;
  height: 3px;
  background: #006eff;
  border-radius: 50px;
  margin-bottom: 26px;
}

.cl-hero-content p {
  max-width: 560px;
  color: #071540;
  font-size: 17px;
  line-height: 1.82;
  font-weight: 500;
  margin-bottom: 30px;
}

.cl-hero-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.cl-primary-btn,
.cl-outline-btn,
.cl-green-btn,
.cl-white-btn {
  min-height: 58px;
  border-radius: 7px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 14px;
  font-weight: 900;
}

.cl-primary-btn {
  background: #006eff;
  color: #ffffff;
  border: 1px solid #006eff;
  box-shadow: 0 12px 24px rgba(0, 110, 255, 0.25);
}

.cl-primary-btn:hover {
  background: #005dd8;
  color: #ffffff;
}

.cl-outline-btn {
  background: #ffffff;
  color: #006eff;
  border: 2px solid #006eff;
}

.cl-outline-btn:hover {
  background: #006eff;
  color: #ffffff;
}

/* Dashboard hero */
.cl-dashboard-wrap {
  position: relative;
  min-height: 535px;
  padding-top: 22px;
}

.cl-green-shape {
  position: absolute;
  border-radius: 50%;
  background: rgba(13, 171, 73, 0.12);
  z-index: 0;
}

.cl-shape-one {
  width: 430px;
  height: 320px;
  top: 0;
  left: 90px;
  border-radius: 55% 45% 50% 50%;
}

.cl-shape-two {
  width: 430px;
  height: 390px;
  right: 35px;
  bottom: 20px;
  border-radius: 48% 52% 45% 55%;
}

.cl-dashboard-card {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 24px 55px rgba(7, 21, 64, 0.13);
  display: grid;
  grid-template-columns: 125px 1fr;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.cl-sidebar {
  background: linear-gradient(180deg, #051338, #071c4e);
  padding: 24px 16px;
  color: #ffffff;
}

.cl-sidebar-logo {
  width: 34px;
  height: 34px;
  margin: 0 auto 30px;
  color: #0cab49;
  font-size: 25px;
}

.cl-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cl-sidebar li {
  color: #d7e3ff;
  font-size: 11px;
  font-weight: 700;
  padding: 10px 8px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.cl-sidebar li.active {
  background: rgba(255, 255, 255, 0.12);
}

.cl-dashboard-main {
  padding: 28px 25px;
}

.cl-dashboard-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 26px;
}

.cl-dashboard-top h4 {
  color: #071540;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 6px;
}

.cl-dashboard-top p {
  color: #61708f;
  font-size: 11px;
  font-weight: 600;
  margin: 0;
}

.cl-new-course-btn {
  background: #006eff;
  color: #ffffff;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.cl-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
  margin-bottom: 22px;
}

.cl-dash-stat {
  background: #f8fbff;
  border-radius: 9px;
  padding: 18px 14px;
  box-shadow: 0 6px 18px rgba(7, 21, 64, 0.04);
}

.cl-dash-stat span {
  display: block;
  color: #61708f;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 10px;
}

.cl-dash-stat strong {
  display: block;
  color: #071540;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
}

.cl-progress-box,
.cl-enroll-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  box-shadow: 0 8px 22px rgba(7, 21, 64, 0.06);
}

.cl-progress-box h5,
.cl-enroll-box h5 {
  color: #071540;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 18px;
}

.cl-circle-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
}

.cl-progress-circle {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: conic-gradient(#0cab49 0 75%, #ffd54f 75% 90%, #ff5b5b 90% 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.cl-progress-circle::before {
  content: "";
  position: absolute;
  width: 78px;
  height: 78px;
  background: #ffffff;
  border-radius: 50%;
}

.cl-progress-circle strong,
.cl-progress-circle span {
  position: relative;
  z-index: 2;
}

.cl-progress-circle strong {
  color: #071540;
  font-size: 23px;
  font-weight: 900;
}

.cl-progress-circle span {
  color: #61708f;
  font-size: 8px;
  font-weight: 700;
}

.cl-progress-list {
  flex: 1;
}

.cl-progress-list p {
  margin: 0 0 11px;
  color: #071540;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 7px;
}

.cl-progress-list p b {
  margin-left: auto;
}

.cl-progress-list span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.cl-progress-list .green {
  background: #0cab49;
}

.cl-progress-list .yellow {
  background: #ffd54f;
}

.cl-progress-list .red {
  background: #ff5b5b;
}

.cl-enroll-item {
  display: grid;
  grid-template-columns: 22px 1fr 1.4fr 38px;
  gap: 8px;
  align-items: center;
  margin-bottom: 13px;
}

.cl-enroll-item span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0cab49, #006eff);
}

.cl-enroll-item p,
.cl-enroll-item b,
.cl-enroll-item small {
  margin: 0;
  font-size: 9px;
  color: #071540;
}

.cl-enroll-item p {
  font-weight: 800;
}

.cl-enroll-item b {
  font-weight: 600;
}

.cl-enroll-item small {
  color: #61708f;
}

.cl-enroll-box a {
  color: #006eff;
  font-size: 10px;
  font-weight: 900;
}

.cl-hero-callout {
  position: absolute;
  left: 200px;
  bottom: 40px;
  width: 315px;
  min-height: 90px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 18px 42px rgba(7, 21, 64, 0.13);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 24px;
  z-index: 5;
}

.cl-callout-icon {
  color: #006eff;
  font-size: 46px;
  line-height: 1;
}

.cl-hero-callout p {
  color: #071540;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 800;
  margin: 0;
}

.cl-small-dot {
  position: absolute;
  left: 510px;
  bottom: 40px;
  width: 24px;
  height: 24px;
  background: #0cab49;
  border-radius: 50%;
  z-index: 6;
}

/* Feature Strip */
.cl-feature-strip {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.cl-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.cl-feature-item i {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  background: #eaf8ef;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.cl-feature-item strong {
  display: block;
  color: #071540;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 7px;
}

.cl-feature-item span {
  display: block;
  color: #071540;
  font-size: 11px;
  line-height: 1.6;
  font-weight: 500;
}

/* Section heading */
.cl-section-heading {
  margin-bottom: 34px;
}

.cl-section-heading h2 {
  color: #071540;
  font-size: 31px;
  line-height: 1.3;
  letter-spacing: -0.6px;
  font-weight: 900;
  margin: 0;
}

/* System */
.cl-system-section {
  padding: 48px 0 58px;
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
  border-radius: 28px;
}

.cl-system-card {
  background: #ffffff;
  border-radius: 15px;
  height: 100%;
  text-align: center;
  padding: 30px 20px;
  box-shadow: 0 12px 32px rgba(7, 21, 64, 0.06);
}

.cl-card-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.cl-card-icon.green {
  background: #eaf8ef;
  color: #0cab49;
}

.cl-card-icon.blue {
  background: #edf4ff;
  color: #006eff;
}

.cl-system-card h3 {
  color: #071540;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 17px;
}

.cl-system-card p {
  color: #071540;
  font-size: 12px;
  line-height: 1.85;
  font-weight: 500;
  margin: 0;
}

/* Flow */
.cl-flow-section {
  padding: 42px 0 56px;
  background: #ffffff;
}

.cl-flow-wrap {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 24px;
}

.cl-flow-item {
  text-align: center;
  position: relative;
}

.cl-flow-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 23px;
  right: -35px;
  width: 48px;
  border-top: 2px dotted #006eff;
}

.cl-flow-number {
  width: 42px;
  height: 42px;
  margin: 0 auto 26px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cl-flow-item.blue .cl-flow-number {
  background: #006eff;
}

.cl-flow-item.green .cl-flow-number {
  background: #0cab49;
}

.cl-flow-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #edf4ff;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

.cl-flow-item.green .cl-flow-icon {
  background: #eaf8ef;
  color: #0cab49;
}

.cl-flow-item h4 {
  color: #071540;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 900;
  margin-bottom: 12px;
}

.cl-flow-item p {
  color: #071540;
  font-size: 11px;
  line-height: 1.85;
  font-weight: 500;
  margin: 0;
}

/* Impact */
.cl-impact-section {
  background: #ffffff;
  padding: 0 0 60px;
}

.cl-impact-box {
  background: linear-gradient(90deg, #f5fbff 0%, #ffffff 50%, #f5fbff 100%);
  border-radius: 22px;
  padding: 52px 30px 28px;
  box-shadow: 0 14px 38px rgba(7, 21, 64, 0.05);
}

.cl-impact-content {
  padding-right: 26px;
}

.cl-impact-content h2 {
  color: #071540;
  font-size: 32px;
  line-height: 1.28;
  font-weight: 900;
  letter-spacing: -0.6px;
  margin-bottom: 20px;
}

.cl-impact-content p {
  color: #071540;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 26px;
}

.cl-green-btn {
  background: #0cab49;
  color: #ffffff;
  border: 1px solid #0cab49;
  min-height: 54px;
}

.cl-green-btn:hover {
  background: #08983f;
  color: #ffffff;
}

.cl-impact-card {
  background: #ffffff;
  height: 100%;
  border-radius: 14px;
  padding: 34px 22px;
  text-align: center;
  box-shadow: 0 12px 32px rgba(7, 21, 64, 0.06);
}

.cl-impact-card h3 {
  color: #071540;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 900;
  margin-bottom: 17px;
}

.cl-impact-card p {
  color: #071540;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 500;
  margin: 0;
}

/* Training */
.cl-training-box {
  margin-top: 48px;
  background: linear-gradient(100deg, #eefaf5, #f7fffd);
  border-radius: 14px;
  overflow: hidden;
}

.cl-training-img {
  width: 100%;
  /* height: 270px; */
  object-fit: cover;
  display: block;
}

.cl-training-content {
  padding: 40px 54px;
}

.cl-training-content h2 {
  color: #071540;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 900;
  margin-bottom: 14px;
}

.cl-training-content p {
  color: #071540;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 500;
  max-width: 680px;
  margin-bottom: 26px;
}

.cl-training-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 26px;
}

.cl-training-tags span {
  min-height: 58px;
  background: #ffffff;
  border-radius: 9px;
  padding: 10px 18px;
  color: #071540;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 20px rgba(7, 21, 64, 0.05);
}

.cl-training-tags i {
  color: #006eff;
  font-size: 22px;
}

.cl-explore-link {
  color: #006eff;
  font-size: 15px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* Bottom CTA */
.cl-bottom-cta {
  margin-top: 28px;
  background: linear-gradient(100deg, #0056d8 0%, #0575da 40%, #0cab49 100%);
  border-radius: 18px;
  padding: 34px 58px;
  display: grid;
  grid-template-columns: 92px 1fr 350px;
  align-items: center;
  gap: 35px;
  overflow: hidden;
  position: relative;
}

.cl-bottom-icon {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #ffffff;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.cl-bottom-text h2 {
  color: #ffffff;
  font-size: 29px;
  line-height: 1.3;
  font-weight: 900;
  margin-bottom: 10px;
}

.cl-bottom-text p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 500;
  margin: 0;
  max-width: 700px;
}

.cl-bottom-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.cl-white-btn {
  background: #ffffff;
  color: #006eff;
  border: 1px solid #ffffff;
  min-width: 285px;
}

.cl-white-btn:hover {
  background: #eef5ff;
  color: #006eff;
}

.cl-demo-link {
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.cl-demo-link:hover {
  color: #ffffff;
}

/* Responsive */
@media (max-width: 1199px) {
  .cl-page-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .cl-nav-links {
    gap: 16px;
  }

  .cl-hero-content h1 {
    font-size: 42px;
  }

  .cl-dashboard-card {
    grid-template-columns: 110px 1fr;
  }

  .cl-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cl-flow-wrap {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px;
  }

  .cl-flow-item::after {
    display: none;
  }

  .cl-bottom-cta {
    grid-template-columns: 90px 1fr;
  }

  .cl-bottom-actions {
    grid-column: 2 / 3;
  }
}

@media (max-width: 991px) {
  .cl-navbar {
    padding: 16px 0;
  }

  .cl-nav-links {
    gap: 0;
    padding-top: 18px;
  }

  .cl-consult-btn {
    margin-top: 15px;
  }

  .cl-hero-content h1 {
    font-size: 40px;
  }

  .cl-dashboard-wrap {
    min-height: auto;
    padding-bottom: 125px;
  }

  .cl-dashboard-card {
    max-width: 100%;
  }

  .cl-hero-callout {
    left: 25px;
    bottom: 20px;
  }

  .cl-small-dot {
    left: 330px;
    bottom: 24px;
  }

  .cl-feature-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  .cl-training-content {
    padding: 34px 28px;
  }

  .cl-bottom-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 34px 26px;
  }

  .cl-bottom-icon {
    margin: 0 auto;
  }

  .cl-bottom-actions {
    grid-column: auto;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .cl-page-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .cl-logo {
    width: 180px;
  }

  .cl-breadcrumb {
    flex-wrap: wrap;
    font-size: 12px;
    margin-bottom: 30px;
  }

  .cl-hero-content h1 {
    font-size: 34px;
  }

  .cl-hero-content p {
    font-size: 15px;
  }

  .cl-hero-actions {
    flex-direction: column;
  }

  .cl-primary-btn,
  .cl-outline-btn {
    width: 100%;
  }

  .cl-dashboard-card {
    grid-template-columns: 1fr;
  }

  .cl-sidebar {
    display: none;
  }

  .cl-dashboard-top {
    flex-direction: column;
  }

  .cl-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cl-circle-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .cl-enroll-item {
    grid-template-columns: 22px 1fr;
  }

  .cl-enroll-item b,
  .cl-enroll-item small {
    display: none;
  }

  .cl-hero-callout {
    position: relative;
    width: 100%;
    left: auto;
    bottom: auto;
    margin-top: 20px;
  }

  .cl-dashboard-wrap {
    padding-bottom: 0;
  }

  .cl-small-dot {
    display: none;
  }

  .cl-feature-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .cl-section-heading h2 {
    font-size: 25px;
  }

  .cl-flow-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .cl-impact-box {
    padding: 34px 20px 24px;
  }

  .cl-impact-content h2 {
    font-size: 27px;
  }

  .cl-training-img {
    height: 240px;
  }

  .cl-training-content h2 {
    font-size: 25px;
  }

  .cl-training-tags span {
    width: 100%;
  }

  .cl-bottom-text h2 {
    font-size: 25px;
  }

  .cl-white-btn {
    min-width: 100%;
  }
}

@media (max-width: 480px) {
  .cl-hero-content h1 {
    font-size: 30px;
  }

  .cl-dashboard-main {
    padding: 22px 16px;
  }

  .cl-stats-grid {
    grid-template-columns: 1fr;
  }

  .cl-feature-strip {
    /* grid-template-columns: 1fr; */
  }

  .cl-flow-wrap {
    grid-template-columns: 1fr;
  }

  .cl-system-section {
    border-radius: 16px;
  }

  .cl-bottom-cta {
    border-radius: 14px;
  }
}















/* crm-automations Page Css */



/* Hero */
.crmnp-hero-section {
    padding: 42px 0 44px;
    background: #ffffff;
    background-image: url(../images/Consultation-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.crmnp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 55px;
  color: #071540;
  font-size: 14px;
}

.crmnp-breadcrumb a,
.crmnp-breadcrumb span {
  color: #071540;
  font-weight: 500;
}

.crmnp-breadcrumb i {
  color: #64708b;
  font-size: 12px;
}

.crmnp-hero-content h1 {
  color: #071540;
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: -1.8px;
  font-weight: 900;
  margin-bottom: 22px;
}

.crmnp-hero-content h1 span {
  color: #0cab49;
}

.crmnp-title-line {
  width: 62px;
  height: 3px;
  background: #006eff;
  border-radius: 50px;
  margin-bottom: 28px;
}

.crmnp-hero-content p {
  max-width: 565px;
  color: #071540;
  font-size: 17px;
  line-height: 1.85;
  font-weight: 500;
  margin-bottom: 32px;
}

.crmnp-hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.crmnp-primary-btn,
.crmnp-outline-btn,
.crmnp-green-btn,
.crmnp-white-btn {
  min-height: 58px;
  border-radius: 7px;
  padding: 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 14px;
  font-weight: 900;
}

.crmnp-primary-btn {
  background: #006eff;
  color: #ffffff;
  border: 1px solid #006eff;
  box-shadow: 0 12px 24px rgba(0, 110, 255, 0.25);
}

.crmnp-primary-btn:hover {
  background: #005edb;
  color: #ffffff;
}

.crmnp-outline-btn {
  background: #ffffff;
  color: #006eff;
  border: 2px solid #006eff;
}

.crmnp-outline-btn:hover {
  background: #006eff;
  color: #ffffff;
}

/* Dashboard */
.crmnp-dashboard-area {
  position: relative;
  min-height: 560px;
  padding-top: 40px;
}

.crmnp-blue-shape {
  position: absolute;
  right: -38px;
  top: 35px;
  width: 720px;
  height: 470px;
  background: linear-gradient(135deg, rgba(0, 110, 255, 0.10), rgba(0, 110, 255, 0.03));
  border: 1px solid rgba(0, 110, 255, 0.28);
  border-radius: 50% 42% 48% 52%;
  z-index: 0;
}

.crmnp-dots-bg {
  position: absolute;
  left: 20px;
  top: 80px;
  width: 170px;
  height: 380px;
  background-image: radial-gradient(rgba(0, 110, 255, 0.32) 1.3px, transparent 1.3px);
  background-size: 18px 18px;
  z-index: 0;
}

.crmnp-dashboard-card {
  position: relative;
  z-index: 2;
  max-width: 755px;
  margin-left: auto;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 122px 1fr;
  box-shadow: 0 24px 55px rgba(7, 21, 64, 0.14);
}

.crmnp-sidebar {
  background: linear-gradient(180deg, #051338, #071c4e);
  padding: 28px 16px;
  color: #ffffff;
}

.crmnp-sidebar-logo {
  width: 36px;
  height: 36px;
  margin: 0 auto 28px;
  color: #0cab49;
  font-size: 26px;
}

.crmnp-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.crmnp-sidebar li {
  color: #d7e3ff;
  font-size: 11px;
  font-weight: 700;
  padding: 10px 8px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.crmnp-sidebar li.active {
  background: rgba(255, 255, 255, 0.13);
}

.crmnp-dashboard-main {
  padding: 35px 28px 28px;
}

.crmnp-dashboard-main h3 {
  color: #071540;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 28px;
}

.crmnp-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 25px;
}

.crmnp-stat-box {
  background: #f8fbff;
  border-radius: 10px;
  padding: 20px 14px;
  box-shadow: 0 7px 18px rgba(7, 21, 64, 0.04);
}

.crmnp-stat-box span {
  display: block;
  color: #687796;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 12px;
}

.crmnp-stat-box strong {
  display: block;
  color: #071540;
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 12px;
}

.crmnp-stat-box small {
  color: #0cab49;
  font-size: 10px;
  font-weight: 800;
}

.crmnp-panel-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  box-shadow: 0 8px 22px rgba(7, 21, 64, 0.06);
}

.crmnp-panel-box h4 {
  color: #071540;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 18px;
}

.crmnp-funnel-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 8px;
}

.crmnp-funnel-row span {
  height: 38px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(10% 0%, 90% 0%, 80% 100%, 20% 100%);
}

.crmnp-funnel-row b {
  color: #071540;
  font-size: 10px;
  font-weight: 700;
}

.crmnp-funnel-row.blue span {
  background: #006eff;
}

.crmnp-funnel-row.sky span {
  background: #418fe9;
}

.crmnp-funnel-row.green span {
  background: #65c277;
}

.crmnp-funnel-row.yellow span {
  background: #ffbd24;
}

.crmnp-funnel-row.purple span {
  background: #9b78d7;
}

.crmnp-activity-item {
  display: grid;
  grid-template-columns: 25px 1fr 60px;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.crmnp-activity-item i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.crmnp-activity-item i.blue {
  background: #006eff;
}

.crmnp-activity-item i.green {
  background: #0cab49;
}

.crmnp-activity-item span {
  color: #071540;
  font-size: 11px;
  font-weight: 800;
}

.crmnp-activity-item small {
  color: #61708f;
  font-size: 9px;
  font-weight: 600;
  text-align: right;
}

.crmnp-success-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  min-height: 118px;
  background: linear-gradient(135deg, #f2fbf5, #ffffff);
  border: 1px solid rgba(12, 171, 73, 0.16);
  border-radius: 12px;
  padding: 25px 26px;
  display: flex;
  align-items: center;
  gap: 18px;
  z-index: 5;
  box-shadow: 0 16px 38px rgba(7, 21, 64, 0.12);
}

.crmnp-success-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: #0cab49;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.crmnp-success-badge p {
  color: #071540;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 900;
  margin: 0;
}

/* Feature Strip */
.crmnp-feature-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 34px;
  margin-top: 35px;
}

.crmnp-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.crmnp-feature-item i {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  background: #eaf8ef;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.crmnp-feature-item strong {
  display: block;
  color: #071540;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 7px;
}

.crmnp-feature-item span {
  display: block;
  color: #071540;
  font-size: 11px;
  line-height: 1.6;
  font-weight: 500;
}

/* Section Heading */
.crmnp-section-heading {
  margin-bottom: 34px;
}

.crmnp-section-heading span,
.crmnp-impact-content span {
  display: inline-block;
  color: #0cab49;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.35px;
  margin-bottom: 14px;
}

.crmnp-section-heading h2 {
  color: #071540;
  font-size: 31px;
  line-height: 1.32;
  font-weight: 900;
  letter-spacing: -0.7px;
  margin: 0;
}

/* Automation */
.crmnp-automation-section {
  padding: 48px 0 60px;
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
  border-radius: 28px;
}

.crmnp-service-card {
  height: 100%;
  background: #ffffff;
  border-radius: 15px;
  padding: 30px 18px;
  text-align: center;
  box-shadow: 0 12px 32px rgba(7, 21, 64, 0.06);
}

.crmnp-card-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.crmnp-card-icon.green {
  background: #eaf8ef;
  color: #0cab49;
}

.crmnp-card-icon.blue {
  background: #edf4ff;
  color: #006eff;
}

.crmnp-service-card h3 {
  color: #071540;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 17px;
}

.crmnp-service-card p {
  color: #071540;
  font-size: 12px;
  line-height: 1.85;
  font-weight: 500;
  margin: 0;
}

/* Flow */
.crmnp-flow-section {
  padding: 46px 0 62px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.crmnp-flow-wrap {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 24px;
}

.crmnp-flow-item {
  text-align: center;
  position: relative;
}

.crmnp-flow-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 41px;
    left: calc(50% + 45px);
    width: calc(85% - 45px);
    border-top: 1.5px dashed #006fe6;
    opacity: .75;
}

.crmnp-flow-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 8px solid #f1f8f4;
  color: #0cab49;
  box-shadow: 0 8px 20px rgba(7, 21, 64, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 31px;
}

.crmnp-flow-item:nth-child(even) .crmnp-flow-icon {
  color: #006eff;
  border-color: #f1f6ff;
}

.crmnp-flow-item h4 {
  color: #071540;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 900;
  margin-bottom: 12px;
}

.crmnp-flow-item p {
  color: #071540;
  font-size: 11px;
  line-height: 1.85;
  font-weight: 500;
  margin: 0;
}

/* Impact */
.crmnp-impact-section {
  background: #ffffff;
  padding: 0 0 60px;
}

.crmnp-impact-box {
  background: linear-gradient(90deg, #f5fbff 0%, #ffffff 52%, #f5fbff 100%);
  border-radius: 22px;
  padding: 48px 0px;
  box-shadow: 0 14px 38px rgba(7, 21, 64, 0.05);
}

.crmnp-impact-content {
  padding-right: 44px;
  border-right: 2px solid rgba(7, 21, 64, 0.06);
}

.crmnp-impact-content h2 {
  color: #071540;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.8px;
  margin-bottom: 20px;
}

.crmnp-impact-content p {
  color: #071540;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 28px;
}

.crmnp-green-btn {
  background: #0cab49;
  color: #ffffff;
  border: 1px solid #0cab49;
  min-height: 54px;
}

.crmnp-green-btn:hover {
  background: #08983f;
  color: #ffffff;
}

.crmnp-impact-card {
  background: #ffffff;
  height: 100%;
  border-radius: 14px;
  padding: 34px 20px;
  text-align: center;
  box-shadow: 0 12px 32px rgba(7, 21, 64, 0.06);
}

.crmnp-impact-card h3 {
  color: #071540;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 900;
  margin-bottom: 16px;
}

.crmnp-impact-card p {
  color: #071540;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 500;
  margin: 0;
}

/* Bottom CTA */
.crmnp-bottom-cta-section {
  background: #ffffff;
  padding: 0 0 0px;
  background: linear-gradient(100deg, #006eff 0%, #0d7fd2 38%, #22a64f 100%);
}

.crmnp-bottom-cta {
  /* background: linear-gradient(100deg, #006eff 0%, #0d7fd2 38%, #22a64f 100%); */
  padding: 36px 0px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: 92px 1fr 350px;
  align-items: center;
  gap: 35px;
  overflow: hidden;
  position: relative;
}

.crmnp-bottom-icon {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #ffffff;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.crmnp-bottom-text h2 {
  color: #ffffff;
  font-size: 31px;
  line-height: 1.3;
  font-weight: 900;
  margin-bottom: 10px;
}

.crmnp-bottom-text p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 500;
  margin: 0;
  max-width: 760px;
}

.crmnp-bottom-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.crmnp-white-btn {
  background: #ffffff;
  color: #006eff;
  border: 1px solid #ffffff;
  min-width: 285px;
}

.crmnp-white-btn:hover {
  background: #eef5ff;
  color: #006eff;
}

.crmnp-demo-link {
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.crmnp-demo-link:hover {
  color: #ffffff;
}

/* Responsive */
@media (max-width: 1199px) {
  .crmnp-page-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .crmnp-nav-links {
    gap: 16px;
  }

  .crmnp-hero-content h1 {
    font-size: 43px;
  }

  .crmnp-dashboard-card {
    grid-template-columns: 105px 1fr;
  }

  .crmnp-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .crmnp-flow-wrap {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 42px;
  }

  .crmnp-flow-item::after {
    display: none;
  }

  .crmnp-bottom-cta {
    grid-template-columns: 90px 1fr;
  }

  .crmnp-bottom-actions {
    grid-column: 2 / 3;
  }
}

@media (max-width: 991px) {
  .crmnp-navbar {
    padding: 16px 0;
  }

  .crmnp-nav-links {
    gap: 0;
    padding-top: 18px;
  }

  .crmnp-consult-btn {
    margin-top: 15px;
  }

  .crmnp-breadcrumb {
    margin-bottom: 35px;
  }

  .crmnp-dashboard-area {
    min-height: auto;
    padding-top: 20px;
  }

  .crmnp-blue-shape {
    width: 100%;
    right: 0;
  }

  .crmnp-dashboard-card {
    max-width: 100%;
  }

  .crmnp-success-badge {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-bottom: 18px;
  }

  .crmnp-feature-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .crmnp-impact-content {
    padding-right: 0;
    border-right: 0;
  }

  .crmnp-bottom-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 36px 26px;
  }

  .crmnp-bottom-icon {
    margin: 0 auto;
  }

  .crmnp-bottom-actions {
    grid-column: auto;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .crmnp-page-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .crmnp-logo {
    width: 180px;
  }

  .crmnp-breadcrumb {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .crmnp-hero-content h1 {
    font-size: 34px;
  }

  .crmnp-hero-content p {
    font-size: 15px;
  }

  .crmnp-hero-actions {
    flex-direction: column;
  }

  .crmnp-primary-btn,
  .crmnp-outline-btn {
    width: 100%;
  }

  .crmnp-dashboard-card {
    grid-template-columns: 1fr;
  }

  .crmnp-sidebar {
    display: none;
  }

  .crmnp-dashboard-main {
    padding: 25px 18px;
  }

  .crmnp-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .crmnp-funnel-row {
    grid-template-columns: 1fr;
  }

  .crmnp-activity-item {
    grid-template-columns: 25px 1fr;
  }

  .crmnp-activity-item small {
    display: none;
  }

  .crmnp-feature-strip {
    grid-template-columns: 1fr;
  }

  .crmnp-section-heading h2 {
    font-size: 25px;
  }

  .crmnp-flow-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .crmnp-impact-box {
    padding: 34px 20px;
  }

  .crmnp-impact-content h2 {
    font-size: 28px;
  }

  .crmnp-bottom-text h2 {
    font-size: 25px;
  }

  .crmnp-white-btn {
    min-width: 100%;
  }
}

@media (max-width: 480px) {
  .crmnp-hero-content h1 {
    font-size: 30px;
  }

  .crmnp-stats-grid {
    grid-template-columns: 1fr;
  }

  .crmnp-flow-wrap {
    grid-template-columns: 1fr;
  }

  .crmnp-automation-section {
    border-radius: 16px;
  }

  .crmnp-card-icon,
  .crmnp-flow-icon {
    width: 72px;
    height: 72px;
    font-size: 34px;
  }
}


















/* board-recruitment Page Css */

/* Hero */
.brdnp-hero-section {
  background: #ffffff;
  padding: 35px 0 70px;
}

.brdnp-small-title {
  display: inline-block;
  color: #0cab49;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 22px;
}

.brdnp-hero-content h1 {
  color: #071540;
  font-size: 57px;
  line-height: 1.08;
  letter-spacing: -1.8px;
  font-weight: 900;
  margin-bottom: 22px;
}

.brdnp-hero-content h1 span {
  color: #0cab49;
}

.brdnp-green-line,
.brdnp-heading-line {
  width: 44px;
  height: 3px;
  background: #0cab49;
  border-radius: 50px;
}

.brdnp-green-line {
  margin-bottom: 26px;
}

.brdnp-hero-content p {
  max-width: 580px;
  color: #071540;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 500;
  margin-bottom: 32px;
}

.brdnp-hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.brdnp-primary-btn,
.brdnp-outline-btn,
.brdnp-green-btn {
  min-height: 60px;
  border-radius: 7px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 900;
}

.brdnp-primary-btn {
  background: #006eff;
  color: #ffffff;
  border: 1px solid #006eff;
  box-shadow: 0 14px 28px rgba(0, 110, 255, 0.24);
}

.brdnp-primary-btn:hover {
  background: #005edb;
  color: #ffffff;
}

.brdnp-outline-btn {
  background: #ffffff;
  color: #006eff;
  border: 2px solid #006eff;
}

.brdnp-outline-btn:hover {
  background: #006eff;
  color: #ffffff;
}

.brdnp-hero-image-wrap {
  position: relative;
  min-height: 545px;
}

.brdnp-hero-img {
  width: 100%;
  height: 545px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

.brdnp-hero-text-card {
  position: absolute;
  top: 46px;
  left: 50%;
  transform: translateX(-5%);
  background: rgba(255, 255, 255, 0.82);
  padding: 22px 24px;
  border-radius: 4px;
}

.brdnp-hero-text-card h3 {
  color: #071540;
  font-size: 35px;
  line-height: 1.13;
  font-weight: 900;
  margin-bottom: 10px;
}

.brdnp-hero-text-card h4 {
  color: #0cab49;
  font-size: 35px;
  line-height: 1.13;
  font-weight: 900;
  margin: 0;
}

.brdnp-process-card {
  position: absolute;
  left: 90px;
  bottom: -38px;
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 42px;
  display: flex;
  align-items: center;
  gap: 22px;
  box-shadow: 0 18px 42px rgba(7, 21, 64, 0.13);
}

.brdnp-process-icon {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  background: #0cab49;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 31px;
}

.brdnp-process-card p {
  color: #071540;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 900;
  margin: 0;
}

/* Services */
.brdnp-services-section {
  background: linear-gradient(180deg, #f6fbff 0%, #ffffff 100%);
  padding: 76px 0 42px;
}

.brdnp-section-heading {
  margin-bottom: 32px;
}

.brdnp-section-heading h2 {
  color: #071540;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: -0.5px;
  margin-bottom: 18px;
}

.brdnp-heading-line {
  margin: 0 auto;
}

.brdnp-service-card {
  height: 100%;
  background: #ffffff;
  border-radius: 13px;
  padding: 36px 30px 32px;
  text-align: center;
  box-shadow: 0 14px 35px rgba(7, 21, 64, 0.06);
  border: 1px solid rgba(0, 110, 255, 0.04);
}

.brdnp-card-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 39px;
}

.brdnp-card-icon.green {
  background: #eaf8ef;
  color: #0cab49;
}

.brdnp-card-icon.blue {
  background: #edf4ff;
  color: #006eff;
}

.brdnp-service-card h3 {
  color: #071540;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 15px;
}

.brdnp-service-card p {
  color: #071540;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
  margin: 0;
}

/* Flow */
.brdnp-flow-section {
  background: #ffffff;
  padding: 42px 0 46px;
}

.brdnp-flow-wrap {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 24px;
}

.brdnp-flow-item {
  text-align: center;
  position: relative;
}

.brdnp-flow-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 72px;
  right: -36px;
  width: 50px;
  border-top: 4px dotted #0cab49;
}

.brdnp-flow-item span {
  width: 32px;
  height: 32px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: #0cab49;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brdnp-flow-item:nth-child(even) span {
  background: #006eff;
}

.brdnp-flow-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #0cab49;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

.brdnp-flow-item:nth-child(even) .brdnp-flow-icon {
  border-color: #d7e8ff;
  color: #006eff;
}

.brdnp-flow-item h4 {
  color: #071540;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 900;
  margin: 0;
}

/* Impact */
.brdnp-impact-section {
  background: #ffffff;
  padding: 34px 0 58px;
}

.brdnp-impact-img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 0;
  display: block;
}

.brdnp-impact-content {
  padding-left: 30px;
}

.brdnp-impact-content h2 {
  color: #071540;
  font-size: 33px;
  line-height: 1.32;
  font-weight: 900;
  letter-spacing: -0.6px;
  margin-bottom: 24px;
}

.brdnp-impact-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.brdnp-impact-content li {
  color: #071540;
  font-size: 15px;
  line-height: 2.05;
  font-weight: 600;
}

.brdnp-impact-content li i {
  color: #0cab49;
  margin-right: 10px;
}

/* Testimonials */
.brdnp-testimonial-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 10px 0 45px;
}

.brdnp-slider-wrap {
  display: flex;
  align-items: center;
  gap: 26px;
}

.brdnp-slider-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  border: 2px solid #9bc6ff;
  background: #ffffff;
  color: #006eff;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brdnp-testimonial-card {
  height: 100%;
  background: #ffffff;
  border-radius: 13px;
  padding: 30px 34px;
  box-shadow: 0 14px 36px rgba(7, 21, 64, 0.07);
}

.brdnp-stars {
  color: #0cab49;
  font-size: 16px;
  letter-spacing: 3px;
  margin-bottom: 20px;
}

.brdnp-testimonial-card p {
  color: #071540;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 600;
  margin-bottom: 22px;
}

.brdnp-testimonial-card h4 {
  color: #071540;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 6px;
}

.brdnp-testimonial-card span {
  color: #071540;
  font-size: 14px;
  font-weight: 500;
}

.brdnp-testimonial-carousel {
  width: 100%;
}

.brdnp-testimonial-carousel .carousel-inner {
  overflow: hidden;
}

.brdnp-testimonial-carousel .carousel-item {
  transition: transform 0.6s ease-in-out;
}

.brdnp-slider-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  border: 2px solid #9bc6ff;
  background: #ffffff;
  color: #006eff;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.brdnp-slider-btn:hover {
  background: #006eff;
  color: #ffffff;
  border-color: #006eff;
}

.brdnp-slider-wrap {
  display: flex;
  align-items: center;
  gap: 26px;
}

.brdnp-mobile-testimonials {
  display: none;
}

.brdnp-desktop-testimonials {
  display: flex;
}

.brdnp-testimonial-carousel {
  width: 100%;
}

/* CTA */
.brdnp-cta-section {
  background: #ffffff;
  padding: 0 0 50px;
}

.brdnp-bottom-cta {
  background: #021948;
  border-radius: 16px;
  padding: 38px 70px;
  display: grid;
  grid-template-columns: 150px 1fr 410px;
  gap: 38px;
  align-items: center;
  box-shadow: 0 18px 45px rgba(7, 21, 64, 0.18);
}

.brdnp-cta-people {
  position: relative;
  height: 110px;
}

.brdnp-cta-people i {
  position: absolute;
  bottom: 0;
  color: #0cab49;
  font-size: 82px;
}

.brdnp-cta-people i:nth-child(1) {
  left: 0;
  color: #ffffff;
  opacity: 0.9;
  font-size: 65px;
}

.brdnp-cta-people i:nth-child(2) {
  left: 42px;
  color: #0cab49;
  z-index: 2;
}

.brdnp-cta-people i:nth-child(3) {
  left: 88px;
  color: #006eff;
  opacity: 0.9;
  font-size: 65px;
}

.brdnp-cta-text h2 {
  color: #ffffff;
  font-size: 33px;
  line-height: 1.3;
  font-weight: 900;
  margin-bottom: 14px;
}

.brdnp-cta-text p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
  max-width: 640px;
  margin: 0;
}

.brdnp-green-btn {
  background: #0cab49;
  color: #ffffff;
  border: 1px solid #0cab49;
  min-height: 60px;
  width: 100%;
}

.brdnp-green-btn:hover {
  background: #08983f;
  color: #ffffff;
}

.brdnp-cta-actions p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
  margin: 22px 0 0;
  text-align: center;
}

.brdnp-cta-actions p i {
  margin-right: 8px;
}

/* Responsive */
@media (max-width: 1199px) {
  .brdnp-page-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .brdnp-nav-links {
    gap: 18px;
  }

  .brdnp-hero-content h1 {
    font-size: 46px;
  }

  .brdnp-flow-wrap {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 38px;
  }

  .brdnp-flow-item::after {
    display: none;
  }

  .brdnp-bottom-cta {
    grid-template-columns: 120px 1fr;
  }

  .brdnp-cta-actions {
    grid-column: 2 / 3;
  }
}

@media (max-width: 991px) {
  .brdnp-navbar {
    padding: 16px 0;
  }

  .brdnp-nav-links {
    gap: 0;
    padding-top: 20px;
  }

  .brdnp-consult-btn {
    margin-top: 15px;
  }

  .brdnp-hero-image-wrap {
    min-height: auto;
  }

  .brdnp-hero-img {
    height: 430px;
  }

  .brdnp-process-card {
    left: 30px;
  }

  .brdnp-impact-content {
    padding-left: 0;
  }

  .brdnp-slider-wrap {
    gap: 14px;
  }

  .brdnp-bottom-cta {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 36px 26px;
  }

  .brdnp-cta-people {
    width: 150px;
    margin: 0 auto;
  }

  .brdnp-cta-actions {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  .brdnp-page-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .brdnp-logo {
    width: 180px;
  }

  .brdnp-hero-section {
    padding-top: 25px;
  }

  .brdnp-hero-content h1 {
    font-size: 36px;
  }

  .brdnp-hero-content p {
    font-size: 15px;
  }

  .brdnp-hero-actions {
    flex-direction: column;
  }

  .brdnp-primary-btn,
  .brdnp-outline-btn {
    width: 100%;
  }

  .brdnp-hero-img {
    height: 330px;
  }

  .brdnp-hero-text-card {
    left: 20px;
    transform: none;
    top: 20px;
  }

  .brdnp-hero-text-card h3,
  .brdnp-hero-text-card h4 {
    font-size: 26px;
  }

  .brdnp-process-card {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 18px;
    width: 100%;
    padding: 20px;
  }

  .brdnp-section-heading h2 {
    font-size: 25px;
  }

  .brdnp-flow-wrap {
    grid-template-columns: repeat(3, 1fr);
  }

  .brdnp-impact-img {
    height: 280px;
  }

  .brdnp-impact-content h2 {
    font-size: 27px;
  }

  .brdnp-slider-btn {
    display: none;
  }

  .brdnp-cta-text h2 {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  .brdnp-hero-content h1 {
    font-size: 31px;
  }

  .brdnp-hero-img {
    height: 280px;
  }

  /* .brdnp-flow-wrap {
    grid-template-columns: 1fr;
  } */

  .brdnp-service-card {
    padding: 30px 22px;
  }

  .brdnp-bottom-cta {
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  .brdnp-desktop-testimonials {
    display: none;
  }

  .brdnp-mobile-testimonials {
    display: flex;
    gap: 12px;
  }

  .brdnp-mobile-testimonials .brdnp-testimonial-card {
    margin: 0;
    width: 100%;
  }

  .brdnp-mobile-testimonials .brdnp-slider-btn {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 16px;
  }
}














   /* grant Page CSS */

/* Hero */
.grantnp-hero-section {
  background: #ffffff;
  padding: 34px 0 36px;
}

.grantnp-small-title {
  display: inline-block;
  color: #0cab49;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 22px;
}

.grantnp-hero-content h1 {
  color: #071540;
  font-size: 59px;
  line-height: 1.08;
  letter-spacing: -1.9px;
  font-weight: 900;
  margin-bottom: 26px;
}

.grantnp-hero-content h1 span {
  color: #0cab49;
}

.grantnp-hero-content p {
  max-width: 585px;
  color: #071540;
  font-size: 16px;
  line-height: 1.82;
  font-weight: 500;
  margin-bottom: 34px;
}

.grantnp-hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}

.grantnp-primary-btn,
.grantnp-outline-btn {
  min-height: 60px;
  border-radius: 7px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 900;
}

.grantnp-primary-btn {
  background: #0cab49;
  color: #ffffff;
  border: 1px solid #0cab49;
  box-shadow: 0 14px 28px rgba(12, 171, 73, 0.22);
}

.grantnp-primary-btn:hover {
  background: #089640;
  color: #ffffff;
}

.grantnp-outline-btn {
  background: #ffffff;
  color: #0cab49;
  border: 2px solid #0cab49;
}

.grantnp-outline-btn:hover {
  background: #0cab49;
  color: #ffffff;
}

.grantnp-feature-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
}

.grantnp-feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #071540;
  font-size: 13px;
  font-weight: 800;
}

.grantnp-feature-item i {
  color: #0cab49;
  font-size: 20px;
}

.grantnp-hero-image-wrap {
  position: relative;
  padding-left: 10px;
}

.grantnp-hero-img {
  width: 100%;
  height: 575px;
  object-fit: cover;
  display: block;
  border-radius: 0 0 0 85px;
}

.grantnp-hero-callout {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 500px;
    min-height: 135px;
    background: #061d4c;
    border-radius: 32px 32px 0 32px;
    padding: 30px 42px;
    display: flex;
    align-items: center;
    gap: 28px;
    box-shadow: 0 18px 45px rgba(7, 21, 64, 0.18);
}

.grantnp-callout-icon {
  width: 82px;
  height: 82px;
  min-width: 82px;
  border-radius: 50%;
  background: #eaf8ef;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.grantnp-hero-callout p {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 900;
  margin: 0;
}

/* Services */
.grantnp-services-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 40px 0 36px;
}

.grantnp-section-heading {
  margin-bottom: 32px;
}

.grantnp-section-heading h2 {
  color: #071540;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: -0.5px;
  margin-bottom: 18px;
}

.grantnp-heading-line,
.grantnp-cta-line {
  width: 44px;
  height: 3px;
  background: #0cab49;
  border-radius: 50px;
}

.grantnp-heading-line {
  margin: 0 auto;
}

.grantnp-service-card {
  height: 100%;
  background: #ffffff;
  border-radius: 13px;
  padding: 34px 22px 32px;
  text-align: center;
  box-shadow: 0 14px 35px rgba(7, 21, 64, 0.06);
  border: 1px solid rgba(12, 171, 73, 0.04);
}

.grantnp-card-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 0px;
  border-radius: 50%;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}

.grantnp-service-card h3 {
  color: #071540;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 16px;
}

.grantnp-service-card p {
  color: #071540;
  font-size: 13px;
  line-height: 1.85;
  font-weight: 500;
  margin: 0;
}

/* Flow */
.grantnp-flow-section {
  background: #ffffff;
  padding: 0 0 38px;
}

.grantnp-flow-box {
  background: linear-gradient(100deg, #f3fbf6 0%, #ffffff 50%, #f3fbf6 100%);
  border-radius: 16px;
  padding: 38px 30px 42px;
}

.grantnp-flow-wrap {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 24px;
}

.grantnp-flow-item {
  text-align: center;
  position: relative;
}

.grantnp-flow-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 82px;
  right: -36px;
  width: 50px;
  border-top: 4px dotted #0cab49;
}

.grantnp-flow-item span {
  width: 31px;
  height: 31px;
  margin: 0 auto 22px;
  border-radius: 50%;
  background: #0cab49;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grantnp-flow-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid rgba(12, 171, 73, 0.35);
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
}

.grantnp-flow-item h4 {
  color: #071540;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 12px;
}

.grantnp-flow-item p {
  color: #071540;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 500;
  margin: 0;
}

/* Impact */
.grantnp-impact-section {
  background: #ffffff;
  padding: 0 0 52px;
}

.grantnp-impact-image-wrap {
  position: relative;
}

.grantnp-impact-img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

.grantnp-quote-card {
  position: absolute;
  left: 22px;
  bottom: 22px;
  width: 250px;
  background: #ffffff;
  border-radius: 14px;
  padding: 24px 26px;
  box-shadow: 0 16px 36px rgba(7, 21, 64, 0.16);
}

.grantnp-quote-card i {
  color: #0cab49;
  font-size: 28px;
}

.grantnp-quote-card p {
  color: #071540;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 900;
  margin: 8px 0 18px;
}

.grantnp-quote-card div {
  width: 46px;
  height: 3px;
  background: #0cab49;
}

.grantnp-impact-content {
  padding-left: 22px;
}

.grantnp-impact-content h2 {
  color: #071540;
  font-size: 31px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: -0.5px;
  margin-bottom: 28px;
}

.grantnp-impact-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.grantnp-impact-content li {
  color: #071540;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 13px;
}

.grantnp-impact-content li i {
  color: #0cab49;
  margin-top: 3px;
}

/* CTA */
.grantnp-bottom-cta {
  margin-top: 36px;
  background: #021948;
  border-radius: 16px;
  padding: 38px 50px;
  display: grid;
  grid-template-columns: 1fr 520px 250px;
  gap: 42px;
  align-items: center;
  box-shadow: 0 18px 45px rgba(7, 21, 64, 0.18);
}

.grantnp-cta-left {
  color: #ffffff;
}

.grantnp-cta-icon {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #eaf8ef;
  color: #0cab49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  margin-bottom: 22px;
}

.grantnp-cta-left h2 {
  color: #ffffff;
  font-size: 31px;
  line-height: 1.35;
  font-weight: 900;
  margin-bottom: 16px;
}

.grantnp-cta-line {
  margin-bottom: 18px;
}

.grantnp-cta-left p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 24px;
}

.grantnp-cta-points {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.grantnp-cta-points span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.grantnp-cta-points i {
  color: #0cab49;
  font-size: 18px;
}

.grantnp-cta-form h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 18px;
}

.grantnp-cta-form .form-control {
  min-height: 44px;
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 5px;
  font-size: 13px;
  box-shadow: none;
}

.grantnp-cta-form textarea.form-control {
  min-height: 78px;
}

.grantnp-cta-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.grantnp-submit-btn {
  width: 100%;
  min-height: 48px;
  background: #0cab49;
  color: #ffffff;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 900;
}

.grantnp-submit-btn:hover {
  background: #089640;
  color: #ffffff;
}

.grantnp-cta-contact p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 600;
  margin-bottom: 28px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.grantnp-cta-contact i {
  color: #0cab49;
  font-size: 22px;
  min-width: 22px;
}

/* Responsive */
@media (max-width: 1199px) {
  .grantnp-page-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .grantnp-nav-links {
    gap: 18px;
  }

  .grantnp-hero-content h1 {
    font-size: 46px;
  }

  .grantnp-hero-callout {
    width: 440px;
  }

  .grantnp-flow-wrap {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 38px;
  }

  .grantnp-flow-item::after {
    display: none;
  }

  .grantnp-bottom-cta {
    grid-template-columns: 1fr 1fr;
  }

  .grantnp-cta-contact {
    grid-column: 1 / -1;
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
  }

  .grantnp-cta-contact p {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .grantnp-navbar {
    padding: 16px 0;
  }

  .grantnp-nav-links {
    gap: 0;
    padding-top: 20px;
  }

  .grantnp-consult-btn {
    margin-top: 15px;
  }

  .grantnp-hero-img {
    height: 440px;
    border-radius: 0 0 0 45px;
  }

  .grantnp-hero-callout {
    width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
    border-radius: 16px;
    margin-top: 18px;
  }

  .grantnp-impact-content {
    padding-left: 0;
  }

  .grantnp-bottom-cta {
    grid-template-columns: 1fr;
  }

  .grantnp-cta-contact {
    grid-column: auto;
    display: block;
  }

  .grantnp-cta-contact p {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .grantnp-page-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .grantnp-logo {
    width: 180px;
  }

  .grantnp-hero-content h1 {
    font-size: 36px;
  }

  .grantnp-hero-content p {
    font-size: 15px;
  }

  .grantnp-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .grantnp-primary-btn,
  .grantnp-outline-btn {
    width: 100%;
  }

  .grantnp-feature-strip {
    gap: 18px;
    flex-direction: column;
  }

  .grantnp-hero-img {
    height: 330px;
  }

  .grantnp-hero-callout {
    padding: 24px;
    gap: 18px;
  }

  .grantnp-callout-icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    font-size: 32px;
  }

  .grantnp-hero-callout p {
    font-size: 18px;
  }

  .grantnp-section-heading h2 {
    font-size: 25px;
  }

  .grantnp-flow-box {
    padding: 32px 18px;
  }

  .grantnp-flow-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .grantnp-impact-img {
    height: 280px;
  }

  .grantnp-quote-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 18px;
  }

  .grantnp-impact-content h2 {
    font-size: 25px;
  }

  .grantnp-bottom-cta {
    padding: 32px 22px;
  }

  .grantnp-cta-left h2 {
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  .grantnp-hero-content h1 {
    font-size: 31px;
  }

  .grantnp-hero-img {
    height: 270px;
  }

  .grantnp-flow-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .grantnp-service-card {
    padding: 30px 22px;
  }

  .grantnp-bottom-cta {
    border-radius: 12px;
  }
}


/* ============================================================
   Elevate Global Responsive Fixes (elev-rsp-*)
   Cross-page layout, overflow, and alignment corrections
   ============================================================ */

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

.elev-rsp-media-fluid {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Site header — see elev-rsp-header block at end of file */

/* Breadcrumbs — all pages */
.dnrpg-donor-breadcrumbs,
.elev-np-breadcrumbs,
.spk-breadcrumbs,
.volpg-breadcrumbs,
.consult-breadcrumb,
.crmnp-breadcrumb,
.en-breadcrumb,
.cl-breadcrumb,
.grantnp-breadcrumb,
.brdnp-breadcrumb {
  flex-wrap: wrap;
  row-gap: 6px;
  max-width: 100%;
}

.dnrpg-donor-breadcrumbs span,
.elev-np-breadcrumbs span,
.spk-breadcrumbs span,
.consult-breadcrumb span,
.crmnp-breadcrumb span,
.en-breadcrumb span,
.cl-breadcrumb span,
.grantnp-breadcrumb span,
.brdnp-breadcrumb span {
  word-break: break-word;
}

/* Horizontal flow sections — stack instead of scroll */
@media (max-width: 991.98px) {
  .consult-flow-scroll,
  .volpg-flow-scroll,
  .dnrpg-donor-flow-scroll,
  .spk-process-scroll {
    overflow-x: visible;
    padding-bottom: 0;
    -webkit-overflow-scrolling: auto;
  }

  .consult-flow-row,
  .volpg-flow-row,
  .dnrpg-donor-flow,
  .spk-process-row {
    min-width: 0 !important;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 16px;
  }

  .consult-step:not(:last-child)::after,
  .volpg-flow-item:not(:last-child)::after,
  .dnrpg-donor-step::after,
  .spk-process-item:not(:last-child)::after {
    display: none !important;
  }

  .consult-step p,
  .volpg-flow-item p,
  .dnrpg-donor-step p,
  .spk-process-item p {
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .consult-flow-row,
  .volpg-flow-row,
  .dnrpg-donor-flow,
  .spk-process-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Consultation "What You Get" grid */
@media (max-width: 991.98px) {
  .consult-get-row {
    border-left: 0;
  }

  .consult-get-item {
    border-right: 0;
    border-bottom: 1px solid #dce8f8;
    padding: 22px 16px;
  }

  .consult-get-row > [class*="col-"]:last-child .consult-get-item {
    border-bottom: 0;
  }
}

/* About Us hero background */
@media (max-width: 991.98px) {
  .enp-hero-section {
    padding: 240px 0 45px;
    background-position: center top;
    background-size: 150%;
  }
}

@media (max-width: 767.98px) {
  .enp-hero-section {
    padding: 180px 0 40px;
    background-size: 135%;
  }
}

@media (max-width: 575.98px) {
  .enp-hero-section {
    padding: 140px 0 36px;
    background-size: 125%;
  }
}

/* Volunteer hero background padding */
@media (max-width: 991.98px) {
  .volpg-hero-section {
    padding: 5px 0 280px;
    background-size: 170%;
    background-position: center bottom;
  }
}

@media (max-width: 767.98px) {
  .volpg-hero-section {
    padding-bottom: 220px;
    background-size: 155%;
  }
}

@media (max-width: 575.98px) {
  .volpg-hero-section {
    padding-bottom: 170px;
    background-size: 140%;
  }

  .volpg-benefit-row {
    max-width: 100%;
  }
}

/* Service page heroes — center content on tablet/mobile */
@media (max-width: 991.98px) {
  .dnrpg-donor-hero-section .col-lg-5,
  .dnrpg-donor-hero-section .col-lg-6,
  .dnrpg-donor-hero-section .col-lg-7,
  .cl-hero-content,
  .brdnp-hero-content,
  .grantnp-hero-content,
  .elev-np-hero-copy {
    text-align: center;
  }

  .dnrpg-donor-title-line,
  .cl-blue-line,
  .brdnp-green-line,
  .elev-np-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .dnrpg-donor-hero-text,
  .dnrpg-donor-actions,
  .cl-hero-actions,
  .brdnp-hero-actions,
  .grantnp-hero-actions,
  .elev-np-hero-actions {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }

  .dnrpg-donor-dashboard-wrap,
  .cl-hero-image-wrap,
  .brdnp-hero-image-wrap,
  .grantnp-hero-image-wrap,
  .interns-hero-visual {
    margin-left: auto;
    margin-right: auto;
  }

  .crmnp-hero-section {
    text-align: center;
  }

  .crmnp-hero-content h1,
  .crmnp-hero-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .crmnp-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .crmnp-hero-actions {
    justify-content: center;
  }

  .crmnp-feature-strip {
    margin-top: 28px;
  }
}

/* Feature / benefit strips */
@media (max-width: 767.98px) {
  .dnrpg-donor-benefit-row,
  .en-feature-strip,
  .cl-feature-strip,
  .crmnp-feature-strip,
  .grantnp-feature-strip,
  .elev-np-benefit-row {
    gap: 16px;
  }

  .grantnp-feature-strip {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575.98px) {
  .en-feature-strip {
    grid-template-columns: 1fr !important;
  }
}

/* Speaker buttons — allow wrap on small screens */
@media (max-width: 767.98px) {
  .spk-btn {
    white-space: normal;
    text-align: center;
  }
}

/* Events page floating elements */
@media (max-width: 991.98px) {
  .en-hero-content {
    text-align: center;
  }

  .en-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .en-hero-buttons {
    justify-content: center;
  }
}

/* Interns benefit row */
@media (max-width: 575.98px) {
  .elev-np-benefit-row .elev-np-benefit-item {
    border-right: 0 !important;
    text-align: center;
  }
}

/* Board recruitment flow on small phones */
@media (max-width: 480px) {
  .brdnp-flow-wrap {
    grid-template-columns: 1fr !important;
  }
}

/* Grant hero image */
@media (max-width: 991.98px) {
  .grantnp-hero-image-wrap {
    margin-top: 10px;
  }

  .grantnp-hero-callout {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 16px;
  }
}

/* CTA sections — consistent mobile padding */
@media (max-width: 767.98px) {
  .cta-box,
  .enp-cta-inner,
  .consult-cta,
  .volpg-cta,
  .spk-cta,
  .dnrpg-donor-cta,
  .elev-np-cta-box,
  .en-bottom-cta,
  .cl-bottom-cta,
  .crmnp-bottom-cta,
  .brdnp-bottom-cta,
  .grantnp-bottom-cta {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Home page — stats & why grid mobile borders */
@media (max-width: 575.98px) {
  .why-item:nth-child(3) {
    border-bottom: 1px solid #e2eaf5;
  }

  .why-item.border-end-0 {
    border-bottom: 0;
  }

  .stat-box:nth-child(3),
  .stat-box:nth-child(4) {
    border-bottom: 1px solid #e5edf6;
  }

  .stat-box.border-end-0 {
    border-bottom: 0;
  }
}

/* Prevent decorative shapes from causing overflow */
.crm-section::after,
.crmnp-blue-shape,
.en-green-dot,
.en-blue-callout,
.brdnp-process-card,
.grantnp-quote-card {
  max-width: 100%;
}

@media (max-width: 991.98px) {
  .crm-section::after {
    right: -80px;
    width: 140px;
    height: 140px;
  }

  .crmnp-blue-shape {
    display: none;
  }
}

/* Form inputs — full width on mobile */
@media (max-width: 575.98px) {
  .grantnp-cta-form input,
  .grantnp-cta-form select,
  .grantnp-cta-form textarea,
  .grantnp-cta-form .form-control,
  .grantnp-submit-btn {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .grantnp-hero-img {
    height: auto;
    min-height: 280px;
    max-height: 420px;
    border-radius: 0 0 0 40px;
  }

  .grantnp-hero-callout {
    width: 100%;
    max-width: 100%;
    padding: 22px 24px;
    border-radius: 20px;
  }

  .grantnp-hero-callout p {
    font-size: 17px;
  }
}

/* Tablet column gaps */
@media (min-width: 768px) and (max-width: 991.98px) {
  .row.g-4,
  .row.g-5,
  .row.gy-4,
  .row.gy-5 {
    --bs-gutter-y: 1.25rem;
  }
}

/* 1024px laptop fine-tuning */
@media (max-width: 1024px) {
  .section-heading h2,
  .enp-section-heading h2,
  .consult-section-title h2,
  .volpg-section-heading h2,
  .spk-section-heading h2,
  .dnrpg-donor-section-heading h2,
  .crmnp-section-heading h2,
  .en-section-heading h2,
  .cl-section-heading h2,
  .brdnp-section-heading h2,
  .grantnp-section-heading h2 {
    font-size: clamp(22px, 3vw, 28px);
  }
}


/* ============================================================
   Elevate Hero Responsive System (elev-rsp-hero)
   Unified fixes for all page hero sections
   ============================================================ */

.elev-rsp-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.elev-rsp-hero h1,
.elev-rsp-hero .volpg-hero-title,
.elev-rsp-hero .spk-hero-title,
.elev-rsp-hero .enp-hero-title,
.elev-rsp-hero .dnrpg-donor-hero-title,
.elev-rsp-hero p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.elev-rsp-hero-media,
.elev-rsp-hero img {
  display: block;
  max-width: 100%;
  height: auto;
}

.elev-rsp-hero .dnrpg-donor-dashboard-wrap {
  max-width: 100%;
}

/* Laptop 1200px */
@media (max-width: 1199.98px) {
  .elev-rsp-hero .en-hero-content h1,
  .elev-rsp-hero .cl-hero-content h1,
  .elev-rsp-hero .crmnp-hero-content h1,
  .elev-rsp-hero .brdnp-hero-content h1,
  .elev-rsp-hero .grantnp-hero-content h1 {
    font-size: clamp(38px, 4vw, 48px);
    letter-spacing: -1.3px;
  }

  .elev-rsp-hero .en-hero-img,
  .elev-rsp-hero .brdnp-hero-img,
  .elev-rsp-hero .grantnp-hero-img {
    height: auto;
    max-height: 480px;
  }

  .elev-rsp-hero .brdnp-hero-image-wrap,
  .elev-rsp-hero .grantnp-hero-image-wrap {
    min-height: auto;
  }
}

/* Laptop 1024px */
@media (max-width: 1024px) {
  .elev-rsp-hero .hero-content h1 {
    font-size: clamp(34px, 4.2vw, 40px);
  }

  .elev-rsp-hero .consult-hero-image {
    text-align: center;
  }
}

/* Tablet 991px */
@media (max-width: 991.98px) {
  /* Background-image heroes: image on top, content below */
  .elev-rsp-hero.hero-section.section-padding-top:not(.elev-rsp-home-hero) {
    min-height: auto;
    padding: clamp(200px, 36vw, 260px) 0 44px;
    background-size: min(100%, 620px);
    background-position: center top;
  }

  .elev-rsp-hero.enp-hero-section {
    min-height: auto;
    padding: clamp(190px, 34vw, 240px) 0 44px;
    background-size: min(100%, 600px);
    background-position: center top;
    text-align: center;
  }

  .elev-rsp-hero.volpg-hero-section {
    min-height: auto;
    padding: clamp(180px, 32vw, 220px) 0 44px;
    background-size: min(100%, 560px);
    background-position: center top;
    background-repeat: no-repeat;
  }

  .elev-rsp-hero.consult-hero,
  .elev-rsp-hero.crmnp-hero-section,
  .elev-rsp-hero.dnrpg-donor-hero-section,
  .elev-rsp-hero.cl-hero-section {
    padding-top: 18px;
    padding-bottom: 48px;
    background-size: cover;
    background-position: center top;
  }

  .elev-rsp-hero .hero-content,
  .elev-rsp-hero.enp-hero-section .col-lg-5,
  .elev-rsp-hero .consult-hero-content,
  .elev-rsp-hero .volpg-hero-content,
  .elev-rsp-hero .crmnp-hero-content,
  .elev-rsp-hero .en-hero-content,
  .elev-rsp-hero .cl-hero-content,
  .elev-rsp-hero .spk-hero-content,
  .elev-rsp-hero .elev-np-hero-copy,
  .elev-rsp-hero .brdnp-hero-content,
  .elev-rsp-hero .grantnp-hero-content,
  .elev-rsp-hero .col-lg-5,
  .elev-rsp-hero .col-lg-6,
  .elev-rsp-hero .col-lg-7 {
    text-align: center;
  }

  .elev-rsp-hero .title-line,
  .elev-rsp-hero .enp-title-line,
  .elev-rsp-hero .consult-line,
  .elev-rsp-hero .volpg-title-line,
  .elev-rsp-hero .crmnp-title-line,
  .elev-rsp-hero .en-title-line,
  .elev-rsp-hero .cl-blue-line,
  .elev-rsp-hero .brdnp-green-line,
  .elev-rsp-hero .elev-np-title-line,
  .elev-rsp-hero .dnrpg-donor-title-line,
  .elev-rsp-hero .spk-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .hero-content p,
  .elev-rsp-hero.enp-hero-section p,
  .elev-rsp-hero .consult-hero p,
  .elev-rsp-hero .volpg-hero-text,
  .elev-rsp-hero .crmnp-hero-content p,
  .elev-rsp-hero .en-hero-content p,
  .elev-rsp-hero .cl-hero-content p,
  .elev-rsp-hero .spk-hero-text,
  .elev-rsp-hero .elev-np-hero-copy p,
  .elev-rsp-hero .brdnp-hero-content p,
  .elev-rsp-hero .grantnp-hero-content p,
  .elev-rsp-hero .dnrpg-donor-hero-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }

  .elev-rsp-hero .d-flex.flex-column.flex-sm-row {
    justify-content: center;
    align-items: center;
  }

  .elev-rsp-hero .consult-actions,
  .elev-rsp-hero .volpg-hero-actions,
  .elev-rsp-hero .crmnp-hero-actions,
  .elev-rsp-hero .en-hero-buttons,
  .elev-rsp-hero .cl-hero-actions,
  .elev-rsp-hero .spk-hero-actions,
  .elev-rsp-hero .elev-np-hero-actions,
  .elev-rsp-hero .brdnp-hero-actions,
  .elev-rsp-hero .grantnp-hero-actions,
  .elev-rsp-hero .dnrpg-donor-actions {
    justify-content: center;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .consult-hero-points,
  .elev-rsp-hero .volpg-benefit-row,
  .elev-rsp-hero .dnrpg-donor-benefit-row,
  .elev-rsp-hero .crmnp-feature-strip,
  .elev-rsp-hero .cl-feature-strip,
  .elev-rsp-hero .en-feature-strip,
  .elev-rsp-hero .grantnp-feature-strip {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .volpg-benefit-row,
  .elev-rsp-hero .consult-hero-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .elev-rsp-hero .dnrpg-donor-benefit-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
  }

  .elev-rsp-hero .crmnp-feature-strip,
  .elev-rsp-hero .cl-feature-strip,
  .elev-rsp-hero .en-feature-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .elev-rsp-hero .grantnp-feature-strip {
    justify-content: center;
    gap: 20px;
  }

  .elev-rsp-hero .consult-hero-image,
  .elev-rsp-hero .volpg-hero-visual,
  .elev-rsp-hero .dnrpg-donor-dashboard-wrap,
  .elev-rsp-hero .en-hero-image-box,
  .elev-rsp-hero .brdnp-hero-image-wrap,
  .elev-rsp-hero .grantnp-hero-image-wrap,
  .elev-rsp-hero .spk-hero-visual,
  .elev-rsp-hero .interns-hero-visual {
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center;
  }

  .elev-rsp-hero .dnrpg-donor-dashboard-wrap {
    margin-right: 0;
  }

  .elev-rsp-hero .dnrpg-donor-dashboard-wrap::before {
    display: none;
  }

  .elev-rsp-hero .elev-np-hero-row {
    min-height: auto;
  }

  .elev-rsp-hero .en-hero-image-box {
    padding-left: 0;
    padding-bottom: 0;
  }

  .elev-rsp-hero .en-floating-card {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 320px;
    margin: 18px auto 0;
  }

  .elev-rsp-hero .en-blue-callout {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 360px;
    margin: 18px auto 0;
  }

  .elev-rsp-hero .en-green-dot {
    display: none;
  }

  .elev-rsp-hero .grantnp-hero-callout {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    padding: 24px 28px;
  }

  .elev-rsp-hero .brdnp-hero-img,
  .elev-rsp-hero .grantnp-hero-img,
  .elev-rsp-hero .en-hero-img {
    height: auto;
    max-height: 420px;
    width: 100%;
    object-fit: cover;
  }

  .elev-rsp-hero .brdnp-hero-image-wrap {
    min-height: auto;
  }
}

/* Tablet 768px */
@media (max-width: 767.98px) {
  .elev-rsp-hero.hero-section.section-padding-top {
    padding: clamp(160px, 40vw, 200px) 0 36px;
    background-size: min(100%, 520px);
  }

  .elev-rsp-hero.enp-hero-section {
    padding: clamp(150px, 38vw, 190px) 0 36px;
    background-size: min(100%, 500px);
  }

  .elev-rsp-hero.volpg-hero-section {
    padding: clamp(140px, 36vw, 180px) 0 36px;
    background-size: min(100%, 480px);
  }

  .elev-rsp-hero .hero-content h1,
  .elev-rsp-hero .enp-hero-title {
    font-size: clamp(30px, 7.5vw, 38px);
    letter-spacing: -1px;
  }

  .elev-rsp-hero .consult-hero h1,
  .elev-rsp-hero .volpg-hero-title,
  .elev-rsp-hero .spk-hero-title {
    font-size: clamp(30px, 7.5vw, 36px);
  }

  .elev-rsp-hero .en-hero-content h1,
  .elev-rsp-hero .cl-hero-content h1,
  .elev-rsp-hero .crmnp-hero-content h1 {
    font-size: clamp(30px, 7.5vw, 36px);
    letter-spacing: -1px;
  }

  .elev-rsp-hero .brdnp-hero-content h1,
  .elev-rsp-hero .grantnp-hero-content h1 {
    font-size: clamp(28px, 7vw, 34px);
    letter-spacing: -1px;
  }

  .elev-rsp-hero .elev-np-hero-copy h1 {
    font-size: clamp(30px, 7.5vw, 38px);
  }

  .elev-rsp-hero .dnrpg-donor-hero-title {
    font-size: clamp(28px, 6.8vw, 34px);
  }

  .elev-rsp-hero .consult-actions,
  .elev-rsp-hero .volpg-hero-actions,
  .elev-rsp-hero .crmnp-hero-actions,
  .elev-rsp-hero .en-hero-buttons,
  .elev-rsp-hero .cl-hero-actions,
  .elev-rsp-hero .spk-hero-actions,
  .elev-rsp-hero .elev-np-hero-actions,
  .elev-rsp-hero .brdnp-hero-actions,
  .elev-rsp-hero .grantnp-hero-actions,
  .elev-rsp-hero .dnrpg-donor-actions {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    gap: 12px;
  }

  .elev-rsp-hero .custom-btn,
  .elev-rsp-hero .custom-outline-btn,
  .elev-rsp-hero .enp-primary-btn,
  .elev-rsp-hero .consult-btn,
  .elev-rsp-hero .volpg-btn,
  .elev-rsp-hero .crmnp-primary-btn,
  .elev-rsp-hero .crmnp-outline-btn,
  .elev-rsp-hero .en-primary-btn,
  .elev-rsp-hero .en-outline-btn,
  .elev-rsp-hero .cl-primary-btn,
  .elev-rsp-hero .cl-outline-btn,
  .elev-rsp-hero .spk-btn,
  .elev-rsp-hero .elev-np-primary-btn,
  .elev-rsp-hero .elev-np-outline-btn,
  .elev-rsp-hero .brdnp-primary-btn,
  .elev-rsp-hero .brdnp-outline-btn,
  .elev-rsp-hero .grantnp-primary-btn,
  .elev-rsp-hero .grantnp-outline-btn,
  .elev-rsp-hero .dnrpg-donor-btn {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  .elev-rsp-hero .en-hero-img,
  .elev-rsp-hero .brdnp-hero-img,
  .elev-rsp-hero .grantnp-hero-img {
    max-height: 340px;
    border-radius: 16px;
  }

  .elev-rsp-hero .grantnp-hero-img {
    border-radius: 0 0 0 40px;
  }

  .elev-rsp-hero .grantnp-hero-callout p {
    font-size: 16px;
  }

  .elev-rsp-hero .grantnp-callout-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    font-size: 28px;
  }

  .elev-rsp-hero .consult-hero-points {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .elev-rsp-hero .consult-mini-point {
    justify-content: center;
  }
}

/* Mobile 575px */
@media (max-width: 575.98px) {
  .elev-rsp-hero.hero-section.section-padding-top {
    padding: clamp(130px, 44vw, 165px) 0 32px;
    background-size: min(100%, 440px);
  }

  .elev-rsp-hero.enp-hero-section {
    padding: clamp(125px, 42vw, 155px) 0 32px;
    background-size: min(100%, 420px);
  }

  .elev-rsp-hero.volpg-hero-section {
    padding: clamp(120px, 40vw, 150px) 0 32px;
    background-size: min(100%, 400px);
  }

  .elev-rsp-hero.consult-hero,
  .elev-rsp-hero.crmnp-hero-section,
  .elev-rsp-hero.dnrpg-donor-hero-section,
  .elev-rsp-hero.cl-hero-section,
  .elev-rsp-hero.en-hero-section,
  .elev-rsp-hero.spk-hero-section,
  .elev-rsp-hero.elev-np-hero-section,
  .elev-rsp-hero.brdnp-hero-section,
  .elev-rsp-hero.grantnp-hero-section {
    padding-top: 14px;
    padding-bottom: 36px;
  }

  .elev-rsp-hero .hero-content h1,
  .elev-rsp-hero .enp-hero-title {
    font-size: clamp(26px, 8vw, 32px);
  }

  .elev-rsp-hero .consult-hero h1,
  .elev-rsp-hero .volpg-hero-title,
  .elev-rsp-hero .spk-hero-title,
  .elev-rsp-hero .en-hero-content h1,
  .elev-rsp-hero .cl-hero-content h1,
  .elev-rsp-hero .crmnp-hero-content h1,
  .elev-rsp-hero .elev-np-hero-copy h1 {
    font-size: clamp(26px, 8vw, 30px);
  }

  .elev-rsp-hero .brdnp-hero-content h1,
  .elev-rsp-hero .grantnp-hero-content h1,
  .elev-rsp-hero .dnrpg-donor-hero-title {
    font-size: clamp(24px, 7.5vw, 28px);
  }

  .elev-rsp-hero .volpg-benefit-row,
  .elev-rsp-hero .dnrpg-donor-benefit-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .elev-rsp-hero .crmnp-feature-strip,
  .elev-rsp-hero .cl-feature-strip,
  .elev-rsp-hero .en-feature-strip {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .elev-rsp-hero .grantnp-feature-strip {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  .elev-rsp-hero .volpg-benefit-item,
  .elev-rsp-hero .dnrpg-donor-benefit-item {
    justify-content: center;
  }

  .elev-rsp-hero .en-hero-img,
  .elev-rsp-hero .brdnp-hero-img,
  .elev-rsp-hero .grantnp-hero-img {
    max-height: 280px;
  }

  .elev-rsp-hero .d-flex.flex-column.flex-sm-row {
    width: 100%;
  }
}

/* Small mobile 375px */
@media (max-width: 375px) {
  .elev-rsp-hero .hero-content h1,
  .elev-rsp-hero .enp-hero-title,
  .elev-rsp-hero .consult-hero h1,
  .elev-rsp-hero .volpg-hero-title,
  .elev-rsp-hero .spk-hero-title,
  .elev-rsp-hero .en-hero-content h1,
  .elev-rsp-hero .cl-hero-content h1,
  .elev-rsp-hero .crmnp-hero-content h1,
  .elev-rsp-hero .elev-np-hero-copy h1,
  .elev-rsp-hero .brdnp-hero-content h1,
  .elev-rsp-hero .grantnp-hero-content h1,
  .elev-rsp-hero .dnrpg-donor-hero-title {
    font-size: clamp(22px, 7.2vw, 26px);
    line-height: 1.2;
  }

  .elev-rsp-hero .hero-content p,
  .elev-rsp-hero .consult-hero p,
  .elev-rsp-hero .volpg-hero-text,
  .elev-rsp-hero .en-hero-content p,
  .elev-rsp-hero .cl-hero-content p,
  .elev-rsp-hero .crmnp-hero-content p,
  .elev-rsp-hero .spk-hero-text,
  .elev-rsp-hero .elev-np-hero-copy p,
  .elev-rsp-hero .brdnp-hero-content p,
  .elev-rsp-hero .grantnp-hero-content p,
  .elev-rsp-hero .dnrpg-donor-hero-text,
  .elev-rsp-hero.enp-hero-section p {
    font-size: 14px;
    line-height: 1.7;
  }

  .elev-rsp-hero.hero-section.section-padding-top {
    padding-top: clamp(115px, 46vw, 140px);
  }

  .elev-rsp-hero.enp-hero-section {
    padding-top: clamp(110px, 44vw, 135px);
  }

  .elev-rsp-hero.volpg-hero-section {
    padding-top: clamp(105px, 42vw, 130px);
  }
}


/* ============================================================
   Elevate Header Responsive (elev-rsp-header)
   Collapse menu at 1024px and below
   ============================================================ */

.elev-rsp-header {
  position: relative;
  z-index: 1030;
  width: 100%;
  overflow-x: hidden;
}

.elev-rsp-navbar {
  padding: 14px 0;
}

.elev-rsp-navbar-brand {
  padding: 0;
  margin-right: 12px;
  flex-shrink: 0;
}

.elev-rsp-site-logo {
  width: 100px;
  height: auto;
  display: block;
}

.elev-rsp-navbar-toggler {
  padding: 6px 8px;
  border-radius: 8px;
}

.elev-rsp-navbar-toggler:focus {
  box-shadow: 0 0 0 3px rgba(8, 117, 233, 0.2);
}

.elev-rsp-navbar-collapse.collapsing {
  transition: height 0.3s ease;
}

/* Desktop menu — 1025px and above (unchanged design) */
@media (min-width: 1025px) {
  .elev-rsp-navbar {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 16px 0;
  }

  .elev-rsp-navbar .elev-rsp-navbar-toggler {
    display: none;
  }

  .elev-rsp-navbar .elev-rsp-navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    flex-grow: 1;
    align-items: center;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 0 !important;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .nav-link {
    padding: 8px 0;
    white-space: nowrap;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .dropdown-menu {
    position: absolute;
    margin-top: 8px;
  }

  .elev-rsp-navbar .elev-rsp-nav-cta {
    width: auto;
    margin-top: 0;
    margin-left: 12px;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .elev-rsp-site-logo {
    width: 100px;
  }
}

/* Laptop fine-tuning 1025px–1199px */
@media (min-width: 1025px) and (max-width: 1199.98px) {
  .elev-rsp-navbar .elev-rsp-nav-menu {
    gap: 1rem;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .nav-link {
    font-size: 13px;
  }

  .elev-rsp-navbar .elev-rsp-nav-cta {
    padding: 11px 18px;
    font-size: 13px;
  }
}

/* Collapsed menu — 1024px and below */
@media (max-width: 1024px) {
  .elev-rsp-header-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .elev-rsp-navbar {
    padding: 12px 0;
  }

  .elev-rsp-navbar .elev-rsp-navbar-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .elev-rsp-navbar .elev-rsp-navbar-collapse {
    padding: 16px 0 8px;
    margin-top: 10px;
    border-top: 1px solid #edf2f8;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 4px;
    width: 100%;
    margin-bottom: 12px !important;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .nav-item {
    width: 100%;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .nav-link {
    width: 100%;
    padding: 11px 0;
    font-size: 14px;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .dropdown-menu {
    position: static !important;
    float: none;
    width: 100%;
    margin: 4px 0 8px;
    padding: 4px 0 4px 12px;
    border: 0;
    border-left: 2px solid #e7edf5;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .dropdown-item {
    padding: 10px 14px;
    border-radius: 6px;
    white-space: normal;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .dropdown-item:hover {
    background: #eef8ff;
  }

  .elev-rsp-navbar .elev-rsp-nav-cta {
    display: flex;
    width: 100%;
    margin-top: 8px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .elev-rsp-site-logo {
    width: 90px;
  }
}

/* Tablet 768px */
@media (max-width: 767.98px) {
  .elev-rsp-header-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elev-rsp-navbar {
    padding: 10px 0;
  }

  .elev-rsp-site-logo {
    width: 82px;
  }
}

/* Mobile 575px */
@media (max-width: 575.98px) {
  .elev-rsp-header-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .elev-rsp-site-logo {
    width: 75px;
  }

  .elev-rsp-navbar .elev-rsp-nav-menu .nav-link {
    font-size: 13px;
    padding: 10px 0;
  }

  .elev-rsp-navbar .elev-rsp-nav-cta {
    padding: 12px 18px;
    font-size: 13px;
  }
}


/* ============================================================
   Home Page Responsive (elev-rsp-home) — index.php
   ============================================================ */

.elev-rsp-home {
  overflow-x: hidden;
}

/* Desktop hero — left-aligned, unchanged above 1024px */
@media (min-width: 1025px) {
  .elev-rsp-home .elev-rsp-home-hero {
    min-height: 750px;
    background: radial-gradient(circle at 5% 30%, rgba(8, 117, 233, .06), transparent 28%), linear-gradient(180deg, #fff 0%, #fff 72%, #f7fbff 100%);
    background-image: url(../images/home-banner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
  }

  .elev-rsp-home .elev-rsp-home-hero.section-padding-top {
    padding: 130px 0 55px;
  }

  .elev-rsp-home .elev-rsp-home-hero-row {
    justify-content: flex-start;
  }

  .elev-rsp-home .elev-rsp-home-hero-col {
    flex: 0 0 auto;
    width: 41.666667%;
    max-width: 41.666667%;
    margin-left: 0;
    margin-right: 0;
  }

  .elev-rsp-home .hero-content p {
    max-width: 440px;
    margin-left: 0;
    margin-right: auto;
  }

  .elev-rsp-home .hero-content,
  .elev-rsp-home .elev-rsp-home-hero-content {
    text-align: left;
  }

  .elev-rsp-home .title-line {
    margin-left: 0;
    margin-right: auto;
  }

  .elev-rsp-home .elev-rsp-home-hero-btns {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }

  .elev-rsp-home .elev-rsp-home-hero-visual {
    display: none;
  }
}

/* 1024px and below — tighter tablet/mobile spacing (index.php only) */
@media (max-width: 1024px) {
  .elev-rsp-home .container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .elev-rsp-home .row.g-4,
  .elev-rsp-home .row.g-5,
  .elev-rsp-home .row.gy-4,
  .elev-rsp-home .row.gy-5,
  .elev-rsp-home .row.g-4.g-lg-5 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }

  /* Hero — no background image, centered content (tablet/mobile only) */
  .elev-rsp-home .elev-rsp-home-hero,
  .elev-rsp-home .elev-rsp-hero.hero-section.section-padding-top {
    min-height: auto !important;
    padding: 48px 0 36px !important;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0%, #fff 72%, #f7fbff 100%) !important;
    background-image: none !important;
  }

  .elev-rsp-home .elev-rsp-home-hero-row {
    justify-content: center;
    text-align: center;
  }

  .elev-rsp-home .elev-rsp-home-hero-col {
    flex: 0 0 100%;
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-home .elev-rsp-home-hero-visual,
  .elev-rsp-home .hero-image-wrap::before {
    display: none !important;
  }

  .elev-rsp-home .hero-content,
  .elev-rsp-home .elev-rsp-home-hero-content {
    text-align: center !important;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-home .hero-content h1 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -1.1px;
  }

  .elev-rsp-home .hero-content p {
    font-size: 14px;
    line-height: 1.6;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-home .title-line {
    width: 58px;
    margin: 14px auto 16px;
  }

  .elev-rsp-home .elev-rsp-home-hero-btns {
    justify-content: center !important;
    align-items: center;
    gap: 10px !important;
    margin-top: 0.75rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 420px;
  }

  .elev-rsp-home .elev-rsp-home-hero .custom-btn,
  .elev-rsp-home .elev-rsp-home-hero .custom-outline-btn {
    padding: 10px 18px;
    font-size: 13px;
  }

  /* Section spacing */
  .elev-rsp-home .section-padding {
    padding: 44px 0;
  }

  .elev-rsp-home .section-padding-sm {
    padding: 38px 0;
  }

  .elev-rsp-home .elev-rsp-home-who {
    padding: 28px 0 34px;
  }

  .elev-rsp-home .elev-rsp-home-crm {
    padding: 38px 0 18px;
  }

  .elev-rsp-home .elev-rsp-home-cta {
    padding: 18px 0;
  }

  .elev-rsp-home .section-heading {
    margin-bottom: 0;
  }

  .elev-rsp-home .section-heading h2,
  .elev-rsp-home .elev-rsp-home-crm h2 {
    font-size: 24px;
    letter-spacing: -0.4px;
    margin-bottom: 8px;
  }

  .elev-rsp-home .elev-rsp-home-who h2,
  .elev-rsp-home .elev-rsp-home-why h2 {
    font-size: 22px;
    letter-spacing: -0.35px;
  }

  .elev-rsp-home .section-heading p:not(.eyebrow),
  .elev-rsp-home .small-text {
    font-size: 13px;
    line-height: 1.55;
  }

  .elev-rsp-home .eyebrow {
    font-size: 11px;
    letter-spacing: 0.45px;
    margin-bottom: 8px;
  }

  .elev-rsp-home .services-section .row.mt-4 {
    margin-top: 1.25rem !important;
  }

  .elev-rsp-home .logos-section .row.mt-4 {
    margin-top: 1rem !important;
  }

  /* Service cards */
  .elev-rsp-home .compact-card {
    padding: 20px 16px;
  }

  .elev-rsp-home .large-card {
    padding: 24px 18px;
    min-height: 120px;
  }

  .elev-rsp-home .circle-icon {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    font-size: 22px;
  }

  .elev-rsp-home .custom-service-svg {
    width: 28px;
    height: 28px;
  }

  .elev-rsp-home .service-card h4 {
    font-size: 18px;
  }

  .elev-rsp-home .service-card h5 {
    font-size: 14px;
  }

  .elev-rsp-home .service-card p {
    font-size: 11px;
  }

  /* Who / stats */
  .elev-rsp-home .help-item i {
    font-size: 30px;
  }

  .elev-rsp-home .help-item h6 {
    font-size: 11px;
    margin-top: 8px;
  }

  .elev-rsp-home .stats-card {
    padding: 14px 8px;
  }

  .elev-rsp-home .stat-box {
    min-height: 72px;
    gap: 10px;
    padding: 12px 6px;
  }

  .elev-rsp-home .stat-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: 16px;
  }

  .elev-rsp-home .stat-box h3 {
    font-size: 22px;
  }

  .elev-rsp-home .stat-box p {
    font-size: 11px;
    margin-top: 4px;
  }

  /* Why */
  .elev-rsp-home .why-item {
    padding: 16px 14px;
  }

  .elev-rsp-home .why-item i {
    font-size: 38px;
  }

  .elev-rsp-home .why-item h5 {
    font-size: 15px;
    margin: 10px 0 6px;
  }

  .elev-rsp-home .why-item p {
    font-size: 11px;
  }

  .elev-rsp-home .green-btn,
  .elev-rsp-home .green-outline-btn {
    padding: 10px 18px;
    font-size: 13px;
  }

  /* Logos */
  .elev-rsp-home .logo-card {
    height: 88px;
    padding: 14px;
  }

  .elev-rsp-home .logo-card img {
    max-height: 58px;
  }

  /* CRM */
  .elev-rsp-home .crm-list li {
    font-size: 13px;
    margin: 5px 0;
  }

  .elev-rsp-home .dashboard-img {
    max-width: 100%;
  }

  /* CTA */
  .elev-rsp-home .cta-box {
    gap: 1rem !important;
  }

  .elev-rsp-home .cta-box h2 {
    font-size: 22px;
    margin-bottom: 4px;
  }

  .elev-rsp-home .cta-box p {
    font-size: 13px;
  }

  .elev-rsp-home .cta-icon {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    font-size: 34px;
  }

  .elev-rsp-home .cta-btn {
    padding: 11px 22px;
    font-size: 13px;
  }
}

/* Tablet & below — hero stays centered, no image */
@media (max-width: 991.98px) {
  .elev-rsp-home .elev-rsp-home-hero,
  .elev-rsp-home .elev-rsp-hero.hero-section.section-padding-top {
    padding: 44px 0 32px !important;
  }

  .elev-rsp-home .elev-rsp-home-who .green-outline-btn {
    width: 100%;
    max-width: 320px;
  }

  .elev-rsp-home .elev-rsp-home-why .green-btn {
    width: 100%;
    max-width: 320px;
  }

  .elev-rsp-home .elev-rsp-home-who h2,
  .elev-rsp-home .elev-rsp-home-why h2,
  .elev-rsp-home .elev-rsp-home-crm h2 {
    text-align: center;
  }

  .elev-rsp-home .elev-rsp-home-crm .col-lg-5 {
    text-align: center;
  }

  .elev-rsp-home .elev-rsp-home-crm .crm-list {
    text-align: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-home .elev-rsp-home-crm .custom-btn {
    width: 100%;
    max-width: 360px;
  }

  .elev-rsp-home .stat-box {
    border-right: 0;
    border-bottom: 1px solid #e5edf6;
  }

  .elev-rsp-home .stat-box:nth-child(3),
  .elev-rsp-home .stat-box:nth-child(4) {
    border-bottom: 1px solid #e5edf6;
  }

  .elev-rsp-home .stat-box:nth-child(4) {
    border-bottom: 0;
  }

  .elev-rsp-home .why-item {
    border-right: 0;
    border-bottom: 1px solid #e2eaf5;
    padding: 20px 16px;
  }

  .elev-rsp-home .why-item:nth-child(3),
  .elev-rsp-home .why-item:nth-child(4) {
    border-bottom: 1px solid #e2eaf5;
  }

  .elev-rsp-home .why-item.border-end-0 {
    border-bottom: 0;
  }

  .elev-rsp-home .why-grid {
    border-radius: 12px;
    overflow: hidden;
  }
}

@media (max-width: 767.98px) {
  .elev-rsp-home .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .elev-rsp-home .elev-rsp-home-hero,
  .elev-rsp-home .elev-rsp-hero.hero-section.section-padding-top {
    padding: 40px 0 28px !important;
  }

  .elev-rsp-home .elev-rsp-home-hero-col {
    max-width: 100%;
  }

  .elev-rsp-home .hero-content h1 {
    font-size: clamp(26px, 6vw, 30px);
    letter-spacing: -0.9px;
  }

  .elev-rsp-home .elev-rsp-home-hero-btns {
    max-width: 100%;
  }

  .elev-rsp-home .section-padding {
    padding: 38px 0;
  }

  .elev-rsp-home .section-padding-sm {
    padding: 32px 0;
  }

  .elev-rsp-home .help-item i {
    font-size: 30px;
  }

  .elev-rsp-home .help-item h6 {
    font-size: 12px;
  }

  .elev-rsp-home .stats-card {
    padding: 16px 10px;
  }

  .elev-rsp-home .stat-box h3 {
    font-size: 24px;
  }

  .elev-rsp-home .section-heading h2 {
    font-size: 24px;
  }

  .elev-rsp-home .elev-rsp-home-crm {
    padding: 44px 0 28px;
  }

  .elev-rsp-home .elev-rsp-home-crm::after {
    width: 120px;
    height: 120px;
    right: -60px;
  }

  .elev-rsp-home .elev-rsp-home-cta .cta-box h2 {
    font-size: 22px;
  }

  .elev-rsp-home .elev-rsp-home-cta .cta-icon {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    font-size: 34px;
  }
}

@media (max-width: 575.98px) {
  .elev-rsp-home .elev-rsp-home-hero,
  .elev-rsp-home .elev-rsp-hero.hero-section.section-padding-top {
    padding: 36px 0 24px !important;
  }

  .elev-rsp-home .hero-content h1 {
    font-size: clamp(22px, 7vw, 26px);
    line-height: 1.22;
  }

  .elev-rsp-home .section-padding {
    padding: 32px 0;
  }

  .elev-rsp-home .section-padding-sm {
    padding: 28px 0;
  }

  .elev-rsp-home .elev-rsp-home-who {
    padding: 22px 0 28px;
  }

  .elev-rsp-home .elev-rsp-home-hero-btns {
    max-width: 100%;
    flex-direction: column;
  }

  .elev-rsp-home .elev-rsp-home-hero-btns .custom-btn,
  .elev-rsp-home .elev-rsp-home-hero-btns .custom-outline-btn {
    width: 100%;
  }

  .elev-rsp-home .help-icons > .col:nth-child(5) {
    flex: 0 0 auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-home .stat-box {
    min-height: auto;
    padding: 16px 10px;
  }

  .elev-rsp-home .stat-box:nth-child(3) {
    border-bottom: 1px solid #e5edf6;
  }

  .elev-rsp-home .stat-box:nth-child(4) {
    border-bottom: 0;
  }

  .elev-rsp-home .why-item:nth-child(3) {
    border-bottom: 1px solid #e2eaf5;
  }

  .elev-rsp-home .logo-card {
    height: 84px;
    padding: 14px;
  }

  .elev-rsp-home .logo-card img {
    max-height: 56px;
  }

  .elev-rsp-home .elev-rsp-home-cta {
    padding: 20px 0;
  }

  .elev-rsp-home .elev-rsp-home-cta .cta-btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 375px) {
  .elev-rsp-home .elev-rsp-home-hero,
  .elev-rsp-home .elev-rsp-hero.hero-section.section-padding-top {
    padding: 32px 0 22px !important;
  }

  .elev-rsp-home .hero-content h1 {
    font-size: 20px;
  }

  .elev-rsp-home .hero-content p {
    font-size: 13px;
  }

  .elev-rsp-home .section-heading h2,
  .elev-rsp-home .elev-rsp-home-crm h2,
  .elev-rsp-home .elev-rsp-home-who h2,
  .elev-rsp-home .elev-rsp-home-why h2 {
    font-size: 20px;
  }

  .elev-rsp-home .help-icons > .col:nth-child(5) {
    width: 100%;
  }
}


/* ============================================================
   Unified Hero Layout — all pages (same as index.php)
   Desktop left-aligned · 1024px and below centered, no bg image
   ============================================================ */

@media (min-width: 1025px) {
  .elev-rsp-hero .elev-rsp-hero-row {
    justify-content: flex-start;
  }

  .elev-rsp-hero .elev-rsp-hero-col {
    text-align: left;
  }

  .elev-rsp-hero .elev-rsp-hero-col[class*="col-lg-5"] {
    flex: 0 0 auto;
    width: 41.666667%;
    max-width: 41.666667%;
    margin-left: 0;
    margin-right: 0;
  }

  .elev-rsp-hero .elev-rsp-hero-col[class*="col-lg-6"] {
    flex: 0 0 auto;
    width: 50%;
    max-width: 50%;
    margin-left: 0;
    margin-right: 0;
  }

  .elev-rsp-hero .elev-rsp-hero-col .hero-content,
  .elev-rsp-hero .elev-rsp-hero-col [class*="-hero-content"],
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-hero-copy {
    text-align: left;
  }

  .elev-rsp-hero .elev-rsp-hero-col h1,
  .elev-rsp-hero .elev-rsp-hero-col p,
  .elev-rsp-hero .elev-rsp-hero-col .enp-eyebrow {
    text-align: left;
  }

  .elev-rsp-hero .elev-rsp-hero-col .title-line,
  .elev-rsp-hero .elev-rsp-hero-col .enp-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .consult-line,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .crmnp-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .en-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .cl-blue-line,
  .elev-rsp-hero .elev-rsp-hero-col .brdnp-green-line,
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .spk-title-line {
    margin-left: 0;
    margin-right: auto;
  }

  .elev-rsp-hero .elev-rsp-hero-col .consult-actions,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .crmnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .en-hero-buttons,
  .elev-rsp-hero .elev-rsp-hero-col .cl-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .spk-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .brdnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .grantnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-actions,
  .elev-rsp-hero .elev-rsp-hero-col .elev-rsp-home-hero-btns,
  .elev-rsp-hero .elev-rsp-hero-col .enp-primary-btn {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }

  .elev-rsp-hero .elev-rsp-hero-col .consult-hero-points,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-benefit-row,
  .elev-rsp-hero .elev-rsp-hero-col .grantnp-feature-strip {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
  }
}

@media (max-width: 1024px) {
  .elev-rsp-hero:not(.elev-rsp-home-hero) {
    min-height: auto !important;
    padding: 48px 0 36px !important;
    overflow: hidden;
    background-image: none !important;
    background-color: #fff !important;
    background: linear-gradient(180deg, #fff 0%, #fff 72%, #f7fbff 100%) !important;
  }

  .elev-rsp-hero.enp-hero-section,
  .elev-rsp-hero.volpg-hero-section,
  .elev-rsp-hero.consult-hero,
  .elev-rsp-hero.crmnp-hero-section,
  .elev-rsp-hero.dnrpg-donor-hero-section,
  .elev-rsp-hero.cl-hero-section,
  .elev-rsp-hero.en-hero-section,
  .elev-rsp-hero.spk-hero-section,
  .elev-rsp-hero.elev-np-hero-section,
  .elev-rsp-hero.brdnp-hero-section,
  .elev-rsp-hero.grantnp-hero-section {
    min-height: auto !important;
    padding: 48px 0 36px !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: center !important;
  }

  .elev-rsp-hero .elev-rsp-hero-row {
    justify-content: center;
    text-align: center;
  }

  .elev-rsp-hero .elev-rsp-hero-col {
    flex: 0 0 100%;
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }

  .elev-rsp-hero .elev-rsp-hero-visual {
    display: none !important;
  }

  .elev-rsp-hero .elev-rsp-hero-col h1,
  .elev-rsp-hero .elev-rsp-hero-col p,
  .elev-rsp-hero .elev-rsp-hero-col .enp-eyebrow,
  .elev-rsp-hero .elev-rsp-hero-col .hero-content,
  .elev-rsp-hero .elev-rsp-hero-col [class*="-hero-content"],
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-hero-copy,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-eyebrow {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .elev-rsp-hero-col .title-line,
  .elev-rsp-hero .elev-rsp-hero-col .enp-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .consult-line,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .crmnp-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .en-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .cl-blue-line,
  .elev-rsp-hero .elev-rsp-hero-col .brdnp-green-line,
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-title-line,
  .elev-rsp-hero .elev-rsp-hero-col .spk-title-line {
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .elev-rsp-hero-col .consult-actions,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .crmnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .en-hero-buttons,
  .elev-rsp-hero .elev-rsp-hero-col .cl-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .spk-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .brdnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .grantnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-actions,
  .elev-rsp-hero .elev-rsp-hero-col .enp-primary-btn,
  .elev-rsp-hero .elev-rsp-hero-col > .btn,
  .elev-rsp-hero .elev-rsp-hero-col > a.enp-primary-btn {
    display: inline-flex;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 420px;
  }

  .elev-rsp-hero .elev-rsp-hero-col .consult-hero-points,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-benefit-row,
  .elev-rsp-hero .elev-rsp-hero-col .grantnp-feature-strip {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .dnrpg-donor-breadcrumbs,
  .elev-rsp-hero .elev-np-breadcrumbs,
  .elev-rsp-hero .spk-breadcrumbs,
  .elev-rsp-hero .cl-breadcrumb {
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
  }

  .elev-rsp-hero .crmnp-feature-strip,
  .elev-rsp-hero .cl-feature-strip,
  .elev-rsp-hero .en-feature-strip,
  .elev-rsp-hero .dnrpg-donor-benefit-row {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-hero .elev-rsp-hero-col h1,
  .elev-rsp-hero .elev-rsp-hero-col .enp-hero-title,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-title,
  .elev-rsp-hero .elev-rsp-hero-col .spk-hero-title,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-hero-title {
    font-size: clamp(28px, 4vw, 32px);
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .elev-rsp-hero .elev-rsp-hero-col p,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-text,
  .elev-rsp-hero .elev-rsp-hero-col .spk-hero-text,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-hero-text {
    font-size: 14px;
    line-height: 1.6;
    max-width: 520px;
  }
}

@media (max-width: 767.98px) {
  .elev-rsp-hero:not(.elev-rsp-home-hero) {
    padding: 40px 0 32px !important;
  }

  .elev-rsp-hero.enp-hero-section,
  .elev-rsp-hero.volpg-hero-section,
  .elev-rsp-hero.consult-hero,
  .elev-rsp-hero.crmnp-hero-section,
  .elev-rsp-hero.dnrpg-donor-hero-section,
  .elev-rsp-hero.cl-hero-section,
  .elev-rsp-hero.en-hero-section {
    padding: 40px 0 32px !important;
    background-image: none !important;
  }

  .elev-rsp-hero .elev-rsp-hero-col .consult-actions,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .crmnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .en-hero-buttons,
  .elev-rsp-hero .elev-rsp-hero-col .cl-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .spk-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .brdnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .grantnp-hero-actions,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-actions {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    gap: 12px;
  }

  .elev-rsp-hero .elev-rsp-hero-col .consult-actions .consult-btn,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-actions .volpg-btn,
  .elev-rsp-hero .elev-rsp-hero-col .crmnp-hero-actions .btn,
  .elev-rsp-hero .elev-rsp-hero-col .en-hero-buttons .btn,
  .elev-rsp-hero .elev-rsp-hero-col .cl-hero-actions .btn,
  .elev-rsp-hero .elev-rsp-hero-col .spk-hero-actions .spk-btn,
  .elev-rsp-hero .elev-rsp-hero-col .elev-np-hero-actions .btn,
  .elev-rsp-hero .elev-rsp-hero-col .brdnp-hero-actions .btn,
  .elev-rsp-hero .elev-rsp-hero-col .grantnp-hero-actions .btn,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-actions .btn,
  .elev-rsp-hero .elev-rsp-hero-col .enp-primary-btn {
    width: 100%;
    justify-content: center;
  }

  .elev-rsp-hero .volpg-benefit-row,
  .elev-rsp-hero .consult-hero-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .elev-rsp-hero .dnrpg-donor-benefit-row,
  .elev-rsp-hero .crmnp-feature-strip,
  .elev-rsp-hero .cl-feature-strip,
  .elev-rsp-hero .en-feature-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 575.98px) {
  .elev-rsp-hero:not(.elev-rsp-home-hero) {
    padding: 36px 0 24px !important;
  }

  .elev-rsp-hero .elev-rsp-hero-col h1,
  .elev-rsp-hero .elev-rsp-hero-col .enp-hero-title,
  .elev-rsp-hero .elev-rsp-hero-col .volpg-hero-title,
  .elev-rsp-hero .elev-rsp-hero-col .dnrpg-donor-hero-title {
    font-size: clamp(22px, 7vw, 26px);
    line-height: 1.22;
  }

  .elev-rsp-hero .volpg-benefit-row,
  .elev-rsp-hero .consult-hero-points,
  .elev-rsp-hero .dnrpg-donor-benefit-row,
  .elev-rsp-hero .crmnp-feature-strip,
  .elev-rsp-hero .cl-feature-strip,
  .elev-rsp-hero .en-feature-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 375px) {
  .elev-rsp-hero:not(.elev-rsp-home-hero) {
    padding: 32px 0 22px !important;
  }

  .elev-rsp-hero .elev-rsp-hero-col h1,
  .elev-rsp-hero .elev-rsp-hero-col .enp-hero-title {
    font-size: 20px;
  }

  .elev-rsp-hero .elev-rsp-hero-col p {
    font-size: 14px;
  }
}


/* ============================================================
   Card / Column Grid Responsive (elev-rsp-card-grid)
   Clean 2-column tablet layout at 1024px
   ============================================================ */

@media (max-width: 1024px) {
  .elev-rsp-card-grid,
  .elev-rsp-split-row {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .elev-rsp-card-grid {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }

  .elev-rsp-card-grid > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    display: flex;
    flex-direction: column;
  }

  .elev-rsp-card-grid > [class*="col-"] > * {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
  }

  /* Equal-height cards */
  .elev-rsp-card-grid .service-card,
  .elev-rsp-card-grid [class*="-service-card"],
  .elev-rsp-card-grid [class*="-system-card"],
  .elev-rsp-card-grid [class*="-solution-card"],
  .elev-rsp-card-grid .consult-card,
  .elev-rsp-card-grid [class*="-feature-card"],
  .elev-rsp-card-grid [class*="-impact-card"],
  .elev-rsp-card-grid [class*="-stat-card"],
  .elev-rsp-card-grid .dnrpg-donor-feature-card,
  .elev-rsp-card-grid .dnrpg-donor-stat-card,
  .elev-rsp-card-grid .consult-get-item,
  .elev-rsp-card-grid .volpg-impact-card,
  .elev-rsp-card-grid article {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
  }

  /* Index service cards */
  .elev-rsp-card-grid .service-card.compact-card,
  .elev-rsp-card-grid .service-card.large-card {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 12px;
    padding: 20px 16px;
    min-height: 100%;
  }

  .elev-rsp-card-grid .service-card .circle-icon {
    margin: 0 auto;
    flex-shrink: 0;
  }

  .elev-rsp-card-grid .service-card h4,
  .elev-rsp-card-grid .service-card h5,
  .elev-rsp-card-grid .service-card p {
    text-align: center;
    width: 100%;
  }

  /* Card typography & padding balance */
  .elev-rsp-card-grid .consult-card,
  .elev-rsp-card-grid .volpg-service-card,
  .elev-rsp-card-grid .spk-service-card,
  .elev-rsp-card-grid .crmnp-service-card,
  .elev-rsp-card-grid .cl-system-card,
  .elev-rsp-card-grid .en-solution-card,
  .elev-rsp-card-grid .brdnp-service-card,
  .elev-rsp-card-grid .grantnp-service-card,
  .elev-rsp-card-grid .elev-np-feature-card,
  .elev-rsp-card-grid .dnrpg-donor-feature-card {
    padding: 22px 16px;
    min-height: 200px;
  }

  .elev-rsp-card-grid .consult-card h3,
  .elev-rsp-card-grid .volpg-service-card h3,
  .elev-rsp-card-grid .spk-service-card h3,
  .elev-rsp-card-grid .crmnp-service-card h3,
  .elev-rsp-card-grid .cl-system-card h3,
  .elev-rsp-card-grid .en-solution-card h3,
  .elev-rsp-card-grid .brdnp-service-card h3,
  .elev-rsp-card-grid .grantnp-service-card h3,
  .elev-rsp-card-grid .elev-np-feature-card h3 {
    font-size: 14px;
    line-height: 1.35;
  }

  .elev-rsp-card-grid .consult-card p,
  .elev-rsp-card-grid .volpg-service-card p,
  .elev-rsp-card-grid .spk-service-card p,
  .elev-rsp-card-grid .crmnp-service-card p,
  .elev-rsp-card-grid .cl-system-card p,
  .elev-rsp-card-grid .en-solution-card p,
  .elev-rsp-card-grid .brdnp-service-card p,
  .elev-rsp-card-grid .grantnp-service-card p,
  .elev-rsp-card-grid .elev-np-feature-card p {
    font-size: 13px;
    line-height: 1.65;
  }

  /* Impact / stat cards */
  .elev-rsp-card-grid .consult-impact-card,
  .elev-rsp-card-grid .crmnp-impact-card,
  .elev-rsp-card-grid .cl-impact-card,
  .elev-rsp-card-grid .en-impact-card,
  .elev-rsp-card-grid .spk-stat-card,
  .elev-rsp-card-grid .elev-np-stat-card,
  .elev-rsp-card-grid .dnrpg-donor-stat-card {
    padding: 20px 16px;
    text-align: center;
    min-height: 180px;
  }

  .elev-rsp-card-grid .consult-impact-card [class*="-icon"],
  .elev-rsp-card-grid .crmnp-impact-card .crmnp-card-icon,
  .elev-rsp-card-grid .cl-impact-card .cl-card-icon,
  .elev-rsp-card-grid .spk-stat-card .spk-stat-icon,
  .elev-rsp-card-grid .elev-np-stat-card i,
  .elev-rsp-card-grid .dnrpg-donor-stat-card .dnrpg-donor-icon {
    margin-left: auto;
    margin-right: auto;
  }

  /* Consult "What You Get" strip */
  .consult-get-row.elev-rsp-card-grid {
    border-top: 1px solid #dce8f8;
  }

  .consult-get-row.elev-rsp-card-grid > [class*="col-"] {
    border-right: 1px solid #dce8f8;
    border-bottom: 1px solid #dce8f8;
  }

  .consult-get-row.elev-rsp-card-grid > [class*="col-"]:nth-child(2n) {
    border-right: 0;
  }

  .consult-get-row.elev-rsp-card-grid .consult-get-item {
    padding: 22px 14px;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  /* Volunteer impact grid */
  .volpg-impact-grid.elev-rsp-card-grid {
    border-left: 0;
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }

  .volpg-impact-grid.elev-rsp-card-grid .volpg-impact-card {
    border: 1px solid #dce8f8;
    border-radius: 14px;
    text-align: center;
    background: #ffffff;
    min-height: 200px;
    padding: 18px 16px;
  }

  .volpg-impact-grid.elev-rsp-card-grid .volpg-impact-icon {
    margin-left: auto;
    margin-right: auto;
  }

  /* Split sections — stack copy above cards */
  .elev-rsp-split-row {
    --bs-gutter-y: 1.25rem;
  }

  .elev-rsp-split-row > [class*="col-lg-"],
  .elev-rsp-split-row > [class*="col-xl-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .elev-rsp-split-row .consult-impact-copy,
  .elev-rsp-split-row .crmnp-impact-content,
  .elev-rsp-split-row .cl-impact-content,
  .elev-rsp-split-row .spk-impact-copy,
  .elev-rsp-split-row .volpg-impact-copy,
  .elev-rsp-split-row .elev-np-impact-copy,
  .elev-rsp-split-row .col-lg-4,
  .elev-rsp-split-row .col-lg-3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
  }

  .elev-rsp-split-row .consult-impact-copy .consult-btn,
  .elev-rsp-split-row .crmnp-impact-content .crmnp-green-btn,
  .elev-rsp-split-row .cl-impact-content .cl-green-btn {
    margin-left: auto;
    margin-right: auto;
  }

  .elev-rsp-split-row .spk-check-list,
  .elev-rsp-split-row .dnrpg-donor-check-list {
    text-align: left;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  /* About page grids */
  .enp-values-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 28px;
    column-gap: 12px;
  }

  .enp-value-item {
    border-right: 0;
    padding: 0 10px;
  }

  .enp-stats-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .enp-stat-item:nth-child(2) {
    border-right: 0;
  }

  .enp-stat-item:nth-child(-n+2) {
    border-bottom: 1px solid #cbdce9;
  }

  .elev-rsp-split-row .enp-team-img {
    display: block;
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
  }

  .elev-rsp-split-row .enp-mission-block {
    text-align: center;
  }

  .elev-rsp-split-row .enp-mission-card .enp-mini-line {
    margin-left: auto;
    margin-right: auto;
  }

  /* Images inside columns */
  .elev-rsp-card-grid img,
  .elev-rsp-split-row img:not(.enp-content-dot) {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .brdnp-impact-img,
  .grantnp-impact-img,
  .cl-training-img {
    max-height: 360px;
    object-fit: cover;
    border-radius: 12px;
  }

  /* Prevent horizontal overflow from grids */
  .elev-rsp-card-grid [class*="-card-icon"],
  .elev-rsp-card-grid [class*="-icon"] {
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .brdnp-testimonial-carousel .row.g-4 > [class*="col-lg-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 1rem;
  }

  .brdnp-testimonial-carousel .carousel-item .row.g-4 {
    flex-wrap: wrap;
  }

  .brdnp-testimonial-carousel .carousel-item .row.g-4 > [class*="col-lg-"]:nth-child(3) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  .elev-rsp-card-grid {
    --bs-gutter-x: 0.875rem;
    --bs-gutter-y: 0.875rem;
  }

  .elev-rsp-card-grid > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }

  .elev-rsp-card-grid .consult-card,
  .elev-rsp-card-grid .volpg-service-card,
  .elev-rsp-card-grid .spk-service-card,
  .elev-rsp-card-grid .crmnp-service-card,
  .elev-rsp-card-grid .cl-system-card,
  .elev-rsp-card-grid .en-solution-card,
  .elev-rsp-card-grid .brdnp-service-card,
  .elev-rsp-card-grid .grantnp-service-card,
  .elev-rsp-card-grid .elev-np-feature-card,
  .elev-rsp-card-grid .dnrpg-donor-feature-card {
    min-height: 185px;
    padding: 20px 14px;
  }

  .elev-rsp-card-grid .service-card.compact-card,
  .elev-rsp-card-grid .service-card.large-card {
    padding: 18px 14px;
  }

  .enp-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 24px;
  }

  .enp-stats-card {
    grid-template-columns: 1fr;
  }

  .enp-stat-item,
  .enp-stat-item:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #cbdce9;
  }

  .enp-stat-item:last-child {
    border-bottom: 0;
  }

  .elev-rsp-split-row .enp-border-md-start {
    border-left: 0;
  }

  .elev-rsp-card-grid.enp-check-list-row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .brdnp-testimonial-carousel .row.g-4 > [class*="col-lg-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  .elev-rsp-card-grid {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }

  .elev-rsp-card-grid > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .elev-rsp-card-grid .consult-card,
  .elev-rsp-card-grid .volpg-service-card,
  .elev-rsp-card-grid .spk-service-card,
  .elev-rsp-card-grid .crmnp-service-card,
  .elev-rsp-card-grid .cl-system-card,
  .elev-rsp-card-grid .en-solution-card,
  .elev-rsp-card-grid .brdnp-service-card,
  .elev-rsp-card-grid .grantnp-service-card,
  .elev-rsp-card-grid .elev-np-feature-card,
  .elev-rsp-card-grid .dnrpg-donor-feature-card,
  .elev-rsp-card-grid .consult-impact-card,
  .elev-rsp-card-grid .crmnp-impact-card,
  .elev-rsp-card-grid .cl-impact-card,
  .elev-rsp-card-grid .spk-stat-card,
  .elev-rsp-card-grid .elev-np-stat-card,
  .elev-rsp-card-grid .dnrpg-donor-stat-card {
    min-height: 0;
    padding: 22px 18px;
  }

  .consult-get-row.elev-rsp-card-grid > [class*="col-"] {
    border-right: 0;
  }

  .enp-values-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .enp-value-item {
    max-width: 320px;
    margin: 0 auto;
  }
}

@media (max-width: 375px) {
  .elev-rsp-card-grid {
    --bs-gutter-x: 0.625rem;
    --bs-gutter-y: 0.625rem;
  }

  .elev-rsp-card-grid .service-card.compact-card,
  .elev-rsp-card-grid .service-card.large-card {
    padding: 16px 12px;
  }

  .elev-rsp-card-grid .consult-card,
  .elev-rsp-card-grid .volpg-service-card,
  .elev-rsp-card-grid .en-solution-card {
    padding: 18px 12px;
  }

  .elev-rsp-split-row .consult-impact-copy h2,
  .elev-rsp-split-row .crmnp-impact-content h2,
  .elev-rsp-split-row .cl-impact-content h2,
  .elev-rsp-split-row .spk-impact-copy h2,
  .elev-rsp-split-row .elev-np-impact-copy h2 {
    font-size: clamp(22px, 6.5vw, 26px);
  }
}


/* ============================================================
   Sitewide Typography & Spacing (elev-rsp-type-space)
   Balanced fonts + tighter padding on tablet/mobile
   Desktop 1025px+ unchanged
   ============================================================ */

@media (max-width: 1024px) {
  body {
    overflow-x: hidden;
  }

  body main .container {
    padding-left: 22px;
    padding-right: 22px;
    max-width: 100%;
  }

  /* Global section rhythm */
  body main .section-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body main .section-padding-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  body main .enp-section-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body main .enp-section-padding-bottom {
    padding-bottom: 34px;
  }

  /* Section headings */
  body main .section-heading,
  body main [class*="-section-heading"],
  body main .consult-section-title {
    margin-bottom: 22px;
  }

  body main .section-heading h2,
  body main .enp-section-heading h2,
  body main .consult-section-title h2,
  body main .volpg-section-heading h2,
  body main .spk-section-heading h2,
  body main .dnrpg-donor-section-heading h2,
  body main .crmnp-section-heading h2,
  body main .en-section-heading h2,
  body main .cl-section-heading h2,
  body main .brdnp-section-heading h2,
  body main .grantnp-section-heading h2,
  body main .elev-np-section-heading h2 {
    font-size: clamp(24px, 3.2vw, 28px);
    line-height: 1.25;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
  }

  body main .section-heading p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.6;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  body main .consult-section-title span,
  body main .en-section-heading span,
  body main .cl-section-heading span,
  body main .crmnp-section-heading span,
  body main .elev-np-section-heading span,
  body main .brdnp-section-heading .brdnp-small-title,
  body main .grantnp-section-heading .grantnp-small-title {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
  }

  body main .eyebrow,
  body main [class*="-eyebrow"] {
    font-size: 11px;
    letter-spacing: 0.45px;
    margin-bottom: 8px;
  }

  body main .small-text {
    font-size: 13px;
    line-height: 1.55;
  }

  /* Page sections — reduce vertical padding */
  body main .volpg-system-section,
  body main .volpg-flow-section,
  body main .volpg-impact-section,
  body main .spk-system-section,
  body main .spk-impact-section,
  body main .consult-system,
  body main .consult-flow,
  body main .consult-impact,
  body main .consult-get,
  body main .crmnp-automation-section,
  body main .crmnp-flow-section,
  body main .crmnp-impact-section,
  body main .cl-system-section,
  body main .cl-flow-section,
  body main .cl-impact-section,
  body main .en-solution-section,
  body main .en-flow-section,
  body main .en-impact-section,
  body main .brdnp-services-section,
  body main .brdnp-flow-section,
  body main .brdnp-impact-section,
  body main .brdnp-testimonial-section,
  body main .grantnp-services-section,
  body main .grantnp-flow-section,
  body main .grantnp-impact-section,
  body main .elev-np-features-section,
  body main .elev-np-benefit-section,
  body main .elev-np-impact-section,
  body main .dnrpg-donor-system-section,
  body main .enp-mission-section,
  body main .enp-values-section,
  body main .enp-different-section,
  body main .enp-stats-section {
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }

  body main .en-solution-section,
  body main .cl-system-section,
  body main .crmnp-automation-section {
    border-radius: 20px;
  }

  /* CTA blocks */
  body main .volpg-cta-section,
  body main .spk-cta-section,
  body main .consult-cta-section,
  body main .elev-np-cta-section,
  body main .enp-cta-section,
  body main .brdnp-cta-section,
  body main .crmnp-bottom-cta-section {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  body main .volpg-cta,
  body main .consult-cta,
  body main .spk-cta,
  body main .crmnp-bottom-cta,
  body main .en-bottom-cta,
  body main .cl-bottom-cta {
    padding: 26px 22px !important;
    gap: 16px;
  }

  body main .volpg-cta h2,
  body main .consult-cta h2,
  body main .spk-cta h2,
  body main .enp-cta-section h2,
  body main .crmnp-bottom-cta h2,
  body main .en-bottom-cta h2,
  body main .cl-bottom-cta h2 {
    font-size: clamp(22px, 3vw, 26px);
    line-height: 1.25;
    margin-bottom: 8px;
  }

  body main .volpg-cta p,
  body main .consult-cta p,
  body main .spk-cta p,
  body main .enp-cta-section p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Breadcrumbs */
  body main .dnrpg-donor-breadcrumbs,
  body main .elev-np-breadcrumbs,
  body main .spk-breadcrumbs,
  body main .cl-breadcrumb,
  body main .crmnp-breadcrumb {
    margin-bottom: 18px;
    font-size: 13px;
    gap: 8px;
  }

  /* Buttons */
  body main .btn,
  body main .custom-btn,
  body main .custom-outline-btn,
  body main .green-btn,
  body main .green-outline-btn,
  body main [class*="-primary-btn"],
  body main [class*="-outline-btn"],
  body main .consult-btn,
  body main .volpg-btn,
  body main .spk-btn,
  body main .crmnp-primary-btn,
  body main .crmnp-outline-btn,
  body main .cl-primary-btn,
  body main .cl-outline-btn,
  body main .en-primary-btn,
  body main .en-outline-btn,
  body main .brdnp-primary-btn,
  body main .brdnp-outline-btn,
  body main .grantnp-primary-btn,
  body main .grantnp-outline-btn,
  body main .elev-np-primary-btn,
  body main .elev-np-outline-btn,
  body main .dnrpg-donor-btn {
    padding: 11px 20px;
    font-size: 13px;
    line-height: 1.35;
  }

  /* Feature / benefit strips */
  body main .crmnp-feature-strip,
  body main .cl-feature-strip,
  body main .en-feature-strip,
  body main .volpg-benefit-row,
  body main .dnrpg-donor-benefit-row,
  body main .consult-hero-points,
  body main .grantnp-feature-strip {
    margin-top: 18px;
    gap: 12px;
    padding: 12px 0;
  }

  body main .crmnp-feature-item strong,
  body main .cl-feature-item strong,
  body main .en-feature-item strong,
  body main .volpg-benefit-item strong,
  body main .dnrpg-donor-benefit-item strong {
    font-size: 13px;
  }

  body main .crmnp-feature-item span,
  body main .cl-feature-item span,
  body main .en-feature-item span {
    font-size: 12px;
  }

  /* Row / column gaps */
  body main .row.g-4,
  body main .row.g-5,
  body main .row.gy-4,
  body main .row.gy-5,
  body main .row.g-3,
  body main .row.g-3.g-xl-4 {
    --bs-gutter-x: 0.875rem;
    --bs-gutter-y: 0.875rem;
  }

  body main .row.mt-4,
  body main .row.mt-5 {
    margin-top: 1.25rem !important;
  }

  /* Forms */
  body main .form-control,
  body main .grantnp-cta-form input,
  body main .grantnp-cta-form select,
  body main .grantnp-cta-form textarea {
    padding: 11px 14px;
    font-size: 14px;
    line-height: 1.45;
  }

  body main .grantnp-bottom-cta {
    padding: 24px 18px !important;
  }

  body main .grantnp-cta-form h3 {
    font-size: 20px;
    margin-bottom: 14px;
  }

  /* Impact panels */
  body main .crmnp-impact-box,
  body main .cl-impact-box,
  body main .spk-impact-panel {
    padding: 22px 18px;
    border-radius: 18px;
  }

  body main .consult-impact-copy h2,
  body main .crmnp-impact-content h2,
  body main .cl-impact-content h2,
  body main .spk-impact-copy h2,
  body main .volpg-impact-copy h2,
  body main .elev-np-impact-copy h2,
  body main .brdnp-impact-content h2,
  body main .grantnp-impact-content h2 {
    font-size: clamp(22px, 3vw, 26px);
    line-height: 1.25;
    margin-bottom: 12px;
  }

  body main .consult-impact-copy p,
  body main .crmnp-impact-content p,
  body main .cl-impact-content p,
  body main .volpg-impact-copy p,
  body main .elev-np-impact-copy p,
  body main .brdnp-impact-content p,
  body main .grantnp-impact-content p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Title lines */
  body main .title-line,
  body main .enp-title-line,
  body main .consult-line,
  body main .volpg-title-line,
  body main .crmnp-title-line,
  body main .en-title-line,
  body main .cl-blue-line,
  body main .brdnp-green-line,
  body main .elev-np-title-line,
  body main .dnrpg-donor-title-line,
  body main .spk-title-line {
    margin-top: 12px;
    margin-bottom: 14px;
  }

  /* Flow steps */
  body main .consult-step h4,
  body main .volpg-flow-item h4,
  body main .crmnp-flow-item h4,
  body main .cl-flow-item h4,
  body main .en-flow-item h4,
  body main .brdnp-flow-item h4,
  body main .grantnp-flow-item h4,
  body main .dnrpg-donor-step h4,
  body main .spk-process-item h4 {
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 8px;
  }

  body main .consult-step p,
  body main .volpg-flow-item p,
  body main .crmnp-flow-item p,
  body main .cl-flow-item p,
  body main .en-flow-item p,
  body main .brdnp-flow-item p,
  body main .grantnp-flow-item p,
  body main .dnrpg-donor-step p,
  body main .spk-process-item p {
    font-size: 13px;
    line-height: 1.6;
  }

  /* About page specifics */
  body main .enp-hero-title {
    font-size: clamp(30px, 4vw, 36px);
  }

  body main .enp-mission-card {
    padding: 28px 24px;
  }

  body main .enp-mission-card h3 {
    font-size: 20px;
  }

  body main .enp-mission-card p {
    font-size: 14px;
  }

  body main .enp-value-item h4 {
    font-size: 16px;
  }

  body main .enp-value-item p {
    font-size: 13px;
  }

  body main .enp-different-title {
    font-size: clamp(24px, 3.2vw, 30px);
  }

  body main .enp-check-item h5 {
    font-size: 15px;
  }

  body main .enp-check-item p {
    font-size: 13px;
  }
}

@media (max-width: 991.98px) {
  body main .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  body main .section-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  body main .section-padding-sm {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  body main .enp-section-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  body main .section-heading h2,
  body main .enp-section-heading h2,
  body main .consult-section-title h2,
  body main .volpg-section-heading h2,
  body main .spk-section-heading h2,
  body main .dnrpg-donor-section-heading h2,
  body main .crmnp-section-heading h2,
  body main .en-section-heading h2,
  body main .cl-section-heading h2,
  body main .brdnp-section-heading h2,
  body main .grantnp-section-heading h2,
  body main .elev-np-section-heading h2 {
    font-size: clamp(22px, 3.5vw, 26px);
  }

  body main .volpg-system-section,
  body main .volpg-flow-section,
  body main .volpg-impact-section,
  body main .spk-system-section,
  body main .spk-impact-section,
  body main .consult-system,
  body main .consult-flow,
  body main .consult-impact,
  body main .consult-get,
  body main .crmnp-automation-section,
  body main .crmnp-flow-section,
  body main .crmnp-impact-section,
  body main .cl-system-section,
  body main .cl-flow-section,
  body main .cl-impact-section,
  body main .en-solution-section,
  body main .en-flow-section,
  body main .en-impact-section,
  body main .brdnp-services-section,
  body main .brdnp-flow-section,
  body main .brdnp-impact-section,
  body main .brdnp-testimonial-section,
  body main .grantnp-services-section,
  body main .grantnp-flow-section,
  body main .grantnp-impact-section,
  body main .elev-np-features-section,
  body main .elev-np-benefit-section,
  body main .elev-np-impact-section,
  body main .dnrpg-donor-system-section {
    padding-top: 30px !important;
    padding-bottom: 32px !important;
  }

  body main .volpg-cta,
  body main .consult-cta,
  body main .spk-cta,
  body main .crmnp-bottom-cta,
  body main .en-bottom-cta,
  body main .cl-bottom-cta {
    padding: 22px 18px !important;
  }

  body main .volpg-cta h2,
  body main .consult-cta h2,
  body main .spk-cta h2,
  body main .enp-cta-section h2 {
    font-size: clamp(20px, 3.8vw, 24px);
  }

  body main .btn,
  body main .custom-btn,
  body main .custom-outline-btn,
  body main .consult-btn,
  body main .volpg-btn,
  body main .spk-btn {
    padding: 10px 18px;
    font-size: 13px;
  }

  body main .row.g-4,
  body main .row.g-5,
  body main .row.gy-4,
  body main .row.gy-5 {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }
}

@media (max-width: 767.98px) {
  body main .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  body main .section-padding {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  body main .section-padding-sm {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  body main .enp-section-padding {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  body main .section-heading h2,
  body main .enp-section-heading h2,
  body main .consult-section-title h2,
  body main .volpg-section-heading h2,
  body main .spk-section-heading h2,
  body main .dnrpg-donor-section-heading h2,
  body main .crmnp-section-heading h2,
  body main .en-section-heading h2,
  body main .cl-section-heading h2,
  body main .brdnp-section-heading h2,
  body main .grantnp-section-heading h2,
  body main .elev-np-section-heading h2,
  body main .crm-section h2,
  body main .who-section h2,
  body main .why-section h2 {
    font-size: clamp(21px, 4.5vw, 24px);
    margin-bottom: 8px;
  }

  body main .section-heading p:not(.eyebrow),
  body main p {
    font-size: 14px;
  }

  body main .eyebrow,
  body main [class*="-eyebrow"] {
    font-size: 11px;
    margin-bottom: 6px;
  }

  body main .volpg-system-section,
  body main .volpg-flow-section,
  body main .volpg-impact-section,
  body main .spk-system-section,
  body main .spk-impact-section,
  body main .consult-system,
  body main .consult-flow,
  body main .consult-impact,
  body main .consult-get,
  body main .crmnp-automation-section,
  body main .crmnp-flow-section,
  body main .crmnp-impact-section,
  body main .cl-system-section,
  body main .cl-flow-section,
  body main .cl-impact-section,
  body main .en-solution-section,
  body main .en-flow-section,
  body main .en-impact-section,
  body main .brdnp-services-section,
  body main .brdnp-flow-section,
  body main .brdnp-impact-section,
  body main .brdnp-testimonial-section,
  body main .grantnp-services-section,
  body main .grantnp-flow-section,
  body main .grantnp-impact-section,
  body main .elev-np-features-section,
  body main .elev-np-benefit-section,
  body main .elev-np-impact-section,
  body main .dnrpg-donor-system-section,
  body main .enp-values-section,
  body main .enp-different-section,
  body main .enp-stats-section {
    padding-top: 26px !important;
    padding-bottom: 28px !important;
  }

  body main .volpg-cta-section,
  body main .spk-cta-section,
  body main .consult-cta-section,
  body main .elev-np-cta-section,
  body main .enp-cta-section,
  body main .brdnp-cta-section,
  body main .crmnp-bottom-cta-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  body main .volpg-cta,
  body main .consult-cta,
  body main .spk-cta,
  body main .crmnp-bottom-cta,
  body main .en-bottom-cta,
  body main .cl-bottom-cta {
    padding: 20px 16px !important;
    gap: 14px;
  }

  body main .volpg-cta h2,
  body main .consult-cta h2,
  body main .spk-cta h2,
  body main .enp-cta-section h2,
  body main .cta-box h2 {
    font-size: clamp(19px, 4.8vw, 22px);
  }

  body main .btn,
  body main .custom-btn,
  body main .custom-outline-btn,
  body main .green-btn,
  body main .green-outline-btn,
  body main .consult-btn,
  body main .volpg-btn,
  body main .spk-btn,
  body main [class*="-primary-btn"],
  body main [class*="-outline-btn"] {
    padding: 12px 18px;
    font-size: 14px;
  }

  body main .volpg-cta-actions,
  body main .consult-cta-actions,
  body main .spk-cta-actions,
  body main .consult-actions,
  body main .volpg-hero-actions,
  body main .crmnp-hero-actions,
  body main .en-hero-buttons,
  body main .cl-hero-actions,
  body main .spk-hero-actions,
  body main .elev-np-hero-actions,
  body main .brdnp-hero-actions,
  body main .grantnp-hero-actions,
  body main .dnrpg-donor-actions,
  body main .elev-rsp-home-hero-btns {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body main .volpg-cta-actions .btn,
  body main .consult-cta-actions .consult-btn,
  body main .spk-cta-actions .spk-btn,
  body main .consult-actions .consult-btn,
  body main .volpg-hero-actions .volpg-btn,
  body main .crmnp-hero-actions .btn,
  body main .en-hero-buttons .btn,
  body main .cl-hero-actions .btn,
  body main .spk-hero-actions .spk-btn,
  body main .elev-np-hero-actions .btn,
  body main .brdnp-hero-actions .btn,
  body main .grantnp-hero-actions .btn,
  body main .dnrpg-donor-actions .btn,
  body main .elev-rsp-home-hero-btns .btn {
    width: 100%;
    justify-content: center;
  }

  body main .dnrpg-donor-breadcrumbs,
  body main .elev-np-breadcrumbs,
  body main .spk-breadcrumbs,
  body main .cl-breadcrumb {
    margin-bottom: 14px;
    font-size: 12px;
  }

  body main .crmnp-feature-strip,
  body main .cl-feature-strip,
  body main .en-feature-strip,
  body main .volpg-benefit-row,
  body main .dnrpg-donor-benefit-row {
    margin-top: 14px;
    padding: 10px 0;
    gap: 10px;
  }

  body main .grantnp-bottom-cta {
    padding: 20px 14px !important;
  }

  body main .grantnp-cta-form h3 {
    font-size: 18px;
  }

  body main .enp-hero-title {
    font-size: clamp(28px, 7vw, 34px);
  }

  body main .enp-mission-card {
    padding: 24px 18px;
  }

  body main .elev-rsp-card-grid .consult-card,
  body main .elev-rsp-card-grid .volpg-service-card,
  body main .elev-rsp-card-grid .spk-service-card,
  body main .elev-rsp-card-grid .crmnp-service-card,
  body main .elev-rsp-card-grid .cl-system-card,
  body main .elev-rsp-card-grid .en-solution-card,
  body main .elev-rsp-card-grid .brdnp-service-card,
  body main .elev-rsp-card-grid .grantnp-service-card,
  body main .elev-rsp-card-grid .elev-np-feature-card,
  body main .elev-rsp-card-grid .dnrpg-donor-feature-card {
    min-height: 0;
    padding: 18px 14px;
  }
}

@media (max-width: 575.98px) {
  body main .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  body main .section-padding {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  body main .section-padding-sm {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  body main .enp-section-padding {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  body main .section-heading h2,
  body main .enp-section-heading h2,
  body main .consult-section-title h2,
  body main .volpg-section-heading h2,
  body main .spk-section-heading h2,
  body main .dnrpg-donor-section-heading h2,
  body main .crmnp-section-heading h2,
  body main .en-section-heading h2,
  body main .cl-section-heading h2,
  body main .brdnp-section-heading h2,
  body main .grantnp-section-heading h2,
  body main .elev-np-section-heading h2 {
    font-size: clamp(20px, 5.5vw, 22px);
  }

  body main .section-heading p:not(.eyebrow) {
    font-size: 13px;
  }

  body main p {
    font-size: 14px;
  }

  body main .volpg-system-section,
  body main .volpg-flow-section,
  body main .volpg-impact-section,
  body main .spk-system-section,
  body main .consult-system,
  body main .crmnp-automation-section,
  body main .cl-system-section,
  body main .en-solution-section,
  body main .brdnp-services-section,
  body main .grantnp-services-section,
  body main .elev-np-features-section,
  body main .dnrpg-donor-system-section {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }

  body main .volpg-cta h2,
  body main .consult-cta h2,
  body main .spk-cta h2,
  body main .enp-cta-section h2,
  body main .cta-box h2 {
    font-size: clamp(18px, 5.8vw, 20px);
  }

  body main .volpg-cta p,
  body main .consult-cta p,
  body main .spk-cta p {
    font-size: 13px;
  }

  body main .row.g-4,
  body main .row.g-5,
  body main .row.gy-4,
  body main .row.gy-5,
  body main .row.g-3 {
    --bs-gutter-x: 0.625rem;
    --bs-gutter-y: 0.625rem;
  }

  body main .elev-rsp-card-grid {
    --bs-gutter-x: 0.625rem;
    --bs-gutter-y: 0.625rem;
  }

  body main .enp-cta-btn,
  body main .grantnp-submit-btn,
  body main .cta-btn,
  body main .crmnp-bottom-cta .btn,
  body main .en-bottom-actions .btn,
  body main .cl-bottom-cta .btn {
    width: 100%;
    justify-content: center;
  }

  body main .consult-impact-copy h2,
  body main .crmnp-impact-content h2,
  body main .cl-impact-content h2,
  body main .spk-impact-copy h2,
  body main .elev-np-impact-copy h2 {
    font-size: clamp(19px, 5.5vw, 22px);
  }
}

@media (max-width: 375px) {
  body main .container {
    padding-left: 14px;
    padding-right: 14px;
  }

  body main .section-padding {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  body main .section-heading h2,
  body main .enp-section-heading h2,
  body main .consult-section-title h2,
  body main .volpg-section-heading h2,
  body main .spk-section-heading h2,
  body main .dnrpg-donor-section-heading h2,
  body main .crmnp-section-heading h2,
  body main .en-section-heading h2,
  body main .cl-section-heading h2,
  body main .brdnp-section-heading h2,
  body main .grantnp-section-heading h2,
  body main .elev-np-section-heading h2 {
    font-size: 19px;
    letter-spacing: -0.3px;
  }

  body main p,
  body main .section-heading p:not(.eyebrow) {
    font-size: 13px;
    line-height: 1.55;
  }

  body main .btn,
  body main .custom-btn,
  body main .custom-outline-btn,
  body main .consult-btn,
  body main .volpg-btn,
  body main .spk-btn {
    padding: 11px 16px;
    font-size: 13px;
  }

  body main .elev-rsp-hero .elev-rsp-hero-col h1,
  body main .elev-rsp-hero .elev-rsp-hero-col .enp-hero-title {
    font-size: clamp(20px, 6.2vw, 22px);
  }

  body main .elev-rsp-card-grid .consult-card h3,
  body main .elev-rsp-card-grid .volpg-service-card h3,
  body main .elev-rsp-card-grid .en-solution-card h3 {
    font-size: 13px;
  }

  body main .elev-rsp-card-grid .consult-card p,
  body main .elev-rsp-card-grid .volpg-service-card p,
  body main .elev-rsp-card-grid .en-solution-card p {
    font-size: 12px;
  }
}