h1, h2, h3, h4 {
      font-family: 'Playfair Display', serif;
    }
    .text-gold { color: #D4AF37; }
    .btn-gold {
      background: #D4AF37;
      color: #111;
      font-weight: 600;
      border-radius: 8px;
      transition: 0.3s;
    }
    .btn-gold:hover { background: #b8952e; color: #fff; }

    /* Split Layout */
    .contact-section {
      display: flex;
      min-height: 100vh;
    }
    .contact-left {
      flex: 1;
      background: url('../imgs/contact-1.png') center/cover no-repeat;
      position: relative;
    }
    .contact-left::after {
      content: "";
      position: absolute;
      inset: 0;
      /* background: rgba(17, 17, 17, 0.85); */
    }
    .contact-left .content {
      position: relative;
      z-index: 2;
      padding: 80px 50px;
    }

    .lead{
        color: #f3ebeb;
    }

    .contact-info {
      margin-top: 30px;
    }
    .contact-info p {
        color: #f3ebeb;
      margin-bottom: 15px;
      font-size: 1.1rem;
    }
    .contact-info i {
      color: #D4AF37;
      margin-right: 10px;
    }
    .social-icons a {
      margin-right: 12px;
      font-size: 1.4rem;
      color: #D4AF37;
      transition: 0.3s;
    }
    .social-icons a:hover { color: #fff; }

    /* Right Form Glass */
    .contact-right {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #1a1a1a 0%, #111 100%);
      padding: 40px;
    }
    .form-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 15px;
      padding: 40px;
      width: 100%;
      max-width: 500px;
      backdrop-filter: blur(10px);
      box-shadow: 0 0 30px rgba(0,0,0,0.6);
    }
    .form-control {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.2);
      color: #fff;
      border-radius: 8px;
    }
    .form-control:focus {
      border-color: #D4AF37;
      box-shadow: 0 0 10px rgba(212,175,55,0.5);
    }
    .form-control::placeholder {
      color: #aaa;
    }

    .map-container {
  border: 2px solid #D4AF37;
  border-radius: 12px;
  overflow: hidden;
  margin: 20px;
  box-shadow: 0 0 20px rgba(212,175,55,0.3);
}
.map-container iframe {
  display: block;
  width: 100%;
  height: 450px;
}


    /* Responsive */
    @media (max-width: 991px) {
      .contact-section { flex-direction: column; }
      .contact-left, .contact-right { flex: unset; width: 100%; }
      .contact-left { text-align: center; }
    }