:root {
      --bd-dark: #0b1b2b;
      --bd-muted: #5b6b7a;
      --bd-white: #ffffff;
      --bd-accent: #F1663E;
      --bd-soft: #f6f8fb;
      --bd-border: rgba(11, 27, 43, 0.10);
}

/* Global text visibility */
body {
      color: var(--bd-dark);
}

p {
      color: var(--bd-muted);
}

/* Section headings visibility */
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5 {
      color: var(--bd-dark) !important;
}

.section-title h6 {
      color: var(--bd-white) !important;
}


/* Subtitles */
.section-title .sub-title {
      color: var(--bd-accent) !important;
      font-weight: 700;
}

.sub-title.style-2 {
      color: #d50f0f !important;
}

/* Hero contrast overlay */
.hero-section-2.hero-2 {
      position: relative;
}

.hero-section-2.hero-2::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(11, 27, 43, .88) 0%, rgba(11, 27, 43, .55) 55%, rgba(11, 27, 43, .15) 100%);
      z-index: 0;
}

.hero-section-2.hero-2 .container {
      position: relative;
      z-index: 1;
}

.hero-section-2 .hero-content h1 {
      color: var(--bd-white) !important;
}

.hero-section-2 .hero-content p {
      color: rgba(255, 255, 255, .85) !important;
}

.hero-cta-wrap .small-note {
      color: rgba(255, 255, 255, .75) !important;
}

/* Clean cards */
.bd-card {
      background: var(--bd-white);
      border: 1px solid var(--bd-border);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 10px 30px rgba(11, 27, 43, 0.06);
}

.bd-card h4,
.bd-card h5 {
      color: var(--bd-dark) !important;
}

.bd-card p {
      color: var(--bd-muted) !important;
}

/* Section backgrounds */
.bd-soft-section {
      background: var(--bd-soft);
}

/* Base dark section defaults (kept) */
.bd-dark-section {
      background: linear-gradient(180deg, #0b1b2b 0%, #081421 100%);
      color: var(--bd-white);
}

.bd-dark-section h2,
.bd-dark-section h3,
.bd-dark-section h4,
.bd-dark-section h5 {
      color: var(--bd-white) !important;
}

.bd-dark-section p {
      color: rgba(255, 255, 255, .82) !important;
}

/* Small label pill */
.bd-pill {
      display: inline-block;
      padding: 6px 12px;
      border-radius: 999px;
      background: var(--bd-white);
      color: var(--bd-accent);
      font-weight: 700;
      font-size: 13px;
}

/* Accordion visibility */
.accordion-button {
      color: var(--bd-dark) !important;
      font-weight: 700;
}

.accordion-body {
      color: var(--bd-muted) !important;
}

/* Counters cards */
.impact-card {
      background: var(--bd-white);
      border: 1px solid var(--bd-border);
      border-radius: 16px;
      padding: 18px 18px;
      height: 100%;
}

.impact-card h3 {
      color: var(--bd-accent) !important;
      margin-bottom: 6px;
}

.impact-card p {
      margin: 0;
      color: var(--bd-muted) !important;
}

/* CTA section headings contrast */
.cta-section .section-title h2 {
      color: var(--bd-white) !important;
}

/* =========================================================
           VALUES SECTION – FINAL POLISH (ONLY affects bd-dark-section)
           This improves visibility for:
           "We don’t run on money; we run on values."
        ========================================================== */
.bd-dark-section {
      background: linear-gradient(180deg, #071b2d 0%, #040c15 100%) !important;
      position: relative;
}

.bd-dark-section .section-title h2 {
      color: #ffffff !important;
      font-weight: 800 !important;
      font-size: 42px;
      line-height: 1.25;
      margin-bottom: 12px;
}

.bd-dark-section .section-title h2::after {
      content: "";
      display: block;
      width: 90px;
      height: 4px;
      background: linear-gradient(90deg, #d50f0f, transparent);
      margin: 14px auto 0;
      border-radius: 2px;
}

.bd-dark-section .section-title .sub-title {
      color: var(--bd-accent) !important;
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 0.4px;
}

.bd-dark-section .section-title p {
      color: rgba(255, 255, 255, 0.88) !important;
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
}

.bd-dark-section .bd-card {
      background: rgba(255, 255, 255, 0.08) !important;
      border: 1px solid rgba(255, 255, 255, 0.18) !important;
      backdrop-filter: blur(10px);
      transition: all 0.35s ease;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.bd-dark-section .bd-card:hover {
      transform: translateY(-6px);
      background: rgba(255, 255, 255, 0.12) !important;
      border-color: rgba(241, 102, 62, 0.45) !important;
}

.bd-dark-section .bd-card h4,
.bd-dark-section .bd-card h5 {
      color: #ffffff !important;
      font-weight: 700;
}

.bd-dark-section .bd-card p {
      color: rgba(255, 255, 255, 0.85) !important;
}

.bd-dark-section .bd-card h4.mb-0 {
      text-align: center;
      font-size: 22px;
      font-weight: 800;
      color: #ffffff !important;
}

/* about page  css */

.purpose-section .section-title p {
      max-width: 820px;
      margin-left: auto;
      margin-right: auto;
}

.purpose-card {
      position: relative;
      height: 100%;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.10);
      backdrop-filter: blur(10px);
      padding: 34px 28px 22px;
      overflow: hidden;
      transition: all .35s ease;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}

.purpose-card::before {
      content: "";
      position: absolute;
      inset: -2px;
      background: radial-gradient(600px circle at 20% 10%, rgba(255, 255, 255, 0.14), transparent 40%),
            radial-gradient(700px circle at 80% 60%, rgba(255, 255, 255, 0.10), transparent 45%);
      opacity: .7;
      pointer-events: none;
}

.purpose-card:hover {
      transform: translateY(-8px);
      border-color: rgba(255, 255, 255, 0.18);
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.purpose-icon {
      width: 64px;
      height: 64px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      font-size: 26px;
      margin-bottom: 18px;
      background: rgba(255, 255, 255, 0.10);
      border: 1px solid rgba(255, 255, 255, 0.14);
      position: relative;
      z-index: 1;
}

.purpose-pill {
      display: inline-flex;
      gap: 8px;
      align-items: center;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 12px;
      letter-spacing: .4px;
      font-weight: 700;
      text-transform: uppercase;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      position: relative;
      z-index: 1;
}

.purpose-title {
      margin-top: 12px;
      margin-bottom: 10px;
      font-size: 22px;
      line-height: 1.25;
      position: relative;
      z-index: 1;
}

.purpose-text {
      opacity: .92;
      position: relative;
      z-index: 1;
      margin-bottom: 18px;
}

.purpose-footer {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: 14px;
      margin-top: 18px;
      border-top: 1px dashed rgba(255, 255, 255, 0.18);
      position: relative;
      z-index: 1;
}

.purpose-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 12px;
      font-size: 13px;
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.10);
      white-space: nowrap;
}

.purpose-list {
      list-style: none;
      padding: 0;
      margin: 16px 0 0;
      display: grid;
      gap: 14px;
      position: relative;
      z-index: 1;
}

.purpose-list li {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 12px 12px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.10);
}

.purpose-list i {
      font-size: 18px;
      margin-top: 2px;
      width: 24px;
      text-align: center;
      opacity: .95;
}

.purpose-list b {
      display: block;
      font-size: 15px;
      margin-bottom: 2px;
}

.purpose-list span {
      display: block;
      opacity: .88;
      font-size: 13px;
      line-height: 1.35;
}

/* Featured middle card */
.purpose-card.is-featured {
      border: 1px solid rgba(255, 255, 255, 0.22);
      box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22);
}

.purpose-badge {
      position: absolute;
      top: 16px;
      right: 16px;
      padding: 7px 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      background: rgba(255, 255, 255, 0.12);
      border: 1px solid rgba(255, 255, 255, 0.18);
      z-index: 2;
}

/* Mobile padding */
@media (max-width: 991px) {
      .purpose-card {
            padding: 28px 20px 18px;
      }

      .purpose-title {
            font-size: 20px;
      }
}

/* ===========================
       Brand Partner Section
    ============================ */

.brand-section {
      background: #f8f9fc;
}

.brand-section .section-title h2 {
      font-weight: 700;
}

.brand-img {
      background: #ffffff;
      padding: 25px 20px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 130px;
      transition: all 0.3s ease;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.brand-img img {
      max-height: 60px;
      max-width: 120px;
      width: auto;
      object-fit: contain;
      /* filter: grayscale(100%); */
      opacity: 0.8;
      transition: all 0.3s ease;
}

/* Hover Effect */
.brand-img:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.brand-img:hover img {
      filter: grayscale(0%);
      opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
      .brand-img {
            height: 100px;
            padding: 15px;
      }

      .brand-img img {
            max-height: 45px;
      }
}

:root {
      --bd-dark: #0b1b2b;
      --bd-muted: #5b6b7a;
      --bd-white: #ffffff;
      --bd-accent: #f13e3e;
      --bd-soft: #f6f8fb;
      --bd-border: rgba(11, 27, 43, 0.10);
}

body {
      color: var(--bd-dark);
}

p {
      color: var(--bd-muted);
}

.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5 {
      color: var(--bd-dark) !important;
}

.section-title .sub-title {
      color: var(--bd-accent) !important;
      font-weight: 700;
      font-size: 15px;
}

.sub-title.style-2 {
      color: #0a0a0a !important;
}

.bd-soft-section {
      background: var(--bd-soft);
}

.bd-card {
      background: var(--bd-white);
      border: 1px solid var(--bd-border);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 10px 30px rgba(11, 27, 43, 0.06);
      height: 100%;
}

.bd-card h4,
.bd-card h5 {
      color: var(--bd-dark) !important;
}

.bd-card p {
      color: var(--bd-muted) !important;
}

/* Page hero */
.page-hero {
      position: relative;
      background-image: url('assets/img/hero/our-parter.jpg');
      background-size: cover;
      background-position: center;
      padding: 110px 0 85px;
      overflow: hidden;
}

.page-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(11, 27, 43, .88) 0%, rgba(11, 27, 43, .55) 55%, rgba(11, 27, 43, .2) 100%);
}

.page-hero .container {
      position: relative;
      z-index: 1;
}

.page-hero h1 {
      color: #fff;
      font-weight: 800;
}

.page-hero p {
      color: rgba(255, 255, 255, .86) !important;
      max-width: 750px;
}

/* Partner logo card */
.partner-logo-card {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--bd-border);
      border-radius: 16px;
      background: #fff;
      padding: 18px;
      min-height: 110px;
      box-shadow: 0 10px 25px rgba(11, 27, 43, 0.05);
      transition: all .25s ease;
}

.partner-logo-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 18px 40px rgba(11, 27, 43, 0.10);
}

.partner-logo-card img {
      max-height: 55px;
      max-width: 170px;
      width: auto;
      height: auto;
      object-fit: contain;
}

/* Highlight strip */
.bd-highlight {
      border-radius: 18px;
      padding: 26px;
      border: 1px solid var(--bd-border);
      background: linear-gradient(90deg, rgba(241, 102, 62, .10) 0%, rgba(241, 102, 62, .03) 60%, rgba(11, 27, 43, 0.00) 100%);
}

.bd-highlight h3 {
      margin: 0 0 6px;
      font-weight: 800;
      color: var(--bd-dark);
}

/* Dark CTA */
.bd-dark-cta {
      background: linear-gradient(180deg, #071b2d 0%, #040c15 100%);
      border-radius: 22px;
      padding: 34px;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, .12);
}

.bd-dark-cta h3 {
      color: #fff;
      font-weight: 800;
}

.bd-dark-cta p {
      color: rgba(255, 255, 255, .84) !important;
      margin-bottom: 0;
}

.bd-dark-cta .theme-btn {
      margin-top: 14px;
}

/* ============================================================
   Impact Section Proper Alignment
============================================================ */

.impact-section .row {
    margin-left: -12px;
    margin-right: -12px;
}

.impact-section .col-md-6,
.impact-section .col-lg-4,
.impact-section .col-xl-3 {
    padding-left: 12px;
    padding-right: 12px;
}

/* Center the 5-card layout visually */
.impact-section .row {
    justify-content: center;
}

/* Optional: better spacing on large screens */
@media (min-width: 1200px) {
    .impact-section .impact-card {
        min-height: 100px;
    }
}
.counter-box-items .icon i {
  font-size: 42px;
  color: #df5810; /* Bizdirect Red */
}