/*
Theme Name: Leroux Child
Theme URI: https://leroux.qodeinteractive.com
Description: A child theme of Leroux
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: leroux
Template: leroux
*/

/* =Theme customization starts here
------------------------------------------------------------ */

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





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


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

.grey p{
  color: #f2f2f2 !important;
}

h1,h2,h3,h4{
  color: #00083d !important;
}

.qodef-blog .qodef-e-title-link, .single-product header#qodef-page-header #qodef-page-header-inner nav .menu-item a, .relatedProducts .woocommerce-LoopProduct-link{
  color: #00083D !important;
}

.strongPoints2 h3, .content a, .selectorForm .selector, p a{
  color: #003CA3 !important;
}

.works a:hover{
  color: #B7D4E1 !important;
}


.white h1, .white h2, .white h3, .services h3, .services p, .white p, .titleoverlay h1.qodef-m-title, .bottomBar a  {
  color: #ffffff !important;
}

.frm_error{
  color: #c10000 !important;
}

#qodef-top-area-inner a{
  color: #e6e6e6 !important;
}

.strongPoints .qodef-icon-with-text.qodef-hover-effect--contrast .qodef-m-wrapper.qodef-mask{
  background-color: #00083d;
}

.single-product #qodef-top-area-inner, .single-product header .qodef-background--blur, .single-post .qodef-button.qodef-layout--filled.qodef-html--link  {
  background-color: #003ca3 !important;
}


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

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

h1,h2,h3,h4, .qodef-header-navigation>ul>li>a, .qodef-button.qodef-html--link, .qodef-m-subtitle{
  font-family: "Red hat text", Sans-serif !important;
}

body{
  font-family: "Lexend";
}

.bigButton .qodef-m-text, .qodef-menu-item-text{
  font-size: 16px !important;
}

.strongPoints p{
  font-size: 14px;
}


.content a, .qodef-menu-item-text, p a{
  font-weight: 500;
}


body,  .bottomBar a, #qodef-top-area-inner a{
  font-weight: 300;
}

body{
  letter-spacing: 0.5px;
}

h1,h2{
  letter-spacing: -1px;
}


h5, .qodef-e-product-title{
  letter-spacing: 0 !important;
}

.homeSection h1{
  text-shadow: 0 0 43px rgb(0,0,0,0.4);
}

.strongPoints h4, .strongPoints p{
  text-align: center !important;
}

.selectorForm .selector{
  text-decoration: underline;
}


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

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

h1{
  font-size: calc(18px + 2vw) !important;
  font-weight: 500 !important;
  margin-bottom: 25px !important;
  line-height: 1.2 !important;
}

h1 span{
  font-size: 55%;
}

 .single-portfolio-item h1{
   font-size: calc(0px + 2vw) !important;
   font-weight: 500 !important;
   line-height: 1.4 !important;
   max-width: 1000px;
   margin-bottom: 0 !important;
 }

h2{
  font-size: calc(15px + 1vw) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

h3{
  font-size: calc(3px + 1vw) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0;
}

.sector h3, .works h3, .serviceGrid h3{
  font-size: calc(6px + 1vw) !important;
}

.services h3{
  font-weight: 600;
  text-shadow: 0 0 15px rgb(0,0,0,0.2);
}

.gridItems .elementor-post__title{
  font-size: 24px !important;
}

.productsGrid h3{
  font-size: 18px !important;
  font-weight: 600 !important;
}


.strongPoints2 h3 {
  font-size: calc(1px + 1vw) !important;
  line-height: 1.2 !important;
  font-weight:600 !important;
  letter-spacing: 0;
}

.cta .col1 h3{
  font-size: calc(4px + 1vw) !important;
  font-weight: 600 !important;
}

.content h3{
  margin-bottom: 10px;
}

h4{
  font-size: calc(6px + 0.8vw) !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}



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


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

.customers .swiper-button-prev, .customers .swiper-button-next, .qodef-woo-product-price, .qodef-portfolio-list.qodef-item-layout--info-on-image article.qodef-e.swiper-slide:after{
  display: none !important;
}

.home #qodef-page-inner{
  width: 100%;
}

.premium-adv-carousel__inner-container{
  visibility: visible !important;
}

.sectors .innerSection .qodef-banner.qodef-layout--link-button-image-on-hover .qodef-m-image img {
  height: 300px;
}

.homeSection .elementor-background-video-container::after, .halfBlur::before {
  content: "";
  position: absolute;
  background: #000000;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  height: 280px;
  width: 100%;
  top: 0;
  left: 0;
}

/* 1) Conteneur masquant le titre */
.reveal, .reveal2, .reveal3 {
    position: relative;
    overflow: hidden;          /* « boîte » qui masque le slide-up */
}

/* 2) Style initial du titre (caché) */
.reveal .elementor-heading-title, .reveal2 .elementor-heading-title, .reveal3 .elementor-heading-title {
    display: inline-block;
    opacity: 0;
    transform: translateY(100px);
    padding-bottom: 10px;
}

/* 3) Animation commune, SANS delay par défaut */
.reveal-visible .elementor-heading-title {
    animation: slideUp 1s ease forwards;
}

/* 4) Décalages spécifiques */
.reveal2.reveal-visible .elementor-heading-title { animation-delay: .0s; }   /* +0,5 s */
.reveal3.reveal-visible .elementor-heading-title { animation-delay: 0.3s; }  /* +2,5 s */

@keyframes slideUp {
    to { opacity: 1; transform: translateY(0); }
}


.strongPoints .qodef-m-wrapper{
  padding: 30px 50px !important;
  display: flex;
  min-height: 204px;
}

.strongPoints .qodef-m-icon-wrapper{
  margin: 0;
}

.strongPoints .elementor-widget-leroux_core_icon_with_text, .strongPoints .elementor-widget-container, .strongPoints .qodef-icon-with-text , .strongPoints .qodef-m-wrapper{
  height: 100%;
}

.strongPoints .col::after{
  content: "";
  position: absolute;
  height: 80px;
  width: 1px;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  transform: -webkit-translateY(-50%);
  background-color: #001078;
}

.strongPoints .qodef-m-title{
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}


.services {
  margin: 0 20px 0 25px;
}

.services .qodef-interactive-banners .qodef-ib-images-holder .qodef-ib-image-holder{
  background-position: center;
}

.qodef-interactive-banners{
  height: 85vh !important;
}

.services .qodef-ib-content-holder .qodef-ib-item.qodef-active:before {
  -webkit-backdrop-filter: blur(10px) brightness(84%);
  backdrop-filter: blur(10px) brightness(84%);
  background-color: rgb(0, 0, 0, 0.3);
}

.services .qodef-ib-content-holder::after{
  content: "";
  position: absolute;
  background: #000000;
  background: -webkit-linear-gradient(bottom, rgba(0, 8, 46, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(bottom, rgba(0, 8, 46, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  height: 55vh;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s;
}

.withAfter .elementor-heading-title{
  z-index: 2;
  position: relative;
}

.withAfter .elementor-heading-title::after{
  content: "";
  position: absolute;
  left: -9px;
  top: -13px;
  width: 71px;
  height: 74px;
  background-image: url(/wp-content/uploads/2025/04/3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
  transform: rotate(90deg);
  z-index: -1;
}

.withAfter.white .elementor-heading-title::after{
  opacity: 1;
}

.qodef-interactive-banners .qodef-ib-content-holder .qodef-ib-item .qodef-ib-item-subtitle {
  margin-bottom: 40px;
}

.customers .swiper-wrapper{
  align-items: center;
}

.premium-adv-carousel__media-wrap{
  max-width: 200px;
  max-height: 150px;
}

.premium-adv-carousel__media-wrap img{
  object-fit: contain !important;
}

.sector{
  padding-left: 30px !important;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
  box-shadow: 0 0 30px 5px rgb(0, 0, 0, 0.1);
  row-gap: 10px;
  background-position: center;
}

.sector:hover{
  padding-bottom: 30px !important;
}

.sector::after{
  content: "";
  position: absolute;
  background: #000000;
  background: -webkit-linear-gradient(bottom, rgba(0, 8, 46, 0.8) 20%, rgba(0, 0, 0, 0) 100%);
  height: 200px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 0;
  transition: all 0.3s ease-in-out;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.sector:hover::after{
  height: 300px;
}

.sector .elementor-widget-leroux_core_section_title .qodef-m-text{
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.sector:hover .elementor-widget-leroux_core_section_title .qodef-m-text{
  height: 60px;
}

.sector a{
  font-size: 17px;
}


.sector .elementor-element {
  z-index: 1;
}

.works .qodef-grid-inner{
  column-gap: 50px;
}

.works .qodef-grid-item{
  box-shadow: 0 0 25px 5px rgb(0, 0, 0, 0.08);
}

.works .qodef-e-media-image, .serviceGrid .elementor-widget-image{
  border-radius: 2px;
  overflow: hidden;
}

.works .qodef-e-media-image::after{
  content: "";
  position: absolute;
  background: #000000;
  background: -webkit-linear-gradient(bottom, rgba(0, 8, 46, 0.8) 20%, rgba(0, 0, 0, 0) 100%);
  height: 160px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.works img, .serviceGrid img{
  object-fit: cover;
  aspect-ratio:0.9;
  transition: all 0.3s ease-in-out;
}

.works .portfolio-item:hover img, .serviceGrid:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}


.halfBlur, .fullFilm {
  position: relative;
}

.halfBlur > div{
  z-index: 1;
}

.halfBlur::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 50%;
  background-color: #003ca31f;
  -webkit-backdrop-filter: blur(10px) brightness(75%);
  backdrop-filter: blur(10px) brightness(75%);
  transform: translateX(-100%);
  opacity: 0;
  animation: revealSlide 0.8s ease-out 1s forwards;
}

@keyframes revealSlide {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.halfBlur > div, .fullFilm > div{
  z-index: 1;
}

.fullFilm::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #010a1aa1;
  opacity: 0;
  animation: fadeOverlay 0.8s ease-out 1s forwards;
}

@keyframes fadeOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.titleoverlay .qodef-parallax-img-holder::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #010a1a5c;
}


.productsGrid .qodef-e-product-image-holder img{
  aspect-ratio:1.2;
  object-fit: cover;
}

.productsGrid .qodef-e-product-inner{
  box-shadow: 0 0 25px 5px rgb(0, 0, 0, 0.08);
}

.productsGrid .qodef-e-product-content{
  padding: 30px 30px 20px !important;
  min-height: 210px;
}

.qodef-qi-woo-shortcode-product-list.qodef-item-layout--info-below-hover-inset .qodef-e-product-inner .qodef-e-product-image-inner{
  -webkit-backdrop-filter: blur(10px) brightness(84%);
  backdrop-filter: blur(10px) brightness(84%);
  background-color: #003ca31f;
}

.productsGrid p{
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px !important;
}

.strongPoints2{
  overflow: hidden;
}

.strongPoints2::after{
  content: "";
  position: absolute;
  background-image: url(/wp-content/uploads/2025/04/V.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  width: 38%;
  height: 70%;
  right: -10%;
  bottom: -10%;
  z-index: 0;
}

.counter{
  max-width: 1400px;
  margin: auto;
}

.counter .elementor-widget-leroux_core_counter{
  max-width: 220px !important;
}

.cta .qodef--custom-icon{
  padding-left: 50px;
}

.cta .qodef--custom-icon::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50px;
  background-image: url(/wp-content/uploads/2025/05/verifier.svg);
  background-size: contain;
  width: 30px;
  height: 30px;
}

.serviceGrid{
  box-shadow: 0 0 25px 5px rgb(0, 0, 0, 0.08);
  justify-content: flex-start;
}

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

.full_page #qodef-page-inner, .tax-portfolio-category #qodef-page-inner, .single-post #qodef-page-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 0;
  width: 100%;
}

.full_page #qodef-page-content, .tax-portfolio-category #qodef-page-content, .single-post #qodef-page-content{
  max-width: 1300px;
  padding: 0 50px;
}

.full_page footer, .tax-portfolio-category footer, .single-post footer{
  width: 100%;
}

.selectorForm .selector{
  display: flex;
  column-gap: 50px;
  font-size: 22px;
  font-weight: 500;
  transition: all ease 0.3s;
}

.selectorForm .selector label{
  transition: all ease 0.2s
}

.selectorForm .selector label:hover{
  cursor: pointer;
  opacity: 0.6;
}


.tax-portfolio-category .qodef-page-title{
  display: none;
}

.portfolioList img{
  aspect-ratio: 1.7;
  object-fit: cover;
}


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


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

.services .qodef-background--blur{
  letter-spacing: 0;
  min-width: 230px;
  justify-content: center;
  font-weight: 500 !important;
}

.buttonWhite .qodef-button.qodef-layout--filled.qodef-background--blur, .add_to_cart_button:hover{
  background-color: #fff !important;
  color: #003CA3 !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  min-width: 230px;
  justify-content: center;
}

.buttonBlue .qodef-button.qodef-layout--filled.qodef-background--blur, .add_to_cart_button {
  background-color: #003CA3 !important;
  color: #fff !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  min-width: 230px;
  justify-content: center;
}

.buttonGlossy .qodef-button.qodef-layout--filled.qodef-background--blur, .services .qodef-active .qodef-background--blur{
  background-color: #003ca3a3 !important;
  color: #fff !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  min-width: 230px;
  justify-content: center;
}

header .qodef-background--blur{
  background-color: #003ca3  !important;
}

.add_to_cart_button{
  border-radius: 35px;
  height: 50px;
}

.cta .buttonBlue a{
  width: 300px;
  height: 60px;
}

.cta .buttonBlue a span{
  font-size: 20px !important;
}

.qodef-e-product-image-inner .qodef-m.button {
  background-color: #003CA3 !important;
  color: #fff !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  min-width: 230px;
  justify-content: center;
  border-radius: 50px;
  font-family: "red hat text"
}

.qodef-e-product-image-inner .qodef-m.button:hover {
  background-color: #fff !important;
  color: #003CA3 !important;
  font-weight: 500 !important;
}

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

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

#qodef-top-area-inner{
  background-color: #003ca31f;
}

.qodef-header-sticky-inner img{
  height: 43px !important;
}

.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li>a{
  padding: 4px 0;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul{
  width: 270px;
}


/*------- Dark Header ------------*/

.single-portfolio-item header, .tax-portfolio-category header, .dark_header header, .single-post header{
  box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
  background-color: #fff !important;
}

.single-portfolio-item .qodef-header-logo-link .qodef--main, .tax-portfolio-category .qodef-header-logo-link .qodef--main, .dark_header .qodef-header-logo-link .qodef--main, .single-post  .qodef-header-logo-link .qodef--main{
  opacity:1 !important;
}

.single-portfolio-item .qodef-header-logo-link .qodef--light, .tax-portfolio-category .qodef-header-logo-link .qodef--light, .dark_header .qodef-header-logo-link .qodef--light, .single-post .qodef-header-logo-link .qodef--light{
  display: none !important;
}

.single-portfolio-item header#qodef-page-header #qodef-page-header-inner nav .menu-item a, .tax-portfolio-category header#qodef-page-header #qodef-page-header-inner nav .menu-item a, .dark_header header#qodef-page-header #qodef-page-header-inner nav .menu-item a, .single-post header#qodef-page-header #qodef-page-header-inner nav .menu-item a{
  color: #00083D !important;
}

.single-portfolio-item #qodef-top-area-inner, .single-portfolio-item header .qodef-background--blur, .tax-portfolio-category #qodef-top-area-inner, .tax-portfolio-category header .qodef-background--blur, .dark_header  header .qodef-background--blur, .dark_header #qodef-top-area-inner, .single-post #qodef-top-area-inner, .single-post header .qodef-background--blur{
  background-color: #003ca3 !important;
}



/******************************/



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


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

.bottomBar{
  overflow: hidden;
}

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


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

/* .iti__flag{
	display: none;
} */

.with_frm_style .iti__flag{
  background-image: url(/wp-content/plugins/formidable-pro/images/intl-tel-input/flags.webp)
}

.formidableForm {
  padding: 50px 80px;
  border-radius: 20px;
  box-shadow: 0 0 10px 10px rgb(0, 0, 0, 0.05);
}


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

/*------------ Portfolio ---------------*/


.qqvfw-quick-view-button-wrapper, .qwfw-add-to-wishlist-wrapper, .qodef-woo-product-mark{
  display: none !important;
}


.single-portfolio-item #qodef-page-inner{
  width: 100%;
  padding-bottom: 0 !important;
}

.single-portfolio-item .mainCont > div{
  max-width: 100% !important;
}


/* ---------- End Portfolio ------------*/

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






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

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

.single-post .qodef-e-media-image img{
  aspect-ratio: 3;
  object-fit: cover;
}

.single-post #qodef-related-posts{
  margin-bottom: 50px;
}


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


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



.single-product header{
  box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
  background-color: #fff !important;
}

.single-product .qodef-header-logo-link .qodef--light, .qqvfw-quick-view-button-wrapper, .qwfw-add-to-wishlist-wrapper, .qodef-woo-product-mark{
  display: none !important;
}

.single-product .qodef-header-logo-link .qodef--main{
  opacity:1 !important;
}

.single-product #qodef-page-inner{
  width: 100%;
  padding-bottom: 0 !important;
}

.single-product .mainCont > div{
  max-width: 100% !important;
}

.mainImageProduct img{
  aspect-ratio: 0.9;
  object-fit: cover;
}

.productTags .elementor-widget-container{
  background: #f6f6f9;
  color: #00083D;
  font-weight: 400;
  padding: 5px 20px;
  border-radius: 20px;
}

.tableProduct table th {
  padding: 10px 20px;
  background-color: #f6f6fd;
  border-right: 1px solid #e1e1e1 !important;
}

.tableProduct table tr, .tableProduct table td{
  border: 1px solid #e1e1e1;
}

.related .products{
  --qode-columns: 4 !important;
}

.relatedProducts .woocommerce-loop-product__title{
  margin-top: 0 !important;
}






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

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




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


}



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



}



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


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

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

  .qodef-menu-item-text {
   font-size: 15px !important;
 }

 #qodef-page-header .qodef-header-logo-link {
   height: 50px !important;
 }

}


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

  .strongPoints2 h3 {
    font-size: 17px !important;
  }

  .productsGrid h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .bigButton .qodef-m-text {
    font-size: 15px !important;
  }

  #qodef-page-header .qodef-header-logo-link {
    height: 42px !important;
  }

  .productsGrid .qodef-e-product-content {
    padding: 20px 20px 20px !important;
    min-height:260px;
  }

  .productsGrid .qodef-grid-inner{
    gap:30px !important;
  }

  .cta .col1 > div{
    padding-left: 0 !important;
  }

  .qodef-header--standard #qodef-page-header-inner {
    padding-left: 30px !important;
    padding-right: 20px !important;
  }

  .cta .col1 h3 {
    font-size: calc(11px + 1vw) !important;
    font-weight: 500 !important;
  }

  .qodef-header-navigation>ul>li {
    margin: 0 14px;
  }

  .full_page #qodef-page-content, .tax-portfolio-category #qodef-page-content, .single-post #qodef-page-content{
    padding: 0 30px;
  }


}



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

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




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

  h3, .serviceGrid h3 {
    font-size: 20px !important;
  }

  h4{
    font-size: 17px !important;
  }

  .qodef-menu-item-text, header .qodef-m-text {
    font-size: 14px !important;
  }

  #qodef-page-header .qodef-header-logo-link {
    height: 34px !important;
  }

  .strongPoints .qodef-m-wrapper{
    padding: 15px 20px !important;
  }

  .strongPoints p {
    font-size: 13px;
    line-height: 1.6;
  }

  .buttonGlossy .qodef-button.qodef-layout--filled.qodef-background--blur, .services .qodef-active .qodef-background--blur{
    min-width: 165px;
  }

  .qodef-header-navigation>ul>li {
    margin: 0 8px;
  }

  .qodef-header--standard #qodef-page-header-inner, .qodef-header-sticky-inner  {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  header .qodef-background--blur {
    padding: 7px 20px !important;
  }


}



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

  h1 {
    font-size: calc(30px + 2vw) !important;
    line-height: 1.4 !important;
  }


  h2 {
    font-size: 28px !important;
  }

  .services h3{
    font-size: 30px !important;
  }

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

  .works h3{
    font-size: 18px !important;
  }

  .qodef-menu-item-text, header .qodef-m-text {
    font-size: 17px !important;
  }

  #qodef-page-mobile-header .qodef-mobile-header-logo-link {
    height: 35px !important;
  }

  #qodef-page-inner {
    padding: 40px 0 100px;
  }

  .sub-menu{
    padding-left: 30px !important;
    background: rgb(0, 0, 0, 0.05);
    padding: 20px !important;
    padding-top: 10px !important;
    margin-top: 10px !important;
  }

  .qodef-interactive-banners{
    height: auto !important;
  }

  .services .qodef-background--blur {
    background-color: #003ca3a3 !important;
    min-width: 165px;
  }

  .qodef-interactive-banners .qodef-ib-content-holder .qodef-ib-item, .qodef-interactive-banners .qodef-ib-content-holder .qodef-ib-image-holder-responsive{
    height: 400px !important;
  }

  .qodef-interactive-banners .qodef-ib-content-holder .qodef-ib-image-holder-responsive:after{
    background-color: rgba(0, 0, 0, .5);
  }

  .premium-adv-carousel__item-outer-wrapper, .premium-adv-carousel__item{
    max-width: 150px;
  }

  .premium-adv-carousel__media-wrap{
    max-width: 150px;
    max-height: 120px;
  }

  .halfBlur::after {
    width: 100%;
    background-color: #003ca345;
    -webkit-backdrop-filter: blur(0px) brightness(40%);
    backdrop-filter: blur(0px) brightness(40%);
  }

  .strongPoints2::after {
    width: 80%;
    right: -25%;
    bottom: 5%;
  }

  .productsGrid .qodef-grid-inner{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .productsGrid .qodef-e-product-content {
    min-height:220px;
  }

  .works .qodef-grid-inner {
    column-gap: 20px;
  }

  .works .qodef-e-content{
    padding: 20px 15px 25px !important;
  }

  .cta .qodef--custom-icon::before{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
  }

  .cta .col1 h3 {
    font-size: calc(15px + 1vw) !important;
  }

  .relatedProducts .products{
    grid-template-columns: repeat(2, 1fr) !important;
  }

}


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

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

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

  .counter .qodef-m-digit{
    font-size: 35px !important;
  }


  h2 {
    font-size: 25px !important;
  }

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

  .sector h3, .works h3, .gridItems .elementor-post__title{
    font-size: 21px !important;
  }

  .strongPoints2 h3 {
    font-size: 19px !important;
  }

  .pointsGrid p, body{
    font-size: 14px;
  }

  .gridItems .elementor-post__title a{
    font-weight: 400 !important;
  }

  h1{
    line-height: 1.3 !important;
    font-size: calc(26px + 2vw) !important;
  }

  #qodef-page-mobile-header-inner{
    padding-left: 15px !important;
  }


  .strongPoints .qodef-m-wrapper {
    min-height: 140px;
  }

  .strongPoints .col::after{
    content: "";
    position: absolute;
    height: 1px;
    width: 80px;
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translateX(-50%);
    transform: -webkit-translateX(-50%);
    background-color: #001078;
  }

  .counter .qodef-m-title{
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.2;
  }


  .productsGrid .qodef-grid-inner{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

  .productsGrid .qodef-e-product-image-holder img {
    aspect-ratio: 1.4;
  }

  .productsGrid .qodef-grid-inner {
    gap: 50px !important;
  }

  .serviceGrid img {
    aspect-ratio: 1;
  }

  .elementor-post__card .elementor-post__text{
    padding: 0 15px !important;
    margin-top: 5px !important;
  }

  .cta .qodef--custom-icon {
    padding-left: 40px;
  }

  .cta .col1 h3 {
    font-size: calc(15px + 1vw) !important;
  }

  .full_page #qodef-page-content, .tax-portfolio-category #qodef-page-content, .single-post #qodef-page-content{
    padding: 0 10px;
  }



}


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

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


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



}



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