body { font-family: 'Arial', sans-serif; background-color: #f8f9fa; color: #333; }
 .hero { background: url('../images/contact/sunrise-over-munnar-tea-gardens.jpg') center/cover no-repeat; height: 400px; display: flex; align-items: center; justify-content: center; color: #fff; text-shadow: 2px 2px 6px rgba(0,0,0,0.7); }
 .hero h1 { font-size: 3.5rem; font-weight: bold; }
 .section-title { text-align: center; margin: 50px 0 30px; font-weight: 700; color: #2c3e50; }
 .form-control, .btn { border-radius: 0.3rem; }
 .contact-info h5 { font-weight: 600; }.map-responsive {
 overflow: hidden;
 padding-bottom: 40%; /* controls height ratio, e.g. 40% = medium height */
 position: relative;
 height: 0;
}
.map-responsive iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%; /* makes iframe adapt */
 border: 0;
}
/* Gradient card background */
.form-card {
 background: linear-gradient(135deg, #f8f9fa, #e3f2fd);
}

/* Gradient button */
.btn-gradient {
 background: linear-gradient(45deg, #ff6f61, #ffb347);
 color: #fff;
 border: none;
 transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-gradient:hover {
 transform: translateY(-2px);
 box-shadow: 0 6px 15px rgba(255, 111, 97, 0.4);
 color: #fff;
}