html {
    font-size: 16px; /* 1rem = 16px */
    background-color: #fafafa; /* fafafa; */
}
:root {
    --color-primary: #E45D1E; /*6d1ee4*/
    --color-secondary: #009FB7; /*009FB7*/
    --color-white: #fafafa;


    --color-gray-light: #EEEEEE; /* F5F5F5 #FAFAFA #F1F1F1 #e6e6ea; */
    --color-gray-border: #DDE1E6;
    --color-gray: #3D3D3D; /* 888888 */
    --color-gray-dark: #272D37; /* #272D37; */
    --color-gray-ico: #C2C6CC;

    --font-size-pico: 0.72rem; /* 0.76rem*/
    --font-size-nano: 0.86rem; /* 0.76rem*/
    --font-size-mini: 0.86rem; /* 0.86rem */
    --font-size-small: 1rem;  /* 16px */
    --font-size-normal: 1.2rem;  /* 16px */
    --font-size-medium: 1.836rem;  /* 1.618rem ~26px */
    --font-size-large: 3.618rem;  /* 2.618rem ~42px */

    --space-very-small: 0.5rem;  /* 8px */
    --space-small: 0.813rem;  /* ~13px */
    --space-medium: 1.312rem;  /* ~21px */
    --space-large: 1.618rem;  /* ~26px */
    --space-very-large: 2.618rem;  /* ~42px */
}

/*
.color_primary{ color: #1a1a1a; }
.color_secondary{ color: #f5f5f5; }
.color_white{ color: #fafafa; }
.color_gray_light{ color: #F1F1F1; }
.color_gray{ color: #888888; }
.color_gray_dark{ color: #4F4F4F; }
.color_gray_ico{ color: #C2C6CC; }

.very_small_margin{ margin: 0.5rem; }
.small_margin{ margin: 0.813rem; }
.medium_margin{ margin: 1.312rem; }

.very_small_padding{ padding:0.5rem; }
.medium_padding{ padding: 0.813rem; }
.medium_padding{ padding:1.312rem; }

.mini_size{ font-size: 0.86rem; }
.small_size{ font-size: 1rem; }
.medium_size{ font-size: 1.618rem; }
.large_size{ font-size: 2.618rem; }
*/


.color_primary{ color: var(--color-primary); }
.color_secondary{ color: var(--color-secondary); }
.color_white{ color: var(--color-white); }
.color_gray_light{ color: var(--color-gray-light); }
.color_gray{ color: var(--color-gray); }
.color_gray_dark{ color: var(--color-gray-dark); }

.very_small_margin{ margin: var(--space-very-small); }
.small_margin{ margin: var(--space-small); }
.medium_margin{ margin: var(--space-medium); }

.very_small_padding{ padding: var(--space-very-small); }
.medium_padding{ padding: var(--space-small); }
.medium_padding{ padding: var(--space-medium); }

.pico_size{ font-size: var(--font-size-pico); }
.nano_size{ font-size: var(--font-size-nano); }
.mini_size{ font-size: var(--font-size-mini); }
.small_size{ font-size: var(--font-size-small); }
.medium_size{ font-size: var(--font-size-medium); }
.large_size{ font-size: var(--font-size-large); }


@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
    url('fonts/Inter-Regular.woff') format('woff'),
    url('fonts/Inter-Regular.ttf') format('truetype'),
    url('fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
    url('fonts/Inter-SemiBold.woff') format('woff'),
    url('fonts/Inter-SemiBold.ttf') format('truetype'),
    url('fonts/Inter-SemiBold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Inter';
    line-height: 150%;
    color: var(--color-gray-dark);
}
h1{
    font-family: 'Inter-Bold';
    font-size: var(--font-size-large);
    color: var(--color-gray-dark);
    margin: var(--space-medium) 0 0 0;
    line-height: 100%;
}
h2{
    font-family: 'Inter-Bold';
    font-size: var(--font-size-medium);
    color: var(--color-gray-dark);
    margin: var(--space-medium) 0 0 0;
    line-height: 150%;
}
h3{
    font-family: 'Inter-Bold';
    font-size: var(--font-size-normal);
    color: var(--color-gray-dark);
    margin: var(--space-medium) 0 0 0;
    line-height: 150%;
}
p{
    font-size: var(--font-size-small);
    color: var(--color-gray);
    margin: var(--space-small) 0;
}
span{
    color: var(--color-gray-dark);
}
a{
    cursor: pointer;
}
a.link{
    color: var(--color-primary);
    text-decoration: none;
    cursor: pointer;
}
a.link:hover{
    text-decoration: underline;
    cursor: pointer;
}

a.link_ico{
    color: var(--color-primary);
    text-decoration: none;
    margin: 0 8px;
}
a.link_ico svg{
    fill: var(--color-primary);
    transition: all 0.3s ease;
}
a.link_ico:hover svg{
    fill: var(--color-gray-dark);
    transform: scale(1.1);
}

.txt_wrap{
    word-wrap: break-word;
}
.no_mobile{
    display: inline-block;
}
.shadow{
    /*box-shadow: 0px 0px 16px rgba(39,45,55,0.25);*/
    box-shadow: 4px 4px 16px rgba(0,0,0,0.25);
}
.box_info{
    display: block;
    align-items: center;
    padding: 12px 16px;
    margin: 16px auto;
    background-color: var(--color-gray-light);
    border: 1px solid var(--color-gray-border);
    border-radius: 8px;
    width: auto;
    max-width: 350px;
    min-width: 250px;
    line-height: 125%;
}
.box_info_1{
    display: block;
}
.box_info_2{
    display: block;
    color: var(--color-gray);
    font-size: var(--font-size-mini);
}
.btn{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    text-align: center;
    padding: 12px 16px;
    color: var(--color-primary);
    background-color: var(--color-white);
    transition: background-color 0.3s, color 0.3s;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    font-size: var(--font-size-mini);
}
.btn_ico{
    vertical-align: middle;
    margin-right: 8px;
}
.btn_ico svg{
    height: 16px;
    fill: var(--color-primary);
}
.btn_txt{
    color: var(--color-primary);
}
a.btn{
  text-decoration: none;
}
.btn:hover{
    background-color: var(--color-primary);
    color: var(--color-white);
}
.btn:hover .btn_txt{
    color: var(--color-white);
}
.btn:hover .btn_ico svg{
    fill: var(--color-white);
}
a.btn:hover{
    text-decoration: none;
}

.btn_full{
    background-color: var(--color-primary);
    color: var(--color-white);
    transition: background-color 0.3s, color 0.3s;
}
.btn_full svg{
    fill: var(--color-white);
}
.btn_full:hover{
    background-color: var(--color-white);
    color: var(--color-primary);
}
.btn_txt{
    color: var(--color-primary);
}
.btn_full .btn_txt{
    color: var(--color-white);
}
.btn_full:hover .btn_txt{
    color: var(--color-primary);
}
.btn_full:hover svg,
.btn.btn_full:hover .btn_ico svg{
    fill: var(--color-primary);
}

.txt{
    font-family: 'Inter';
}
.center{ text-align: center; }
.bold,
.txt.bold,
strong{
    font-family: 'Inter-Bold';
}
.italic,
.txt.italic,
p.italic{
    font-style: italic;
}
ul.list{
    font-family: 'Inter';
    list-style-type: circle;
    font-size: var(--font-size-small);
    color: var(--color-gray);
    margin: var(--space-small) 0;
    padding-left: var(--space-large);
}
.txt_ico_item{
     //display: inline-block;
         display: inline-flex;
         align-items: center;
}
.ico_check{
    margin-right: 8px;
}
.ico_check svg{
    height: 16px;
    margin-bottom: -3px;
    fill: var(--color-secondary);
}
.txt_check{

}
.txt_ico_list .txt_ico_item{
    display: block;
    margin-bottom: 10px;
}
.txt_ico_list .txt_ico_item .txt_ico {
    display: inline-block;
    margin-right: 16px;
}
.txt_ico_item, .txt_ico_item span{
    font-size: var(--font-size-small);
    color: var(--color-gray);
}
/*.txt_ico_item > .fa-circle-check{
    background: none;
    color: var(--color-gray-dark);
 }*/
.end_para{
    //margin-top: 16px;
    //margin-top: var(--space-medium);
    display: inline-block;
    width: 12%;
    height: 4px;
    max-width: 200px;
    min-width: 100px;
    background-color: var(--color-primary);
    z-index: 10;
}
ul.list{
    list-style-type: disc;
    padding: 0;
    margin: 0 0 0 32px;
}
ul.list li {
    margin-bottom: 5px;
}


.wrapper_main {
    scroll-snap-type: y mandatory;
    height: 100vh;
    overflow-y: scroll;
}
.wrapper_section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    scroll-snap-align: start;
    z-index: 1;
}
.wrapper_section_sub{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-basis: 80%;
}
.wrapper_section_child {
    padding: 10px 0;
    //border: 1px solid #ddd;
    //margin: 5px 0;
    display: flex;
    flex-direction: column;
}


.wrapper_section_content{
    display: flex;
    justify-content: center;
    height: auto;
    min-height: 100vh;
    width: 100%;
    scroll-snap-align: start;
    z-index: 1;
}
.wrapper_section_content_sub{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 80%;
}
.container{
    display: flex;
    flex: 1;
    width: 100%;
}
.container_sub{
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 70%;
    margin:  auto;
    padding:  100px 48px 48px 48px;
}


.container_sub > h1{
    margin: var(--space-very-large) 0;
}
.container_sub > h2{
    margin: var(--space-large) 0;
}
.container_sub > h3{
    margin: var(--space-large) 0;
}

.content_container_bfm{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.content_item_bfm {
    flex: 0 0 48%;
    margin: 12px 0 12px 0;
}

.content_item_bfm ul {
    list-style-type: disc;
    padding: 0;
    margin: 12px 0 0 32px;
}

.content_item_bfm ul li {
    margin-bottom: 5px;
}



.wrapper_section_1{
    //background-color: var(--color-primary);
//    background: linear-gradient(to bottom, transparent 0%, transparent 45%, var(--color-primary) 45%, var(--color-primary) 100%);
    //background: -webkit-linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) 60%, #A1481F 60%, #A1481F 100%);
    //background: linear-gradient(to bottom, #E85E1E 0%, #D1551B 100%);

    background: linear-gradient(to bottom, coral 0%, var(--color-primary) 98%);

    position: relative;
    overflow: hidden;
    min-height: 900px;

    /*background-image:
            url('../img/overlay-bg.png'),
            linear-gradient(to bottom, coral 0%, var(--color-primary) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;*/
}

.overlay_bg {
    width: 100%;  /* Prendre toute la largeur de la section */
    height: auto;
    position: absolute;  /* Absolument positionné par rapport à la section */
    bottom: 0;
    left: 0;
    z-index: 2;
    margin-bottom: -1px;
}
.circle_bg{
    position: absolute;
    display: block;
    width: 240px;
    left: -120px;
    top: 40%;
    z-index: 1;
}

#wrapper_section_child_1_1,
#wrapper_section_child_1_2,
#wrapper_section_child_1_3{
    flex-basis: calc(50% - 10px);
    box-sizing: border-box;
    margin-bottom: 20px;
    flex-basis: 45%;
    z-index: 10;
}

#wrapper_section_child_1_3{
    flex-basis: 100%;
    border-radius: 24px;
    background-color: var(--color-white);
    margin-top: 48px;
}
#wrapper_section_child_1_3_sub{
    padding: 30px 20px;
    text-align: center;
}
#wrapper_section_child_1_3_sub_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    flex-basis: 80%;
}
#wrapper_section_child_1_3_sub_info div{
    flex-basis: 25%;
    padding: 8px 8px;
    text-align: center;
}
#wrapper_section_child_1_3_sub_txt p{
    font-size: var(--font-size-mini);
    display: block;
    max-width: 80%;
    margin: var(--space-small) auto var(--space-small) auto;
}

#wrapper_section_child_1_1{
    //padding: 10px 20px 10px 0;
    //padding: 100px 20px 10px 20px;
    padding: 10px 20px;
}
#wrapper_section_child_1_1 h1{
    margin: 48px 0 0 0;
}
#wrapper_section_child_1_1 h1,
#wrapper_section_child_1_1 p,
#wrapper_section_child_1_1 .txt_ico_item,
#wrapper_section_child_1_1 .txt_ico_item span {
    color: var(--color-white);
}
#wrapper_section_child_1_1 .ico_check svg{
    fill: var(--color-white);
}
#wrapper_section_child_1_2{
    position: relative;
    //padding: 10px 0 20px 10px;
    padding: 10px 20px;
    min-height: 300px;
}
#wrapper_section_child_1_2_left_sub{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
#ws_1_2_info{
    width: auto;
    padding: 18px 30px;
    border-radius: 24px;
    text-align: right;

    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    z-index: 8;
    margin-left: 145px;
}
#ws_1_2_info span{
    display: block;
    line-height: 150%;
}
#ws_1_2_info .name_cb{
    font-size: var(--font-size-normal);
}
#wrapper_section_child_1_3_sub_title h2{
    margin-top: 0;
}
#wrapper_section_child_1_3_sub_info .box_info .box_info_1{
    font-size: var(--font-size-mini);
}
#wrapper_section_child_1_3_sub_info .box_info{
    margin: auto;
}
#wrapper_section_child_1_2_right_sub{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
#ws_1_portrait_wrapper{
    display: inline-block;
    position: relative;
}
#ws_1_portrait_img,
#ws_1_portrait_svg{
    position: absolute;
    top: -300px;
    right: 0;
    width: 300px;
    height: auto;
    max-width: 300px;
}
#ws_1_portrait_img{
    z-index: 1;
}
#ws_1_portrait_svg{
    z-index: 5;
}
#animatedPortrait {
    width: 100%;
}




.wrapper_section_2{
    background-color: var(--color-white);
}
#wrapper_section_2_sub{
    position: relative;
    align-items: center;
}
#wrapper_section_2_sub::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20%;
    width: 92%;
    max-width: 100%;
    height: 100%;
    min-height: 200px;
    max-height: 400px;
    background-color: var(--color-gray-light);
    transform: translateY(-50%);
    z-index: 1;
    overflow: hidden;
}
#wrapper_section_child_2_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-basis: 40%;
    z-index: 10;
    order: 0;
}
#wrapper_section_child_2_1 img{
    border-radius: 50%;
    display: inline;
    width: 100%;
    min-width: 250px;
    max-width: 500px;
    z-index: 10;
    margin: auto;
}
#wrapper_section_child_2_2 h2{
    margin-top: 0;
}
#wrapper_section_child_2_2_img{
    display: none;
}
#wrapper_section_child_2_2_img  img{
    display: none;
}
#wrapper_section_child_2_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-basis: 57%;
    z-index: 1;
    order: 0;
}
#wrapper_section_child_2_2 > span {
    /*padding-right: 10%;
    padding-bottom: 5%;*/
}








.wrapper_section_3{
    background: linear-gradient(to bottom, transparent 0%, transparent 45%, var(--color-primary) 45%, var(--color-primary) 100%);
}
#wrapper_section_3_sub{
    background-color: var(--color-white);
    border-radius: 24px;
}
.wrapper_section_child_3{
    width: 100%;

}
#wrapper_section_child_3_1{
    margin: 40px 0 0 0;
}
#wrapper_section_child_3_1 h2{
    margin-top: 0;
}

#wrapper_section_child_3_2 {
    display: flex;
    flex-direction: row;
    //gap: 10px;
}

.wrapper_section_child_3_2_sub {
    flex: 1;
    padding: 20px;
    //border: 1px solid #666; /* Juste pour visualiser les enfants */
}

#wrapper_section_child_3_3{
    padding-left: 0;
    padding-right: 0;
    background-color: var(--color-gray-light);
    margin-bottom: 0;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
#wrapper_section_child_3_3_sub{
    display: flex;
    flex-direction: row;
    padding: 20px 20px;
}
#wrapper_section_child_3_3_sub div{
    flex: 1;
    text-align: center;
    //border: 1px solid #666;
}
.wrapper_section_child_3_2_sub .ws_3_ico svg{
    height: 80px;
    fill: var(--color-gray-ico);
}
.wrapper_section_child_3_2_sub .ws_3_txt{

}
.ws_3{
   display: block;
    margin: auto;
    width: 80%;
}








.wrapper_section_4{
    background-color: var(--color-white);
}
#wrapper_section_4_sub{
    position: relative;
    align-items: center;
}
#wrapper_section_4_sub::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20%;
    width: 100vw;
    height: 100%;
    min-height: 200px;
    max-height: 400px;
    background-color: var(--color-gray-light);
    transform: translateY(-50%);
    z-index: 1;
}
#wrapper_section_child_4_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-basis: 40%;
    z-index: 10;
    order: 0;
}
#wrapper_section_child_4_1 img{
    border-radius: 50%;
    display: inline;
    width: 100%;
    min-width: 250px;
    max-width: 500px;
    z-index: 10;
    margin: auto;
}
#wrapper_section_child_4_2_txt h2{
    margin-top: 0;
}
#wrapper_section_child_4_2_img{
    display: none;
}
#wrapper_section_child_4_2_img  img{
    display: none;
}
#wrapper_section_child_4_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-basis: 57%;
    z-index: 1;
    order: 0;
}






.wrapper_section_5{
    background: linear-gradient(to bottom, transparent 0%, transparent 45%, var(--color-primary) 45%, var(--color-primary) 100%);
}
#wrapper_section_5_sub{
    background-color: var(--color-white);
    border-radius: 24px;
}
.wrapper_section_child_5{
    width: 100%;
    padding: 10px 20px;
}
#wrapper_section_child_5_1 {
    display: flex;
    flex-direction: row;
    //gap: 10px;
}
.wrapper_section_child_5_1_sub {
    padding: 20px;
    //border: 1px solid #666; /* Juste pour visualiser les enfants */
}
#wrapper_section_child_5_1_1{
    flex-basis: 65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ws_5_wrapper{
    /*
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    */
    display: block;
    width: 100%;
    text-align: left;
}
.ws_5_wrapper h2{
    margin-top: 0;
}
.ws_5_btn{
    margin-top: var(--space-small);
}
.box_cert_btn{
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: left;
}
/*
#wrapper_section_child_5_1_1 h2,
#wrapper_section_child_5_1_1 p,
#wrapper_section_child_5_1_1 a{
    display: block;
}
*/

#wrapper_section_child_5_1_2{
    flex-basis: 34%;
}















.wrapper_section_6{
    background-color: var(--color-white);
    position: relative;
    overflow: hidden;
    z-index: 100;
}
#wrapper_section_6_sub{
    background-color: var(--color-white);
    border-radius: 24px;
    margin-top: 48px;
}
.overlay_bg_contact {
    width: 100%;  /* Prendre toute la largeur de la section */
    height: auto;
    position: absolute;  /* Absolument positionné par rapport à la section */
    bottom: 0;
    right: 0;
    z-index: 1;
    margin-bottom: -1px;
}
.wrapper_section_child_6{
    width: 100%;
    z-index: 10;
}
#wrapper_section_child_6_1.wrapper_section_child{
    padding: 0;
    margin: 0;
}
#wrapper_section_child_6_1 {
    display: flex;
    flex-direction: row;
    border-radius: 24px;
}
.wrapper_section_child_6_1_sub {
    padding: 20px;
    //border: 1px solid #666; /* Juste pour visualiser les enfants */
}
#wrapper_section_child_6_1_1{
    flex-basis: 49.5%;
    padding: 40px 0 40px 40px;
    border-radius: 24px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#wrapper_section_child_6_1_1 h2{
    margin-top: 0;
}
#wrapper_section_child_6_1_2 h2{
    margin-top: 0;
}
/*
#wrapper_section_child_5_1_1 h2,
#wrapper_section_child_5_1_1 p,
#wrapper_section_child_5_1_1 a{
    display: block;
}
*/

#wrapper_section_child_6_1_2{
    flex-basis: 49.5%;
    padding: 40px;
    border-radius: 24px;
    background-color: var(--color-gray-light);
}
.ws_6_wrapper{
    /*
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    */
    display: block;
    width: 100%;
    text-align: left;
}
.ws_6_wrapper > * {
    /*display: block;
    width: 100%;
    text-align: left;*/
}
.box_contact_wrapper{
    display: block;
    width: 100%;
    text-align: left;
}
.ws_6_prix{
    display: inline-block;
    font-size: var(--font-size-medium);
    color: var(--color-primary);
    margin: var(--space-small) 0;
}
.ws_6_txt_bullet{
    display: inline-block;
    margin: var(--space-small) 0;
}
.box_contact_tile{}
.box_contact_txt{}
.box_contact_name{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    color: var(--color-gray);
}
.box_contact_name_2{
    font-size: var(--font-size-mini);
    color: var(--color-gray);
}
.box_contact_tel{
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    color: var(--color-gray);
    font-size: var(--font-size-mini);
}
.box_contact_tel_1,
.box_contact_tel_2 {
    flex-basis: 49.5%;
    display: flex;
    flex-direction: row;
}
.box_contact_tel_1 a.link_txt,
.box_contact_tel_2 a.link_txt{
    color: var(--color-gray);
    font-size: var(--font-size-mini);
    text-decoration: none;
    cursor: pointer;
}
.box_contact_tel_1 a.link_txt:hover,
.box_contact_tel_2 a.link_txt:hover{
    text-decoration: underline;
}
.box_contact_tel_2{
    display: inline-block;
    text-align: right;
}
.contact_tel_ico{

}.contact_tel_txt{

 }
.box_contact_map{
    width: 100%;
    height: 213px;
    max-width: 560px;
    margin: 12px auto;
}
.box_contact_btn{
    width: 100%;
    margin: 34px auto 0 auto;
    text-align: center;
}

#contactModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
#contactFormMsg{
    margin: 0 0 8px 0;
}
.msg_form{
    display: block;
    width: 100%;
    text-align: center;
}
.form_error{
    color: red;
    font-family: 'Inter-Bold';
}
.form_confirm{
    color: var(--color-secondary);
    font-family: 'Inter-Bold';
}
.modal-content {
    position: relative;
    display: inline-block;
    margin: auto;
    background-color: var(--color-white);
    padding: 30px;
    border-radius: 24px;
    width: 80%;
    min-width: 400px;
    max-width: 600px;
    z-index: 100;
    overflow-y: auto;
}
.modal-content h2{
    margin: 0;
}
#contactForm{

}
.modal-content .contactFormRow{
    display: block;
    width: 100%;
    //display: flex;
    //flex-direction: row;
    margin: 24px 0;
}
.modal-content .contactFormRow.contactFormRowFirst{
    margin-top: 0;
}
.modal-content .contactFormRow label{
    display: block;
    //flex-basis: 100%;
    width: 100px;
}
.modal-content .contactFormRow input,
.modal-content .contactFormRow textarea{
    display: block;
    width: 94%;
    //flex-basis: 100%;
    padding: 12px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    font-size: var(--font-size-mini);
    color: var(--color-gray-dark);
}
.modal-content .contactFormRow textarea{
    height: 50px;
    min-height: 50px;
}
.contactFormRow > .btn{
    //display: flex;
    //align-items: center;
    display: block;
    width: 50%;
    margin: auto;
}
#modalClose{
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
#modalClose svg{
    fill: var(--color-primary);
    width: 24px;
    height: 24px;
}












.wrapper_section_7{
    //background-color: coral;
    background-color: var(--color-primary);
}
#wrapper_section_7_sub{
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    min-height: 450px;
}
.ws7_tile h2{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 48px 0;
    color: var(--color-white);
}


.slider_wrapper{
    display: block;
    margin: auto;
    width: 93%;
    max-width: 1200px;
}

.slider_box{
    width: 400px;
    height: 300px;
    background-color: coral;
    border: 1px solid coral;
    border-radius: 24px;
    padding: 12px;
    margin: 0 16px;
    color: var(--color-gray-dark);
    overflow-y: auto;
}
.slider_info{
    display: flex;
    flex-direction: row;
}
.slider_info_img{
    flex-basis: 64px;
}
.slider_info_img img{
    width: 50px;
    height: 50px;

}
.slider_info_txt{
    flex-basis: auto;
}
.slider_info_txt span{
    display: block;
    font-size: var(--font-size-mini);
}
.slider_content{
    display: block;
    padding-top: 8px;
}
.ws7_spacer{
    display: block;
    width: 100%;
    height: 1px;
    min-height: 1px;
}







.footer {
    //opacity: 0;
    //visibility: hidden;
    //position: fixed;
    //bottom: 0;
    width: 100%;
    height: 70px;
    background-color: var(--color-primary);
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    font-size: var(--font-size-nano);
}

.footer-item,
.footer-page-item{
    display: flex;
    flex: 1;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: white;
}

/* Styles for the list in the middle footer item */
.footer-item.middle ul,
.footer-page-item.middle ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.footer-item.middle li,
.footer-page-item.middle li{
    margin: 0 10px; /* Adjusts spacing between list items */
}

.footer-item a,
.footer-page-item a{
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.footer-item a:hover,
.footer-page-item a:hover{
    text-decoration: underline;
}
.desktop-only{
    display: inline-block;
}
.mobile-only{
    display: none;
}



.footerPage {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: var(--color-primary);
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    font-size: var(--font-size-nano);
}











/* Desktop Menu Styles */
#desktop_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}
.desktop_menu_active{
    //box-shadow: 0px 0px 16px rgba(39,45,55,0.25);
    //background-color: var(--color-primary);
    transition: background-color 1s;
}
.desktop_menu_transition{
    transition: background-color 1s;
}

#desktop_menu_sub{
    display: flex;
    justify-content: space-between;
    align-items: center;
    //padding: 10px 0 10px 0;
    padding: 0;
    width: 80%;
    margin: auto;
}
.desktop_menu_container{
    //padding: 10px 0;
    flex-grow: 0;   /* Empêche l'élément de grandir */
    flex-shrink: 0; /* Empêche l'élément de rétrécir */
}

#logo_container {
    flex-basis: 10%;

}
#links_container {
    flex-basis: 88%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 10px 0 10px 0;
}
#links_container ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}
#links_container li{
    padding-right: 64px;
}
#links_container li a {
    color: var(--color-white);
    display: block;
    width: 100%;
    //margin-right: 64px;
    text-align: center;
    text-decoration: none;
    background: none;
    transition: all 0.3s, color 0.3s;
    border-bottom: 1px solid transparent;
}
#links_container li a:hover {
    /*text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;*/
    color: var(--color-gray);
    border-bottom: 1px solid var(--color-gray);
}
#links_container #btn_menu{
    //display: inline-block;
}
/*
#btn_container{
    flex-basis: 5%;
}
*/
.desktop_menu_logo{
    display: block;
    width: 60px;
    height: auto;
}
.desktop_menu_btn{
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 12px 16px;
    color: var(--color-primary);
    background-color: var(--color-white);
    transition: background-color 0.3s, color 0.3s;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    font-size: var(--font-size-mini);
    text-decoration: none;
}
.desktop_menu_btn:hover{
    /*text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;
     */
    color: var(--color-white);
    background-color: var(--color-primary);
    border: 1px solid var(--color-white);
}





/* Mobile Menu Styles */
#mobile_menu {
    display: none;  /* Initially hidden, will be shown on smaller screens */
    //flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-primary);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}
#mobile_menu_sub{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-primary);
    padding: 0 20px;
    width: 80%;
    margin: auto;
}
.mobile_menu_container{
    padding: 0;
    flex-grow: 0;   /* Empêche l'élément de grandir */
    flex-shrink: 0; /* Empêche l'élément de rétrécir */
}

#mobile_button_ico {
    flex-basis: 32%;
    background-color: var(--color-primary);
    text-align: right;
}
#burger_icon{
    display: inline-block;
    width: auto;
    padding-top: 6px;
    cursor: pointer;
}
#burger_icon svg {
    fill: var(--color-white);
    width: auto;
    height: 30px;
    transform-origin: center center;
}
.bar {
    transition: fill 0.3s;
}
/*
#burger_icon div {
    width: 25px;
    height: 3px;
    background-color: var(--color-white);
    margin: 3px 0;
}
*/

#mobile_button_logo {
    flex-basis: 30%;
    background-color: var(--color-primary);
    text-align: center;
}
#mobile_button_link {
    flex-basis: 32%;
    background-color: var(--color-primary);
    text-align: left;
}
.mobile_menu_logo{
    display: block;
    width: 54px;
    height: auto;
    //margin: 8px auto 10px auto;
    margin: 6px auto;
}
.mobile_menu_logo_small{
    display: none;
}
.mobile_menu_btn,
.mobile_menu_btn_inverse{
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 6px 8px;
    color: var(--color-primary);
    background-color: var(--color-white);
    transition: background-color 0.3s, color 0.3s;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    font-size: var(--font-size-mini);
    text-decoration: none;
}
.mobile_menu_btn:hover{
    /*text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;*/
    color: var(--color-white);
    background-color: var(--color-primary);
    border: 1px solid var(--color-white);
}
.mobile_menu_btn_inverse{
    color: var(--color-white);
    background-color: var(--color-primary);
    border: 1px solid var(--color-white);
}
.mobile_menu_btn_inverse:hover{
    color: var(--color-primary);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
}


/* Fullscreen Menu for Mobile */
#fullscreen_menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(228,93,30,0.9);
    color: white;
    padding: 0;
    z-index: 1000;
}

#fullscreen_menu #close_icon {
    font-size: 24px;
    cursor: pointer;
    text-align: right;
    margin: 16px 48px 0 0;

}

#fullscreen_menu ul {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#fullscreen_menu li {
    text-align: center;
}
#fullscreen_menu li a {
    display: inline-block;
    margin: 18px auto;
    /*text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;*/
    min-width: 250px;
    padding: 12px;
}
/*
#fullscreen_menu li a.close_icon{
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    transition: background-color 0.3s, color 0.3s;
}
#fullscreen_menu li a.close_icon:hover{
    color: var(--color-primary);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
}
#fullscreen_menu li a.mobile_menu_btn{
    background-color: var(--color-primary);
    border: 1px solid var(--color-white);
    transition: background-color 0.3s, color 0.3s;
}
#fullscreen_menu li a.mobile_menu_btn:hover{
    color: var(--color-white);
    background-color: var(--color-primary);
    border: 1px solid var(--color-white);
}
*/

#close_icon svg {
    fill: var(--color-white);
    width: auto;
    height: 30px;
}





@media (min-width: 1900px) {
    #wrapper_section_2_sub::before {
        width: 100vw;
        max-width: 100vw;
    }
}
@media (min-width: 1280px) {
    #desktop_menu_sub{
        //width: 1280px;
        max-width: 1280px;
    }
    .wrapper_section_sub{
        //width: 1280px;
        max-width: 1280px;
    }
    #wrapper_section_2_sub::before {
        width: 100%;
        max-width: 100%;
    }
}




@media (max-width: 1850px) {
    #wrapper_section_2_sub::before {
        width: 95%;
        max-width: 95%;
    }
}

@media (max-width: 1650px) {
    #wrapper_section_2_sub::before {
        width: 93%;
        max-width: 92.5%;
    }
}


@media (max-width: 1600px) {
    #ws_1_2_info{
        margin-left: 120px;
    }
}


@media (max-width: 1500px) {
    #ws_1_2_info{
        margin-left: 84px;
    }
}

@media (max-width: 1400px) {
    #ws_1_2_info{
        margin-left: 48px;
    }
}

@media (max-width: 1320px) {
    #wrapper_section_4_sub::before {
        padding : 10px 0;
    }
    #links_container {
        //flex-basis: 85%;
    }
}

@media (max-width: 1280px) {
    #ws_1_2_info{
        margin-left: 10px;
    }
    #wrapper_section_2_sub::before {
        background: none;
        width: auto;
        height: auto;
    }
    #wrapper_section_child_2_1 {
        flex-basis: 100%;
        order: 1;
        text-align: center;
        display: none;
    }
    #wrapper_section_child_2_1 img{
        display: none;
    }
    #wrapper_section_child_2_2_img {
        display: inline-block;
        float: left;
        height: 100%;
    }
    #wrapper_section_child_2_2_img img{
        display: inline-block;
        border-radius: 50%;
        max-width: 400px;
        margin-right: 50px;
    }
    #wrapper_section_child_2_2 {
        flex-basis: 100%;
        order: 1;
        background-color: var(--color-gray-light);
        padding: 5%;
        border-radius: 24px;
    }


    #wrapper_section_4_sub::before {
        background: none;
        width: auto;
        height: auto;
    }
    #wrapper_section_child_4_1 {
        flex-basis: 100%;
        order: 1;
        text-align: center;
        display: none;
    }
    #wrapper_section_child_4_1 img{
        display: none;
    }
    #wrapper_section_child_4_2_txt{
        display: inline-block;
        max-width: 460px;
    }
    #wrapper_section_child_4_2_img {
        display: inline-block;
        float: right;
        height: 100%;
    }
    #wrapper_section_child_4_2_img img{
        display: inline-block;
        border-radius: 50%;
        max-width: 400px;
        //margin-left: 50px;
    }
    #wrapper_section_child_4_2 {
        flex-basis: 100%;
        order: 1;
        background-color: var(--color-gray-light);
        padding: 5%;
        border-radius: 24px;
    }
}


@media (max-width: 1265px) {

    #wrapper_section_1_sub{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #wrapper_section_child_1_1,
    #wrapper_section_child_1_2,
    #wrapper_section_child_1_3{
        display: block;
    //flex-basis: 100%;
        box-sizing: border-box;
        margin: 40px 0;
    }
    .wrapper_section_1 {
        min-height: 1000px;
    }
    #wrapper_section_child_1_1{
        //margin: 28px 0 40px 0;
        margin: 64px 0 40px 0;
    }
    #wrapper_section_child_1_2{
        display: block;
        width: 80%;
        min-height: 180px;
        margin: auto;
    }

    #ws_1_2_info {
        margin-left: 40%;
    }

}

@media (max-width: 1200px) {
    .wrapper_section {
        height: auto;
    }
    #links_container {
        flex-basis: 88%;
    }
    #links_container li{
        padding-right: 32px;
    }
    #links_container li a {
        //margin-right: 32px;
    }

    #wrapper_section_child_2_2{
        margin-top: 48px;
    }
    #wrapper_section_child_2_1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-basis: 100%;
        z-index: 10;
        order: 2;
    }
    #wrapper_section_child_2_1 img{
        display: inline-block;
        max-width: 300px;
        z-index: 10;
        margin: 48px auto 0 auto;
    }
    #wrapper_section_child_2_2_img {
        display: none;
    }
    #wrapper_section_child_2_2_img img{
        display: none;
    }
    #wrapper_section_child_2_2 {
        flex-basis: 100%;
        order: 1;
        background-color: var(--color-gray-light);
        padding: 5%;
    }
    .wrapper_section_3{
        min-height: 624px;
    }
    #wrapper_section_3_sub{
        margin-bottom: 12px;
    }

    #wrapper_section_child_4_2{
        margin-top: 64px;
    }

    #wrapper_section_child_4_1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-basis: 100%;
        z-index: 10;
        order: 2;
    }
    #wrapper_section_child_4_1 img{
        display: inline-block;
        max-width: 300px;
        z-index: 10;
        margin: 48px auto 0 auto;
    }
    #wrapper_section_child_4_2_txt{
        width: auto;
        max-width: 100%;
    }
    #wrapper_section_child_4_2_img {
        display: none;
    }
    #wrapper_section_child_4_2_img img{
        display: none;
    }
    #wrapper_section_child_4_2 {
        flex-basis: 100%;
        order: 1;
        background-color: var(--color-gray-light);
        padding: 5%;
    }
    .wrapper_section_5{
        min-height: 524px;
    }
    #wrapper_section_5_sub{
        margin-bottom: 12px;
    }
    .wrapper_section_6{
        min-height: 774px;
    }
    #wrapper_section_6_sub{
        margin-bottom: 36px;
    }
    .wrapper_section_7{
        min-height: 500px;
    }
    #wrapper_section_7_sub{
        margin-bottom: 96px;
    }
}

@media (max-width: 1123px) {
    #wrapper_section_child_2_1 img {
        margin: 48px auto 24px auto;
    }
    #wrapper_section_3_sub {
        margin-bottom: 60px;
    }
}

@media (max-width: 1114px) {
    .wrapper_section_1 {
        min-height: 1125px;
    }
    #wrapper_section_child_1_1{
        margin: 28px 0 40px 0;
        //margin: 148px 0 40px 0;
    }
    #wrapper_section_child_2_1 img {
        margin: 48px auto 0 auto;
    }
    #wrapper_section_child_2_2 {
        margin-top: 0;
    }
    .wrapper_section_3{
        min-height: 648px;
    }
    #wrapper_section_3_sub{
        margin-bottom: 24px;
    }
    .wrapper_section_5 {
        min-height: 532px;
    }
    .wrapper_section_6{
        min-height: 800px;
    }
    #wrapper_section_6_sub{
        margin-bottom: 0;
    }
    .wrapper_section_7{
        min-height: 600px;
    }
    #wrapper_section_7_sub{
        margin-bottom: 48px;
    }
}
@media (max-width: 1100px) {

    #desktop_menu {
        display: none;
    }
    #mobile_menu {
        display: flex;
    }


    .container_sub{
        display: block;
        width: 100%;
        margin: auto 0;
        padding: 80px 0 48px 0;
    }
    .wrapper_section_1 {
        min-height: 1100px;
    }
    #ws_1_2_info {
        margin-left: 35%;
    }
    #wrapper_section_child_2_2{
        margin-top: 0;
    }
    #wrapper_section_child_4_2{
        margin-top: 0;
    }
    #wrapper_section_2_sub,
    #wrapper_section_3_sub,
    #wrapper_section_4_sub,
    #wrapper_section_5_sub,
    #wrapper_section_6_sub{
        margin-top: 24px;
        margin-bottom: 24px;
    }
    #wrapper_section_2_sub{
        margin-bottom: 0;
    }
    #wrapper_section_3_sub{
        margin-bottom: 48px;
    }
    #wrapper_section_4_sub{
        margin-top: 48px;
        margin-bottom: 0;
    }
    #wrapper_section_5_sub{
        margin-bottom: 48px;
    }
    #wrapper_section_6_sub{
        margin-top: 48px;
    }





    #wrapper_section_child_3_3_sub{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #wrapper_section_child_3_3_sub div{
        flex-basis: 48%;
        text-align: center;
    }

    .txt_ico_item_ws_3{
        display: inline-block;
        text-align: left;
        width: 220px;
    }

    #wrapper_section_child_4_1 img {
        margin: 48px auto 12px auto;
    }

    .wrapper_section_5 {
        min-height: 600px;
    }
    .wrapper_section_child_5_1_sub{
        padding-left: 0;
    }
    .box_info{
        display: inline-block;
        min-width: 280px;
        margin: 12px 16px;
    }
    .end_para{
        margin-bottom: 12px;
    }
    .wrapper_section_child_5_1_sub{
        padding-top: 0;
    }
    #wrapper_section_child_1_3_sub_info .box_info{
        margin: 4px 4px;
    }

    #wrapper_section_child_5_1 {
        flex-direction: column;
    }
    #wrapper_section_child_5_1_1 {
        flex-basis: 100%;
    }
    #wrapper_section_child_5_1_2 {
        flex-basis: 100%;
    }


    .wrapper_section_6 {
        min-height: 1108px;
    }
    #wrapper_section_child_6_1 {
        flex-direction: column;
    }
    #wrapper_section_child_6_1_1 {
        flex-basis: 100%;
    }
    #wrapper_section_child_6_1_2 {
        flex-basis: 100%;
    }

    #wrapper_section_7_sub{
        min-height: 500px;
    }
    #wrapper_section_7_sub{
        margin-bottom: 0;
    }
    .slider_wrapper{
        width: 80%;
        max-width: 768px;
    }
    .ws7_spacer{
        //height: 150px;
        //min-height: 150px;
    }

    .footer,
    .footerPage {
        height: 50px;
        line-height: 110%;
        font-size: var(--font-size-pico);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer-item, .footer-page-item {
        align-items: flex-start;
    }
    .middle{
        padding-top: 8px;
    }
    .desktop-only{
        display: none;
    }
    .mobile-only{
        display: flex;
    }

}

@media (max-width: 1074px) {
    .wrapper_section_1 {
        min-height: 1150px;
    }
    #wrapper_section_child_1_1{
        //margin: 28px 0 40px 0;
    //margin: 148px 0 40px 0;
    }
}

@media (max-width: 1000px) {
    #wrapper_section_child_2_1 img {
        margin: 48px auto 12px auto;
    }
    #ws_1_2_info {
        margin-left: 30%;
    }
    .box_info{
        margin: 12px 4px;
    }

}

@media (max-width: 974px) {
    .wrapper_section_3 {
        min-height: 672px;
    }
    #wrapper_section_4_sub {
        margin-top: 60px;
    }
    .wrapper_section_5 {
        min-height: 624px;
    }
}

@media (max-width: 946px) {

    #wrapper_section_child_1_1{
        //margin: 28px 0 40px 0;
        margin: 84px 0 40px 0;
    }
    #wrapper_section_child_2_1 img {
        //margin: 48px auto 12px auto;
    }
    #ws_1_2_info {
        margin-left: 20%;
    }
}

@media (max-width: 885px) {
    .wrapper_section_5 {
        min-height: 832px;
    }
    .box_cert_btn{
        text-align: center;
    }

}

@media (max-width: 850px) {
    #wrapper_section_child_1_3_sub_txt p {
        max-width: 90%;
        margin: 12px auto 12px auto;
    }
    #wrapper_section_child_1_3_sub_info .box_info{
        margin: 0 4px;
    }

    #wrapper_section_child_1_2{
        min-height: 250px;
    }
    #ws_1_2_info {
        margin-left: 15%;
    }
}

@media (max-width: 768px) {

    .content_container_bfm {
        flex-direction: column;
    }
    .content_item_bfm {
        flex: 0 0 100%;
    }

    #wrapper_section_child_1_1,
    #wrapper_section_child_1_2,
    #wrapper_section_child_1_3{
        flex-basis: 100%;
    }
    #wrapper_section_child_1_3_sub_info div{
        flex-basis: 100%;
    }
    #ws_1_2_info {
        margin-left: 10%;
    }


    #wrapper_section_child_2_1 {
        flex-basis: 100%;
        order: 2;
        text-align: center;
    }
    #wrapper_section_child_2_1 img{
        min-width: 150px;
        max-width: 200px;
        z-index: 10;
    }
    #wrapper_section_child_2_2 {
        flex-basis: 100%;
        order: 1;
        background-color: var(--color-gray-light);
        padding: 5%;
    }
    .wrapper_section_3 {
        min-height: 900px;
    }
    #wrapper_section_child_4_1 {
        flex-basis: 100%;
        order: 2;
        text-align: center;
    }
    #wrapper_section_child_4_1 img{
        min-width: 150px;
        max-width: 200px;
        z-index: 10;
    }
    #wrapper_section_child_4_2 {
        flex-basis: 100%;
        order: 1;
        background-color: var(--color-gray-light);
        padding: 5%;
    }

    .wrapper_section_5 {
        min-height: 880px;
    }
    #wrapper_section_6_sub {
        margin-top: 60px;
    }

    #wrapper_section_child_3_2 {
        flex-direction: column;
    }
    #wrapper_section_child_3_3_sub div{
        flex-basis: 100%;
    }

    .modal-content {
        width: 76%;
    }


}

@media (max-width: 700px) {
    #ws_1_2_info {
        margin-left: 5%;
    }
}

@media (max-width: 650px) {
    #ws_1_2_info {
        margin-left: 2%;
    }
}

@media (max-width: 615px) {
    .mobile_menu_logo{
        display: none;
    }
    .mobile_menu_btn{
        display: none;
    }

    .mobile_menu_logo_small{
        display: block;
        width: 54px;
        height: auto;
        //margin: 8px 0 10px 0;
        margin: 6px 0;
    }

    .modal-content {
        width: 76%;
        min-width: 250px;
        max-width: 500px;
    }
    #wrapper_section_child_1_1 h1 {
        margin: 0;
    }
    .txt_ico_item, .txt_ico_item span{
        font-size: var(--font-size-nano);
    }

}
@media (max-width: 600px) {

    .no_mobile{
        display: none;
    }
    .wrapper_section_sub {
        flex-basis: 88%;
        max-width: 500px;
        min-width: 351px;
    }

    .box_contact_map{
        height: 200px;
    }
    .ws7_tile{
        margin-top: 24px;
    }
    .slider_wrapper{
        width: 100%;
        max-width: 560px;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .slider_box{
        overflow-y: auto;
    }
    .wrapper_section_3 {
        min-height: 932px;
    }
    .wrapper_section_5 {
        min-height: 900px;
    }
    #wrapper_section_7_sub{
        //overflow: hidden;
        //min-height: 500px;
    }
    #wrapper_section_child_1_1{
        //padding-left: 0;
        //padding-right: 0;
    }
    #wrapper_section_child_1_2{
        width: 100%;
    }
    #ws_1_2_info {
        margin-left: 0;
    }
}



@media (max-width: 400px) {


}








/*

.container {
    scroll-snap-type: y mandatory;
    height: 100vh;
    overflow-y: scroll;
}

.section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    scroll-snap-align: start;
}

.section:nth-child(odd) {
    background-color: #f2f2f2;
}

.section:nth-child(even) {
    background-color: #ccc;
}



@media (min-width: 768px) {
    .nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        padding: 0 20px;
        background-color: #f0f0f0;
    }

    .nav .logo {

    }

    .nav .menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav .menu ul {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 0;
    }

    .nav .menu ul li {
        margin: 0 10px;
    }

    .nav .menu ul li a {
        text-decoration: none;
        color: #333;
    }

    .nav .menu ul li a:hover {
        text-decoration: underline;
    }

    .nav .button {

    }
}


@media (max-width: 767px) {
    .nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        padding: 0 20px;
        background-color: #f0f0f0;
    }

    .nav .logo {

    }

    .nav .menu {

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav .menu .menu-icon {

    }

    .nav .menu .menu-links {

        display: none;
    }

    .nav .button {

    }
}

*/