/* Page-specific styles for contact */

      /* Hero banner */
      .contact-page .contact-hero-banner {
        position: relative;
        min-height: 580px;
        display: flex;
        align-items: center;
        background-color: #0a1a3a;
        padding: 100px 0;
        overflow: hidden;
      }

      .contact-page .contact-hero-banner::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: url('../../images/contact-hero.jpg');
        background-size: cover;
        background-position: center;
        filter: blur(3px);
        transform: scale(1.05);
        z-index: 0;
      }

      .contact-page .contact-hero-banner__overlay {
        position: absolute;
        inset: 0;
        background: rgba(10, 26, 58, 0.72);
        z-index: 1;
      }

      .contact-page .contact-hero-banner .container {
        position: relative;
        z-index: 2;
      }

      .contact-page .contact-hero-banner__inner {
        max-width: 680px;
        display: flex;
        flex-direction: column;
        gap: 36px;
      }

      .contact-page .contact-hero-copy .heading-sub {
        color: rgba(255, 255, 255, 0.65);
      }

      .contact-page .contact-hero-banner .heading-title {
        color: #ffffff;
      }

      .contact-page .contact-hero-banner .heading-desc {
        color: rgba(255, 255, 255, 0.72);
      }

      .contact-page .contact-hero-banner__ctas {
        display: flex;
        align-items: center;
        gap: 28px;
        flex-wrap: wrap;
      }

      .contact-page .contact-hero-email-label {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.72);
        display: flex;
        align-items: center;
        gap: 24px;
      }

      .contact-page .contact-hero-email-link {
        font-size: 15px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.85);
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1.5px;
        transition: color 0.2s ease;
      }

      .contact-page .contact-hero-email-link:hover {
        color: #ffffff;
      }

      .contact-page .contact-hero-response-note {
        margin: 0;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.45);
      }

      .contact-page .contact-hero-email {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        color: #ffffff;
      }

      .contact-page .contact-hero-email .copy-icon-btn {
        border: 0;
        padding: 4px;
        background: transparent;
        color: rgba(255, 255, 255, 0.55);
        font-size: 17px;
        line-height: 1;
        cursor: pointer;
        border-radius: 4px;
        transition: color 0.2s ease, background 0.2s ease;
        display: inline-flex;
        align-items: center;
      }

      .contact-page .contact-hero-email .copy-icon-btn:hover {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.1);
      }

      .contact-page .contact-hero-email .action-link {
        color: rgba(255, 255, 255, 0.80);
        font-size: 14px;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1.5px;
      }

      .contact-page .contact-hero-email .action-link:hover {
        color: #ffffff;
      }

      /* Secondary cards section */
      .contact-secondary-section {
        border-top: 1px solid rgba(17, 17, 17, 0.07);
        padding: 60px 0;
        background: #f7f9fc;
      }

      .contact-secondary-row {
        row-gap: 24px;
      }

      .contact-secondary-card {
        height: 100%;
        padding: 32px;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid rgba(17, 17, 17, 0.08);
        box-shadow: 0 10px 32px rgba(17, 17, 17, 0.04);
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .contact-secondary-card__header {
        display: flex;
        align-items: center;
        gap: 14px;
      }

      .contact-secondary-card__icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        background: rgba(0, 87, 252, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        color: var(--NKORR_Blue);
        flex-shrink: 0;
      }

      .contact-secondary-card__title {
        font-size: 20px;
        font-weight: 600;
        color: #111111;
        margin: 0;
      }

      .contact-secondary-card__desc {
        font-size: 15px;
        color: #475467;
        line-height: 1.6;
        margin: 0;
        flex: 1;
      }

      .contact-secondary-card__btn {
        align-self: flex-start;
      }

      .contact-secondary-card__email-link {
        font-size: 15px;
        font-weight: 600;
        color: var(--NKORR_Blue);
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1.5px;
        transition: color 0.2s ease;
      }

      .contact-secondary-card__email-link:hover {
        color: #003fb7;
      }

      .contact-general-email {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        color: #111111;
      }

      .contact-general-email .action-link {
        color: var(--NKORR_Blue);
        font-size: 14px;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1.5px;
      }

      .contact-general-email .action-link:hover {
        color: #003fb7;
      }

      /* Copy button shared */
      .contact-page .copy-email-btn.copy-icon-btn {
        border: 0;
        padding: 4px;
        background: transparent;
        color: #98a2b3;
        font-size: 17px;
        line-height: 1;
        cursor: pointer;
        border-radius: 4px;
        transition: color 0.2s ease, background 0.2s ease;
        display: inline-flex;
        align-items: center;
      }

      .contact-page .copy-email-btn.copy-icon-btn:hover,
      .contact-page .copy-email-btn.copy-icon-btn:focus-visible {
        color: var(--NKORR_Blue);
        background: rgba(0, 87, 252, 0.07);
      }

      /* Location section */
      .contact-locations-section {
        border-top: 1px solid rgba(17, 17, 17, 0.07);
        padding: 60px 0;
      }

      .contact-locations-heading {
        margin-bottom: 36px;
        text-align: center;
      }

      .contact-locations-title {
        font-size: 20px;
        font-weight: 600;
        color: #111111;
        margin: 0;
      }

      .contact-location-address {
        font-style: normal;
        font-size: 15px;
        color: #475467;
        line-height: 1.7;
        margin: 0;
        flex: 1;
      }

      .contact-location-directions {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 600;
        color: var(--NKORR_Blue);
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1.5px;
        transition: color 0.2s ease;
      }

      .contact-location-directions:hover {
        color: #003fb7;
      }

      @media (max-width: 991.98px) {
        .contact-page .contact-hero-banner__inner {
          max-width: 100%;
        }

        .contact-secondary-card__btn {
          align-self: stretch;
          text-align: center;
        }
      }