.contacthero {
  background: url("../Images/Contact_Hero.png") no-repeat center center;
  background-size: cover;
  height: 60vh; /* Adjust height */
  position: relative;
  color: white;
  text-align: center;
}
.icon-circle {
    width: 60px;
    height: 60px;
    background-color: #c7863b; /* golden-brown */
    color: white;
    font-size: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
   .map-container {
      position: relative;
      width: 100%;
      height: 450px; /* adjust height */
      border-radius: 12px;
      overflow: hidden;
    }
    iframe {
      border: 0;
      width: 100%;
      height: 100%;
    }
     .contact-section h2 {
      color: #2C3E93; /* Blue heading */
      font-weight: 700;
    }

    .contact-section p.subtitle {
      color: #e58e26; /* Orange subtitle */
      font-size: 0.95rem;
    }

    .contact-section .form-control {
      border-radius: 8px;
      padding: 12px;
    }

    .contact-section button {
      background-color: #d1904a; /* Brownish button */
      border: none;
      border-radius: 6px;
      font-weight: 600;
      text-transform: uppercase;
    }

    .contact-section button:hover {
      background-color: #b37438;
    }