/*blank template*/
:root {
      --csm-primary: #8b141c;
      --csm-primary-dark: #6f1016;
      --csm-accent: #ffc107;
      --csm-bg-soft: #f8f9fb;
      --csm-text-dark: #1b1f24;

      /* Align Bootstrap primary with brand color */
      --bs-primary: #8b141c;
      --bs-primary-rgb: 139, 20, 28;
      --bs-link-color: #8b141c;
      --bs-link-hover-color: #6f1016;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        sans-serif;
      color: var(--csm-text-dark);
      background-color: #ffffff;
    }

    .navbar-brand span {
      font-weight: 700;
      letter-spacing: 0.03em;
    }

    .navbar-logo {
      height: 72px;
      width: auto;
    }

    .top-header {
      background-color: #ffffff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
      font-size: 0.9rem;
    }

    .top-header .contact-item {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      margin-right: 1.25rem;
      white-space: nowrap;
    }

    .top-header .contact-item i {
      color: var(--csm-primary);
    }

    .top-header .social-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      border-radius: 999px;
      color: #ffffff;
      background-color: var(--csm-primary);
      border: 1px solid transparent;
      margin-left: 0.35rem;
      transition: all 0.15s ease-in-out;
    }

    .top-header .social-link:hover {
      background-color: var(--csm-primary-dark);
      color: #ffffff;
    }

    .top-header .contact-icon-link {
      width: 30px;
      height: 30px;
      border-radius: 999px;
      background-color: var(--csm-primary);
      color: #ffffff;
      border: 1px solid transparent;
      margin-right: 0.35rem;
      transition: all 0.15s ease-in-out;
    }

    .top-header .contact-icon-link:hover {
      background-color: var(--csm-primary-dark);
      color: #ffffff;
    }

    .top-header .contact-text {
      font-weight: 600;
    }

    @media (max-width: 575.98px) {
      .top-header .contact-text {
        display: none;
      }

      .top-header .contact-icon-link {
        display: inline-flex;
      }
    }

    .stat-card {
      background: #ffffff;
      border-radius: 1.25rem;
      padding: 1.5rem 1.75rem;
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
      border: 1px solid rgba(15, 23, 42, 0.05);
    }

    .stat-value {
      font-size: 2rem;
      font-weight: 800;
      color: var(--csm-primary);
    }

    .stat-label {
      font-size: 0.9rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #6c757d;
    }

    .stats-strip {
      background: var(--csm-primary);
      color: #ffffff;
    }

    .stats-strip .stat-card {
      background: transparent;
      border-radius: 0;
      box-shadow: none;
      border: none;
      padding: 0.5rem 0;
    }

    .stats-strip .stat-label {
      color: rgba(255, 255, 255, 0.75);
    }

    .stats-strip .stat-value {
      color: var(--csm-accent);
      font-size: 1.7rem;
    }

    .section-label {
      font-size: 0.85rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      font-weight: 600;
      color: var(--csm-primary);
    }

    .section-title {
      font-weight: 700;
      margin-bottom: 0.75rem;
    }

    .section-bg-soft {
      background-color: var(--csm-bg-soft);
    }

    .card-soft {
      border-radius: 1.25rem;
      border: 1px solid rgba(15, 23, 42, 0.07);
      border-top: 3px solid rgba(139, 20, 28, 0.55);
      background: #ffffff;
    }

    .btn-pill {
      border-radius: 999px;
      padding-inline: 1.4rem;
      font-weight: 600;
    }

    .btn-primary-soft {
      background-color: rgba(139, 20, 28, 0.08);
      color: var(--csm-primary-dark);
      border-color: transparent;
    }

    .btn-primary-soft:hover {
      background-color: rgba(139, 20, 28, 0.16);
      color: var(--csm-primary-dark);
    }

    .btn-primary {
      background-color: var(--csm-accent);
      border-color: var(--csm-accent);
      color: #212529;
    }

    .btn-primary:hover {
      background-color: #e0ac05;
      border-color: #e0ac05;
      color: #212529;
    }

    .highlight-pill {
      border-radius: 999px;
      padding: 0.35rem 0.9rem;
      background: rgba(255, 193, 7, 0.12);
      color: #856404;
      font-size: 0.8rem;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
    }

    .footer {
      border-top: 1px solid rgba(0, 0, 0, 0.08);
      background: #560b10;
      color: #f8f9fa;
    }

    .footer a {
      color: #f8d7da;
      text-decoration: none;
    }

    .footer a:hover {
      text-decoration: underline;
      color: #ffffff;
    }

    .footer-brand {
      font-weight: 600;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .footer .social-link {
      border-color: rgba(248, 249, 250, 0.4);
      color: #f8f9fa;
      background-color: transparent;
    }

    .footer .social-link:hover {
      background-color: #f8f9fa;
      color: var(--csm-primary);
    }

    .scroll-top-btn {
      position: fixed;
      bottom: 1.5rem;
      right: 1.5rem;
      z-index: 1030;
      display: none;
    }

    @media (min-width: 992px) {
      .hero-section {
        padding-top: 7rem;
        padding-bottom: 6rem;
      }
    }