/*
Theme Name: Zumar Child
Author: ThemesCamp
Author URI:  http://themeforest.net/user/themescamp
Theme URI: http://themeforest.net/user/themescamp/portfolio
Template: zumar
Description: This is child theme for Zumar Theme.
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: zumar-child
Tags: one-column, two-columns, right-sidebar,custom-colors,featured-images
*/

/*-------------------------------------------  GENERAL -------------------------------------------*/
/*-------------------------------------------  GENERAL -------------------------------------------*/

.grecaptcha-badge{
  display: none;
}

/* Réduire la largeur de la barre de défilement */
::-webkit-scrollbar {
    width: 10px;
    background-color: #e5e5e5;
}

/* Arrondir les bords de la barre de défilement */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

/* Foncer la couleur grise de la barre de défilement */
::-webkit-scrollbar-thumb {
    background-color: #555555;
}

.overflowHidden{
  overflow: hidden;
}

.elementor-widget-text-editor ul li, .elementor-icon-box-content ul li{
  padding-left: 5px;
  padding-bottom: 5px;
}


/*------------------------------------------- END GENERAL -------------------------------------------*/
/*------------------------------------------- END GENERAL -------------------------------------------*/


/*------------------------------------------- COLOR -------------------------------------------*/
/*------------------------------------------- COLOR -------------------------------------------*/

.headerPhone .zumar-icon-box i, .serviceCard:not(.serviceCard2):hover h3, .tabs button.active{
  color: #E81B23 !important;
}

.subtitle2 p, .colQuote2 .zumar-button:hover .button_text_container, .colQuote2 .wpcf7-response-output, .title1 .zumar-heading-title h1, .formsTab .elementor-message, .fat-nav__wrapper a, .white h3{
  color: #fff !important;
}

body{
  color: #444 !important;
}

h3 span, .zumar-span-underline.zumar-additional-color > span, .title2a h3 span, .zumar-heading-title .zumar-heading, .serviceCard2b h2{
  color: #1C2747 !important;
}

.colQuote2, .topbar, .heroPoints .zumar-icon-box-vertical-align-middle > div, .bottomBar, .fat-nav__wrapper {
  background-color: #1C2747 !important;
}

.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before{
  background-color: #fff ;
}

.cls-3 {
  fill: #E81B23 !important;
}

.quote1h button{
  background-color: #E81B23 !important;
}



/*------------------------------------------- END COLOR -------------------------------------------*/
/*------------------------------------------- END COLOR -------------------------------------------*/

/*------------------------------------------- FONT -------------------------------------------*/
/*------------------------------------------- FONT -------------------------------------------*/

.quote1h button{
  font-size: 17px;
}

h3{
  letter-spacing: -1px;
}

.pageservice h1{
  text-shadow: 0 0 30px rgb(0 0 0 / 15%);
}

.bandeauService h1{
  font-weight: 800 !important;
}

.quote1h button .elementor-button-text{
  font-weight: 600 !important;
}

#form-field-statut{
  font-size: 13px;
}

.heroSection #form-field-statut{
  font-size: 15px;
}

.footerCTA a{
  text-decoration: none !important;
}


/*------------------------------------------- END FONT -------------------------------------------*/
/*------------------------------------------- END FONT -------------------------------------------*/


/*------------------------------------------------ ELEMENT ------------------------------------------------*/
/*------------------------------------------------ ELEMENT ------------------------------------------------*/

.overflowX{
  overflow-x: hidden;
}

.bdt-ps-blur-effect--yes .bdt-ps-dragon-bg .bdt-ps-slide-img{
  filter:none !important;
}

.bdt-prime-slider-dragon .bdt-slideshow-items li, .bdt-prime-slider, .bdt-slideshow-items {
  height: 72vh;
}

.bdt-prime-slider-dragon .bdt-prime-slider-wrapper .bdt-prime-slider-content {
  max-width: 100% !important;
}

.bdt-prime-slider-dragon .bdt-ps-dragon-slide-image .bdt-ps-slide-img, .bdt-prime-slider-dragon .bdt-ps-dragon-bg .bdt-ps-slide-img{
  background-position: top !important;
}

.bdt-ps-button{
  background-color: #E81B23;
  padding: 13px 30px;
  border-radius: 3px;
}

.bdt-ps-button:hover{
  background-color: #003A6D !important;
}

.bdt-ps-button .bdt-ps-button-wrapper{
  display: none !important;
}

.bdt-ps-button-text{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.blank-builder{
  padding-top: 105px;
}

.heroPoints .elementor-icon-box-icon{
  background: #fff;
  padding: 10px;
}

.heroPoints .zumar-icon-box-vertical-align-middle{
  width: 300px !important;
}

.heroPoints .zumar-icon-box{
  justify-content: start !important;
}
.heroPoints .elementor-icon-box-description, .heroPoints .elementor-icon-box-title{
  text-align: left;
}

.serviceCard img{
  aspect-ratio: 1.8;
  object-fit: cover;
}

.serviceCard{
  transition: all ease-in-out 300ms;
}

.serviceCard:hover{
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
}

.serviceCard2 {
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
  margin: 0 20px;
}

.serviceCard2{
  height: 560px;
}

.serviceCard2a{
  height: 500px;
}

.serviceCard2b{
  height: 380px;
  width: 300px !important;
}

.serviceCard2a .elementor-widget-text-editor{
  height: auto;
}


.sectors .elementor-widget-zumar-image{
  max-width: 110px !important;
  width: 110px !important;
  height: 110px !important;
}

.sectors .elementor-column > div{
  transition: all ease-in-out 300ms;
}

.sectors .elementor-column > div:hover{
  transform: translateY(-8px);
}

.sectors img{
  height: 58px !important;
  object-fit: cover;
}

.listIcon li{
  margin: 10px 0;
  font-weight: 500;
  font-size: 18px;
}

.headerPhone > div{
  flex-wrap: nowrap;
}

.headerPhone > div > div{
  width: auto !important;
  min-width: 265px;
}

.brandSlider .swiper-slide{
  width: 33% !important;
}

.brandSlider .swiper-wrapper{
  align-items: end;
}

.brandSlider img{
  max-height: 130px;
}

.zumar-button{
  border-radius: 2px !important;
}

.wpcf7 .zumar-button button{
  border-radius: 2px !important;
  padding: 15px 30px !important;
  line-height: 1 !important;
}

.wpcf7 .zumar-button button span{
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.colQuote{
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.10196078431372549);
}

.tabs .nav-pills{
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.0588235294);
}

.content2 h3{
  padding-left: 47px;
  margin: 40px 0 10px;
  font-size: 21px;
  position: relative;
}

.content2 h3::before{
  display: inline;
  position: absolute;
  content: "";
  left: 0;
  width: 30px;
  top: 9px;
  right: 0px;
  bottom: 0px;
  height: 8px;
  background-color: var(--color-main);
}

.phoneIcon .elementor-icon-box-icon{
  height: 67px !important;
}

.phoneIcon i::before{
  font-size: 60px !important;
}

.center .zumar-heading-title{
  display: flex;
  justify-content: center;
}

.valeur{
  margin-top: 60px !important;
}

.valeur .elementor-widget-wrap{
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
  padding-top: 40px !important;
  padding-bottom: 30px !important;
}

.valeur h3{
  font-weight: 700 !important;
  font-size: 20px !important;
}

.valeur ul{
  margin-top: 25px;
}

.valeur li{
  text-align: left;
}

.formsTab .elementor-subgroup-inline span{
  display: flex;
  align-items: center;
}

.formsTab .elementor-subgroup-inline label{
  padding-left: 10px;
  padding-right: 25px;
}

.formsTab .elementor-field-option label{
  cursor: pointer;
}

.formsTab .elementor-field-option input{
  width: auto;
}

.formsTab .elementor-field-label{
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 12px;
}

.formsTab .elementor-field-group .elementor-field-textual{
  border: none;
  border-bottom: 1px solid #666;
  background: rgb(255,255,255,1) !important;
}

.zumar-tabs-panels{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.zumar-tabs-panels .nav-pills{
  box-shadow: 0px 0px 14px 2px rgb(0,0,0,0.1);
  padding: 13px;
}

.bandeauService{
  padding-top: 30vh !important;
  padding-bottom: 100px !important;
  background-position: center !important;
  min-height: 550px;
  height: 75vh;
  max-height: 1000px;
}

.imageBox .elementor-image-box-img{
  width: 55px !important;
}

.imageBox img{
  width: 55px !important;
  max-width: 55px !important;
}

.imageBox2 .elementor-image-box-img{
  width: 50px !important;
}

.imageBox2 img{
  width: 50px !important;
  max-width: 50px !important;
}

.elementor-popup-modal{
  z-index: 999999 !important;
}

.elementor-popup-modal > div{
  border-radius: 10px !important;
}

.elementor-popup-modal .dialog-message{
  max-height: 95vh !important;
}

.form input.elementor-acceptance-field{
  width: auto;
}

.elementor-acceptance-field{
  width: 15px;
}

.boutons-flottants a{
  width: 55px;
  position: fixed;
  top: 68vh;
  right: 25px;
  padding: 16px;
  border-radius: 50%;
  transition: all ease 0.2s;
  z-index: 25;
}

.boutons-flottants a:hover{
  width: 57px;
}

.boutons-flottants a img{
  filter: invert(1);
  -webkit-filter: invert(1);
}

.boutons-flottants .bouton-telephone{
  background-color: #1C2747;
}

.boutons-flottants .bouton-whatsapp{
  background-color: #25d366;
  top: calc(68vh + 65px);
  padding: 15px;
}

.popupRappel .elementor-field-option{
  line-height: 1.2;
}

.popupRappel .elementor-field-type-acceptance label{
  font-size: 12px;
  color: #d5d5d5;
  line-height: 1.4;
}

.popupRappel .elementor-field-type-acceptance input{
  width: auto;
}




article .entry-title, article > .spc-10, article > .spc-30{
  display: none;
}

label[for="form-field-field_627c474"]{
  color: #fff;
}

.heroSection {
  height: calc(100vh - 200px);
  margin-top: 50px;
}

.heroSection .innerSection{
  max-width: 1100px;
}

.moveQuoteSection{
  max-width: 1100px;
  margin: auto;
}

.moveQuote2{
  max-width: 500px;
  margin: auto;
}

.moveQuote3 .moveQuote2{
  max-width: 800px !important;
}

.moveQuote2 > div{
  padding: 30px 40px 40px !important;
}

.serviceGrid3 > div{
  justify-content: center;
}

.serviceGrid3 .elementor-widget-zumar-button{
  position: absolute;
  bottom: 20px;
}

.serviceGrid3 .serviceCard2b .elementor-widget-zumar-button{
  bottom: 0px;
}

footer .heroPoints .zumar-icon-box-vertical-align-middle > div{
  background-color: #E81B23 !important;
}

.process > div{
  column-gap: 50px;
}

header .zumar-nav .navigation > li a{
  font-size: 14px !important;
}

.elementor-widget-text-editor li::marker, .elementor-icon-box-content li::marker {
  display: none;
  font-size: 0
}

.elementor-widget-text-editor li::before, .elementor-icon-box-content li::before {
  color: #E81B23;
  font-size: 35px;
  content: "•";
  line-height: 0.5;
  position: absolute;
  left: 10px;
}

.elementor-widget-text-editor ol li::before{
  left: 10px;
}

 .elementor-icon-box-content li::before {
   left: 15px;
 }

 .iconServices img{
   filter:  hue-rotate(-166deg) saturate(5) brightness(1);
   width: 190px !important;
   width: auto;
 }




@media screen and (min-width: 1600px){

  header .zumar-nav .navigation > li a{
    font-size: 15px !important;
  }

}


@media screen and (max-width: 1366px){

  .heroSection > div > div > div{
    margin-right: 5vw;
    margin-left: 5vw;
  }

  .moveQuote2 > div{
    padding: 30px 20px 20px !important;
  }

  header .zumar-nav .navigation > li a{
    font-size: 13px !important;
  }

}

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

  .process > div{
    column-gap: 0px;
    row-gap: 50px;
  }

  .serviceCard2 .elementor-widget-zumar-button{
    position: absolute;
    width: 80%;
    bottom: 60px;
    top: auto;
  }

  .serviceGrid3 > div{
    column-gap: 30px;
    row-gap: 70px;

  }

  .serviceGrid3 .serviceCard2{
    height: 530px;
  }

  .serviceGrid3 .serviceCard2 .elementor-widget-zumar-button{
    bottom: 30px;
  }

  .serviceGrid3 .zumar-button{
    top: auto !important;
    bottom: 0px;
  }

}



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

  .heroSection{
    max-height: none;
    height: auto;
  }

  .moveQuote2 > div{
    padding: 20px 10px 30px !important;
  }

  .serviceCard2 .elementor-widget-zumar-button{
    bottom: 0px;
    position: relative;
  }

  .serviceGrid3 .serviceCard2 {
    height: auto;
  }

  .serviceGrid3 .serviceCard2 .elementor-widget-text-editor {
    height: auto;
  }

  .serviceGrid3 .serviceCard2 .elementor-widget-zumar-button {
    bottom: 0;
    padding-top: 10px;
  }

  .process > div{
    column-gap: 0px;
    row-gap: 0px;
  }

  .serviceGrid3 > div {
    row-gap: 0px;
  }

}




/*------------------------------------------------ END ELEMENT ------------------------------------------------*/
/*------------------------------------------------ END ELEMENT ------------------------------------------------*/




/*------------------------------------------------ TITLE ------------------------------------------------*/
/*------------------------------------------------ TITLE ------------------------------------------------*/


.colTitleService{
  opacity: 0; /* Masquer le titre au chargement de la page */
  animation: fade-in 0.8s ease-in-out 500ms forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(70px); /* Départ de l'animation en bas de l'élément */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Fin de l'animation en haut de l'élément */
  }
}

.pageservice h1{
  font-size: 55px;
  font-weight: 600;
}

.suptitle{
  margin-bottom: 20px !important;
}

.suptitle p{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  padding-left: 45px !important;
}

h2{
  font-size: 50px;
  max-width: 800px;
  font-weight: 700 !important;
  text-transform: uppercase;
  line-height: 1.2;
}

.heroSection h2{
  text-transform: none!important;
  font-weight: 600 !important;
}

.title1a h2{
  max-width: none;
}

.serviceCard h3, .title2 h3{
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.3;
}

.serviceCard h3{
  height: 35px;
  font-size: 18px;
  text-align: center;
  padding: 0 10px;
}

.title2a h3{
  font-size: 30px;
}

.button1 > div{
  text-align: left;
}

.button1 a{
  padding: 10px 30px !important;
  border-radius: 3px !important;
}

.button1 .button_text_container{
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  font-size: 14px !important;
}

body section .title1 .elementor-widget-container .zumar-heading-title h2.zumar-heading span small.mirror_2{
  display: none;
}

/* body section .title1a .elementor-widget-container .zumar-heading-title h2.zumar-heading span small.mirror_2{
  -webkit-text-stroke: 1px #ffffff45 !important;
} */

.subtitle{
  max-width: 750px !important;
  font-size: 17px;
}

.subtitle2 p{
  font-size: 24px;
  font-weight: 400;
  max-width: 60vw;
}


/*------------------------------------------- END TITLE -------------------------------------------*/
/*------------------------------------------- END TITLE -------------------------------------------*/

/*------------------------------------------------ HEADER ------------------------------------------------*/
/*------------------------------------------------ HEADER ------------------------------------------------*/

header{
  width: 100%;
  position: fixed !important;
  top: 0;
  z-index: 999999;
}

header .mainSection{
  padding: 20px 10px !important;
  transition: all 0.3s !important;
}

header.scrolled  .mainSection{
  padding: 5px 10px !important;
}

header > div{
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10196078431372549);
}

header .zumar-nav .navigation > li{
  margin-right: 40px !important;
}

.headerLogo img{
  height: 85px !important;
  transition: all ease-in-out 300ms;
  object-fit: contain;
}

.headerPhone .zumar-icon-box{
  flex-direction: row;
}

.topbar{
  height: 35px;
  -webkit-animation: fadein 0.5s ; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 0.5s ; /* Firefox < 16 */
      -ms-animation: fadein 0.5s ; /* Internet Explorer */
       -o-animation: fadein 0.5s ; /* Opera < 12.1 */
          animation: fadein 0.5s ;
}

.menu-wrapper ul li ul{
  width: 250px;
}

.iconBoxes{
  width: 75% !important;
}

.iconBoxes .elementor-widget-wrap{
  column-gap: 30px;
}

.iconBox .elementor-icon-box-content{
  display: flex;
  flex-direction: column;
}

.iconBox .elementor-icon-box-title{
  order: 2;
}

.iconBox .elementor-icon-box-icon{
  border: solid 1px #E81B23;
  padding: 10px;
}

nav .menu-item.DevisMenu, nav .menu-item.DevisMenu.current-menu-item{
  background: #fff !important;
  color: #1C2747 !important;
  border: 1px solid #fff;
  padding: 7px 20px;
}

nav .menu-item.rappelMenu, nav .menu-item.rappelMenu.current-menu-item{
 background: #e70441 !important;
 border: 1px solid #e70441;
 padding: 7px 20px;
}

nav .menu-item.DevisMenu a, nav .menu-item.DevisMenu.current-menu-item a{
  color: #1C2747 !important;
}

nav .menu-item.rappelMenu a, nav .menu-item.rappelMenu.current-menu-item a{
 color: #fff !important;
 font-weight: 600 !important;
}

nav .menu-item.DevisMenu:hover, nav .menu-item.rappelMenu:hover{
  background: #1C2747 !important;
  color: #fff !important;
  border: 1px solid #fff;
}

nav .menu-item.DevisMenu:hover a, nav .menu-item.rappelMenu:hover a{
  color: #fff !important;
}


/*-------------- HEADER SCROLLED ------------------*/

.scrolled .headerLogo img{
  height: 45px !important;
}

.scrolled .topbar{
  height: 3px;
}



/*------------------------------------------------ END HEADER ------------------------------------------------*/
/*------------------------------------------------ END HEADER ------------------------------------------------*/


/*------------------------------------------------- FOOTER -----------------------------------------------*/
/*------------------------------------------------- FOOTER -----------------------------------------------*/

footer{
  z-index: 2 !important;
}


/*------------------------------------------------ END FOOTER  ------------------------------------------------*/
/*------------------------------------------------ END FOOTER ------------------------------------------------*/


/*------------------------------------------------   BUTTON ------------------------------------------------*/
/*------------------------------------------------   BUTTON ------------------------------------------------*/

.button2 a{
  background-color: #E81B23 !important;
  font-size: 17px;
  transition: all 0.3s;
}

.button2 a:hover{
  opacity: 0.9;
}



/*------------------------------------------------ END  BUTTON ------------------------------------------------*/
/*------------------------------------------------ END  BUTTON ------------------------------------------------*/


/*------------------------------------------------ HOME PAGE ------------------------------------------------*/
/*------------------------------------------------ HOME PAGE ------------------------------------------------*/


/*------------------------------------------------ END HOME PAGE ------------------------------------------------*/
/*------------------------------------------------ END HOME PAGE ------------------------------------------------*/

/*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/
/*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/





/*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/
/*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/

/*------------------------------------------  BLOG -----------------------------------------------*/
/*-----------------------------------------  BLOG -----------------------------------------------*/





/*----------------------------------------------- END BLOG -----------------------------------------------*/
/*----------------------------------------------- END BLOG -----------------------------------------------*/


/*------------------------------------------------- SHOP-----------------------------------------------*/
/*------------------------------------------------- SHOP-----------------------------------------------*/


/*------------------------------------------------- END SHOP -----------------------------------------------*/
/*------------------------------------------------- END SHOP -----------------------------------------------*/

/*------------------------------------------------- 4K-----------------------------------------------*/
/*------------------------------------------------- 4K-----------------------------------------------*/

@media screen and (min-width: 1920px){

  .sectors .elementor-widget-zumar-image {
    max-width: 120px !important;
    width: 120px !important;
    height: 120px !important;
  }

  .sectors img{
    height: 68px !important;
    object-fit: cover;
  }

  .elementor-section.elementor-section-boxed>.elementor-container{
    max-width: 80vw !important;
  }

}



@media screen and (min-width: 2559px){





}



/*------------------------------------------------- END 4K-----------------------------------------------*/
/*------------------------------------------------- END 4K-----------------------------------------------*/


/*------------------------------------------------- LAPTOP-----------------------------------------------*/
/*------------------------------------------------- LAPTOP-----------------------------------------------*/

@media screen and (max-width: 1400px){

  .headerLogo img{
    height: 55px !important;
  }


  header .mainSection .elementor-icon-box-description{
    font-size: 18px !important;
  }

  .iconBoxes .elementor-widget-wrap{
    column-gap: 20px;
    justify-content: end !important;
    padding-right: 15px;
  }

}

@media screen and (max-width: 1365px){

  .iconBox4{
    display: none;
  }


}




@media screen and (max-width: 1229px){

  header .flaticon-telephone::before{
    font-size: 24px !important;
  }

  header .mainSection .elementor-icon-box-description {
    font-size: 15px !important;
  }

  header .mainSection .col2{
    padding-left: 0 !important;
    width: 70% !important;
  }


  header .menuSection .elementor-widget-container {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  header .zumar-nav .navigation > li{
    margin-right: 40px !important;
  }

  header .zumar-nav .navigation > li a{
    font-size: 13px !important;
  }

  header .headerPhone{
    padding-right: 30px;
  }

  header .mainSection .elementor-widget-zumar-icon-box > div{
    padding: 0 !important;
  }

  header .mainSection .zumar-button-inner{
    padding: 10px 20px !important;
  }

  header .mainSection .button_text_container{
    font-size: 12px !important;
  }


  .contactHeader{
    display: none;
  }

  .iconBox .elementor-icon-box-icon{
    padding: 7px;
  }

  .heroSection .innerSection {
    max-width: 85vw;
  }


}


/*------------------------------------------------- END LAPTOP -----------------------------------------------*/
/*------------------------------------------------- END LAPTOP -----------------------------------------------*/

/*------------------------------------------------- TABLET-----------------------------------------------*/
/*------------------------------------------------- TABLET-----------------------------------------------*/

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

  .onlyMobile{
    display: block !important;
  }

  .onlyDesktop{
    display: none !important;
  }

  .blank-builder {
    padding-top: 0;
  }

  header .mainSection > div{
    justify-content: space-between;
    padding: 0 30px;
  }

  header .zumar-nav .mobile-wrapper{
    display: block !important;
  }

  header .zumar-nav .main-menu.menu-wrapper{
    display: none !important;
  }

  .headerPhone > div > div {
    width: auto !important;
    min-width: auto;
    padding-left: 50px;
  }

  .fat-nav__wrapper .menu-item-icon{
    width: 100%;
    text-align: right;
  }

  .fat-nav__wrapper .menu-item-icon.active{
    transform: none !important;
    -webkit-transform: none !important;
  }

  .fat-nav__wrapper .menu-item-icon.active svg{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .pourquoi .elementor-container, .form .elementor-container{
    justify-content: center;
  }

  .serviceCard2{
    margin: 0 10px;
    height: 450px;
  }

  .serviceCard2 .elementor-widget-text-editor{
    height: 80px;
  }

  .serviceCard2c{
    height: auto;
  }

  .serviceCard2 h3{
    margin-bottom: 40px;
    margin-top: -10px;
  }

  .serviceCard2 .zumar-button{
    position: absolute;
    width: 80%;
    left: 10%;
    top: 20px;
  }

  .serviceCard2 .zumar-button a{
    padding: 10px !important;
  }

  .serviceCard2a .elementor-background-overlay{
    background-position: 50% 10px !important;
  }

  .fat-nav li > a{
    border-top: none;
    border-bottom: 1px solid rgb(255,255,255,0.2);
  }

  .fat-nav__wrapper .sub-menu{
    padding: 20px 0 60px 20px;
  }

}


@media screen and (max-width: 850px){

  .serviceCard2 .elementor-widget-text-editor{
    height: 100px;
  }

  .serviceCard2c .elementor-widget-text-editor {
      height: 50px;
    }

  .bandeauService{
    height: 550px;
    padding-top: 200px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


}

/*------------------------------------------------- END TABLET-----------------------------------------------*/
/*------------------------------------------------- END TABLET-----------------------------------------------*/

/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/

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

  header .mainSection {
    padding: 5px 5px !important;
  }

  header.scrolled .mainSection {
    padding: 0px 5px !important;
  }

  header .iconBoxes{
    padding-right: 0 !important;
    width: 70% !important;
  }

  .phoneIcon .elementor-icon-box-icon{
    height: 67px !important;
  }

  header .flaticon-telephone::before {
    font-size: 20px !important;
  }

  header .mainSection .elementor-widget-zumar-icon-box > div{
    padding-right: 0px !important;
  }

  .colLogo{
    width: 30% !important;
  }

  .iconBox .elementor-icon-box-icon {
    padding: 4px;
  }

  .phoneIcon i::before{
    font-size: 60px !important;
  }

  .iconBoxes .elementor-widget-wrap {
    column-gap: 0px;
  }

  .blank-builder {
    padding-top: 0px;
  }

  .heroSection{
    margin-top: 70px;
  }

  .title2a h3 {
    font-size: 24px;
  }

  .brandSlider img {
    max-height: 90px;
  }

  .headerLogo{
    margin-left: 20px;
  }

  .home .heroSection{
    min-height: 400px;
  }

  .serviceCard2 {
    height: auto;
    margin-bottom: 50px;
  }

  .serviceGrid3 .serviceCard2b {
    height: 450px;
  }

  .serviceCard2 h3 {
    margin-bottom: 20px;
  }

  .serviceCard2 .zumar-button{
    top: 0;
  }

  .heroPoints .elementor-icon-box-content{
    padding-left: 15px;
  }

  .subtitle2 p {
    font-size: 18px;
    max-width: 90vw;
  }

  .sectors .elementor-widget-zumar-image {
    width: 95px !important;
    height: 95px !important;
  }

  .sectors img{
    height: 45px !important;
  }

  .sectors .elementor-widget-text-editor > div{
    margin-top: 5px !important;
  }

  .zumar-tabs-panels .nav-pills .nav-item{
    position: relative;
  }

  .zumar-tabs-panels .nav-pills .nav-item .nav-link{
    padding: 5px 0;
  }

  .zumar-tabs-panels .nav-pills .nav-item::after{
    content: "⯈";
    position: absolute;
    left: 0;
    top: 10px;
    width: 20px;
    height: 20px;
  }

  .zumar-tabs-panels .nav-pills{
    justify-content: center;
  }

  .boutons-flottants a{
    top: 72vh;
    right: 10px;
  }

  .boutons-flottants .bouton-whatsapp{
    top: calc(72vh + 65px);
  }


}


/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/

/*------------------------------------------------- PORTRAIT-----------------------------------------------*/
/*------------------------------------------------- PORTRAIT-----------------------------------------------*/


@media screen and (max-width: 500px){

  .bandeauService h1{
    font-size: 35px !important;
  }

  header .mainSection > div{
    padding: 0;
  }

  .bandeauService {
    height: 350px !important;
    min-height: 350px !important;
    padding-top: 100px !important;
  }

  .headerLogo{
    margin-left: 0px;
  }

  .headerPhone > div > div {
    padding-left: 0px;
    padding-right: 5px;
}


}



/*------------------------------------------------- END PORTRAIT-----------------------------------------------*/
/*------------------------------------------------- END PORTRAIT-----------------------------------------------*/