 body { font-family: 'Inter', sans-serif; color: #333; }
         .text-danger{
            color: #FA352F;
         }
        /* Navigation */
        .navbar-brand { font-weight: 700; color: #0C59C0  !important; font-size: 20px; margin:0px; padding:0px; }
        .nav-link { font-size: 0.85rem; font-weight: 400; text-transform: uppercase; color: #000000; margin: 0 10px; }
        .navbar-brand { margin:0px; padding:0px; }
        .navbar-brand img { 
            height:24px;
            width:auto;
            margin:0px; 
            padding-bottom:2px; }
        
        /* hero section  */
.hero_section {
    background-color: #0C59C0 ;
    padding:55px 0px;
}
       .hero_section .contact-card {
    background-color: #f0f7ff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hero_section .form-container {
    background-color: #f0f7ff;
}

/* Matching the soft inset shadow on inputs */
.hero_section .custom-input {
    border: none;
    border-radius: 8px;
    background-color: #f8f9fa;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.1);
    padding: 12px;
}

.hero_section .custom-input:focus {
    background-color: #fff;
    box-shadow: 0 0 0 0.25rem #3586dc40;
    border-color: #fa352f;
}

.hero_section .info-item i {
    display: block;
}

.hero_section .btn-danger {
    background-color: #FA352F;
    border: none;
    font-weight: 500;
}
.hero_section i{
    font-size: 45px;
    margin-bottom: 10px;
}

/* map  */

.map-section {
    background-color: #f8f9fa; /* Light background to make the white cards pop */
}


.map-section .header-card h2 {
    /* font-size: 2.5rem; */
    color: #0C59C0;
}

/* Map container styling */
.map-section .map-wrapper {
    
    border: 1px solid #dee2e6;
    background: #fff;
}

.map-section .map-wrapper iframe {
    display: inline; /* Removes bottom whitespace */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .map-section .header-card h2 {
        font-size: 1.8rem;
    }
    .map-section .map-wrapper iframe {
        height: 350px;
    }
}
  

        
        /* Footer */
        footer { background-color: #f8f9fa; padding: 60px 0 20px 0; border-top: 1px solid #eee; }
        .footer-logo { color: #0C59C0 ; font-weight: 700; font-size: 1.5rem; }
        .footer-heading { font-weight: 700; font-size: 1rem; margin-bottom: 20px; }
        .footer-links { list-style: none; padding: 0; }
        .footer-links li { margin-bottom: 10px; font-size: 0.9rem; color: #666; }
        .footer-links a { text-decoration: none; color: #000; }
        .footer-links a:hover,
        .footer-links a:focus,
        .footer-links a:visited { color: #000; }
        .copyright { border-top: 1px solid #ddd; padding-top: 20px; font-size: 0.8rem; color: #999; text-align: center; margin-top: 40px; }
        .footer-logo img { 
            height:24px;
            width:auto;
        }