/*
Theme Name: Royal Elementor Kit Child
Theme URI: https://royal-elementor-addons.com/royal-elementor-kit-child
Description: Child theme for the Royal Elementor Kit
Author: WP Royal
Author URI: https://royal-elementor-addons.com/
Template: royal-elementor-kit
Version: 1.0.0
*/


html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Poppins', sans-serif;
    line-height: 1.8;
    font-size: 14px;
    color: #1f1f1f;
    scroll-behavior: smooth;
    font-weight: 300;
}
@font-face{
    font-family: "Signatria";
    src: url("css/fonts/Signatria.ttf");
    font-display: swap;
} 
@font-face{
    font-family: "avenir";
    src: url("css/fonts/AvenirLTStd-Book.otf");
    font-display: swap;
} 

@font-face{
    font-family: "bebas_light";
    src: url("css/fonts/BebasNeue Light.otf");
    font-display: swap;
} 
@font-face{
    font-family: "bebas_regular";
    src: url("css/fonts/BebasNeue Regular.otf");
    font-display: swap;
} 
@font-face{
    font-family: "bebas_thin";
    src: url("css/fonts/BebasNeue Thin.otf");
    font-display: swap;
} 
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
#top-menu{
    min-height: 86px; 
}
#top-menu .nav{
    min-height: 86px; 
}
#top-menu nav{
    transition: all .3s ease-in-out;  
    background-color: transparent;
    z-index: 99;
}
#top-menu nav.scroll{
    transition: all .3s ease-in-out;
    background-color: #fff;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
}
#navigation h1{
    margin-bottom: 0;
    margin-top: 10px;
}
#navigation .logo{
    text-align: left;
    padding-left: 20px;
}   
#navigation .logo img{
    max-width: 65%;
    margin-top: 17px;
}
.sidenav {
    height: 100%;
    width: 360px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -360px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s ease-in-out;
    padding-top: 60px;
    z-index: 99999;
  }
 

  .sidenav a.closebtn:hover {
    color: #000;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #000;
    font-size: 60px;
    padding: 0;
    cursor: pointer;
    font-weight: 200; 
  }
.carousel-inner {
    position: relative;
    height: 100vh;
}
.carousel-fade .carousel-item {
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.carousel-fade{
    margin-bottom: 30px;
}
.slider_main_title{
    text-align: center;
    font-size: 85px;
    font-family: 'Bebas Neue';
    line-height: 85px;
    transition: all .3s ease;
    color: #fff;
    background: #ffffff0a -webkit-radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,0),rgba(255,255,255,0)) no-repeat -280px -94px;
    -webkit-background-clip: text;
    -webkit-background-size: 388px;
    color: rgb(255 255 255 / 20%);
    /* -webkit-text-fill-color: transparent; */
    -webkit-animation: ani 4s linear infinite;
}
.slider_main_title:hover{
	-webkit-text-fill-color: transparent;
    -webkit-animation: ani 4s linear infinite;
    -webkit-text-stroke: 1px #fff;
}
@keyframes ani{
  from{background-position:-280px -94px;}
  to{background-position:680px -94px;}
}

.slider_main_title b{
    font-weight: 400;
    transition: all .3s ease;
    color: #ED701D; 
}   
#primary_button, .primary_button{
    background-color: #ED701D;
    color: #fff;
    font-family: 'avenir';
    text-transform: uppercase;
    font-size: 11px;
    padding: 14px 26px 13px;
    letter-spacing: 2.6px;
    text-align: center;
    display: inline-block;
    transition: all .3s ease-in-out; 
    border: 1px solid #ED701D;
    border-radius: 25px;
}
#primary_button:hover, .primary_button:hover{
    background-color: transparent;
    text-decoration: none;
    color: #ED701D;
    transform: translateY(-7px);
}
#secondary_button, .secondary_button{
    background-color: #021647;
    color: #fff;
    font-family: 'avenir';
    text-transform: uppercase;
    font-size: 11px;
    padding: 14px 24px 12px;
    letter-spacing: 2.6px;
    text-align: center;
    display: inline-block;
    transition: all .3s ease-in-out;  
    border: 1px solid #021647;
    border-radius: 25px;
}
#secondary_button:hover, .secondary_button:hover{
    background-color: transparent;
    text-decoration: none;
    color: #021647;
}
.carousel-item .primary_button{
    margin-top: 10px;
}
.carousel-item::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;  
    background-color: #021647D4;
    mix-blend-mode: multiply;
}
.slider_section{
    position: relative;
} 
.caption{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}
.carousel-indicators li{
    width: 2px;
    height: 40px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #fff;
}
.carousel-indicators{
    writing-mode: vertical-rl;
}
.indicators_container{
    position: absolute;
    left: 25px;
    bottom: 0; 
    width: 5px;
    height: 100%;
}
.carousel-indicators .active{
    background-color: #ED701D;
}
.indicators_numbers{
    color: #fff;
    display: flex;
    position: absolute;
    right: -79px;
    align-items: center;
    bottom: 19px;  
}
#indicators_numbers_txt{
    font-family: 'Bebas Neue';
    font-weight: 400;
    font-size: 27px;
    line-height: 25px;  
    letter-spacing: -1px; 
}
#indicators_numbers_separator,
#indicators_numbers_total{
    font-family: 'Bebas Neue';
    font-weight: 400;
    font-size: 42px;
    line-height: 42px;  
}
#lang_menu{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;  
}
#menu-lang-menu{
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column; 
}
#menu-lang-menu li{
    writing-mode: vertical-lr; 
    position: relative;
}
#menu-lang-menu li a{
    color: #fff;
    font-weight: 400;
}
#menu-lang-menu li:first-child::before{
    content: '';
    width: 30%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
#menu-lang-menu li.current-lang a{
    font-weight: 600; 
}
.top_right_menu li.menu-item{
    display: flex;
    align-items: center;
    position: relative;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff;
    font-family: 'avenir';
    text-transform: capitalize;
    transition: all .3s ease;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255);
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #ED701D;
}
.navbar-light .navbar-nav .active>.nav-link::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background-color: #ED701D;
    z-index: -1; 
}
.navbar-light.scroll .navbar-nav .nav-link{
    color: #021647;
}
.navbar .dropdown-menu{
    margin: 0.1rem 0 0;
    color: #fff;
    border: 1px solid rgb(237 112 29 / 61%);
    border-radius: 0;
    background-color: rgb(237 112 29 / 61%);
}
.navbar .dropdown-item{
    color: #fff;
    font-family: avenir;
    font-size: 14px;
    text-transform: capitalize;
    transition: all .3s ease;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: #ed701d;
}
section.text_content{
    padding-top: 50px;
    padding-bottom: 50px;
}
.navbar-collapse{
    padding-right: 20px;
}
.text_content_title{
    color: #021647;
    text-align: center;
    font-size: 55px;
    font-family: 'Bebas Neue';
    line-height: 58px; 
}  
.text_content_title p{
    margin-bottom: 0;
}
.text_content_description{
    text-align: center;
    font-family: 'avenir';  
    width: 60%;
    margin: auto;
    letter-spacing: 0.5px;
    margin-top: 15px;
}  
.text_content_description p{
    margin-bottom: 0;
}
.primary_title_bold{
    color: #021647;
    text-align: center;
    font-size: 55px;
    font-family: 'Bebas Neue';
    line-height: 50px;
    margin-bottom: 50px;
}
.text_content strong{
    font-family: 'Bebas Neue' !important;
}
.expertise_icon_contain{
    display: flex;
    align-items: center;
    justify-content: center;
}
.expertise_title{
    font-family: 'avenir';
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    margin-top: 25px;
    transition: all .3s ease;
}
.expertise_card{
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    padding-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 15px;
    transition: all .3s ease;
    border-radius: 8px;
    border: 1px solid #fff;
}
.expertise_card:hover{ 
    background-color: #fff;     
    border: 1px solid #ED701D;  
    color: #021647; 
} 
.expertise_card:hover .ressources_title{
    color: #021647; 
}
.expertise_icon_contain{
    transition: all .3s ease;
}
.expertise_card:hover .expertise_icon_contain{
    transform: translateY(-6px);
}
.expertise_card:hover .expertise_title{
    transform: translateY(6px);
}
.expertise_icon_contain img{
    /*max-width: 25%;
    height: auto;*/
    margin-bottom: 10px; 
}
.nos_expertises{
    margin-top: 30px;
    margin-bottom: 60px;
}
.text_content_btns_contain{
    text-align: center;
    margin-top: 30px; 
}
.excellence_operationnelle{
    background-color: #021647;
    padding-top: 30px;
    padding-bottom: 70px;
    margin-top: 50px;
}
.excellence_main_titre{
    color: #fff;
    font-family: 'Bebas Neue' !important;
    text-transform: uppercase;
    font-size: 55px;
    line-height: 55px; 
    margin-top: 50px;
    min-height: 55px;
}
.excellence_main_titre p{
    margin-bottom: 0 !important;
}
.excellence_main_titre b{
    font-weight: 400 !important;
    color: #ED701D;
} 
..excellence_main_titre:hover{
    color: transparent;
        -webkit-text-stroke: 1px #fff;
}

.excellence_sous_titre{  
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    width: 55%;
    margin-bottom: 35px;
    margin-top: 10px;
}
.excellence_small_desc{
    color: #fff;
    font-family: 'avenir';
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.5px; 
}
.excellence_bloc_2_desc{
    color: #fff;
    font-size: 18px;
    font-family: 'avenir';
    display: flex;
    align-items: center;
    /*height: 100%; */
}
.excellence_bloc_2_desc ul,
.single_project ul{
    padding-left: 0;
    list-style: none;
}
.excellence_bloc_2_desc li,
.single_project li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}
.excellence_bloc_2_desc li::before{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L10 17L24 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    left: 0;
    top: 57%;
    transform: translateY(-50%);
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.single_project li::before{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L10 17L24 1' stroke='%23021647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    left: 0;
    top: 57%;
    transform: translateY(-50%);
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.services_img_bg{
    min-height: 345px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.service_card_col{
    text-align: center;
    margin-top: -60px;
}
.service_number{
    color: #F57500;
    font-family: 'Bebas Neue' !important;
    font-size: 85px;
    line-height: 70px;
    transition: all .3s ease;
}
.service_titre{
    font-family: 'avenir';
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.67px;
    font-weight: 300;
    margin-top: 12px;
}
.service_desc{
    font-family: 'avenir';
    font-size: 14px;
    width: 80%;
    margin: auto;
    text-align: center;
    line-height: 21px;
    letter-spacing: 0.67px; 
}
.service_card_item{
    background-color: #fff;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    padding-top: 35px;
    padding-bottom: 30px;
    border-radius: 8px;
    border: 1px solid #fff;
}
.service_card_item:hover{
    border: 1px solid #F57500;
} 
.service_card_item:hover .service_number{ 
    transform: translateY(-7px);
}
.services_items{
    margin-bottom: 35px;
}
.managment_main_title{
    text-align: center;
    color: #fff;
    font-family: 'Bebas Neue';
    font-size: 55px;
    line-height: 60px;
    letter-spacing: 0.67px;
}
.managment_main_title strong{
    font-family: 'Bebas Neue' !important;
}
.managment_description{
    color: #fff;
    text-align: center;
    font-family: 'avenir';
    width: 75%;
    letter-spacing: 0.67px;
    margin: auto;
    margin-top: 30px;
}
.managment_btns{
    text-align: center;
    margin-top: 35px;
}
.managment{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    padding-top: 90px;
    padding-bottom: 80px;
}
.managment::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #021647;
    mix-blend-mode: multiply;
}
.ressources_title{
    text-align: center;
    margin-top: 25px;
    color: #000;
    font-family: avenir; 
    font-size: 16px;
    text-transform: uppercase;
}
.ressources_description{
    text-align: center;
    font-family: avenir;
    width: 80%;
    margin: auto;
    line-height: 22px;
    letter-spacing: 0.67px;
    margin-top: 10px;
    font-size: 14px;
    min-height: 132px;
}
.ressources_description p{
    margin-bottom: 0;
}
section.ressources{
    margin-top: 65px;
    margin-bottom: 75px;
}
.notre_vision{
    position: relative;
    margin-top: 130px;   
}
.notre_vision_main_title{
    color: #021647;
    font-size: 55px;
    font-family: 'Bebas Neue';
    line-height: 50px;
    margin-bottom: 30px;
    min-height: 50px;
    margin-top: 60px;
}
.notre_vision_main_title_2{
    color: #fff;
    font-size: 55px;
    line-height: 60px;
    font-family: 'Bebas Neue';
    margin-bottom: 30px;
    min-height: 50px;
    margin-top: 60px;
    padding-left: 30px;
}
.notre_vision_main_title p{
    margin-bottom: 0;
}
.notre_vision_bloc_1_desc{
    font-family: 'avenir';
    color: #000;
    letter-spacing: 0.67px;
    padding-right: 25px;
    margin-bottom: 85px;
}
.notre_vistion_bg_img{
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    right: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
}
.notre_vistion_bg_img::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #021647;
    mix-blend-mode: multiply;
}
.notre_vision_bloc_2_desc{
    color: #fff;
    font-family: 'avenir';
    padding-left: 30px;
}
.realisation_card{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: 295%;
    -webkit-transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: background-position 1s, filter 0.5s linear;
    transition: background-position 1s, filter 0.5s linear, -webkit-transform 1s, -webkit-filter 0.5s linear;
}
.realisation_card::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.3;
}
.realisation_title{
    font-family: 'Bebas Neue';
    color: #fff;
    font-size: 40px;
	position:relative;
}
.realisation_description{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
	position:relative;
    font-size: 12px;
}
.realisation_link{
    position: absolute;
    top: 88%;
    opacity: 0;
    transition: all .3s ease;
}
.realisation_card_contain:hover .realisation_link{ 
    top: 68%;
    opacity: 1;
}
.realisation_link a{
    font-family: 'avenir';
    color: #fff;
    font-size: 13px;  
    letter-spacing: 3px;
    position: relative;
}
.realisation_link a::after{
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #F57500;
}
section.realisations{
    margin-top: 95px;
    margin-bottom: 110px;
}
section.footer{
    background-color: #021647;
    padding-top: 50px;
    padding-bottom: 55px;
}
.footer_logo{
    max-width: 28%;
    display: block;
    margin: auto;
    margin-bottom: 85px;
}
.footer_titles{
    color: #fff;
    font-family: 'avenir';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.3px;
    margin-bottom: 18px;
}
.footer_desc{
    color: #fff;
    font-family: 'avenir';
    font-size: 14px;
    line-height: 21px; 
}
.contact_item,
.svg_contain{
    display: flex;
    align-items: center;
    margin-right: 5px;
        margin-bottom: 4px;
}
.contact_item a{
    color: #fff;
}
.contact_item p{
    margin-bottom: 0;
}
.footer_rs_contain svg{
    height: 25px;
    width: auto;
    margin-right: 4px;
}
.header_logo_black{
    display: none;
}
.scroll .header_logo_black{
    display: block;
}
.scroll .header_logo_white{
    display: none;
}
.header_bloc{
    min-height: 430px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;   
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.header_bloc::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #021647D4;
    mix-blend-mode: multiply;
}
.header_bloc_title{
    color: #fff;
    font-family: 'Bebas Neue';
    font-size: 70px;
    line-height: 65px; 
    margin-top: 40px;
	
	transition: all .3s ease;
    color: #fff;
    background: #ffffff0a -webkit-radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,0),rgba(255,255,255,0)) no-repeat -280px -94px;
    -webkit-background-clip: text;
    -webkit-background-size: 388px;
    color: rgb(255 255 255 / 20%);
    /* -webkit-text-fill-color: transparent; */
    -webkit-animation: ani 4s linear infinite;
}
.header_bloc_title b{
    color: #ED701D;
}
.text_image_left_bloc{
    color: #000;
    font-family: 'avenir'; 
    font-size: 16px;
    display: flex;
    align-items: center;
}
.text_image_left_bloc .primary_button{
    margin-top: 18px;
}
.text_image_left_bloc #primary_button{
    margin-top: 18px;
}
.text_image_righ_bg_img{
    height: 100%;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: right; 
} 
.text_image_bloc_2 .text_image_righ_bg_img{
    float: left;
}
.text_image_bloc_2 .text_image_righ_bloc{
    padding-left: 0;
}
.text_image_bloc_2 .text_image_left_bloc{
    padding-left: 0 !important;
}
.text_image_bloc{
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}
.text_image_bloc_2{
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 80px;
    margin-bottom: 80px;

}
.text_image_bloc::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background-color:#F7F7F7;
}
.text_image_bloc_2::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background-color: #F7F7F7!important;
}

.text_image_righ_bloc{
    padding-right: 0;
}
.text_image_bloc_2.text_image_righ_bloc{
    padding-left: 0;
}
.digitale_bloc{
    background-color: #021647;
    padding-top: 95px;
    padding-bottom: 80px;
}
.digitale_item_bloc{
    min-height: 255px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.digitale_item_img{
    transition: all .3s ease; 
}
.digitale_item_bloc:hover .digitale_item_img{
    transform: translateY(-7px);
}
.digital_main_title{
    color: #fff;
    font-family: 'Bebas Neue';
    font-size: 70px;
    line-height: 65px;
}
.digital_main_title p{
    margin-bottom: 0;
}
.digital_main_title b{ 
    color: #ED701D;
}
.digital_main_sous_titre{
    color: #fff;
    text-transform: uppercase;
    font-family: 'avenir';
    letter-spacing: 0.67px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.digital_main_description{
    color: #fff;
    font-family: 'avenir';
    letter-spacing: 0.67px;
    margin-bottom: 35px;
    width: 95%;
}
.digitale_item_text{
    font-family: 'avenir';
    font-size: 24px; 
    line-height: 33px;
    margin-top: 25px;
    transition: all .3s ease;
}
.digitale_item_bloc:hover .digitale_item_text{
    transform: translateY(7px);
}
.demarche_title{
    font-family: 'Bebas Neue' !important;
    color: #021647;
    font-size: 55px;
    letter-spacing: 0.67px;
    line-height: 51px;
}
.demarche_title b{
    color: #F57500;
}
.demarche_desc{
    font-family: 'avenir';
    font-size: 16px;
    line-height: 30px;
}
.demarche_bloc .container{
    margin-top: -60px;
    background-color: #fff;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 25px;
    padding-bottom: 45px;
}
.row_bloc_2{
    margin-top: 40px;
}
.demarche_bloc{
    margin-bottom: 70px;
}
.text_image_main_titre{
    font-family: 'Bebas Neue';
    font-size: 40px;
    line-height: 48px;
    color: #021647;
    margin-bottom: 30px;
}
.text_image_main_titre strong{
    font-family: 'Bebas Neue';
}
.votre_siteweb{
    background-color: #021647;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 60px;
}
.stwb_titre_1{
    font-family: 'Bebas Neue';
    color: #fff;
    font-size: 55px;
    line-height: 55px;
}
.stwb_titre_2{
    font-family: 'Bebas Neue';
    color: #fff;
    font-size: 140px;
    line-height: 105px;
    margin-top: 28px;
    margin-bottom: 28px; 
}
.stwb_content_1{
    color: #fff;
    font-family: 'avenir';
    font-size: 22px;
    letter-spacing: 0.367px; 
}
.stwb_content_1 p{
    margin-bottom: 0;
}
.stwb_content_2{
    color: #fff;
    font-family: 'avenir';
    text-transform: uppercase;
    letter-spacing: 0.67px;
    font-size: 13px;
    margin-bottom: 18px;
}
.stwb_content_2 p{
    margin-bottom: 0;
}
.notre_vision_bloc_2_btns{
    padding-left: 30px;
    margin-bottom: 65px;
    margin-top: 75px;
}
.notre_vision_bloc_1_desc ul{
    list-style: none;
    padding-left: 0;
}
.notre_vision_bloc_1_desc ul li{
    position: relative;
    margin-bottom: 15px;
    padding-left: 25px;
}
.notre_vision_bloc_1_desc ul li::before{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8L8.82609 15L21 1' stroke='%23021647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    left: 0;
    top: 57%;
    transform: translateY(-50%);
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.text_bloc_txt{
    color: #000;
    text-align: center;
    font-family: 'avenir';
    font-size: 20px;
    letter-spacing: 0.67px;
    line-height: 35px;
    margin-top: 85px; 
}
.strategie_title{
    font-family: 'Bebas Neue';
    font-size: 40px;
    line-height: 40px;
    color: #021647;
}
.strategie_title strong{
    font-family: 'Bebas Neue';
}
.strategie_desc{
    color: #000;
    font-size: 15px;
    font-family: avenir;
    letter-spacing: 0.67px;
}
.strategie_bloc_2 .strategie_title{
    color: #F57500;
    font-size: 105px;
    text-align: center;
    line-height: 85px;
    font-family: 'Bebas Neue';
    margin-bottom: 20px;
}
.strategie_bloc_2 .strategie_desc{
    font-size: 13px;
    text-align: center;
    width: 90%;
    margin: auto;
    line-height: 21px;
}
.strategie_bloc_3 .strategie_desc{
    font-size: 13px;
    text-align: center;
    width: 90%;
    margin: auto;
    line-height: 21px;
}
.strategie_bloc_3 .strategie_title{
    text-align: center;
}
.strategie_bloc_2{
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
}
.strategie_bloc_3{
    text-align: center;
}
.header_bloc_desc{
    color: #fff;
    font-family: 'avenir';  
    font-size: 22px;
    margin-bottom: 22px;
    text-transform: uppercase;
}
footer{
    text-align: center;
    background-color: #021647;
    color: #fff;
    font-family: avenir;
    padding-bottom: 15px;
}
.mission_vision_main_title{
    font-family: 'Bebas Neue';
    color: #fff;
    font-size: 50px;
    letter-spacing: 0.67px;
}
.mission_vision_main_desc{
    color: #fff;
    line-height: 25px;
    font-family: 'avenir';
    width: 90%;
    margin-bottom: 45px;
}
.mission_vision{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 65px;
    padding-bottom: 60px;
}
.mission_vision::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #021647D4;
    mix-blend-mode: multiply;
}
.mission_vision::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 68%;
    width: 1px;
    background-color: #fff;
    z-index: 99;
    transform: translate(-50%, -50%);
}
.mission_vision_right_bloc{
    padding-left: 60px;
}
.cheques_entreprises_text_1{
    color: #000;
    font-family: 'avenir';
    font-size: 18px;
    line-height: 21px;
}
.cheques_entreprises_titre{
    color: #021647;
    font-family: 'Bebas Neue';
    font-size: 40px;
    line-height: 40px;
    margin-top: 22px;
    margin-bottom: 60px;
}
.cheques_entreprises{
    margin-top: 70px;
    margin-bottom: 90px;
}
.cheques_entre_item_title{
    font-family: 'Bebas Neue';
    font-size: 30px;
    color: #021647;
    line-height: 35px;
    position: relative;
    margin-bottom: 20px;
    padding-top: 35px;
    padding-bottom: 18px;
}
.cheques_entreprises_bloc{
    position: relative;
    padding: 0 30px;
}
.cheques_entreprises_bloc:not(:last-child)::after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 84%;
    background-color: #CACACA;
}
.cheques_entreprises_row{
        box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
}
.cheques_entre_item_title::after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: 1px;
    background-color: #CACACA;
}
.cheques_entre_item_desc{
    font-family: 'avenir';
    color: #000;
    font-size: 14px;
    letter-spacing: 0.67px; 
    margin-bottom: 50px;
}
.cheques_bloc .container{
    margin-top: -90px;
}
.cheques_item_title{
    color: #021647;
    font-family: 'Bebas Neue';
    font-size: 45px;
}
.cheques_item_description{
    font-family: 'avenir';
    color: #000;
    line-height: 28px;
    letter-spacing: 0.67px;
}
.cheque_bloc_item{
    background-color: #fff;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    padding-top: 46px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 26px;
    margin-bottom: 20px;
}
.cheques_item_content{
    color: #021647;
    font-size: 25px;
    font-family: 'Bebas Neue';
    line-height: 26px; 
}
.cheques_item_btns{
    margin-top: 40px;
}
.cheques_right_bloc{
    padding-left: 25px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cheques_right_bloc::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #CACACA;
}
.cheques_bloc{
    margin-bottom: 70px;
}
.contact_infos_blocs{
    display: flex;
    color: #fff;
    font-family: 'avenir';
    font-size: 14px;
    line-height: 21px;
    margin-top: 45px;
}
.contact_infos_bloc_1{
    margin-right: 85px;
}
.contact_form_map iframe{
    width: 100%;
    height: 500px;
}
.contact_form_map{
    margin-top: -35px;
}
.contact_inputs{
    width: 100%;
    border: 1px solid #FBFBFB;
    background-color: #FBFBFB;
    font-size: 12px;
    padding: 9px 16px;
    margin-bottom: 15px;
}
.contact_inputs:focus{
    outline: none;
    border: 1px solid #F57500;
}
textarea.contact_inputs{
    height: 150px;
}
.contact_form_left_bloc{ 
    background-color: #fff; 
    padding-top: 55px;
    padding-bottom: 35px;
    box-shadow: 5.9px 6.8px 15.5px rgba(190, 205, 226, 0.28), -2.8px -2.8px 8px rgba(255, 255, 255, 0.81), inset 3.5px 3.5px 6px rgba(255, 255, 255, 0.15);
}
.contact_form_left_bloc p{
    margin-bottom: 0;
}
.contact_bg_img{
    height: 100%;
    background-position: center;
    background-size: cover; 
    border-radius: 5px; 
}
.contact_btns{
    background-color: #F57500;
    width: 100%;
    border: 1px solid #F57500;
    color: #fff;
    font-family: 'avenir';
    font-size: 12px;
    letter-spacing: 0.7px;
    padding: 12px 15px 10px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 30px;
}
.contact_btns:hover{
    background-color: transparent;
    color: #F57500;
}
.contact_form{
    margin-bottom: 90px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-top: -15px;
    margin-bottom: 15px;
    padding-left: 5px;
}
.wpcf7 form .wpcf7-response-output { 
    font-size: 12px;
    line-height: 17px; 
    text-align: center;
    margin-top: 0 !important;
}
.portfolioFilter a{
    color: #021647;
    font-family: 'Bebas Neue';
    font-size: 16px;
    letter-spacing: 0.67px;
    background-color: #fff;
    padding: 12px 55px 9px;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    margin: 5px 7px;
    border: 1px solid #fff;
    transition: all .3s ease;
}
.portfolioFilter a:hover{
    border: 1px solid #F57500; 
}
.portfolioFilter a.current{
    background-color: #F57500;
    color: #fff;
}
.portfolioFilter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.cheques_cart_titre_1{
    color: #021647;
    font-family: 'Bebas Neue';
    font-size: 22px;
    letter-spacing: 0.67px;
    line-height: 25px;
}
.cheques_cart_titre_2{
    font-family: 'Bebas Neue';
    color: #021647;
    font-size: 24px;
    letter-spacing: 0.67px;
    line-height: 24px; 
}
.cheques_cart_exp{
    font-family: 'avenir';
    color: #000;
    font-size: 13px;
    line-height: 21px;
    margin-top: 18px;  

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.cheques_cart_exp_2{
    font-family: 'avenir';
    color: #000;
    font-size: 13px;
    line-height: 21px;
    margin-top: 18px;  
}
.cheques_item_card_contain{
    background: #FFFFFF;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    padding: 42px 35px;
    padding-bottom: 0;
    position: relative;
}
.cheques_item_card_contain::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #F57500;
    opacity: 0;
    transition: all .3s ease;
}
.cheques_item_card_contain:hover::before{
    opacity: 1;
}
.cheques_cart_description{
    color: #021647;
    font-family: 'Bebas Neue';
    font-size: 19px;
    line-height: 21px;
    letter-spacing: 0.69px;
}
.cheques_cart_description strong{
    font-family: 'Bebas Neue';
}
.portfolioContainer .col-lg-6{
        padding-top: 15px;
}
.cheques_right_bloc{
    display: flex;
    align-items: center;
}
.cheques_cart_description p{
    margin-bottom: 0;
}
.cheques_item_right_bloc{
    display: flex;
    align-items: center;
    position: relative;
    min-height: 175px;
}
.cheques_item_right_bloc::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #CACACA;
}
.cheques_btn_more{
    background-color: #F57500;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 40px 10px;
    font-family: 'avenir';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    transition: all .3s ease;
    text-decoration: none;
	border-radius: 25px;
}
.cheques_btn_more:hover{
    text-decoration: none;
    color: #fff;
} 
.icon_center_span{
    display: flex;
    align-items: center;
    transform: translateX(10px) scale(.85) translateY(-1px);
    transition: all .3s ease;
}
.cheques_cart_btns{
    text-align: right;
    margin-top: 25px;
}
.cheques_btn_more:hover .icon_center_span{
    transform: translateX(15px) scale(.85) translateY(-1px);
}
.magrin-bottom-div{
    display: block;
    height: 25px;
    width: 100%;
}
section.photos{
    background-color: #F8F7F7;
    padding-top: 55px;
    padding-bottom: 85px;
}
.cheques_img_bg{
    min-height: 500px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hover-this {
  transition: all 0.3s ease;
} 
.cursor {
  pointer-events: none;
  position: fixed;  
  padding: 0.3rem;
  background-color: #ED701D;
  border-radius: 50%;
  mix-blend-mode: difference;
  transition: transform 0.3s ease;
}
.nav-link:hover ~ .cursor {
  transform:translate(-50%, -50%) scale(5);
}

.cheques_cart_titre_1_modal{
    color: #F57500;
    font-family: 'Bebas Neue';
    letter-spacing: 0.67px;
    font-size: 20px;
    line-height: 21px;
}
.cheques_cart_description_modal {
    color: #021647;
    font-family: 'Bebas Neue';
    font-size: 19px;
    line-height: 21px;
    letter-spacing: 0.69px;
}
.cheques_cart_description_modal strong{
    color: #F57500;
}
.modal-content{
    border-radius: 0;
    border: none;
}
.modal-dialog {
    max-width: 1040px; 
}
.modal-body{
    padding: 28px 22px;
}
.caption_center{
    transform: translateY(100px);
    opacity: 0;
}
.top_right_menu{
    opacity: 0;
    transform: translateX(100px);
}
.logo_anime{
    transform: translateX(-100px);
    opacity: 0;
}
.indicators_container{
    opacity: 0;
    transform: translateX(-100px);
}
.indicators_numbers{
    opacity: 0;
    transform: translateY(100px);
}
.quotation_step_1 {
    font-family: Bebas Neue;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 25px; 
}
.quotation_steps_right_part{
    display: none;
}
.quotation_section label {
    font-size: 13px;
    color: #c4c4c4;
    font-weight: 400;
    width: 100%;
} 
.quotation_inputs {
    width: 100%;
    border: 1px solid #FBFBFB;
    background-color: #FBFBFB;
    font-size: 12px;
    padding: 9px 16px; 
}
.wpcf7 .wpcf7-list-item {
    display: block;
    margin-bottom: 10px;
}
.quotation_section textarea {
    border: 1px solid #FBFBFB;
    background-color: #FBFBFB;
    font-size: 12px;
    padding: 9px 16px; 
    width: 100%;
    height: 150px;  
}
.quotation_section textarea:focus{
    outline: none;
    border: 1px solid #ED701D;
}
.quotation_inputs:focus{
    outline: none;
    border: 1px solid #ED701D;
}
.quotation_section .wpcf7-not-valid-tip{
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-top: 0px;
    margin-bottom: 0;
    padding-left: 5px; 
}
.wpcf7-form-control-wrap {
    position: relative;
}
.quotation_section .label_file {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
    border-radius: 25px;
    border: 1px solid #ed701d;
}
.file_label_1 {
    margin-left: 15px;
}
.file_label_2 {
 background-color: #ed701d;
    padding: 7px 45px;
    border: 1px solid #ed701d;
    color: #fff;
    border-radius: 25px;
} 
.quotation_section .wpcf7 input[type="file"]{
    display: none;
}
.quotation_section{
    margin-bottom: 65px;  
}
.quotation_btns{
    background-color: #ED701D;
    color: #fff;
    font-family: 'avenir';
    text-transform: uppercase;
    font-size: 11px;
    padding: 13px 45px 11px;
    letter-spacing: 2.6px;
    text-align: center;
    display: inline-block;
    transition: all .3s ease-in-out;
    border: 1px solid #ED701D;
    border-radius: 25px;
    margin-top: 50px;
    cursor: pointer;  
}
.wpcf7-checkbox label {
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}
.wpcf7-checkbox input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
}
.wpcf7-list-item-label {
    margin-left: 30px;
    display: inline-block;
}
.wpcf7-checkbox input[type="checkbox"] + span:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 0;
    height: 15px;
    width: 15px;
    top: 3px;
    left: 0;
    border: 1px solid #c4c4c4;
}
.wpcf7-checkbox input[type="checkbox"] + span:after {
    display: block;
    position: absolute;
    content: "\2713";
    height: 14px;
    width: 13px;
    top: -4px;
    left: 1px;
    visibility: hidden;
    font-size: 11px;
    text-align: center;
    line-height: 30px;
    color: #ed701d;
}
.wpcf7-checkbox input[type="checkbox"]:checked + span:before {
    background: 0 0;
}
.wpcf7-checkbox input[type="checkbox"]:checked + span:after {
    visibility: visible;
}
.hidden_services_menu{ 
    padding-top: 50px;
    padding-bottom: 65px;
}
.hidden_services_menu a{
    color: #021647;  
}
.hidden_services_menu h2{
    font-family: 'avenir';
    text-transform: capitalize;
    font-size: 20px;  
    transition: all .5s ease;
    position: relative;
    z-index: 99;
}
.services_desc{
    font-family: 'avenir';
    font-size: 12px;
    line-height: 18px;
    width: 95%; 
    transition: all .5s ease;
    position: relative;
    z-index: 99;
}
.hidden_services_menu a:hover h2{
    transform: translateY(-4px);
}
.hidden_services_menu a:hover .services_desc{
    transform: translateY(4px);
}
.main_menu_title{
    color: #fff;
    font-family: 'Bebas Neue' !important;
    font-size: 50px !important;
    letter-spacing: 0.7px !important;
    line-height: 45px !important;
    position: relative;
    z-index: 99;
}
.main_menu_desc{
    font-family: 'avenir';
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    width: 90%; 
    position: relative;
    z-index: 99;
}
.bg_blue_menu_left{
    position: absolute;
    top: 0;
    width: 28%;
    left: 0;
    height: 100%;
    background-color: rgb(2 22 71 / 97%);
}
.bg_blue_menu_right{
    position: absolute;
    top: 0;
    width: 72%;
    right: 0;
    height: 100%;
    background-color: rgb(255 255 255 / 97%);
}
.hidden_services_menu{
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: all .8s ease; 
    position: fixed;
    top: 86px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.hidden_services_menu.active{
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;   
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: rgb(237 112 29);
}
.main_mobile_menu{
    display: none !important;
} 
.references_items{
        margin-top: 65px;
    margin-bottom: 80px;  
}
.header_bloc_single::before{  
    background-color: #A6A6A7 ;
}
.single_project_main_img,
.single_project_other_img{
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    position: relative;
}
.single_project_main_img::before,
.single_project_other_img::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all .3s ease;
    opacity: 0;
}
.deals_zoom_btn{
    position: absolute;
    top: 70%; 
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s ease;
    opacity: 0;
}
.single_project_main_img:hover .deals_zoom_btn,
.single_project_other_img:hover .deals_zoom_btn{
    opacity: 1;
    top: 50%; 
}
.single_project_main_img:hover::before,
.single_project_other_img:hover::before{
    opacity: 1;
}
.single_project_title{  
    color: #021647;
    font-size: 48px;
    font-family: 'Bebas Neue';
    line-height: 50px;
    margin-bottom: 30px;
    min-height: 50px;
    margin-top: 60px;  
}
.single_project_desc{
    color: #000;
    letter-spacing: 0.67px;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px; 
}
.single_project_btns{
    margin-top: 55px;  
}
.animate-typing[data-animate-index="0"]::after,
.animate-typing[data-animate-index="1"]::after,
.animate-typing[data-animate-index="2"]::after,
.animate-typing[data-animate-index="3"]::after{
    content: '' !important;
}
.single_project .col-lg-5{
    background: #FFFFFF;
    box-shadow: 5.9px 6.8px 15.5px rgb(190 205 226 / 28%), -2.8px -2.8px 8px rgb(255 255 255 / 81%), inset 3.5px 3.5px 6px rgb(255 255 255 / 15%);
    border-radius: 6px;
    padding: 0px 35px;
    margin-bottom: 15px;
}
.realisations_btn_contain{
    text-align: center;
    margin-top: 40px; 
}
.realisation_card_contain{
    margin-bottom: 15px;  
}
.single_project{
    margin-top: 70px; 
    margin-bottom: 100px;
}
@media (min-width: 300px) and (max-width: 600px) {
    .realisation_card_contain {
        margin-bottom: 0px;
    }
    .references_items {
        margin-top: 40px;
        margin-bottom: 55px;
    }
    .single_project{
        text-align: center;
        margin-top: 35px;
        margin-bottom: 50px;
    }
    .single_project .col-lg-5{
        margin-bottom: 40px;  
    }
    .single_project_title { 
        font-size: 38px; 
        line-height: 35px;
        margin-bottom: 20px;
        min-height: 35px;
        margin-top: 50px;
    }
    .single_project_btns {
        margin-top: 35px;
        margin-bottom: 30px;  
    }
    .contact_bg_img {
        height: 250px;
    }
    .main_desktop_menu{
        display: none !important;
    }
    .main_mobile_menu{
        display: block !important;
    }
    .menu_btn { 
        right: 14px; 
    } 
    .slider_title { 
        font-size: 28px; 
    }
    img.header_logo{
        max-width: 100%;
        margin-top: 18px;
    } 
    .navbar-toggler {
        display: flex;
        background-color: #ed701d;
        border-radius: 0;
        height: 85px;
        right: unset;
        width: 85px;
        position: relative;
        align-items: center;
        justify-content: center;
        font-size: 33px;
        color: #fff !important;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: unset;
    }
    #navigation{
        padding-right: 0;
        padding-left: 0;
    }
    .caption{
        width: 100%;
    }
    .slider_main_title { 
        font-size: 43px; 
        line-height: 46px; 
    } 
    .text_content_title { 
        font-size: 36px; 
        line-height: 39px;
    }
    .text_content_description {
        width: 100%;
    }
    .carousel-fade {
        margin-bottom: 0px;
    }
    .primary_title_bold { 
        font-size: 38px; 
        line-height: 35px;
        margin-bottom: 25px;
    }
    .nos_expertises {
        margin-top: 15px;
        margin-bottom: 30px; 
    }
    section.text_content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .excellence_operationnelle { 
        padding-top: 30px;
        padding-bottom: 40px;
        margin-top: 0px;
        text-align: center;
    }
    .excellence_main_titre { 
        font-size: 40px;
        line-height: 45px;
        margin-top: 21px; 
        text-align: center;
        margin-bottom: 5px;
        min-height: auto;
    }
    .excellence_sous_titre { 
        font-size: 16px; 
        line-height: 24px;
        width: 100%;
        margin-bottom: 28px;
        margin-top: 0px;
    }
    .excellence_bloc_2_desc { 
        font-size: 16px;   
        justify-content: center;
        margin-top: 18px;
    }
    .excellence_bloc_2_desc li { 
        margin-bottom: 8px;
        text-align: left;
    }
    .services_img_bg {
        min-height: 230px; 
    }
    .service_number { 
        font-size: 65px;
        line-height: 55px;
    }
    .services_items {
        margin-bottom: 10px;
    }
    .managment_main_title { 
        font-size: 36px;
        line-height: 38px; 
    }
    .managment_description { 
        width: 100%; 
        margin: auto;
        margin-top: 20px;
    }
    .managment{
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .notre_vision { 
        margin-top: 0px;
    }
    .notre_vision{
        text-align: center;
    }
    .notre_vision_main_title { 
        font-size: 38px; 
        line-height: 50px;
        margin-bottom: 15px;
        min-height: auto;
        margin-top: 15px;
    }
    .notre_vision_bloc_1_desc {  
        padding-right: 0;
        margin-bottom: 55px;
    }
    .notre_vistion_bg_img {
        position: absolute;
        height: 37%;
        width: 100%;
        bottom: 0;
        top: unset;
        right: 0; 
    }
    .notre_vision_bloc_2_desc{
        padding-bottom: 15px;
        padding-left: 0;
    }
    section.realisations {
        margin-top: 55px;
        margin-bottom: 60px;
    }
    .realisation_card {   
        min-height: 300px !important;
        margin-top: 15px;
    }
    .realisation_title { 
        font-size: 36px;
        margin-top: -20px;
    }
    .footer_logo {
        max-width: 65%; 
        margin-bottom: 35px;
    }
    section.footer { 
        text-align: center;
        padding-bottom: 35px;
    }
    .contact_item, .svg_contain { 
        justify-content: center;
    }
    .footer_titles{
        margin-bottom: 10px;
        margin-top: 18px;
    }
    .navbar-toggler:focus{
        outline: none;
    }
    .top_right_menu{
        background-color: #fff;
        min-height: 0px;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #021647;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        color: #ED701D;
    }
    .navbar-light .navbar-nav .active>.nav-link::before{
        display: none;
    }
    .header_bloc_title { 
        font-size: 36px;
        line-height: 41px;
        margin-top: 75px;
        text-align: center;
    }
    .header_bloc {
        min-height: 390px;  
        margin-bottom: 0;
    }
    .text_image_bloc::before {  
        width: 100%;
        height: 100%; 
    } 
    .text_image_bloc { 
        padding-top: 50px;
        padding-bottom: 60px;
        text-align: center;
    }
    .text_image_righ_bloc {
        padding-right: 15px; 
        margin-top: 20px;
    }

    .text_image_righ_bg_img {
        height: 100%;
        min-height: 230px; 
        float: unset;
        width: 100% !important;
        margin: auto;
        display: inline-block;
    }
    .digitale_bloc { 
        padding-top: 50px;
        padding-bottom: 45px;
        text-align: center;
    }
    .digital_main_title { 
        font-size: 50px;
        line-height: 48px;
    }
    .digital_main_sous_titre {   
        line-height: 24px;
        margin-bottom: 30px;
        margin-top: 10px;  
    }
    .digital_main_description { 
        margin-bottom: 35px;
        width: 100%;
    }
    .digital_main_btns{
        margin-bottom: 40px;
    }
    .demarche_bloc .container {
        margin-top: 0; 
        padding-top: 45px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 45px;
        text-align: center;
    }
    .demarche_title { 
        font-size: 45px; 
        line-height: 44px;
    }
    .demarche_bloc {
        margin-bottom: 50px;
    }
    .text_image_main_titre { 
        font-size: 32px;
        line-height: 38px; 
        margin-bottom: 20px;
        margin-top: 35px;
    }
    .top_right_menu li.menu-item {
        display: flex;
        align-items: flex-start;
        position: relative;
        flex-direction: column;
    }
    .header_bloc_btns{
        text-align: center;
    }
    .text_image_bloc_2::before{
        width: 100%;
    }
    .text_image_bloc_2 .text_image_righ_bloc {
        padding-left: 15px;
    }
    .text_image_bloc_2 { 
        padding-top: 40px;
        padding-bottom: 55px;
        margin-top: 55px;
        margin-bottom: 80px;
        text-align: center;
    }
    .text_image_bloc_2 .text_image_left_bloc {
        padding-left: 15px !important;
    }

    .stwb_titre_1 { 
        font-size: 40px;
        line-height: 30px;
    }
    .stwb_titre_2 { 
        font-size: 100px;
        line-height: 65px;
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .stwb_content_1 { 
        font-size: 19px; 
    }
    .votre_siteweb { 
        padding-top: 55px;
        padding-bottom: 40px;
    }
    .header_bloc_desc { 
         font-size: 18px;
        margin-bottom: 19px;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
    }
    .notre_vision_main_title_2 { 
        font-size: 30px;
        line-height: 38px; 
        margin-bottom: 15px;
        min-height: 50px;
        margin-top: 50px;
        padding-left: 0;
    }
    .notre_vision_bloc_2_btns {
        padding-left: 0;
        margin-bottom: 30px; 
        margin-top: 0px;
    }
    .text_bloc_txt { 
        font-size: 16px;
        letter-spacing: 0.67px;
        line-height: 28px;
        margin-top: 45px;
    }
    .text_image_left_bloc_contain{
        margin-top: 25px;
    }
    .mission_vision { 
        padding-top: 45px;
        padding-bottom: 50px;
        text-align: center;
    }
    .mission_vision_main_title { 
        font-size: 43px;
        letter-spacing: 0.67px;
    }
    .mission_vision_main_desc { 
        line-height: 25px; 
        width: 100%;
        margin-bottom: 30px;
    }
    .mission_vision_right_bloc {
        padding-left: 15px; 
        margin-top: 40px;
    }
    .mission_vision::after{
        display: none;
    }
    .cheques_entreprises {
        margin-top: 40px;
        margin-bottom: 90px;
        text-align: center;
    }
    .cheques_entreprises_titre { 
        font-size: 38px;
        line-height: 38px;
        margin-top: 22px;
        margin-bottom: 20px;
    }
    .cheques_entre_item_title::after {  
        width: 100%; 
    }
    .cheques_entre_item_desc{
        margin-bottom: 5px;
    }
    .cheques_entreprises {
        margin-top: 35px;
        margin-bottom: 90px; 
        text-align: center;
    }
    .portfolioFilter { 
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .cheques_item_card_contain {
        padding: 35px 15px;
        padding-bottom: 0; 
    }
    .portfolioFilter a{
        padding: 10px 55px 7px;
    }
    section.photos { 
        padding-top: 40px;
        padding-bottom: 61px;
    }
    .cheques_img_bg {
        min-height: 255px; 
    }
    .contact_infos_blocs { 
        font-size: 14px;
        line-height: 21px;
        margin-top: 30px;
        flex-direction: column;
    }
    .contact_infos_bloc_1 {
        margin-right: 0;
    }
    .service_card_col{
        margin-top: 10px;
    }
}

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

}
@media screen and (min-width: 1600px) {
    .container {
        max-width: 1400px;
    } 
}
.art-project-section {
    margin: 0 auto;
    padding: 0px 20px;
    max-width: 1440px;
}

.art-project-item {
    border-radius: 32px;
    margin-bottom: 20px;
    background-color: #D2D7DE;
}

/* Version-specific background colors */
.art-project-item.ver_1 {
    background-color: #EAEAEA;
}

.art-project-item.ver_2 {
    background-color: #DE4A28;
}

.art-project-item.ver_3 {
    background-color: #7EACD7;
}

.art-project-item.ver_4 {
    background-color: #FFC107;
}

.art-project-item.ver_5 {
    background-color: #4CAF50;
}

.art-project-item.ver_6 {
    background-color: #9C27B0;
}

.art-project-item.ver_7 {
    background-color: #03A9F4;
}

.art-project-item.ver_8 {
    background-color: #FF5722;
}

.art-project-item.ver_9 {
    background-color: #8BC34A;
}

.art-project-item.ver_10 {
    background-color: #607D8B;
}

.art-project-item .item-wrap {
    gap: 30px;
    padding: 20px;
}

@media (max-width: 1024px), (max-width: 768px), (max-width: 576px), (max-width: 480px) {
    .art-project-item .item-wrap {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.art-project-item .item-img {
    overflow: hidden;
    border-radius: 32px;
}

@media (max-width: 1024px), (max-width: 768px), (max-width: 576px), (max-width: 480px) {
    .art-project-item .item-img {
        width: 100%;
        max-width: 100%;
    }
}

.art-project-item .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.art-project-item .item-text {
    max-width: 540px;
    padding-top: 60px;
    padding-left: 70px;
    padding-bottom: 50px;
}

@media (max-width: 1200px), (max-width: 1024px), (max-width: 768px), (max-width: 576px), (max-width: 480px) {
    .art-project-item .item-text {
        padding-left: 15px;
    }
}

@media (max-width: 1200px) {
    .art-project-item .item-text {
        max-width: 425px;
    }
}

@media (max-width: 1024px), (max-width: 768px), (max-width: 576px), (max-width: 480px) {
    .art-project-item .item-text {
        max-width: 100%;
        padding-top: 20px;
    }
}

.art-project-item .item-text h3 {
    color: #fff;
    line-height: 1;
    font-size: 45px;
    font-weight: 500;
    padding-bottom: 15px;
}

@media (max-width: 480px) {
    .art-project-item .item-text h3 {
        font-size: 30px;
    }
}

.art-project-item .item-text p {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 25px;
}

@media (max-width: 480px) {
    .art-project-item .item-text p {
        font-size: 16px;
    }
}

.art-project-item .item-text li {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
}

@media (max-width: 480px) {
    .art-project-item .item-text li {
        font-size: 16px;
    }
}

.art-project-item .item-text li img {
    margin-right: 8px;
}

.art-project-item .item-text .art-btn-1 {
    margin-top: 20px;
}

.art-project-item .item-text .art-btn-1 a {
    color: var(--art-body-color);
}

.art-project-item .item-text .art-btn-1:hover a {
    color: #fff;
}

/* Version-specific text styles */
.art-project-item.ver_1 .item-text h3,
.art-project-item.ver_1 .item-text p,
.art-project-item.ver_1 .item-text li {
    color: #261723;
}

.art-project-item.ver_2 .item-text .art-btn-1:hover a {
    background-color: #7EACD7;
    color: #fff;
}

/* Add customizations for other versions as needed */