/* Contact Hero Section */
  .contact-hero {
      padding: 140px 0 80px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
      position: relative;
  }

  .contact-title {
      font-weight: 900;
      font-size: 3.5rem;
      margin-bottom: 20px;
      color: #222;
      line-height: 1.2;
  }

  .contact-subtitle {
      font-size: 1.4rem;
      color: var(--gold-color);
      margin-bottom: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .contact-subtitle i {
      margin-left: 10px;
  }

  .contact-description {
      font-size: 1.2rem;
      line-height: 1.8;
      color: #555;
      margin-bottom: 30px;
      text-align: center;
      max-width: 700px;
      margin-right: auto;
      margin-left: auto;
  }

  /* Contact Section */
  .contact-section {
      padding: 80px 0;
      background: white;
  }

  .section-title {
      margin-bottom: 50px;
      font-weight: 800;
      color: #222;
      position: relative;
      font-size: 2.2rem;
      padding-bottom: 15px;
      text-align: center;
  }

  .section-title::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 50%;
      transform: translateX(50%);
      width: 100px;
      height: 4px;
      background: var(--gold-color);
      border-radius: 2px;
  }

  /* Contact Cards */
  .contact-card {
      background: white;
      padding: 40px 30px;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      margin-bottom: 30px;
      border-top: 4px solid var(--gold-color);
      height: 100%;
      transition: var(--transition);
  }

  .contact-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  }

  .contact-icon {
      font-size: 3rem;
      color: var(--gold-color);
      margin-bottom: 20px;
      text-align: center;
  }

  .contact-card-title {
      font-weight: 700;
      margin-bottom: 20px;
      color: #222;
      text-align: center;
      font-size: 1.4rem;
  }

  .contact-info {
      color: #555;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .contact-info i {
      color: var(--gold-color);
      margin-left: 10px;
      font-size: 1.2rem;
  }

  /* Social Icons */
  .social-section {
      margin-top: 30px;
  }

  .social-title {
      font-weight: 700;
      margin-bottom: 20px;
      color: #222;
      text-align: center;
      font-size: 1.2rem;
  }

  .social-icons {
      display: flex;
      justify-content: center;
      gap: 15px;
  }

  .social-icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: var(--light-gold);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--gold-color);
      transition: var(--transition);
      font-size: 1.3rem;
  }

  .social-icon:hover {
      background-color: var(--gold-color);
      color: white;
      transform: translateY(-5px);
  }

  /* Contact Form */
  .form-card {
      background: white;
      padding: 40px;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      border-right: 4px solid var(--gold-color);
      height: 100%;
  }

  .form-title {
      font-weight: 700;
      color: var(--gold-color);
      margin-bottom: 30px;
      font-size: 1.5rem;
      text-align: center;
  }

  .form-control {
      padding: 15px 20px;
      border-radius: 12px;
      margin-bottom: 25px;
      border: 1px solid #e0e0e0;
      font-size: 1rem;
      transition: var(--transition);
      background: #f9f9f9;
  }

  .form-control:focus {
      border-color: var(--gold-color);
      box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25);
      background: white;
  }

  textarea.form-control {
      min-height: 150px;
      resize: vertical;
  }

  .submit-btn {
      background: linear-gradient(135deg, var(--gold-color) 0%, var(--gold-dark) 100%);
      color: white;
      padding: 15px 35px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 1.2rem;
      border: none;
      transition: var(--transition);
      box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
      display: block;
      width: 100%;
      margin-top: 10px;
  }

  .submit-btn:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(212, 175, 55, 0.5);
  }

  /* Map Section */
  .map-section {
      padding: 80px 0;
      background: var(--light-bg);
  }

  .map-card {
      background: white;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      border-top: 4px solid var(--gold-color);
  }

  .map-title {
      font-weight: 700;
      color: var(--gold-color);
      margin-bottom: 25px;
      font-size: 1.5rem;
      text-align: center;
  }

  .map-container {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      height: 400px;
  }

  .map-container iframe {
      width: 100%;
      height: 100%;
      border: none;
  }

  /* Responsive Adjustments */
  @media (max-width: 1200px) {
      .contact-title {
          font-size: 3rem;
      }
  }

  @media (max-width: 992px) {
      .contact-title {
          font-size: 2.5rem;
      }

      .section-title {
          font-size: 2rem;
      }

      .contact-card,
      .form-card {
          margin-bottom: 30px;
      }
  }

  @media (max-width: 768px) {
      .contact-title {
          font-size: 2.2rem;
      }

      .section-title {
          font-size: 1.8rem;
      }

      .contact-description {
          font-size: 1.1rem;
      }

      .form-card {
          padding: 30px 25px;
      }

      .contact-card {
          padding: 30px 25px;
      }
  }

  @media (max-width: 576px) {
      .contact-title {
          font-size: 2rem;
      }

      .contact-subtitle {
          font-size: 1.2rem;
      }

      .form-card,
      .contact-card {
          padding: 25px 20px;
      }

      .social-icons {
          gap: 10px;
      }

      .social-icon {
          width: 45px;
          height: 45px;
          font-size: 1.2rem;
      }
  }