
.name-country{
    padding-top: 40px;
    text-align: center;
    padding-inline: 30px;
}
.name-country_label{
    color: #2D2D2D;
    text-align: center;
    font-family: Asul;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding-top: 20px;
}
.banner_image{
    margin-block: 30px;
    border-radius: 20px;
    object-fit: cover;
}
.header-transparant{
    display: block;
}
.fill-ariane-country{
    padding-left: 30px;
}
.section-banner {
    padding-bottom: 0;
    margin-bottom: -15px;
}
.falling-wrapper{
    color: #2D2D2D;
    font-family: "Lexend Peta";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    text-transform: uppercase;
}
.falling-description{
    color: #2D2D2D;
    align-self: stretch;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
.fill-ariane-country{
    padding-bottom: 20px;
}
.list-fill-ariane{
    color: #2D2D2D;
    /* Desktop/Body/M */
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;

    display: block;
    flex-direction: row;
}
.fill-ariane-continent{
    padding-bottom: 20px;
}
.separator-package-search{
    background: #C3C3C3;
    height: 0.7px;
}
.img-moment{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.our_trouvail{
    padding-left: 30px;
}
.bloc-title-inspiration{
    padding-bottom: 20px!important;
}
.inspirant_slider{
    padding-bottom: 0;
    padding-top: 0;
}
.bloc-btn-show-more{
    padding-left: calc(80% - 175px);
}
.btn-show-more{
    display: flex;
    padding: 13px 17px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid #9F9A7C;
    width: max-content;
    color: #9F9A7C;
    text-align: center;
    font-family: "Lexend Deca";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
.btn-show-more:hover{
    color: #ffffff;
    background-color: #9F9A7C;
}
.list-fill-ariane .fill-ariane-child:hover{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.regular {
    font-weight: 400!important;
}
.line-height-100{
    line-height: 100%!important;
}
.sections-favorites{
    padding-top: 20px!important;
}
.country-users-testimony{
    padding-block: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    align-self: stretch;
}
.title-country-testimony{
    color: #2D2D2D;
    font-family: Asul;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.descritpion-agent-info{
    align-self: stretch;
}
.title-first{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
}
.desctiption-agency{
    color: #2D2D2D;
    padding-block: 20px;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 160% */
}
.description-more-agency{
    padding-bottom: 20px;
}
.signature-agent{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/** agent informations and specialistes **/
.agent-information{
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    border-radius: 20px;
    background: #FFF;
}
.agents-informations-telephone{
    color: #2D2D2D;
    font-family: Asul;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.agent-contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}
.gallery-agent{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background: #D9D9D9;
    background-size: cover;
    background-position: center bottom;
}
.informations-agent-responsable{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.barre-separation{
    height: 1.5px;
    width: 100%;
    background: #EFECE9;
    margin-inline: 68px;
}
.specialistes-destinations{
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
}
.title-specialistes{
    color: #2D2D2D;
    font-family: Asul;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 30px;
}
.agency-btn-request{
    padding-bottom: 0;
}
.barre-separation{
    margin-inline: 0;
}
.list-agency-specialistes{
    display: flex;
    flex-direction: column;
}
.specialistes-bloc-agency{
    display: flex;
    flex-direction: row;
}
.agency-specialiste-name{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.agency-specialiste-name-contact{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
/** packages list suggestion made **/
.suggestion-made{
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.suggestion-made_title{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}
.suggestion-made_title_left{
    color: #2D2D2D;
    font-family: "Lexend Peta";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}
.suggestion-made_title_right{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
.list_suggestion_made{
    display: flex;
    flex-direction: column;
    padding-block: 40px;
    align-items: center;
    gap: 40px;
}
.img-suggestion-made-bloc{
    aspect-ratio: 1/1;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
    align-self: stretch;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    object-fit: cover
;
}
.country_suggestion-made-bloc{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.title_suggestion-made-bloc{
    color: #2D2D2D;
    font-family: Asul;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}
.description_suggestion-made-bloc{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 15px;
}
.price_suggestion-made-bloc{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
}
.more_suggestion-made-bloc{
    color: #9F9A7C;
    font-family: "Lexend Deca";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.more_suggestion-made-bloc:hover{
    text-decoration-line: none;
    color: #9F9A7C;
}
.container-trouvail{
    background-color: #FFFFFF;
}
.list_trouvails{
    padding-bottom: 30px;
}
.image-hover-trouvail, .img-suggestion-made-bloc{
    transition: transform 1.5s ease-in-out;
}
.img-trouvaille {
    overflow: hidden;
    aspect-ratio: 3.2 / 1.8;
    height: auto;
}
.img-suggestion-bloc {
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 1/1;
}
.image-hover-trouvail:hover{
    transform: scale(1.1);
    transition-duration: 1.5s;
}
.img-suggestion-made-bloc:hover{
    transform: scale(1.1);
    transition-duration: 1.5s;
}
/** paroles users **/
.paroles-users{
    background: #9F9A7C;
    display: flex;
    flex-direction: row;
}
#paroles-users{
    overflow: hidden;
}
.container-paroles-users{
    padding-bottom: 50px;
}
.paroles-users_bloc{
    display: flex;
    padding-block: 40px 40px;
    padding-inline: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 100%;
}
.paroles-users_title{
    color: #FFF;
    text-align: center;
    font-family: "Lexend Peta";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    text-transform: uppercase;
}
.paroles-users_description{
    color: #FFF;
    text-align: center;
    font-family: Asul;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 100%;
    height: max-content;
}
.paroles-users_footer{
    color: #FFF;
    text-align: center;
    /* Mobile/Body/S */
    font-family: Lexend;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
.button-wrapper-paroles-users{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}
.btn-left-paroles-users, .btn-right-paroles-users{
    width: 20px;
    height: 20px;
}
.section.blog{
    padding-left: 30px;
    padding-bottom: 60px;
}
/** moivies bloc **/
.movies-country{
    height: auto;
    width: 100%;
    align-self: stretch;
    aspect-ratio: 251/141;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.country_moment_title{
    text-wrap: wrap;
    color: #2D2D2D;
    /* Desktop/Body/M */
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
.country_moment{
    color: #2D2D2D;
    font-family: Lexend;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding-block: 24px;
    height: 48px;
    margin-bottom: 24px;
}
.section.blog{
    margin-top: 40px!important;
}
@media screen and (min-width:1100px) {
    .name-country{
        padding-top: 50px;
        text-align: center;
    }
    .bloc-title-inspiration{
        padding-bottom: 0!important;
    }
    .suggestion-made-bloc{
        overflow: hidden;
    }
    .section-banner {
        padding-bottom: 0;
    }
    .section.blog{
        padding-left: 0;
        padding-bottom: 0;
    }
    .bloc-btn-show-more{
        padding-block: 40px;
        padding-left: calc(60% - 175px);
    }
    .our_trouvail{
        padding-left: 0;
    }
    .img-trouvaille {
        overflow: hidden;
    }
    .title_inspirant{
        padding-bottom: 0;
    }
    .name-country_label{
        color: #2D2D2D;
        align-self: stretch;
        text-align: center;
        font-family: Asul;
        font-size: 90px;
        font-style: normal;
        font-weight: 400;
        line-height: 100px;
    }
    .header-transparant{
        display: block;
    }
    .banner_image{
        height: 420px;
    }
    .agency-btn-request{
        padding-bottom: 0;
    }
    .inspirant_slider{
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .img-moment{
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .fill-ariane-country{
        padding-left: 0;
    }
    .country_moment{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        padding-block: 24px;
        height: 48px;
        margin-bottom: 24px;
    }
    .country-users-testimony{
        padding-block: 50px;
        display: grid;
        grid-template-columns: 460fr 660fr;
        flex-direction: row;
        gap: 40px;
        align-items: flex-start;
    }
    .remove-pt-country-users-testimony{
        padding-top: 0;
    }
    .title-country-testimony{
        width: 462px;
        height: 215px;
        color: #2D2D2D;
        font-family: Asul;
        font-size: 50px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
    .descritpion-agent-info{
        align-self: stretch;
    }
    .title-first{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 160% */
    }
    .desctiption-agency{
        color: #2D2D2D;
        padding-block: 20px;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px; /* 160% */
    }
    .signature-agent{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    /** agent informations and specialistes **/
    .agent-information{
        display: grid;
        grid-template-columns: 50fr 1fr 40fr;
        padding: 40px;
        align-items: flex-start;
        gap: 68px;
        border-radius: 20px;
        background: #FFF;
        margin-bottom: 40px;
    }
    .agents-informations-telephone{
        color: #2D2D2D;
        font-family: Asul;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 31px;
        width: 274px;
        height: 93px;
    }
    .agent-contact{
        display: flex;
        flex-direction: row;
        gap: 64px;
    }
    .gallery-agent{
        width: 200px;
        height: 200px;
        border-radius: 100px;
        background: #D9D9D9;
        background-size: cover;
        background-position: center bottom;
    }
    .informations-agent-responsable{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
    }
    .barre-separation{
        width: 1.5px;
        height: 100%;
        background: #EFECE9;
        margin-inline: 0;
    }
    .specialistes-destinations{
        display: flex;
        min-height: 200px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
    }
    .title-specialistes{
        color: #2D2D2D;
        font-family: Asul;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 31px;
    }
    .list-agency-specialistes{
        display: flex;
        flex-direction: column;
    }
    .specialistes-bloc-agency{
        display: flex;
        flex-direction: row;
    }
    .agency-specialiste-name{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .agency-specialiste-name-contact{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
    }

    /** packages list suggestion made **/
    .suggestion-made{
        padding-top: 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .suggestion-made_title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .suggestion-made_title_left{
        color: #2D2D2D;
        font-family: "Lexend Peta";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        text-transform: uppercase;
    }
    .suggestion-made_title_right{
        color: #2D2D2D;
        text-align: right;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
    }
    .list_suggestion_made{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding-block: 40px;
        align-items: center;
        gap: 40px;
    }
    .img-suggestion-made-bloc{
        display: flex;
        width: 100%;
        aspect-ratio: 1/1;
        /*height: 362px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;*/
        gap: 20px;
        align-self: stretch;
        /*background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;*/
        object-fit: cover;
    }
    .img-suggestion-made-bloc-clip{

    }
    .image-hover3-suggestion {
        width: 100%;
        height: 100%;
        object-fit: cover; /* zoom/coupe pour remplir le bloc sans déformer */
        display: block;
    }
    .img-suggestion-made-bloc:hover{
       transition: transform 1.5s ease-in-out;
        transform: scale(1.1);
        outline: 3px solid #EFECE9!important;
    }
    .country_suggestion-made-bloc{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .title_suggestion-made-bloc{
        color: #2D2D2D;
        font-family: Asul;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 15px;
        height: 48px;
        text-wrap: inherit;
    }
    .description_suggestion-made-bloc{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .price_suggestion-made-bloc{
        color: #2D2D2D;
        font-family: Lexend;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 30px;
    }
    .more_suggestion-made-bloc{
        color: #9F9A7C;
        font-family: "Lexend Deca";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .more_suggestion-made-bloc:hover{
        text-decoration-line: none;
        color: #9F9A7C;
    }
    .container-trouvail{
        background-color: #FFFFFF;
    }
    #section-blog{
        margin-bottom: 80px;
    }
    /** paroles users **/
    .paroles-users{
        background: #9F9A7C;
        display: flex;
        flex-direction: row;
    }
    #paroles-users{
        overflow: hidden;
    }
    .container-paroles-users{
        padding-bottom: 50px;
    }
    .paroles-users_bloc{
        display: flex;
        padding-bottom: 60px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        width: 100%;
    }
    .paroles-users_title{
        color: #615D48;
        text-align: center;
        font-family: "Lexend Peta";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 138.462% */
        text-transform: uppercase;
        margin-top: 60px;
    }
    .paroles-users_description{
        color: #FFF;
        text-align: center;
        font-family: Asul;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        max-width: 846px;
        height: 96px;
    }
    .paroles-users_footer{
        color: #615D48;
        text-align: center;
        font-family: Lexend;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
    .button-wrapper-paroles-users{
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: center;
    }
    .btn-left-paroles-users, .btn-right-paroles-users{
        width: 20px;
        height: 20px;
    }

    /** moivies bloc **/
    .movies-country{
        height: auto;
        width: 100%;
        align-self: stretch;
        aspect-ratio: 251/141;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .section.blog{
        margin-top: 60px!important;
    }
}
