.footer {
    background-color: #071a3b;
    color: #fff;
    padding: 60px 20px;
    font-size: 16px;
}

.footer-content {
    max-width: 1200px; /* Or a specific width */
    margin: 0 auto; /* Center the container itself */
    display: flex;
    justify-content: center; /* Center the sections horizontally */
    flex-wrap: wrap;
}

.footer-section {
    flex: 1;
    margin-right: 40px;
}

.footer-section:last-child {
    margin-right: 0;
}

.footer-logo {
    max-height: 60px;
    margin-bottom: 40px;
}

.footer-section h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 10px;
}

.footer-section ul li a{
    color: #fff;
    text-decoration: none;
    padding: 6px;
}

.footer-section ul li a:hover {
    color: #FFCC00;
}

.footer-section ul li i {
    margin-right: 10px;
}

.footer-bottom {
    margin-top: 45px;
    text-align: center;
    font-size: 14px;
}

@media (max-width: 863px) {
    .footer-content {
        flex-direction: column;
        align-items: center;
    }

    .footer-section {
        margin-right: 0;
        margin-bottom: 40px;
        text-align: center;
    }

    .footer-section:last-child {
        margin-bottom: 0;
    }
    .footer-section li a{
        display: block;
    }
}

/* Map Responsive */
.map-responsive {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 75%; /* Aspect Ratio 4:3 or 3:4. Adjust as needed */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    padding-bottom: 25%; /* Adjust this percentage to control the map's height */
    max-width: 900px; /* Adjust this value to control the map's maximum width */
    margin: 20px auto; /* Center the map horizontally */     
}

.map-responsive iframe {
    position: absolute;
    top: 50%; /* Move the top edge to the center */
    left: 50%; /* Move the left edge to the center */
    transform: translate(-50%, -50%); /* Shift the iframe back by 50% of its own width and height */
    width: 100%;
    height: 100%;
    max-width: 100%; /* Ensure the iframe doesn't exceed the container's width */
    max-height: 100%; /* Ensure the iframe doesn't exceed the container's height */
}