/* ───────────────────────────────────────────
       SECTION
    ─────────────────────────────────────────── */
    .contact-hero-section {
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      padding: 85px 0 0;
      text-align: center;
    }
 
    /* ───────────────────────────────────────────
       TAG
    ─────────────────────────────────────────── */
    .contact-hero-section__tag-wrapper {
      margin-bottom: 15px;
    }
 
    .contact-hero-section__tag {
      color: rgba(0, 0, 0, 0.5);
      font-family: Inter;
      font-weight: 500;
      font-size: 12px;
      line-height: 28px;
      letter-spacing: 0.10em;
      text-align: center;
      text-transform: uppercase;
    }
 
    /* ───────────────────────────────────────────
       HEADING
    ─────────────────────────────────────────── */
    .contact-hero-section__heading-wrapper {
      margin: 0 0 15px;
    }
 
    .contact-hero-section__heading {
      color: #000;
      padding: 0;
      margin: 0;
      font-family: Biotif;
      font-weight: 700;
      font-size: 54px;
      line-height: 65px;
      letter-spacing: 0;
      text-align: center;
    }
 
    /* ───────────────────────────────────────────
       SUBTITLE
    ─────────────────────────────────────────── */
    .contact-hero-section__desc-wrapper p {
      color: rgba(0, 0, 0, 0.8);
      padding: 0;
      margin: 0;
      font-family: Inter;
      font-weight: 400;
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0;
      text-align: center;
    }
 
    /* ───────────────────────────────────────────
       RESPONSIVE — 1280px
    ─────────────────────────────────────────── */
    @media (max-width: 1280px) {
      .contact-hero-section__heading {
        font-size: 54px;
      }
    }
 
    /* ───────────────────────────────────────────
       RESPONSIVE — 1024px
    ─────────────────────────────────────────── */
    @media (max-width: 1024px) {
      .contact-hero-section {
        padding: 80px 20px 0;
      }
 
      .contact-hero-section__heading {
        font-size: 45px;
        line-height: 55px;
      }
    }
 
   @media (max-width: 767px) {
      .contact-hero-section {
        padding: 50px 15px 0;
      }
 
      .contact-hero-section__heading {
        font-size: 32px;
        line-height: 38px;
      }
 
      .contact-hero-section__desc-wrapper p {
        font-size: 15px;
      }
    }