.KUD {
    font-size: 40px;

}

/* Footer styling */
.footer-otto {
    background-color: #31789f;
    padding: 30px 20px;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center
}

.footer-container-otto {
    background-color: #31789F;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    height: 400px;
}

/* Contact Section */
.footer-contact-otto {
    flex: 1;
    text-align: left;
}

.footer-contact-otto h2 {
    font-size: 24px;
    /* margin-bottom: 20px; */
}

.footer-contact-otto p {
    margin-bottom: 15px !important;
}

.footer-contact-otto a {
    color: #E9E7E1;
    text-decoration: none;
}

.footer-contact-otto a:hover {
    text-decoration: underline;
}

/* Address and Social Icons Section */
.footer-social-otto {
    flex: 1;
    text-align: left;
    /* Align text to the left */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Align items to the start */
}

.footer-social-otto h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.footer-social-otto p {
    margin-bottom: 20px;
    text-align: left;
    /* Left-align paragraph text */
}

.social-icons-otto {
    display: flex;
    gap: 15px;
    margin-top: 10px;
    margin-left: -10px;
}

.social-icons-otto a {
    display: inline-block;
}

.social-icons-otto img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s;
    filter: invert(1) brightness(100%);
}

.social-icons-otto img:hover {
    transform: scale(1.1);
}

/* Map Section */
.footer-map-otto {
    flex: 2;
    text-align: left;
}

.footer-map-otto iframe {
    width: 1000px;
    max-width: 600px;
    height: 250px;
    /* Adjusted height */
    border: none;
}

.horizontal-line {
    width: 100%;
    /* Full width */
    height: 2px;
    /* Line thickness */
    background-color: #E9E7E1;
    margin-bottom: 10px;
    /* Line color */
}

/* Responsive Design */
@media (max-width: 768px) {
    .footer-container-otto {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-contact-otto,
    .footer-social-otto,
    .footer-map-otto {
        width: 100%;
        padding: 0;
    }

    .footer-map-otto iframe {
        max-width: 100%;
        height: 180px;
        /* Adjusted height for smaller screens */
    }

    .social-icons-otto {
        justify-content: center;
        margin: 0 !important;
        padding: 15px 0 !important;
    }

    .social-icons-otto img {
        width: 35px;
        height: 35px;
    }

    .footer-contact-otto:first-child {
        margin-top: 20px;
    }

    .footer-contact-otto p {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 480px) {
    .footer-map-otto iframe {
        height: 300px;
        /* Further adjusted height for very small screens */
    }

    .social-icons-otto img {
        width: 30px;
        height: 30px;
    }

    .footer-container-otto {
        gap: 10px;
    }

    .social-icons-otto {
        width: 100%;
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
    }

    .footer-contact-otto:first-child {
        margin-top: 0 !important;
    }
}