/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.7
Tested up to: 6.0
Requires  at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}

html {
  /* font-family: "ampleSoft_light", sans-serif; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size:16px;
}

body {
  margin: 0;
  background-color: var(--site-bg-default-color);
}







/* -------Preload----------------- */

.preloader {
  position: fixed;
  background-color: var(--cretech-bg-black, #0d0421);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991;
}

.preloader__circle::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
    border-top-color: transparent;
  border-top-color: var(--cretech-primary, #6a2dec);
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.preloader__circle {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
    border-top-color: transparent;
  border-top-color: var(--cretech-secondary, #9c2ede);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.preloader__circle::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
    border-top-color: transparent;
  border-top-color: #ffffff;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/**
 * 6.0 - New Menus
 */

 .new-main-menu{
   display: flex;
   flex-flow: row wrap;
   justify-content:flex-end !important;
   align-items: center;
 }

 #mega-menu-primary .mega-sub-menu #mega-menu-5334-0-1 {
  border-left: 5px solid var(--titre-interne-all-color);
  background-color: greenyellow;
 }
 #mega-menu-wrap-primary, .mega-block-title {
    font-family: "Lato-Bold", sans-serif;
 }
 #mega-menu-wrap-primary .menu-item a{
   font-family: "lato-regular", sans-serif;
 }

#menu-item-7107, #menu-item-7111, #menu-item-7108,#menu-item-7109, #menu-item-7110, #menu-item-7445, .menu-item-7483, .menu-item-7573, #menu-item-7836, #menu-item-8123, #menu-item-8172, #menu-item-9048, #menu-item-9050, #menu-item-9065{
  font-size: 16px;
  font-weight: bold;
 }








 /**
 * 6.2 - Menus
 */
 .topnav {
  margin-bottom: 0;
  /* padding-bottom: 24px; */
  position: relative;
  right: 6px; 
}

.topnav a {
  color: #031b47;
  font-size: 12px;
  font-weight: bold; 
  font-family: "Lato-Regular", sans-serif;

}
/* .topnav a:before hatem */
.topnav  li:after {
  color: #9f9faf;
  padding:0 5px; 
  content: "|";  
  font: normal normal normal 14px/1 FontAwesome;
}
.topnav  li:last-of-type:after {
  color: transparent;
  content: "|";  
  font: normal normal normal 14px/1 FontAwesome;
  border: 2px solid ;

}




.topnav a:hover,
.topnav a:hover:before {
  color: #125799;
}

#site-navigation {
  border-radius: 0;
  margin-bottom: 0;
  z-index: 99;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}




















#nav_magic-line {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100px;
  height: 5px;
  background: var(--titre-interne-all-color);
}

.navbar-nav {
  margin: 0;
}

.navbar .navbar-brand > img {
  max-height: 100%;
  height: 100%;
  width: auto;
  margin: 0 auto;

  /* probably not needed anymore, but doesn't hurt */
  -o-object-fit: contain;
  object-fit: contain;
}

.site-header .navbar-default {
  background: #fff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}

.site-header .navbar-default .navbar-brand {
  color: #2d4055;
  display: none;
}

.site-header .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #070707;
}

.site-header .navbar-default .navbar-nav {
  position: relative;
}

.site-header .navbar-default .navbar-nav > li > a {
  font-family: "lato-regular", sans-serif;
  color: #031b47;
  font-size: 16px;
  line-height: 32px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  padding: 0 12px 20px 12px;
}

.site-header .navbar-default .navbar-nav > li > a:hover,
.site-header .navbar-default .navbar-nav > li > a:focus {
  color: #000;
  outline: none;
}

.site-header .navbar-default .navbar-nav > .active > a,
.site-header .navbar-default .navbar-nav > .active > a:hover,
.site-header .navbar-default .navbar-nav > .active > a:focus {
  color: #125799;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.site-header .navbar-default .navbar-nav > .open > a,
.site-header .navbar-default .navbar-nav > .open > a:hover,
.site-header .navbar-default .navbar-nav > .open > a:focus {
  color: #125799;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.site-header .navbar-default .navbar-toggle {
  border-color: #fff;
}

.site-header .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}

.site-header .navbar-default .navbar-toggle .icon-bar {
  background-color: #2d4055;
}

.site-header .navbar-default .navbar-collapse,
.site-header .navbar-default .navbar-form {
  border-color: #2d4055;
}

.site-header .navbar-default .navbar-link {
  color: #2d4055;
}

.site-header .navbar-default .navbar-link:hover {
  color: #070707;
}

@media (min-width: 992px) {
  .navbar-brand {
      padding: 0;
  }
}

@media (min-width: 768px) {
  .topnav {
      text-align: right;
  }

  .custom-logo-link {
      margin-top: -36px;
  }

  .navbar-brand {
      padding: 10px 0;
  }

  .navbar-nav > li > .dropdown-menu {
      padding: 0;
      transition: 0.2s 1s;
  }

  .dropdown-menu > li > a {
      color: #757575;
      padding: 7px 11px 9px 11px;
      line-height: 20px;
      font-size: 14px;
      transition: 0.2s 1s;
  }

  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover {
      background: transparent;
      color: #757575;
      transition: 0.2s 1s;
  }

  .dropdown:hover .dropdown-menu {
      display: block;
      transition: 0.2s 1s;
  }
}

@media (max-width: 767px) {
  .site-header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #125799;
      font-size: 18px !important;
      white-space: pre-wrap;
  }

  .site-header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .site-header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #125799;
  }

  .site-header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .site-header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .site-header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #000;
      background: transparent;
  }
}

.social-navigation a {
  font-size: 0;
}

.social-navigation a:before {
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  font-size: 17px;
  content: "\f09a";
  text-align: center;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
  color: #007acc;
}

.social-navigation a[href*="facebook.com"]:before {
  content: "\f09a";
}

.social-navigation a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.social-navigation a[href*="instagram.com"]:before {
  content: "\f16d";
}

.social-navigation a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.social-navigation a[href*="twitter.com"]:before {
  content: "\f099";
}

.social-navigation a[href*="youtube.com"]:before {
  content: "\f16a";
}

.social-navigation a[href*="facebook.com"]:hover:before {
  color: #3b5998;
}

.social-navigation a[href*="plus.google.com"]:hover:before {
  color: #dd4b39;
}

.social-navigation a[href*="instagram.com"]:hover:before {
  color: #125688;
}

.social-navigation a[href*="linkedin.com"]:hover:before {
  color: #007bb5;
}

.social-navigation a[href*="twitter.com"]:hover:before {
  color: #55acee;
}

.social-navigation a[href*="youtube.com"]:hover:before {
  color: #bb0000;
}




#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
 padding:  0px 5px 0px 5px;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{

border-radius: 0 0 1rem 1rem;
overflow: hidden;
filter: drop-shadow(0rem 1rem 0.6rem rgba(0,0,0,0.1));
}

.mega-sub-menu .menu,.mega-sub-menu #mega-menu-5334-0-2, .mega-sub-menu #mega-menu-5335-0-1 {
 
  border-left: 3px solid var(--titre-interne-all-color) !important; 
  padding-left: 20px;
 
}


#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: #ed851a;
  border-radius: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
  border-radius: 5px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
  margin-top: 8px;
}


.mega-sub-menu .mega-block-title{
  color: #f0851c !important;
  
}

.mega-sub-menu .block-width{
   display: inline-block;
   max-width: 75%;
}
.mega-sub-menu .block-width-two-columns{
   display: inline-block;
   max-width: 37%;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link::before{
  text-decoration: none;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
  margin: 0 5px 0 5px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
  border-radius: 5px;

}
.current_page_item a[aria-current="page"]{

  color: #ed851a;
}





/**
 * 11.1 - Header
 */

 .site-header {
  border-top: 4px solid var(--titre-interne-all-color);
  padding-top: 0px;
  position: sticky;
  top: 0;
  background-color: var(--site-bg-default-color);
  z-index: 99999;
   box-shadow: 0px 1px 10px -1px rgba(0,0,0,0.19);
-webkit-box-shadow: 0px 1px 10px -1px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 1px 10px -1px rgba(0,0,0,0.19); 
}

.site-header-main {}

.site-branding {
  /* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
  /* right: 30px; hatem*/
  text-align: right;
  text-transform: uppercase;
}
.site-branding a{
  text-decoration: none;

}
@media (min-width: 992px) {
  .site-branding {
      /* right: 30px; hatem*/
      margin: 10px 0;
  }
}

.custom-logo-link {
  display: block;
}

.custom-logo {
  bottom: 5px;
  right: 20px;
  max-width: 180px;
  position: relative;
}
 
.menu-top-navbar-container{
  
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column wrap;
  height: 50px;

}  




.call-now {
 background:  linear-gradient(90deg, #183B7F 0%, #124b8e 100%);
 border-radius: 10px;
 color: var(--site-bg-default-color);
 position: relative;
 font-family: "Lato-Heavy", sans-serif;
 font-size: 1rem;
 padding: 8px 15px;
 text-transform: uppercase;
   /* display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
   */
}
.call-now a{
  color: var(--site-bg-default-color);
  text-decoration: none;
}
.call-now div:first-of-type::before {
  content: "\f095";
  position: absolute;
  top: 9px;
  left: 10px;
  font-family: "fontawesome";
  width: 30px;
  height: 30px;
  /* padding: 12px; */
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

}
.social-header{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 0;
  /* border-left: 1px solid var(--titre-interne-all-color); */
}

.social-header a:any-link{
text-decoration: none;
}
.social-header i:hover{
  box-shadow: 1px 1px 75px 14px rgba(255,136,68,1);
  -webkit-box-shadow: 1px 1px 75px 14px rgba(255,136,68,1);
  -moz-box-shadow: 1px 1px 75px 14px rgba(255,136,68,1);
  
}

.social-header :is(.fa-facebook-f, .fa-linkedin-in,.fa-youtube){

  width: 30px;
  height: 30px;
  color:var(--titre-interne-all-color);
  border: 2px solid var(--titre-interne-all-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  
}

.caret{
  color: var(--titre-interne-all-color);
}





.box-shadow{
  box-shadow: 5px 5px 70px -46px rgba(0,0,0,0.75);
-webkit-box-shadow: 5px 5px 70px -46px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 70px -46px rgba(0,0,0,0.75);
}














.flex .vc_column-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
















:root {
  --site-bg-default-color: #fff;
}



/*------------ My Fonts----------------*/

@font-face {
  font-family: "Lato-Regular";
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Bold";
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Light";
  src: url("../fonts/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Thin";
  src: url("../fonts/Lato-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("../fonts/Lato-Heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Medium";
  src: url("../fonts/Lato-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Lato-Black";
  src: url("../fonts/Lato-Black.ttf") format("truetype");
}

.lato-regular {
  font-family: "Lato-Regular", sans-serif !important;
}
.lato-bold {
  font-family: "Lato-Bold", sans-serif !important;
}
.lato-light {
  font-family: "Lato-Light", sans-serif !important;
}
.lato-thin {
  font-family: "Lato-Thin", sans-serif !important;
}
.lato-heavy {
  font-family: "Lato-Heavy", sans-serif !important;
}
.lato-medium {
  font-family: "Lato-Medium", sans-serif !important;
}
.lato-black {
  font-family: "Lato-Black", sans-serif !important;
}

:root {
  --site-footer-background: #000d38;
  --site-text-color: #fff;
  --orange-site: #db750d;
  --site-premium-text: #252525;
  --site-premium-title-color: #6f6f6f;
  --site-premium-font: "Raleway", sans-serif;
  --site-footer-orange: #f07d00;

  --site-font-200: 200;
  --site-font-600: 600;
  --site-font-900: 900;

  --site-header-font-size: 1.214em;
  --site-header-phone-font-size: 1.571em;

  --site-default-font-size: 1.875em;
  --site-footer-font-size: 1.2em;
  --site-titre-size: 3em;
  --site-footer-titre-size: 1em;
  --site-sous-titre-black: 1.94rem;
  
  /* --count-texte-size: 2.52em;  A voir conforme psd*/
   --count-texte-size: 1.84em; /* Changer pour adaptation*/
  
  --count-size: 3.12em;
  --titre-interne-orange-taille: 1.375rem;
  --chapeau-interne-taille: 4.16em;
  --texte-page-paragraphe:1.13rem;

--taille-waf-sous-titre : 1.875em;




  /*--------- 3S------------*/

  --titre-menu-color: #434343;
  --texte-all-site-color: #031b47 !important;

  --titre-h2-all-color: #021444;
  --titre-h3-all-color: #ed851a;
  /* --titre-interne-all-color: #ec8100; */
  --titre-interne-all-color: #f0851c;
  --content-paragraphe-color: #585858;

  --texte-all-site-font: "Lato-Medium";
  --titre-orange-font: "Lato-Bold";
  --sous-titre-font: "Lato-Bold";
  --texte-regular-font: "Lato-Regular";
  --bg-pos : right center;

  /*----------  Sizes-4-Smaller-devices  ------------*/
  
  /* --site-default-font-size-small-devices: 1.875em;
--site-footer-font-size-small-devices: 1.2em;
--site-titre-size-small-devices: 3em;
--site-footer-titre-size-small-devices: 1em;


--titre-interne-orange-taille-small-devices: 2.143em;
--chapeau-interne-taille-small-devices: 3.571em; */
}

/* @media screen and (max-width:1366px) {
  .texte-page-paragraphe{
    max-width: 80%;
  }
}  */

/* 
h2{
  font-family: Lato-Bold,serif;
  
} */


/*---------------------------  Générique 4 all banners-------------------------------*/

/* 
div > [class^= "n2-font-"]{
      font-size: 250% !important;
}


 */
 .bouton-sliderr{
  visibility: none;
  display: none;
  
  /* opacity: 0; */
 }


div.n2-ss-layer:nth-child(1) [ id^= "n2-ss-"] {
    /* font-size: 250% !important; */
 }

div.n2-ss-layer:nth-child(2) [ id^= "n2-ss-"] {
  
    font-size: 1.25rem !important;
 }







.centre {
  text-align: center;
}
.par-defaut {
  font-family: var(--texte-all-site-font);
  color: var(--texte-all-site-color);
  font-size: var(--site-default-font-size);
}

.titre-orange {
  font-family: var(--titre-orange-font);
  font-size: var(--titre-interne-orange-taille);
  color: var(--orange-site);
  text-transform: uppercase;
}

.sous-titre-black {
  font-family: var(--sous-titre-font);
  font-size: var(--site-sous-titre-black);
  color: var(--texte-all-site-color);
  /* text-transform: uppercase ; */
  /* text-align: center; */
  margin-bottom: 20px;
}
.texte-page-paragraphe {
  font-family: "Lato-Regular", sans-serif;
  font-size: var(--texte-page-paragraphe);
  line-height: 1.5;
  text-align: justify;
  /* padding: 0 160px;  */
}
.centrer-block{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ----------------- New slider New page----------------------- */

.n2-ss-slider{
   border-bottom: 5px solid var(--titre-interne-all-color);
}



.n2-ss-slider .n2-ss-slide-background-image picture{

  background: rgba(0,0,0,.34);
  /*background: #00245ac4;
  filter: grayscale(0.5) blur(0px) !important;*/
}
.n2-ss-slider .n2-ss-slide-background-image img{
  /* background: #00245ac4;
  mix-blend-mode: luminosity;
opacity: 0.7; */
}




.home-slider .owl-carousel .item {
  /* min-height: 501px; */
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  mix-blend-mode: luminosity;
}

.owl-carousel .owl-item img{
  /* width: fit-content; */
}


.home-slider .slider-one__bg {
 
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--orange-site);
  mix-blend-mode: luminosity;
  opacity: 1;
  background-size: cover;
}




.home-slider a:any-link{
  color: #fff;
  text-decoration: none;
}


/*------------------ Home up Slider Slick-------------------*/

/* .shape-111{

    position: absolute;
    top: 0;
    right: 0;
    color: violet;
    /* opacity: 0.2; 
    
    } */
.homeslider {
  position: relative;
  margin: 0 auto;
}
.slider {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}

.slide {
  text-align: center;
  box-sizing: border-box;
  border: 5px solid yellow;
  cursor: pointer;
}

.slick-now {
  border: 5px solid rgb(70, 174, 125);
}

.slick-now::after {
  /* position: absolute;
              right: 0;
              top: 0; */
  content: ""; 
  background-image: url("/wp-content/uploads/2023/02/slider-one-bl.png");
  background-repeat: no-repeat;
  background-position: top right;
  width: 585px;
  height: 100%;
  max-width: 100%;
  background-size: cover;

  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
  opacity: 0.9;
  /* z-index: 10; */
}

/* .slick-slide{
        border: 5px solid red   ;
        position: relative;
    }
    
    .reset-animation{
        border: 5px solid seagreen   ;
    }
     */
/* .slick-current-activehh  {
        position: absolute;
        top: 0;
        right: 0; 
}*/
/* .slick-current-activehh  {
        content: '';
        background-image: url('http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/slider-one-shape-1.png');
        background-repeat: no-repeat;
        background-position: top right;
        width: 585px; 
        height: 100%; 
        max-width: 100%; 
        background-size: cover; 
    
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 1000ms ease;
        transition: all 1000ms ease;
        -webkit-transition-delay: 1300ms;
        transition-delay: 1300ms; 
        opacity: 0.9;
        
    }    
      */


.bg-orange{
  color: var(--titre-interne-all-color);
}
/* .home-silder-btn{ 
  padding: 20px 50px;
  background: var(--titre-interne-all-color);
  border-radius: 50px;
  text-transform: none;
  
} */

.home-silder-btn{
  display: flex;
  flex-direction: row !important;
  /* background-color: var(--titre-interne-all-color); */
  background: linear-gradient(to bottom, #cd6208,#f28e27 );
  border-radius: 30px;
  padding: 9px 23px !important;
  cursor: pointer;
  text-transform:none ;
  width: max-content;
   font-weight: 400;
   margin-top:30px;

}
.home-silder-btn-ico{
 
 display: flex;
 justify-content: center;
 align-items: center;
 
}

.home-slider .owl-dots{
  position: absolute;
  bottom: 0;
  left: 50%;

}
.owl-theme .owl-dots .owl-dot span{
  background: #db750d;
}

.img-acceuil{
  width: 100%;
  height: auto;
}





/*------------------ Qui sommes nous-------------------*/

.qui-sommes-nous {
  /* position: relative; */
  /* margin: 200px; */
  
}
.bg-goffre{
  background: url("/wp-content/uploads/2023/01/bg-solutions.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 486px;
  height: 467px;
  position: absolute;
  bottom: -150px;
  left: -200px;
  z-index: 0;
}
.qui-sommes-nous .qui-sommes-nous-1 div:nth-child(2) {

   position: relative;

}
.qui-sommes-nous .qui-sommes-nous-1 div:nth-child(3) {
  position: absolute;
  bottom: -130px;
  right: 0;
  
}

.trente {
  /* background:#fff ;
  padding: 30px 60px;
  border-right: 10px solid  var(--orange-site); 
  border-radius: 50px 0 0 50px;
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.07);
  width: 270px; */

  position: absolute;
  bottom: -125px;
  left: 94px;
  width: 260px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  -webkit-box-shadow: -2px 5px 8px 0px rgba(0, 0, 0, 0.7);
  box-shadow: -2px 5px 8px 0px rgba(0, 0, 0, 0.7);
  border-right: 10px solid var(--orange-site);
  padding-left: 44px;
  padding-right: 30px;
  padding-top: 29px;
  padding-bottom: 17px;
  border-radius: 55px;
  border-top-right-radius: 55px;
  border-bottom-right-radius: 55px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 1000;
}

.trente .nombre {
  font-size: 60px;
  color: var(--titre-h3-all-color);
  margin-right: 10px;
  margin-top: 10px;
  letter-spacing: -0.05em;
}

.trente span:nth-of-type(2) {
  display: contents;
  text-transform: uppercase;
}
.qui-sommes-nous {
  margin-bottom: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* overflow-y:auto; */
}

.qui-sommes-nous-1 img {
  max-width: 100%;
}

/* .qui-sommes-nous h3{

    text-transform: uppercase;
    color: var(--titre-h3-all-color);

} */

.qui-sommes_video {
  width: 80px;
  height: 80px;
  background-color: var(--site-footer-orange);
  -webkit-box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 20%;
  left: 93%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff;
}

.qui-sommes_video a {
  color: inherit;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none; 
}

.qui-sommes_video::before {
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  -webkit-animation: videoBtnAnim 3s ease-in-out infinite;
  animation: videoBtnAnim 3s ease-in-out infinite;
}
.qui-sommes_video::before, .qui-sommes_video::after {
  content: '';
  position: absolute;
  border: 1px solid var(--cretech-border, #e1dbec);
  z-index: -1;
}

.qui-sommes_video::before {
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  -webkit-animation: YoutubeAnim 3s ease-in-out infinite;
  animation: YoutubeAnim 3s ease-in-out infinite;
}


.qui-sommes_video::after {

  width: 140px;
  height: 140px;
  top: calc(50% - 70px);
  left: calc(50% - 70px);
  -webkit-animation: YoutubeAnim 5s ease-in-out infinite;
  animation: YoutubeAnim 5s ease-in-out infinite;

}

.qui-sommes-nous-2 {
  /* color: var(--titre-h3-all-color); */
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items:flex-end;
  /* min-height: 823px; */
  padding-left: 35px !important;
  margin-top: 30px;
}
.block-bouton-sommes{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap:8px;
  margin-top:20px

}
.btn-experts, .btn-download{
  width: 244px; /* changer le 03-04-2023 */
  height: 69px;
  background: linear-gradient(to bottom, #cd6208,#f28e27 );
  color: var(--site-bg-default-color);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content:space-evenly;
  text-transform: capitalize;
  border-radius: 45px;
  cursor: pointer;
  
} 
.block-bouton-sommes a:any-link {
  text-decoration: none;
  
}

.btn-experts a:any-link, .btn-download a:any-link{
  text-decoration: none;
  color: var(--site-bg-default-color);
  
}



.btn-experts-ico{
   
   display: flex;
   justify-content: center;
   align-items: center;
 
}

.btn-download{
  background: #f2f2f2;
  color: var(--site-premium-text);
  cursor: pointer;
}



.qui-sommes-nous .texte-page-paragraphe {
  font-family: "Lato-Regular", sans-serif;
  font-size: var(--texte-page-paragraphe);
  line-height: 1.3;
  text-align: justify;
  padding: 0 0; 
}


 .change_height{
  background-color: greenyellow;
}























@keyframes YoutubeAnim {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}








@media screen and (max-width: 768px) {
  .trente {
    /* display: block; */
    /* position: static; */
    margin-top: 20px;
  }
  .qui-sommes-nous-1 {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .qui-sommes-nous-1 div:nth-of-type(2) {
    /* display: none; */
  }
}

/*------------------ Nos services-------------------*/

.moi {
  /* background-color: red; */
}
.nos-services {
  background: url("/wp-content/uploads/2023/01/nos-services-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.nos-services .services-ai {
  background: var(--site-bg-default-color);
  display: flex;
  flex-flow: column wrap; 
  justify-content: space-around;
  align-items: center;
  min-height: 400px;
  width: calc( ( 94% - 100px ) / 3);
  margin-left: 50px !important;
  margin-top: 20px !important;
  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
}
.nos-services .entete {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  margin: 32px 0 31px 0;
}

.nos-services .content {
  font-family: var(--texte-regular-font);
  font-size: var(--titre-interne-orange-taille);
  text-align: center;
  color:var(--texte-all-site-color);
}
.nos-services .nos-services-block {
  padding-bottom: 200px;
}

.chiffre-3s {
  margin-top: -108px !important;
}

.services-snd:hover {
 /*  background: rgb(204, 96, 7) !important;
  background: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%
  ) !important;*/
  color: #fff !important;
  padding: 10px !important;
  /* transform: translateY(-100px);
  transition: 1.5s;
  transition: transform 1.5s ease; */
  
} 

.services-snd::before {
content: '';
background-image: linear-gradient(
  0deg,
  rgba(204, 96, 7, 1) 0%,
  rgba(241, 141, 38, 1) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;

}
.services-snd:hover::before
{
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
color: #fff;
}

.services-snd:hover .content{
  color: var(--site-bg-default-color);
  z-index: 1;
}




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

  .nos-services .services-ai {
    width: calc(calc(100% / 3) - 20px);
    margin-left:10px !important;
  }
  


}


  















.contour-photo-service::before {
  content: "";
  /* background: #ee892324; */
  border-radius: 50%;
  padding: 100px 100px;
  position: absolute;
  top: -11px;
  left: -32px;
  background-color: rgba(147, 144, 144, 0.2);
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
  opacity: 1;
  z-index: 1;









}

.services-snd:hover .contour-photo-service::before {
  left: -15px;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.services-snd:hover img {
  /* -webkit-filter: invert(100%);
  filter: invert(100%); */
  z-index: 101;
}

.contour-photo-service {
  background: var(--orange-site);
  border-radius: 50%;
  padding: 35px 0px;
  position: relative;
  
}



.contour-photo-service img:nth-child(1){
  display: inline;

}
.services-snd:hover .contour-photo-service img:nth-child(1) {
  display: none;


}
.contour-photo-service img:nth-child(2){
  display: none;

}
.services-snd:hover .contour-photo-service img:nth-child(2) {
  display: inline;


}
.services-snd:hover .contour-photo-service {
  background: var(--site-bg-default-color);
  z-index: 201;
}

@media screen and (max-width: 768px) {
  .nos-services .nos-services-block {
    padding-bottom: 100px;
  }
}

/*------------------ 3S en Chiffres-------------------*/

.chiffre-3s {
  background: url("/wp-content/uploads/2023/01/counter.png") ,linear-gradient(0deg, rgba(240, 133, 28, 1) 0%, rgb(182, 86, 2) 100%);;
  background-repeat: no-repeat;
  background-size: cover;
  /* background: var(--orange-site); */
  font-family: "Lato-Heavy";
  color: var(--site-text-color);
  text-align: center;
  padding: 10px;
}
.count {
  font-size: var(--count-size);
  font-family: "Lato-Heavy";
}
.count-texte {
  font-size: var(--count-texte-size);
  font-family: "Lato-Heavy";
}
.chiffre-3s .items {
 
  padding: 30px 0 !important;
}

/*------------------ Nos Solutions-------------------*/

/*------------------ Nos solutions-------------------*/
.nos-solutions{
  background-color: var(--site-bg-default-color);
} 

.nos-solutions .entete {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  margin: 32px 0 31px 0;
}

.solution-caroussel .owl-controls .owl-nav [class*="owl-"] {
  background: var(--orange-site) !important;
}

.nos-solutions-block {
  margin-bottom: 50px;
}

.parent-sol-text {
  background: linear-gradient(to right, #d56b0f, #f28e26);
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 18px 13px;
  width: calc(100% - 100px);
  color: #000;
   transition: all 1000ms; 
  /* transform: scale(1, 0);
  transform-origin: 0 top;  */
}

.solution-caroussel .item:hover  .parent-sol-text {
  /* transform: scale(1, 1) ; */
  
  
}
.solution-caroussel .item  .parent-sol-text span:hover{
  text-decoration: underline;
  color: white;
  
}

.solution-caroussel .link-color{
  color: var(--site-text-color);
}






.nos-solutions .parent-sol-text::after {
  content: "\3e";
  position: absolute;
  top: 40%;
  right: -20px;
  width: 38px;
  height: 38px;
  color: black;
  background: #ffffff;
  font-size: 23px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  font-weight: 900;
  align-items: center;
}
.nos-solutions .parent-sol-text .solu-carou-text {
  font-family: "lato-medium", serif;
  font-size: 2.25em;
  text-transform: capitalize;
  line-height: 1;

  padding: 12px 100px 12px 10px;
}

.nos-solutions .owl-nav {
  position: absolute;
  bottom: 0%;
  left: -5%;
  right: 100%;
}
.nos-solutions .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
  background: #de7f0f !important;
  background: 2px solid red;
}

.nos-solutions .banner-texte p{
  text-align: justify;
  padding: 10px;
}
.nos-solutions .texte-page-paragraphe{
  padding: 0 160px;
}


/*------------------ Nos Clients-------------------*/

.nos-clients {
  background: url("../../../../wp-content/uploads/2023/01/bg-avis.jpg");
  background-repeat: no-repeat;
  background-size: cover;
 
  background-position: center center;
}

.nos-clients .entete {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column wrap;
  margin: 25px 0px;  
  position: relative;
}

.nos-clients .content {
  font-family: var(--texte-regular-font);
  font-size: var(--titre-interne-orange-taille-small-devices);
  text-align: center;
}
.nos-clients .nos-clients-block {
  padding-bottom: 50px;
}

.nos-clients-title {
  color: var(--site-text-color) !important;
}

.nos-clients .clients-membres{
   display: flex;
   flex-flow: column wrap;
   justify-content: center;
   align-items: flex-end;

}
.nos-clients-block{
  display: flex;
  flex-wrap: wrap;
justify-content: center;
align-items: inherit;
}

.clients-card {
  border: 1px solid #ec810026;
  -webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.07);
  padding: 40px;
  position: relative;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.clients-card {
 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 
  padding-left: 0px;
  margin-left: 40px;
  padding-right: 47px;
  /* margin: 20px auto; */
}
.clients-card__image {
  margin-left: -40px;
}




.clients-card__image img{
 border:  5px solid var(--titre-interne-all-color) ;
 border-radius: 30px;
}

.clients-card__image {
  display: inline-block;
  margin-bottom: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.clients-card__content{
  padding: 0 40px;
}
.clients-card__items{
  padding-left:40px;
  margin: 50px 0; 
}


.clients-card:hover {
  -webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 5px var(--titre-interne-all-color);
  box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 5px var(--titre-interne-all-color);
  border-color: transparent;
}

.clients-card__text {
  margin-top: -8px;
  font-size: 1rem;
}

.clients-card {
  padding-left: 0px;
  margin-left: 40px;
  padding-right: 47px;
  border-radius: 30px;
}

.clients-card__designation{
  color: var(--titre-interne-all-color);
}

h3.clients-card__title{
  line-height: 1;
  margin-bottom: 0 !important;
}

.btn-clients{
  width: 256px;
  height: 64px;
  background: var(--titre-interne-all-color);
  color: var(--texte-all-site-color);
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin-top: 20px;
  cursor: pointer;


}

.nos-clients-block .sous-titre-black{
  line-height: 1;
  /* padding-bottom: 20px; */
}

.nos-clients .texte-page-paragraphe{
  padding: 0;
}

.block-video{

  font-family: "Lato-Regular", sans-serif;
  font-size: var(--texte-page-paragraphe);
  line-height: 1.3;
  text-align: justify;
    
}
.nos-clients .btn-experts{
  /* margin-top: 30px; */
  width: 200px;
  height: 53px;
  text-decoration: none;
}


/*------------------ Nos partenaires-------------------*/
.nos-partenaires {
  /* background: url("/wp-content/uploads/2022/12/nos-partenaires-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; */
  background: var(--site-bg-default-color);
}

.nos-partenaires-block {
  padding: 30px;
}
.nos-partenaires-block .entete {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.partenaires-caroussel {
  margin: 50px 0;
}
.partenaires-caroussel .owl-nav {
  position: absolute;
  bottom: -45%;
  right: 46%;
  
}
.partenaires-caroussel .owl-controls .owl-nav [class*="owl-"] {
  background: var(--orange-site) !important;
}
.nos-partenaires .texte-page-paragraphe{
   padding: 0 200px ;

}
/*------------------ Nos Certifications-------------------*/

.nos-certifications {
  background: #f8f7fa;
  position: relative;
}
.nos-certifications-title {
  line-height: 1 !important;
}

.nos-certifications-block {
  display: flex;
  /* flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 50px 0; */
  padding-top: 31px;
  
}
.second-block{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}




.certif-image{
  display: flex;
  flex-flow: row wrap;
  z-index: 1;
}
.nos-certifications::after{
  content:'';
   background: url("/wp-content/uploads/2023/02/motif-1.png");
   position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: #091858; */
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
     z-index: 2;
     opacity: .5;
}
.nos-certifications-content{
  padding-right: 50px;
  line-height: 1.3 !important;

}
.certif-image img {
  z-index: 2;
  position: relative;
 
}
.nos-certifications-block .centre {
    padding: 20px;
}

.nos-certifications-block::before {
  position: absolute;
  content: '';
  background-color: #091858;
  top: 0;
  right: 0;
  bottom: 0;
  left: 70%;
  display: none;
  z-index: 0;
}
.nos-certifications-block::before {
  display: block;
}
.certif-image::before {
  content: '';
  background-color: #091858;
  position: absolute;
  right: calc(70% - 39px);
  bottom: 100%;
  width: 19px;
  height: 120px;
  top: 190px;
 
}

@media screen and (min-width: 769px) and ( max-width: 1365px) {
  .certif-image::before {
         display: none;
  }


}


.certif-image img{
  width: 100%;
  height: auto;
}
.iso-photo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.iso-photo .first-photo , .iso-photo .second-photo {
  flex: 0 0 25%;
}
/* .certif-image::after {
 bottom: 0;
} */



.nos-certifications .texte-page-paragraphe {
  font-family: "Lato-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.1;
  /* text-align: center; */
  padding: 0;
}

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


@media screen  and (max-width:1365px){
  
  .certif-image::after{
    display: none;
  }
  .nos-certifications::after{
    /* display: none; */
    
    }
}




/*------------------ Nos Actualités-------------------*/
.nos-actualites {
   background: var(--site-bg-default-color);
 /* background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; */
}
.actualites-caroussel{
  margin-bottom: 75px;
}

.actualites-caroussel .owl-item {
  border: 1px solid #cbbdbd;
  box-shadow: 1px 0px 8px rgb(0 0 0 / 50%);
  /* padding: 10px; */
  min-height: 340px;
  background: #fff;
}

.actualite-content {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-around;
  /* align-items: center; */
  padding: 0 20px;
  /* border: 5px solid red; */
  min-height: 80px;
  font-family: "Lato-Bold", sans-serif;
}
.actualite-content div:nth-of-type(2){
  visibility: hidden;
  display: none;
}
.actualite-content div:nth-of-type(3) {
  text-align: right;
}

.actualite-content div:nth-of-type(3) a {
  text-decoration: none;
  color: var(--titre-interne-all-color);
}

.nos-actualites .entete {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 27px;
}

.actualites-caroussel .owl-nav {
  position: absolute;
  bottom: -60px;
  right: 50%;
}
.nos-actualites-block {
  padding: 35px;
}

.actualites-caroussel .owl-controls .owl-nav [class*="owl-"] {
  background: var(--orange-site) !important;
}

.actu-header{
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding: 10px 0 0 20px;
    font-family: 'lato-bold', sans-serif;
}


.actu-date{
  
  font-size: 0.875rem;
  color: #636363;
  display: contents;
}

 .actu-date::before{
     content: url('/wp-content/uploads/2023/02/calendar-actu.png');
     font-size: 20px;
     color: var(--site-footer-orange);


} 
.actu-categ{
  background: var(--titre-interne-all-color);
  padding: 5px 10px;
  
  
}
.actu-categ ul.post-categories{
  margin-bottom: 0 !important;
}

.actu-categ ul.post-categories li a{
  text-decoration: none;
  color: var(--site-bg-default-color);
}

.actualites-caroussel .item:hover .actu-categ{
  background-color: #031b47;
}


.actualite-content:hover span{
  /* text-decoration: underline; */
}
.actualite-content:hover div:nth-child(3) a{
 color: #031b47
}

.actualites-caroussel .banner img{
  height: 300px;
  object-fit: cover;
}
.actualites-caroussel .item .banner a {
  position: relative;
}

.actualites-caroussel .item .banner {
  position: relative;
  overflow: hidden;
}






 .actualites-caroussel .item .banner > a{
   position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  background-color: rgba(0,0,0, 0.8);
  -webkit-transition: -webkit-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; 
   -webkit-transform: scale(1, 0);
  transform: scale(1, 0); 
   -webkit-transform-origin: top center;
  transform-origin: top center;
 
} 

.actualites-caroussel .item .banner > a::before, .actualites-caroussel .item .banner > a::after {
  content: '';
  width: 25px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.actualites-caroussel .item .banner > a::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg); 
}


.actualites-caroussel .banner:hover > a {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}













@media screen and (max-width: 768px) {
  .nos-actualites-block {
    padding: 30px 0 60px 0;
  }
}

/*------------------ WAF adopter -------------------*/

#solutions_waf{
  /* background-position: center right !important; */
}

#waf-pourquoi.vc_custom_1673348279150{
  
  background-position: top right !important;
  background-repeat: no-repeat !important; 
  background-size: cover !important;
  
}
#waf-pourquoi.vc_custom_1673537598661{
  
  background-position: top right !important;
  background-repeat: no-repeat !important; 
  background-size: cover !important;

}
.smile_icon_list.left li .icon_description{
  height: 3rem;

}


#waf-adopter .titres,
#waf-avantages .titres,
#solutions_waf .titres,
#waf-pourquoi .titres {
  font-size: 1.375rem;
  font-family: "lato-bold";
  text-transform:capitalize;
}

#waf-adopter .chapeaux,
#waf-avantages .chapeaux,
#solutions_waf .chapeaux,
#waf-pourquoi .chapeaux {
  color: var(--titre-interne-all-color);
  font-size: var(--chapeau-interne-taille);
  text-align: left;
  font-family: "lato-bold";
}
#waf-avantages .chapeaux,
#solutions_waf .chapeaux,
#waf-pourquoi .chapeaux {
  color: var(--titre-interne-all-color);
  font-size: 1.94rem;
  text-align: center;
  font-family: "lato-bold";
}




.waf-header {
  line-height: 1;
}
.waf-content {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

#waf-adopter{
  /* margin-top: 20px; */
  margin: 50px 0;
}
#waf-adopter .titres
 {
  font-size: 1.75rem;
  font-family: "lato-bold";
  text-transform:none;
}

#waf-adopter .chapeaux {
  font-size: 1.75rem;
  text-align: left;
  font-family: "lato-bold";
  line-height: normal;
}


/*------------------ WAF avantages -------------------*/

.img-decale {
  margin-top: -82px; 
}


#waf-avantages .waf-content {
  font-size: 1rem !important;
  color: var(--content-paragraphe-color);
}

.banner-solutions-waf {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.01);
  border: 4px dotted var(--site-bg-default-color);
}

.banner-solutions-waf:is(.ultb3-title){
  font-size: var(--site-titre-size);
  
}


.ultb3-info.ib3-info-center {
  top: 0px !important;
  align-self: flex-end;
}
.ultb3-info {
  padding: 0px;
}

#waf-avantages img{
  background: #062057;
  border: 5px solid var(--site-bg-default-color);
  border-radius: 50%;
  z-index: 13;
  box-shadow: 0px 0px 29px -12px rgb(0, 0, 0);
  -webkit-box-shadow: 0px 0px 29px -12px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 29px -12px rgb(0, 0, 0);
  
}

#waf-avantages .hover-effect{
  /* border: 5px solid var(--orange-site); */
}



.banner-solutions-wafffff .slick-slide {
  display: flex !important; 
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.01);
  border: 4px dotted var(--site-bg-default-color);
  margin:  0 20px;
  min-height: 344px;

}

 .banner-solutions-wafffff .carousel-caption{

  display: flex !important;
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
} 

.banner-solutions-wafffff .content-section{
  position: relative !important;
  top: 20px !important;
}














#waf-avantages .waf-content  .wpb_wrapper p{
  text-align: justify;
  }

 
#waf-avantages .hover-effect {
  background: var(--site-bg-default-color) !important;
  margin: 20px;
  position: relative;
  width: calc(calc(100% /3) - 40px);
  
}

#waf-avantages .hover-effect a {
  color: var(--titre-interne-all-color);
}
#waf-avantages .hover-effect:hover {
  /* background: rgb(204, 96, 7) !important;
  background: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%
  ) !important; */
  color: var(--site-bg-default-color);
}
#waf-avantages .hover-effect:hover .waf-content{
  color: var(--site-bg-default-color)
} 




#waf-avantages .hover-effect:hover .ult-content-box{
  position: relative;
  /* color: white; */
  z-index: 12;
}
/* #waf-avantages .hover-effect:hover a {
  color: var(--site-premium-text);
  transform: translate(-50%, -50%) scale(2);
  transition: all 2s;
}  */

#waf-avantages .hover-effect::before {
  content: '';
  background-image: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 11;
  
  }
#waf-avantages .hover-effect:hover::before
  {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  color: #fff;
  }


  #waf-avantages .hover-effect:hover  img{
  
    background: var(--orange-site);
    border-radius: 50%;
    z-index: 12;
  }


  #waf-avantages .sous-titre-black{
    font-size: 1.312rem;
  }
  #waf-avantages .hover-effect:hover .sous-titre-black{
    color: white;
  }
  #waf-avantages .responsive-height{
    /* min-height: 470px; */
  }

  


  /*------------------ Autres Solutions WAF -------------------*/

  .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section   {
    padding-top: 0 !important;
  }


  #solutions_waf :is(.slick-next, .slick-prev){
    top: 115% !important;
    margin-top:10px;
  
  }

#solutions_waf .slick-prev{
  left: 47% !important;
}

#solutions_waf .slick-next{
  right: 47% !important;
}














/*------------------ Pourquoi choisir WAF -------------------*/
#waf-pourquoi{
  padding-bottom: 170px ;
}


.vc_custom_1672308085043{
  background-size: cover;
  background-position:  right center !important; 
}

.solutions-reduc h2{ 
  
  font-size: 1.857em ;
}


#waf-pourquoi .waf-pourquoi-content p{ 
  font-size: 1.19rem ;
  line-height: 1;
  color: #012749 !important;
} 


#waf-pourquoi .icon_list_icon{
  font-size: 17px !important;
}



/*------------------ CTA WAF -------------------*/

#cta-waf {
  /* margin-top: -130px; */
  
   position: relative;
  /*display: flex;
  justify-content: center;
  align-items: center; */
  margin: -30px -50px;
} 
#cta-waf .containere{
  position: relative;
 

}


#cta-waf .containere::before{
  content: '';
  position: absolute;
  bottom: -20px;
  left: 45px;
  right: 45px;
  top: 0;
  background-color: #fff;
  opacity: .1;
}
  



.cta-waf-content {
  /* margin-top: -130px; */
  /* z-index: 99999; */
  background: linear-gradient(0deg, rgba(240, 133, 28, 1) 0%, rgb(182, 86, 2)  100%);
  position: relative;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 80px;
  color: var(--site-text-color);
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 50px;
}



.cta-waf-content::after{
  content: " ";
  background: url("/wp-content/uploads/2022/12/parlons-bg.png");
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  top: 0;
  right:0;
  bottom: 0;
  left: 0;
  opacity: 1;
  

}


.vc_btn3.vc_btn3-size-md {
  padding: 6px 100px;
}
.vc_btn3.vc_btn3-size-sm{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
#cta-waf .titre-orange, #cta-waf .sous-titre-black {
   color: var(--site-bg-default-color);
  } 
  

.cta-bouton{
  background: var(--site-bg-default-color);
  color: var(--site-footer-background);
  padding: 10px 24px;
  text-transform: uppercase;
  font-size: var(--texte-all-site-font);
  margin: 20px 0 0 0;
  letter-spacing: 2px;
  font-weight: var(--site-font-600);
  cursor: pointer;
}

.cta-waf-content .cta-bouton{
cursor: pointer; /* avoir lundi 13-02 */
}

.cta-waf-content a{
  z-index: 999; 

}
.cta-waf-content .cta-bouton span{
  color: #333
}




.cta-waff{
  position: relative;
}
.flex-ici{
  position: absolute;
  bottom: -82px;
width: 80%;
}
.cta-waf-cercle{
  width: 336px;
  height: 336px;
  border: 70px solid #fff;
  opacity: 0.08;
  position: absolute;
  top: -110px;
  left: -110px;
  border-radius: 50%;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;

}


#cta-waff-section{
  display: flex;
  justify-content: center;
  align-content: center;
}

#cta-waff-section .sous-titre-black{
  font-size: 2.94rem !important;
  font-family : "Lato-Black", sans-serif !important;
  
}
#cta-waff-section .titre-orange{
  font-size: 1.175rem !important;
  font-family: "Lato-Black", sans-serif !important;
  opacity: .5;

}

/*------------------ ِButton animation -------------------*/


/* 

.button-anon-pen {
  width: 200px;
  background-image: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
  text-align: center;
  margin: 0 auto;
  position: relative;
  color: #fff;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  top: 10px;
  font-weight: normal;
  border-radius: 6px;
  overflow: hidden;
  z-index: 2;
}

.button-anon-pen:hover {
  -webkit-animation: play 1.6s infinite;
  animation: play 1.6s  infinite;
  text-decoration: none;
  cursor: pointer;
  color:var(--orange-site);
  
}

.button-anon-pen span {
  padding: 10px 0;
  font-size: 18px;
  display: block;
  margin: 4px;
  background: var(--site-footer-background);
  border-radius: 3px;
}

@keyframes play {
  0% {
      background-position: 0px;
  }
  20% {
      background-position: -110px;
  }
  35% {
      background-position: -180px;
  }
  50% {
      background-position: -210px;
  }
  80% {
      background-position: -350px;
  }
  100% {
      background-position: -390px;
  }
} */





.contour_animer {
  padding: 11px 20px!important;
  transform: translate(0);
  /* box-shadow: 2px 2px 4px #121c82; */
  border-radius: 5px;
}
.contour_animer span {
  position: absolute;
}
.contour_animer:before {

  transition: opacity 1.2s ease-in-out;
}


.bouton-x {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.bouton-x>.espace {
  width: 1.33333%;
  flex: 0 0 auto;
  
}

.block-phone {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
 
}


.contour_animer {
  overflow: hidden;
}
.contour_animer span:nth-child(2) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg,rgba(255,106,75,0),#01f6f7);
  animation: 1s animerElFou9 linear infinite;
}
.contour_animer span:nth-child(3) {
  top: 0;
  right: 0;
  height: 100%;
  width: 2.5px;
  background: linear-gradient(0deg,rgba(255,106,75,0),#01f6f7);
  animation: 1s animerImine linear .5s infinite;
}
.contour_animer span:nth-child(4) {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5px;
  background: linear-gradient(90deg,rgba(255,106,75,0),#01f6f7);
  animation: 1s animerEllouta linear infinite;
}
.contour_animer span:nth-child(5) {
  top: 0;
  left: 0;
  height: 100%;
  width: 2.5px;
  background: linear-gradient(180deg,rgba(255,106,75,0),#01f6f7);
  animation: 1s animerIssar linear .5s infinite;
}

@keyframes animerIssar{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}
@keyframes animerEllouta{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes animerImine{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}
@keyframes animerElFou9{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}


/*------------------ ِCyber Security -------------------*/

#cs-expert .chapeaux {
  color: var(--texte-all-site-color);
  font-size: var(--chapeau-interne-taille);
  line-height: normal;
}

#cs-expert .titres {
  font-size: var(--site-titre-size);
  font-family: "lato-bold";
  color: var(--titre-interne-all-color);
  text-transform: uppercase;
}

#cs-expert .hover-effect {
  background: var(--site-bg-default-color) !important;
  margin-left: 20px;
  /* text-transform: uppercase; */
  position: relative;
  
}

#cs-expert .hover-effect a {
  color: var(--titre-interne-all-color);
}
#cs-expert .hover-effect:hover {
  /* background: rgb(204, 96, 7) !important;
  background: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%
  ) !important; */
  color: var(--site-bg-default-color);
}

#cs-expert .hover-effect:hover .ult-content-box{
  position: relative;
  color: white;
  z-index: 12;
}
#cs-expert .hover-effect:hover a {
  color: var(--site-premium-text);
  /* transition: all 2s; */
 
}
.ult_btn10_span{
  /* padding: 9px 28px; */

}
#cs-expert .hover-effect .ult_btn10_span {
  display: flex;
  width: 100px;
  height: 30px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  border: 1px solid;
}
#cs-expert .hover-effect:hover .ult_btn10_span {
  
  
  background: #fff;
}





#cs-expert .hover-effect::before {
  content: '';
  background-image: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 11;
  
  }
  #cs-expert .hover-effect:hover::before
  {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  color: #fff;
  }

/* .bouton-slider{
  
  background-color: var(--titre-interne-all-color);
  border-radius: 30px;
  padding: 15px 24px;
  position: relative;
} */

/* .bouton-slider::after{
   content: url("/wp-content/uploads/2023/01/calendar.png");
   position: absolute;
   top: 0;
   border: 5px solid red;

} */
.flex-button{
  display: flex;
  justify-content: center;
  align-items: center;
}

.bouton-sliderr .n2-ss-layer-col
{
  display: flex;
  flex-direction: row !important;
  /* background-color: var(--titre-interne-all-color); */
  background: linear-gradient(to bottom, #cd6208,#f28e27 );
  border-radius: 30px;
  padding: 12px 30px !important;
  cursor: pointer;
} 

/* #cs-expert .hover-effect:hover .effet-ico img */

#cs-expert .hide-hover img
 {
  display: none !important;
}
/* #cs-expert .hover-effect:hover .show-hover img {
  display: inline !important;
} */

#cs-expert .hover-effect:hover .hide-hover img

 {
  display: inline !important;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50% , 0);


}

#cs-expert .hover-effect:hover .effet-ico{

}

#cs-expert .hover-effect:hover .show-hover img {
  display: none !important;
}


#first-block .texte-page-paragraphe {
  font-family: "Lato-Regular", sans-serif;
  font-size: var(--texte-page-paragraphe);
  line-height: 1.3;
  text-align: justify;
  padding: 0; 
}











/*------------------ Nos Packs-------------------*/
.me {
  /* margin: 150px 0 !important; */
  position: relative;
}
.packs::before {
  content: "";
  background-color: aqua;
  position: absolute;
  bottom: 0;
  right: 0;
  clip-path: circle(30% at right 80%);
  width: 100%;
  height: 100%;
}

.packs .pack-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  margin: 50px 0;
}
.pack p {
  color: var(--site-text-color);
}

.packs .pack {
  flex: 1 1 25%;
  margin: 10px 20px;
  z-index: 1;
  align-self: normal;
}

.packs .pack-block .pack1 {
  /* background: var(--site-premium-text); */
  padding: 0px;
  border-radius: 30px;
  background: #04153a;
  /* background: radial-gradient(
    circle,
    rgba(37, 37, 37, 1) 0%,
    rgb(148, 143, 143) 100%
  ); */
  margin-bottom: 50px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  padding: 0 0 20px 0;
}
.packs .pack-block .pack1 .card-content,
.packs .pack-block .pack2 .card-content,
.packs .pack-block .pack3 .card-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.packs .pack-block .pack1:hover {
  transform: translateY(-20px);
  transition: 1.5s;
  transition: transform 0.5s ease;
}

/* .scale-up-center:hover {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

 @-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);
  transform:scale(.5)}100%{-webkit-transform:scale(1);
    transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);
      transform:scale(.5)}100%{-webkit-transform:scale(1);
      transform:scale(1)}} */

.packs .pack-block .pack1 img {
  border: 1px solid seagreen;
  width: 100px;
}
.packs .pack-block .pack1 .img-card {
  background: linear-gradient(rgb(0 0 0 / 77%), rgb(0 84 255 / 88%)),
    url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/11/qui-sommes-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px 30px 0 0;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  font-size: var(--site-default-font-size);
  font-weight: 900;
}

.packs .pack-block .pack1 .card {
  padding: 50px;
}
.packs .pack-block .pack1 .bouton,
.packs .pack-block .pack2 .bouton,
.packs .pack-block .pack3 .bouton {
  padding: 10px 40px;
  background: greenyellow;
}

.packs .pack-block .pack2 {
  /* background: var(--site-premium-text); */
  padding: 0px;
  border-radius: 30px;
  background: #04153a;
  /* background: radial-gradient(
    circle,
    rgba(37, 37, 37, 1) 0%,
    rgb(148, 143, 143) 100%
  ); */
  margin-bottom: 50px;
  transform: translateY(-20px);
  transition: 2s;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  padding: 0 0 20px 0;
}

.packs .pack-block .pack2:hover {
  transform: translateY(-40px);
  transition: 1.5s;
  transition: transform 0.5s ease;
}

.packs .pack-block .pack2 img {
  border: 1px solid seagreen;
  width: 100px;
}
.packs .pack-block .pack2 .img-card {
  background: linear-gradient(rgb(0 0 0 / 77%), rgb(0 84 255 / 88%)),
    url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/11/qui-sommes-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px 30px 0 0;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  font-size: var(--site-default-font-size);
  font-weight: 900;
}

.packs .pack-block .pack2 .card {
  padding: 50px;
}

.packs .pack-block .pack3 {
  /* background: var(--site-premium-text); */
  padding: 0px;
  border-radius: 30px;
  background: #04153a;
  /* background: radial-gradient(
    circle,
    rgba(37, 37, 37, 1) 0%,
    rgb(148, 143, 143) 100%
  ); */
  margin-bottom: 50px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  padding: 0 0 20px 0;
}

.packs .pack-block .pack3:hover {
  transform: translateY(-20px);
  transition: 1.5s;
  transition: transform 0.5s ease;
}

.packs .pack-block .pack3 img {
  border: 1px solid seagreen;
  width: 100px;
}
.packs .pack-block .pack3 .img-card {
  background: linear-gradient(rgb(0 0 0 / 77%), rgb(0 84 255 / 88%)),
    url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/11/qui-sommes-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px 30px 0 0;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  font-size: var(--site-default-font-size);
  font-weight: 900;
}

.packs .pack-block .pack3 .card {
  padding: 50px;
}

/* .packs .pack-block .pack3 {
  background: rgba(255, 255, 255, 0.1);
  padding: 80px;
  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  overflow: hidden;
  backdrop-filter: blur(7px);
  transition: 3s ease-in;
  transform: translate3d(2, 2, 2);


}

.packs .pack-block .pack3:hover {
  transition: 3s ease-in;
  transform: rotate(360deg);
}

.packs .pack-block .pack3 p:hover {
  transition: 3s ease-in;
  transform: scale3d(1.5, 1.2, 0.3);

  color: var(--site-text-color);
}

.packs .pack-block .pack3 p {
  color: var(--site-premium-text);
  z-index: 1000;
} */

/*------------------ Video-------------------*/
.nos-clients-block {
}
/* .block-video {
  display: flex;
  justify-content: center;
  align-items: center;
} */

.video-responsive {
  flex: 1;
  max-width: 600px;
}

.block-video iframe {
  border-radius: 30px;
}
/* .video-responsive {
  overflow:hidden;
  padding-bottom:56.25%; 
  position:relative;
  height:0;
 } */
/* .video-responsive iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
  border-radius: 30px;


 }  */

.block-video {
  position: relative;
}

/* .video-responsive::after{
   content: "\f3ab";
   position: absolute;
   top: 44%;
   left: 47%;
   font:normal normal normal 14px/1 FontAwesome;
   font-size: 70px;
   background-color: var(--orange-site);
   color: var(--site-bg-default-color);
   
  } */

/* .block-video .video-overlay{
   background: url("/wp-content/uploads/2022/12/temoignage-client-cni.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 30px;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
 
  }
   */

.video-part {
  background: var(--site-premium-text);
  min-height: 100%;
}

.bande-orange {
  background: rgb(255, 122, 60);
  background: linear-gradient(
    90deg,
    rgba(255, 122, 60, 1) 0%,
    rgba(254, 163, 14, 1) 34%,
    rgba(254, 90, 14, 1) 99%
  );

  min-height: 150px;
  width: 100% !important;
  margin-top: -65px !important;
  z-index: -2;
}

.bouton[title="titres"] {
  color: var(--site-text-color);
  padding: 10px 40px;
  width: 200px;
  background: rgb(255, 122, 60);
  background: linear-gradient(
    90deg,
    rgba(255, 122, 60, 1) 0%,
    rgba(254, 163, 14, 1) 34%,
    rgba(254, 90, 14, 1) 99%
  );
}

/*------------------ Gnet News-------------------*/

.business-news {
  background: #efefef;
  min-height: 800px;
}

.news-card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.news-card {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--site-text-color);
  position: relative;

  margin: 20px;
  max-width: 540px;
}

.news-card.col-lg-6 {
  padding-left: 0;
}

.news-date {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--orange-site);
  color: var(--site-text-color);
  height: 60px;
  width: 60px;
  font-weight: var(--site-font-600);
  font-size: 1.5em;
  line-height: 1;
  text-align: center;
}
.news-pic {
  background: salmon;
}

.news-pic img {
  /* width: 250px; */

  object-fit: cover;
}
.news-content {
  padding: 0 20px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.style-content ul {
  list-style-type: none;
}
.style-content span a {
  text-decoration: none;
  color: var(--orange-site);
  text-transform: uppercase;
}
.news-chapeau {
  text-align: center;
}
.news-chapeau .high {
  font-size: var(--site-titre-size);
  color: var(--site-premium-title-color);
  text-transform: uppercase;
  font-family: var(--site-premium-font);
}

.news-chapeau div[hatemm="principe"] {
  font-weight: var(--site-font-600);
}
.style-content div:nth-of-type(3n) {
  border-bottom: 1px solid var(--orange-site);
  margin-bottom: 20px;
}

.bouton[title="titres-blog"] {
  color: var(--site-text-color);
  padding: 10px 20px;
  width: 150px;
  background: rgb(255, 122, 60);
  background: linear-gradient(
    90deg,
    rgba(255, 122, 60, 1) 0%,
    rgba(254, 163, 14, 1) 34%,
    rgba(254, 90, 14, 1) 99%
  );
  align-self: flex-end;
}

.tem-title[title="blog-title"] {
  text-align: left;
}

/*------------------ Gnet business banner-------------------*/

.gb-banner {
  background: rgb(255, 122, 60);
  background: linear-gradient(
    90deg,
    rgba(255, 122, 60, 1) 0%,
    rgba(254, 163, 14, 1) 34%,
    rgba(254, 90, 14, 1) 99%
  );
  border-radius: 30px;
  text-align: center;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin-top: -150px;
}
.gb-banner::after {
  content: "";
  background-image: url("/gnetbusiness/wp-content/uploads/2022/10/IMG_20190106_103550-scaled.jpg");
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background-position: 10% 35%;
}

.gb-header {
  color: var(--site-text-color);
  font-family: var(--site-premium-font);
  font-size: var(--site-titre-size);
  font-weight: 300;
  text-transform: uppercase;
}
.gb-banner img {
  width: 300px;
}

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

/*------------------ Contactez nous-------------------*/

.ahb_m2 #fbuilder .ui-datepicker-header {
  background: var(--orange-site) !important;
}

.booking-backg {
  display: inline;
  background: #eeeeee;
  /* background: linear-gradient(90deg, rgba(255,122,60,1) 0%, rgba(254,163,14,1) 34%, rgba(254,90,14,1) 99%); */
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 20%
  );
  text-align: center;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin-top: -150px;
}
.booking-backg::after {
  content: "" !important;
  background-image: url("/gnetbusiness/wp-content/uploads/2022/10/IMG_20190106_103550-scaled.jpg");
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background-position: 35%;
}

.wpcf7-text{
  max-width: 95%;
}
 .wpb_wrapper .btn-catalogue{
  /* visibility: hidden;
  display: none; */
  /* border: 5px solid darkorange; */
}


#moi_butt:hover{
  color:white;
  text-decoration: none;
}

#wpcf7-f7518-p7510-o1 .btn-catalogue{
  visibility: visible;
  display: block !important;
  border: 2px solid red;
}


.mystyle{
  visibility: visible;
  display: initial;
  border: 5px solid red;
}

/*------------------ Témoignages Clients-------------------*/

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.temoignage-banner {
  /* margin-top: 100px; */
}

.tem-title {
  color: var(--site-premium-text);
  font-family: var(--site-premium-font);
  font-weight: var(--site-font-600);
  font-size: var(--site-titre-size);
  position: relative;
  margin-bottom: 20px;
}
.tem-title::before,
.tous-titre::before {
  content: "      ";
  text-decoration: underline;
  text-underline-position: below;
  text-decoration-color: var(--orange-site);
  position: absolute;
  top: 10px;
}

[title~="titres"] {
}

[data-gt*="Témoignages"] {
  /* color: red; */
}

.swiper-button-next::after,
.swiper-button-prev::after {
}
.swiper-button-next,
.swiper-button-prev {
  position: relative !important;
  justify-content: end !important;
  width: 70px !important;
  margin-top: 0 !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
}
.hatemm {
  display: flex;
  justify-content: end;
  align-content: flex-end;
  padding: 10px;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 20px !important;
  right: 20px !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: var(--site-premium-font) !important;
  --swiper-navigation-size: 25px !important;
  text-transform: uppercase !important;
}
.swiper-button-prev::after {
  border-radius: 50px;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/prev-txt.png") !important;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/next.png") !important;
}

.cards {
  background-color: #fff;
  border: 1px sold var(--site-premium-title-color);
  border-radius: 50px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  padding: 20px;
  margin: 10px;

  /* max-width: 33.33%; */
}

.contenu {
  color: #5c5c5c;
  font-family: var(--site-premium-font);
}
.titre {
  color: var(--orange-site);
  font-size: 0.8em;
  font-family: var(--site-premium-font);
}
.font {
  font-size: 0.8em;
  font-weight: bold;
  font-family: var(--site-premium-font);
}
.thumb img {
  width: 150px !important;
  height: 150px !important;
  border-radius: 50%;
}
.block-prof {
  display: flex;
  /* justify-content: center; */
  align-items: center;
}
.profil {
  font-size: 1.2em;
  padding: 0 20px;
}
.cote:after {
  content: "\f122";
}
.dashicons-format-quote {
  color: var(--orange-site);
  font-weight: bolder;
  font-size: 3em;
  transform: rotate(180deg);
}
.droite {
  text-align: right;
}
.gauche {
  text-align: left;
}
.inv {
  transform: scaleX(-1) rotate(180deg);
}
.bande {
  background: #484848;
  min-height: 150px;
  width: 100% !important;
  margin-top: -160px !important;
  z-index: -2;
}
.container-fluid {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.swiper-autoheight .swiper-slide,
.swiper-slide {
  background: transparent !important;
}

.swiper-pagination-bullet {
  width: 30px !important;
  border-radius: 20px !important;
}

.swiper-pagination-bullet-active {
  background: var(--orange-site) !important;
}

.swiper-slide img {
  object-fit: fill !important;
}

/*------------------END Témoignages Clients-------------------*/

/*  -----------nav----------------*/

/**--------------------------Workshop-------------------------------- */

.container-fluid {
  /* margin: 0 !important; */
  padding: 0 !important;
}
.flex-block {
  display: flex;
  /* flex-flow: column wrap; */
  /* justify-content: center;
   align-items: center;
   position: relative; */
}

.workshop-banner {
  /* margin: 150px; */

  background: var(--site-text-color);
}

.bg-banner {
  /* background: url(http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/background-red.png); */
  background: var(--orange-site);
  color: var(--site-text-color);
  /* width: 100%;
    background-size: 100%; */
  background-repeat: no-repeat;
  margin-top: 100px;
  /* min-width: 80%; */
  position: relative;
  flex: 1 1 60%;
  height: 557px;
  max-height: 557px;
  /* border: 5px solid yellow; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.workshop-parag {
  /* max-width: 50%; */
  padding: 20px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  /* display: none; */
}

.inside-parag {
  display: flex;
  flex-flow: column wrap;
  font-family: var(--site-premium-font);
}
.inside-parag .bouton {
  align-self: flex-end;
}
.inside-parag :nth-child(-n + 2) {
  font-family: var(--site-premium-font);
  font-weight: 100;
  text-transform: uppercase;
}
.inside-parag :nth-child(even) {
  font-weight: 400;
}

.workshop-pic {
  position: relative;
  /* width: 500px; */
  /* border: 5px solid greenyellow; */
  flex: 1 1 20%;
  /* background-color: aqua; */
}
.reg-pic {
  position: absolute;
  top: 40px;
  left: -93px;
}
.bouton {
  padding: 10px 20px;
  background: #fff;

  width: 150px;
  border-radius: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.bouton a,
.bouton a:hover {
  color: #000;
  text-decoration: none;
}

@media only screen and (max-width: 1199px) {
  .workshop-pic {
    display: none;
  }
}

/**-----------------------END Workshop-------------------------------- */
/********************************ِConseils & Nouveautés ******************************/
/* .conseils{
  min-height: 500px !important;
}
.premiere-col{
    border: 2px solid rgb(70, 174, 125); 
    background: url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/11/qui-sommes-1.jpg");
    min-height: 500px !important;
}
.conseils .block1{
  border: 2px solid salmon;
  
}

.conseils .block2{
  border: 2px solid greenyellow;
} */

.conseils {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  grid-auto-rows: minmax(200px, 250px);
  position: relative;
  padding: 0 50px;
}

.conseils .premiere-col {
  border-radius: 30px;
  grid-column: 1;
  grid-row: 1 / span 2;
  overflow: hidden;
  background: linear-gradient(rgb(0 202 255 / 0%), rgb(0 84 255 / 77%)),
    url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/workshop-pic.png");
  /* background-position: 50% 50%; */
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}

.conseils .block1 {
  grid-column: 2;
  grid-row: 1;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(rgb(0 202 255 / 0%), rgb(0 84 255 / 77%)),
    url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/workshop-pic.png");
  /* background-position: 50% 50%; */
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.conseils .block2 {
  grid-column: 2;
  grid-row: 2;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(rgb(0 202 255 / 0%), rgb(0 84 255 / 77%)),
    url("http://127.0.0.1/gnetbusiness/wp-content/uploads/2022/10/workshop-pic.png");
  /* background-position: 50% 50%; */
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

.conseils .premiere-col .content,
.conseils .block1 .content,
.conseils .block2 .content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  max-width: 200px;
  /* inset: 0 20px 20px 0; */
  color: #fff;
}
.bouton-conseil {
  color: var(--site-text-color);
  padding: 10px 60px;
  border-radius: 20px;
  width: 200px;
  background: rgb(255, 122, 60);
  background: linear-gradient(
    90deg,
    rgba(255, 122, 60, 1) 0%,
    rgba(254, 163, 14, 1) 34%,
    rgba(254, 90, 14, 1) 99%
  );
}

/**-----------------------Site Footer-------------------------------- */

.site-footer {
  background: url("/wp-content/uploads/2022/12/footer-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 190px 0 50px 0;

  font-size: var(--site-footer-font-size);
}
.footer-widget {
  color: var(--site-text-color);
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start 
}
.footer-widget #nav_menu-3{
  align-items: center;
 
}




.footer-widget a,
.footer-widget span {
  color: var(--site-text-color);
  text-decoration: none;
  font-family: "Lato-Bold";
  padding-left: 2px;
  text-transform: capitalize;
  /* font-size: 1.16em; */
}
.footer-widget .chw-title {
  font-size: var(--site-footer-titre-size);
  font-family: "Lato-Bold";
  /* font-size: 1.16em; */
}

.footer-widget .widget-title {
  font-size: var(--site-footer-titre-size);
  font-family: "Lato-Bold";
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 3px;

  /* margin-right: 20px; */
  /* text-decoration: underline;
  text-decoration-color: var(--site-footer-orange);
  text-underline-offset: 8px; */
  position: relative;
}
.footer-widget .widget-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  border-bottom: 4px solid var(--site-footer-orange);
  width: 56px;
  left: 0;
}

.footer-widget #custom_html-2 .textwidget {
  max-width: 260px;
  text-align: justify;
  margin-top: 20px;
  line-height: normal;
}

.footer-widget .social {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  font-size: 1.3em;
}

.footer-widget .widget-title {
}

#wpcf7-f1761-o1 .wpcf7-form p {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-end;
  width: 230px;
}

.chw-widget h2 {
  display: inline-block;
  border-bottom: 1px solid var(--site-footer-orange);
  padding-bottom: 10px;
  text-transform: uppercase;
}
#footer-newsletter {
  max-width: 230px;
}
.footer-widget .wpcf7-submit {
  padding: 0 20px;
  background: var(--orange-site);
  border: 0;
}
.footer-widget .wpcf7-text {
  background: var(--site-bg-default-color);
  max-width: 245px;
  margin-bottom: 10px;
  border: 0;
  color: #797582;
  font-size: 1rem;
  font-family: lato-regular;
  padding: 5px 10px;

}
#wpcf7-f248-o1 p span:nth-of-type(2) .wpcf7-form-control {
  text-align: right;
}

.footer-social {
  display: flex;
  gap: 20px;
}
.footer-social {
  font-size: 2em;
}

.site-info a {
  font-size: 1em;
  color: var(--orange-site);
}

.widget_nav_menu {
  /* border: 2px solid sandybrown; */
}
.widget_sp_image-description {
  padding: 10px 85px 0 0;
  text-align: justify;
}
#text-6 i {
  color: var(--site-footer-orange);
}

.footer-widget .textwidget {
  margin-top: 20px;
}

.footer-widget  #custom_html-3{
  padding-top: 10px;
}


.footer-widget.align-block { 
  display: flex;
  align-items: flex-start;
  }
  
  .footer-widget-area #menu-solutions-tab{
    margin: 20px 0 0px 0px;
  }







  .footer-widget [data-content="mail"]{
     text-transform: lowercase;
  }

@media screen and (max-width: 768px) {
  .site-footer {
    padding: 100px 50px 20px;
  }
  .widget_nav_menu,
  .site-footer #text-7 {
    margin-top: 50px;
  }
}

/**-----------------------3S home page animation-------------------------------- */
@-webkit-keyframes bgSlide {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -100px 0;
  }
  40% {
    background-position: -200px 0;
  }
  60% {
    background-position: -150px 0;
  }
  80% {
    background-position: -100px 0;
  }
  100% {
    background-position: 0px 0;
  }
}
@keyframes bgSlide {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -100px 0;
  }
  40% {
    background-position: -200px 0;
  }
  60% {
    background-position: -150px 0;
  }
  80% {
    background-position: -100px 0;
  }
  100% {
    background-position: 0px 0;
  }
}

.moi {
  position: relative;
}

.test-carousel {
  /* border: 2px solid red;   */
}

.slider-one__shape-1 {
  position: absolute;
  top: 0;
  right: 0;

  border: 3px solid salmon;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
  opacity: 1;
}

.active .slider-one__shape-1 {
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.slider-one__slide-1 {
  /* background: #0b0d5c; */
  background: rgba(0, 0, 0, 0.31);
  position: relative;
}
.slider-one__slide-1 .img-acceuil{
  border-bottom: 4px solid #ed851a;
  
}





.shape-1 {
  position: absolute;
  top: 0;
  right: 0;

  color: violet;
  opacity: 0;
}

.active .shape-1 {
  color: blue;
  font-size: 2em;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
  opacity: 0;
}

.active .shape-1 {
  content: "";
  background-image: url("/wp-content/uploads/2023/02/slider-one-bl.png");
  background-repeat: no-repeat;
  background-position: top right;
  width: 386px;
  height: 100%;
  max-width: 100%;
  background-size: cover;

  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
  opacity: 0.3;
  display: none;
}

.shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/wp-content/uploads/2023/01/slider-one-shape-2.png");
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
  background-position: top right;
  width: 386px;
  max-width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0;
  display: none;
}

.active .shape-2 {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms;
  display: none;
}

.shape-3 {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/wp-content/uploads/2023/02/slider-2-bl.png");
  mix-blend-mode:screen;
  background-repeat: no-repeat;
  background-position: top right;
  mix-blend-mode: normal;
  width: 386px;
  height: 100%;
  max-width: 100%;
  background-size: cover;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
  opacity: 0;
  display: none;
  
}

.active .shape-3 {
  opacity: 0.6;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

.slider-one__line {
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/2022/12/slider-one-top-l-1.png");
  background-repeat: repeat-x;
  /* display: none; */
  -webkit-animation: bgSlide 20s linear infinite;
  animation: bgSlide 20s linear infinite;
  border-bottom: 5px solid var(--titre-interne-all-color);
}
.fond {
  /* mix-blend-mode: luminosity; */
}
.sss-anim {
  /* margin-bottom: 60px; */
}
.sss-anim .content {
  position: absolute;
  bottom: 28%;
  left: 20%;
  color: var(--site-text-color);
  font-size: 2.2rem;
  font-weight: var(--site-font-600);
  z-index: 99;
  /* text-transform: uppercase; */
}

.owl-nav {
  position: absolute;
  bottom: 20%;
  right: 10%;
}
.sss-anim .content {
  max-width: 60%;
  line-height: normal;
}

.sss-anim .owl-prev i,
.sss-anim .owl-next i {
  color: #000;
  font-weight: var(--site-font-900);
}

.sss-anim .owl-prev,
.sss-anim .owl-next {
  border: 2px solid transparent;
  background: var(--site-premium-title-color) !important;
  border-radius: 50% !important;
  opacity: 0.3;
  transition: 0.7s;
}
.sss-anim .owl-prev:hover,
.sss-anim .owl-next:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  .sss-anim .content {
    font-size: calc(var(--site-titre-size) / 3);
  }
  .shape-1,
  .shape-2,
  .shape-3 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .qui-sommes-nous {
    margin-bottom: 0;
    display: block;
  }

  .nos-certifications-block {
    display: block;
    padding: 20px;
  }
  .nos-certifications-block img {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .site-header .navbar-default .navbar-nav > li > a {
    font-size: var(--site-header-font-size) !important;
  }

  .sss-anim .content {
    bottom: 22%;
    left: 9%;
  }
}



/* --------------- Page Cyber Security-------------- */
.solutions-reduc .ult-content-box{
  position: relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.btn-catalogue, .btn-contact{
  width: 250px;
  height: 69px;
  background: linear-gradient(to bottom, #cd6208,#f28e27 );
  color: var(--site-bg-default-color);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content:space-evenly;
  text-transform: capitalize;
  border-radius: 45px;
  cursor: pointer;

}
.btn-catalogue-ico{
 
 display: flex;
 justify-content: center;
 align-items: center;
 
}



#cs-expert .effet-ico-cercle{
  position: absolute;
  top: 18px;
  left: -9px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #fdf2e7;
  opacity: .2;
}

#cs-expert .hover-effect:hover .effet-ico-cercle{
  top: 0px;
  left: 16px;
  transition: all .7s;
}


#cs-expert .effet-ico{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--titre-interne-all-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

}



#cs-expert .solutions-reduc {
  display: flex;
  justify-content: center;
  align-items: center;
}



#cs-expert .hover-effect:hover .effet-ico img{
  filter: invert();
  
  
}
#cs-expert .hover-effect:hover .effet-ico{
  background: var(--site-bg-default-color);
}
.a-droite{
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
  /* max-width: 80%; */
}

/* ------------Page a propos--------------- */
#compteur-chiffre .wpb_wrapper{
  display: flex;
  flex-flow: column wrap;
  justify-content: center !important;
  align-items: center !important;
 
}
.a-propos-expert .slick-slide:nth-of-type(even){
  margin-top: 50px;
}
.mega-info-img{
  padding: 40px !important;
}
.mega-info-desc{
  font-family: "lato-medium", sans-serif;
  font-size: 1.125rem;
  line-height: 1;
}
















/* 

 #d-expertise .effet-ico::before {
  content: '';
  width: 70px;
  height: 70px;
  background-color:  #f9f6ff;
  position: absolute;
  top: 18px;
  left: 27px;
  border-radius: 50%;
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
  opacity: 1;
}
#d-expertise .wpb_single_image .vc_figure{
  position: relative;
}


.a-propos-counter-bg{

  -webkit-clip-path: polygon(51% 51%, 100% 50%, 48% 67%, 0% 50%);
  clip-path: polygon(51% 51%, 100% 50%, 48% 67%, 0% 50%);

 
}
.vc_custom_1678100794697{
  box-shadow: 0px 1px 70px 2px rgba(0,0,0,1);
-webkit-box-shadow: 0px 1px 70px 2px rgba(0,0,0,1);
-moz-box-shadow: 0px 1px 70px 2px rgba(0,0,0,1);
}

 */











#d-expertise .solutions-reduc {
  display: flex;
  justify-content: center;
  align-items: center;
}



#d-expertise .hover-effect:hover .effet-ico img{
  filter: invert();
  
  
}
#d-expertise .hover-effect:hover .effet-ico{
  background: var(--site-bg-default-color);
}
.a-droite{
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
  /* max-width: 80%; */
}



#d-expertise .hide-hover img
 {
  display: none !important;
}
/* #cs-expert .hover-effect:hover .show-hover img {
  display: inline !important;
} */

#d-expertise .hover-effect:hover .hide-hover img

 {
  display: inline !important;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50% , 0);


}



/* #d-expertise .hover-effect:hover .show-hover img {
  display: none !important;
} */


#first-block .texte-page-paragraphe {
  font-family: "Lato-Regular", sans-serif;
  font-size: var(--texte-page-paragraphe);
  line-height: 1.5;
  text-align: justify;
  padding: 0; 
}

#d-expertise .solutions-reduc h2{
   font-size: 1.125rem;
}
#d-expertise  .ult_main_cl{
  display: none;
}
#d-expertise .nice-look{
width: calc( calc(100% / 6 ) - 20px);
    margin: 0 10px;
    
}







#d-expertise .hover-effect {
  background: var(--site-bg-default-color) !important;
  /* margin-left: 20px; */
  /* text-transform: uppercase; */
  position: relative;
  
}

#d-expertise .hover-effect a {
  color: var(--titre-interne-all-color);
}
#d-expertise .hover-effect:hover {
  /* background: rgb(204, 96, 7) !important;
  background: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%
  ) !important; */
}

#d-expertise .hover-effect:hover .ult-content-box{
  position: relative;
  color: white;
  z-index: 12;
}
#d-expertise .hover-effect:hover a {
  color: var(--site-premium-text);
  /* transition: all 2s; */
 
}
.ult_btn10_span{
  /* padding: 9px 28px; */

}
#d-expertise .hover-effect .ult_btn10_span {
  display: flex;
  width: 100px;
  height: 30px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  border: 1px solid;
}
#d-expertise .hover-effect:hover .ult_btn10_span {
  
  
  background: #fff;
}



.vc_box_border_grey img:hover{
   /* display: none;  anomlie  image hover a reactiver si prob page a propos*/
}
















#d-expertise .hover-effect::before {
  content: '';
  background-image: linear-gradient(
    0deg,
    rgba(204, 96, 7, 1) 0%,
    rgba(241, 141, 38, 1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 11;
  
  }
  #d-expertise .hover-effect:hover::before
  {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  color: #fff;
  }

  #d-expertise .nice-look:nth-of-type(even) {
    margin-top: 80px;
  }

 



    #d-expertise .hide-hover img
 {
  display: none !important;
}
/*   #d-expertise .hover-effect:hover .show-hover img {
  display: inline !important;
} */

  #d-expertise .hover-effect:hover .hide-hover img

 {
  display: inline !important;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50% , 0);


}


  #d-expertise .hover-effect:hover .show-hover img {
  display: none !important;
}
#d-expertise .hover-effect:hover .hide-hover img {
  display: inline !important;
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translate(-50% , 0);
}


/* ---------Pourquoi choisir 3S----------- */


.a-propos-pourquoi .carousel-caption div{
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #f8f7fa;
  margin-right: 30px;
  padding: 40px 0;
  min-height: 333px;

}
.a-propos-pourquoi .carousel-caption div a { 
  flex-shrink: 0;
}
.a-propos-pourquoi .carousel-caption div a img{
  margin-bottom: 0 !important;
}
.a-propos-pourquoi .carousel-caption div::before{
  content: "";
   width: 70px;
   background: #fff;
   height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.a-propos-pourquoi .carousel-caption .content-section{
  display: flex !important;
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
  padding: 0 40px 0;
}
.a-propos-pourquoi .slick-dots li.slick-active button:before{
  opacity: 1 !important;
  color: #db750d !important;
}
.a-propos-pourquoi .carousel-caption{
  text-shadow: 0 0 !important;
}

#a-propos-partenaires .texte-page-paragraphe {
  padding: 0 200px;
  
}


#a-propos-partenaires .slick-slider .slick-arrow{
  top:100%;
}
#a-propos-partenaires .slick-slider .slick-prev{
  left: 46% !important;
}
#a-propos-partenaires .slick-slider .slick-next{
  left: 50% !important;
}
#a-propos-partenaires .slick-next:before, #a-propos-partenaires .slick-prev:before{
  color: #fff !important;
  background: #ef9542;
  font-size: 10px !important;
}


#a-propos-partenaires  .tm-slider.slick-slider .slick-prev:before, #a-propos-partenaires .tm-slider.slick-slider .slick-next:before{
   padding: 10px !important;
}

.tm-slider h2{
  padding: 20px 0;
   /* margin: 12px 0; */
}



/* ------------Page Nos valeurs--------------- */
.innov-anim{
  position: absolute;
  left: 43%;
  bottom: 23px;
  background: #f8f7fa;
  width: 350px;
}
.innov-anim::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 70px;
   
}

.innov-anim-left{
  position: absolute;
  right: 25%;
  bottom: 23px;
  background: #f8f7fa;
  width: 350px;
}



.flex-essai{
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.flex-essai-1{
  flex:1
  
}
.flex-essai-2{
  margin-right: -174px;
  z-index: 9;
  padding: 100px;
  
} 
.vision-after img{
   position: relative;
   z-index: 1;
}
.vision-after::after{
  content: "";
  position: absolute;
  background: #091858;
    top: 0;
    right: -100%;
    bottom: 0;
    left: 54%;
    height: 100%;
    z-index: 0;
}
  .vision-after::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: 65%;
    background: url("/wp-content/uploads/2023/03/valeurs-motif.png");
    background-repeat: no-repeat;
    background-size: cover;
   z-index: 3;
  }


  #nos-valeurs .texte-page-paragraphe{
      padding: 0 160px;
  }

  #nos-valeurs .block-content {
    font-size: 1rem !important;
    
}

/* -------------------Page Contact----------------- */


#contact-form-block .wpcf7-form-control-wrap input,#contact-form-block select,#contact-form-block textarea{
  border-radius: 10px;
  padding: 10px 20px;
  color: #9e9b9b;
  border: 1px solid #9e9b9b;

}
#contact-form-block .row-form{
  margin: 20px 0;
}

#contact-form-block div [data-name="Destination:"], #contact-form-block div [data-name="Message"], #contact-form-block div [data-name="Technologie:"]{
  display: block;
}

#contact-form-block .wpcf7-form p{
  width: auto;
  align-items: normal;
}

.box-contour{
  border: 2px solid #9e9b9b;
  border-radius: 20px;
  padding: 20px;
  min-height: 200px;
  text-align: center;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-social{
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  font-size: 20px;

} 

/* .arcenciel {
	background: linear-gradient(180deg, #FE0000 16.66%,
		#FD8C00 16.66%, 33.32%,
		#FFE500 33.32%, 49.98%,
		#119F0B 49.98%, 66.64%,
		#0644B3 66.64%, 83.3%,
		#C22EDC 83.3%);
    border-radius: 30px;
} */


.arcenciel{
  /* background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); */
  background: linear-gradient(180deg, #FE0000 16.66%,
		#FD8C00 16.66%, 33.32%,
		#FFE500 33.32%, 49.98%,
		#119F0B 49.98%, 66.64%,
		#0644B3 66.64%, 83.3%,
		#C22EDC 83.3%);
  -webkit-background-clip: text;
   background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-size: 20px;  */
  }
  #contact-form-block .btn-contact{
  font-size: 24.18px;
  border: none;
}
#contact-form-block .btncont{
  display: grid;
  justify-content: center;
}
#contact-form-block :is( .wpcf7-textarea, .wpcf7-email, .wpcf7-select){
  width: 100%;
}

#wpcf7-f7518-p7510-o1 label span{
  display: inline-block;
  padding: 10px 0;
}

#wpcf7-f7518-p7510-o1 .third-row label {
width: 100%;
}
#social-3s a:any-link{
  color: #333;
  text-decoration: none;
}

/* ----------------Page Nos partenaires--------------------- */
#nos-partenaires{

}

#nos-partenaires .text-side{
    /* border: 3px solid #ef7b3b; */
    padding: 30px 20px;
    /* min-height: 480px; */
    display: flex;
    justify-content: center;
    align-items: center;
}
#nos-partenaires .text-side-inv{
    /* border: 3px solid #ef7b3b; */
    padding: 20px 50px;
    min-height: 360px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#nos-partenaires .forme-1 { 
  /* padding: 50px; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#nos-partenaires  h2{
    text-transform: uppercase;
}

#nos-partenaires .forme-1 img{
  background-color: #f8f7fa;
  position: absolute;
  left: -15%;
  top: 37px;

}
#nos-partenaires .forme-2 img{
  background-color: #f8f7fa;
  position: absolute;
  right: -15%;
  top: 27px;
  z-index: 1;

}


#nos-partenaires-priv .slick-slider .slick-prev{
  left: 46% !important;
}



#nos-partenaires-priv .slick-slider .slick-next {
  left: 50% !important;
}
#nos-partenaires-priv .slick-slider .slick-arrow {
  top: 100%;
}



/* ----------Page 3S Group----------------- */
#group-tl{
  padding: 100px 0;
  position: relative;
}

#group-tl .slide{
  border: none;
}


  #group-tl .carousel-indicators{
    position: absolute;
    bottom: -50%;
    width: 100%;
    margin-left: 7%;
    margin-bottom: 40px;
    left: 0;
  
}
#group-tl .carousel-indicators button{
  text-indent: 0 !important;
  background: 0 0;
  border: none;
  margin: 0 !important;
  position: relative;
  width: 33.33% !important;
}

#group-tl .carousel-indicators button::before{
  position: absolute;
  content: "";
  border-top: 2px solid #000;
  width: 100%;
  left: 0;
}
#group-tl .carousel-indicators h4{
  margin-top: -46px;
  position: absolute;
  left: 52%;
  transform: translateX(-50%);
}
#group-tl .carousel-indicators i{
  
  position: absolute;
  margin-top: -8px;
  
}  


#group-tl .carousel-indicators .active i{
padding: 6px;
border-radius: 50%;
margin-top: -13px;
background-color: rgba(236, 184, 10, 0.3);
}

#group-tl .titre-orange{
       font-size: 4rem;
       margin: 0;
}
#group-tl
#group-tl p:nth-child(2){
  font-size: 2rem;
}

.carousel-control-prev, .carousel-control-next{
  background-color: #001542;
  width: 40px;
  height: 40px;
  
}
#group3s{
   margin: 50px auto;
}

.bouton-carous{
  /* display: flex;
  justify-content: center;
  align-items: center; */

}
#group-tl .carousel-control-prev, .carousel-control-next{
   bottom: 50%;
   top:50%
}

button.active :is(i ,h4) {
  color: var(--titre-interne-all-color);
}


#group-tl .carousel-item :is(.block-1, .block-2)
{
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
#group-tl .carousel-item p:nth-of-type(3){
  font-family: 'lato-bold', sans-serif;
  font-size: 2rem;
  color: #575756;
  width: 80%;
  
}

#all-3s-group{
  display: flex;
  justify-content: center;
  align-items: center;
}

#groupe-3s{
  position: relative;
  background: url("/wp-content/uploads/2023/03/expertise-cyber-secu-bg.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  
}
#groupe-3s .sss-word .block-1 {
  border: 2px solid var(--titre-h3-all-color);
  padding: 0 0;
  background: var(--site-bg-default-color);
  z-index: 0;
  margin-left: 89px;

}
#groupe-3s .sss-word .block-2{
  font-family: 'lato-regular', sans-serif;
  border: 2px solid var(--titre-h3-all-color);
  padding: 20px 35px 20px 110px;
  margin-left: -101px;
  background: var(--site-bg-default-color);
  text-align: justify;
  font-size: 1rem;
  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
  
  
  
}
#groupe-3s .sss-word .block-2 p:nth-of-type(2){
  font-family: 'lato-bold', sans-serif;
  font-size: 1.1rem;  
  margin: 0;
}
#groupe-3s .sss-word .block-2 p:nth-of-type(3){
  font-family: 'lato-bold', sans-serif;
  font-size: .9rem;  
  margin: 0;
  text-transform: capitalize;
}


#groupe-3s .sss-word .block-1{
    
    
}
#groupe-3s .second-block{
  
   
}


#group-tl .sous-titre-black{
     text-align: center;
}



#filiales-3s{
  margin: 50px auto; 
  
}

#filiales-3s .sous-titre-black{
     text-align: center;
    
}

#filiales-3s .grid-filiales-3s{
   text-align: center;
}

#filiales-3s .grid-filiales-3s div:last-child{
  /* border: 2px solid greenyellow; */
}



/* -------------Page Service Audit de l’infrastructure IT ---------------------*/
#services-page figure{
  position: relative;
  
}

#services-page .first-blocks, #services-page .second-blocks, #services-page .third-blocks
{
  width: calc(calc( 100% / 3 ) - 40px );
  margin:  20px;
}












#services-page .entete-01{

   background: linear-gradient( to bottom, #284e91, #21427c);
   border-radius: 20px;
   color: #fff;
   padding: 20px 0;
   font-size: 1.25rem;
   min-height: 120px;
   margin: 20px 0;
  

}
#services-page :is(.entete-01 .wpb_wrapper, .entete-02 .wpb_wrapper, .entete-03 .wpb_wrapper) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
    
    

}

/* #services-page .element {
  width: calc(calc( 100% / 3 ) );
  

} */
#services-page .entete-02{

  background: linear-gradient( to bottom, #c06708, #f18d26);
  border-radius: 20px;
  color: #fff;
  padding: 20px;
  font-size: 1.25rem;
  min-height: 120px;
  margin: 20px 0;
 
 

}

#services-page .entete-03{

  background: linear-gradient( to bottom, #5b6366, #828b92);
  border-radius: 20px;
  color: #fff;
  padding:  20px;
  font-size: 1.25rem;
  min-height: 120px;
 margin: 20px 0;
 

}

#services-page figure::before{
  content: "";
  background: rgb(234,240,247); 
  
  border-radius: 50%;
  position: absolute;
  top: -15px;
  left: -17px;
  width: 74px;
  height: 74px;
  z-index: 0;

}
#services-page .first-blocks:hover .img-01 figure::after{
  content: "";
  background: rgb(234,240,247); 
  background: linear-gradient(to bottom, #0060ab 0%, #081f45 100%);    
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -22px;
  width: 84px;
  height: 84px;
  z-index: -1;

}
#services-page .second-blocks:hover .img-02 figure::after{
  content: "";
  background: rgb(234,240,247); 
  background: linear-gradient( to bottom, #c06708, #f18d26);    
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -22px;
  width: 84px;
  height: 84px;
  z-index: -1;

}
#services-page .third-blocks:hover .img-03 figure::after{
  content: "";
  background: rgb(234,240,247); 
  background: linear-gradient( to bottom, #5b6366, #828b92);   
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -22px;
  width: 84px;
  height: 84px;
  z-index: -1;

}
#services-page img{
  position: relative;
  z-index: 1;
}
  /* -------------Page Service Conception et refonte Data Center ---------------------*/



  #services-page-2 figure{
    position: relative;
    
  }
  
  #services-page-2 .first-blocks, #services-page-2 .second-blocks, #services-page-2 .third-blocks, #services-page-2 .forth-blocks
  {
    width: calc(calc( 100% / 4 ) - 20px );
    margin:  10px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  #services-page-2 .entete-01{
  
     background: linear-gradient( to bottom, #284e91, #21427c);
     border-radius: 20px;
     color: #fff;
     padding: 20px 0;
     font-size: 1.125rem;
     min-height: 120px;
     margin: 20px 0;
    
  
  }
  #services-page-2 :is(.entete-01 .wpb_wrapper, .entete-02 .wpb_wrapper, .entete-03 .wpb_wrapper, .entete-04 .wpb_wrapper) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
      
      
  
  }
  

  #services-page-2 .entete-02{
  
    background: linear-gradient( to bottom, #c06708, #f18d26);
    border-radius: 20px;
    color: #fff;
    padding: 20px;
    font-size: 1.125rem;
    min-height: 120px;
    margin: 20px 0;
   
   
  
  }
  
  #services-page-2 .entete-03{
  
    background: linear-gradient( to bottom, #5b6366, #828b92);
    border-radius: 20px;
    color: #fff;
    padding:  20px;
    font-size: 1.125rem;
    min-height: 120px;
   margin: 20px 0;
   
  
  }
  #services-page-2 .entete-03 h2{
           margin: 0;
  }
  #services-page-2 .entete-04{
  
    background: linear-gradient( to bottom, #3583a5, #32b4b5);
    border-radius: 20px;
    color: #fff;
    padding:  20px;
    font-size: 1.125rem;
    min-height: 120px;
   margin: 20px 0;
   
  
  }

  #services-page-2 figure::before{
    content: "";
    background: rgb(234,240,247); 
    
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: -17px;
    width: 74px;
    height: 74px;
    z-index: 0;
  
  }
  #services-page-2 .first-blocks:hover .img-01 figure::after{
    content: "";
    background: rgb(234,240,247); 
    background: linear-gradient(to bottom, #0060ab 0%, #081f45 100%);    
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -22px;
    width: 84px;
    height: 84px;
    z-index: -1;
  
  }
  #services-page-2 .second-blocks:hover .img-02 figure::after{
    content: "";
    background: rgb(234,240,247); 
    background: linear-gradient( to bottom, #c06708, #f18d26);    
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -22px;
    width: 84px;
    height: 84px;
    z-index: -1;
  
  }
  #services-page-2 .third-blocks:hover .img-03 figure::after{
    content: "";
    background: rgb(234,240,247); 
    background: linear-gradient( to bottom, #5b6366, #828b92);   
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -22px;
    width: 84px;
    height: 84px;
    z-index: -1;
  
  }

  #services-page-2 .forth-blocks:hover .img-04 figure::after{
    content: "";
    background: rgb(234,240,247); 
    background: linear-gradient( to bottom, #3583a5, #32b4b5);    
    border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -22px;
    width: 84px;
    height: 84px;
    z-index: -1;
  
  }



  #services-page-2 img{
    position: relative;
    z-index: 1;
  }




  /* --------------Formulaire popup--------------------------- */



  
  .mailoptin-click-trigger:any-link{
        color: var(--site-text-color);
        text-decoration: none;
  }

  #MYCGOGpOfV_lightbox, #contact-expert{
    background: url("/wp-content/uploads/2023/04/background-form.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top left !important;
    border-radius: 20px;
  }



   #splite_popup_box{
    background: url("/wp-content/uploads/2023/04/background-form.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;

    
    height: 100vh !important;
    width: 600px;
    max-height: 100% !important;
    max-width: 90%;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    
  } 
  
  #splite_form_container{
    overflow: auto !important;

  }


  #pop-form .row, #pop-form .row div{
     overflow: hidden;
  }




  #pop-form .entete div:nth-child(1) {
        font-family: 'lato-bold', sans-serif !important;
        font-size: 21px !important;
         font-weight: 900;
         margin: 20px 35px;
  } 
  #pop-form .entete div:nth-child(2){
    margin: 20px 35px;
    /* padding: 20px 0; */
  }
  #pop-form .entete div:nth-child(2) p{
    font-family: 'lato-medium', sans-serif;
    font-size: 1.125rem !important;
    color:#070606;

  }
  #pop-form .wpcf7-form p{
    display: block;
    width: 100%;
   
  }

  #pop-form .btn-catalogue {
    width: 190px !important;
    height: 50px !important;
    background: #fff !important;
    color:  #cd6208 !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: space-evenly !important;
    text-transform: capitalize !important;
    border-radius: 45px !important;
    cursor: pointer !important;
  }
  #pop-form .pop-bouton{
   display: flex;
   justify-content: end;
   align-items: end;
  } 



  #splite_popup_box{
    
  }
  

  #pop-form .row{
    margin: 20px 27px;
    font-family: 'lato-medium', sans-serif;
  }
  #pop-form .row p{
    font-size: 1rem !important;
   

  }
  #pop-form .row > div{
    display: flex;
    justify-content: end;
    align-items: end;
  }
  #pop-form .row .wpcf7-text{
    width: 100%;
  }
  #MYCGOGpOfV_lightbox{
    border-color: transparent  !important ;
    border: none !important;
    outline: none !important;
  }

  #pop-form label{
    color : #070606 !important
  }
  #pop-form label .wpcf7-select{
      width: 100%;
  }
  #pop-form #form-submit{
     border: 0;
     outline: 0;
  }
  #pop-form p{
    margin: 0;
  }



      /* ----------------------------------------------------Page Références -------------------------------------------- */
      
      /*--------Références Témoignages Clients----------*/


    #a-propos-partenaires {
      position: relative;
    }


    #ref-temoin .ref-block{
      /* border: 3px solid var(--titre-interne-all-color); */
      background: var(--site-white-color);
      min-height: 360px;
      position: relative;
      background: var(--site-text-color);
      box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.07);
      display: grid;
      justify-content: center;
      align-items: center;
      padding: 40px 80px 0 80px;
      font-family: 'lato-medium', sans-serif;
      font-size: .875rem;
      width: calc( calc(100% / 2) - 100px );
      margin: 44px;
    }

    #ref-temoin .ref-block img {
         position: absolute;
         top: 50%;
         left: 0;
         translate: -50% -50%;
         object-fit: cover;
         border: 3px solid var(--titre-interne-all-color);
         width: 100px;
         z-index: 1;
    }

    #ref-temoin .ref-block iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }






    /* #ref-slider .ref-block::after {
        content: url("/wp-content/uploads/2023/04/ref-after.png");
        position: absolute;
        bottom:6%;
        right: 14%;
        
    } */


    #a-propos-partenaires .tm-slider::after{
      content: "";
      position: absolute;
      inset:30px;
      border-bottom: 10px solid #dddddd ;
      clip-path: polygon(53% 96%, 0% 100%, 100% 100%);
      width: 100%;
      height: 100%;

}




#ref-slider .carousel-caption div{
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #fff;
  margin-right: 30px;
  padding: 40px 0;
  min-height: 386px;
  border: 3px solid  var(--titre-interne-all-color);
  box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.07);

}
#ref-slider .carousel-caption div a { 
  flex-shrink: 0;
}
#ref-slider .carousel-caption div a img{
  margin-bottom: 0 !important;
  border: 3px solid var(--titre-interne-all-color);
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}



#ref-slider .carousel-caption p::after{
  content: url("/wp-content/uploads/2023/04/ref-after.png");
  position: absolute;
  bottom:0;
  right: 14%;
  
}

/* #ref-slider .carousel-caption div::before{
  content: "";
   width: 70px;
   background: #fff;
   height: 100%;
    position: absolute;
    top: 0;
    left: 0;

} */


#ref-slider .content-over-slider .slick-slide .content-section {
  /* position: absolute;
  width: fit-content;
  bottom: 0% !important;
  top: 20% !important; */
  position: relative;
  color: black;
  font-family: 'lato-medium' ,sans-serif !important;
  font-weight: 400;
  padding: 0 45px;
}

#ref-slider .content-over-slider .slick-slide .content-section .ref-temoing {
  display: block;
}
#ref-slider .content-over-slider .slick-slide .content-section * {
padding: unset !important;
text-align: justify;
}

#ref-slider .carousel-caption{
  text-shadow: none; 
}
#ref-slider .slick-next {
  right: 30px !important;
  
}


#ref-slider .slick-prev{
  left: -35px !important;
}


      /* ----------------------------------------------------Page Qui sommes nous -------------------------------------------- */
      
      
      
      
      #qui-sommes-counter .main-counter{
        font-family: 'lato-heavy';
      }
      
      /* ----------------------------------------------------Page Pourquoi nous rejoindre ? -------------------------------------------- */
      
      .decalage{
        border-radius: 20px 20px 0 0;
       }
      .decalage .vc_single_image-wrapper{
             margin-top: -50px;
      }
      .rounded-border{
        border-radius: 20px;
      }
      

      .btn-carriere{
        width: 210px;
        height: 36px;
        background: linear-gradient(to bottom, #cd6208,#f28e27 );
        color: var(--site-bg-default-color);
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content:space-evenly;
        text-transform: uppercase;
        border-radius: 45px;
        cursor: pointer; 
        font-style: 1rem; 
      
      }

    .nous-rejoindre .wpb_wrapper{
        display: grid;
        place-content: center;
        grid-auto-flow: column;
        /* place-items: center;    */
      }
      .center-block{
        width: fit-content;
        text-transform: uppercase;
         }
      /* ----------------------------------------------------Page Actualité-------------------------------------------- */
      
      
      .post-wrapper {
        position: relative;
        background: #fff;
        -webkit-box-shadow: 1px 3px 3px 0px rgba(229, 226, 219, 1);
        -moz-box-shadow: 1px 3px 3px 0px rgba(229, 226, 219, 1);
        box-shadow: 1px 3px 3px 0px rgba(229, 226, 219, 1);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top: -50px;
        margin-bottom: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .post_header_carreer {
      width: 100%;
      height: 637px;
      background-size: cover;
      text-align: center;
      padding-top: 100px;
  }
  .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    min-height: 366px;
}
h2.pull-left.categ_container {
  font-size: 18px;
  margin-bottom: 0px;
}

.entry-title{
  padding: 20px
}
.entry-title a {
  color: #43474d;
  font-family: "lato-regular", sans-serif;
  font-size: 17px;
  font-weight: 300;
  margin-top: 15px;
  padding-bottom: 20px;
}

.caption{
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
}
h2.pull-left.categ_container {
  font-size: 18px;
  margin-bottom: 0px;
}
.categ_container {
  font-family: "lato-bold", sans-serif;
  height: 40px; 
}

.post_header_carreer_title{
   color: var(--texte-all-site-color);
   font-family: "lato-bold", sans-serif;
  }
  .entry-content, .postsbycategory a{
  font-family: "lato-regular", sans-serif;

}






 .actu-header-blog{
  display: grid;
  grid-auto-flow: column;
  place-content: space-around;
  align-items: center;
  font-family: 'lato-bold', sans-serif;
}
.actu-header-blog .categ_container-blog{
  /* height: 100%; */
  background: var(--titre-interne-all-color);
  padding: 5px 10px;
}
.actu-header-blog .categ_container-blog a:any-link{
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
}
.actu-header-blog > p{
  margin: 0;
  
}
.actu-header-blog .entry-date a{
text-decoration: none;
  font-size: 1rem;
  color: #091858;
}

.actu-header-blog h2.categ_container-blog {
    margin: 0 !important;
    display: flex; 
   
}
.attachment-thumbnail-blog{
  height: 160px !important;
  object-fit: cover;

} 



/*
.actu-date{

font-size: 0.875rem;
color: #636363;
display: contents;
}
*/

.posted-on::before{
   content: url('/wp-content/uploads/2023/02/calendar-actu.png');
   font-size: 20px;
   color: var(--site-footer-orange);
   padding-right: 20px;


} 

/*
.actu-categ{
background: var(--titre-interne-all-color);
padding: 5px 10px;


}
.actu-categ ul.post-categories{
margin-bottom: 0 !important;
}

.actu-categ ul.post-categories li a{
text-decoration: none;
color: var(--site-bg-default-color);
} */




















      /* ----------------------------------------------------Page Carriere-------------------------------------------- */



      .btn-carriere{
        width: 180px; /* changer le 03-04-2023 */
        height: 40px;
        background: linear-gradient(to bottom, #cd6208,#f28e27 );
        color: var(--site-bg-default-color);
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content:space-evenly;
        text-transform: capitalize;
        border-radius: 45px;
        cursor: pointer;
        border: 0;
        outline: 0;
        
      } 
      .post-filters{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap:20px
      }
      .post-filters label{
        margin: auto;
      }

      .post-filters [name=cat]{
           border-radius: 100vh;
           border: 0;
           padding: 0 20px;
      }
      .btn-carriere a{
        text-decoration: none;
        color: var(--site-bg-default-color);
      }


      
       /*---------------------------------------------------- Page Condidature Spontannée---------------------------------------------------------*/
.gridded p{

  display: grid;
  grid-auto-flow: column;
  /* place-content: space-between; */
}
  #condid-spont .wpcf7-form-control-wrap input{
    border: 2px solid sandybrown;
    padding: 10px 20px;
  border: 0;
  width: 100%;
}
#condid-spont .row{
  padding: 15px 0;
}
#condid-spont label{
  padding: 0px 20px;
  display: flex;
  align-items: center;
}
#condid-spont .wpcf7-file  {
  background:#e9e9e9;
  padding:25px 30px;
  color:#595959;
  font-size:.75rem;
  border:none;
  /* margin-top:50px; */
  }
#condid-spont  .last label{
  display: grid;
  grid-auto-flow: column;
  place-content: center;
  gap: 20px;
}


.btn-submit{
  width: 174px;
  height: 40px;
  background: linear-gradient(to bottom, #cd6208,#f28e27 );
  color: var(--site-bg-default-color);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-evenly;
  text-transform: capitalize;
  border-radius: 10px;
  cursor: pointer;
  border: 0;

}




#rc-anchor-container .rc-anchor-content{
  display: none;
  border: 5px solid salmon;
}






.test-popup{
  display:none;
  max-width:600px;
  border: 5px solid greenyellow;
}


.link-color a:any-link{
  color:#ed851a;
  text-decoration: none;

}