.main-site-header {
      position: sticky !important;
  }


  /*
======================================================
CONTACT SECTION PRO
======================================================
*/

  /* Section Styling */
  .contact-section-pro {
      position: relative;
      padding: 60px 0;
      overflow: hidden;
      background: #F5F5F5;
      background: var(--white);
      font-family: var(--font-primary);
  }

  .contact-section-pro::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -8px;
      height: 8px;
      box-shadow: var(--section-bottom-shadow);
      pointer-events: none;
  }

  .contact-section-pro::before {
      content: "";
      position: absolute;
      inset: 0;
      /* exactly overlays the section's box */
      border: 8px solid #0f4c46;
      /* the visible frame */
      border-radius: 28px;
      /* same radius as the section itself */
      pointer-events: none;
      /* lets clicks reach real content */
  }


  /* ---- Decorative absolute shapes ---- */
  .contact-section-pro .contact-section-pro__shape {
      position: absolute;
      border-radius: 50%;
      z-index: 0;
      pointer-events: none;
  }

  .contact-section-pro .contact-section-pro__shape--one {
      width: 320px;
      height: 320px;
      top: -120px;
      right: -100px;
      background: radial-gradient(circle, rgba(145, 134, 0, 0.10) 0%, rgba(145, 134, 0, 0) 70%);
  }

  .contact-section-pro .contact-section-pro__shape--two {
      width: 260px;
      height: 260px;
      bottom: -100px;
      left: -80px;
      background: radial-gradient(circle, rgba(89, 74, 0, 0.08) 0%, rgba(89, 74, 0, 0) 70%);
  }

  /* ---- Card wrapper ---- */
  .contact-section-pro .contact-section-pro__card {
      position: relative;
      z-index: 1;
      background: var(--white);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
      border: 1px solid var(--border-color);
  }

  /* ---- Left form panel ---- */
  .contact-section-pro .contact-section-pro__form-area {
      padding: 1.5rem 2rem 2.5rem 2rem;
  }

  .contact-section-pro .contact-section-pro__form-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 0.6rem;
      letter-spacing: -0.5px;
  }

  .contact-section-pro .contact-section-pro__form-subtitle {
      font-size: 0.95rem;
      color: var(--text-muted);
      line-height: 1.65;
      margin-bottom: 2rem;
  }

  /* ---- Labels ---- */
  .contact-section-pro .contact-section-pro__label {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      margin-bottom: 0.5rem;
  }

  .contact-section-pro .contact-section-pro__label i {
      font-size: 0.85rem;
  }

  /* ---- Inputs ---- */
  .contact-section-pro .contact-section-pro__input {
      width: 100%;
      border: 1px solid var(--primary-color);
      border-radius: var(--radius);
      padding: 0.8rem 1rem;
      font-size: 0.9rem;
      color: var(--text-dark);
      transition: all 0.25s ease-in-out;
  }

  .contact-section-pro .contact-section-pro__input::placeholder {
      color: #a0aec0;
  }

  .contact-section-pro .contact-section-pro__input:focus {
      background-color: var(--white);
      border-color: var(--primary-color);
      box-shadow: 0 0 0 3px rgba(145, 134, 0, 0.15);
      outline: none;
  }

  .contact-section-pro textarea.contact-section-pro__input {
      resize: none;
  }

  /* ---- Submit button ---- */
  .contact-section-pro .contact-section-pro__btn {
      background-color: var(--primary-color);
      color: var(--white);
      border: 1px solid var(--primary-color);
      border-radius: var(--radius);
      padding: 0.9rem 1.75rem;
      font-size: 1rem;
      font-weight: 700;
      /* width: 100%; */
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      cursor: pointer;

  }

  .contact-section-pro .contact-section-pro__btn:hover {
      background-color: var(--primary-light);
      color: var(--primary-color);
  }

  /* ---- Right map panel ---- */
  .contact-section-pro .contact-section-pro__map-area {
      min-height: 480px;
  }

  .contact-section-pro .contact-section-pro__map-area iframe {
      width: 100%;
      height: 100%;
      min-height: 480px;
      border: 0;
      display: block;
  }

  /* ---- Responsive ---- */
  @media (max-width: 991.98px) {
      .contact-section-pro {
          padding: 60px 0;
      }

      .contact-section-pro .contact-section-pro__form-area {
          padding: 2.25rem 1.5rem;
      }

      .contact-section-pro .contact-section-pro__form-title {
          font-size: 1.6rem;
      }

      .contact-section-pro .contact-section-pro__map-area,
      .contact-section-pro .contact-section-pro__map-area iframe {
          min-height: 380px;
      }
  }