* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "Avenir";
    src: url(../fonts/Avenir/Avenir.ttc);
}

@font-face {
    font-family: "Avenir Black";
    src: url(../fonts/Avenir/AvenirLTStd-Black.otf);
}
    
@font-face {
    font-family: "Avenir Black Oblique";
    src: url(../fonts/Avenir/AvenirLTStd-BlackOblique.otf);
}
    
@font-face {
    font-family: "Avenir Book";
    src: url(../fonts/Avenir/AvenirLTStd-Book.otf);
}

@font-face {
    font-family: "Avenir Book Oblique";
    src: url(../fonts/Avenir/AvenirLTStd-BookOblique.otf);
}
    
@font-face {
    font-family: "Avenir Heavy";
    src: url(../fonts/Avenir/AvenirLTStd-Heavy.otf);
}
    
@font-face {
    font-family: "Avenir Heavy Oblique";
    src: url(../fonts/Avenir/AvenirLTStd-HeavyOblique.otf);
}

@font-face {
    font-family: "Avenir Light";
    src: url(../fonts/Avenir/AvenirLTStd-Light.otf);
}
    
@font-face {
    font-family: "Avenir Light Oblique";
    src: url(../fonts/Avenir/AvenirLTStd-LightOblique.otf);
}
    
@font-face {
    font-family: "Avenir Medium";
    src: url(../fonts/Avenir/AvenirLTStd-Medium.otf);
}

@font-face {
    font-family: "Avenir Medium Oblique";
    src: url(../fonts/Avenir/AvenirLTStd-MediumOblique.otf);
}

@font-face {
    font-family: "Avenir Oblique";
    src: url(../fonts/Avenir/AvenirLTStd-Oblique.otf);
}
 
@font-face {
    font-family: "Avenir Roman";
    src: url(../fonts/Avenir/AvenirLTStd-Roman.otf);
}

@font-face {
    font-family: "Avenir Bold";
    src: url(../fonts/Avenir/AvenirNextBold.ttf);
}


body {
    
    font-family: "Avenir Medium", sans-serif;
    
    overflow-x: hidden;
}

header {
    
    width: 100%;
    
    //z-index: 999;
    
    z-index: 800;
    
    height: auto;
    
    position: fixed;
}


/* header.fixed {
    
    position: fixed;
    
} */


/* === Burger-menu section === */

.burger-menu {
    
    height: 90px;
    width: 90px;
    background-color: #000;
    
    display: flex;
    
    //justify-content: center;
    
    align-items: center;
    
    float: left;
    
    position: absolute;
    top: 0;
    
    z-index: 10;
}

header::after {
    
    content: "";
    display: block;
    clear: left;
}

.burger-menu > div {
    
    /* height: 3px;
    background-color: #fff; */
    
    //width: 29px;
    
    width: 20px;
    
    border-top: 3px solid #fff;
    
    position: relative;
    
    left: 50%;
    transform: translateX(-90%);
    
    transition: all 0.3s;
}

.burger-menu > div::before {
    
    content: "";
    display: block;
    position: absolute;
    width: 29px;
    border-top: 3px solid #fff;
    
    top: -9px;
    
    transition: all 0.3s;
}

.burger-menu > div::after {
    
    content: "";
    display: block;
    position: absolute;
    width: 29px;
    border-top: 3px solid #fff;
    
    top: 3px;
    
    transition: all 0.3s;
}

.burger-menu:hover {
    
    cursor: pointer;
}

/* .burger-menu:hover div::before {
    
    //width: 20px;
    
    //width: 40px;
    
    animation: move-before 0.5s linear;
    
} */

.burger-menu div.move-before-bar::before {
    
    animation: move-before 0.5s linear;
    
}

/* .burger-menu:hover div {
    
    //width: 29px;
    
    //width: 30px;
    
    width: 29px;
    
    //transform: translateX(-16px);
    
    //left: 60%;
    
    left: 59%;
} */



.burger-menu div.move-middle-bar {
    
    //width: 29px;
    
    //width: 30px;
    
    width: 29px;
    
    //transform: translateX(-16px);
    
    //left: 60%;
    
    left: 59%;
}


/* .burger-menu:hover div::after {
    
    //width: 20px;
    
    //width: 20px;
    
    animation: move-after 0.5s reverse;
    
} */

.burger-menu div.move-after-bar::after {
    
    //width: 20px;
    
    //width: 20px;
    
    animation: move-after 0.5s reverse;
}


@keyframes move-before {
    
    /* 45% {
        
        width: 40%;
    } */
    
    
    50% {
        
        width: 29%;
    }
    
    100% {
        
        width: 29px;
    }
}

@keyframes move-after {
    
    40% {
        
        width: 0%;
    }
    
    45% {
        
        width: 5%;
    }
    
    /* 48% {
        
        width: 8%;
    } */
    
    
    50% {
        
        width: 25%;
    }
    
    100% {
        
        width: 30px;
    }
}

/* .burger-menu div.move-back {
    
    left: 50%;
} */

.burger-menu div.hide {
    
    //border-top-color: rgba(255, 255, 255, 0);
    
    border-color: rgba(255, 255, 255, 0);
    
    /* transition: opacity 0.2s; */
    
    //transition: border-color 0.1s, left 0.3s;
    
    //transition: border-color 0.15s, left 0.3s;
    
    transition: border-color 0.13s, left 0.3s;
    
    left: 50%;
    
    //left: 49%;
    
    //left: 48%;
}

.burger-menu div.rotate::before {
    
    transform: rotate(45deg) translateX(7px) translateY(-3px);
}

.burger-menu div.rotate::after {
    
    transform: rotate(-45deg) translateX(11px) translateY(-1px);
}

/* === End of burger-menu section === */


/* === Header child 2 section === */

header .child-two-section-container {
    
    //background-color: red;
    
    background-color: #fff;
    
    display: grid;
    
    //grid-template-columns: 1fr 1fr 1fr;
    
    //grid-template-columns: 1fr 2.5fr 1fr;
    
    //grid-template-columns: 1fr 1.8fr 1fr;
    
    grid-template-columns: 1fr 1.8fr 0.5fr 0.5fr;
    
    transition: box-shadow 0.3s;
}

header .child-two-section-container .phone-number-wrapper {
    
    /* text-align: center; */
    
    align-self: center;
    
    position: relative;
    
    /* //left: 50%; */
    
    left: 45%;
    
}

/* header .child-two-section-container .phone-number-wrapper, header .child-two-section-container .contact-label-wrapper { */

header .child-two-section-container .contact-label-wrapper {
    
    /* text-align: center; */
    
    align-self: center;
    
    position: relative;
    
    //left: 35%;
    
    /* LATEST USE LEFT VALUE left: 33%; */
}

header .child-two-section-container .flag-wrapper {
    
    display: flex;
    
    align-items: center;
}

header .child-two-section-container .flag-wrapper a {
    
    text-decoration: none;
    
    z-index: 1;
    
    cursor: pointer;
}

/* header .child-two-section-container .contact-label-wrapper a:nth-child(2) img { */

header .child-two-section-container .flag-wrapper a:nth-child(1) {
    
    margin-left: 50px;
}

header .child-two-section-container .flag-wrapper a:nth-child(1) img {
    
    width: 20px;
    
    //opacity: 0.2;
}

/* header .child-two-section-container .contact-label-wrapper .separator { */

header .child-two-section-container .flag-wrapper .separator {
    
    //font-weight: 100;
    
    //border-left: 1.9px solid #000;
    
    border-left: 2px solid #000;
    
    margin: 0 6px;
    
    display: inline-block;
    
    height: 14.5px;
    
    position: relative;
    
    top: 1px;
    
    //top: 1.2px;
    
}

/* header .child-two-section-container .contact-label-wrapper a:nth-child(4) img { */

header .child-two-section-container .flag-wrapper a:nth-child(3) img {
    
    //width: 21.5px;
    
    //width: 20.9px;
    
    //width: 20px;
    
    width: 20.83px;
    
    //margin-left: 10px;
}

header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap {
    
    font-weight: 800;
    color: #000;
    
    font-size: 12px;
    
    //font-size: 11.5px;
    
    font-family: "Avenir Black", sans-serif;
}

header .child-two-section-container .contact-label-wrapper a {
    
    text-decoration: none;
    color: #000;
}

header .child-two-section-container .contact-label-wrapper a > span {
    
    font-weight: 800;
    color: #000;
    font-family: "Avenir Black", sans-serif;
    
    font-size: 13px;
    
}

header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap #phone-number-code-header {
    
    //color: gainsboro;
    
    color: #C4C4C4;
}

header .child-two-section-container .logo-wrapper {
    
    //padding: 20px 0;
    
    //padding: 19.5px 0;
    
    //padding: 18.5px 0;
    
    padding: 18.8px 0;
    
    //padding: 20px 90px 20px 0;
    
    /* align-self: center; */
    
    text-align: center;
    
    
    position: relative;
    
    //left: 7.5%;
    
    /* LATEST LEFT VALUE left: 5%; */
    
    //left: 3%;
    
    //left: 4%;
    
}

header .child-two-section-container .logo-wrapper a img {
    
    //width: 216px;
    
    //width: 220px;
    
    //width: 230px;
    
    width: 228px;
    
    /* padding: 20px 0; */
}


header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap a {
    
    text-decoration: none;
    color: #000;
}

header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap a:hover {
    
    cursor: default;
    
    //cursor: pointer;
}

header .child-two-section-container .logo-wrapper img:hover {
    
    cursor: pointer;
}

header .child-two-section-container .contact-label-wrapper a > span:hover {
    
    cursor: pointer;
    color: #0478FF;
    
}

/* === End of header child 2 section === */


/* === Header child 3 section === */

/* header {
    
    position: fixed;

} */

header div.inner-absolute-div-container {
    
    position: absolute;
    
    /* z-index: 9999; */
    
    z-index: 999;
    
    width: 100%;
    
    display: block;
}

header .child-three-section-container {
    
    background-color: #000;
    
    position: absolute;
    
    display: flex;
    
    /* justify-content: center;
    align-items: center; */
    
    //height: 86.2vh;
    
    width: 100%;
    
    height: 100vh;
    top: 0;
    
    clip-path: circle(0 at left top);
    -webkit-clip-path: circle(0 at left top);
    -moz-clip-path: circle(0 at left top);
    -o-clip-path: circle(0 at left top);
    -ms-clip-path: circle(0 at left top);
    
    z-index: 5;
    
    //transition: clip-path 0.9s;
    
    //transition: clip-path 0.5s linear;
    
    transform: translate3d(0, 0, 0, 0), translateX(0);
    
    //transition: clip-path 0.4s;
    
    //transition: clip-path 0.5s linear;
    
    //transition: clip-path 0.295s ease-out;
    
    //transition: clip-path 0.37s ease-in-out;
    
    //transition: clip-path 0.38s ease-in-out;
    
    transition: clip-path 0.374s ease-in-out;
}

header .child-three-section-container.display-animated {
    
    /* clip-path: circle(200% at left top);
    -webkit-clip-path: circle(200% at left top);
    -moz-clip-path: circle(200% at left top);
    -o-clip-path: circle(200% at left top);
    -ms-clip-path: circle(200% at left top); */
    
    clip-path: circle(141.36% at left top);
    -webkit-clip-path: circle(141.36% at left top);
    -moz-clip-path: circle(141.36% at left top);
    -o-clip-path: circle(141.36% at left top);
    -ms-clip-path: circle(141.36% at left top);
    
}

header .child-three-section-container .inner-header-menu-wrap {
    
    align-self: center;
    margin: 0 auto;
    
    text-align: center;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

header .child-three-section-container a.menu-text {
    
    display: block;
    
    text-decoration: none;
    
    color: #fff;
    
    //padding: 20px;
    
    padding: 17px;
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 22px;
    
    letter-spacing: 0.5px;
}

header .child-three-section-container a.menu-text.current {
    
    color: #0478FF;
}

header .child-three-section-container a.menu-text:hover, header .child-three-section-container .social-media-wrapper a:hover i {
    
    cursor: pointer;
    color: #0478FF;
}

header .child-three-section-container .sub-info-container {
    
    //padding-top: 40px;
    
    //padding-top: 10px;
    
    padding-top: 13px;
}

header .child-three-section-container .sub-info-container hr {
    //border-color: #212529;
    
    border-color: #101214;
    
    border-width: 1px;
}

header .child-three-section-container .sub-info-container .sub-info-text, header .child-three-section-container .sub-info-container .separator {
    
    font-family: "Avenir Medium", sans-serif;
    
    text-transform: uppercase;
    
    color: #212529;
    
    font-size: 8.46px;
    
    padding-top: 25px;
    
    letter-spacing: 0.5px;
    
    cursor: default;
    
    //border-top: 0 solid #212529;
}

header .child-three-section-container .sub-info-container .separator {
    
    padding: 0 5px;
}

header .child-three-section-container .social-media-wrapper {
    
    position: absolute;
    
    top: 34px;
    
    right: 90px;
}

header .child-three-section-container .social-media-wrapper a {
    
    text-decoration: none;
}

header .child-three-section-container .social-media-wrapper a#facebook-icon-header {
    
    position: relative;
    right: 17px;
}

header .child-three-section-container .social-media-wrapper a i {
    color: #fff;
    
    //font-size: 15.1px;
    
    font-size: 15.3px;
}

header .child-three-section-container .flag-wrapper {
    
    position: absolute;
    
    top: 50px;
    
    //top: 37.5px;
    
    //right: 90px;
    
    display: flex;
    
    justify-content: center;
    
    width: 96.5%;
}

header .child-three-section-container .flag-wrapper a:hover {
    
    cursor: pointer;
}

header .child-three-section-container .flag-wrapper a:nth-child(1) {
    
    margin-left: 50px;
    
}

header .child-three-section-container .flag-wrapper a:nth-child(1) img {
    
    width: 20px;
    
    //opacity: 0.2;
    
}

header .child-three-section-container .flag-wrapper .separator {
    
    //font-weight: 100;
    
    border-left: 2px solid #fff;
    
    margin: 0 6px;
    
    display: inline-block;
    
    height: 14.5px;
    
    position: relative;
    
    //top: 1px;
    
    top: 5.5px;
    
}

header .child-three-section-container .flag-wrapper a:nth-child(3) img {
    
    //width: 21.5px;
    
    //width: 20.9px;
    
    //width: 20px;
    
    width: 20.83px;
    
    //margin-left: 10px;
}

/* === End of header child 3 section === */



/* === Left bar container === */

.left-bar .social-media-container {
    
    position: relative;
    
    //top: 75vh;
    
    //top: 70vh;
    
    //top: 73vh;
    
    //top: 74vh;
    
    /* //top: 480px;
    //top: 488px; */
    
    top: 487px;
}

.left-bar .social-media-container div {
    
    text-align: center;
}

.left-bar .social-media-container div a i {
    
    //color: #B9B7B8;
    
    color: #C4C4C4;
    
    font-size: 17.3px;
    
}

.left-bar .social-media-container div a {
    
    text-decoration: none;
}

.left-bar .social-media-container div a i:hover {
    
    cursor: pointer;
    color: #0478FF;
}

.left-bar .social-media-container div.linkedin-block {
    
    //margin-bottom: 20px;
    
    margin-bottom: 24px;
}

/* === End of section for Left bar container === */



/* === Right content container section === */

.content-container {
    
    display: flex;
    flex-wrap: nowrap;
    
    /* display: grid;
    grid-template-columns: 0.5fr 11.5fr; */
    
    padding-top: 90.3594px;
}

.content-container .left-bar {
    
    width: 96px;
    
    //width: 90px;
    
    background-color: #fff;
    
    //height: 100vh;
}

.content-container .right-section {
    
    width: 100%;
    
    //background-color: green;
    
    //height: 100vh;
    
    //height: auto;
    
    //display: flex;
    
    overflow-x: hidden;
}

.content-container .right-section .landing-slider-container {
    
    position: relative;
    
    //height: 86.3vh;
    
}

.content-container .right-section .landing-slider-container .landing-image-slide-wrap {
    
    /* display: grid;
    grid-template-columns: repeat(3, 1fr); */
    
    display: block;
    
    //width: 300%;
    
    width: 100%;
    
    position: relative;
    
    //height: 100%;
    
    /* left: 0; */
    
    /* transform: translate3d(0, 0, 0); */
    
    //transition: all 0.8s ease-in-out;
    
    //transition: all 0.8s ease-out;
    
    /* transition: transform 1s;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s; */
    
}

.content-container .right-section .landing-slider-container .landing-image-slide-wrap img {
    
    image-rendering: pixelated;
    
    width: 100%;
    
    display: block;
}

.content-container .right-section .landing-slider-container .landing-image-slide-wrap .carousel-item {
    
    transition: all 1s;
}

/* .content-container .right-section .landing-slider-container .landing-image-slide-wrap img:nth-child(1) {
    
    left: 0;
    
    float: left;
}

.content-container .right-section .landing-slider-container .landing-image-slide-wrap img:nth-child(2) {
    
    left: 100%;
    
    float: left;
}

.content-container .right-section .landing-slider-container .landing-image-slide-wrap img:nth-child(3) {
    
    left: 200%;
    
    float: left;
} */

.content-container .right-section .landing-slider-container .landing-image-slide-wrap::after {
    
    content: "";
    display: block;
    clear: left;
}

.content-container .right-section .landing-slider-container .image-info-container {
    
    background-color: rgba(0, 0, 0, 0.8);
    
    position: absolute;
    bottom: 0;
    
    left: 90px;
    
    //width: 270px;
    
    //height: 270px;
    
    /* //height: 310px; */
    
    //height: 250px;
    
    /* LATEST USED HEIGHT VALUE height: 240px; */
    
    //height: 190px;
    
    height: 190px;
    
    /* width: 300px; */
    
    width: 290px;
    
    display: flex;
    align-items: center;
}

.content-container .right-section .landing-slider-container .image-info-container.english-image-info-container {
    
    //height: 200px;
    
    //height: 205px;
    
    //height: 160px;
    
    height: 155px;
}

.content-container .right-section .landing-slider-container .image-info-container .info-text {
    
    //padding-top: 45px;
    
    padding-top: 3.8px;
}

.content-container .right-section .landing-slider-container .image-info-container .info-text .description-label {
    
    color: #fff;
    letter-spacing: 0.5px;
    
    font-family: "Avenir Light", sans-serif;
    
    //font-size: 20px;
    
    font-size: 21px;
    
    display: block;
    
    //padding: 60px 30px;
    
    //padding: 45px 30px;
    
    padding: 0 30px;
}

.content-container .right-section .landing-slider-container .image-info-container a {
    
    text-decoration: none;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn {
    
    position: absolute;
    color: #fff;
    display: grid;
    grid-template-columns: 2fr 0.5fr;
    
    left: 30px;
    bottom: 40px;
    
    overflow: hidden;
    
    //border: 1px solid #0478FF;
    
    //border: 1.5px solid #0478FF;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn:hover {
    
    cursor: pointer;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1) {
    
    background-color: #0478FF;
    font-size: 13px;
    
    letter-spacing: 0.3px;
    
    //padding: 10px 10px;
    
    //padding: 7px 10px;
    
    padding: 9px 10px;
    
    position: relative;
    
    transition: all 0.6s;
    
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1)::before {
    
    content: "";
    position: absolute;
    
    //padding: 16.5px;
    
    //padding: 17.75px;
    
    //padding: 18.25px;
    
    //padding: 18.5px;
    
    padding: 19px;
    
    width: 100%;
    
    background-color: #0478FF;
    transform: skewX(-8deg);
    
    top: 0;
    bottom: 0;
    
    transition: all 0.6s;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1)::after {
    
    content: "en savoir plus";
    position: absolute;
    
    font-size: 12.98px;
    
    width: 100%;
    left: 0;
    
    //padding-left: 5px;
    
    padding-left: 15px;
    
    /* padding-left: 15.5px; */
    
    top: 50%;
    transform: translateY(-50%);
    
    transition: all 0.6s;
    
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(2) {
    
    font-size: 8px;
    width: 48px;
    
    background-color: #fff;
    
    //border: 1.4999999px solid #0478FF;
    
    border: 1.5px solid #0478FF;
    
    transition: all 0.6s;
    
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(2) i {
    
    //font-weight: 900;
    
    color: #0478FF;
    position: relative;
    
    //left: 40%;
    
    //left: 41%;
    
    left: 42%;
    
    top: 50%;
    
    //transform: translateY(-50%);
    
    //transform: translateY(-55%);
    
    transform: translateY(-56%);
    
    border: 1.2px solid #0478FF;
    
    //padding: 2.5px 3.1px;
    
    padding: 2px 3px;
    
    
    /* border: 1.5px solid #0478FF;
    
    padding: 2.5px 3.2px 2.5px 3.5px; */
    
    
    transition: all 0.6s;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1).change-background, .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1).change-background::before {
    
    background-color: #fff;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1).change-background::after {
    
    color: #0478FF;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(2).change-background {
    
    background-color: #0478FF;
}

.content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(2) i.change-color {
    
    color: #fff;
    border-color: #fff;
    
    //border-radius: 50%;
    
    /* //font-size: 17px;
    font-size: 18px;
    border: 0;
    transform: translate(-10%, -55%); */
}

.nav-sliding-block {
    
    /* display: grid;
    grid-template-columns: 1fr 1fr; */
    
    position: absolute;
    display: block;
    
    //width: 90px;
    
    bottom: 0;
    
    //left: 80vw;
    
    left: 72vw;
    
    /* display: grid;
    grid-template-columns: 1fr 1fr; */
    
}

.nav-sliding-block a:nth-child(1) {
    
    background-color: #000;
    
    float: left;
}

.nav-sliding-block a:nth-child(2) {
    
    background-color: #fff;
    
    float: right;
}

.nav-sliding-block::after {
    
    content: "";
    display: block;
    clear: both;
}

.nav-sliding-block a i {
    
    //padding: 40px;
    
    //padding: 30px 45px;
    
    //padding: 30px 43px;
    
    padding: 30px 40px;
    
    font-size: 25px;
}

.nav-sliding-block a i:hover {
    
    cursor: pointer;
}

.nav-sliding-block a:nth-child(1) i {
    
    color: #fff;
}

.nav-sliding-block a:nth-child(2) i {
    
    color: #000;
}

/* .content-container .right-section .landing-slider-container .landing-image-slide-wrap.move-to-left {
    
    left: -100%;

} */



/* == Home service section == */

.home-service-section {
    
    //height: 100vh;
    
    /* display: flex;
    justify-content: center; */
    
    margin: 0;
    
    padding-bottom: 120px;
}

.home-service-section .down-arrow-wrapper {
    
    text-align: center;
}

/* .home-service-section .down-arrow-wrapper .arrow {
    
    font-weight: 900;
    
    transform: rotate(90deg);
    
    color: #000;
    
    display: block;
    
    padding: 10px;

}

.home-service-section .down-arrow-wrapper .arrow:hover {
    
    cursor: pointer;
    
} */


.home-service-section .down-arrow-wrapper img {
    
    width: 9px;
    
    margin: 20px auto;
}

.home-service-section .down-arrow-wrapper img:hover {
    
    cursor: pointer;
}

.home-service-section .inner-service-wrapper {
    
    text-align: center;
    
    //padding: 50px;
    
    padding: 50px 50px 75px 50px;
    
    position: relative;
    
    text-align: center;
}

.home-service-section .inner-service-wrapper .title {
    
    font-size: 21.5px;
    
    //font-weight: 900;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
}

.home-service-section .inner-service-wrapper .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    color: #000;
    
    letter-spacing: 0.2px;
    
    font-size: 15.2px;
    
    padding: 40px 200px 0 200px;
    
}

.home-service-section .inner-service-wrapper .description .bold {
    font-family: "Avenir Bold", sans-serif;
}

.home-service-section .inner-service-wrapper .more-info-btn-link {
    
    text-decoration: none;
    
    display: block;
    
    margin: 0 auto;
    
    //width: 270px;
    
    //width: 255px;
    
    //width: 253px;
    
    width: 250px;
    
    //padding: 9px 10px;
    
    //margin-top: 23px;
    
    margin-top: 24.2px;
}

.home-service-section .inner-service-wrapper #english-home-all-service-btn {
    
    width: 210px;
}

.home-service-section .inner-service-wrapper .more-info-btn-link:hover {
    
    cursor: pointer;
}


.home-service-section .inner-service-wrapper .more-info-btn-link .inner-more-info-wrap {
    
    display: grid;
    grid-template-columns: 2fr 0.5fr;
    
}

.home-service-section .inner-service-wrapper .more-info-btn-link .inner-more-info-wrap div:nth-child(1) {
    
    //background-color: #0478FF;
    
    background-color: #fff;
    
    font-family: "Avenir Bold", sans-serif;
    
    font-size: 13px;
    
    letter-spacing: 0.3px;
    
    //padding: 9px 10px;
    
    /* position: relative;
    top: -1.2px; */
    
    transition: all 0.6s;
}

.home-service-section .inner-service-wrapper .more-info-btn-link .inner-more-info-wrap div:nth-child(2) {
    
    font-size: 8px;
    width: 48px;
    
    background-color: #fff;
    
    //border: 1.4999999px solid #0478FF;
    
    //border: 1.5px solid #0478FF;
    
    transition: all 0.6s;
}

.home-service-section .inner-service-wrapper .more-info-btn-link .inner-more-info-wrap div:nth-child(2) i {
    
    //font-weight: 900;
    
    color: #0478FF;
    position: relative;
    
    top: 50%;
    
    transform: translateY(-56%);
    
    //border: 1.2px solid #0478FF;
    
    border: 1.5px solid #0478FF;
    
    //padding: 2px 3px 3px 3px;
    
    //padding: 1.8px 3px 2.4px 3px;
    
    //padding: 1.6px 3px 2px 3px;
    
    //padding: 2px 3.624px 3px 3.3px;
    
    /* padding: 1.8px 3.3px 2.4px 3.1px; */
    
    padding: 1.55px 3.1px 2.35px 3.1px;
    
    transition: all 0.6s;
    
}

.home-service-section .inner-service-wrapper .more-info-btn-link:hover .inner-more-info-wrap div:nth-child(1), .home-service-section .inner-service-wrapper .more-info-btn-link:hover .inner-more-info-wrap div:nth-child(2) i {
    
    color: #005fcf;
    border-color: #005fcf;
}

.home-service-section .service-list-block {
    
    //padding: 0 150px;
    
    padding: 0 100px;
    
    //padding: 0 90px;
    
    display: grid;
    //grid-template-columns: repeat(4, 1fr);
    
    //grid-template-columns: repeat(5, 1fr);
    
    grid-template-columns: repeat(3, 1fr);
    
    grid-column-gap: 60px;
}

.home-service-section .service-list-block .inner-service-block .service-image-wrap img {
    
    //width: 50px;
    
    //width: 61px;
    
    width: 58px;
}

.home-service-section .service-list-block #service-two .service-image-wrap img {
    
    //width: 50px;
    
    width: 55px;
}

.home-service-section .service-list-block #service-five .service-image-wrap img {
    
    //width: 50px;
    
    //width: 60px;
    
    width: 61px;
}

.home-service-section .service-list-block #service-six .service-image-wrap img {
    
    //width: 63px;
    
    //width: 61px;
    
    width: 63px;
}

.home-service-section .service-list-block .inner-service-block .service-name {
    
    font-family: "Avenir Bold", sans-serif;
    
    //font-size: 15.3px;
    
    font-size: 15.4px;
    
    //padding: 20px 0;
    
    //padding: 15px 0 25px 0;
    
    padding: 17px 0 28px 0;
}

.home-service-section .service-list-block .inner-service-block .service-description {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 13px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    /* text-align: justify; */
}

.home-service-section .service-list-block .inner-service-block .service-button {
    
    padding-top: 20px;
}

.home-service-section .service-list-block #english-service-three .service-button {
    
    padding-top: 41px;
}

.home-service-section .service-list-block .inner-service-block:nth-child(4), .home-service-section .service-list-block .inner-service-block:nth-child(5), .home-service-section .service-list-block .inner-service-block:nth-child(6) {
    
    //padding-top: 50px;
    
    //padding-top: 60px;
    
    //padding-top: 70px;
    
    padding-top: 75px;
    
    position: relative;
    
    //left: 55%;
    
    //left: 70%;
    
    //left: 65%;
    
    /* left: 60%; */
    
}

.home-service-section .service-list-block .inner-service-block:nth-child(2) .service-button {
    
    //padding-top: 56px;
    
    padding-top: 37px;
}

.home-service-section .service-list-block .inner-service-block:nth-child(3) .service-button {
    
    //padding-top: 41px;
    
    padding-top: 22px;
}

.home-service-section .service-list-block .inner-service-block:nth-child(4) .service-button {
    
    //padding-top: 58px;
    
    padding-top: 60px;
}

.home-service-section .service-list-block .inner-service-block:nth-child(6) .service-button {
    
    padding-top: 41px;
}


.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link {
    
    text-decoration: none;
    
    display: block;
    
    //width: 253px;
    
    width: 155px;
    
    //padding: 9px 10px;
    
    //margin-top: 23px;
}

.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link:hover {
    
    cursor: pointer;
}

.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link .inner-more-info-wrap {
    
    display: grid;
    grid-template-columns: 2fr 0.5fr;
    
}

.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link .inner-more-info-wrap div:nth-child(1) {
    
    background-color: #fff;
    
    font-family: "Avenir Bold", sans-serif;
    
    font-size: 13px;
    
    letter-spacing: 0.3px;
    
    //padding: 9px 10px;
    
    position: relative;
    
    //top: -2px;
    
    top: -1px;
    
    transition: all 0.6s;
}

.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link .inner-more-info-wrap div:nth-child(2) {
    
    font-size: 8px;
    width: 48px;
    
    background-color: #fff;
    
    //border: 1.4999999px solid #0478FF;
    
    //border: 1.5px solid #0478FF;
    
    transition: all 0.6s;
}

.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link .inner-more-info-wrap div:nth-child(2) i {
    
    //font-weight: 900;
    
    color: #0478FF;
    position: relative;
    
    top: 50%;
    
    transform: translateY(-56%);
    
    //border: 1.2px solid #0478FF;
    
    border: 1.5px solid #0478FF;
    
    //padding: 2px 3px;
    
    //padding: 2px 3px 3px 3px;
    
    /* padding: 1.8px 3px 2.4px 3px; */
    
    padding: 1.55px 3.1px 2.35px 3.1px;
    
    transition: all 0.6s;
}

#service-two .service-button .more-info-btn-link .inner-more-info-wrap div:nth-child(2) i {
    
    //padding-top: 2.4067px;
    
    //padding: 2.40627px 3px 2.43px 3px;
    
    //padding: 2.41px 3px 2.4px 3.2px;
    
    //padding: 2.41px 3.2px 2.4px 3.2px;
    
    //padding: 2.41px 3.2px 2.49px 3.2px;
    
    //padding: 2.41px 3.2px 2.5px 3.2px;
    
    //padding: 2.41px 3.26px 2.5px 3.2px;
    
    //padding: 2.41px 3.26px 2.4px 3.2px;
    
    //padding: 2.41px 3.26px 2.4px 3.15px;
    
    padding: 1.55px 2.5px 2.35px 2.3px;
    
}

#service-three .service-button .more-info-btn-link .inner-more-info-wrap div:nth-child(2) i {
    
    //padding: 1.9px 3px 2.4px 3.2px;
    
    //padding: 1.55px 3px 2.35px 2.9px;
    
    padding: 1.55px 2.5px 2.35px 2.5px;
}

#service-four .service-button .more-info-btn-link .inner-more-info-wrap div:nth-child(2) i {
    
    padding: 1.55px 2.7px 2.35px 2.5px;
}

.home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link:hover .inner-more-info-wrap div:nth-child(1), .home-service-section .service-list-block .inner-service-block .service-button .more-info-btn-link:hover .inner-more-info-wrap div:nth-child(2) i {
    
    color: #005fcf;
    border-color: #005fcf;
    
}

/* == End of home service section == */


/* == Home Project section */

.home-project-section {
    
    //padding: 0 100px;
    
    /* padding: 0 90px; */
    
    //padding: 0 100px 70px 100px;
    
    padding: 0 100px 92px 100px;
}

.home-project-section .inner-project-wrapper {
    
    display: grid;
    grid-template-columns: 2fr 1fr;
    
    grid-column-gap: 150px;
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .title {
    
    //font-size: 21.5px;
    
    font-size: 21px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .sub-title {
    
    //font-size: 33.4px;
    
    //font-size: 33.41px;
    
    //font-size: 33.5px;
    
    //font-size: 33.7px;
    
    //font-size: 33.6px;
    
    //font-size: 33.4px;
    
    //font-size: 33.61px;
    
    font-size: 33.6px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    line-height: 33px;
    
    letter-spacing: -0.1px;
    
    padding: 30px 0;
    
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 16.5px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    /* text-align: justify; */
    
    //padding-right: 90px;
    
    padding-right: 85.16px;
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap {
    
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
    //padding: 60px 0 30px 0;
    
    padding: 58px 0 30px 0;
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap .number {
    
    font-family: "Avenir Bold", sans-serif;
    
    //font-size: 30px;
    
    font-size: 33px;
    
    letter-spacing: -1px;
    
    //line-height: 20px;
    
    //line-height: 25px;
    
    line-height: 27px;
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap .related-info {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 14px;
    
    //font-size: 15px;
    
    //font-size: 14.2px;
    
    //font-size: 12.5px;
    
    font-size: 12.97px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
}

.home-project-section .inner-project-wrapper .project-block-container:nth-child(2) img {
    
    //width: 350px;
    
    width: 360px;
}

.home-project-section .inner-project-wrapper .project-button-wrap {
    
    /* display: grid;
    grid-template-columns: 1fr 2fr; */
    
    display: flex;
    flex-wrap: nowrap;
}

.home-project-section .inner-project-wrapper .project-button-wrap .btn-link:nth-child(1) {
    
    /* float: left; */
    
    margin-right: 40px;
}

/* .home-project-section .inner-project-wrapper .project-button-wrap::after {
    
    content: "";
    display: block;
    clear: left;
    
} */

.btn-link {
    
    display: block;
    
    /* width: 120px;
    
    margin: 0;
    padding: 0; */
    
    width: 145px;
    
    overflow: hidden;
    
}

.btn-link .inner-btn-link-wrap {
    
    display: grid;
    grid-template-columns: 2fr 0.5fr;
}

.btn-link .inner-btn-link-wrap div:nth-child(1) {
    
    background-color: #0478FF;
    font-size: 13px;
    
    letter-spacing: 0.3px;
    
    //padding: 10px 10px;
    
    //padding: 7px 10px;
    
    //padding: 9px 10px;
    
    //padding: 8.5px 10px;
    
    //padding: 8.3px 10px;
    
    //padding: 8.21px 10px;
    
    //padding: 8.205px 10px;
    
    padding: 8.2055px 10px;
    
    /* //padding: 8.2px 10px;
    //padding: 8.25px 10px;
    
    //padding: 8.205px 10px;
    //padding: 8.21px 10px;
    //padding: 8.2115px 10px;
    //padding: 8.2105px 10px; */
    
    position: relative;
    
    /* border: 1.5px solid #0478FF; */
    
    border-top: 1.5px solid #0478FF;
    border-bottom: 1.5px solid #0478FF;
    border-left: 1.5px solid #0478FF;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    
    transition: all 0.6s;
}

.btn-link .inner-btn-link-wrap div:nth-child(1)::before {
    
    content: "";
    position: absolute;
    
    //padding: 16.5px;
    
    //padding: 17.75px;
    
    //padding: 18.25px;
    
    //padding: 18.5px;
    
    /* padding: 19px; */
    
    //padding-bottom: 36.99px;
    
    padding-bottom: 35.99px;
    
    //padding-bottom: 34px;
    
    padding-left: 19px;
    
    border-bottom: 1.5px solid #0478FF;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    
    width: 100%;
    
    background-color: #0478FF;
    transform: skewX(-8deg);
    
    top: 0;
    bottom: 0;
    
    transition: all 0.6s;
}

.btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    /* content: "à propos"; */
    
    position: absolute;
    
    font-size: 12.98px;
    
    color: #fff;
    
    width: 100%;
    left: 0;
    
    //padding-left: 5px;
    
    //padding-left: 15px;
    
    /* padding-left: 25px; */
    
    top: 50%;
    transform: translateY(-50%);
    
    transition: all 0.6s;
}

.home-project-section .project-button-wrap .btn-link:nth-child(1) .inner-btn-link-wrap div:nth-child(1)::after {
    
    //content: "à propos";
    
    content: "en savoir plus";
}

.home-project-section .project-button-wrap .btn-link:nth-child(1) #english-btn-link-wrap div:nth-child(1)::after {
    
    content: "more info";
    
}

.home-project-section .project-button-wrap .btn-link:nth-child(1) {
    
    width: 160px;
}

.home-project-section .project-button-wrap #english-presentation-btn-link:nth-child(1) {
    
    width: 140px;
}

.home-project-section .project-button-wrap .btn-link:nth-child(1) .inner-btn-link-wrap div:nth-child(1)::after {
    
    //padding-left: 25px;
    
    padding-left: 18px;
}

.home-project-section .project-button-wrap .btn-link:nth-child(1) .inner-btn-link-wrap div:nth-child(1)::after {
    
    padding-left: 20px;
}

.home-project-section .project-button-wrap .btn-link:nth-child(2) .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "contact";
}

.home-project-section .project-button-wrap .btn-link:nth-child(2) .inner-btn-link-wrap div:nth-child(1)::after {
    
    padding-left: 29px;
}

.btn-link .inner-btn-link-wrap div:nth-child(2) {
    
    font-size: 8px;
    width: 48px;
    
    background-color: #fff;
    
    //border: 1.4999999px solid #0478FF;
    
    border: 1.5px solid #0478FF;
    
    transition: all 0.6s;
}

.btn-link .inner-btn-link-wrap div:nth-child(2) i {
    
    //font-weight: 900;
    
    color: #0478FF;
    position: relative;
    
    //left: 40%;
    
    //left: 41%;
    
    //left: 42%;
    
    left: 43.8%;
    
    top: 50%;
    
    //transform: translateY(-50%);
    
    //transform: translateY(-55%);
    
    transform: translateY(-56%);
    
    border: 1.2px solid #0478FF;
    
    //padding: 2.5px 3.1px;
    
    padding: 2px 3px;
    
    
    /* border: 1.5px solid #0478FF;
    
    padding: 2.5px 3.2px 2.5px 3.5px; */
    
    
    transition: all 0.6s;
    
}

.btn-link .inner-btn-link-wrap div:nth-child(1).change-background, .btn-link .inner-btn-link-wrap div:nth-child(1).change-background::before {
    
    background-color: #fff;
    
}

.btn-link .inner-btn-link-wrap div:nth-child(1).change-background::after {
    
    color: #0478FF;
}

.btn-link .inner-btn-link-wrap div:nth-child(2).change-background {
    
    background-color: #0478FF;
}

.btn-link .inner-btn-link-wrap div:nth-child(2) i.change-color {
    color: #fff;
    border-color: #fff;
    
    //border-radius: 50%;
    
    /* //font-size: 17px;
    font-size: 18px;
    border: 0;
    transform: translate(-10%, -55%); */
}


/* == End of Home Project section == */






/* == Home Work section == */

.home-work-section {
    
    /* background-image: url(images/sliding_image_three_resized_flipped_cropped.jpg) !important; */
    
    
    display: flex;
    align-items: center;
    
    
    width: 100%;
    
    //height: 100vh;
    
    //height: 75vh;
    
    //height: 80vh;
    
    height: 100vh;
    
    background-size: cover;
    background-repeat: no-repeat;
    
    background-attachment: fixed;
    
    position: relative;
    
    //margin-bottom: 80px;
    
    margin-bottom: 75px;
}

.home-work-section::after {
    
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    //background-color: rgba(0, 0, 0, 0.1);
    
    //background-color: rgba(26, 0, 0, 0.3);
    
    background-color: rgba(26, 0, 0, 0.45);
    
}

.home-work-section .inner-home-work-wrapper {
    
    //padding: 0 90px 0 500px;
    
    padding: 0 90px 0 550px;
    
    z-index: 10;
}

.home-work-section .inner-home-work-wrapper .title {
    
    //font-size: 21px;
    
    //font-size: 20px;
    
    font-size: 30px;
    
    //font-weight: 700;
    
    font-weight: 900;
    
    font-family: "Avenir Roman", sans-serif;
    
    //color: #000;
    
    color: #fff;
    
    letter-spacing: 1px;
    
    //padding-top: 60px;
    
    padding-bottom: 30px;
    
}

.home-work-section .inner-home-work-wrapper .sub-title {
    
    //font-size: 33.61px;
    
    font-size: 33.6px;
    
    font-family: "Avenir Bold", sans-serif;
    
    //color: #000;
    
    color: #fff;
    
    line-height: 33px;
    
    letter-spacing: -0.1px;
    
    padding: 30px 0;
}

.home-work-section .inner-home-work-wrapper .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 16.5px;
    
    letter-spacing: 0.3px;
    
    //color: #747474;
    
    color: #fff;
    
    text-align: justify;
    
    //padding-right: 200px;
    
    //padding-right: 150px;
    
    padding-bottom: 40px;
}

.home-work-section .inner-home-work-wrapper .btn-link {
    
    //width: 250px;
    
    //width: 240px;
    
    //width: 238px;
    
    width: 239px;
    
    border: 0;
}

.home-work-section .inner-home-work-wrapper #english-brochure-btn-link {
    
    width: 222px;
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(1) {
    
    //padding: 9.9px;
    
    //padding: 10.5px;
    
    //padding: 10.5px;
    
    padding: 10.48px;
    
    border: 0;
    
    /* border-bottom: 0;
    border-top-color: transparent;
    border-left-color: transparent; */
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(1)::before {
    
    border: 0;
    
    padding: 20.5px;
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "télécharger notre brochure";
}

.home-work-section .inner-home-work-wrapper #english-brochure-btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "download our brochure";
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    //padding-left: 20px;
    
    //padding-left: 15.48px;
    
    padding-left: 17px;
}

.home-work-section .inner-home-work-wrapper #english-brochure-btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    padding-left: 20px;
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(2) {
    
    padding: 0;
    margin: 0;
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(2) img {
    
    //width: 17px;
    
    //width: 16px;
    
    width: 15.5px;
    
    position: relative;
    
    //left: 20px;
    
    left: 19.8px;
    
    //left: 20px;
    
    //top: 9.5px;
    
    top: 10px;
    
}


/* Section to remove when image is completed filled in with blue color */

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(2) img.change-brightness {
    
    //filter: brightness(500%);
    
    filter: brightness(900%);
}

.home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(1).remove-transition, .home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(1).remove-transition::before {
    
    transition: none;
}

/* End of section to remove when image is completed filled in with blue color */



/* .home-work-section .inner-home-work-wrapper .btn-link .inner-btn-link-wrap div:nth-child(2) i {
    
    border: 0;
    
    font-size: 16px;
} */


/* == End of Home Work section == */


/* == Home Customer section == */

.home-customer-section .outer-customer-container {
    
    //padding: 0 100px;
    
    padding: 0 100px 79.5px 100px;
}

.home-customer-section .outer-customer-container .title {
    
    //font-size: 21.5px;
    
    font-size: 21px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper {
    
    padding-bottom: 38px;
    
    display: grid;
    
    //grid-template-columns: 2fr 1fr;
    
    grid-template-columns: 1.5fr 1fr;
    
    //grid-column-gap: 60px;
    
    grid-column-gap: 90px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .sub-title {
    
    //font-size: 33.61px;
    
    font-size: 33.6px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    line-height: 33px;
    
    letter-spacing: -0.1px;
    
    padding: 30px 0;
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 16.5px;
    
    letter-spacing: 0.3px;
    
    //color: #747474;
    
    //color: #323232;
    
    color: #313131;
    
    //color: #4F4F4F;
    
    //color: #212121;
    
    //color: #1A1A1A;
    
    //color: #414141;
    
    text-align: justify;
    
    //padding-right: 90px;
    
    padding-right: 85.16px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description span.bold {
    
    font-family: "Avenir Black", sans-serif;
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) {
    
    //padding-top: 100px;
    
    padding-top: 95px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .airbus-logo-warpper {
    
    text-align: center;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .airbus-logo-warpper img {
    
    //width: 300px;
    
    width: 310px;
    
    filter: grayscale(100%);
    
    transition: all 0.6s;
    
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .airbus-logo-warpper img:hover {
    
    cursor: pointer;
    
    //transform: scale(1.01);
    
    filter: grayscale(0);
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .airbus-logo-warpper img {
    
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block {
    
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
    grid-column-gap: 71px;
    
    margin-bottom: 40px;
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block div:nth-child(1) img {
    
    cursor: pointer;
    
    //width: 90px;
    
    width: 92px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block div:nth-child(2) img {
    
    cursor: pointer;
    
    //width: 78px;
    
    width: 80px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block div:nth-child(3) img {
    
    cursor: pointer;
    
    //width: 70px;
    
    width: 72px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block div:nth-child(1), .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block div:nth-child(2) {
    
    text-align: center;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block div:nth-child(1) img {
    
    cursor: pointer;
    
    //width: 64px;
    
    width: 66px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block div:nth-child(2) img {
    
    cursor: pointer;
    
    //width: 89px;
    
    width: 91px;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block .logo-list-block a {
    
    text-decoration: none;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block .logo-list-block div img {
    
    //transition: all 0.5s;
    
    transition: all 0.48s;
}

.home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block .logo-list-block img:hover {
    
    //transform: scale(1.2);
    
    transform: scale(1.21);
}

.home-customer-section .outer-customer-container .customer-button .btn-link {
    
    //width: 200px;
    
    width: 197px;
}

.home-customer-section .outer-customer-container .customer-button .btn-link .inner-btn-link-wrap div:nth-child(1) {
    
    //border: 1.5px solid #0478FF;
}

.home-customer-section .outer-customer-container .customer-button .btn-link .inner-btn-link-wrap div:nth-child(1)::before {
    
    border-top: 1.5px solid #0478FF;
    
    top: -1px;
    
    padding-bottom: 34.5px;
}

.home-customer-section .outer-customer-container .customer-button .btn-link .inner-btn-link-wrap div:nth-child(1).change-padding::before {
    
    padding-bottom: 35.99px;
}

.home-customer-section .outer-customer-container .customer-button .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "voir nos références";
}

.home-customer-section .outer-customer-container .customer-button .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    //padding-left: 20.5px;
    
    //padding-left: 20px;
    
    padding-left: 19.8px;
}

.home-customer-section .outer-customer-container .customer-button .btn-link .inner-btn-link-wrap div:nth-child(2) i {
    
    padding: 1.8px 3.2px;
}

/* == End of Home Customer section == */


/* == Arrow up section == */

.move-to-top-btn {
    
    //width: 40px;
    
    width: 45px;
    
    text-align: center;
    
    //padding: 9px;
    
    padding: 9px;
    
    border: 1px solid #D6D6D8;
    background-color: #fff;
    
    //position: relative;
    
    position: fixed;
    
    //left: 95%;
    
    left: 94.7%;
    
    bottom: 17.6px;
    
    opacity: 0;
    z-index: -1;
    
    //transition: opacity 0.7s;
    
    /* transition: opacity 0.9s; */
}

.move-to-top-btn img {
    
    //width: 7.5px;
    
    width: 7.95px;
    
    padding-bottom: 3px;
    
    transition: all 0.6s;
    
}

.move-to-top-btn:hover {
    
    cursor: pointer;
    
    background-color: #000;
    border-color: #000;
}

/* .move-to-top-btn:hover img {
    
    filter: brightness(900%);
    
} */

.move-to-top-btn img:nth-child(1) {
    
    display: inline;
}

.move-to-top-btn img:nth-child(2) {
    
    display: none;
}

.move-to-top-btn img:nth-child(1).hide {
    
    display: none;
}

.move-to-top-btn img:nth-child(2).display {
    
    display: inline;
}

/* == End of Arrow up section == */


/* == Footer section == */

footer {
    
    //background-color: #000;
    
    background-color: #0478FF;
    
    /* //background: linear-gradient(-100deg, #021B79, #0575E6, #205E9B);
    //background: linear-gradient(300deg, #0478FF, #0575E6); */
    
    //background: linear-gradient(300deg, #0478FF, #2948ff);
    
}

footer .inner-footer-section {
    
    //padding: 80px 100px 90px 100px;
    
    //padding: 80px 100px 50px 100px;
    
    //padding: 70px 100px 50px 100px;
    
    //padding: 68px 100px 50px 100px;
    
    //padding: 67.5px 100px 50px 100px;
    
    padding: 67.1px 100px 50px 100px;
    
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

footer .inner-footer-section .physical-address-wrapper img {
    
    //width: 150px;
    
    width: 155px;
    
    padding-bottom: 20px;
}

footer .inner-footer-section .footer-block-container {
    
    margin: 0 auto;
}

footer .inner-footer-section .footer-block-container .title {
    
    font-family: "Avenir Black", sans-serif;
    
    //font-size: 18.5px;
    
    //font-size: 18.1px;
    
    //font-size: 19px;
    
    font-size: 20px;
    
    //font-size: 19.8px;
    
    //letter-spacing: 0.1px;
    
    letter-spacing: 0.4px;
    
    color: #fff;
    
    padding-bottom: 20px;
}

footer .inner-footer-section .footer-block-container .text-content {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 13px;
    
    font-size: 13.5px;
    
    color: #fff;
    
    //line-height: 16px;
    
    line-height: 19.1px;
    
    letter-spacing: 0.2px;
}

footer .inner-footer-section .physical-address-wrapper .text-content {
    
    cursor: default;
}

footer .inner-footer-section .footer-block-container .text-content a {
    
    display: block;
    text-decoration: none;
    
    color: #fff;
    
    transition: all 0.6s;
}

footer .inner-footer-section .footer-block-container .text-content a:hover {
    
    text-decoration: none;
    
    color: #000;
}

footer .inner-footer-section .contact-wrapper .text-content > div:not(:last-child) {
    
    
    //padding-bottom: 10px;
    
    padding-bottom: 12px;
}

footer .inner-footer-section .contact-wrapper div.text-content div i {
    
    padding-right: 6px;
}

footer .bottom-footer-wrapper {
    
    /* //padding: 0 100px;
    //padding-left: 160px; */
    
    display: grid;
    grid-template-columns: 2fr 1fr;
    
    padding-bottom: 30px;
}

footer .bottom-footer-wrapper .copyright {
    
    //padding-left: 160px;
    
    //padding-left: 167px;
    
    padding-left: 18.478%;
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 10px;
    
    //font-size: 11px;
    
    color: #fff;
    
    letter-spacing: 0.3px;
}

footer .bottom-footer-wrapper .company {
    
    //padding-left: 160px;
    
    //padding-left: 40%;
    
    padding-left: 35.6%;
    
    //padding-left: 35%;
    
    //padding-left: 39.85%;
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 10px;
    
    //font-size: 11px;
    
    color: #fff;
    
    letter-spacing: 0.3px;
}

footer .bottom-footer-wrapper .company #melon {
    
    font-weight: 700;
    
    font-family: "Avenir", sans-serif;
    
    //letter-spacing: 0.5px;
    
    font-size: 10.5px;
}

/* == End of Footer section == */


/* == Breadcrumb section == */

.breadcrumb-section {
    
    //padding: 30px 0 20px 0;
    
    padding: 35px 0 30px 0;
}

.breadcrumb-section .inner-breadcrumb-wrapper {
    
    font-weight: 400;
    
    font-family: "Avenir Roman", sans-serif;
    
    font-size: 10px;
    
    letter-spacing: 0.3px;
    
    color: #C4C4C4;
}

.breadcrumb-section .inner-breadcrumb-wrapper a {
    
    text-decoration: none;
    
    color: #C4C4C4;
}

.breadcrumb-section .inner-breadcrumb-wrapper a:hover {
    
    color: #0478FF;
}

.breadcrumb-section .inner-breadcrumb-wrapper #separator {
    
    padding: 0 10px;
    
    font-size: 8px;
    
    position: relative;
    top: -1.8px;
}

.breadcrumb-section .inner-breadcrumb-wrapper #current-title {
    
    color: #000;
    
    font-weight: 800;
}

.breadcrumb-section .inner-breadcrumb-wrapper #current-title:hover {
    
    cursor: default;
}

/* == End of Breadcrumb section == */


/* == Main Title section == */

.main-title-section {
    
    //padding: 50px 0 50px 70px;
    
    //padding: 60px 0 40px 70px;
    
    padding: 60px 0 60px 70px;
    
    /* padding: 60px 0 40px 100px; */
    
    //background-color: #0478FF;
    
    background: linear-gradient(300deg, #0478FF, #2948ff);
    
}

#english-about-us-main-title-section {
    
    padding: 78px 0 78px 70px;
}

.main-title-section .title h1 {
    
    font-family: "Avenir Medium", sans-serif;
    
    color: #fff;
    
    font-size: 50px;
    
    line-height: 50px;
    
    padding-right: 908px;
}

#engligh-main-title-wrap h1 {
    
    padding-right: 675px;
}

.main-title-section .sub-title {
    
    font-family: "Avenir Light Oblique", sans-serif;
    
    color: #fff;
    
    font-size: 17px;
    
    padding-right: 716px;
    
}

/* == End of Main Title section == */


/* == About Us Section One == */

.about-us-section-one {
    
    //padding: 0 100px 92px 100px;
    
    //padding: 57px 100px 92px 100px;
    
    //padding: 57px 100px 67px 100px;
    
    //padding: 57px 100px 95px 100px;
    
    padding: 57px 100px 100px 100px;
}

.about-us-section-one .inner-about-us-wrapper {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    //grid-column-gap: 150px;
    
    grid-column-gap: 100px;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .title {
    
    //font-size: 21.5px;
    
    font-size: 21px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .sub-title {
    
    font-size: 33.6px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    line-height: 33px;
    
    letter-spacing: -0.1px;
    
    padding: 30px 0;
    
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 16.5px;
    
    font-size: 15.2px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    text-align: justify;
    
    //padding-right: 90px;
    
    //padding-right: 85.16px;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .number-wrap {
    
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
    //padding: 58px 0 30px 0;
    
    //padding: 35px 0 30px 0;
    
    padding: 35px 0 20px 0;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .number-wrap .about-us-stat-inner-wrap .number {
    
    font-family: "Avenir Bold", sans-serif;
    
    font-size: 33px;
    
    letter-spacing: -1px;
    
    line-height: 27px;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .number-wrap .about-us-stat-inner-wrap .related-info {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 12.97px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
}

.about-us-section-one .about-us-button-wrap .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "contact";
}

.about-us-section-one .about-us-button-wrap .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    padding-left: 29px;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(2) .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 16.5px;
    
    //font-size: 15px;
    
    font-size: 15.2px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    text-align: justify;
    
    //padding-right: 90px;
    
    //padding-right: 85.16px;
}

.about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(2) img {
    
    //width: 350px;
    
    width: 360px;
    
    position: relative;
    left: 50px;
}

/* == End of About Us Section One == */


/* == Value section == */

.value-section {
    
    //padding: 0 100px;
    
    padding: 0 100px 100px 100px;
}

.value-section .title {
    
    font-size: 21.5px;
    
    //font-weight: 900;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    text-align: center;
    
    //padding: 0 100px 60px 100px; 
    
    //padding: 0 0 60px 0;
    
    //padding: 0 0 68px 0; 
    
}

.value-section .introduction {
    
    text-align: center;
    
    padding-top: 21px;
    
    padding-bottom: 68px;
}

.value-section .value-list-block {
    
    //padding: 0 100px;
    
    //padding: 70px 0 0 0;
    
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    
    grid-column-gap: 60px;
}

.value-section .value-list-block .inner-value-block .value-image-wrap img {
    
    //width: 50px;
    
    //width: 61px;
    
    width: 58px;
}

/* .value-section .value-list-block .inner-value-block .value-image-wrap img {
    
    //width: 50px;
    
    width: 55px;
} */

.value-section .value-list-block .inner-value-block .value-name {
    
    font-family: "Avenir Bold", sans-serif;
    
    //font-size: 15.3px;
    
    font-size: 15.4px;
    
    //padding: 20px 0;
    
    //padding: 15px 0 25px 0;
    
    padding: 17px 0 28px 0;
}

.value-section .value-list-block #value-two .value-name {
    
    padding: 17px 0 40px 0;
}

.value-section .value-list-block .inner-value-block .value-description {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 13px;
    
    font-size: 15px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    /* text-align: justify; */
    
    padding-top: 40px;
}

.value-section .value-list-block .inner-value-block:nth-child(3) .value-description {
    
    text-align: justify;
}

.value-section .value-list-block .inner-value-block:nth-child(2) .value-description {
    
    padding-top: 50px;
}

/* == End of Value section == */


/* == Advantage section == */

.advantage-section {
    
    //padding: 0 100px 100px 100px;
    
    padding: 0 100px 120px 100px;
}

.advantage-section .title {
    
    //font-size: 21.5px;
    
    font-size: 21px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    text-align: center;
    
    padding-bottom: 50px;
}

.advantage-section .inner-advantage-wrapper {
    
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    
    //grid-column-gap: 50px;
    
    grid-column-gap: 70px;
    
}

.advantage-section .inner-advantage-wrapper .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 16.5px;
    
    font-size: 15.2px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    /* text-align: justify; */
    
    //padding-right: 90px;
    
    //padding-right: 85.16px;
}

.advantage-section .inner-advantage-wrapper .description .description-list {
    
    padding-top: 30px;
}

.advantage-section .inner-advantage-wrapper .description .description-list div:not(:first-child) {
    
    padding-top: 8px;
}

.advantage-section .inner-advantage-wrapper .description .description-list div .bullet-point {
    
    float: left;
    display: block;
}

.advantage-section .inner-advantage-wrapper .description .description-list div .inner-text {
    
    display: block;
    padding-left: 25px;
    
}

.advantage-section .inner-advantage-wrapper .description .description-list div::after {
    
    content: "";
    display: block;
    clear: left;
}

.advantage-section .bottom-description {
    
    font-family: "Avenir Roman", sans-serif;
    
    //font-size: 16.5px;
    
    font-size: 15.2px;
    
    //font-size: 14.5px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    //text-align: center;
    
    /* text-align: justify; */
    
    //text-transform: uppercase;
    
    font-weight: 600;
    
    //font-style: italic;
    
    //padding: 50px 50px 0 30px;
    
    //padding: 100px 68px 0 30px;
    
    //padding: 100px 30px 0 0;
    
    //padding: 100px 0 0 0;
    
    padding-top: 35px;
    
    
}

.advantage-section .bottom-description.mobile {
    
    display: none;
}

/* == End of Advantage section == */


/* === Consultant section === */

.consultant-section .title {
    
    font-size: 16.4px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    padding-bottom: 10px;
}

.consultant-section .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    //font-size: 16.5px;
    
    font-size: 15.5px;
    padding-top: 30px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    text-align: justify;
}

/* === End of Consultant section === */


/* == Team section == */

.team-section {
    
    //padding: 0 100px;
    
    //padding: 0 100px 100px 100px;
    
    padding: 0 100px 60px 100px;
    
}

.team-section .main-section-wrapper {
    
    /* display: grid;
    grid-template-columns: 1fr 1fr; */
}

.team-section .main-section-wrapper .title {
    
    font-size: 21.5px;
    
    //font-weight: 900;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
}

.team-section .main-section-wrapper .consultant-section {
    
    margin-bottom: 100px;
}

.team-section .main-section-wrapper .consultant-section .picture-wrap {
    
    margin-top: 50px;
    
    text-align: center;
}

.team-section .main-section-wrapper .consultant-section img {
    
    width: 100%;
}

.team-section .main-section-wrapper .team-nav-container {
    
    display: flex;
    justify-content: flex-end;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block {
    
    display: block;
    
    width: 178px;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block a:nth-child(1) {
    
    background-color: #000;
    float: left;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block a:nth-child(2) {
    
    background-color: #fff;
    
    float: right;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block::after {
    
    content: "";
    display: block;
    clear: both;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block a i {
    //padding: 30px 40px;
    
    padding: 29px 39px;
    
    font-size: 25px;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block a i:hover {
    
    cursor: pointer;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block a:nth-child(1) i {
    
    color: #fff;
    
    border: 1px solid #000;
}

.team-section .main-section-wrapper .team-nav-container .team-nav-sliding-block a:nth-child(2) i {
    
    color: #000;
    
    border: 1px solid #D6D6D8;
}


/* Bootstrap Multi-item Carousel */

.col-md-4{
  display: inline-block;
  margin-left:-10px;
}
.col-md-4 img{
  width:100%;
  height:auto;
}
  
body .carousel-control-prev-icon,
body .carousel-indicators li,
body .carousel-control-next-icon{
  background-color:#000;
}

span.carousel-control-prev-icon {
 position: relative;
 bottom: 40px;
 right: 40px;
}

span.carousel-control-next-icon {
 position: relative;
 bottom: 40px;
}

/* End of section for Bootstrap Multi-item Carousel */



.team-member-wrapper .carousel-indicators {
    
    position: absolute;
    
    //bottom: -70px;
    
    bottom: -50px;
}


.team-member-wrapper .carousel-indicators li {
    
    background-color: #C4C4C4;
    
    width: 60px;
    
    margin: 5px;
}


.team-member-wrapper .carousel-indicators .active {
    
    background-color: #0478FF;
}

.team-member-wrapper .carousel-item > div {
    
    //padding: 0 50px;
    
    //padding-right: 50px;
    
    //padding-right: 80px;
    
    padding-right: 75px;
    
    position: relative;
    
    /* display: flex;
    justify-items: center; */
}

.team-member-wrapper .carousel-item img {
    
    border-radius: 0;
    
    /* height: 300px; */
}

.team-member-wrapper .carousel-item > div a {
    
    position: relative;
    
    display: block;
}

.team-member-wrapper .carousel-item .member-info-section {
    
    position: absolute;
    
    //bottom: 9px;
    
    bottom: 7px;
    
    //left: 25px;
    
    //left: 12px;
    
    //left: 8.9px;
    
    left: 13.8px;
    
    //right: 10px;
    
    //width: 68%;
    
    //width: 65%;
    
    //width: 93%;
    
    width: 89%;
    
    //width: 230px;
    
    background-color: #fff;
    
    //background-color: rgba(0, 0, 0, 0.8);
}

.team-member-wrapper .carousel-item .member-info-section div.member-name {
    
    font-family: "Avenir Bold", sans-serif;
    
    //font-family: "Avenir Black", sans-serif;
    
    //font-family: "Avenir Heavy", sans-serif;
    
    /* font-size: 18px;
    letter-spacing: 0.5px; */
    
    //font-size: 16px;
    
    //font-size: 18px;
    
    //font-size: 17.3px;
    
    //font-size: 17px;
    
    font-size: 19px;
    
    //letter-spacing: 0.9px;
    
    //letter-spacing: 0.5px;
    
    //padding-left: 10px;
    
    padding-left: 18px;
    
    padding-right: 10px;
    
    line-height: 23px;
    
    padding-top: 8px;
    
    //padding-bottom: 8px;
    
    color: #000;
    
    //color: #fff;
}

#thierry-rakotoarison-section, #kajimahasoa-razafindrabe-harizo-section, #mirana-rasamimanana-section, #miandrazo-rakotoarisoa-section, #kanto-rarojoarifety-section {
    
    /* padding-top: 14px;
    padding-bottom: 14px; */
    
    /* padding-top: 12.5px;
    padding-bottom: 12.5px; */
    
    /* padding-top: 13.5px;
    padding-bottom: 13.5px; */
    
    /* padding-top: 12.5px;
    padding-bottom: 12.5px; */
    
    /* padding-top: 9.8px;
    padding-bottom: 9.8px; */
    
    padding-top: 11.9px;
    padding-bottom: 11.9px;
    
}

#jean-marc-randrianirina-section {
    
    /* padding-top: 2px;
    padding-bottom: 2px; */
    
    padding-top: 2px;
    padding-bottom: 2px;
    
}

.team-member-wrapper .carousel-item .member-info-section div.member-title {
    
    font-family: "Avenir Medium", sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    
    //padding-left: 10px;
    
    padding-left: 18px;
    
    padding-bottom: 8px;
    
    padding-top: 1.3px;
    
    //color: slategray;
    
    //color: lightsteelblue;
    
    color: dimgray;
}

/* #thierry-rakotoarison-section .member-name, #mirana-rasamimanana-section .member-name, #member-info-no-name-section-1 .member-name, #kanto-rarojoarifety-section .member-name, #member-info-no-name-section-2 .member-name {
    
    position: relative;
    top: -14px;
}

#thierry-rakotoarison-section .member-title, #mirana-rasamimanana-section .member-title, #member-info-no-name-section-1 .member-title, #kanto-rarojoarifety-section .member-title, #member-info-no-name-section-2 .member-title {
    
    position: relative;
    top: 14px;
    
} */

/* == End of Team section == */


/* == Service section == */

.service-main-title-section {
    
    //padding: 60px 0 40px 70px;
    
    padding: 60px 0 60px 70px;
    
    //background-color: #0478FF;
    
    background: linear-gradient(300deg, #0478FF, #2948ff);
}

#english-service-main-title {
    
    padding: 100px 0 90px 70px;
}

.service-main-title-section .title h1 {
    
    font-family: "Avenir Medium", sans-serif;
    
    color: #fff;
    
    font-size: 50px;
    
    line-height: 50px;
    
    position: relative;
    
    //left: 50%;
    
    left: 47.3%;
    
    padding-right: 621px;
    
    //padding-right: 643px;
}

.service-main-title-section .sub-title {
    
    font-family: "Avenir Light Oblique", sans-serif;
    
    color: #fff;
    
    font-size: 17px;
    
    position: relative;
    
    //left: 50%;
    
    left: 47.3%;;
    
    padding-right: 716px;
}

.service-content-section {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    //padding: 0 100px 0 100px;
    
    /* padding-left: 200px;
    padding-right: 150px; */
    
    padding-bottom: 70px;
    
    width: 920px;
    
    margin-left: 15%;
    
    grid-row-gap: 50px;
}

.service-content-section .service-block img {
    
    //width: 350px;
    
    width: 360px;
}

.service-content-section .service-block .service-name {
    
    //font-size: 21.5px;
    
    font-size: 21px;
    
    font-family: "Avenir Bold", sans-serif;
    
    color: #000;
    
    padding: 35px 0 20px 0;
    
    width: 363px;
    
}

.service-content-section .service-block .description {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 15.5px;
    
    letter-spacing: 0.3px;
    
    color: #747474;
    
    text-align: justify;
    
    padding: 0;
    margin: 0;
    
    width: 363px;
}

.service-content-section .service-block .description ul {
    
    //padding-left: 40px;
    
    padding-left: 30px;
    
    padding-top: 20px;
    padding-bottom: 20px;
    
    list-style-type: square;
}

.service-content-section .service-block .description ul li:first-child {
    
    padding-top: 15px;
}

.service-content-section .service-block .description ul li:not(:first-child) {
    
    padding-top: 20px;
}

.service-content-section .service-block:nth-child(1) {
    
    margin-top: -180px;
    
    //margin-top: -38.5%;
    
}

.service-content-section .service-block:nth-child(3) {
    
    //margin-top: -43%;
    
    margin-top: -53%;
}

.service-content-section .service-block:nth-child(5) {
    
    //margin-top: -45%;
    
    margin-top: -53%;
    
}

.service-content-section .service-block:nth-child(2) {
    
    padding-top: 20%;
}

/* == End of Service section == */


/* == Option section == */

.option-section {
    
    //padding: 70px 100px 50px 100px;
    
    //padding: 70px 100px 80px 100px;
    
    padding: 70px 95px 80px 100px;
    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    
}

.option-section .option-block {
    
    //padding: 70px 60px;
    
    //padding: 50px 40px;
    
    //padding: 60px 40px;
    
    //padding: 65px 43px;
    
    //padding: 70px 50px;
    
    padding: 70px 45px;
}

.option-section .option-block:nth-child(1) {
    
    color: #0478FF;
    
    font-family: "Avenir Oblique", sans-serif;
    
    font-weight: 500;
    
    //font-size: 17.5px;
    
    font-size: 17.2px;
    
    line-height: 23px;
}

.option-section .option-block:nth-child(2) {
    
    background-color: #0478FF;
    
    font-family: "Avenir Roman", sans-serif;
    
    color: #fff;
    
    font-size: 21px;
    
    line-height: 25px;
    
    text-align: center;
    
    position: relative;
    
    cursor: default;
    
    border: 1px solid #0478FF;
    
    //transition: all 0.6s;
    
    transition: all 0.3s;
}

.option-section .option-block:nth-child(2)::after {
    
    content: "";
    display: block;
    
    /* width: 100%;
    height: 100%; */
    
    position: absolute;
    
    //top: 0;
    
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #0478FF transparent;
    
    transform: rotate(180deg);
    
    bottom: -13px;
    
    left: 45%;
    
    opacity: 1;
    
    //transition: all 0.6s;
    
    transition: all 0.7s;
    
    /* //transition: all 0.9s;
    //transition: all 0.8s;
    transition: all 0.7s; */
}

.option-section .option-block:nth-child(3) {
    
    font-family: "Avenir Roman", sans-serif;
    
    //color: #919191;
    
    color: #5F5F5F;
    
    font-size: 21px;
    
    line-height: 25px;
    
    text-align: center;
    
    border: 1px solid #C4C4C4;
    
    position: relative;
    
    //transition: all 0.6s;
    
    transition: all 0.3s;
}

.option-section .option-block:nth-child(3)::after {
    
    content: "";
    display: block;
    
    /* width: 100%;
    height: 100%; */
    
    position: absolute;
    
    //top: 0;
    
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    //border-color: transparent transparent #0478FF transparent;
    
    border-color: transparent transparent transparent transparent;
    
    transform: rotate(180deg);
    
    bottom: -13px;
    
    left: 45%;
    
    opacity: 1;
    
    //transition: all 0.6s;
    
    transition: all 0.7s;
    
    /* //transition: all 0.9s;
    //transition: all 0.8s;
    transition: all 0.7s; */
}

.option-section .option-block:nth-child(3).change-colors {
    
    background-color: #0478FF;
    
    border: 1px solid #0478FF;
    
    color: #fff;
    
}

.option-section .option-block:nth-child(2).change-transition, .option-section .option-block:nth-child(3).change-transition {
    
    transition: all 0.6s;
}

.option-section .option-block:nth-child(2).increase-transition::after {
    
    transition: all 0.01s;
}

.option-section .option-block:nth-child(3).decrease-transition::after {
    
    //transition: none;
    
    //transition: all 0.3s;
    
    transition: all 0.05s;
}

.option-section .option-block:nth-child(2).hide-blue-triangle::after {
    
    border-color: transparent transparent transparent transparent;
}

.option-section .option-block:nth-child(3).display-blue-triangle::after {
    
    border-color: transparent transparent #0478FF transparent;
}

.option-section .option-block:nth-child(2):hover, .option-section .option-block:nth-child(3):hover {
    
    cursor: pointer;
}

.option-section .option-block:nth-child(2) div img {
    
    width: 31.3px;
}

.option-section .option-block:nth-child(3) div img {
    
    width: 37.6px;
}

.option-section .option-block:nth-child(2), .option-section .option-block:nth-child(3) {
    
    display: grid;
    
    grid-template-columns: 0.3fr 2fr;
}

.option-section .option-block:nth-child(2).change-to-white {
    
    background-color: #fff;
    
    border: 1px solid #C4C4C4;
    
    color: #5F5F5F;
}

#land-white-img, #tool-gray-img {
    
    display: none;
}

.option-section .option-block:nth-child(2).hide-white-image #tool-white-img {
    
    display: none;
}

.option-section .option-block:nth-child(2).display-gray-image #tool-gray-img {
    
    display: block;
}

.option-section .option-block:nth-child(3).hide-gray-image #land-gray-img {
    
    display: none;
}

.option-section .option-block:nth-child(3).display-white-image #land-white-img {
    
    display: block;
}


/* == End of Option section == */


/* == Table section == */

.table-section {
    
    //padding-bottom: 90px;
    
    padding: 0 90px 90px 0;
}

.table-section .search-input-wrapper {
    
    //padding-bottom: 35px;
    
    margin-bottom: -40px;
    
    padding-top: 20px;
}

.table-section .search-input-wrapper img {
    
    width: 15px;
    position: relative;
    top: -2px;
}

.table-section .search-input-wrapper input {
    
    //width: 250px;
    
    width: 260px;
    
    border: 0;
    
    //padding-left: 20px;
    
    padding-left: 10px;
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 15.5px;
    
    letter-spacing: 0.3px;
    
    color: #5F5F5F;
    
}

::placeholder {
    
    color: #0478FF;
    
    font-family: "Avenir Medium", sans-serif;
    
    letter-spacing: 0.3px;
    
    font-size: 15.5px;
    
}

*:focus {
    outline: none;
}

.table-section table {
    
    width: 100%;
}

.table-section table th {
    
    font-family: "Avenir Bold", sans-serif;
    
    font-size: 16px;
    
    text-align: center;
    
    padding: 35px 50px;
    
    background-color: #F3F7FA;
    
    border-top: 0;
    border-bottom: 0;
    
    border-right: 4px solid #fff;
}

.table-section table th.date-header {
    
    width: 202px;
    
}

.table-section table th.country-header {
    
    width: 202px;
}

.table-section table th.client-header {
    
    width: 250px;
}

.table-section table th.description-header {
    
    //width: 510.4px;
    
    width: 513px;
}

.table-section table td {
    
    font-family: "Avenir Medium", sans-serif;
    
    color: #5F5F5F;
    
    font-size: 15px;
    
    text-align: justify;
    
    padding: 30px 25px;
}

.table-section table td.date-row {
    
    //width: 180px;
    
    width: 202px;
}

.table-section table td.first-row {
    
    border-top: 0;
}

.table-section table td.country-row {
    
    text-align: center;
}

.table-section table td.client-row {
    
    color: #0478FF;
    
    font-family: "Avenir Roman", sans-serif;
    
    font-weight: 600;
    
    letter-spacing: 0.3px;
    
    text-align: center;
        
}

#tbl-consulting_paginate .pagination, .pagination-container .pagination, #tbl-maps_paginate .pagination {
    
    justify-content: flex-end;
    
    padding-right: 5px;
}

#tbl-consulting_paginate .pagination, #tbl-maps_paginate .pagination {
    
    padding-bottom: 20px;
}

.pagination-container .pagination {
    
    padding-top: 20px;
}

#tbl-consulting_paginate .pagination li a, .pagination-container .pagination li a, #tbl-maps_paginate .pagination li a {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 14px;
}


/* == End of Table section == */


/* == Map section == */

.map-section {
    
    //padding: 0 90px 0 0;
}

.map-section .company-map {
    
    height: 300px;
}

/* == End of Map section == */


/* == Contact section == */

.contact-section {
    
    //padding: 70px 100px 90px 100px;
    
    //padding: 70px 190px 90px 200px;
    
    padding: 70px 190px 40px 200px;
}

.contact-section .title h1 {
    
    font-family: "Avenir Bold", sans-serif;
    
    font-size: 21.5px;
}

.contact-section .instruction {
    
    font-family: "Avenir Medium", sans-serif;
    
    font-size: 12px;
    
    color: red;
    
    padding-top: 28px;
    padding-bottom: 28px;
}


.contact-section form .inner-form-container {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contact-section form .info-block {
    
    padding-bottom: 30px;
}

.contact-section form .inner-form-container .top-info-section:nth-child(1) .info-block:nth-child(1) .info-text {
    
    position: relative;
    bottom: -8px;
}

.contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(1) {
    
    position: relative;
    top: 5.5px;
}

.contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(2) {
    
    
    position: relative;
    top: 2px;
}


.contact-section form .info-text {
    
    font-family: "Avenir Medium", sans-serif;
    font-size: 14px;
    
    color: #5F5F5F;
    
    padding-bottom: 11px;
    
    padding-left: 5px;
}

.contact-section form select {
    
    font-family: "Avenir Medium", sans-serif;
    font-size: 14px;
    
    color: #A9A9A9;
    
    /* padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px; */
    
    //width: 400px;
    
    width: 390px;
    
    padding-left: 15px;
    
    letter-spacing: 0.3px;
    
    /* position: relative;
    top: -1px; */
    
    cursor: pointer;
}

.contact-section form .red {
    
    color: red;
}

.contact-section form input {
    
    width: 390px;
    
    border: 2px solid #EFEFF1;
    
    /* padding-top: 6.6px;
    padding-bottom: 6.6px; */
    
    
    height: 39px;
    
    padding-left: 15px;
    
    color: #A9A9A9;
    
    font-size: 14px;
    
    letter-spacing: 0.3px;
}

.contact-section form textarea {
    
    width: 390px;
    
    border: 2px solid #EFEFF1;
    
    /* text-indent: 15px; */
    
    padding-left: 15px;
    padding-right: 15px;
    
    color: #A9A9A9;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.contact-section form .success-notification {
    
    color: green;
    
    opacity: 0;
    
    transition: all 0.6s;
}

.contact-section form .success-notification.display {
    
    opacity: 1;
}


.contact-section form .inner-form-wrapper:nth-child(1) .info-block:nth-child(1) .info-text, .outer-info-block .info-text {
    
    padding-bottom: 8px;
}

.contact-section form .inner-form-wrapper:nth-child(2) .info-block:nth-child(1) {
    
    //margin-top: 0.001px;
    
    position: relative;
    top: 2px;
}


.contact-section form .send-section {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contact-section form .btn-link {
    
    position: relative;
    
    //top: 213px;
    
    //top: 185px;
    
    top: 186px;
}

.contact-section form #english-send-btn-link {
    
    width: 138px;
}


.contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "envoyer";
}

.contact-section form #english-send-btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    content: "send";
}

.contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    padding-left: 29px;
}

.contact-section form #english-send-btn-link .inner-btn-link-wrap div:nth-child(1)::after {
    
    padding-left: 35px;
}



.selectdiv {
    
    position: relative;
    float: left;
    height: 0;
    
}

.selectdiv:after {
    
    content: '\f107';
    font: normal normal normal 17px/1 FontAwesome;
    
    //color: #0ebeff;
    
    color: #6F6F6F;
    
    font-weight: 100;
    
    right: 0px;
    
    //left: 80%px;
    
    top: 15px;
    
    //height:49px;
    
    //height:40px;
    
    height: 20px;
    
    //padding: 15px 0px 0px 16px;
    
    padding-left: 13px;
    
    border-left: 2px solid #ECECEE;
    position: absolute;
    pointer-events: none;
    width:42px;

}


/* Hiding native button on IE11 */
select::-ms-expand {
    display: none;

}

.selectdiv select {
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Add some styling */
    display: block;
    
    /*width: 100%;*/
    
    //width:480.3px;
    
    //width: 400px;
    
    /*max-width: 320px;*/
    
    //height: 50px;
    
    height: 40px;
    
    /*float: right;*/
    
    margin: 5px 0px;
    //padding: 0px 24px;
    //font-size: 16px;
    //line-height: 1.75;
    //color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #EFEFF1;
    -ms-word-break: normal;
    word-break: normal;

}




/* == End of Contact section == */





/* === End of section for Right content container section === */



/* === RESPONSIVE SECTION === */

/* === Responsive for mobile on Portrait Mode === */

@media screen and (max-width: 750px) and (orientation: portrait) {
    
    /* == Header section on Mobile */
    
    header .child-two-section-container {
        
        display: block;
        
        overflow: hidden;
    }
    
    header .child-two-section-container .phone-number-wrapper, header .child-two-section-container .contact-label-wrapper {
        
        display: none;
    }
    
    header .child-two-section-container .logo-wrapper {
        
        width: 100%;
        
        padding: 27.4px 0;
        
        //position: relative;
        
        left: 0;
    }
    
    header .child-two-section-container .logo-wrapper a img {
        
        width: 150px;
        
        position: relative;
        
        //left: 8%;
        
        left: 12%;
        
    }
    
    header .child-two-section-container .flag-wrapper {
        
        display: none;
    
    }
    
    /* header .child-three-section-container .social-media-wrapper {
        
        left: 50%;
    } */
    
    header .child-three-section-container .flag-wrapper {
        
        display: flex;
        
        align-items: center;
        
        //width: 88%;
        
        width: 100%;
        
        left: 11.8%;
        
        //top: 100px;
        
        top: 60px;
        
    }
    
    header .child-three-section-container .flag-wrapper .separator {
        
        top: 1px;
    }
    
    header .child-three-section-container .sub-info-container {
        
        padding-top: 13px;
        
        padding-left: 30px;
        padding-right: 30px;
    }
    
    /* === End of Header section on Mobile === */
    
    
    /* == Content Container section on Mobile == */
    
    /* Standard element styles */
    
    .content-container {
        
        display: block;
        
        padding-top: 89.4844px;
        
    }
    
    .content-container .left-bar {
        
        display: none;
    }
    
    /* End of Standard element styles */
    
    
    
    /* == Slider section on Mobile == */
    
    #slider {
        
        overflow: hidden;
    }
    
    .content-container .right-section .landing-slider-container .image-info-container {
    
        //background-color: rgba(0, 0, 0, 0.8);
        
        background-color: rgba(0, 0, 0, 0.5);

        position: absolute;
        bottom: 0;
        left: 0;
        
        width: 100%;
        height: 100%;

    }
    
    .content-container .right-section .landing-slider-container .image-info-container .info-text {

        padding-top: 20px;
        
        text-align: center;
    }
    
    .content-container .right-section .landing-slider-container .image-info-container .info-text .description-label {
    
        color: #fff;
        letter-spacing: 0.5px;

        font-family: "Avenir Light", sans-serif;

        //font-size: 21px;
        
        font-size: 17px;

        display: block;

        /* //padding: 0 30px;
        //padding: 0 20px 0 30.5px;
        //padding: 0 20px; */
        
        //padding: 0 40px;
        
        //padding: 0 30px;
        
        padding: 0 30px;
        
        text-align: left;
    }
    
    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn {

        left: 20px;
        bottom: 7px;
        
        display: none;
    }
    
    .nav-sliding-block {
    
        /* display: grid;
        grid-template-columns: 1fr 1fr; */

        position: absolute;
        display: block;

        //width: 90px;

        bottom: -0.25px;
        
        //bottom: -2.3px;
        
        //left: 72vw;
        
        left: 60vw;
        
        //left: 63vw;
        
        

    }
    
    .nav-sliding-block a i {

        //padding: 30px 40px;
        
        //padding: 10px 20px;
        
        //padding: 20px 30px;
        
        //padding: 15px 28px;
        
        padding: 10px 20px;

        font-size: 25px;
    }
    
    /* == End of Slider section on Mobile */
    
    
    
    
    /* == Home Service section on Mobile == */
    
    .home-service-section .inner-service-wrapper {
    
        text-align: center;

        //padding: 50px;
        
        padding: 50px 20px 50px 20px;

        position: relative;

        text-align: center;
    }
    
    .home-service-section .inner-service-wrapper .description {
        
        //padding: 40px 20px 0 20px;
        
        padding: 40px 0 0 0;
        
        text-align: justify;
    }
    
    .home-service-section .service-list-block {

        padding: 0 20px;
        
        grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px;
    }
    
    .home-service-section .service-list-block .service-image-wrap {
        
        text-align: center;
    }
    
    .home-service-section .service-list-block .service-name {
        
        text-align: center;
    }
    
    .home-service-section .service-list-block .service-description {
        
        text-align: justify;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(4), .home-service-section .service-list-block .inner-service-block:nth-child(5) {
        
        padding-top: 0;
        left: 0;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(2) .service-button, .home-service-section .service-list-block .inner-service-block:nth-child(3) .service-button, .home-service-section .service-list-block .inner-service-block:nth-child(4) .service-button {

        padding-top: 20px;
    }
    
    .home-service-section .service-list-block .service-button a {
        
        //left: 50%;
        //transform: translateX(-18%);
        
        position: static;
        margin: 0 auto;
        
        margin-left: 35%;
    }
    
    
    /* == End of Home Service section on Mobile == */
    
    
    /* == Home Project section on Mobile == */
    
    .home-project-section {

        padding: 0 20px 92px 20px;
    }
    
    .home-project-section .inner-project-wrapper {
        
        grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .sub-title {
        
        font-size: 27px;
        
        /* text-align: justify; */
        
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .description {
        
        padding-right: 0;
        text-align: justify;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(2) img {

        width: 100%;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap {
    
        font-family: "Avenir Bold", sans-serif;

        //font-size: 30px;

        font-size: 33px;

        letter-spacing: -1px;

        //line-height: 20px;

        //line-height: 25px;

        line-height: 27px;
        
        text-align: center;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap {
        
        /* display: flex;
        flex-wrap: nowrap;
        
        justify-content: center; */
        
        display: grid;
        grid-template-columns: 1fr;
        
        grid-row-gap: 10px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link {
        
        margin: 0 auto !important;
    }
    
    /* == End of Home Project section on Mobile == */
    
    
    
    /* == Home Work section on Mobile == */
    
    .home-work-section {
        
        //height: 100vh;
        
        height: 100%;
    }
    
    
    .home-work-section .inner-home-work-wrapper {

        //padding: 0 90px 0 550px;
        
        margin: 0;
        
        padding: 20px;
    }
    
    .home-work-section .inner-home-work-wrapper .title {
        
        margin: 0;
        
        //padding: 0;
    }
    
    .home-work-section .inner-home-work-wrapper .sub-title {
        
        font-size: 27px;
        
        text-align: justify;
    }
    
    
    .home-work-section .inner-home-work-wrapper .description {
        
        padding-right: 0;
    }
    
    .home-work-section .inner-home-work-wrapper .btn-link {
        
        display: block;
        margin: 0 auto;
        
        padding-bottom: 20px;
    }
    
    /* == End of Home Work section on Mobile == */
    
    
    /* == Home Customer section on Mobile == */
    
    .home-customer-section .outer-customer-container {

        padding: 0 20px 79.5px 20px;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper {
        
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        //grid-row-gap: 65px;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .sub-title {
        
        font-size: 27px;
        
        /* text-align: justify; */
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block {
    
        display: grid;
        grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px;

        //margin-bottom: 40px;
        
        text-align: center;

    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block {
        
        display: grid;
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        grid-row-gap: 65px;
        
        text-align: center;
    }
    
    .home-customer-section .outer-customer-container .customer-button .btn-link {
        
        margin: 0 auto;
    }
    
    
    /* == End of Home Customer section on Mobile == */
    
    
    
    /* == Move to top button section == */
    
    .move-to-top-btn {
        
        display: none;
    }
    
    /* == End of Move to top button section == */
    
    
    /* Footer section on Mobile */
    
    footer .inner-footer-section {

        padding: 67.1px 20px 50px 20px;
        
        display: grid;
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        grid-row-gap: 65px;
        
        text-align: center;
    }
    
    footer .inner-footer-section .footer-block-container {
        
        margin: 0;
    }
    
    footer .inner-footer-section .footer-block-container .text-content {
        
        font-size: 15.5px;
    }
    
    footer .bottom-footer-wrapper {

        display: grid;
        grid-template-columns: 1fr;

        padding-bottom: 30px;
        
        text-align: center;
    }
    
    footer .bottom-footer-wrapper .copyright {
        
        padding: 0;
        
        font-size: 13px;
    }
    
    footer .bottom-footer-wrapper .company {
        
        padding: 0;
        font-size: 13px;
    }
    
    /* End of Footer section on Mobile */
    
    
    
    /* == Breadcrumb section on Mobile == */
    
    .breadcrumb-section {
        
        padding-left: 20px;
    }
    
    /* == End of Breadcrumb section on Mobile == */
    
    
    /* == Main Title section on Mobile == */
    
    .main-title-section {

        //padding: 60px 0 40px 70px;
        
        //padding: 60px 20px 40px 20px;
        
        padding: 60px 20px 60px 20px;
        
        background: #0478FF;
    }
    
    .main-title-section .title h1 {

        //font-size: 50px;
        
        font-size: 40px;

        line-height: 50px;

        padding-right: 0;
    }
    
    .main-title-section .sub-title {

        font-size: 17px;

        padding-right: 0;
        
        text-align: justify;

    }
    
    /* == End of Main Title section on Mobile == */
    
    
    /* == About Us Section One == */

    .about-us-section-one {

        padding: 57px 20px 95px 20px;
    }
    
    .about-us-section-one .inner-about-us-wrapper {
        
        grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .sub-title {

        font-size: 27px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        line-height: 33px;

        letter-spacing: -0.1px;

        padding: 30px 0;
        
        text-align: justify;

    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .description {

        padding-right: 0;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .number-wrap {

        /* display: grid;
        grid-template-columns: repeat(3, 1fr);

        padding: 58px 0 30px 0; */
        
        text-align: center;
    }
    
    .about-us-section-one .about-us-button-wrap .btn-link {
        
        margin: 0 auto;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(2) img {
        
        width: 100%;
    }
    
    /* == End of About Us Section One on Mobile == */
    
    
    /* == Value section on Mobile == */
    
    .value-section {

        padding: 0 20px 100px 20px;
    }
    
    .value-section .value-list-block {
        
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 65px;
    }
    
    .value-section .value-list-block .inner-value-block .value-image-wrap {
        
        text-align: center;
    }
    
    .value-section .value-list-block .inner-value-block .value-name {
        
        text-align: center;
    }
    
    .value-section .value-list-block #value-two .value-name {
    
        //padding: 17px 0 40px 0;
        
        padding: 17px 0 28px 0;
    }
    
    /* == End of Value section on Mobile == */
    
    
    /* == Advantage section on Mobile == */

    .advantage-section {

        //padding: 0 100px 100px 100px;

        padding: 0 20px 100px 20px;
    }

    .advantage-section .inner-advantage-wrapper {

        display: grid;
        grid-template-columns: 1fr;

        //grid-column-gap: 50px;

        grid-column-gap: 0;

    }

    .advantage-section .inner-advantage-wrapper .description .description-list {

        padding-top: 30px;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div:not(:first-child) {

        padding-top: 8px;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div .bullet-point {

        float: left;
        display: block;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div .inner-text {

        display: block;
        padding-left: 25px;

    }

    .advantage-section .inner-advantage-wrapper .description .description-list div::after {

        content: "";
        display: block;
        clear: left;
    }

    .advantage-section .bottom-description.desktop {
        
        display: none;

    }
    
    .advantage-section .bottom-description.mobile {
        
        display: block;
    }

    /* == End of Advantage section on Mobile == */
    
    
    /* == Team section == */

    .team-section {

        padding: 0 20px 60px 20px;

    }
    
    .team-section .main-section-wrapper {
        
        /* grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 65px; */
        
        display: block;
    }
    
    .team-section .main-section-wrapper .title {
        
        text-align: center;
    }
    
    .team-section .main-section-wrapper .team-nav-container {
    
        display: flex;
        justify-content: center;
        
        display: none;
    }
    
    .team-member-wrapper .container {
        
        /* padding: 0;
        margin: 0; */
        
        margin-left: 10px;
    }
    
    .team-member-wrapper .carousel-item > div {
        
        padding-right: 0;
    }
    
    .team-member-wrapper .carousel-indicators {
        
        display: none;
    }
    
    /* == End of Team section == */
    
    
    /* == Service section == */

    .service-main-title-section {

        //padding: 60px 0 40px 70px;
        
        padding: 60px 20px 60px 20px;
        
        background: #0478FF;
    }

    .service-main-title-section .title h1 {

        font-size: 40px;

        left: 0;

        padding-right: 0;
    }

    .service-main-title-section .sub-title {

        font-size: 17px;

        left: 0;

        padding-right: 0;
    }

    .service-content-section {

        display: grid;
        grid-template-columns: 1fr;

        //padding: 0 100px 0 100px;

        /* padding-left: 200px;
        padding-right: 150px; */

        //padding-bottom: 70px;
        
        padding: 20px 20px 70px 20px;

        width: 100%;

        margin-left: 0;

        grid-row-gap: 65px;
    }

    .service-content-section .service-block img {

        //width: 350px;

        width: 100%;
    }

    .service-content-section .service-block .service-name {

        //font-size: 21.5px;

        font-size: 21px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        padding: 35px 0 20px 0;

        width: 100%;

    }

    .service-content-section .service-block .description {

        font-family: "Avenir Medium", sans-serif;

        font-size: 15.5px;

        letter-spacing: 0.3px;

        color: #747474;

        text-align: justify;

        padding: 0;
        margin: 0;

        width: 100%;
    }


    .service-content-section .service-block:nth-child(1) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(3) {

        margin-top: 0;
    }

    .service-content-section .service-block:nth-child(5) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(2) {

        padding-top: 0;
    }

    /* == End of Service section == */


    /* == Option section == */

    .option-section {

        //padding: 70px 100px 50px 100px;

        //padding: 70px 100px 80px 100px;
        
        padding: 70px 20px 80px 20px;

        display: grid;
        grid-template-columns: 1fr;

    }

    .option-section .option-block {

        padding: 70px 45px;
    }

    .option-section .option-block:nth-child(1) {

        color: #0478FF;

        font-family: "Avenir Medium", sans-serif;

        font-weight: 500;

        //font-size: 17.5px;

        font-size: 17.8px;

        line-height: 23px;
        
        text-align: center;
    }

    .option-section .option-block:nth-child(2) {

        background-color: #0478FF;

        font-family: "Avenir Roman", sans-serif;

        color: #fff;

        //font-size: 21px;
        
        font-size: 20px;

        line-height: 25px;

        text-align: center;

        position: relative;

        cursor: default;

        border: 1px solid #0478FF;

        transition: all 0.6s;
    }

    .option-section .option-block:nth-child(2)::after {
        
        display: none;
    }

    .option-section .option-block:nth-child(3) {

        font-family: "Avenir Roman", sans-serif;

        //color: #919191;

        color: #5F5F5F;

        //font-size: 21px;
        
        font-size: 20px;

        line-height: 25px;

        text-align: center;

        border: 1px solid #C4C4C4;

        transition: all 0.6s;
    }

    .option-section .option-block:nth-child(2):hover, .option-section .option-block:nth-child(3):hover {

        cursor: pointer;
    }

    .option-section .option-block:nth-child(2) div img {

        width: 31.3px;
    }

    .option-section .option-block:nth-child(3) div img {

        width: 37.6px;
    }

    .option-section .option-block:nth-child(2), .option-section .option-block:nth-child(3) {

        display: grid;

        grid-template-columns: 0.3fr 2fr;
    }


    /* == End of Option section == */


    /* == Table section == */

    .table-section {

        //padding-bottom: 90px;

        //padding: 0 90px 90px 0;
        
        //padding: 0 20px 20px 0;
        
        padding: 0 20px;
    }

    .table-section .search-input-wrapper {

        //padding-bottom: 30px; 

        //padding-bottom: 35px; 
        
        padding-bottom: 70px; 
    }
    
    #tbl-consulting_paginate .pagination, .pagination-container .pagination, #tbl-maps_paginate .pagination {
    
        justify-content: center;

        padding-right: 0;
    }

    /* == End of Table section == */
    
    
    
    /* == Contact section on Responsive == */

    .contact-section {

        //padding: 70px 20px 70px 20px;
        
        padding: 70px 20px 50px 20px;
    }

    .contact-section .title h1 {

        font-family: "Avenir Bold", sans-serif;

        font-size: 21.5px;
        
        text-align: center;
    }

    .contact-section .instruction {

        font-family: "Avenir Medium", sans-serif;

        font-size: 12px;

        color: red;

        padding-top: 28px;
        padding-bottom: 28px;
        
        text-align: center;
    }


    .contact-section form .inner-form-container {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .info-block {

        //padding-bottom: 30px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(1) .info-block:nth-child(1) .info-text {

        position: relative;
        bottom: -8px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(1) {

        position: relative;
        top: 5.5px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(2) {


        position: relative;
        top: 2px;
    }


    .contact-section form .info-text {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #5F5F5F;

        padding-bottom: 11px;

        padding-left: 5px;
    }

    .contact-section form select {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #A9A9A9;

        //width: 390px;
        
        width: 320px;

        padding-left: 15px;

        letter-spacing: 0.3px;

        /* position: relative;
        top: -1px; */

        cursor: pointer;
    }

    .contact-section form .red {

        color: red;
    }

    .contact-section form input {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;

        /* padding-top: 6.6px;
        padding-bottom: 6.6px; */


        height: 39px;

        padding-left: 15px;

        color: #A9A9A9;

        font-size: 14px;

        letter-spacing: 0.3px;
    }

    .contact-section form textarea {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;
    }


    .contact-section form .inner-form-wrapper:nth-child(1) .info-block:nth-child(1) .info-text, .outer-info-block .info-text {

        padding-bottom: 8px;
    }

    .contact-section form .inner-form-wrapper:nth-child(2) .info-block:nth-child(1) {

        //margin-top: 0.001px;

        position: relative;
        top: 2px;
    }


    .contact-section form .send-section {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .btn-link {

        position: relative;
        
        //top: 213px;
        
        top: 20px;
        
        margin: 0 auto;
        
        
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        content: "envoyer";
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        padding-left: 29px;
    }

    
    /* == End of Contact section on Responsive == */
    
    
    
    
    

    /* == End of Content Container section on Mobile == */
    
    
}

/* === End of Responsive for mobile on Portrait Mode === */



/* === Responsive for mobile on Landscape Mode === */

/* @media screen and (max-width: 750px) and (orientation: landscape) { */

@media screen and (max-width: 850px) and (min-width: 411px) and (orientation: landscape) {
    
    /* == Header section on Mobile */
    
    header .child-two-section-container {
        
        //display: block;
        
        display: flex;
        flex-wrap: nowrap;
        
        overflow: hidden;
    }
    
    header .child-two-section-container .phone-number-wrapper {
        
        //width: 33.33%;
        
        width: 25%;    
        
        //left: 5%;
        
        left: 13%;
        
        text-align: right;
    }
    
    /* header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap {
        
        margin: 0 auto;
    } */
    
    header .child-two-section-container .contact-label-wrapper {
        
        //width: 33.33%;
        
        width: 25%;
        
        text-align: center;
        
        left: 14%;
    }
    
    header .child-two-section-container .logo-wrapper {
        
        //width: 100%;
        
        //width: 33.33%;
        
        width: 25%;
        
        left: 12%;
        
        padding: 27.4px 0;
        
    }
    
    header .child-two-section-container .flag-wrapper {
        
        position: relative;
        
        left: 3%;
        
        width: 25%;
    }
    
    header .child-two-section-container .logo-wrapper a img {
        
        width: 150px;
        
        position: relative;
        
        left: 24%;
        
    }
    
    header .child-three-section-container .flag-wrapper {
        
        top: 62px;
        left: 30.4%;
    }
    
    header .child-three-section-container .inner-header-menu-wrap {
        
        padding-top: 65px;
    }
    
    header .child-three-section-container .sub-info-container {
    
        //padding-top: 40px;

        //padding-top: 10px;

        padding-top: 13px;
        
        padding-left: 30px;
        padding-right: 30px;
        
    }
    
    /* === End of Header section on Mobile === */
    
    
    /* == Content Container section on Mobile == */
    
    /* Standard element styles */
    
    .content-container {
        
        display: block;
        
        padding-top: 89.4844px;
        
    }
    
    .content-container .left-bar {
        
        display: none;
    }
    
    /* End of Standard element styles */
    
    
    
    /* == Slider section on Mobile == */
    
    
    .content-container .right-section .landing-slider-container .landing-image-slide-wrap {
        
        height: 76vh;
    }
    
    
    .nav-sliding-block {

        bottom: 0;

        //left: 80vw;

        left: 72vw;
    }
    
    
    .nav-sliding-block a i {

        padding: 20px 30px;
    }
    
    .content-container .right-section .landing-slider-container .image-info-container {
    
        background-color: rgba(0, 0, 0, 0.8);

        position: absolute;
        bottom: 0;

        left: 90px;

        width: 270px;

        //height: 270px;
        
        height: 256px;

    }

    .content-container .right-section .landing-slider-container .image-info-container .info-text {

        padding-top: 45px;
    }

    .content-container .right-section .landing-slider-container .image-info-container .info-text .description-label {

        color: #fff;
        letter-spacing: 0.5px;

        font-family: "Avenir Light", sans-serif;

        //font-size: 20px;

        font-size: 21px;

        display: block;

        //padding: 60px 30px;

        //padding: 45px 30px;

        padding: 0 30px;
    }

    .content-container .right-section .landing-slider-container .image-info-container a {

        text-decoration: none;
    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn {

        position: absolute;
        color: #fff;
        display: grid;
        grid-template-columns: 2fr 0.5fr;

        left: 30px;
        bottom: 40px;

        overflow: hidden;

        //border: 1px solid #0478FF;

        //border: 1.5px solid #0478FF;
    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn:hover {

        cursor: pointer;
    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1) {

        background-color: #0478FF;
        font-size: 13px;

        letter-spacing: 0.3px;

        //padding: 10px 10px;

        //padding: 7px 10px;

        padding: 9px 10px;

        position: relative;

        transition: all 0.6s;

    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1)::before {

        content: "";
        position: absolute;

        //padding: 16.5px;

        //padding: 17.75px;

        //padding: 18.25px;

        //padding: 18.5px;

        padding: 19px;

        width: 100%;

        background-color: #0478FF;
        transform: skewX(-8deg);

        top: 0;
        bottom: 0;

        transition: all 0.6s;
    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(1)::after {

        content: "en savoir plus";
        position: absolute;

        font-size: 12.98px;

        width: 100%;
        left: 0;

        //padding-left: 5px;

        padding-left: 15px;

        /* padding-left: 15.5px; */

        top: 50%;
        transform: translateY(-50%);

        transition: all 0.6s;

    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(2) {

        font-size: 8px;
        width: 48px;

        background-color: #fff;

        //border: 1.4999999px solid #0478FF;

        border: 1.5px solid #0478FF;

        transition: all 0.6s;

    }

    .content-container .right-section .landing-slider-container .image-info-container a .more-info-landing-btn div:nth-child(2) i {

        //font-weight: 900;

        color: #0478FF;
        position: relative;

        //left: 40%;

        //left: 41%;

        left: 42%;

        top: 50%;

        //transform: translateY(-50%);

        //transform: translateY(-55%);

        transform: translateY(-56%);

        border: 1.2px solid #0478FF;

        //padding: 2.5px 3.1px;

        padding: 2px 3px;


        /* border: 1.5px solid #0478FF;

        padding: 2.5px 3.2px 2.5px 3.5px; */


        transition: all 0.6s;
    }
    
    
    
    
    /* == End of Slider section on Mobile */
    
    
    
    
    /* == Home Service section on Mobile == */
    
    .home-service-section .inner-service-wrapper {
    
        text-align: center;

        //padding: 50px;
        
        padding: 50px 20px 50px 20px;

        position: relative;

        text-align: center;
    }
    
    .home-service-section .inner-service-wrapper .description {
        
        //padding: 40px 20px 0 20px;
        
        padding: 40px 0 0 0;
        
        /* text-align: justify; */
        
        text-align: center;
    }
    
    .home-service-section .service-list-block {

        padding: 0 20px;
        
        /* grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px; */
        
        grid-template-columns: 1fr 1fr;
        
        grid-row-gap: 65px;
    }
    
    .home-service-section .service-list-block .service-description {
        
        text-align: justify;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(4) {
        
        padding-top: 0;
        left: 0;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(5) {
        
        padding-top: 0;
        left: 70%;
    }
    
    
    /* == End of Home Service section on Mobile == */
    
    
    /* == Home Project section on Mobile == */
    
    .home-project-section {

        padding: 0 20px 92px 20px;
    }
    
    .home-project-section .inner-project-wrapper {
        
        grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .sub-title {
        
        //font-size: 27px;
        
        font-size: 24px;
        
        text-align: justify;
        
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(2) img {

        width: 100%;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap {
    
        font-family: "Avenir Bold", sans-serif;

        //font-size: 30px;

        font-size: 33px;

        letter-spacing: -1px;

        //line-height: 20px;

        //line-height: 25px;

        line-height: 27px;
        
        text-align: center;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap {
        
        display: flex;
        flex-wrap: nowrap;
        
        justify-content: center;
        
        /* display: grid;
        grid-template-columns: 1fr;
        
        grid-row-gap: 10px; */
    }
    
    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link:nth-child(1) {
        
        margin-right: 40px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link {
        
        //margin: 0 auto !important;
    }
    
    /* == End of Home Project section on Mobile == */
    
    
    
    /* == Home Work section on Mobile == */
    
    .home-work-section {
        
        /* height: 100vh; */
        
        height: 100%;
    }
    
    
    .home-work-section .inner-home-work-wrapper {

        //padding: 0 90px 0 550px;
        
        margin: 0;
        
        padding: 20px;
    }
    
    .home-work-section .inner-home-work-wrapper .title {
        
        margin: 0;
        
        //padding: 0;
    }
    
    .home-work-section .inner-home-work-wrapper .sub-title {
        
        padding-top: 10px;
        
        padding-bottom: 20px;
        
        //font-size: 27px;
        
        font-size: 24px;
        
        text-align: justify;
    }
    
    
    .home-work-section .inner-home-work-wrapper .description {
        
        padding-right: 0;
        
        padding-bottom: 20px;
    }
    
    .home-work-section .inner-home-work-wrapper .btn-link {
        
        display: block;
        margin: 0 auto;
        
        padding: 20px 0;
    }
    
    /* == End of Home Work section on Mobile == */
    
    
    /* == Home Customer section on Mobile == */
    
    .home-customer-section .outer-customer-container {

        //padding: 0 20px 79.5px 20px;
        
        padding: 0 20px 50px 20px;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper {
        
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        //grid-row-gap: 65px;
        
        padding-bottom: 75px;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .sub-title {
        
        //font-size: 27px;
        
        font-size: 24px;
        
        text-align: justify;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block {
        
        text-align: center;

    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block {
        
        text-align: center;
    }
    
    .home-customer-section .outer-customer-container .customer-button .btn-link {
        
        margin: 0 auto;
    }
    
    
    /* == End of Home Customer section on Mobile == */
    
    
    
    /* == Move to top button section == */
    
    .move-to-top-btn {
        
        display: none;
    }
    
    /* == End of Move to top button section == */
    
    
    /* Footer section on Mobile */
    
    footer .inner-footer-section {

        padding: 67.1px 20px 50px 20px;
        
        /* display: grid;
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        grid-row-gap: 65px;
        
        text-align: center; */
        
        grid-template-columns: 1fr 1fr;
        
        grid-row-gap: 65px;
    }
    
    footer .inner-footer-section .footer-block-container {
        
        //margin: 0 auto;
        
        margin: 0;
        
        //padding-left: 60px;
        
        padding-left: 15.67%;
    }
    
    footer .inner-footer-section .footer-block-container .text-content {
        
        font-size: 15.5px;
    }
    
    footer .bottom-footer-wrapper {

        /* display: grid;
        
        grid-template-columns: 1fr;

        padding-bottom: 30px;
        
        text-align: center; */
        
        grid-template-columns: 1fr 1fr;
    }
    
    footer .bottom-footer-wrapper .copyright {
        
        //padding-left: 81px;
        
        padding-left: 20.8%;
        
        font-size: 13px;
    }
    
    footer .bottom-footer-wrapper .company {
        
        padding-left: 14.9%;
        
        font-size: 13px;
    }
    
    /* End of Footer section on Mobile */
    
    
    /* == Breadcrumb section on Mobile == */
    
    .breadcrumb-section {
        
        padding-left: 20px;
    }
    
    /* == End of Breadcrumb section on Mobile == */
    
    
    /* == Main Title section on Mobile == */
    
    .main-title-section {

        //padding: 60px 0 40px 70px;
        
        //padding: 60px 20px 40px 20px;
        
        padding: 60px 20px 60px 20px;
        
        background: #0478FF;
    }
    
    .main-title-section .title h1 {

        //font-size: 50px;
        
        font-size: 40px;

        line-height: 50px;

        padding-right: 0;
    }
    
    .main-title-section .sub-title {

        font-size: 17px;

        padding-right: 0;
        
        text-align: justify;

    }
    
    /* == End of Main Title section on Mobile == */
    
    
    /* == About Us Section One on Mobile == */

    .about-us-section-one {

        padding: 57px 20px 95px 20px;
    }
    
    .about-us-section-one .inner-about-us-wrapper {
        
        grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .sub-title {

        font-size: 27px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        line-height: 33px;

        letter-spacing: -0.1px;

        padding: 30px 0;
        
        text-align: justify;

    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .description {

        padding-right: 0;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .number-wrap {

        /* display: grid;
        grid-template-columns: repeat(3, 1fr);

        padding: 58px 0 30px 0; */
        
        text-align: center;
    }
    
    .about-us-section-one .about-us-button-wrap .btn-link {
        
        margin: 0 auto;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(2) img {
        
        width: 100%;
    }
    
    /* == End of About Us Section One on Mobile == */
    
    
    /* == Value section on Mobile == */
    
    .value-section {

        padding: 0 20px 100px 20px;
    }
    
    .value-section .value-list-block {
        
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 65px;
    }
    
    .value-section .value-list-block .inner-value-block .value-image-wrap {
        
        text-align: center;
    }
    
    .value-section .value-list-block .inner-value-block .value-name {
        
        text-align: center;
    }
    
    .value-section .value-list-block #value-two .value-name {
    
        //padding: 17px 0 40px 0;
        
        padding: 17px 0 28px 0;
    }
    
    
    /* == End of Value section on Mobile == */
    
    
    /* == Advantage section on Mobile == */

    .advantage-section {

        //padding: 0 100px 100px 100px;

        padding: 0 20px 100px 20px;
    }

    .advantage-section .inner-advantage-wrapper {

        display: grid;
        grid-template-columns: 1fr;

        //grid-column-gap: 50px;

        grid-column-gap: 0;

    }

    .advantage-section .inner-advantage-wrapper .description .description-list {

        padding-top: 30px;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div:not(:first-child) {

        padding-top: 8px;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div .bullet-point {

        float: left;
        display: block;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div .inner-text {

        display: block;
        padding-left: 25px;

    }

    .advantage-section .inner-advantage-wrapper .description .description-list div::after {

        content: "";
        display: block;
        clear: left;
    }

    .advantage-section .bottom-description.desktop {
        
        display: none;

    }
    
    .advantage-section .bottom-description.mobile {
        
        display: block;
    }

    /* == End of Advantage section on Mobile == */
    
    
    /* == Team section on Mobile == */

    .team-section {

        padding: 0 20px 60px 20px;

    }
    
    .team-section .main-section-wrapper {
        
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 65px;
    }
    
    .team-section .main-section-wrapper .title {
        
        text-align: center;
    }
    
    .team-section .main-section-wrapper .team-nav-container {
    
        display: flex;
        justify-content: center;
    }
    
    .team-member-wrapper .container {
        
        /* padding: 0;
        margin: 0; */
    }
    
    .team-member-wrapper .carousel-item > div {
        
        padding-right: 0;
    }
    
    .team-member-wrapper .carousel-indicators {
        
        display: none;
    }
    
    /* == End of Team section on Mobile == */
    
    
    /* == Service section == */

    .service-main-title-section {

        //padding: 60px 0 40px 70px;
        
        padding: 60px 20px 60px 20px;
        
        background: #0478FF;
    }

    .service-main-title-section .title h1 {

        font-size: 40px;

        left: 0;

        padding-right: 0;
    }

    .service-main-title-section .sub-title {

        font-size: 17px;

        left: 0;

        padding-right: 0;
    }

    .service-content-section {

        display: grid;
        grid-template-columns: 1fr;

        //padding: 0 100px 0 100px;

        /* padding-left: 200px;
        padding-right: 150px; */

        //padding-bottom: 70px;
        
        padding: 20px 20px 70px 20px;

        width: 100%;

        margin-left: 0;

        grid-row-gap: 65px;
    }

    .service-content-section .service-block img {

        //width: 350px;

        width: 100%;
    }

    .service-content-section .service-block .service-name {

        //font-size: 21.5px;

        font-size: 21px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        padding: 35px 0 20px 0;

        width: 100%;

    }

    .service-content-section .service-block .description {

        font-family: "Avenir Medium", sans-serif;

        font-size: 15.5px;

        letter-spacing: 0.3px;

        color: #747474;

        text-align: justify;

        padding: 0;
        margin: 0;

        width: 100%;
    }


    .service-content-section .service-block:nth-child(1) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(3) {

        margin-top: 0;
    }

    .service-content-section .service-block:nth-child(5) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(2) {

        padding-top: 0;
    }

    /* == End of Service section == */
    
    
    /* == Option section == */

    .option-section {

        //padding: 70px 100px 50px 100px;

        //padding: 70px 100px 80px 100px;
        
        padding: 70px 20px 80px 20px;

        display: grid;
        grid-template-columns: 1fr;

    }

    .option-section .option-block {

        padding: 70px 45px;
    }

    .option-section .option-block:nth-child(1) {

        color: #0478FF;

        font-family: "Avenir Medium", sans-serif;

        font-weight: 500;

        //font-size: 17.5px;

        font-size: 17.8px;

        line-height: 23px;
        
        text-align: center;
    }

    .option-section .option-block:nth-child(2) {

        background-color: #0478FF;

        font-family: "Avenir Roman", sans-serif;

        color: #fff;

        //font-size: 21px;
        
        font-size: 20px;

        line-height: 25px;

        text-align: center;

        position: relative;

        cursor: default;

        border: 1px solid #0478FF;

        transition: all 0.6s;
    }

    .option-section .option-block:nth-child(2)::after {
        
        display: none;
    }

    .option-section .option-block:nth-child(3) {

        font-family: "Avenir Roman", sans-serif;

        //color: #919191;

        color: #5F5F5F;

        //font-size: 21px;
        
        font-size: 20px;

        line-height: 25px;

        text-align: center;

        border: 1px solid #C4C4C4;

        transition: all 0.6s;
    }

    .option-section .option-block:nth-child(2):hover, .option-section .option-block:nth-child(3):hover {

        cursor: pointer;
    }

    .option-section .option-block:nth-child(2) div img {

        width: 31.3px;
    }

    .option-section .option-block:nth-child(3) div img {

        width: 37.6px;
    }

    .option-section .option-block:nth-child(2), .option-section .option-block:nth-child(3) {

        display: grid;

        grid-template-columns: 0.3fr 2fr;
    }


    /* == End of Option section == */


    /* == Table section == */

    .table-section {

        //padding-bottom: 90px;

        //padding: 0 90px 90px 0;
        
        //padding: 0 20px 20px 0;
        
        padding: 0 20px;
    }

    .table-section .search-input-wrapper {

        //padding-bottom: 30px; 

        //padding-bottom: 35px; 
        
        padding-bottom: 70px; 
    }
    
    #tbl-consulting_paginate .pagination, .pagination-container .pagination, #tbl-maps_paginate .pagination {
    
        justify-content: center;

        padding-right: 0;
    }


    /* == End of Table section == */
    
    
    /* == Contact section == */

    .contact-section {

        //padding: 70px 20px 70px 20px;
        
        padding: 70px 20px 50px 20px;
    }

    .contact-section .title h1 {

        font-family: "Avenir Bold", sans-serif;

        font-size: 21.5px;
        
        text-align: center;
    }

    .contact-section .instruction {

        font-family: "Avenir Medium", sans-serif;

        font-size: 12px;

        color: red;

        padding-top: 28px;
        padding-bottom: 28px;
        
        text-align: center;
    }


    .contact-section form .inner-form-container {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .info-block {

        //padding-bottom: 30px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(1) .info-block:nth-child(1) .info-text {

        position: relative;
        bottom: -8px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(1) {

        position: relative;
        top: 5.5px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(2) {


        position: relative;
        top: 2px;
    }


    .contact-section form .info-text {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #5F5F5F;

        padding-bottom: 11px;

        padding-left: 5px;
    }

    .contact-section form select {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #A9A9A9;

        //width: 390px;
        
        width: 320px;

        padding-left: 15px;

        letter-spacing: 0.3px;

        /* position: relative;
        top: -1px; */

        cursor: pointer;
    }

    .contact-section form .red {

        color: red;
    }

    .contact-section form input {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;

        /* padding-top: 6.6px;
        padding-bottom: 6.6px; */


        height: 39px;

        padding-left: 15px;

        color: #A9A9A9;

        font-size: 14px;

        letter-spacing: 0.3px;
    }

    .contact-section form textarea {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;
    }


    .contact-section form .inner-form-wrapper:nth-child(1) .info-block:nth-child(1) .info-text, .outer-info-block .info-text {

        padding-bottom: 8px;
    }

    .contact-section form .inner-form-wrapper:nth-child(2) .info-block:nth-child(1) {

        //margin-top: 0.001px;

        position: relative;
        top: 2px;
    }


    .contact-section form .send-section {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .btn-link {

        position: relative;
        
        //top: 213px;
        
        top: 20px;
        
        margin: 0 auto;
        
        
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        content: "envoyer";
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        padding-left: 29px;
    }

    
    /* == End of Contact section on Responsive == */
    
    
    
    

    /* == End of Content Container section on Mobile == */
    
    
}


/* === End of Responsive for mobile on Landscape Mode === */


/* === Responsive for iPad on Portrait Mode === */

@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
    
    /* == Header section on Responsive == */
    
    header .child-two-section-container {
        
        //display: block;
        
        display: flex;
        flex-wrap: nowrap;
        
        overflow: hidden;
    }
    
    header .child-two-section-container .phone-number-wrapper {
        
        width: 33.33%;
        
        left: 5%;
        
        text-align: right;
    }
    
    /* header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap {
        
        margin: 0 auto;
    } */
    
    header .child-two-section-container .contact-label-wrapper {
        
        //width: 33.33%;
        
        width: 25%;
        
        text-align: center;
        
        left: 8%;
    }
    
    header .child-two-section-container .logo-wrapper {
        
        //width: 100%;
        
        //width: 33.33%;
        
        width: 25%;
        
        padding: 27.4px 0;
        
    }
    
    header .child-two-section-container .flag-wrapper {
        
        width: 25%;
    }
    
    header .child-two-section-container .logo-wrapper a img {
        
        width: 150px;
        
        position: relative;
        
        left: 24%;
        
    }
    
    header .child-three-section-container .flag-wrapper {
        
        top: 37.3px;
    }
    
    header .child-three-section-container .sub-info-container {
    
        //padding-top: 40px;

        //padding-top: 10px;

        padding-top: 13px;
        
        padding-left: 30px;
        padding-right: 30px;
        
    }
    
    /* == End of Header section on Responsive == */
    
    
    /* == Content Container on Responsive == */
    
    .content-container {
        
        padding-top: 89.4844px;
        
    }
    
    .content-container .left-bar {
        
        width: 102.5px;
        
        //width: 13.2vw;
    }
    
    .nav-sliding-block {

        bottom: 0;

        left: 60vw;

    }
    
    .home-service-section .down-arrow-wrapper {
    
        text-align: center;
        
        padding-right: 50px;
    }
    
    /* == Home Service section on Mobile == */
    
    .home-service-section .inner-service-wrapper {
    
        text-align: center;

        //padding: 50px;
        
        //padding: 50px 20px 50px 20px;
        
        padding: 50px 50px 50px 0;

        position: relative;

        text-align: center;
    }
    
    .home-service-section .inner-service-wrapper .description {
        
        //padding: 40px 20px 0 20px;
        
        padding: 40px 0 0 0;
        
        text-align: justify;
    }
    
    .home-service-section .service-list-block {

        //padding: 0 20px;
        
        padding: 0 50px 20px 0;
        
        /* grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px; */
        
        grid-template-columns: 1fr 1fr;
        
        grid-row-gap: 65px;
    }
    
    .home-service-section .service-list-block .service-description {
        
        text-align: justify;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(4) {
        
        padding-top: 0;
        left: 0;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(5) {
        
        padding-top: 0;
        left: 50%;
    }
    
    /* == End of Home Service section on Mobile == */
    
    
    /* == Home Project section on Mobile == */
    
    .home-project-section {

        //padding: 0 20px 92px 20px;
        
        padding: 0 50px 92px 0;
    }
    
    .home-project-section .inner-project-wrapper {
        
        grid-template-columns: 1fr 1fr;

        //grid-column-gap: 0;
        
        grid-column-gap: 50px;;
        
        grid-row-gap: 65px;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .sub-title {
        
        font-size: 27px;
        
        //font-size: 24px;
        
        /* text-align: justify; */
        
        text-align: left;
        
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(2) img {

        width: 100%;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap {
    
        font-family: "Avenir Bold", sans-serif;

        //font-size: 30px;

        font-size: 33px;

        letter-spacing: -1px;

        //line-height: 20px;

        //line-height: 25px;

        line-height: 27px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap {
        
        display: flex;
        flex-wrap: nowrap;
        
        justify-content: center;
        
        /* display: grid;
        grid-template-columns: 1fr;
        
        grid-row-gap: 10px; */
    }
    
    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link:nth-child(1) {
        
        margin-right: 40px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link {
        
        //margin: 0 auto !important;
    }
    
    /* == End of Home Project section on Mobile == */
    
    
    
    /* == Home Work section on Mobile == */
    
    .home-work-section {
        
        height: 80vh;
    }
    
    
    .home-work-section .inner-home-work-wrapper {

        //padding: 0 90px 0 550px;
        
        margin: 0;
        
        //padding: 20px;
        
        padding: 0 90px 0 90px;
    }
    
    .home-work-section .inner-home-work-wrapper .title {
        
        /* margin: 0;
        padding: 0; */
        
        padding-top: 0;
    }
    
    .home-work-section .inner-home-work-wrapper .sub-title {
        
        //padding-top: 10px;
        
        //padding-bottom: 20px;
        
        font-size: 27px;
        
        //font-size: 24px;
        
        text-align: justify;
    }
    
    
    .home-work-section .inner-home-work-wrapper .description {
        
        padding-right: 0;
        
        //padding-bottom: 20px;
    }
    
    .home-work-section .inner-home-work-wrapper .btn-link {
        
        display: block;
        margin: 0 auto;
    }
    
    /* == End of Home Work section on Mobile == */
    
    
    /* == Home Customer section on Mobile == */
    
    .home-customer-section .outer-customer-container {

        //padding: 0 20px 79.5px 20px;
        
        padding: 0 50px 79.5px 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper {
        
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        //grid-row-gap: 65px;
        
        padding-bottom: 50px;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .sub-title {
        
        //font-size: 27px;
        
        font-size: 24px;
        
        text-align: justify;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block {
        
        text-align: center;

    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block {
        
        text-align: center;
    }
    
    .home-customer-section .outer-customer-container .customer-button .btn-link {
        
        margin: 0 auto;
    }
    
    
    /* == End of Home Customer section on Mobile == */
    
    
    
    /* == Move to top button section == */
    
    .move-to-top-btn {
        
        display: none;
    }
    
    /* == End of Move to top button section == */
    
    
    /* Footer section on Mobile */
    
    footer .inner-footer-section {

        padding: 67.1px 20px 50px 20px;
        
        /* display: grid;
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        grid-row-gap: 65px;
        
        text-align: center; */
        
        grid-template-columns: 1fr 1fr;
        
        grid-row-gap: 65px;
    }
    
    footer .inner-footer-section .footer-block-container {
        
        //margin: 0 auto;
        
        margin: 0;
        
        //padding-left: 60px;
        
        //padding-left: 15.67%;
        
        padding-left: 18.8%;
    }
    
    footer .inner-footer-section .footer-block-container .text-content {
        
        font-size: 15.5px;
    }
    
    footer .bottom-footer-wrapper {

        /* display: grid;
        
        grid-template-columns: 1fr;

        padding-bottom: 30px;
        
        text-align: center; */
        
        grid-template-columns: 1fr 1fr;
    }
    
    footer .bottom-footer-wrapper .copyright {
        
        //padding-left: 81px;
        
        //padding-left: 20.8%;
        
        padding-left: 23.5%;
        
        font-size: 13px;
    }
    
    footer .bottom-footer-wrapper .company {
        
        //padding-left: 14.9%;
        
        padding-left: 17%;
        
        font-size: 13px;
    }
    
    /* End of Footer section on iPad */
    
    
    /* == Main Title section == */

    .main-title-section {

        padding: 60px 50px 40px 50px;
    }

    .main-title-section .title h1 {

        font-family: "Avenir Medium", sans-serif;

        color: #fff;

        font-size: 40px;

        line-height: 50px;

        padding-right: 0;
    }

    .main-title-section .sub-title {

        font-family: "Avenir Light Oblique", sans-serif;

        color: #fff;

        font-size: 17px;

        padding-right: 0;

    }

    /* == End of Main Title section == */
    
    
    /* == About Us Section One == */

    .about-us-section-one {

        padding: 57px 50px 95px 0;
    }
    
    .about-us-section-one .inner-about-us-wrapper {
        
        grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        grid-row-gap: 65px;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .sub-title {
    
        //font-size: 33.6px;
        
        font-size: 27px;

    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .description {

        padding-right: 0;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .number-wrap {
        
        text-align: center;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .about-us-button-wrap .btn-link {
        
        margin: 0 auto;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(2) img {
        
        width: 100%;
    }
    
    /* == End of About Us Section One on Responsive == */
    
    
    /* == Value section on Responsive == */

    .value-section {

        padding: 0 50px 100px 0;
    }
    
    .value-section .value-list-block {

        display: grid;
        grid-template-columns: 1fr 1fr;

        grid-column-gap: 60px;
        
        grid-row-gap: 65px;
    }
    
    .value-section .value-list-block #value-two .value-name {
    
        padding: 17px 0 40px 0;
        
        //padding: 17px 0 28px 0;
    }
    
    /* == End of Value section on Responsive == */
    
    
    /* == Advantage section on Responsive == */

    .advantage-section {

        //padding: 0 100px 100px 100px;

        padding: 0 30px 100px 0;
    }

    .advantage-section .inner-advantage-wrapper {
        
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        //grid-column-gap: 50px;

        grid-column-gap: 70px;

    }

    .advantage-section .inner-advantage-wrapper .description .description-list {

        padding-top: 30px;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div:not(:first-child) {

        padding-top: 8px;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div .bullet-point {

        float: left;
        display: block;
    }

    .advantage-section .inner-advantage-wrapper .description .description-list div .inner-text {

        display: block;
        padding-left: 25px;

    }

    .advantage-section .inner-advantage-wrapper .description .description-list div::after {

        content: "";
        display: block;
        clear: left;
    }

    .advantage-section .bottom-description.desktop {
        
        display: block;

    }
    
    .advantage-section .bottom-description.mobile {
        
        display: none;
    }

    /* == End of Advantage section on Responsive == */
    
    
    /* == Team section == */

    .team-section {

        padding: 0 50px 60px 0;

    }
    
    /* .team-section .main-section-wrapper {
    
        display: grid;
        grid-template-columns: 1fr 1fr;
        
    } */
    
    
    /* == End of Team section on Responsive == */
    
    
    /* == Service section on Responsive == */

    .service-main-title-section {

        //padding: 60px 0 40px 70px;
        
        padding: 60px 50px 40px 50px;
        
        //background: #0478FF;
    }

    .service-main-title-section .title h1 {

        font-size: 40px;

        left: 0;

        padding-right: 0;
    }

    .service-main-title-section .sub-title {

        font-size: 17px;

        left: 0;

        padding-right: 0;
    }

    .service-content-section {

        display: grid;
        grid-template-columns: 1fr 1fr;
        
        grid-column-gap: 60px;

        //padding: 0 100px 0 100px;

        /* padding-left: 200px;
        padding-right: 150px; */

        //padding-bottom: 70px;
        
        //padding: 20px 20px 70px 20px;
        
        padding: 60px 50px 70px 0;

        width: 100%;

        margin-left: 0;

        grid-row-gap: 65px;
    }

    .service-content-section .service-block img {

        //width: 350px;

        width: 100%;
    }

    .service-content-section .service-block .service-name {

        //font-size: 21.5px;

        font-size: 21px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        //padding: 35px 0 20px 0;
        
        padding: 35px 50px 20px 0;

        width: 100%;

    }

    .service-content-section .service-block .description {

        font-family: "Avenir Medium", sans-serif;

        font-size: 15.5px;

        letter-spacing: 0.3px;

        color: #747474;

        text-align: justify;

        padding: 0;
        margin: 0;

        width: 100%;
    }


    .service-content-section .service-block:nth-child(1) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(3) {

        margin-top: 0;
    }

    .service-content-section .service-block:nth-child(5) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(2) {

        padding-top: 0;
    }

    /* == End of Service section == */
    
    /* == Option section == */

    .option-section {

        //padding: 70px 100px 50px 100px;

        //padding: 70px 100px 80px 100px;
        
        //padding: 70px 50px 80px 0;
        
        padding: 70px 20px 80px 0;

        display: grid;
        grid-template-columns: 1fr 1fr 1fr;

    }
    
    .option-section .option-block {

        padding: 40px 30px;
    }
    
    
    .option-section .option-block:nth-child(2) {
        
        font-size: 15px;
    }
    
    .option-section .option-block:nth-child(3) {
        
        font-size: 15px;
    }
    
    .option-section .option-block:nth-child(2) div img {
    
        width: 31.3px;
        
        margin-right: 10px;
    }

    .option-section .option-block:nth-child(3) div img {

        width: 37.6px;
    }
    
    /* == End of Option section == */


    /* == Table section == */

    .table-section {

        //padding-bottom: 90px;

        padding: 0 20px 90px 0;
    }
    
    /* == End of Table section == */
    
    
    /* == Contact section == */

    .contact-section {

        //padding: 70px 20px 70px 20px;
        
        padding: 70px 20px 50px 20px;
    }

    .contact-section .title h1 {

        font-family: "Avenir Bold", sans-serif;

        font-size: 21.5px;
        
        text-align: center;
    }

    .contact-section .instruction {

        font-family: "Avenir Medium", sans-serif;

        font-size: 12px;

        color: red;

        padding-top: 28px;
        padding-bottom: 28px;
        
        text-align: center;
    }


    .contact-section form .inner-form-container {

        display: grid;
        grid-template-columns: 1fr 1fr;
        
        grid-column-gap: 10px;
        
        //display: block;
    }

    .contact-section form .info-block {

        //padding-bottom: 30px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(1) .info-block:nth-child(1) .info-text {

        position: relative;
        bottom: -8px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(1) {

        position: relative;
        top: 5.5px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(2) {


        position: relative;
        top: 2px;
    }


    .contact-section form .info-text {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #5F5F5F;

        padding-bottom: 11px;

        padding-left: 5px;
    }

    .contact-section form select {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #A9A9A9;

        //width: 390px;
        
        width: 320px;

        padding-left: 15px;

        letter-spacing: 0.3px;

        /* position: relative;
        top: -1px; */

        cursor: pointer;
    }

    .contact-section form .red {

        color: red;
    }

    .contact-section form input {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;

        /* padding-top: 6.6px;
        padding-bottom: 6.6px; */


        height: 39px;

        padding-left: 15px;

        color: #A9A9A9;

        font-size: 14px;

        letter-spacing: 0.3px;
    }

    .contact-section form textarea {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;
    }


    .contact-section form .inner-form-wrapper:nth-child(1) .info-block:nth-child(1) .info-text, .outer-info-block .info-text {

        padding-bottom: 8px;
    }

    .contact-section form .inner-form-wrapper:nth-child(2) .info-block:nth-child(1) {

        //margin-top: 0.001px;

        position: relative;
        top: 2px;
    }


    .contact-section form .send-section {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .btn-link {

        position: relative;
        
        //top: 213px;
        
        top: 20px;
        
        margin: 0 auto;
        
        
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        content: "envoyer";
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        padding-left: 29px;
    }

    
    /* == End of Contact section on Responsive == */
    
    
    
    

    /* == End of Content Container section on iPad on Portrait Mode == */
    
    
}

/* === End of Responsive for iPad on Portrait Mode === */





/* === Responsive for iPad on Landscape Mode === */

@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    
    /* == Header section on Responsive == */
    
    header .child-two-section-container .phone-number-wrapper {
        
        text-align: center;
        
        left: 50%;
    }
    
    header .child-two-section-container .logo-wrapper {
        
        position: relative;
        left: 13%;
    }
    
    header .child-three-section-container .flag-wrapper {
        
        top: 37.3px;
    }
    
    header .child-three-section-container .sub-info-container {
    
        //padding-top: 40px;

        //padding-top: 10px;

        padding-top: 13px;
        
        padding-left: 30px;
        padding-right: 30px;
        
    }
    
    /* == End of Header section on Responsive == */
    
    
    /* == Content Container on Responsive == */
    
    .content-container {
        
        padding-top: 90.3594px;
        
    }
    
    .content-container .left-bar {
        
        //width: 102.5px;
        
        //width: 13.2vw;
        
        width: 100px;
    }
    
    .nav-sliding-block {

        bottom: 0;

        left: 65vw;

    }
    
    .home-service-section .down-arrow-wrapper {
    
        text-align: center;
        
        padding-right: 50px;
    }
    
    /* == Home Service section on Mobile == */
    
    .home-service-section .inner-service-wrapper {
    
        //text-align: center;

        //padding: 50px;
        
        //padding: 50px 20px 50px 20px;
        
        padding: 50px 50px 50px 0;

        position: relative;

        //text-align: center;
    }
    
    .home-service-section .inner-service-wrapper .description {
        
        //padding: 40px 20px 0 20px;
        
        padding: 40px 0 0 0;
        
        text-align: center;
    }
    
    .home-service-section .service-list-block {

        //padding: 0 20px;
        
        padding: 0 50px 20px 0;
        
        grid-template-columns: 1fr 1fr;
        
        grid-row-gap: 65px;
    }
    
    .home-service-section .service-list-block .service-description {
        
        text-align: justify;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(4) {
        
        padding-top: 0;
        left: 0;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(5) {
        
        padding-top: 0;
        left: 60%;
        
    }
    
    
    /* == End of Home Service section on Mobile == */
    
    
    /* == Home Project section on Mobile == */
    
    .home-project-section {

        //padding: 0 20px 92px 20px;
        
        padding: 0 50px 92px 0;
    }
    
    .home-project-section .inner-project-wrapper {
        
        grid-template-columns: 1fr 1fr;

        //grid-column-gap: 0;
        
        grid-column-gap: 50px;;
        
        //grid-row-gap: 65px;
        
        grid-row-gap: 70px;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .sub-title {
        
        font-size: 27px;
        
        //font-size: 24px;
        
        //text-align: justify;
        
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(2) img {

        width: 100%;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap {
    
        font-family: "Avenir Bold", sans-serif;

        //font-size: 30px;

        font-size: 33px;

        letter-spacing: -1px;

        //line-height: 20px;

        //line-height: 25px;

        line-height: 27px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap {
        
        /* display: flex;
        flex-wrap: nowrap;
        
        justify-content: center; */
        
        /* display: grid;
        grid-template-columns: 1fr;
        
        grid-row-gap: 10px; */
    }
    
    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link:nth-child(1) {
        
        margin-right: 40px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link {
        
        //margin: 0 auto !important;
    }
    
    /* == End of Home Project section on Mobile == */
    
    
    
    /* == Home Work section on Mobile == */
    
    .home-work-section {
        
        height: 80vh;
    }
    
    
    .home-work-section .inner-home-work-wrapper {

        //padding: 0 90px 0 550px;
        
        margin: 0;
        
        //padding: 20px;
        
        padding: 0 90px 0 90px;
    }
    
    .home-work-section .inner-home-work-wrapper .title {
        
        /* margin: 0;
        padding: 0; */
        
        padding-top: 0;
    }
    
    .home-work-section .inner-home-work-wrapper .sub-title {
        
        //padding-top: 10px;
        
        //padding-bottom: 20px;
        
        font-size: 27px;
        
        //font-size: 24px;
        
        text-align: justify;
    }
    
    
    .home-work-section .inner-home-work-wrapper .description {
        
        padding-right: 0;
        
        //padding-bottom: 20px;
    }
    
    .home-work-section .inner-home-work-wrapper .btn-link {
        
        display: block;
        margin: 0 auto;
    }
    
    /* == End of Home Work section on Mobile == */
    
    
    /* == Home Customer section on Mobile == */
    
    .home-customer-section .outer-customer-container {

        //padding: 0 20px 79.5px 20px;
        
        padding: 0 50px 79.5px 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper {
        
        /* grid-template-columns: 1fr;
        
        grid-column-gap: 0;
        
        //grid-row-gap: 65px;
        
        padding-bottom: 50px; */
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .sub-title {
        
        //font-size: 27px;
        
        font-size: 24px;
        
        text-align: justify;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block {
        
        text-align: center;

    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block {
        
        text-align: center;
    }
    
    /* .home-customer-section .outer-customer-container .customer-button .btn-link {
        
        margin: 0 auto;
    } */
    
    
    /* == End of Home Customer section on Mobile == */
    
    
    
    /* == Move to top button section == */
    
    .move-to-top-btn {
        
        display: none;
    }
    
    /* == End of Move to top button section == */
    
    
    /* Footer section on Mobile */
    
    footer .inner-footer-section {

        //padding: 67.1px 20px 50px 20px;
        
        padding: 67.1px 29px 50px 0;
    }
    
    footer .inner-footer-section .footer-block-container .text-content {
        
        font-size: 15.5px;
    }
    
    footer .bottom-footer-wrapper {
        
        //grid-template-columns: 2fr 1fr;
    }
    
    footer .bottom-footer-wrapper .copyright {
        
        padding-left: 6.2%;
        
        font-size: 13px;
    }
    
    footer .bottom-footer-wrapper .company {
        
        padding-left: 41.5%;
        
        font-size: 13px;
        
    }
    
    /* End of Footer section on iPad */
    
    
    /* == Main Title section on Mobile == */
    
    .main-title-section {
        
        padding: 60px 50px 60px 50px;
    }
    
    .main-title-section .title h1 {
        
        font-size: 40px;

        line-height: 50px;

        padding-right: 0;
    }
    
    .main-title-section .sub-title {

        font-size: 17px;

        padding-right: 0;
        
        text-align: justify;

    }
    
    /* == End of Main Title section on Mobile == */
    
    
    /* == About Us Section One == */

    .about-us-section-one {

        padding: 57px 50px 95px 0;
    }
    
    .about-us-section-one .inner-about-us-wrapper {
        
        grid-template-columns: 1fr 1fr;

        grid-column-gap: 70px;
    }
    
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .sub-title {
    
        //font-size: 33.6px;
        
        font-size: 30px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        line-height: 33px;

        letter-spacing: -0.1px;

        padding: 30px 0;

    }
    
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(1) .description {

        padding-right: 0;
    }
    
    .about-us-section-one .inner-about-us-wrapper .about-us-block-container:nth-child(2) img {
        
        width: 100%;
    }
    
    
    /* == Value section == */

    .value-section {

        padding: 0 50px 100px 0;
    }
    
    /* == End of Value section on Responsive == */
    
    /* == Service section on Responsive == */

    .service-main-title-section {

        //padding: 60px 0 40px 70px;
        
        padding: 60px 50px 40px 50px;
        
        //background: #0478FF;
    }

    .service-main-title-section .title h1 {

        font-size: 40px;

        left: 0;

        padding-right: 0;
    }

    .service-main-title-section .sub-title {

        font-size: 17px;

        left: 0;

        padding-right: 0;
    }

    .service-content-section {

        display: grid;
        grid-template-columns: 1fr 1fr;
        
        grid-column-gap: 60px;

        //padding: 0 100px 0 100px;

        /* padding-left: 200px;
        padding-right: 150px; */

        //padding-bottom: 70px;
        
        //padding: 20px 20px 70px 20px;
        
        padding: 60px 50px 70px 0;

        width: 100%;

        margin-left: 0;

        grid-row-gap: 65px;
    }

    .service-content-section .service-block img {

        //width: 350px;

        width: 100%;
    }

    .service-content-section .service-block .service-name {

        //font-size: 21.5px;

        font-size: 21px;

        font-family: "Avenir Bold", sans-serif;

        color: #000;

        //padding: 35px 0 20px 0;
        
        padding: 35px 50px 20px 0;

        width: 100%;

    }

    .service-content-section .service-block .description {

        font-family: "Avenir Medium", sans-serif;

        font-size: 15.5px;

        letter-spacing: 0.3px;

        color: #747474;

        text-align: justify;

        padding: 0;
        margin: 0;

        width: 100%;
    }


    .service-content-section .service-block:nth-child(1) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(3) {

        margin-top: 0;
    }

    .service-content-section .service-block:nth-child(5) {

        margin-top: 0;

    }

    .service-content-section .service-block:nth-child(2) {

        padding-top: 0;
    }
    
    /* .home-service-section .service-list-block .inner-service-block:nth-child(2) .service-button, .home-service-section .service-list-block .inner-service-block:nth-child(3) .service-button {

        padding-top: 20px;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(4) .service-button {
        
        padding-top: 70px;
    } */

    /* == End of Service section == */
    
    
    /* == Option section == */

    .option-section {

        //padding: 70px 100px 50px 100px;

        //padding: 70px 100px 80px 100px;
        
        //padding: 70px 50px 80px 0;
        
        padding: 70px 94px 80px 0;

        display: grid;
        grid-template-columns: 1fr 1fr 1fr;

    }
    
    .option-section .option-block {

        padding: 40px 30px;
    }
    
    
    .option-section .option-block:nth-child(2) {
        
        font-size: 19px;
    }
    
    .option-section .option-block:nth-child(3) {
        
        font-size: 19px;
    }
    
    .option-section .option-block:nth-child(2) div img {
    
        width: 31.3px;
        
        margin-right: 10px;
    }

    .option-section .option-block:nth-child(3) div img {

        width: 37.6px;
    }
    
    /* == End of Option section == */
    
    
        /* == Contact section == */

    .contact-section {

        //padding: 70px 20px 70px 20px;
        
        padding: 70px 20px 50px 20px;
    }

    .contact-section .title h1 {

        font-family: "Avenir Bold", sans-serif;

        font-size: 21.5px;
        
        text-align: center;
    }

    .contact-section .instruction {

        font-family: "Avenir Medium", sans-serif;

        font-size: 12px;

        color: red;

        padding-top: 28px;
        padding-bottom: 28px;
        
        text-align: center;
    }


    .contact-section form .inner-form-container {

        display: grid;
        grid-template-columns: 1fr 1fr;
        
        grid-column-gap: 10px;
        
        //display: block;
    }

    .contact-section form .info-block {

        //padding-bottom: 30px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(1) .info-block:nth-child(1) .info-text {

        position: relative;
        bottom: -8px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(1) {

        position: relative;
        top: 5.5px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(2) {


        position: relative;
        top: 2px;
    }


    .contact-section form .info-text {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #5F5F5F;

        padding-bottom: 11px;

        padding-left: 5px;
    }

    .contact-section form select {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #A9A9A9;

        //width: 390px;
        
        width: 320px;

        padding-left: 15px;

        letter-spacing: 0.3px;

        /* position: relative;
        top: -1px; */

        cursor: pointer;
    }

    .contact-section form .red {

        color: red;
    }

    .contact-section form input {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;

        /* padding-top: 6.6px;
        padding-bottom: 6.6px; */


        height: 39px;

        padding-left: 15px;

        color: #A9A9A9;

        font-size: 14px;

        letter-spacing: 0.3px;
    }

    .contact-section form textarea {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;
    }


    .contact-section form .inner-form-wrapper:nth-child(1) .info-block:nth-child(1) .info-text, .outer-info-block .info-text {

        padding-bottom: 8px;
    }

    .contact-section form .inner-form-wrapper:nth-child(2) .info-block:nth-child(1) {

        //margin-top: 0.001px;

        position: relative;
        top: 2px;
    }


    .contact-section form .send-section {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .btn-link {

        position: relative;
        
        //top: 213px;
        
        top: 20px;
        
        margin: 0 auto;
        
        
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        content: "envoyer";
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        padding-left: 29px;
    }

    
    /* == End of Contact section on Responsive == */

    
    

    /* == End of Content Container section on iPad on Landscape Mode == */
    
    
}

/* === End of Responsive for iPad on Landscape Mode === */





/* === Responsive for iPad Pro on Portrait Mode === */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    
    /* == Header section on Responsive == */
    
    header .child-two-section-container .phone-number-wrapper {
        
        width: 25%;
        
        //text-align: center;
        
        //left: 50%;
        
        left: 8%;
        
    }
    
    header .child-two-section-container .logo-wrapper {
        
        width: 25%;
        
        position: relative;
        //left: 13%;
        
        //left: -2%;
        
        left: 10%;
    }
    
    header .child-two-section-container .contact-label-wrapper {
        width: 25%;
        
        position: relative;
        
        //left: 15%;
        
        left: 13.1%;
        
    }
    
    header .child-two-section-container .flag-wrapper {
        
        width: 25%;
        
        position: relative;
        
        left: 7%;
    }
    
    header .child-three-section-container .sub-info-container {
    
        //padding-top: 40px;

        //padding-top: 10px;

        padding-top: 13px;
        
        padding-left: 30px;
        padding-right: 30px;
        
    }
    
    /* == End of Header section on Responsive == */
    
    
    /* == Content Container on Responsive == */
    
    .content-container {
        
        padding-top: 89.4844px;
        
    }
    
    .content-container .left-bar {
        
        //width: 102.5px;
        
        //width: 13.2vw;
        
        width: 100px;
    }
    
    .nav-sliding-block {

        bottom: 0;

        left: 65vw;

    }
    
    .home-service-section .down-arrow-wrapper {
    
        text-align: center;
        
        padding-right: 60px;
    }
    
    /* == Home Service section on Mobile == */
    
    .home-service-section .inner-service-wrapper {
    
        //text-align: center;

        //padding: 50px;
        
        //padding: 50px 20px 50px 20px;
        
        //padding: 50px 50px 50px 0;
        
        padding: 50px 70px 50px 0;

        position: relative;

        //text-align: center;
    }
    
    .home-service-section .inner-service-wrapper .description {
        
        //padding: 40px 20px 0 20px;
        
        padding: 40px 0 0 0;
        
        text-align: center;
    }
    
    .home-service-section .service-list-block {

        //padding: 0 20px;
        
        //padding: 0 50px 20px 0;
        
        padding: 0 70px 20px 0;
        
        /* grid-template-columns: 1fr;

        grid-column-gap: 0;
        
        grid-row-gap: 65px; */
        
        grid-template-columns: 1fr 1fr;
        
        grid-row-gap: 65px;
    }
    
    .home-service-section .service-list-block .inner-service-block:nth-child(5) {
        
        padding-top: 0;
        left: 60%;
    }
    
    
    /* == End of Home Service section on Mobile == */
    
    
    /* == Home Project section on Mobile == */
    
    .home-project-section {

        //padding: 0 20px 92px 20px;
        
        //padding: 0 50px 92px 0;
        
        padding: 0 70px 92px 0;
    }
    
    .home-project-section .inner-project-wrapper {
        
        grid-template-columns: 1fr 1fr;

        //grid-column-gap: 0;
        
        //grid-column-gap: 50px;
        
        grid-column-gap: 80px;
        
        grid-row-gap: 65px;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .sub-title {
        
        font-size: 27px;
        
        //font-size: 24px;
        
        text-align: justify;
        
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(2) img {

        width: 100%;
    }
    
    .home-project-section .inner-project-wrapper .project-block-container:nth-child(1) .number-wrap .project-stat-inner-wrap {
    
        font-family: "Avenir Bold", sans-serif;

        //font-size: 30px;

        font-size: 33px;

        letter-spacing: -1px;

        //line-height: 20px;

        //line-height: 25px;

        line-height: 27px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap {
        
        display: flex;
        flex-wrap: nowrap;
        
        justify-content: flex-start;
        
        /* display: grid;
        grid-template-columns: 1fr;
        
        grid-row-gap: 10px; */
    }
    
    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link:nth-child(1) {
        
        margin-right: 40px;
    }

    .home-project-section .inner-project-wrapper .project-button-wrap .btn-link {
        
        //margin: 0 auto !important;
    }
    
    /* == End of Home Project section on Mobile == */
    
    
    
    /* == Home Work section on Mobile == */
    
    .home-work-section {
        
        height: 80vh;
    }
    
    
    .home-work-section .inner-home-work-wrapper {

        //padding: 0 90px 0 550px;
        
        margin: 0;
        
        //padding: 20px;
        
        padding: 0 90px 0 90px;
    }
    
    .home-work-section .inner-home-work-wrapper .title {
        
        /* margin: 0;
        padding: 0; */
        
        padding-top: 0;
    }
    
    .home-work-section .inner-home-work-wrapper .sub-title {
        
        //padding-top: 10px;
        
        //padding-bottom: 20px;
        
        font-size: 27px;
        
        //font-size: 24px;
        
        text-align: justify;
    }
    
    
    .home-work-section .inner-home-work-wrapper .description {
        
        padding-right: 0;
        
        //padding-bottom: 20px;
    }
    
    .home-work-section .inner-home-work-wrapper .btn-link {
        
        display: block;
        margin: 0 auto;
    }
    
    /* == End of Home Work section on Mobile == */
    
    
    /* == Home Customer section on Mobile == */
    
    .home-customer-section .outer-customer-container {

        //padding: 0 20px 79.5px 20px;
        
        //padding: 0 50px 79.5px 0;
        
        padding: 0 70px 79.5px 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper {
        
        grid-template-columns: 1fr 1fr;
        
        grid-column-gap: 65px;
        
        //grid-row-gap: 65px;
        
        //padding-bottom: 50px;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .sub-title {
        
        //font-size: 27px;
        
        font-size: 24px;
        
        text-align: justify;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(1) .description {
        
        padding-right: 0;
    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .top-inner-logo-block {
        
        text-align: center;

    }
    
    .home-customer-section .outer-customer-container .customer-block-info-wrapper .inner-customer-block:nth-child(2) .logo-list-block .bottom-inner-logo-block {
        
        text-align: center;
    }
    
    .home-customer-section .outer-customer-container .customer-button .btn-link {
        
        margin: 0;
    }
    
    
    /* == End of Home Customer section on Mobile == */
    
    
    
    /* == Move to top button section == */
    
    .move-to-top-btn {
        
        display: none;
    }
    
    /* == End of Move to top button section == */
    
    
    /* Footer section on Mobile */
    
    footer .inner-footer-section {
        
        padding: 67.1px 29px 50px 0;
        
        display: grid;
        
        grid-template-columns: repeat(4, 1fr);
        
    }
    
    footer .inner-footer-section .footer-block-container {
    
        margin: 0 auto;
        
        padding-left: 0;
    }
    
    footer .inner-footer-section .footer-block-container .text-content {
        
        font-size: 15.5px;
    }
    
    /* footer .bottom-footer-wrapper {
        
        grid-template-columns: 2fr 1fr;
        
    } */
    
    footer .bottom-footer-wrapper .copyright {
        
        padding-left: 8.5%;
        
        font-size: 13px;
    }
    
    footer .bottom-footer-wrapper .company {
        
        padding-left: 60%;
        
        font-size: 13px;
        
    }
    
    /* End of Footer section on iPad */
    
    
    /* == About Us section on Responsive == */
    
    .about-us-section-one .inner-about-us-wrapper {
    
        display: grid;
        grid-template-columns: 1fr 1fr;

        grid-column-gap: 70px;
    }
    
     /* == End of About Us section on Responsive == */
    
    
    /* == Value section == */
    
    .value-section .value-list-block {
        
        grid-template-columns: repeat(4, 1fr);

        grid-column-gap: 60px;
    }
    
    /* == End of Value section == */
    
    
    /* == Contact section == */

    .contact-section {

        //padding: 70px 20px 70px 20px;
        
        padding: 70px 90px 50px 90px;
    }

    .contact-section .title h1 {

        font-family: "Avenir Bold", sans-serif;

        font-size: 21.5px;
        
        text-align: center;
    }

    .contact-section .instruction {

        font-family: "Avenir Medium", sans-serif;

        font-size: 12px;

        color: red;

        padding-top: 28px;
        padding-bottom: 28px;
        
        text-align: center;
    }


    .contact-section form .inner-form-container {

        display: grid;
        grid-template-columns: 1fr 1fr;
        
        grid-column-gap: 10px;
        
        //display: block;
    }

    .contact-section form .info-block {

        //padding-bottom: 30px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(1) .info-block:nth-child(1) .info-text {

        position: relative;
        bottom: -8px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(1) {

        position: relative;
        top: 5.5px;
    }

    .contact-section form .inner-form-container .top-info-section:nth-child(2) .info-block:nth-child(2) {


        position: relative;
        top: 2px;
    }


    .contact-section form .info-text {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #5F5F5F;

        padding-bottom: 11px;

        padding-left: 5px;
    }

    .contact-section form select {

        font-family: "Avenir Medium", sans-serif;
        font-size: 14px;

        color: #A9A9A9;

        //width: 390px;
        
        width: 320px;

        padding-left: 15px;

        letter-spacing: 0.3px;

        /* position: relative;
        top: -1px; */

        cursor: pointer;
    }

    .contact-section form .red {

        color: red;
    }

    .contact-section form input {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;

        /* padding-top: 6.6px;
        padding-bottom: 6.6px; */


        height: 39px;

        padding-left: 15px;

        color: #A9A9A9;

        font-size: 14px;

        letter-spacing: 0.3px;
    }

    .contact-section form textarea {

        //width: 390px;
        
        width: 100%;

        border: 2px solid #EFEFF1;
    }


    .contact-section form .inner-form-wrapper:nth-child(1) .info-block:nth-child(1) .info-text, .outer-info-block .info-text {

        padding-bottom: 8px;
    }

    .contact-section form .inner-form-wrapper:nth-child(2) .info-block:nth-child(1) {

        //margin-top: 0.001px;

        position: relative;
        top: 2px;
    }


    .contact-section form .send-section {

        /* display: grid;
        grid-template-columns: 1fr; */
        
        display: block;
    }

    .contact-section form .btn-link {

        position: relative;
        
        //top: 213px;
        
        top: 20px;
        
        margin: 0 auto;
        
        
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        content: "envoyer";
    }

    .contact-section form .btn-link .inner-btn-link-wrap div:nth-child(1)::after {

        padding-left: 29px;
    }

    
    /* == End of Contact section on Responsive == */
    
    
    
    

    /* == End of Content Container section on iPad on Landscape Mode == */
    
    
}

/* === End of Responsive for iPad Pro on Portrait Mode === */













/* === Responsive for Mobile on MEDIUM SCREEN === */

@media screen and (min-width: 658px) and (max-width: 850px) and (orientation: landscape) {
    
    /* == Header section on Mobile */
    
    header .child-two-section-container {
        
        //display: block;
        
        display: flex;
        flex-wrap: nowrap;
        
        overflow: hidden;
    }
    
    header .child-two-section-container .phone-number-wrapper {
        
        //width: 33.33%;
        
        width: 25%;
        
        //left: 5%;
        
        left: 13%;
        
        text-align: right;
    }
    
    /* header .child-two-section-container .phone-number-wrapper #phone-number-header-inner-wrap {
        
        margin: 0 auto;
    } */
    
    header .child-two-section-container .contact-label-wrapper {
        
        //width: 33.33%;
        
        width: 25%;
        
        text-align: center;
        
        //left: 0;
        
        left: 15%;
    }
    
    header .child-two-section-container .logo-wrapper {
        
        //width: 100%;
        
        //width: 33.33%;
        
        width: 25%;
        
        padding: 27.4px 0;
        
        position: relative;
        
        left: 11%;
        
    }
    
    header .child-two-section-container .flag-wrapper {
        
        width: 25%;
        
        position: relative;
        left: 5%;
    }
    
    header .child-two-section-container .logo-wrapper a img {
        
        width: 150px;
        
        position: relative;
        
        left: 24%;
        
    }
    
    header .child-three-section-container .sub-info-container {
    
        //padding-top: 40px;

        //padding-top: 10px;
        
        padding-top: 13px;
        
        padding-left: 30px;
        padding-right: 30px;
        
    }
    
    /* === End of Header section on Mobile === */
    
    
    /* == Content Container section on Mobile == */
    
    /* Standard element styles */
    
    .content-container {
        
        display: block;
        
    }
    
    .content-container .left-bar {
        
        display: none;
    }
    
    /* End of Standard element styles */
    
    
    
    /*.content-container .right-section .landing-slider-container .landing-image-slide-wrap {
        
        height: 44vh;
    } */
    
}

/* === End of Responsive for Mobile on MEDIUM SCREEN === */



/* === END OF RESPONSIVE SECTION === */