/*
Map Section Styles - RODA
Full-width Canvas Google Maps integration
*/

/* About Time Table Section with Full-width Map */
.about-time-table {
    background: #fff;
    padding: 0;
    margin: 0;
}

/* Full-width Map Container */
.about-time-table .col-12 {
    padding: 0;
}

/* Canvas Google Map Styling - Full Width */
#google-map4 {
    height: 400px;
    width: 100%;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    #google-map4 {
        height: 300px;
    }
}

@media (max-width: 576px) {
    #google-map4 {
        height: 250px;
    }
}

/* Animation for section load */
.about-time-table {
    animation: mapSectionFadeIn 0.8s ease-out;
}

@keyframes mapSectionFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}