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

/* SECTION DES SERVICES */

/* MODEL FALSE */

.details {

    padding: 0vw 8.928vw 0vw 8.928vw;
    gap: 2.13541vw;
}


.details .content-left {
    width: 41.770vw;
    margin-top: 0vw;
}

.details .content-left .text-details {
    margin-bottom: 3.2vw;
    font-family: var(--font-name);
    font-weight: 400;
    font-size: 1.302vw;
    line-height: 2.08vw;
}

/* .details .content-left .list-general {
    gap: 1.56vw;
} */
.details .content-left .list-general {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
}

.details .content-left .list-general .one-general {
    background-color: hsla(0, 0%, 100%, 0.50);
    border-radius: 0.781vw 2.6041vw 0px 0.781vw;
    box-shadow: -25px 25px 50px 0px #00000026;
    backdrop-filter: blur(10px);
    padding: 0.9895vw 0.7291vw 0.7291vw 3.07291vw;
    position: relative;
    gap: 1vw;
}

.details .content-left .list-general .one-general::before {
    content: "";
    position: absolute;
    display: block;
    width: 1.458vw;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 25px;
}

.details .content-left .list-general .one-general .title {
    font-family: var(--font-name);
    font-weight: 600;
    font-size: 1.82291vw;
    line-height: normal;
}

.details .content-left .list-general .one-general .description {
    font-family: var(--font-name);
    font-weight: 400;
    font-size: 1.302vw;
    line-height: 1.82291vw;
    color: black;
    width: 24.7916vw;
}


.details aside.specialities {
    gap: 2.002vw;
    padding: 2.01145vw 2.9166vw;
    background: white;
    border-top: 6px solid #F38430;
    width: 38.75vw;
    margin-top: 2vw;
    box-shadow: -25px 25px 50px 0px #00000026;
    border-radius: 0 0 25px 25px;
    height: fit-content;
}

.details aside .title {
    font-family: var(--font-name);
    font-weight: 700;
    font-size: 2.60416vw;
    line-height: normal;
    text-transform: uppercase;
    color: #F38430;
}

.details aside .list-speciality {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
}

.details aside .list-speciality .one-speciality i {
    color: #F38430;
    transition: all .5s ease-in-out;
}

.details aside .list-speciality .one-speciality:hover i {
    color: black;
    transition: all .5s ease-in-out;
}

.details aside .list-speciality .one-speciality span {
    font-family: var(--font-name);
    font-weight: 500;
    font-size: 1.302vw;
    line-height: normal;
    text-transform: capitalize;
    transition: all .5s ease-in-out;
}

.details aside .list-speciality .one-speciality:hover span {
    color: #F38430;
    transition: all .5s ease-in-out;
}

/* MODEL TRUE */

.list-rooms {
    padding: 2vw 8.928vw 0vw 8.928vw;
    gap: 4.89vw;
}

.list-rooms .one-room {
    gap: 5.052vw;
}

.list-rooms .one-room .content-left {
    gap: 1.5vw;
    width: 36.97vw;
}

.list-rooms .one-room .content-left .title {
    font-family: var(--font-name);
    line-height: 3.385vw;
}

.list-rooms .one-room .content-left .title span:nth-child(1) {
    font-weight: 800;
    font-size: 2.8645vw;
    color: #284D9A80;
}

.list-rooms .one-room .content-left .title span:nth-child(2) {
    font-weight: 800;
    font-size: 4.270vw;
    color: #284D9A;
    text-transform: uppercase;
}

.list-rooms .one-room .content-left .description {
    font-family: var(--font-name);
    font-weight: 400;
    font-size: 1.30208vw;
    line-height: 2.083vw;
}

.list-rooms .one-room .content-right {
    width: 39.89vw;
    height: 29.32vw;
    border-radius: 2.6041vw 3.906vw 3.906vw 0;
    box-shadow: -25px 25px 50px 0px #00000026;
}

.list-rooms .one-room .content-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2.6041vw 3.906vw 3.906vw 0;
}

/*===================== RESPONSIVE OF SECTION SERVICE ===========================*/

@media (max-width: 768px) {
    .mobile-header.scrolled {
        background-color: #284D9A !important;
        /* background-color: #284D9A;  */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }

    .details {
        flex-direction: column;
        padding: 17vw 8.928vw 0vw 8.928vw;
        gap: 2.13541vw;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .details .content-left,
    .details aside.specialities {
        width: 100%;
    }

    .details aside .title {
        font-size: 3.60416vw;
    }


    .details aside.specialities {
        margin-top: 6vw;
        gap: 3.002vw;
        padding: 4.01145vw 3.9166vw;
    }

    .details aside .list-speciality {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3vw;
    }

    .details aside .list-speciality .one-speciality span {
        font-size: 3.95vw;
        text-wrap: nowrap;
    }

    .details .content-left .text-details {
        font-size: 3.5vw;
        line-height: 5vw;
    }

    .details .content-left .list-general .one-general .description {
        font-size: 3.5vw;
        line-height: 4.82291vw;
        width: 100%;
    }

    .details .content-left .list-general .one-general .title {
        font-size: 4vw;
        line-height: normal;
    }

    .details .content-left .list-general .one-general {
        padding: 2.9895vw 0.7291vw 2.7291vw 4.07291vw;
        gap: 2vw;
    }

    /* MODEL ROOM */

    .list-rooms .one-room .content-left {
        gap: 3.5vw;
        width: 100%;
    }
    .list-rooms .one-room {
        gap: 1.052vw;
    }
    .list-rooms .one-room .content-left .title span:nth-child(1) {
       font-size: 4.8645vw;
        margin-right: 2vw;
    }
    .list-rooms .one-room .content-left .title span:nth-child(2) {
        font-size: 5.27vw;
    }
    .list-rooms .one-room .content-left .description {
        font-size: 3.30208vw;
        line-height: 5.083vw;
    }
    .list-rooms .one-room .content-left .description ul {
            font-family: var(--font-name);
        font-size: 3.3vw;
        line-height: 6vw;
    }
    .list-rooms .one-room .content-right {
        width: 100%;
        height: 52.32vw;
    }

}