/* ================= Contact HERO SECTION ================= */
.inner-hero{
    margin-top: 0;
}
.section-title {
  color: #1E8E3E;
}
.contact-section{
    margin-bottom: 30px;
}
/* =================Contact Info ================= */
/* <!-- LEFT SIDE - CONTACT INFO --> */
.contact-box{
    background: #fff;
}

/* <!-- RIGHT SIDE - FORM --> */
.contact-form {
    background: #fff;
    border-radius: 15px;
}
.custom-input {
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #ddd;
    transition: 0.3s ease;
}
.custom-input:focus {
    border-color: #1E8E3E;
    box-shadow: 0 0 0 0.2rem rgba(30,142,62,0.15);
}
.error-text {
    color: red;
    font-size: 13px;
}
/* ================= GOOGLE MAP ================= */
.map-section {
    padding: 60px 0;
    background: #f8f9fa;
}
.map-wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}
.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 768px) {
    .map-wrapper {
        height: 300px;  
        border-radius: 15px;
    }
    .map-section {
        padding: 40px 15px;
    }
}