.container_FlexRow {

    width: 100%;

    height: 100%;



    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

    align-items: start;  

    padding: 0 0 1vw 0;

}

.container_FlexCol {

    width: 100%;

    height: 100%;



    display: flex;

    flex-direction: column;

    justify-content:flex-start;

    align-items: center;  

    padding: 0 0 1vw 0;

}



.container_container {

    padding: 0vh 0vw 0vh 0vw;

    background-color: #0e1726;

    margin: 2vh 4vw; 

    border-radius: 1vw 1vw 1vw 1vw 

}

.container_sousContainer {

    width: 98%;

    border: 0.3vh solid black;

    margin: 0 0 0.4vh 0; 



}



.container_Title,

.container_expendTitle {

    width: 100%;

    font-size: 3vh;

    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-weight: 800;

    color: #e0e6ed;

    padding: 0.8vh 0 1.2vh 0; 

    margin: 0 0 0.8vh 0;

    border-bottom: 0.2vh dashed gray;

    text-align: center;

}

.container_expendTitle{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center; 

}



.container_SubTitle {

    width: auto;

    font-size: 2.2vh;

    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-weight: 800;

    color: #e0e6ed;

    padding: 0.1vh 0 0.4vh 0; 

}

.container_Text {

    width: auto;

    font-size: 1.6vh;

    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-weight: 500;

    color: #e0e6ed;

    padding: 0 0 0 0; 

}



.container_expendTitle_item:nth-child(1),

.container_expendTitle_item:nth-child(3) {

    width: 2vw;

    padding: 0vh 1vw;

    flex: 0 1 auto;

    cursor: pointer;

    text-align: end;

}

.container_expendTitle_item:nth-child(2){

    flex: 1 1 auto;

    text-align: center;

    cursor: pointer;

}



.container_expend_container {

    width: 100%;

    height: 1vh;

    overflow-y: hidden;

    overflow-x: hidden;

}



@media screen and (max-device-width: 1000px), screen and (orientation: portrait) { /* 9/16 mobile*/

    .container_FlexRow {

        width: 100%;

        height: 100%;

    

        display: flex;

        flex-direction: column;

        justify-content: left;

        align-items: flex-start;  

        padding: 0 0 1vw 0;

    }

}

@media screen and (orientation: landscape) { /* 19/9 DeskTop/Mobile */ 

    .container_FlexRow {

        width: 100%;

        height: 100%;

    

        display: flex;

        flex-direction: row;

        justify-content: space-evenly;

        align-items: start;  

        padding: 0 0 1vw 0;

    }



    @media screen and (min-device-width: 1000px) and (orientation: landscape) { /* 19/9 DeskTop*/

        .container_expend_container {

            /* mask-image: linear-gradient(180deg, #000 0.8vh, transparent); */

            /* -webkit-mask-image: linear-gradient(180deg, #000 0.8vh, transparent); */

        }

    }

    @media screen and (max-device-width: 1000px) and (orientation: landscape) { /* 19/9 mobile*/

        .container_Title,

        .container_expendTitle{

            font-size: 2.4vw;

        }

        .container_SubTitle {

            font-size: 2vw;

        }

        .container_Text {

            font-size: 1.4vw;

        }

    }

}