:root{


    --site-default-font-size: 1.875em;
    --site-header-font-size:1em;
    --site-header-phone-font-size:1.071em;
    --site-footer-font-size: 1em;
    --site-titre-size: 1.6em;
    --site-footer-titre-size: 1em; 
    --site-sous-titre-black:  2.571em;
    --texte-page-paragraphe:1.3em;
    --count-texte-size:1.52em;
    --count-size:2.12em;

  --titre-interne-orange-taille: 1.543em;
  --chapeau-interne-taille: 3.571em;

  --bg-pos : center;
  
 }
 /* ---------Header----------------- */
 .custom-logo{
  left: 50%;
  transform: translate(-50%, 15%);
 }
 .site-branding {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-end;
    white-space: nowrap;
    text-transform: none;
 }
 .call-now{
  width: fit-content;
  padding: 6px 10px 4px 60px;
  display: none;
 }
 .social-header{
  padding: 10px ;
  justify-content: flex-start;
  display: none;
 }
  .sss-anim .content{
    bottom: 14%;
    left: 9%;
    font-size: var(--site-titre-size);
    max-width: 60%;
  } 

  .phone-menu{
    display: none;
  }
/* ------------END Header */

  .qui-sommes_video{
    left: 80%;
  }
  .trente{
    left: 80px;
    bottom: -180px;
  }

.qui-sommes-nous{
  margin-top: 50px;
}

  .qui-sommes-nous-2{
    margin-top: 180px !important;
    align-items: center;
  }
  
  .testimonials-two__items{
    padding-left: 0;
  }

  .testimonials-one-card__content{
    padding: 0 10px;
  }


  .texte-page-paragraphe{
    width: 100%;
  }




  
  .nos-services .services-ai {
    width: 100%;
    margin-left: 0px !important;
  }

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

    .nos-services .services-ai {
      width: calc(calc(100% / 3) - 10px) !important;
      margin-left:5px !important;
      
      
    }
    .clients-card__content {
      padding: 0px 10px;
    }
  
    .qui-sommes-nous-2{
      margin-top: 0 !important;
    }
  }



  #waf-adopter, #waf-avantages, #waf-pourquoi, #cta-waff-section, #first-block
    {

    padding: 30px 30px 150px 30px !important;
    
  }

  .tm-slider.slick-slider .slick-prev::before, .tm-slider.slick-slider .slick-next::before, .tm-slider.slick-slider .slick-prev::before, .tm-slider.slick-slider .slick-next::before{
      padding: 0px ;

  }

  .banner-solutions-wafffff .slick-slide, #cs-expert .hover-effect{
    margin: 20px;
  }
  #waf-avantages .hover-effect{
    margin: 20px 0;
    width: 100%;
  }
  #solutions_waf .slick-next{
    right: 40% !important;
  }

  .banner-solutions-wafffff .content-section{
    top:0 !important;
  }


  .clients-card__items{
    padding-left: 0;
  }

  .nos-certifications-block .entete .centre{
    padding: 50px 20px 80px 20px
  }



  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    
    overflow: scroll;
    height: 100vh;
    margin: 0;
    padding: 0;
    
 
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
    padding: 0 15px 15px 15px;
    
  }
  
  .new-main-menu{
    align-items:center !important;
    justify-content: space-between !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
    background: transparent;
  }
  .site-branding, .social-header{
    align-items: center;
    justify-content: center;
  }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
    padding: 0 20px;
  }
  .mega-sub-menu #mega-menu-5334-0-2{
    visibility: hidden !important;
    border:5px solid sandybrown;
  }
  .topnav li::after{
    padding: 0;

  }
  .list-inline > li{
    padding: 0;
  }
  .menu-top-navbar-container{
    /* height: 30px; */
  }

/* ----------------------------------Menu Mobile--------------------------- */
.mega-menu-toggle{
  background-color: transparent !important;
}
.mega-toggle-block{
  background-color: #f07d00;
}
#mega-menu-wrap-primary{
  flex: 1;
}
.menu-principal div{
  margin: 0;
  padding: 0;
}

  /* ------------------------Home slider-------------------------- */

  .home-slider .owl-carousel .item {
    height: auto;
    display: block;
    position: relative;
  }
  .home-silder-btn{
    display: none;
  }
  .home-slider .sss-anim .content {
    font-size: 1rem;
    white-space: nowrap;
  }
  .home-slider .sss-anim .content p{
    font-size: 0.8rem;

  }

  /* ------------------------Home Tiltles-------------------------- */


  .sous-titre-black{
    font-size: 1.375rem;
  }


  /* -----Home-actu-------- */

  .nos-actualites-block .entete{
    padding: 0 20px ;
  }
  .actualites-caroussel .owl-nav, .partenaires-caroussel .owl-nav{
    right: 43%;
  }

  .nos-certifications-block::before{
    display: none;
  }


  /* -----services-------- */
  .nos-services{
    /* margin-top: 350px; */
  }
  .nos-services-block .texte-page-paragraphe{
    padding: 0 20px;
  }


  .chiffre-3s {
    margin-top: 0px !important;
  }
  .nos-partenaires .texte-page-paragraphe{
    padding: 0;

  }
  .qui-sommes-nous-2{
    height: 100% !important;
  }
  .clients-card__content{
    padding: 0;
  }
  .certif-image::before{
    display: none;
    
  }



/* ----------Page 3S Group----------------- */

#group-tl .carousel-indicators {
  display: none;
}
#groupe-3s .sss-word .block-1{
  margin-left: 2px;
}

  /* ----------------------------------------------------Page Références -------------------------------------------- */


#ref-temoin .ref-block{
  display: block;
  width: 100%;
  margin: 50px 0;

}


/* ----------------For Blocks pages-------------------------- */
#services-page-2 .first-blocks, #services-page-2 .second-blocks, #services-page-2 .third-blocks, #services-page-2 .forth-blocks,
#services-page .first-blocks, #services-page .second-blocks, #services-page .third-blocks{
  width: 100%;
  margin: 0;
  padding: 20px;
}

.vc_info_list{
  display: block !important;
}

#nos-valeurs .lato-regular{
  padding: 20px;
}


/* -------------------------------------------------Qui Sommes nous page--------------------------------------------- */


#d-expertise .nice-look{
  width: 100%;
  padding: 20px;
}
#a-propos-partenaires .texte-page-paragraphe{
  padding: 10px;
}

 .carousel-caption div span{
   background-color: white ;
}
.a-propos-pourquoi .carousel-caption div{
  display: block;
  padding: 0;
  background-color: white;
}
.a-propos-pourquoi .carousel-caption .content-section{
  display: block !important;
  position: relative;
  z-index: 9999;
  background-color: white ;
}

/* -------------------------------------------------3S Group page--------------------------------------------- */


#all-3s-group{
  display: block;
  padding: 20px;
}

#all-3s-group .second-block{
  margin: 50px 0;
  
}
  /* -------------------------------------------------Nos Valeurs page--------------------------------------------- */
  
  
  #nos-valeurs .texte-page-paragraphe{
    
    padding: 10px;
  }
  #nos-valeurs .flex-essai{
    display: block !important;
  }
  #nos-valeurs .flex-essai-2{
    padding: 0;
  }

  #nos-valeurs .innov-anim{
    position: relative;
    left: 0;
    bottom: 0;
    width: fit-content;
  }




  /* -------------------------------------------------Nos Partenaires page--------------------------------------------- */

  #nos-partenaires .forme-1 img, #nos-partenaires .forme-2 img{
    position: static;
  }

  /* ----------------------------Formulaires----------------------------------------------- */

  #contact-expert{
        max-width: 100% !important;
  }

  .fancybox-content, #wpcf7-f3110-o2 input{
    max-width: 100% !important;
    
  }


  /* ----------------------Page réferences------------------------------------ */
  #ref-temoin .ref-block img, #ref-slider .carousel-caption div a img{
    top:0;
    left: 45%;
    translate:-50% -50%;
  }
  #ref-temoin .ref-block{
    padding: 40px 30px;
  }
  
  #ref-slider .slick-prev{
    left: 0 !important;
    display: none !important;
  }
  #ref-slider .slick-next{
    right: 0 !important;
    display: none !important;
  }
  #ref-slider .slick-slide{
    margin-top: 50px;
  }


  /* ------------------ Pourquoi nous-rejoindre---------------------------- */


  .vc_section.vc_custom_1683041042670 .vc_col-has-fill{
    margin-top: 50px;
  }
   .rais-3,.rais5,.rais-7,.rais-11 {
     order: 2;
  }
   .rais-4,.rais-6,.rais-8 {
     order: 1;
  }


  .post-filters{
    display: block;
  }
  .btn-carriere{
    margin: 20px 0;
    translate: 50% 0;

  }
  .post-filters [name=cat] {
    border: 1px solid;
    padding: 0 20px;

  }
  .nous-rej{
    padding: 0 50px;
  }