/*===================== SECTION FIRST OF WEBSITE ===========================*/

header .navbar {
    background-color: #284D9A !important;
}

.insurances {
    padding: 2vw 8.928vw 5vw 8.928vw;
    width: 100%;
}

.insurance-section {
    background-color: #f0f7ff;
    padding: 3.13vw 8.928vw;
    text-align: center;
}

.insurance-section h2 {
    font-size: 5vw;
    font-weight: 900;
    color: #3791A6;
    margin-bottom: 2.08vw;
}

.insurance-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.08vw;
}

.insurance-logos a {
    width: 18.25vw;
    padding: 3vw;
    height: auto;
    cursor: default;
    transition: all .5s ease-in-out;
}

.insurance-logos a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.insurance-logos img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {

    /* ========== 4. Assurances acceptées ========== */

    .insurance-section {
        padding: 6vw 4vw;
    }

    .insurance-section h2 {
        font-size: 6vw;
        text-align: center;
        margin-bottom: 5vw;
    }

    .insurance-logos {
        display: flex;
        flex-wrap: wrap;
        gap: 2vw;
        justify-content: center;
        align-items: center;
    }

    .insurance-logos a {
        flex: 1 1 28vw;
        max-width: 28vw;
        padding: 2vw;
        background: white;
        border-radius: 2vw;
        box-shadow: 0 0.5vw 1.5vw rgba(0, 0, 0, 0.05);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .insurance-logos img {
        width: 100%;
        height: auto;
    }


}