@media screen and (max-width: 1250px) {
    footer .footer_container {
        flex-direction: column;
        gap: 28px;
    }
}

@media screen and (max-width: 1100px) {
    .home_page .sec_2 .content {
        gap: 20px;
    }
}
@media screen and (max-width: 1050px) {

    .contact_page .wpcf7-not-valid-tip {
        top: 0;
    }

    .contact_page .container form {
        max-width: 100%;
    }
    .contact_page .container .left {
        max-width: 100%;
    }
    .contact_page .container {
        flex-direction: column;
        gap: 50px;
    }
    .home_page .sec_2 .content  {
        flex-direction: column;
    }
    .home_page .sec_2 .content .left {
        max-width: 100%;
    }
    .home_page .sec_2 .content .left .lieu_list li span:last-of-type br{
        display: none;
    }
    .home_page .sec_2 .content .left .lieu {
        width: 210px;
    }
    .home_page .sec_2 .content .right {
        max-width: 100%;
    }
    .home_page .sec_3 .content .offers {
        grid-template-columns: repeat(1,1fr);
    }
    .home_page .hero_section .location:last-of-type,
    .home_page .hero_section .location:nth-child(2) {
        padding-right: 0;
        right: 40px;
    }
    .home_page .hero_section .location:last-of-type .ping_icon,
    .home_page .hero_section .location:nth-child(2) .ping_icon{
        right: -113px;
    }
    .home_page .hero_section .location:first-of-type,
    .home_page .hero_section .location:nth-child(3) {
        padding-left: 0;
        left: 40px;
    }
    .home_page .hero_section .location:first-of-type .ping_icon,
    .home_page .hero_section .location:nth-child(3) .ping_icon{
        left: -113px;
    }

    .home_page .hero_section .location .ping_icon svg rect {
        display: none;
    }

    .home_page .sec_2 .content .left .lieu_list li .hidden {
        display: inline;
    }
}

@media screen and (max-width: 950px) {
    header .header_container {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    header .header_container .logo {
        position: relative;
    }
    .home_page .our_prestations .our_prestations_list {
        display: flex;
        flex-direction: column;
        text-align: left;
    }
    .home_page .our_prestations .our_prestations_list .prestation * {
        display: initial;
    }
    .home_page .our_prestations .our_prestations_list .prestation .slash {
        display: none;
    }
}

@media screen and (max-width: 768px) {

    .home_page .hero_section .logo svg {
        transform: translateY(0px);
    }

    footer .footer_container .left .left_top {
        padding-bottom: clamp(25px, 1.7361111111vw, 35px);
        border-bottom: 1px solid #6317F9;
    }

    .home_page .sec_3 .content .offers .offer .offer_bottom .offer_tags li.slash {
        margin: 0 10px;
    }

    .contact_page .container .form_wrapper .form_select .select_header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact_page header {
        height: auto;
    }

    .contact_page .container .form_wrapper .form_bottom .form_submit button {
        width: 300px;
        margin: 0 auto;
    }

    .contact_page .container .form_wrapper .form_bottom {
        flex-direction: column;
        gap: 30px;
    }

    .contact_page .container .form_wrapper .form_group {
        grid-template-columns: repeat(1,1fr);
    }

    .contact_page .container {
        width: 100%;

    }

    .home_page .sec_3 .content .offers .offer .offer_bottom .tags {
        gap: 10px;
        display: inline;
        text-align: center;
    }

    .home_page .sec_3 .content .offers .offer .offer_bottom .tags * {
        display: inline;
    }

    .home_page .sec_3 .content .offers .offer .offer_bottom .offer_tags {
        justify-content: center;
        gap: 10px 20px;
    }
    .home_page .sec_3 .content .offers .offer .offer_bottom .offer_tags li {
        text-align: center;
    }

    .home_page .sec_3 .content .offers .offer:first-of-type .offer_middle {
        height: 183px;
    }
    .home_page .sec_3 .content .offers .offer:last-of-type .offer_middle {
        height: 232px;
    }

    .home_page .sec_3 .content .offers .offer .offer_middle {
        display: flex;
    }

    .home_page .sec_3 .content .offers {
        gap: 0;
    }
    .home_page .sec_3 .content .offers .offer {
        background-image: linear-gradient(#000 0%,#000 100%) !important;
        gap: 30px;
    }
    .home_page .sec_3 .content .offers .offer:first-of-type {
        background-image: linear-gradient(#E9E0D1 0%,#E9E0D1 100%) !important;
        /* border-radius: 0; */
        overflow: visible;
    }
    
    .home_page .sec_3 .content .offers .offer::after {
        background-image: linear-gradient(#E9E0D1 0%,#E9E0D1 100%);
        top: unset;
        bottom: -20px;
        transform: none;
        left: 0;
        width: 100%;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .home_page .sec_3 .content .offers .offer:last-of-type:after {
        display: none;
    }

    .home_page .hero_section::after {
        background-position: center;
    }

    .home_page .hero_section .scroll_down {
        bottom: 8%;
        padding: 0 20px;
        width: 100%;
        justify-content: space-between;
    }

    .home_page .hero_section {
        padding-bottom: 0;
        padding-top: 0;
    }

    .home_page .hero_section .logo {
        top: 44%;
        margin: 0 auto;
    }

    .home_page .hero_section .location:last-of-type {
        bottom: 23%;/*184*/
    }

    .home_page .hero_section .location:nth-child(3) {
        bottom: 33%; /* 282 */
    }

    .home_page .hero_section .location:first-of-type {
        top: 20%; /*174px;*/
    }

    .home_page .hero_section .location:nth-child(2) {
        top: 32%; /*272px;*/
    }

    .home_page .hero_section .location {
        padding-top: 0;
        padding-bottom: 0;
    }

    .home_page .hero_section .location .ping_icon {
        top: -92px;
        pointer-events: none;
    }

    .home_page .references_section .sec_title h3 span::after {
        top: 6px;
    }

    .home_page .sec_3 .content .sec_title h3 span::after {
        left: -4px;
    }

    .home_page .our_prestations .sec_title {
        line-height: initial;
    }

    .home_page .sec_3 .content .sec_title h3 {
        font-size: 40px;
        line-height: 45px;
        width: 100%;
    }

    .home_page .references_section .sec_title .success {
        right: 60px;
    }

    .home_page .references_section .sec_title h3 {
        font-size: 40px;
        line-height: 40px;
        text-align: left;
    }

    .home_page .references_section .all_references_btn {
        width: 100%;
        height: 60px;
        margin-top: 45px;
    }

    .home_page .references_section {
        padding-top: 105px;
        padding-bottom: 42px;
    }

    footer .footer_container .right .text {
        display: none;
    }

    footer .footer_container .right {
        width: 100%;
        justify-content: space-between;
    }

    .home_page .sec_2 .content .right {
        padding-top: 20px;
    }

    .home_page .sec_2 {
        padding-top: 137px;
    }

    footer .footer_container {
        width: calc(100% - 40px);
    }
    .home_page .our_prestations .sec_title {
        text-align: left;
    }

    footer .footer_container .left .left_top, footer .footer_container .left .left_bottom {
        row-gap: 24px;
        column-gap: 40px;
    }
    .home_page .references_section .sec_title {
        width: 100%;
    }
    .home_page .sec_2 .content .left {
        flex-direction: column;
    }
    .home_page .sec_2 .content .left .lieu_list li .num {
        display: none;
    }
    .home_page .sec_2 .content .left .lieu {
        display: none;
    }
    .home_page .sec_2 .content .left .lieu_list li {
        opacity: 1;
        max-width: 95%;
        margin-right: 10px;
    }
    .home_page .sec_2 .content .left .lieu_list {
        flex-direction: row;
    }
    .home_page .sec_3 .content .sec_title h3 br {
        display: none;
    }
}

@media screen and (max-width: 370px) {
    .home_page .references_section .sec_title .success {
        right: 70px;
        top: 40px;
        padding: 0 20px;
    }
}