/*
Theme Name: Stoni Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: stoni
Text Domain:  stoni-child
*/

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

.grecaptcha-badge, .wpuf-form li::before{
  display: none;
}

/*----------- FADE -----------------*/

#main{
  position: relative;
  -webkit-animation: fadein 1.5s ; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1.5s ; /* Firefox < 16 */
      -ms-animation: fadein 1.5s ; /* Internet Explorer */
       -o-animation: fadein 1.5s ; /* Opera < 12.1 */
          animation: fadein 1.5s ;
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/*-------------- END FADE --------------------*/


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


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

.service nav li:not(.current-menu-parent, .current-menu-item) .item_text, .service header .header_search-button, .service header .side_panel-toggle-inner, .list strong, p strong, .single-portfolio .primary-nav > ul > li > a, .elementor-swiper-button{
  color: #021C33 !important;
}

.wgl-sticky-header  .side_panel-toggle-inner, .service .wgl-sticky-header  .side_panel-toggle-inner, .sliderElement.button a, .list.white strong, .white p strong, .service header nav ul li.menu-item ul li span.item_text, .wgl-sticky-header .side_panel-toggle-inner:hover > span, .single-portfolio .side_panel-toggle-inner > span, .single-portfolio .wgl-mobile-header .primary-nav > ul > li > a, .weforms_submit_btn{
  color: #fff !important;
}

.service nav li.current-menu-parent .item_text, .service nav li.current-menu-item .item_text, .service nav li:hover > a > span > .item_text, #side-panel .side-panel_close, a:hover span, .service nav ul li.menu-item ul li span.item_text:hover, .elementor-swiper-button:hover{
  color: #C0A989 !important;
}

body ul.stoni_check li:before{
  color: #86CEC6 !important;
}

.wgl-button:hover, .button_wrapper a:hover, .blog-style-hero .blog-post_bg_media:after, .service nav li:not(.current-menu-parent, .current-menu-item) .menu-item_plus::before, .service nav li:not(.current-menu-parent, .current-menu-item) .menu-item_plus::after, #side-panel .side-panel_close, .primary-nav ul li ul, .weforms_submit_btn:hover{
  background-color: #021C33 !important;
}

.blog-style-hero .btn-read-more .blog-post-read-more, .blog-style-hero .blog-post-hero_wrapper .divider_post_info, #scroll_up, .service nav li:hover .menu-item_plus::before, .service nav li:hover .menu-item_plus::after, .single-portfolio .elementor-widget-wgl-header-side_panel, .weforms_submit_btn{
  background-color: #C0A989 !important;
}



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

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

h1, h1 span,h2, h3, h2 span, h3 span, .service-item_title, .tabs .eael-tab-title, .tabs .eael-tab-title{
  font-family: 'Ysabeau', sans-serif !important;
}

.button_wrapper a span, .e-hotspot__label, .weforms_submit_btn{
  font-family: "Poppins" !important;
}

h1, h1 span{
  font-size: calc(20px + 3vw) !important;
}

.service  h1, .service .page-header_content h1.page-header_title{
  font-size: calc(20px + 2vw) !important;
}

.seo.service .page-header_content h1.page-header_title{
  font-size: calc(17px + 2vw) !important;
}


h2 span, h2, .single-portfolio h1 span, .single-portfolio h1 {
  font-size: calc(12px + 2vw) !important;
}

.titlePoints .dbl-title_3 {
  font-size: calc(10px + 1vw) !important;
}

.content h2{
  font-size: calc(15px + 1vw) !important;
}

.cta h3, .cta h3 span{
  font-size: 50px !important;
}

.service-item_title{
  font-size: 44px !important;
}

.elementor-swiper-button i{
  font-size: 35px !important;
}

h3, h3 span{
  font-size: 28px !important;
}

.content h3{
  font-size: 25px !important;
}

.portfolio h4{
  font-size: 19px !important;
}

h3.blog-post_title a{
  font-size: 18px !important;
}

.blog-style-hero .btn-read-more .blog-post-read-more:before, .tabs .eael-tab-title{
  font-size: 17px !important;
}

.wgl-button, .button_wrapper a span, .e-hotspot__tooltip p, .e-hotspot__button i, .primary-nav > ul > li, .list .wgl-tabs_title, body .list ul.stoni_check li:before, .weforms_submit_btn, .content p{
  font-size: 15px !important;
}

nav ul ul .item_text, .portfolio .content{
  font-size: 14px !important;
}

.title2 .dbl-title_3{
  font-size: 75% !important;
}

.title3 .dbl-title_2 {
  font-size: 65% !important;
}

.list .wgl-tabs_title{
  font-weight: 600 !important;
}

.button_wrapper a span, .tabs .eael-tab-title, .weforms_submit_btn{
  font-weight: 500 !important;
}

.wgl-button, .wgl-sticky-header .primary-nav > ul > li, .service nav li .item_text, .primary-nav > ul > li, h1, .wgl-double_heading span{
  font-weight: 400 !important;
}

.list li, .gridServices p{
  line-height: 1.6 !important;
}

h1, .page-header_content h1.page-header_title{
  line-height: 1.5 !important;
}

.dbl-title_wrapper .dbl-title, h3, .portfolio .content, h3.blog-post_title a{
  line-height: 1.4 !important;
}

.single-portfolio .title3 .dbl-title_wrapper .dbl-title{
  line-height: 1.2 !important;
}

.cta .wgl-double_heading .dbl-title, .cta .dbl-title_wrapper {
  line-height: 1 !important;
}

.title3 .dbl-title_wrapper .dbl-title{
  line-height: 0.4 !important;
}

h1, h1 span, .service-item_title, .e-hotspot__label, .tabs .eael-tab-title, nav li .item_text, .list .wgl-tabs_title {
  text-transform: uppercase !important;
}

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

.service-item_title{
  text-shadow: 0px 0px 50px rgb(0 0 0 / 95%);
}

.anim h1{
  text-shadow: 0px 0px 30px rgb(2 28 51 / 55%);
}

.primary-nav > ul > li{
  letter-spacing: 0px;
}

h1{
  letter-spacing: -2px;
  word-spacing: 10px;
}

h3, h3 span{
  letter-spacing: -1px;
}

.service-item_title, .service h1{
  letter-spacing: -2px;
}

h2, h2 span, .single-portfolio h1 span, .single-portfolio h1 {
  letter-spacing: -2px;
}

h2, h2 span, .single-portfolio h1 span, .single-portfolio h1 {
  word-spacing: 1px;
}

.service h1{
  word-spacing: 10px;
}



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


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

.imageLayers .wgl-image-layers .img-layer_image-wrapper:nth-of-type(1) img{
  transform: translate(20px, 220px);
  -webkit-transform: translate(20px, 220px);
}

.imageLayers .wgl-image-layers .img-layer_image-wrapper:nth-of-type(2) img{
  width: 450px;
  transform: translate(100px, 20px);
  -webkit-transform: translate(100px, 20px);
}

.iconBox .elementor-widget-container, .gridPoints .elementor-widget-image img{
  height: 420px;
  object-fit: cover;
}

.iconBox .wgl-icon i{
  font-size: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.box1 .wgl-icon i{
  background: url(/wp-content/uploads/2023/06/smart-control.png);
  height: 95px !important;
  width: 95px !important;
}

.box2 .wgl-icon i{
  background: url(/wp-content/uploads/2023/06/security-shield.png);
  height: 60px !important;
  width: 60px !important;
}

.box3 .wgl-icon i{
  background: url(/wp-content/uploads/2023/06/thermometer.png);
  height: 70px !important;
  width: 70px !important;
}

.e-hotspot__tooltip{
  width: 450px;
  padding: 10px 20px 20px !important;
  border-radius: 10px !important;
}

.e-hotspot__tooltip p{
  white-space: break-spaces;
  text-align: justify;
}

.e-hotspot:hover .e-hotspot__button::before{
  display: none;
}

.e-hotspot__button {
  padding: 5px 20px !important;
}

.catalog li i{
  display: none;
}

.tabs ul li::before{
  display: none;
}

.tabs .eael-tabs-content > div{
  padding-top: 0px !important;
  padding-bottom: 0 !important;
}

.tabs > div > .eael-advance-tabs{
  box-shadow: 0 0px 40px rgb(234,229,218,1);
  background: url(https://capsudpiscine.fr/wp-content/uploads/2023/06/background.jpg);
}

.tabs ul li:last-of-type{
  border-right: none !important;
}

.tabs2 .eael-advance-tabs{
  padding: 0 50px;
}

.tabs2 .eael-tabs-nav{
  width: calc(25% + 6px);
}

.tabs2 .eael-tabs-nav li{
  background: none !important;
}

.tabs2 .eael-tabs-content > div{
  padding: 0 !important;
}

.tabs2 p{
  margin: 0;
  height: 100%;
}

.tabs2 p img{
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 645px;
}

.videoBox .videobox_link{
  background: none !important;
}

.videoBox .videobox_link svg{
  display: none;
}

.videoBox .videobox_animation{
  cursor: context-menu;
}

.list li{
  margin-bottom: 15px;
}

body .list ul.stoni_check li:before{
  top: 5px;
}

.elementor-icon-box-wrapper{
  text-align: center !important;
}

.shape::after{
  background: url(https://capsudpiscine.fr/wp-content/uploads/2023/06/shape.svg);
  content: "";
  position: absolute;
  left: -10vw;
  top: -100px;
  width: 110vw;
  height: 1000px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  opacity: 0.2;
}

.pub img{
  aspect-ratio : 2;
  object-fit: cover;
}

.videoGrids .elementor-column-wrap > div{
  box-shadow: 0 0 10px rgb(0,0,0,0.15);
}

.videoThumb img{
  aspect-ratio: 1.5;
  object-fit: cover;
}

body.tax-portfolio-category .page-header{
  background: url(https://capsudpiscine.fr/wp-content/uploads/2023/06/AdobeStock_41428732-1.jpg) !important;
  background-size: cover !important;
}

.weforms_submit_btn{
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  width: 200px;
  border-radius: 0 !important;
}

.gridServices .elementor-row{
  column-gap: 80px;
}

.gridServices img{
  aspect-ratio: 2.2;
  object-fit: cover;
}

.portfolio h4{
  margin-bottom: 10px;
}

.portfolio .wgl-portfolio-item_image img{
  aspect-ratio: 1.6;
  object-fit: cover !important;
}

.content img{
  max-width: 600px !important;
  margin : 30px 0 30px 30px;
}

.service .page-header {
  height: 500px !important;
}

.service .page-header::after{
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0000001f;
}

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




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

.service h1{
  max-width: 900px;
  line-height: 1.2 !important;
  padding-top: 30px;
}
.seo h1{
  max-width: none;
}

.content h2{
  max-width: 1000px;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
}

.anim h1{
  opacity: 0; /* Masquer le titre au chargement de la page */
  animation: fade-in 1.2s ease-in-out 1000ms forwards;
}

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


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

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

header .section1 > div{
  background: linear-gradient(180deg, rgba(2,28,51,0.9) 0%, rgba(2,28,51,0) 100%);
}

.single-portfolio header .section1 > div, .single-portfolio .header_search-button, .single-portfolio{
  background: none;
}

.home .wgl-site-header .default_logo,  .whitelogo .wgl-site-header .default_logo, body.tax-portfolio-category .wgl-site-header .default_logo, .single-post .wgl-site-header .default_logo{
  filter: brightness(200);
}

.mobile_nav_wrapper .wgl-logotype-container .default_logo{
  display: none;
}

.mobile_nav_wrapper .wgl-menu_header{
  margin-top: 20px;
  margin-bottom: 60px;
}

#side-panel {
  background: url(/wp-content/uploads/2023/06/bg-2.jpg) !important;
}

.wgl-header-row_wrapper{
  height: auto !important;
}

header nav ul ul{
  min-width: 380px !important;
}

.wgl-mobile-header .button_switcher{
  width: 100% !important;
  right: -20px !important;
}

.mobile_nav_wrapper .primary-nav .button_switcher:before{
  border-top-width: 3px !important;
  border-left-width: 3px !important;
  width: 8px !important;
  height: 8px !important;
}



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


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

footer {
  background: url(/wp-content/uploads/2023/06/bg-footer-.jpg);
}


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


/*------------------------------------------------   FORM ------------------------------------------------*/
/*------------------------------------------------   FORM ------------------------------------------------*/



/*------------------------------------------------ END  FORM ------------------------------------------------*/
/*------------------------------------------------ END  FORM ------------------------------------------------*/

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


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

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

.service header .section1 > div{
  background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
}

.service .sliderElement{
  margin-top: 50px !important
}

.single-portfolio .page-header{
  display: none;
}

.single-portfolio main{
  padding-top: 200px;
}




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

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

.single-post .blog-post_content{
  padding-top: 80px;
}

.single-post h1{
  max-width: 80vw !important;
  font-size: 50px !important;
}

.single-post h2{
  margin: 60px 0 30px !important;
  max-width: none !important;
}

.single-post h3{
  margin: 40px 0 20px
}



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


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


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

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

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

  .single-portfolio h1 span{
    font-size: 40px !important;
  }

  header .item_text, .sliderText {
    font-size: 19px !important;
  }

  .wgl-accordion .wgl-accordion_header{
    font-size: 17px !important;
  }

  .sliderElement.button{
    font-size: 16px !important;
  }

  p{
    font-size: 105% !important;
  }

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

  .primary-nav > ul > li > a{
    padding: 0 40px !important;
  }

  header .default_logo{
    height: 140px !important;
  }

  .wgl-theme-header .wgl-sticky-header .wgl-logotype-container>a>img{
    height: 100px !important;
  }

  .service header .section1 > div {
    background: linear-gradient(180deg, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0) 100%);
  }

  .service rs-fullwidth-wrap{
    height: 100vh !important;
  }

  .service rs-module{
    height: 100vh !important;
    max-height: 100vh !important;
  }

  .service .sliderElement{
    left: -260px !important;
    margin-top: 80px !important
  }

  .service .sliderBackground{
    opacity: 0 !important;
  }

  .sec1 > div{
    max-width: 1300px !important;
    margin: auto;
  }

  .hotspot .elementor-widget-container, .hotspot img{
    width: 100% !important;
  }

  footer .elementor-container .elementor-column:nth-of-type(2){
    padding-left: 80px;
  }

}


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


  .service  h1, .service .page-header_content h1.page-header_title{
    font-size: 65px !important;
  }

  h2 span, h2, .single-portfolio h1 span, .single-portfolio h1  {
    font-size: 60px !important;
  }

  header .item_text{
    font-size: 22px !important;
  }

  .sliderText {
    font-size: 21px !important;
  }

  .sliderElement.button, .wgl-accordion .wgl-accordion_header{
    font-size: 19px !important;
  }

  .primary-nav > ul > li > a{
    padding: 0 50px !important;
  }

  header .default_logo{
    height: 190px !important;
  }

  .service header .section1 > div {
    background: linear-gradient(180deg, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0) 100%);
  }

  .service .sliderElement{
    left: -500px !important;
    margin-top: 250px !important
  }

  .service .sliderElement2{
    width: 750px !important;
  }

  .sec1 > div{
    max-width: 1600px !important;
  }

  .catalog, .tabs2 {
    max-width: 1800px;
    margin: auto;
  }

  .wgl-portfolio-item_image img{
    width: 100%;
  }

  footer .elementor-container .elementor-column:nth-of-type(2){
    padding-left: 120px;
  }



}



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


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

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

    .wgl-header-row_wrapper .default_logo{
      height: 110px !important;
    }

    .primary-nav > ul > li > a{
      padding: 0 16px !important;
    }

}




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

  .primary-nav>ul>li{
    font-size: 22px !important;
    padding: 20px 0 !important;
  }

  .menu-item_plus{
    display: none !important;
  }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    width: 40px !important;
  }

  .service #rev_slider_2_1_forcefullwidth{
    margin-top: -40px !important;
  }

  .service .sliderElement{
    left: 50px !important;
    margin-top: 00px !important
  }

  .service .sliderBackground{
    left: 50px !important;
  }

  .mobile-hamburger-toggle{
    width: 100px;
    height: 50px !important;
    justify-content: center;
    display: flex !important;
    right: -10px !important;
    align-items: center;
    top: -20px !important;
  }

  .mobile-hamburger-toggle:not(.is-active){
    justify-content: start;
  }

  ul.sub-menu li a{
    padding: 5px 0 !important;
  }

  .single-post .blog-post_content{
    padding-top: 30px;
  }

  .single-post h1{
    max-width: 80vw !important;
    font-size: 40px !important;
  }


}


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

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

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

  .service nav li:not(.current-menu-parent, .current-menu-item) .item_text{
    color: #fff !important;
  }

  .service nav li.current-menu-parent .item_text, .service nav li.current-menu-item .item_text, .service nav li:hover > a > span > .item_text, #side-panel .side-panel_close {
    color: #C0A989 !important;
  }

  h3, h3 span{
    font-size: 23px !important;
  }

  .title3 .dbl-title_wrapper .dbl-title {
    line-height: 1.1 !important;
  }

  h2, h2 span, .single-portfolio h1 span, .single-portfolio h1  {
    letter-spacing: -1px;
  }

  .service #rev_slider_2_1_forcefullwidth {
    margin-top: -40vh !important;
  }

  .service rs-module{
    height: 85vh !important;
    max-height: 85vh !important;
  }

  .service .sliderElement{
    left: 15vw !important;
    top: 5vh !important;
  }

  .service .sliderElement2{
    width: 450px !important;
  }

  .service .sliderBackground{
    left: 0vw !important;
    width: 77vw !important;
    top: 5vh !important;
    height: 70vh !important;
  }

  .service #rev_slider_2_1 rs-sbg-wrap{
    background: url(/wp-content/uploads/2023/06/banner1a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .service #rev_slider_4_1 rs-sbg-wrap{
    background: url(/wp-content/uploads/2023/06/AdobeStock_614060361.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .service #rev_slider_5_1 rs-sbg-wrap{
    background: url(/wp-content/uploads/2023/06/magiline_abris_bas_plat_STOCKHOLM-7a-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .service #rev_slider_6_1 rs-sbg-wrap{
    background: url(/wp-content/uploads/2023/07/banner4a-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .service rs-sbg{
    opacity: 0;
  }

  .catalog .tabs  li{
    width: 50% !important;
    border: solid 1px #e5e5e5 !important;
    padding: 8px !important;
  }

  .catalog .tabs  li:not(.active){
    background: #f5f5f5 !important;
  }

  .catalog li i{
    display: block;
  }

  .catalog li.active i{
    transform: rotate(90deg);
  }

  .tabs2 .eael-advance-tabs {
    padding: 0px;
  }

  .tabs2 .eael-tabs-nav {
    width: 200px;
    padding-right: 20px;
    left: 30px
  }

  .catalog .tabs2 .eael-tabs-nav{
    width: calc(85px + 15vw);
    padding-right: 0;
    position: absolute;
    background: none !important;
    margin-top: 30px;
  }

  .catalog .eael-tabs-content{
    width: 100%;
  }

  .tabs .eael-tabs-content > div{
    padding: 0 !important;
    padding-top: 0px !important;
  }

  .catalog .tabs2  li{
    border: none !important;
    border-bottom: 1px solid #021C33 !important;
    width: 100% !important;
  }

  .catalog .tabs2 li, .catalog .tabs2 li:not(.active){
    background: rgb(255,255,255,0.8) !important;
  }

  .catalog .tabs2 li.active{
    background: #fff !important;
  }

  .catalog .tabs2 .eael-tab-title{
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #021C33 !important;
    padding: 2px 0 !important;
  }

  .tabs2 p img{
    aspect-ratio: 2;
  }

  .gridServices .elementor-row {
    column-gap: 0px;
    row-gap : 30px;
  }

  .content h2 {
    font-size: 25px !important;
    line-height: 1.2 !important;
  }


}

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

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

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

  h1, h1 span {
    font-size: calc(23px + 3vw) !important;
  }


  h2 span, h2, .single-portfolio h1 span, .single-portfolio h1  {
    font-size: calc(17px + 2vw) !important;
    line-height: 1.5 !important;
  }


  h3, h3 span, .content h3 {
    font-size: 22px !important;
  }

  .service  h1, .service .page-header_content h1.page-header_title{
    font-size: calc(25px + 2vw) !important;
  }

  .cta .wgl-double_heading .dbl-title{
    font-size: 36px !important;
  }

  .service-item_title,   .wgl-double_heading .dbl-title  {
    font-size: 34px !important;
  }

  .titlePoints .dbl-title_3 {
    font-size: 22px !important;
  }

  .title2 .dbl-title_3, .title3 .dbl-title_2{
    font-size: 75% !important;
  }

  body,   .catalog .tabs  li{
    font-size: 15px !important;
  }

  .wgl-button, .button_wrapper a span, .e-hotspot__tooltip p, .e-hotspot__button i{
    font-size: 13px !important;
  }

  h1{
    word-spacing: 7px !important;
  }

  .service .sliderSection{
    height: 85vh;
  }

  .service #rev_slider_2_1_forcefullwidth {
    margin-top: 0px !important;
  }

  .service .sliderBackground{
    left: -7vw !important;
    top: 2vh !important;
  }

  .service .sliderElement{
    left: 10vw !important;
    top: 0vh !important;
  }

  .service .sliderElement2{
    width: 60vw !important;
  }

  .e-hotspot__tooltip{
    width: 80vw;
  }

  .wgl-portfolio-item_title_wrap{
    padding-top: 130px !important;
  }

  .anim .page-header::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0; /* Masquer le titre au chargement de la page */
    animation: fade-in2 0.8s ease-in-out 1100ms forwards;
    background: rgb(2,28,51,0.25);
    z-index: -1;
  }

  @keyframes fade-in2 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

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


  .tabs2 .eael-tabs-nav li{
    justify-content: center;
  }

  .tabs2 p img{
    aspect-ratio: 0.9;
  }

  .tabs2 .eael-tabs-nav {
    left: 10px;
    margin-top: 10px !important;
  }

  .e-hotspot__tooltip {
    left: 0 !important;
  }

  .subText blockquote{
    padding-left: 60px;
  }

  .subText blockquote:before{
    width: 50px;
  }

  .subText span{
    font-size: 20px !important;
    line-height: 35px !important;
  }

  .cmplz-buttons{
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  .cmplz-accept, .cmplz-deny{
    width: 48% !important;
  }

  .portfolio .wgl-portfolio-list_item{
    padding-bottom: 50px !important;
  }

  .portfolio .wgl-portfolio-item_image img {
    aspect-ratio: 1.4;
  }

  .portfolio .under_image .wgl-portfolio-item_description{
    width: calc(100% - 30px);
    left: 15px;
    padding: 15px 15px 10px;
  }

  .content img {
    max-width: 90vw !important;
  }

  .service .page-header {
    height: 230px !important;
  }
  .service .page-header::after{
    background-color: #021c335c;
  }

  .single-post .row [class*=wgl_col-]{
    padding-right: 0px;
    padding-left: 0px;
  }

  .single-post .blog-post_content{
    padding-top: 0px;
  }

  .single-post h1{
    max-width: 90vw !important;
    font-size: 30px !important;
  }

  .single-post h2{
    margin: 50px 0 10px !important;
  }



}


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

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


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

  .service h1, .service .page-header_content h1.page-header_title {
    font-size: calc(21px + 2vw) !important;
  }

  .wgl-double_heading .dbl-title {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

  .single-portfolio h1 span.dbl-title{
    font-size: 25px !important;
  }

  .titlePoints .dbl-title_3 {
    font-size: 20px !important;
  }

  .title2 .wgl-double_heading .dbl-title_3, .title3 .dbl-title_2{
    font-size: 95% !important;
  }


  .wgl-header-row_wrapper .position_right{
    display: none !important;
  }

  .service .sliderSection {
    height: 70vh;
  }

  .service rs-module {
    height: 70vh !important;
    max-height: 70vh !important;
  }

  .service .sliderBackground{
    width: 86vw !important;
    left: -2vw !important;
    top: 14vw !important;
  }

  .service .sliderElement{
    top: 15vw !important;
    left: -8vw !important;
  }

  .service .sliderElement2{
    width: 78vw !important;
  }

  .service .sliderBackground{
    height: 54vh !important;
  }

  .pub img {
    aspect-ratio: 1;
  }

  .shape::after{
    left: -10vw;
    top: -50px;
  }




}



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