@media (max-width: 1200px) {
    .c-cont {
        width: 100%;
        min-width: 0;
    }
}

.c-2 {
    width: 60%;
    height: 100%;
    overflow: hidden;
}

#mapid {
    height: 100%;
    width: 100%;
    /* min-width: 500px; */
    /* min-height: 500px; */
    position: relative;
    /* Ensure the position is set correctly */
    min-height: 500px;
    /* Fallback height to avoid shrinking */
    z-index: 0;
    -webkit-transition: 0s;
    transition: 0s;
    transform: none !important;
    /* Disables hardware acceleration */
    overflow: hidden;
}

.social-icons-otto {
    background-color: #31789f;
}

@media (max-width: 1200px) {
    .c-cont {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .c-cont {
        overflow: unset;
        height: 500px;
    }

    .footer-container-otto {
        padding: 0 !important;
        margin: 0 !important;
        gap: 0;
        max-width: 100% !important;
        height: auto;
    }

    .footer-otto {
        padding: 0 !important;
        margin: 0 !important;
        gap: 0;
    }

    .footer-contact-otto {
        padding: 20px 26px;
    }
}

.c-1 {
    width: 30%;
}