/* Graphik */
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikThin.otf);
    font-weight: 100;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikLight.otf);
    font-weight: 300;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikRegular.otf);
    font-weight: 400;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikMedium.otf);
    font-weight: 500;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikSemibold.otf);
    font-weight: 600;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikBold.otf);
    font-weight: 700;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikBlack.otf);
    font-weight: 800;
}
@font-face {
    font-family: 'Graphik';
    src: url(./fonts/GraphikSuper.otf);
    font-weight: 900;
}

*:not(i){
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Graphik';
}

html, body{
    overflow-x: hidden;
    overflow-y: auto;
}

h1{
    font-family: 'Graphik';
    font-weight: 600;
}

p{
    font-family: 'Graphik';
    font-weight: 300;
}

ul, li{
    font-family: 'Graphik';
    font-weight: 300;
}

/* .navbar{
    background-color: #212B46;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
} */

.navbar{
    /* position: relative; */
    padding: 0;
    box-shadow: 
    0 0 15px 1px rgba(0, 0, 0, 0.35);
}

.navbar .container-fluid{
    padding: 0;

}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    border-radius: 0;
    background: transparent linear-gradient(91deg, #1F73BE 0%, #0099CA 100%) 0% 0% no-repeat padding-box;
    padding: 10px;
}

.navbar .overly-navbar{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #212B46;
    overflow: hidden;
    width: 100%;
    height:0;
    transition: .5s ease;
} 

.navbar:hover .overly-navbar{
    height: 100%;
    bottom: 0;
} 

.navbar:hover .fixed-navbar .navbar-collapse .navbar-nav .menu-item a{
    color: white;

}

.navbar:hover .fixed-navbar .navbar-collapse .navbar-nav .menu-item a:hover{
    color: #0099CA;

}



.navbar .fixed-navbar .navbar-collapse{
    position: relative;
    z-index: 2;
}

.navbar .fixed-navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    background-color: white;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 0;
    padding-top: 0;
    
}

.navbar .fixed-navbar .logo1{
    display: block;
  }

.navbar .fixed-navbar .logo2 {
    position: relative;
    z-index: 2;
    display: none; 
  }

  .navbar:hover .fixed-navbar .logo1 {
    display: none;
  }

  .navbar:hover .fixed-navbar .logo2 {
    display: block;
  }

.navbar .overly-navbar .navbar-collapse .navbar-nav > .menu-item > .nav-link{
    color: white;
    border-bottom: 5px solid transparent;
    font-weight: 400;
    display: block;
    padding: 20px 16px;
    text-decoration: none;
}

.navbar .fixed-navbar .navbar-collapse .navbar-nav > .menu-item > .nav-link{
    color: black;
    font-weight: 400;
    border-bottom: 5px solid transparent;
    display: block;
    padding: 20px 16px;
    text-decoration: none;
}


.navbar-nav > .menu-item > .dropdown-menu > .menu-item > .dropdown-item {
    color: white;
    padding: 6px;
    border: 0;

}

.navbar-nav > .menu-item > .dropdown-menu > .menu-item > .dropdown-item:hover{
    border-bottom: 0;
}

.navbar .navbar-collapse{
    justify-content: flex-end;
    
}

.navbar .navbar-collapse .navbar-nav{
    margin-right: 30px;
}

.hamburger .icon-burger{
    font-size: 3rem;
    /* color: rgba(255, 255, 255); */
}

.hamburger{
    border:none;
    background-color: transparent;
    display: none;
}

.navbar .navbar-collapse .navbar-nav .menu-item{
    text-decoration: none;
    /* display: inline-block;
    margin-inline: 0.5rem; */
    
}

.navbar .navbar-collapse .navbar-nav .menu-item a:hover{
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, #0295C9, #9DECFF) 1;
    color: #0dcaf0;
    
}

.navbar .navbar-collapse .navbar-nav .menu-item a span:hover{
    color: #0dcaf0;
}

.navbar .navbar-collapse .contact-btn{
    /* display: inline-block; */
    background: transparent linear-gradient(91deg, #1F73BE 0%, #0099CA 100%) 0% 0% no-repeat padding-box;
    border: 0;
    font-size: 0.8rem;
    font-weight: 500;
    /* width: 100%; */
    border-radius: 0;
    padding: 10px 15px;

}

.navbar .btn span{
    font-weight: 400;

}

.navbar .btn a{
    text-decoration: none;
    color: white;
}

.navbar .btn i{
    
    transform: rotate(-45deg);
    margin-left: 5px;
}

.breadcrumb{
    /* height: 60px; */
    margin-top: 69px;
    background-color: #cae5ff;
    padding: 20px 6rem;
    margin-bottom: 0;
}

.breadcrumb ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb ul span{
    color: #114A7E;
    font-size: 0.9rem;
    font-weight: 500;

}

/* .breadcrumb ul li{
    text-decoration: none;
} */

.breadcrumb ul li a{
    color: #114A7E;
    font-size: 0.9rem;
    font-weight: 400;
    text-decoration: none;

}
    
.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 .25rem;
    content: ">";
}

.detail-section{
    padding-top: 30px;
    padding-bottom: 100px;
    background: transparent linear-gradient(90deg, #FFFFFF 0%, #DFECFA 100%) 0% 0% no-repeat padding-box;

}

.container .content-block .heading{
    background: linear-gradient(90deg, rgba(34,103,162,1) 0%, rgba(13,159,240,1) 100%);
    color: white;
    padding: 40px;
    font-size: 0.8rem;
}

.container .heading .block-list li{
    margin-bottom: 20px;
    list-style-type: none;
    /* text-align: justify; */
}

.container .content-block .heading h2{
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.container .content-block{
    padding: 30px;
}

.detail-section .container .content{
    /* margin-right: 40px; */
    color: #29335c;
}

.detail-section .container .content .heading-desc{
    font-size: 1rem;
    font-weight: 400;
    color: #124E88;
    text-align: justify;
    margin-right: 30px;
    
}

.detail-section .container .content-block .desc-info{
    margin-top: 40px;

}

.detail-section .container .content h1{
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 30px;
}

.detail-section .container .content h1::after{
    content: '';
    display: block;
    position: relative;
    width: 10%;
    border: 3.5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0295C9, #9DECFF);
    margin-top: 20px;

}

.detail-section .container .content h2{
    font-size: 2rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.item-icon-box {
    background-color: #184c8c;
    width: 100%;
    height: 400px;
    padding-top: 60px;
}

.item-icon-box .block-icon-box{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.item-icon-box .block-icon-box .icon-box .icon{
    margin-right: 20px;

}

.item-icon-box .block-icon-box .icon-box .icon img{
    width: 80%;
}

.item-icon-box .block-icon-box .icon-box{
    display: flex;
    flex-direction: row;
}

.item-icon-box .block-icon-box .content{
    color: white;
    line-height: 0.5rem;
    margin: auto;
}

.item-icon-box .block-icon-box .content .title{
    font-size: 1rem;
}

.item-icon-box .block-icon-box .content .desc{
    line-height: 1.2rem;
        
}


/*------------images-gallery----------*/


.images-gallery{
    position: relative;
    /* height: 750px; */
    /* overflow-y: hidden;
    overflow-x: hidden; */
    top: -200px;
}

.images-gallery .gallery-box{
    height: auto;
    object-fit: cover;
}

/* .images-gallery .gallery-box .galleryitem.active{
    display: block;
}

.images-gallery .gallery-box .galleryitem{
    display: none;
} */

.box-items{
    position: relative;
    margin-bottom: -100px;
}

/* .gallery{
    position: absolute;
    top: 200px;
} */


.images-gallery .block-images{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    background-color: rgb(23, 133, 191, 0.7);
    border: 1px solid #707070;
    padding: 10px 20px;
    overflow-y: scroll;
}

.block-images::-webkit-scrollbar {
    display: none;
}

.block-images::-webkit-scrollbar-thumb {
display: none;
}

.block-image::-webkit-scrollbar {
display: none;
}

.block-images {
-ms-overflow-style: none;
scrollbar-width: none; 
}


/* .images-gallery .block-images .item-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
} */

.images-gallery .block-images .item-box .img-box{
    width: 100%;
    height: auto;
    object-fit: contain;
    cursor: pointer;

}

.images-gallery .block-images .item-box .listimage img:hover{
   border: white solid 2px;
}

.gallery-project{
    margin-bottom: 100px;
}

.gallery-project .content h2{
    font-size: 2rem;
    font-weight: 600;
    color: #212B46;
    margin-bottom: 40px;

}

.gallery-project .content h2::after{
    content: '';
    display: block;
    position: relative;
    width: 50px;
    border: 3.5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0295C9, #9DECFF);
    margin-top: 15px;
}

.gallery-project .content p{
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 60px;
    width: 60%;
    color: #1D1D1D;

}

.gallery-project .content-project{
    position: relative;
    
}

.gallery-project .content-project img{
    display: block;
    width: 100%;
    height: auto;
}

.gallery-project .content-project .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: transparent linear-gradient(226deg, #1785BFB9 0%, #134F88 55%, #062739 100%) 0% 0% no-repeat padding-box;
}

.gallery-project .content-project:hover .overlay{
    opacity: 0.9;
}

.gallery-project .content-project .tab-text h3{
    font-size: 1rem;
    color: white;
    width: 80%;
    margin-top: 40%;
    margin-left: 10%;
}

.gallery-project .content-project .tab-text{
    position: absolute;
    width: 100%;
    
}

.gallery-project .content-project .tab-text .link-block{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    /* margin-right: 10%; */
}

.gallery-project .content-project .tab-text .link-block hr{
    color: white;
    border: 1.5px solid;
    width: 40%;
    position: absolute;
    bottom: 10%;
    left: 10%;
    opacity: 0.7;
}

.gallery-project .content-project .tab-text .btn{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 0.8rem;
    color: #29335c;
    margin: 20px;
    padding-left: 0;
    padding-right: 0;
}

.gallery-project .content-project .tab-text .btn img{
    display: inline-block;
    width: 17%;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.gallery-project .content-project .tab-text .link-block .btn-link{
    /* margin-top: 12%; */
    margin-left: 65%;
    color: white;
    font-size: 0.9rem;
    font-family: 'Graphik';
    font-weight: 400;
    text-decoration: none;
    display: block;
}

.gallery-project .content-project .tab-text .link-block i{
    transform: rotate(-45deg);
    margin-left: 7px;
}

.gallery-project .content-project .tab-text .link-block a{
    color: white;
    font-size: 0.8rem;
}

/* .Gallery-project .heading-desc{
    font-size: 0.9rem;
} */



.section-jumbotron {
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}

.section-jumbotron .jumbotron .container{
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.section-jumbotron .jumbotron .content{
    width: 60%;
}

.section-jumbotron .jumbotron .container .btn-contact .btn{
    border-radius: 0;
    padding: 12px 30px;
    
}

.section-jumbotron .jumbotron .container .btn-contact .btn i{
    transform: rotate(-45deg);
    margin-left: 5px;
}

.section-jumbotron .jumbotron .container h1{
    color: white;
    font-weight: 600;
    font-size: 2.5rem;
    margin-bottom: 20px;

}

.section-jumbotron .jumbotron .container p{
    color: white;
}

/* .section-jumbotron{
    margin-top: 100px;
} */

footer{
    background-color: #134F88;
    color: white;
    padding-top: 80px;
    padding-bottom: 80px;
}

footer p{
    width: 60%;
}

footer .social-media{
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;

}

footer .social-media li{
    margin-inline: 0.5rem;
    display: inline-block;
    color: white;

}

.footer .nav .menu-item .nav-link{
    padding: 5px 0;

}

footer .nav .footer-item .footer-link{
    color: white;
    text-decoration: none;

}

footer .nav .footer-item .footer-link:hover{
    color: #9DECFF;
}

footer .menu-item a{
    color: white;
}

footer .menu-item a:hover{
    color: #9DECFF;
}

.footer-bottom{
    border-top: 1px solid;
    padding: 20px 0;
}

.footer-bottom .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom .inner a{
    color: #000000;
}

.footer-bottom .copyright{
    /* font-size: 14px; */
    color: #000000;
  }

.footer-bottom .menu li{
    list-style-type: none;
    margin-inline: 0.5rem;
    display: inline-block;
}

.div-pair{
    margin-top: 100px;

}


/*--------------------Page Réalisation----------------------*/

.Banner{
    background: transparent linear-gradient(180deg, #FFFFFF 10%, #DFECFA 100%) 0% 0% no-repeat padding-box;
    height: 400px;
    position: relative;
}

.Banner .texte{
    font-family: 'Graphik';
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 9rem;
    color: #E9F2FB;
    text-transform: uppercase;
    opacity: 0.53;
    position: absolute;
    top: 15%;
    left: 13%;
    z-index: 0;
}

.Banner .Banner-title{
    position: absolute;
    top: 50%;
    left: 13%;
    z-index: 1;
}

.Banner .Banner-title p{
    font-family: 'Graphik';
    font-weight: 400;
    color: #124E88;
    padding-bottom: 10px;
}


.Banner .Banner-title h1{
    font-weight: 600;
    color: #212B46;

}

.section-tab{
    margin-top: 69px;
    background-color: #D7E8F8;
    height: auto;
}

.section-tab .tab-wrap .tab-navs .list-tab{
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-end;
    padding-top: 20px;
}

.section-tab .tab-wrap .tab-navs .list-tab .item-nav{
    margin: 0;
    width: 12%;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;

}

.section-tab .tab-wrap .tab-navs .list-tab .item-nav:nth-child(8)::after{
    content: "";
    border-right: none;
}

.section-tab .tab-navs li.item-nav:not(:last-child):after {
    content: " ";
    position: absolute;
    border-right: 1px #6c757d solid;
    top: 15%;
    right: 0;
    height: 40%;
    margin-top: auto;
    margin-bottom: auto;
  }

.section-tab .tab-navs li:last-child{
    border: 0;
  }

.block-tab .tab-navs a{
    font-family: 'Graphik';
    font-weight: 500;
    text-decoration: none;
    color: #1E5C92;
    display: block;
    padding-bottom: 16px;
    border-bottom: 4px solid #eeeeee;

}

/* .section-tab .tab-navs .border-nav:not(:last-child){
    border-right: solid 1px #1E5C92;
} */

/* .block-tab .tab-navs a.is-active {
    border-bottom-color: #124E88;
  } */

  .block-tab .tab-navs a.is-active, .block-tab .tab-navs a:hover {
    border-bottom-color: #124E88;
  }

.section-tab .tab-navs .list-tab .tab-nav img{
    margin-right: 10px;
    width: 30px;

}

.section-tab .tab-content{
    position: relative;
    padding-top: 50px;
}

/* .slick-slider .slick-track{
    translate: translate(-50px, -50px);
} */

/* .section-tab .tab-content .tab-items{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: absolute;
    right: 0;
} */

.tab-wrap .tab-content {
    display: none;
}
  
.tab-wrap .tab-content.is-active {
    display: block;
}

.section-tab .tab-content .tab-items{
    width: 100%;
    position: relative;
    z-index: 10;
}

.section-tab .tab-content .tab-items .item-block{
    margin-left: 15px;
    
}

.section-tab .tab-content .tab-items .item-block .realisation-gallery .project-image{
    /* display: block; */
    width: 100%;
    height: auto;

}

.tab-content .tab-items .item-block .realisation-gallery{
    position: relative;
    
}

.tab-content .tab-items .item-block .realisation-gallery .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: transparent linear-gradient(226deg, #1785BFB9 0%, #134F88 55%, #062739 100%) 0% 0% no-repeat padding-box;
}

.tab-content .tab-items .item-block .realisation-gallery:hover .overlay{
    opacity: 0.9;
}

.tab-content .tab-items .item-block .realisation-gallery .tab-text h3{
    font-size: 1.2rem;
    color: white;
}

.tab-content .tab-items .item-block .realisation-gallery .tab-text{
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 40px;
    
}

.tab-content .tab-items .item-block .realisation-gallery .tab-text .overlay-content{
    margin-bottom: 40px;
    width: 100%;

}

.tab-content .tab-items .item-block .realisation-gallery .tab-text .btn{
    font-size: 0.8rem;
    color: #29335c;
    align-self: flex-start;
}

/* .tab-content .tab-items .item-block .realisation-gallery .tab-text .btn .icon-box{
    display: inline-block;
    width: 20%;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
} */

.tab-content .tab-items .item-block .realisation-gallery .tab-text .btn i{
    font-size: 0.6rem;
    padding-right: 5px;
    padding-left: 5px;
}


.tab-content .tab-items .item-block .realisation-gallery .tab-text .link-block .btn-link{
    color: white;
    font-size: 0.9rem;
    font-family: 'Graphik';
    font-weight: 400;
    text-decoration: none;
}

.tab-content .tab-items .item-block .realisation-gallery .tab-text .link-block .btn-link:hover{
    color: #9DECFF;

}

.realisation-gallery .tab-text .link-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.realisation-gallery .tab-text .link-block hr{
    color: white;
    border: 1.5px solid;
    opacity: 0.7;
    flex-grow: 1;

}

.item-block .realisation-gallery .tab-text .link-block i{
    transform: rotate(-45deg);
}

.progress-page{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.page-link{
    background-color: transparent;
    border-color: #FFFFFF40;
    color: white;
}

.pagination, .pagination1, .pagination2, .pagination3, .pagination4, .pagination5{
    display: flex;
    background-color: transparent;
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-color: #C1C1C1;
    margin-right: 30px;

}

.section-pagination {
    background-color: #124E88;
    padding-bottom: 20px;
    padding-top: 300px;
    position: relative;
    top: -200px;
    margin-bottom: -200px;
}

.section-pagination .page-link i{
    text-align: center;
}

.section-pagination .page-item:first-child{
    margin-right: 20px;
}

.progress{
    height: 0.2rem;
    width: 50%;
    border-radius: 5px;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    background-image: linear-gradient(to right, #9DECFF, #9DECFF);
    background-repeat: no-repeat;
}

.progress .progress-bar{
    background-color: #9DECFF;
    height: 3px;
}



/*------------------Home Page-------------------*/


.header-bar{
    margin-top: 69px;
}

.header-bar .jumbotron{
    height: 85vh;
    width: 100%;
    position: relative;
    /* filter: brightness(0.6);  */
    
}

/* .header-bar .jumbotron .bg-slide{
    width: 100%;
    height: 900px;

} */

.header-bar .jumbotron .slide3 .mySlides{
    object-fit: cover;
    height: 100%;
    height: 85vh;

}

.header-bar .jumbotron .title-container{
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.gradient-bar {
    width: 80px;
    height:6px;
    background:linear-gradient(90deg, #0295C9 0%, #9DECFF 100%) 0% 0% no-repeat padding-box;
}

.header-bar .jumbotron .block-slide{
    position: absolute;
    z-index: 3;
    right: 0;
    top: 65%;
    width: 40%;
}

.header-bar .jumbotron .slide-img:not(:last-child){
    margin-right: 10px;
}

.header-bar .jumbotron .block-slide .slide-img .slide-item{
    width: 100%;
    height: auto;
    box-shadow: 0 0 30px #00000074;
}

.header-bar .jumbotron p{
    font-weight: 400;
    color: #9DECFF;
}

.header-bar .jumbotron h1{
    font-weight: 600;
    font-size: 3.5rem;
    max-width: 75%;
}

.header-bar .jumbotron .title-container img{
    margin-top: 60px;
}

.header-bar .jumbotron .filter1{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index:1;
    background: transparent linear-gradient(270deg, #212B4600 0%, #212B46 100%) 0% 0% no-repeat padding-box;
}

.header-bar .jumbotron .filter2{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 0;
    /* background-image: url("images/shadow.svg"); */
    background: transparent linear-gradient(180deg, #124E8800 20%, #124E88 100%) 0% 0% no-repeat padding-box;

}

.header-bar .block-intro{
    background-color: #124E88;
    position: relative;
    z-index: 10;
    box-shadow: 0px -30px 60px 40px #124E88;
}

.header-bar .block-intro .intro-desc{
    width: 70%;
    padding-left: 15%;
}

.header-bar .block-intro .border-bar{
    width: 180px;
    border: 4px solid;
    /* border-color: linear-gradient(#9DECFF, #0295C9) 30; */
    border-color: #9DECFF;
    /*background: linear-gradient(90deg, #9DECFF 0%, #0295C9 100%); */

}

.header-bar .block-intro h2{
     font-weight: 600;
     font-size: 10rem;
     opacity: 0.5;
     color: #3A689A;

}

.header-bar .block-intro p{
    color: #FFFFFF;
    font-size: 22px;
    letter-spacing: 0.1em;
    margin-top: 30px;
    font-weight: 400;
    
}

.key-figures{
    /* background-image: url("images/bg-section.webp"); */
    width: 100%;
    min-height: 1000px;
    position: relative;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.key-figures .filter3{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 0;
    background: transparent linear-gradient(180deg, #124E8800 50%, #124E88 100%) 0% 0% no-repeat padding-box;

}

.key-figures .filter4{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background: transparent linear-gradient(270deg, #212B4600 0%, #124E88 100%) 0% 0% no-repeat padding-box;
}

.key-figures .bg-keys{
    text-shadow: 0 0 1em #124E88;
    backdrop-filter: blur(20px);
}

.key-figures .keys-block{
    padding: 60px;
}

.key-figures .keys-block > .row > div {
    margin-block: 40px;
}

.key-figures .keys-block .key-item:not(:last-child){
    border-right: 2px solid;
    border-color: rgb(255, 255, 255,0.5);

}

.key-figures .container .key-item{
    color: white;
}

.key-figures .keys-block .key-item h3{
    font-size: 1.5rem;
    font-weight: 500;

}

.key-figures .keys-block .key-item h4{
    font-size: 1.2rem;
    font-weight: 500;
}

.key-figures .keys-block .key-item h4 strong{
    font-size: 2.5rem;
    font-weight: 500;
}

.key-figures .keys-block .key-item p{
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 30px;

}

.key-figures .keys-block .key-item p strong{
    font-size: 0.9rem;
    font-weight: 500;

}

.key-figures .keys-block .key-item .key-icon{
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;

}

.key-figures .container{
    position: relative;
    z-index: 2;
    padding-block: 80px;
}

.key-figures .container h2{
    color: white;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 10%;

}

.key-figures .container h2::after{

    content: '';
    display: block;
    position: relative;
    width: 50px;
    border: 3.5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0295C9, #9DECFF);
    margin-top: 15px;

}

.section-gallery-box{
    margin-bottom: 100px;
    margin-top: 100px;
}

.section-gallery-box .gallery-box .filter1{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index:1;
    background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;

}

.section-gallery-box .container-block .heading{
    margin-bottom: 40px;
}

.section-gallery-box .container-block .heading .desc{
    color: #1785BF;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 5px;

}

.section-gallery-box .container-block .heading .title{
    color: #020842;
    font-size: 2rem;
    font-weight: 600;

}

.block-gallery{
    /* flex-wrap: nowrap; */
}

.block-gallery .gallery-box{
    position: relative;
    margin-bottom: 30px;
    /* padding: 0; */
    
}

/* .block-gallery .gallery-box:not(:last-child){
    margin-right: 12px;

} */

.block-gallery .gallery-box img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.block-gallery .gallery-box .content-item{
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 10%;
    width: 80%;
}

.block-gallery .gallery-box .contact-item{
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 10%;
    right: 10%;
}

.block-gallery .gallery-box .contact-item h3::before{
    content: '';
    display: block;
    position: relative;
    width: 15%;
    border: 3px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0295C9, #9DECFF);
    margin-bottom: 15px;

}

.block-gallery .gallery-box .content-item .icon-box{
    width: 15%;
    height: auto;
    margin-bottom: 30px;
}

.block-gallery .gallery-box .content-item h3{
    font-weight: 500;
    color: white;
    font-size: 1.5rem;

}

.block-gallery .gallery-box .overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(34,103,162,1) 0%, rgba(13,159,240,1) 100%);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    
}

.block-gallery .gallery-box:hover .overlay{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.block-gallery .gallery-box:hover .content-item{
    display: none;

}

.block-gallery .gallery-box .tab-text{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.block-gallery .gallery-box .tab-text h3{
    font-size: 1rem;
    color: white;
    margin-top: 30px;
}

.block-gallery .gallery-box .tab-text p{
    font-size: 0.9rem;
    color: white;
    margin-top: 30px;
    text-align: left;
}

.block-gallery .gallery-box .tab-text .icon-box{
    width: 15%;
    height: auto;
}

.block-gallery .gallery-box .tab-text .link-block .btn-link{
    color: white;
    font-size: 0.9rem;
    font-family: 'Graphik';
    font-weight: 400;
    text-decoration: none;
    display: block;
}

.block-gallery .gallery-box .tab-text .link-block{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    width: 100%;
}

.block-gallery .gallery-box .tab-text .link-block hr{
    color: white;
    border: 1.5px solid;
    width: 55%;
    height: 0;
    opacity: 0.7;

}

.block-gallery .gallery-box .tab-text .link-block i{
    transform: rotate(-45deg);
    margin-left: 10px;
}

.filter5{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 0;
    background: transparent linear-gradient(181deg, #134F8800 0%, #000000 100%) 0% 0% no-repeat padding-box;

}

.block-gallery .gallery-box .contact-item h3{
    color: #9DECFF;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 30px;

}

.block-gallery .gallery-box .contact-item P{
    color: white;
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 30px;

}

.block-gallery .gallery-box .contact-item .border-bar{
    margin-bottom: 30px;

}

.block-gallery .gallery-box .contact-item .btn{
    display: inline-block;
    background: linear-gradient(90deg, rgba(34,103,162,1) 0%, rgba(13,159,240,1) 100%);
    border: 0;
    font-size: 0.8rem;
    font-weight: 400;
    width: 150px;
    border-radius: 0;
    padding: 10px;

}

.block-gallery .gallery-box .contact-item .btn a{
    text-decoration: none;
    color: white;
}

.block-gallery .gallery-box .contact-item .btn i{
    
    transform: rotate(-45deg);
    margin-left: 5px;
}



/* Section showroom */

.section-showroom .heading{
    margin-bottom: 40px;
}

.section-showroom .heading .desc{
    color: #1785BF;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 5px;

}

.section-showroom .heading .title{
    color: #020842;
    font-size: 2rem;
    font-weight: 600;

}

.section-showroom .showroom-content{
    display: flex;
    position: relative;
    /* padding-block: 120px; */
    /* background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

.section-showroom .showroom-content img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;

}   

.section-showroom .showroom-content .inner-showroom{
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-showroom .showroom{
    /* background-image: url("images/bg-showroom.webp"); */
    background-repeat: no-repeat;
    background-clip: padding-box;
    /* background-size: 80% 600px; */
    height: 1000px;
    width: 80%;
    position: relative;
    background-size: cover;
    
}

.slide .slider-show .swiper-slide{
    margin-right: 0;

}

.section-showroom .showroom-content .slide img{
    background-size: cover;
    background-position: center;
    /* padding-block: 120px; */
    background-repeat: no-repeat;
}

.section-showroom .showroom-content .slide::after{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #01050800 0%, #0D1A26 100%) 0% 0% no-repeat padding-box;

}

.section-showroom .showroom .filter6{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background: transparent linear-gradient(90deg, #134F8800 30%, #000000 100%) 0% 0% no-repeat padding-box;

}

.section-showroom .showroom-bar .filter7{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background-color: rgb(18,78,136,0.7);

}

.section-showroom .showroom-item{
    margin-top: 80px;
    z-index: 2;
    color: #FFF;
}

.section-showroom .showroom-item h3{
    color: white;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 20px;
    text-shadow: 0 0 10px black;
}

.section-showroom .showroom-item p{
    color: white;
    font-size: 1.1rem;
    font-weight: 400;
    text-shadow: 0 0 10px black;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px; */
}

/* .section-showroom .showroom-content .slide7 .slide{
    display: none;

}

 .section-showroom .showroom-content .slide7 .slide.active{
    display: block;
} */

/*
.section-showroom .showroom-bar img{
    position: relative;
    z-index: 2;
}

*/

.section-showroom .showroom-bar{
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 80%;
    position: absolute;
    z-index: 2;
}

.section-showroom .showroom-content .block-showroom{
    background-color: white;
    max-width: 500px;
    padding: 30px 40px;
    margin-left: auto;
    /* margin-inline: 120px 0;
    margin-inline: auto;
    position: relative; */
}

.section-showroom .showroom-content .block-showroom ul li{
    list-style-type: none;

}

/* .section-showroom .showroom-content .block-showroom ul li{
    margin-bottom: 20px;
}

.section-showroom .showroom-content .block-showroom ul li h3{
    font-size: 1rem;
    font-weight: 500;
}

 .section-showroom .showroom-content .block-showroom ul li p{
    font-size: 0.9rem;
    font-weight: 400;
    text-align: justify;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
} */


/* .section-showroom .showroom-content .block-showroom .showroom-list .showroom-img{
    margin-bottom: 20px;
} */

.section-showroom .showroom-content .block-showroom .showroom-list .content-box h3{
    font-size: 1rem;
    font-weight: 500;
}

.section-showroom .showroom-content .block-showroom .showroom-list .content-box p{
    font-size: 0.9rem;
    font-weight: 400;
    text-align: justify;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
}

.block-showroom .showroom-list .showroom-box{
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
}

.showroom-list .swiper-slide{
    flex-shrink: 1;
    width: 30%;
    max-height: 100px;


}

/* .section-showroom .showroom-item p{
    text-align: justify;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: calc(100%);
    max-width: 300px;
} */

/* .block-showroom .showroom-list .showroom-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
} */

/* .slick-container {
    height: 40%;
  } */

/* .slider-show .slick-slider, .slick-list, .slick-track {
    height: 100%;
  } */




/* .slider-show, .slick-list{
    height: 100%;

  } */


/* .showroom-img, .slick-list{
    height: 75px;
  } */


/* .block-showroom .showroom-list .showroom-box .showroom-img .slick-slide .slick-list {
    height: 75px;

} */

.block-showroom .showroom-list .showroom-box:not(:last-child){
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 20px;
}

.block-showroom .showroom-list .showroom-box:hover:not(:last-child){
    border-bottom: 1px solid #0099CA;

}

.block-showroom .showroom-list .showroom-box img{
    /* width: 25%; */
    /* width: 100%; */
    min-width: 166px;
    height: auto;
    cursor: pointer;

}

.block-showroom .btn-item{
    display: flex;
    justify-content: center;
}

.block-showroom .btn{
    display: inline-block;
    background: transparent linear-gradient(90deg, #1F73BE 0%, #0099CA 100%);
    border: 0;
    font-size: 0.8rem;
    font-weight: 500;
    width: 100%;
    border-radius: 0;
    padding: 10px;
    margin-top: 20px;

}

.block-showroom a{
    text-decoration: none;
    color: white;
}

.block-showroom :is(a:hover, a:active){
    color: white;

}

.block-showroom .btn i{
    
    transform: rotate(-45deg);
    margin-left: 5px;
}


/*------------------Entreprise Page-------------------*/


.header-section  .jumbotron{
    height: 400px;
    position: relative;
    background-size: cover;

}

.header-section .jumbotron .filter8{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #134F88B4 30%, #0A2844 100%) 0% 0% no-repeat padding-box;

}

.header-section .jumbotron .content{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.header-section .jumbotron .content .container::after{
    content: '';
    display: block;
    position: relative;
    width: 50px;
    border: 3.5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #0295C9, #9DECFF);
    margin-top: 20px;

}

.header-section .jumbotron .content p{
    font-weight: 400;
    color: #9DECFF;
}

.header-section .jumbotron .content h1{
    font-weight: 600;
    font-size: 2.5rem;
}

.entreprise-content {
    position: relative;
}

.entreprise-content .filter9{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index:1;
    background: transparent linear-gradient(180deg, #FFFFFF 40%, #DFECFA 100%) 0% 0% no-repeat padding-box;
}

.section-entreprise .side-title h2{
    font-size: 8rem;
    font-weight: 700;
    color: #E9F2FB;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

.section-entreprise .intro-entreprise{
    display: flex;
    position: relative;
    z-index: 2;
    padding-block: 60px;
}

.section-entreprise .intro-entreprise .side-desc .about-desc:not(:first-child){
    margin-top: 80px;

}

.section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(odd) .image{
    order: 2;
    /* text-align: right; */

}

.section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(odd) .content{
    order: 1;
    padding-right: 100px;

}

.section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(even) .image{
    order: 1;
    text-align: left;

}

.section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(even) .content{
    order: 2;
    padding-right: 100px;

}

.section-entreprise .intro-entreprise .side-desc{
    margin-left: 30px;
    margin-right: 10px;
}

.section-entreprise .intro-entreprise .side-desc .desc-img img{
    width: 90%;

}

/* .section-entreprise .intro-entreprise .side-desc .desc-img{
    text-align: center;

} */

/* .section-entreprise .intro-entreprise .side-desc .desc{
    margin-top: 40px;
} */

.section-entreprise .intro-entreprise .side-desc h2{
    font-size: 1.8rem;
    font-weight: 600;

}

.section-entreprise .intro-entreprise .side-desc p{
    font-weight: 400;
    text-align: justify;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #36383C;
}

.section-entreprise .intro-entreprise .side-desc .desc .chiffre{
    width: 45%;
    background-color: #FFFFFF;
    border-radius: 15px;
    border: 1px #DFECFA;
    box-shadow: 0 0 30px #DFECFA;
    padding: 12px 30px;
    margin-left: 20px;
}

.section-entreprise .intro-entreprise .side-desc .desc .chiffre strong{
    font-size: 1.7rem;
    font-weight: 800;
    color: #134F88;
}

.section-entreprise .intro-entreprise .side-desc .desc .chiffre small{
    font-size: 0.7rem;
    line-height: 1.8;
    font-weight: 400;

}

.section-entreprise .intro-entreprise .side-desc .desc-detail{
    margin-top: 40px;
    width: 80%;
    margin-bottom: 60px;
    
}

.section-entreprise .intro-entreprise .side-desc .desc-detail strong{
    font-weight: 500;
    color: #134F88;

}

.entreprise-keys{
    background-image: url("images/office.webp");
    background-size: cover;
    width: 100%;
    height: 900px;
    position: relative;

}

.entreprise-keys .filter3{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 0;
    background: transparent linear-gradient(180deg, #124E8800 50%, #124E88 100%) 0% 0% no-repeat padding-box;

}

.entreprise-keys .filter4{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background: transparent linear-gradient(270deg, #212B4600 0%, #124E88 100%) 0% 0% no-repeat padding-box;
}

.entreprise-keys .bg-keys{
    text-shadow: 0 0 1em #124E88;
    backdrop-filter: blur(20px);
}

.entreprise-keys .keys-block{
    padding: 60px 20px;
    margin-top: 50px;
}

.entreprise-keys .keys-block .key-item:not(:last-child){
    border-right: 2px solid;
    border-color: rgb(255, 255, 255,0.5);

}

.entreprise-keys .container .key-item{
    color: white;
    padding-left: 40px;
    padding-right: 40px;
}

.entreprise-keys .keys-block .key-item h3{
    font-size: 1.3rem;
    font-weight: 500;

}

.entreprise-keys .keys-block .key-item h4{
    font-size: 1rem;
    font-weight: 500;
}

.entreprise-keys .keys-block .key-item h4 strong{
    font-size: 1.5rem;
    font-weight: 500;

}

.entreprise-keys .keys-block .key-item p{
    font-size: 0.8rem;
    font-weight: 300;
    margin-top: 30px;

}

.entreprise-keys .keys-block .key-item p strong{
    font-size: 0.9rem;
    font-weight: 500;

}

.entreprise-keys .keys-block .key-item .key-icon{
    width: 15%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;

}

.entreprise-keys .Key-figures{

    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.entreprise-keys .Key-figures h2{
    color: white;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 10%;

}

.entreprise-keys .Key-figures h2::after{
    content: '';
    display: block;
    position: relative;
    width: 50px;
    border: 3.5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0295C9, #9DECFF);
    margin-top: 15px;

}


/*------------------------------page contact-----------------------------*/


.contact-section .jumbotron{
    height: 600px;
    background-size: cover;
}

.contact-section .jumbotron .container{
    padding-top: 10%;
    width: 55%;
    margin-left: 10%;
}

.contact-section .jumbotron .container h1{
    color: white;
    font-weight: 600;
    font-size: 3rem;

}

.contact-section .jumbotron .container p{
    color: white;
    font-size: 1rem;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
}

.section-contact{
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    height: 900px;

}

.section-contact .filter9{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index:1;
    background: transparent linear-gradient(180deg, #FFFFFF 40%, #DFECFA 100%) 0% 0% no-repeat padding-box;

}

.section-contact .container{
    position: relative;
    z-index: 2;
}

.block-contact-form .contact-form{
    background-color: #010202;
    padding: 40px;
    color: #FFFFFF;

}

.block-contact-form .contact-form .field-input .form-control, .form-select{
    background-color: #010202;
    border-radius: 0;
    color: #FFFFFF;
}


.block-contact-form .contact-form .field-submit .btn{
    border-radius: 0;

}

.block-contact-form .contact-box{
    padding-top: 30px;
}

.block-contact-form .contact-box .contact-info ul{
    list-style-type: none;

}

.block-contact-form .contact-box .contact-info li{
    display: inline-block;
    margin-inline: 0.5rem;

}

.block-contact-form .contact-box .contact-info p{
    margin-bottom: 20px;
    font-size: 1rem;
    font-weight: 400;
    width: 70%;
}

.block-contact-form .contact-box .contact-info p a{
    text-decoration: none;
    color: black;

}

.block-contact-form .contact-box .contact-info p a:hover{
    text-decoration: none;
    color: #1785BF;

}

.block-contact-form .contact-box .contact-info h4{
    color: #1785BF;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;

}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
}

.gmap_iframe {
    width: 600px !important;
    height: 350px !important;
}

.gm-style .place-card-large{
    display: none;
}


/*---------------------------------------page services------------------------------------------*/


.section-services .block-services .service-item{
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding-block: 60px;
}
.section-services .block-services .service-item ul:not(:last-child){
    margin-left: 30px;

}

.section-services .block-services .service-item ul li > ul{
    margin-left: 20px;

}

.section-services .block-services .service-item:nth-child(odd){
    background: transparent linear-gradient(360deg, #FFFFFF 0%, #DFECFA 100%) 0% 0% no-repeat padding-box;

}

.section-services .block-services .service-item:nth-child(even) .frame {
    height: 100%;
    width: 300px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.section-services .block-services .service-item:nth-child(odd) .frame {
    height: 100%;
    width: 300px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}

.section-services .block-services .service-item:nth-child(even) .heading {
    order: 2;
}

.section-services .block-services .service-item:nth-child(even) .image-box {
    order: 1;
}

/* .section-services .block-services .service-item .right-frame{
    height: 100%;
    width: 300px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}

.section-services .block-services .service-item .left-frame{
    height: 100%;
    width: 300px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
} */

.section-services .block-services .service-item img{
    width: 90%;
    /* padding-block: 40px; */
}

.section-services .block-services .service-item .item-box{
    position: relative;
    z-index: 2;
}

.section-services .block-services .service-item .image-box{
    text-align: center;

}

.section-services .block-services .service-item .heading h2{
    font-size: 2rem;
    font-weight: 600;
    color: #1E6096;

}

.section-services .block-services .service-item .heading h2::after{
    content: '';
    display: block;
    position: relative;
    width: 10%;
    border: 3.5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0295C9, #9DECFF);
    margin-top: 15px;

}

.section-services .block-services .service-item .heading p{
    font-weight: 400;
    text-align: justify;
    margin-bottom: 20px;
    margin-top: 20px;
}


/*-------section gallery services-----*/

.services-banner{
    /* height: 900px; */
    width: 100%;
    
}

.services-banner .block-slider{
    position: relative;
    background-size: cover;
    margin-bottom: -137px;
    /* background: linear-gradient(180deg, #01050800 0%, #0D1A26 100%) 0% 0% no-repeat padding-box; */
    
}

.services-banner .block-slider .mySlides{
    width: 100%;

}

.services-banner .block-slider .slide1::after{
    content:"";
    width:100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #01050800 0%, #0D1A26 100%) 0% 0% no-repeat padding-box;

}

/* .services-banner .block-slider::after{
    background: linear-gradient(180deg, #01050800 0%, #0D1A26 100%) 0% 0% no-repeat padding-box

} */

.services-banner .block-slider .content{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 15%;

}

.services-banner .block-slider .content h2{
    font-size: 2rem;
    font-weight: 600;
    color: white;

}

.services-banner .block-slider .content p{
    font-weight: 400;
    text-align: justify;
    margin-bottom: 20px;
    margin-top: 20px;
    color: white;
}

.services-banner .block-slider .slider-box{
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow-x: hidden;
    position: absolute;
    z-index: 2;
    top: 70%;
    right: 0;
    width: 85%;
}

.services-banner .block-slider .slider-abs{
    position: relative;
    top: -200px;
    width: 80%;
    margin: auto;
    z-index: 2;
}

.slick-slide img{
    width: 90%;
}

.slick-arrow {
    cursor: pointer;
}

.arrows{
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    transform: translate(0%,-50%);
    z-index: 3;
}

.arrows img{
    backdrop-filter: blur(20px);
    border-radius: 30px;
}

.arrows .right-arrow{
    text-align: right;
}

.post-categories{
    list-style-type: none;
}

.post-categories li a{
    text-decoration: none;
    color: #124E88;
    padding: 20px;

}


/*---------------------Responsive Design-----------------------*/


@media (max-width: 1024px) {
    .services-banner .block-slider .content{
        top: 30%;
    }
    .services-banner .block-slider .content p{
        font-size: 1.5rem;
    }
    .services-banner .block-slider .content h2{
        font-size: 2.5rem;
    }
    .header-bar .jumbotron h1{
        max-width: 80%;
    }

    .header-bar .jumbotron p{
        font-size: 1.9rem;
    }

    .header-bar .block-intro .intro-desc{
        width: 80%;
    }

    .section-showroom .showroom .showroom-item{
        margin-top: 95%;
    }

    .header-bar .jumbotron .block-slide{
        width: 60%;
    }

    .key-figures .keys-block .key-item .key-icon{
        width: 30%;
    }

    .section-entreprise .intro-entreprise .side-desc .desc-img{
        text-align: left;
    }

    .section-entreprise .intro-entreprise .side-desc .desc{
        margin-bottom: 40px;
        /* margin-right: 40px; */
    }

    .section-entreprise .intro-entreprise .side-desc .desc-detail{
        width: 90%;
    }

    .section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(even) .image{
        order: 2;
    }

    .section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(even) .content{
        order: 1;
    }


    .detail-section{
        padding-bottom: 30px;
    }
    .gallery-project .content p{
        width: 80%;
    }

    .gallery-project .content-project .tab-text .link-block .btn-link{
        margin-left: 50%;
    }
    .gallery-project .content-project .tab-text .link-block{
        margin-top: 20px;
    }
    .gallery-project .content-project .tab-text h3{
        margin-top: 12%;
    }

    .gallery-project .content-project .tab-text .link-block hr{
        width: 30%;
    }

    .item-icon-box{
        height: 500px;
    }

    .item-icon-box .block-icon-box .icon-box{
        margin-bottom: 40px;
    }

    .container .heading .block-list li{
        font-size: 1rem;
    }

    .images-gallery .block-images{
        display: none;
    }

    .section-tab .tab-wrap .tab-navs .list-tab .item-nav{
        width: 25%;
    }

    .section-showroom .showroom-content .block-showroom{
        max-width: 380px;
    }

    .block-showroom .showroom-list .showroom-box img{
        min-width: 120px;
        
    }

    .block-showroom .showroom-list .showroom-box .content-box{
        /* max-width: 70%; */

    } 

}


@media (max-width: 992px) {

    .hamburger{
        display: block;
    }

    .navbar .navbar-collapse .navbar-nav{
        text-align: center;
        padding: 10%;
    }

    .navbar .navbar-collapse .navbar-nav .menu-item a{
        font-size: 2.5rem;
        font-weight: 400;
        letter-spacing: 0.1rem;
    }

    .navbar .navbar-collapse .contact-btn{
        margin-bottom: 10%;
        width: 100%;
    }

    .navbar .navbar-collapse .contact-btn a{
        font-size: 2.5rem;
        font-weight: 400;
        letter-spacing: 0.1rem;
    }

    .Banner .texte{
        font-size: 6rem;
    }

    .Banner .Banner-title{
        top: 40%;
    }
    .Banner .Banner-title h1{
        font-size: 2.8rem;
    }
    .Banner .Banner-title p{
        font-size: 2rem;
    }

    .block-tab .tab-navs a{
        font-size: 1rem;
    }

    .section-tab .tab-wrap .tab-navs .list-tab .item-nav{
        /* width: 20%; */

    }

    .section-services .block-services .service-item img{
        width: 100%;
    }

    .section-jumbotron .jumbotron .container p{
        font-size: 0.9rem;
    }
    footer p{
        width: 80%;
        font-size: 0.9rem;
    }

    footer h5{
        font-size: 1rem;
    }

    .header-bar .block-intro h2{
        font-size: 8rem;
    }

    .contact-section .jumbotron .container{
        width: 80%;
    }

    .contact-section .jumbotron .container p{
        font-size: 1.3rem;
        width: 90%;
    }

    .section-contact{
        height: 100%;
    }

    .block-contact-form .contact-box{
        margin-left: 0;
        text-align: center;
    }

    .block-contact-form .contact-form{
        margin-bottom: 30px;
    }

    .block-contact-form .contact-box .contact-info h4{
        font-size: 1.8rem;
    }

    .block-contact-form .contact-box .contact-info p{
        width: 100%;
        font-size: 1.3rem;
        margin-bottom: 30px;
    }

    .section-services .block-services .service-item .right-frame {
        display: none;
    }

    .section-services .block-services .service-item .left-frame {
        display: none;
    }

    .header-bar .jumbotron h1{
        max-width: 80%;
        font-size: 3.3rem;
    }

    .header-bar .jumbotron p{
        font-size: 2rem;
    }

    .key-figures .container .key-item{
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding-left: 20px;
        padding-right: 20px; */
    }

    .key-figures .container .key-item .key-title{
        /* width: 190px; */
        margin-right: 40px;
    }

    .key-figures .container{
        padding-left: 0;
        padding-right: 0;
    }

    .key-figures .keys-block .key-item .key-icon{
        width: 80px;
    }

    /* .key-figures .keys-block .key-item h4{
        font-size: 0.9rem;
    }

    .key-figures .keys-block .key-item h4 strong{
        font-size: 1.8rem;
    } */

    .block-gallery .gallery-box .contact-item h3::before{
        margin-bottom: 30px;
    }

    .block-gallery .gallery-box .contact-item{
        left: 15%;
        right: 15%;
        bottom: 25%;
    }

    .section-showroom .showroom-bar {
        display: none;
    }

    .header-section .jumbotron .content h1{
        font-size: 2rem;
    }
    .section-entreprise .intro-entreprise .side-desc .desc .chiffre{
        width: 230px;
    }
    .section-entreprise .intro-entreprise .side-desc .desc{
        padding-right: 60px;
        /* padding-left: 20px; */
        margin-bottom: 60px;
    }

    .section-entreprise .side-title h2{
        font-size: 11rem;
    }
    .section-entreprise .intro-entreprise .side-desc .desc-img{
        text-align: left;
    }

    .section-entreprise .intro-entreprise .side-desc .desc-detail{
        padding-right: 60px;
    }

    .section-entreprise .intro-entreprise .side-desc .desc-detail{
        width: 100%;
    }
    .entreprise-keys .keys-block .key-item .key-icon{
        width: 60px;
    }
    .entreprise-keys .container .key-item{
        padding-right: 20px;
        padding-left: 20px;
    }
    .container .content-block{
        padding: 0;
        margin-top: 30px;
    }


    .gallery-project .content p{
        width: 85%;
    }

    .gallery-project .content-project{
        margin-bottom: 30px;
    }

    .container .heading .block-list li{
        font-size: 1rem;
    }

    .gallery-project .content-project .tab-text h3{
        width: 100%;
    }

    .gallery-project .content-project .tab-text .btn{
        padding-right: 20px;
        padding-left: 20px;
        font-size: 1.5rem;
        margin: 30px;
    }

    .gallery-project .content-project .tab-text .btn img{
        width: 40px;
    }

    .gallery-project .content-project .tab-text h3{
        font-size: 2rem;
        margin-top: 35%;
        padding: 30px 50px;
    }
    .gallery-project .content-project .tab-text .link-block{
        margin-top: 30px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .gallery-project .content-project .tab-text .link-block .btn-link{
        font-size: 1.3rem;
        margin-left: 60%;
    }
    .gallery-project .content-project .tab-text .link-block hr{
        width: 40%;
    }

    .gallery-project .content-project .tab-text h3{
        margin-left: 0;
    }
    .services-banner .block-slider .content{
        top: 30%;
    }
}


@media (max-width: 768px) {

    .navbar-brand img{
        width: 80%;
    }

    .hamburger .icon-burger{
        font-size: 2rem;
    }

    .navbar .navbar-collapse .navbar-nav .menu-item a{
        font-size: 1.5rem;
    }

    .navbar .btn span{
        font-size: 1.5rem;
    }
    .navbar .btn i{
        font-size: 1.3rem;
    }
    .navbar .navbar-collapse .contact-btn{
        padding: 0;
    }

    .services-banner .block-slider{
        margin-bottom: -73px;
    }

    .services-banner .block-slider .content{
        top: 20%;
    }

    .header-section .jumbotron .content h1{
        font-size: 2.5rem;
    }

    /* .section-services .block-services .service-item .right-frame{

        display: none;
    }
    .section-services .block-services .service-item .left-frame{

        display: none;

    } */

    .section-services .block-services .service-item .frame{

        display: none;
    }
    
    .section-services .block-services .service-item .frame{

        display: none;
    }

    .section-services .block-services .service-item:nth-child(even) .heading {
        margin-top: 30px;
    
    }

    .section-services .block-services .service-item:nth-child(odd) .heading {
        order: 2;
        margin-top: 30px;
    
    }
    
    .section-services .block-services .service-item:nth-child(odd) .image-box {
        order: 1;
    
    }

    .arrows{
        top: 40%;

    }

    .arrows img{
        width: 80%;
    }

    .services-banner .block-slider .content h2{
        font-size: 1.8rem;
    }

    .services-banner .block-slider .content p{
        font-size: 1.5rem;
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .section-jumbotron .jumbotron .container h1{
        font-size: 1.5rem;
    }

    .section-jumbotron .jumbotron .container p{
        font-size: 1rem;
    }

    .section-jumbotron .jumbotron .container{
        flex-wrap: wrap;
        padding: 20px 30px;
    }

    .section-jumbotron .jumbotron .content{
        width: 100%;
        margin-bottom: 30px;
    }

    .section-jumbotron .jumbotron{
        padding-bottom: 0;
    }

    footer{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    footer .social-media .menu-item a img{
        width: 80%;
    }

    footer .social-media li{
        margin-inline: 0.2rem;
    }

    footer p{
        width: 90%;
        margin-bottom: 30px;
    }

    /* .section-tab .tab-wrap .tab-navs .list-tab .item-nav{
        width: 25%;
    } */

    /* .section-tab .tab-wrap .tab-navs .list-tab{
        flex-direction: column;
    } */

    .section-tab .tab-wrap .tab-navs .list-tab .item-nav{
        width: 100%;
    }

    .section-tab .tab-navs li.item-nav:not(:last-child):after{
        border-right: 0;
    }
    .section-tab .tab-wrap .tab-navs .list-tab li{
        width: 100%;
    }
    .block-tab .tab-navs a{
        font-size: 1.5rem;
    }
    .Banner .Banner-title{
        left: 2%;
    }

    .section-jumbotron{
        padding: 0;
    }

    .section-jumbotron .jumbotron .container{
        padding: 60px 30px;
    }
    .div-pair{
        margin-top: 50px;
    }
    .section-nav{
        height: 380px;
        padding: 0;
    }

    .section-pagination .page-item img{
        width: 80%;
    }

    /* .section-pagination .page-item{
        margin-right: 50px;
    } */
    .section-pagination .page-item:first-child{
        margin-right: 0;
    }

    .pagination, .pagination1, .pagination2, .pagination3, .pagination4, .pagination5{
        margin-right: 5px;
    }

    .navbar .navbar-collapse .navbar-nav{
        margin: 0;
    }

    .navbar .btn span{
        font-size: 1.2rem;
    }

    .navbar .btn i{
        font-size: 1rem;
        margin-left: 0;
    }

    .navbar .overly-navbar{
        flex-wrap: wrap;
        overflow: visible;
        height: 100%;
        position: static;
    }

    .navbar:hover .fixed-navbar .navbar-collapse .navbar-nav .menu-item a{
        color: #000000;
    }

    .navbar .fixed-navbar{
        flex-wrap: wrap;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        background-color: white;
        background: transparent linear-gradient(91deg, #ffffff 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
    }

    .navbar:hover .fixed-navbar .logo1{
        display: block;
    }

    .navbar:hover .fixed-navbar .logo2{
        display: none;
    }

    .dropdown-menu{
        display: none;
    }

    footer .menu-item a{
        font-size: 0.9rem;
    }

    .header-bar{
        margin-top: 49px;
    }

    .header-bar .block-intro .intro-desc{
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }

    .header-bar .jumbotron .title-container{
        left: 10%;
        top: 10%;
    }

    .header-bar .jumbotron .block-slide{
        top: 65%;
        width: 50%;
    }

    .services-banner .block-slider .slider-abs{
        top: -155px;
    }

    /* .header-bar .jumbotron{
        height: 465px;
    } */

    .header-bar .jumbotron .title-container{
        left: 7%;
        top: 0;
    }

    .header-bar .jumbotron h1{
        font-size: 2.5rem;
    }

    .header-bar .jumbotron .container img{
        margin-top: 7%;
    }

    .section-showroom .showroom-content .slide{
        height: auto;
        width: 100%;
    }

    /* .section-showroom .showroom-item{
        display: none;
    } */

    .section-showroom .showroom-content .block-showroom{
        margin: auto;
        /* max-width: 100%; */
    }

    /* .section-showroom .showroom-content .inner-showroom{
        top: 5%;
    } */

    .section-showroom .heading{
        margin-bottom: 60px;
    }

    .section-gallery-box .container-block .heading{
        margin-bottom: 60px;
    }

    .section-showroom .showroom .showroom-item{
        top: 0;
        left: 0;
        width: 480px;

    }

    .section-showroom .showroom .showroom-item p{
        font-size: 1rem;
    }

    .block-gallery .gallery-box .content-item h3{
        font-size: 1.5rem;
    }

    .block-gallery .gallery-box .content-item .icon-box{
        width: 20%;
    }

    .block-gallery .gallery-box .tab-text{
        left: 7%;
        bottom: 5%;
        right: 7%;
    }

    .block-gallery .gallery-box .tab-text .icon-box{
        width: 12%;
    }

    .block-gallery .gallery-box .tab-text .link-block{
        margin-top: 10px;
    }

    .block-gallery .gallery-box .tab-text .link-block .btn-link{
        font-size: 0.9rem;
    }
    .block-gallery .gallery-box .tab-text .link-block hr{
        width: 45%;
    }

    /* .key-figures .container .key-item .key-title{
        width: 200px;

    } */

    .block-gallery .gallery-box .tab-text .tab-content{
        margin-bottom: 80px;
    }

    .block-gallery .gallery-box .tab-text h3{
        font-size: 1.5rem;
        margin-top: 20px;
    }

    .block-gallery .gallery-box .contact-item P{
        font-size: 0.9rem;
    }

    .block-gallery .gallery-box .contact-item h3::before{
        margin-bottom: 20px;
    }

    .block-gallery .gallery-box .contact-item h3{
        font-size: 1.3rem;
        margin-bottom: 10%;
    }

    .block-gallery .gallery-box .contact-item{
        bottom: 12%;
        left: 10%;
        right: 10%;
    }

    .block-gallery .gallery-box .contact-item .btn{
        font-size: 0.9rem;
        width: 150px;
    }

    .section-gallery-box .container-block .heading .title{
        font-size: 2.5rem;
    }

    .section-gallery-box .container-block .heading .desc{
        font-size: 1.9rem;
    }

    .section-showroom .heading .title{
        font-size: 2.5rem;
    }

    .section-showroom .heading .desc{
        font-size: 1.9rem;
    }

    .key-figures .keys-block .key-item p{
        font-size: 1rem;
    }

    .section-entreprise .intro-entreprise .side-desc{
        margin-left: 0;
        margin-right: 0;
    }

    .section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(odd) .content{
        padding-right: 0;
    }

    .section-entreprise .intro-entreprise .side-desc .about-desc:nth-child(even) .content{
        padding-right: 0;
    }

    .item-icon-box .block-icon-box .icon-box{
        margin-bottom: 30px;
    }

    .item-icon-box{
        height: 500px;
    }

    .section-showroom .showroom-content .block-showroom{
        max-width: 500px;
    }

    .section-showroom .showroom-item p{
        text-align: justify;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
    }

    .section-showroom .showroom-item{
        margin-top: 60px;
    }

    .block-showroom .showroom-list .showroom-box img{
        min-width: 170px;
    }


}


@media (max-width: 578px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        display: none;
    }

    .dropdown-toggle::after{
        display: none;
    }

    .Banner{
        height: 300px;
    }

    .Banner .Banner-title{
        top: 37%;
    }

    .footer-bottom .inner{
        flex-wrap: wrap;
        justify-content: center;
    }

    .Banner .texte{
        font-size: 2.5rem;
        left: 5%;
    }

    .section-nav{
        height: 500px;
    }

    /* .tab-content .tab-items .item-block .realisation-gallery{
        width: 80%;
    }

    .section-tab .tab-content .tab-items .item-block:not(:last-child){
        margin-right: 0;
    } */

    .block-showroom .btn{
        width: 85%;
    }

    .tab-content .tab-items .item-block .realisation-gallery .tab-text h3{
        margin-top: 23%;
    }
    
    .services-banner .block-slider{
        margin-bottom: 0;
    }

    .section-jumbotron .jumbotron .container{
        padding: 60px 20px;
    }
    .section-jumbotron .jumbotron .content{
        margin-bottom: 20px;
    }
    .section-jumbotron .jumbotron .container .btn-contact .btn{
        padding: 5px 10px;
    }

    .services-banner .block-slider .slider-abs{
        display: none;
    }
    .arrows img{
        display: none;
    }

    .services-banner .block-slider .content p{
        margin-top: 30px;
        font-size: 1rem;
    }
    .services-banner .block-slider .content h2{
        font-size: 1.3rem;

    }

    .section-services .block-services .service-item .right-frame{
        top: 236px;
    }

    .header-section .jumbotron .content h1{
        font-size: 1.5rem;
    }

    .section-services .block-services .service-item .heading h2{
        font-size: 1.5rem;
    }

    .Banner .Banner-title p{
        font-size: 1.5rem;
    }

    .Banner .Banner-title h1{
        font-size: 2rem;
    }

    footer p{
        width: 100%;
    }

    .section-gallery-box .container-block .heading .desc{
        font-size: 1rem;
    }

    .section-gallery-box .container-block .heading .title{
        font-size: 1.5rem;
    }

    /* .section-showroom .showroom-content .slide img{
        height: 2300px;
    } */

    .section-showroom .heading .title{
        font-size: 1.5rem;
    }

    .section-showroom .heading .desc{
        font-size: 1rem;
    }

    .section-showroom .showroom{
        /* height: 1900px; */
        height: 1070px;
        width: 100%;
    }

    .section-showroom .showroom .showroom-item{
        /* top: 35%; */
        top: -2%;
        left: 0;
        width: 280px;
    }

    .section-showroom .showroom-content .block-showroom ul li{
        flex-direction: column;
    }

    .block-showroom .showroom-list .showroom-box img{
        /* margin-bottom: 30px; */
        display: none;
    }

    .section-showroom .showroom-content .block-showroom .showroom-list .content-box p{
        max-width: 90%;
    }

    .section-showroom .showroom-content .block-showroom{
        width: 100%;
        padding: 40px 20px;
        max-width: 90%;
    }

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

    .section-showroom .showroom-bar{
        display: none;
    }

    .section-gallery-box{
        margin-bottom: 70px;
        margin-top: 80px;
    }

    .block-gallery .gallery-box .contact-item P{
        margin-bottom: 15px;
        font-size: 0.9rem;
    }

    .block-gallery .gallery-box .contact-item h3{
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .block-gallery .gallery-box .contact-item{
        bottom: 15%;
    }

    .block-gallery .gallery-box .contact-item h3::before{
        margin-bottom: 20px;
    }

    .block-gallery .gallery-box .content-item .icon-box{
        width: 20%;
    }

    .block-gallery .gallery-box .tab-text .link-block .btn-link{
        font-size: 0.9rem;
    }

    .block-gallery .gallery-box .tab-text h3{
        font-size: 1rem;
        margin-top: 10px;
    }

    .block-gallery .gallery-box .tab-text .tab-content{
        margin-bottom: 0;
    }

    .block-gallery .gallery-box .tab-text .link-block hr{
        width: 40%;
    }

    .block-gallery .gallery-box .tab-text .link-block{
        margin-top: 10px;
    }

    .block-gallery .gallery-box .tab-text{
        bottom: 10%;
    }

    .block-gallery .gallery-box .content-item h3{
        font-size: 1.3rem;
    }

    .block-gallery .gallery-box .contact-item .btn{
        padding: 5px;
        font-size: 0.9rem;
        width: 160px;
    }

    .key-figures .container .key-item{
        flex-direction: column;
        gap: 0px;
    }

    .key-figures .container{
        bottom: 0;
    }

    .key-figures .keys-block .key-item .key-icon{
        margin-top: 20px;
        margin-bottom: 20px;
        /* width: 60px; */
    }

    /* .header-bar{
        margin-top: 49px;
    } */

    .header-bar .block-intro .intro-desc{
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-bar .block-intro h2{
        font-size: 3.9rem;
    }

    .header-bar .jumbotron h1{
        font-size: 2.2rem;
    }

    .header-bar .jumbotron p{
        font-size: 1rem;
    }

    .header-bar .jumbotron .block-slide{
        display: none;
    }

    .section-entreprise .side-title h2{
        display: none;
    }

    .section-entreprise .intro-entreprise{
        top: 2%;
        padding-bottom: 0;
    }

    .entreprise-keys{
        height: 1030px;
    }

    .entreprise-keys .container{
        bottom: 7%;
    }

    .section-entreprise .intro-entreprise .side-desc h2{
        font-size: 1rem;
    }

    .navbar .navbar-collapse .contact-btn a{
        letter-spacing: 0;
    }

    .navbar .navbar-collapse .navbar-nav .menu-item a{
        letter-spacing: 0;
    }

    .contact-section .jumbotron .container p{
        font-size: 1rem;
        width: 100%;
    }

    .contact-section .jumbotron .container{
        padding: 50px 30px;
        margin: 0;
        width: 100%;
    }

    .contact-section .jumbotron .container h1{
        font-size: 1.8rem;
    }

    .contact-section .jumbotron{
        height: 540px;
    }
    .breadcrumb{
        padding: 1rem 1rem;
    }

    .container .content-block{
        margin: 0;
    }
    .detail-section .container .content .heading-desc{
        padding-left: 10px;
        padding-right: 10px;
        margin: 0;
    }

    .container .content-block .heading{
        padding: 40px 20px;
    }

    .detail-section .container .content h1{
        padding-left: 10px;
    }

    .item-icon-box .block-icon-box{
        flex-direction: column;
    }

    .item-icon-box .block-icon-box .icon-box{
        margin-bottom: 20px;
        justify-content: space-evenly;
        align-items: center;
    }

    .gallery-project .content-project .tab-text .btn{
        padding-left: 5px;
        padding-right: 5px;
        font-size: 1rem;
        margin: 10px;
    }

    .gallery-project .content-project .tab-text .btn img{
        width: 20px;
    }

    .gallery-project .content-project .tab-text .link-block .btn-link{
        font-size: 0.9rem;
        margin-left: 49%;
    }
    .gallery-project .content-project .tab-text .link-block{
        /* padding-left: 20px;
        padding-right: 20px; */
        padding: 0;
        margin-top: 0;
    }

    .gallery-project .content-project .tab-text h3{
        font-size: 1rem;
        padding: 20px 20px;
        margin-top: 23%;
    }

    .gallery-project .content-project .tab-text .link-block hr{
        width: 35%;
    }

    .gallery-project{
        margin-bottom: 50px;
        margin-top: 5px;
    }

    .gallery-project .content p{
        width: 100%;
    }

    .box-items{
        margin-bottom: 0;
    }

    .images-gallery{
        top: -45px;
    }

    .detail-section{
        padding-bottom: 60px;
    }

    .item-icon-box{
        height: 500px;
    }

    .item-icon-box .block-icon-box .content{
        margin: 0;
        width: 140px;
    }

    .item-icon-box .block-icon-box .icon-box .icon{
        margin-right: 0;
    }

    .section-entreprise .intro-entreprise .side-desc .desc{
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .section-entreprise .intro-entreprise .side-desc .about-desc:not(:first-child){
        margin-top: 40px;
    }

    .section-entreprise .intro-entreprise .side-desc .desc-detail{
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-entreprise .intro-entreprise .side-desc .desc-img{
        text-align: center;
    }
    .section-showroom .showroom-content .block-showroom .showroom-list .content-box > p{
        max-width: 16%;
    }

    .section-showroom .showroom-content .block-showroom .showroom-list .content-box h3{
        max-width: 13%;
    }

    .entreprise-keys .container .key-item{
        margin-bottom: 50px;
    }
}

a.tab-nav {
	font-size: 14px;
}