/* 
Theme Name: Hello Elementor Child
*/


/* carousel de service fade in
#containerService::before,
#containerService::after {
  content: '';
  position: absolute;
  width: 75px;
  top: 0;
  height: 100%;
  z-index: 2;
  background: #fff;
}

#containerService::before {
  left: 0;
  mask-image: linear-gradient(to right, #fff 0px, transparent 50px);
  -webkit-mask-image: linear-gradient(to right, #fff 0px, transparent 50px);
}

#containerService::after {
  right: 0;
  mask-image: linear-gradient(to left, #fff 0px, transparent 50px);
  -webkit-mask-image: linear-gradient(to left, #fff 0px, transparent 50px);
}
 */

 @media screen and (max-width: 1024px) {
    .serviceShowHide  .elementor-widget-loop-carousel .elementor-widget-container .swiper.elementor-loop-container .swiper-wrapper .swiper-slide.swiper-slide-active .serviceShowHide,
    .swiper-slide.swiper-slide-active:hover .serviceShowHide,
    .swiper-slide.swiper-slide-active .serviceShowHide
    {
        margin-top: -5px!important;
    }

    .swiper-slide.swiper-slide-active .serviceShowHide .e-con-inner > div.divBg  {
        opacity: 0!important;
        visibility: hidden;
    }
 }

 .serviceShowHide  .elementor-widget-loop-carousel .elementor-widget-container .swiper.elementor-loop-container .swiper-wrapper .swiper-slide:hover .serviceShowHide {
    margin-top: -5px!important;
}

.serviceShowHide {
    margin-top: 0;
    transition:  margin-top 0.4s ease-in-out; 
}

@media screen and (min-width: 1200px) {
    .serviceShowHide {
        min-width: 350px!important;
    }
}

.serviceShowHide:hover .e-con-inner > div.divBg   {
    opacity: 0;
    visibility: hidden;
}

.serviceShowHide .e-con-inner > div.divBg   {
    opacity:1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease, margin-top 0.4s ease-in-out; 
}

.containerChiffres .elementor-counter-title {
    line-height: 1.25rem!important;
    text-align: right!important;
}




.imgBgBlue .elementor-widget-container {
    position:relative;
    z-index: 2;
    border-radius: 20px;
}

.imgBgBlue .elementor-widget-container img {
    position:relative;
    z-index: 3;
}

.imgBgBlue .elementor-widget-container::before {
    position: absolute;
    content: "";
    inset: 0;
    z-index: 1;
    background-color: var(--e-global-color-secondary);
    border-radius: 20px;
    transform: rotate(-2deg);
    height: calc(100% - 12px);
    right: 0px;
    top: 10px;
}


.home #nosActualites .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
.home #NosReferences .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
.home #nosCollaborateurs .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{
    display: none!important;
} 
@media screen and (max-width: 1024px) {
    .home #nosActualites .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
    .home #NosReferences .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
.home #nosCollaborateurs .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: block!important;
    }
}



#mobile-Collaborateur > .elementor-widget .elementor-image-carousel-wrapper,
#NosReferences > .elementor-widget-container .elementor-image-carousel-wrapper.swiper{
    overflow: visible!important;
}


/* carousel de servreferenceice fade in */
#mobile-Collaborateur::before,
#mobile-Collaborateur::after,
#NosReferences::before,
#NosReferences::after,
#ceQuilEnPense .elementor-widget-image-carousel::before,
#ceQuilEnPense .elementor-widget-image-carousel::after {
  content: '';
  position: absolute;
  width: 75px;
  top: 0;
  height: 100%;
  z-index: 2;
  background: var(--e-global-color-89bf52e);
}

#mobile-Collaborateur::before,
#NosReferences::before,
#ceQuilEnPense .elementor-widget-image-carousel::before {
  left: 0;
  mask-image: linear-gradient(to right, var(--e-global-color-89bf52e) 0px, transparent 50px);
  -webkit-mask-image: linear-gradient(to right, var(--e-global-color-89bf52e) 0px, transparent 50px);
}


#mobile-Collaborateur::before {
    left: -20px;
}

#mobile-Collaborateur::after,
#NosReferences::after,
#ceQuilEnPense .elementor-widget-image-carousel::after  {
  right: 0;
  mask-image: linear-gradient(to left, var(--e-global-color-89bf52e) 0px, transparent 50px);
  -webkit-mask-image: linear-gradient(to left, var(--e-global-color-89bf52e) 0px, transparent 50px);
}

#mobile-Collaborateur::after {
    right: -20px;
}

.bgDeco {
    position: relative;
}


.bgDeco::after,
.bgDeco::before {
    position: absolute;
    content: "";
}


.icon-certif .elementor-icon svg {
    width: 80px!important;
    height: 130px!important;
}
@media screen and (max-width: 767px) {
    #heroSection .icon-certif .elementor-icon svg {
        width: 40px!important;
        height: 65px!important;
    }
}