/* CSS for Contact flexible section */ 
/* Main Css style.css */


.contact__map {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

    .contact__map iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.contact__title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-primary);
}

.contact__address {
    font-size: 1.2rem;
    font-weight: 400;
}

.contact__phone {
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .contact__phone a {
        text-decoration: none;
        color: var(--color-primary);
    }

    .contact__telegram, .contact__whatsapp {
        width: 35px;
        height: 35px;
        background-color: var(--color-primary);
        border-radius: 50%;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

        .contact__telegram img, .contact__whatsapp img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        .contact__telegram:hover, .contact__whatsapp:hover {
            outline: 2px solid var(--color-primary);
            outline-offset: 2px;
        }

.contact__email {
    font-size: 1.2rem;
    font-weight: 400;
}

.contact__social_media ul li {
    list-style: none!important;
}

    .contact__social_media ul li a {
        width: 35px;
        height: 35px;
        background-color: var(--color-secondary);
        border-radius: 50%;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }
        .contact__social_media ul li a img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        .contact__social_media ul li a:hover {
            outline: 2px solid var(--color-secondary);
            outline-offset: 2px;
        }