.left-side{
    grid-area: 1 / 1 / 2 / 2;
}
.right-side{
    grid-area: 1 / 2 / 2 / 3;
}

.big-text{
    font-size: 2.8vw;
    font-weight: 600;
    line-height: 3.6vw;
}
.display-grid{
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.section-title{
    text-transform: uppercase;
    margin-bottom:var(--btw-title-text-dt);
}
.image-place-holder{
    background-color: lightgray;
}
.space-between-p{
    height: 4vw;
}
ol{
    list-style: unset;
    list-style-type: decimal;
}
/*******************************************************/
/*                  TOP SECTION                        */
/*******************************************************/
.services-service-top-section{
    grid-template-columns: 40% 60%;
    height: fit-content;
    margin-top:var(--tb-spacing-dt);
}
.services-service-top-section-left{
    display: flex;
    width: 100%;
    position:relative;
}

.services-service-top-section-left p{
    align-self: center;
    margin-left: var(--lr-spacing-dt);
    margin-bottom: 3vw;
}

.services-service-horizontal-line{
    bottom:0;
    width: 50%;
    height: 0.4vw;
    background-color: black;
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;

    margin-top:var(--btw-title-text-dt);
}
.services-service-mobile-hor-line{
    display: none;
}

.services-service-top-section-right{
    align-self: center;
}

.services-service-top-section-right p{
    margin-right:var(--lr-spacing-dt);
    padding-left: 2vw;
}

/*******************************************************/
/*                     SECTION 2                       */
/*******************************************************/

.services-service-section2{
    grid-template-columns: 50% 50%;
    margin-top:var(--tb-spacing-dt);
    margin-left:var(--lr-spacing-dt);
    margin-right: var(--lr-spacing-dt);
}
.services-services-section2-left-text{
    margin-bottom:var(--btw-title-text-dt);
}
.services-section2-spacing{
    height: 2vw;
}
.services-service-section2-left p{
    width: 40vw;

}
.services-service-section2-tree{
    margin-left: calc(var(--lr-spacing-dt) * -1);
}

.services-service-section2-right div{
    height:53vw;
    width: 46vw;
    margin-right:2.3vw
}
.image-place-holder>img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}


/*******************************************************/
/*                     SECTION 3                       */
/*******************************************************/

.services-service-section3{
    display: grid;
    grid-template-columns: 55% 45%;
    grid-template-rows: 0.3fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    margin-top:var(--tb-spacing-dt);
    margin-left: var(--lr-spacing-dt);
    margin-right: var(--lr-spacing-dt);
}

.services-service-section3>p{
    grid-area: 3 / 1 / 4 / 3;
    height: auto;
}

.section3-title{
    grid-area: 1 / 1 / 2 / 2;
    margin-bottom: var(--btw-title-text-dt);
}
.section3-text{
    grid-area: 2 / 1 / 3 / 2;
}

.section3-text ol{
    margin-top:1vw;
    margin-left:1.5vw;
}

.section3-text li{
    margin-top:1vw;
}
.services-service-section3-right{
    grid-area: 2 / 2 / 3 / 3;
    margin-left:5vw;
}

.services-section3-sourceLink{
    grid-area: 2 / 2 / 3 / 3;
}
.services-section3-source{
    margin-top:1vw;
    font-size: 2.08vw;
    font-weight: 300;
    line-height: 130%;
}

.services-section3-bottomText{
    margin-top: 2vw;
    font-size: 1.38vw;
    font-weight: 400;
    line-height: normal;
}

/*******************************************************/
/*                     SECTION IMAGE                   */
/*******************************************************/
.services-service-section-image{
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 2px solid var(--color-dark);
    height: 24.375vw;

    margin-left: var(--lr-spacing-dt);
    margin-right: var(--lr-spacing-dt);
}
.section-image-mobile{
    display: none;
}
.services-imgSection-step{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.services-imgSection-step-number{
    color: #B7B7B7;
    text-align: center;
    font-size: 3.33vw;
    font-weight: 900;
    line-height: normal;
}
.services-imgSection-step img{
    width: 6.48vw;
    height:8.40vw;
    object-fit: contain;
}
.services-imgSection-step P{
    text-align: center;
    height: 3.26vw;
    width:10.48vw;
    font-size:1.38vw;
    font-weight: 500;
    line-height: normal;
}
.services-imgSection-fleche{
    width: 4.72vw;
    margin: 0 1vw;
}
.services-imgSection-fleche:last-child{
    display: none;
}

/*******************************************************/
/*                     SECTION IMAGE 2                 */
/*******************************************************/
.secImage2{
    position:relative;
    padding-left:5vw;
    height:37.75vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom:1vw;
}
.services-imgSection-top{
    display: flex;
    align-items: center;
}
.services-imgSection-bottom{
    margin-left: 8vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.services-imgSection-ReverseFleche{
    transform: rotate(180deg);
}

.service-imgSectionGrandeFleche{
    position:absolute;
    right:2vw;
    top:9.5vw;
}
.service-imgSectionGrandeFleche>div:nth-child(1){
    height:18.5vw;
    width: 22.16vw;
    border-top: 0.3vw solid #B7B7B7;
    border-right: 0.3vw solid #B7B7B7;
    border-bottom: 0.3vw solid #B7B7B7;
}
.service-imgSectionGrandeFleche>div:nth-child(2){
    position:absolute;
    top:1.5vw;
    right:10vw;
    height:17vw;
    width: 22.16vw;
    border-bottom: 0.3vw solid #B7B7B7;
}
.service-imgSectionGrandeFleche>div:nth-child(3){
    position:absolute;
    transform: rotate(45deg);
    top:17.7vw;
    right:30.8vw;
    height:1.5vw;
    width: 1.5vw;
    border-bottom: 0.3vw solid #B7B7B7;
    border-left: 0.3vw solid #B7B7B7;
}
/*******************************************************/
/*                     SECTION 4                       */
/*******************************************************/

.services-service-section4{
    margin-top: var(--tb-spacing-dt);
}
.section4-mobile{
    display: none;
}
.section4_2-mobile{
    display: none;
}
.section4-title{
    margin-left:var(--lr-spacing-dt);
    margin-bottom:var(--btw-title-text-dt);
}
.section4-cards-container{
    display: flex;
    justify-content: space-between;
    background-color: var(--color-dark);
    color:var(--color-light);
}
.services-section4-card{
    padding:3vw;
    background-color: rgba(255, 255, 255, 0.10);
    width: 32.22vw;
}
.services-service-section4_2{
    margin-top:var(--tb-spacing-dt);
}
.services-section4_2-card{
    padding:3vw;
    background-color: rgba(255, 255, 255, 0.10);
    width: 32.22vw;
}
.services-section4_2-card>div{
    margin-top:2vw;
    font-size: 2.08vw;
    font-weight: 700;
    line-height: normal;
}
.services-section4_2-card img{
    height:25.625vw;
}
.services-section4-card img{
    height: 6.87vw;
    margin-bottom:2vw;
}
.services-section4-card div{
    font-size: 2.08vw;
    font-weight: 700;
    margin-bottom: 1vw;
}
.services-section4-card p{
    font-size: 1.42vw;
    font-weight: 400;
    line-height: normal;
}
/*******************************************************/
/*                     SECTION 5                       */
/*******************************************************/

.section-5{
    margin-top: var(--tb-spacing-dt);
    margin-left:var(--lr-spacing-dt);
    margin-right: var(--lr-spacing-dt);
}


/*******************************************************/
/*                     SECTION 6                       */
/*******************************************************/

/***********************************/
/***********************************/
/*            MOBILE               */
/***********************************/
/***********************************/
@media screen and (max-width: 768px) and (orientation: portrait){
    body{
        --lr-spacing-dt: var(--lr-spacing-mob);
        --tb-spacing-dt: var(--tb-spacing-mob);
        --btw-title-text-dt : var(--btw-title-text-mob);
    }
    .display-grid{
        display: unset;
    }
    /***************/
    /* TOP SECTION */
    /***************/
    .services-service-top-section-left{
        display: flex;
    }
    .services-service-top-section-left>p{
        font-size: 5.13vw;
        margin-top: var(--tb-spacing-mob);
        margin-left: var(--lr-spacing-mob);
        margin-right: var(--lr-spacing-mob);
        margin-bottom:unset;
    }
    .services-service-horizontal-line{
        display: none;
    }
    .services-service-mobile-hor-line{
        display: block;
        margin-top:var(--tb-spacing-mob);
        width: 67.43vw;
        border-bottom: 1vw solid var(--color-dark);
    }
    .services-service-top-section-right{
        margin-top: var(--tb-spacing-mob);
        margin-left:var(--lr-spacing-mob);
        margin-right:var(--lr-spacing-mob);
    }

    /***************/
    /*  SECTION 2  */
    /***************/
    .services-service-section2-left p{
        width: 100%;
        padding:0 5vw;
    }
    .services-service-section2-tree{
        margin-top:10vw;
        margin-bottom:8vw;
        margin-left:unset;
    }
    .services-service-section2-right div{
        width: 100%;
        height: auto;
    }

    /***************/
    /*  SECTION 3  */
    /***************/
    .services-service-section3{
        display: flex;
        flex-direction: column;
    }
    .services-service-section3 div:nth-child(1){
        order:1;
    }
    .services-service-section3 div:nth-child(2){
        margin-top:var(--btw-title-text-mob);
        order:3;
    }
    .services-service-section3 div:nth-child(2) li{
        margin-top:3vw;
    }
    .services-service-section3 div:nth-child(3),
    .services-section3-sourceLink{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        order:2;
        text-align: end;
    }
    .services-service-section3 div:nth-child(3) p{
        width: 68.41vw;
    }
    .services-section3-source{
        font-size: 5.12vw;
    }

    .services-section3-bottomText{
        order:4;
        font-size: 4.10vw;
    }
    .section3-text li{
        margin-left:3vw;
    }
    /*******************/
    /*  SECTION IMAGE  */
    /*******************/
    .services-service-section-image{
        position:relative;
        display: grid;
        grid-template-columns: 1fr 0.5fr 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        width: auto;
        height: 126.41vw;
        margin-top:var(--btw-title-text-mob);
    }

    .services-imgSection-step{
        width: unset;
        height: unset;
    }
    .services-imgSection-step-number{
        font-size: 6.33vw;
    }
    .services-imgSection-step img{
        width: 11.4vw;
        height: 11.4vw;
    }
    .services-imgSection-step P{
        font-size: 3.5vw;
        height:18.26vw;
        width:35vw;
    }

    .services-imgSection-fleche{
        width: 12.72vw;
        display: none;
    }

    .services-imgSection-step:nth-child(1){
        grid-area: 1 / 1 / 2 / 2;
    }
    .services-imgSection-step:nth-child(3){
        grid-area: 1 / 3 / 2 / 4;
    }
    .services-imgSection-step:nth-child(5){
        grid-area: 2 / 3 / 3 / 4;
    }
    .services-imgSection-step:nth-child(7){
        grid-area: 2 / 1 / 3 / 2;
    }
    .services-imgSection-step:nth-child(9){
        grid-area: 3 / 1 / 4 / 2;
    }
    .services-imgSection-step:nth-child(11){
        grid-area: 3 / 3 / 4 / 4;
    }
    .services-imgSection-step:nth-child(13){
        grid-area: 4 / 1 / 5 / 4;
    }

    .services-imgSection-fleche:nth-child(2){
        display: block;
    }
    .services-imgSection-fleche:nth-child(4){
        transform: rotate(180deg);
        display: block;
    }
    .services-imgSection-fleche:nth-child(6){
        display: block;
    }
    .services-imgSection-fleche:nth-child(8){
        display: block;
        position:relative;
        transform: rotate(90deg);
        top:-87vw;
        left:63vw;
    }
    .services-imgSection-fleche:nth-child(10){
        display: block;
        position:relative;
        transform: rotate(90deg);
        top:-47vw;
        left:-26vw;
    }

    .services-imgSection-top>.services-imgSection-step:nth-child(1){
        grid-area: 1 / 1 / 2 / 2;
    }

    .section-image-desktop{
        display: none;
    }
    .section-image-mobile{
        display: grid;
        height: 169.41vw;
    }

    .section-image2-mobile-fleche:nth-child(8){
        position:absolute;
        top:36vw;
        left:63vw;
    }
    .section-image2-mobile-fleche:nth-child(10){
        position:absolute;
        top:80vw;
        left:9vw;
    }
    .section-image2-mobile-fleche:nth-child(12){
        display: block;
        transform:rotate(130deg);
        position:absolute;
        top:125vw;
        left:54vw;
        width:16vw;
    }

    /***************/
    /*  SECTION 4  */
    /***************/
    .section4-title{
        margin-left:var(--lr-spacing-mob);
        margin-right: var(--lr-spacing-mob);
    }
    .section4-desktop{
        display: none;
    }
    .section4-mobile{
        display: block;
        margin-top:var(--tb-spacing-mob);
    }
    .section4_2-desktop{
        display: none;
    }
    .section4_2-mobile{
        display: block;
        margin-top:5vw;
    }

    /***************/
    /*  SECTION 6  */
    /***************/
    .services-service-section6{
        margin-top: var(--tb-spacing-mob);
        margin-bottom:var(--tb-spacing-mob);
    }
}