/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */

 @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

 .leo-megamenu .dropdown,
 .leo-megamenu.cavas_menu.navbar,
 .menu_position {
   position: static;
 }

 ul.nav.navbar-nav.megamenu.horizontal {
   display: flex;

   justify-content: center;

   align-items: center;

   gap: 5px;
 }

 .leo-megamenu .dropdown-menu.level1 {
   width: 95vw;
   margin: -8px auto;
   left: 2.5% !important;
 }

 .lang-ar .leo-megamenu .dropdown-menu.level1 {
  width: unset;
  margin: -8px auto;
  left: 2.5% !important;
}

 .leo-megamenu
   ul.col-md-3
   li.nav-item.dropdown-submenu.mega-group
   > a
   > .menu-title {
   text-transform: uppercase;

   font-family: "Inter" !important;

   font-weight: 700 !important;

   font-size: 14.625px !important;

   line-height: 16px;

   letter-spacing: 0.16px;

   color: rgb(16, 50, 61) !important;
 }

 .left-side {
   display: none;
 }

 #header,
 #header .header-top {
   background-color: #50a8c4;
 }
 .bottomnav {
   background: #fff !important;
   color: #50a8c4 !important;
   height: 40px;
 }
 .nav-centering {
   display: flex;
   justify-content: center !important;
   align-items: center !important;
 }
 .bottomnav .text-top {
   color: #50a8c4 !important;
 }
 a.ap-btn-wishlist i,
 #_desktop_cart .blockcart i {
   color: #fff !important;
 }
 .btn-login {
   font-size: 14px;
   font-weight: bold;
   color: #fff !important;
   line-height: 16px;
   text-transform: uppercase;
 }
 #leo_search_block_top .block_content #leo_search_top_button {
   background-color: #50a8c4 !important;
 }
 body#index .leo-list-product-reviews {
   display: none;
 }
 .testimonial .testi-meta .right-side {
   margin: 0 !important;
 }

 .email_logo {
   display: flex;
   justify-content: start;
   align-items: center;
   gap: 20px;
 }
 .email_logo p {
   margin: 0 !important;
   font-family: "Inter";
   font-style: normal;
   font-weight: 600;
   font-size: 17px;
   line-height: 24px;
   color: #10323d;
 }
 .contact-w .image_description p a {
   font-family: "Inter";
   font-style: normal;
   font-weight: 600 !important;
   font-size: 16px !important;
   line-height: 24px;
   color: black !important;
 }
 .contact-w {
   margin-bottom: 21px !important;
 }
 .reassurance_container {
   flex-wrap: nowrap !important;
   align-items: start;
 }
 .label_section_w {
   text-align: start;
 }
 .product-grid-rating .btn-product.add-to-cart {
   color: #10323d;
 }
 .category-default a {
   font-family: "Inter" !important;
   font-style: normal !important;
   font-weight: 400 !important;
   font-size: 12.1875px !;
   line-height: 24px;
   display: flex;
   align-items: center;
   color: #7d879c;
 }
 .h3.product-title a {
   font-family: "Inter";
   font-style: normal;
   font-weight: 500;
   font-size: 16.5938px;
   line-height: 24px;
   text-transform: capitalize;
   color: #10323d;
 }
 footer .mentions_all_links.ApBlockLink.accordion_small_screen {
   margin-left: 0;
 }
 #category #subcategories {
   display: none;
 }
 #wrapper {
   padding-top: 0;
   border: none !important;
 }
 .breadcrumb::before,
 #manufacturer #wrapper .breadcrumb::before,
 #product #wrapper .breadcrumb::before,
 #contact #wrapper .breadcrumb::before {
   top: -9px !important;
 }
 .nav_container {
   display: flex;
   /* justify-content: center; */
   justify-content: space-between;
   align-items: center;
 }
 .h1.product-detail-name {
   margin-top: 4rem;
 }
 .product-add-to-cart.js-product-add-to-cart {
   display: flex;
   justify-content: start;
   align-items: center;
 }
 .product-actions {
   margin-bottom: 20px;
 }
 .copyright span {
   color: #50a8c4 !important;
 }
 #leo_search_block_top .block_content .list-cate-wrapper .select-title span,
 #leo_search_block_top .block_content .list-cate-wrapper i {
   color: #50a8c4;
 }
 .leo-wishlist-button.btn-product.btn-primary.btn,
 .leo-compare-button.btn-primary.btn-product.btn {
   background-color: #f3f5f9 !important;
   color: black !important;
 }
 .leo-wishlist-button.btn-product.btn-primary.btn:hover,
 .leo-compare-button.btn-primary.btn-product.btn:hover {
   color: white !important;
   background-color: #50a8c4 !important;
 }

 .contact-form .btn.btn-primary {
   background-color: white;
   font-weight: 500;
   font-size: 13px;
 }
 .contact-form h3 {
   font-family: "Inter";
   font-style: normal;
   font-weight: 600 !important;
   font-size: 33.4688px !important;
   line-height: 30px !important;
   color: #10323d;
 }

 body:not(#manufacturer) .block-categories.block.block-highlighted {
   display: none;
 }

 #manufacturer .list-brands {
   display: flex;
   justify-content: start;
   flex-direction: column;
   gap: 40px;
 }
 #manufacturer .brand a {
   font-family: "Inter";
   font-style: normal;
   font-weight: 400;
   font-size: 13.125px;
   line-height: 24px;
   color: #10323d;
 }

 #manufacturer h1 {
   margin-bottom: 3rem;
 }
 #manufacturer .block-categories.block.block-highlighted li a {
   font-family: "Inter";
   font-style: normal;
   font-weight: 300;
   font-size: 14.34px;
   line-height: 34px;
   color: #888888;
 }
 .page-content.page-not-found #search_widget {
   float: none !important;
 }
 .search-widget form button[type="submit"] {
   position: absolute;
   border: none;
   background: transparent;
   bottom: 5px;
   color: white;
   padding: 0px;
   font-size: 1.1875rem;
   width: 65px !important;
   height: 61px !important;
 }
 .popup-over a.popup-title {
   color: white !important;
 }
 #my-account .page-footer a {
   background: #50a4c8;
   color: white;
   padding: 12px 14px;
   font-size: 18px;
   border-radius: 4px;
 }
 #my-account .page-footer a:hover {
   border: 1.5px solid #50a4c8;
   background: transparent;
   color: #50a4c8;
 }
 .footer_links li a:hover {
   background-color: #50a4c8;
 }
 .leo-save-wishlist-bt:hover,
 .leo-save-wishlist-bt:focus {
   background-color: #50a4c8;
   color: white;
 }
 .leo-compare-bt-content svg path {
   stroke: black;
   stroke-width: 1.3px;
 }
 #product .compare .leo-compare-button {
   padding: 13px 0 !important;
 }
 .compare .leo-compare-button {
   padding: 7px 0 !important;
 }
 .compare .leo-compare-button:hover svg path {
   stroke: white;
 }
 #cart .cart-grid.row {
   margin-top: 30px !important;
 }

 .btn-login {
   font-size: 12px !important;
 }
 .image_link {
   width: 100%;
   display: flex;
   justify-content: start;
   align-items: center;
 }
 .image_link:hover .featured_categories_text label {
   text-decoration: underline !important;
   color: #50a4c8 !important;
   cursor: pointer;
 }
 .reassurence_items_blog .title {
   font-family: "Inter";
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 16px;
   letter-spacing: 0.16px;
   color: #10323d;
   margin-bottom: 10px;
   margin-block: 0;
   margin-top: 0;
   display: block;
   width: 70%;
 }
 .reassurence_items_blog .descript {
   font-family: "Inter";
   font-style: normal;
   font-weight: 400;
   font-size: 11.9844px;
   line-height: 13px;
   color: #7d879c;
   margin: 0;
   display: block;
   width: 79%;
   margin-left: auto;
 }
 .reassurence_items_blog .block-carousel-image-container {
   display: flex; /* Enables the layout to align items horizontally */
   align-items: center; /* Aligns items vertically */
   column-gap: 10px; /* Adds space between the image and text */
   flex-wrap: wrap;
 }

 .reassurence_items_blog .block-carousel-image-container img {
   flex-shrink: 0; /* Prevents the image from shrinking */
   max-width: 100px; /* Adjust to control the image size */
   height: auto; /* Keeps aspect ratio */
 }

 @media screen and (max-width: 997px) {
  .lang-ar .logo_container {
    margin-left: -1.5rem !important;
    margin-right: 2rem;
  }
  .footer_logo img {
      max-width:40% !important;
  }

   .logo_container {
     max-width: 198px;
     margin-left: 44px;
   }
   .logo_container .header_logo {
     padding: 0;
   }
   .search_header {
     max-width: 27px;
   }
   .search_header div#leo_search_block_top {
     margin: 0;
   }
   #leo_search_block_top .title_block::before {
     color: #fff !important;
   }
   .navbar-header .navbar-toggler.hidden-lg-up {
     color: white;
   }
   ul.nav.navbar-nav.megamenu.horizontal {
     flex-direction: column;
     justify-content: start !important;
     align-items: start !important;
   }
   ul.nav.navbar-nav.megamenu.horizontal li {
     width: 100% !important;
   }
   /* previous styling searchBar */
   /*#leo_search_block_top .block_content {
     position: absolute;
     top: 100%;
     left: unset !important;
     background: #fff;
     border: 1px solid #e4e4e4;
     border-radius: 30px;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s;
     z-index: 99;
     right: -100%;
   }*/

   #leo_search_block_top .block_content {
    position: absolute;
    top: 100%;
    left: calc(-55vw - 0.5%) !important;
    background: #fff;
    border: 1px solid #e4e4e4;
    opacity: 0;
    border-radius: 0px;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 99;
    right: -9.4rem;
  }

  #leo_search_block_top .block_content .leoproductsearch-result .search_query {
    height: 40px;
    font-size: 14px;
    padding: 6px 50px 6px 12px;
    background: transparent;
    min-width: 24.5rem;
    border: none;
    border-radius: 0px;
  }

  /*end of search bar style*/

   .bottomnav {
     display: none !important;
   }
   .owl-theme .owl-buttons div.owl-next {
     right: -19px !important;
     left: auto;
   }
   .owl-theme .owl-buttons div.owl-prev {
     left: -19px !important;
     right: auto;
   }
   .product-quantity.clearfix {
     display: flex;
     flex-wrap: wrap;
     max-width: 400px;
     gap: 20px;
     justify-content: center;
   }
   .product-add-to-cart .control-label {
     display: none !important  ;
   }
   .form-control-comment {
     font-size: 14px;
     padding: 18px 0;
     color: #878787;
     float: right;
     padding-right: 17px;
   }
   .products-sort-order .select-title {
     display: inline-block;
     width: 100%;
     color: #333333;
     background: white;
     padding: 0.3125rem;
     cursor: pointer;
     height: 50px;
   }
   .row.sort-by-row {
     display: flex;
   }
 }

 @media screen and (max-width: 988px){

  #leo_search_block_top .block_content #leo_search_top_button {
    top: 1px;
    width: 70px;
    height: 36px;
    padding: 0px;
    z-index: 9;
    font-size: 18px;
    position: absolute;
    font-weight: bold;
    color: #fff;
    background: #24aeb1;
    right: 0px;
    border-radius: 50px 5px 5px 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

 }

 @media screen and (max-width: 507px) {
   .featured_categories {
     width: 50%;
     float: left;
   }
   .featured_categories p.featured_categories_text label {
     text-align: left;
     font-size: 15px;
   }
   .products-selection .filter-button {
     margin-top: 0 !important;
   }
 }

 /* ------------------------ My Custom Styling ::Start ----------------------- */

 body #wrapper {
    padding-top: 0;
    background: #fff !important;
 }

 @media screen and (min-width: 992px){
  #leo_search_block_top .block_content {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 99;
    width: 70%;
    float: right;
  }
 }

/* swiper buttons (prev, next) for product new products */
@media (max-width: 576px) {
   body#product .owl-theme .owl-buttons div.owl-prev {
        left: 0px !important;
    }
   body#product .owl-theme .owl-buttons div.owl-next {
        right: 0px !important;
    }
}

@media screen and (max-width: 1100px){

    /* mega menu sub styling */

    .level1 ul.col-md-3 {
      width: 100%;
    }

    .off-canvas-nav-megamenu .nav li.dropdown .caret {
        margin-right: 15px !important;
    }

    .off-canvas-nav-megamenu .dropdown-menu ul li > a {
        font-weight: 400;
        padding: 8px !important;
        color: #000;
    }

    .off-canvas-nav-megamenu .dropdown-menu .level2 ul li > a {
        color: #141414b5 !important;
    }

    /* Tablet mode imgs banners*/
    .double-height img {
      min-height: unset !important;
      object-fit: contain !important;
    }

    .set-height img {
        min-height: unset !important;
        object-fit: contain !important;
    }

}

@media screen and (max-width: 1400px) {
  .container .cate-w {
    /*display: flex;
    justify-content: flex-start;
    overflow: overlay;
    gap: 4rem;
    touch-action: manipulation;
    scroll-snap-type: y mandatory;
    margin-bottom: 0rem !important;
    */
    display: flex;
    overflow: overlay;
    gap: 4rem;
    touch-action: manipulation;
    scroll-snap-type: y mandatory;
    margin-bottom: 0rem !important;
    max-height: 10rem;
    height: 5rem;
    justify-content: flex-start;
    align-items: center;
  }

  /* #cats label*/
  .featured_categories_big .featured_categories_text label {
    min-width: 6rem !important;
    width: 6rem !important;
  }
}

/* counter images */

.Apcounter li:nth-child(1):before {
  background: url("/img/counter/produits-counter.svg") no-repeat !important; }
.Apcounter li:nth-child(2):before {
  background: url("/img/counter/commandes-counter.svg") no-repeat !important; }
.Apcounter li:nth-child(3):before {
  background: url("/img/counter/clients-counter.svg") no-repeat !important; }
.Apcounter li:nth-child(4):before {
  background: url("/img/counter/villes-counter.svg") no-repeat !important; }

 @media screen and (max-width: 1100px) {
  /* product center text */
  .product-list-default .thumbnail-container .product-meta, .thumbnail-container .product-meta {
    text-align: center;
  }
  .category-default a {
    justify-content: center !important;
  }
  .product-grid-countdown, .line {
    justify-content: center !important;
  }
  /**/

  /* title centered */

  body#index div#content-wrapper #search_filters .facet-title, body#index div#content-wrapper .title_block {
    text-align: center !important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
  }

    /* slider */

    #sliderHero {
        margin-block: 0rem 0rem !important;
        padding: 0 !important;
        margin-inline: 0 !important;
    }

    #sliderHero .ApFullSlider {
        width: 100%;
        padding: 0 !important;
    }

    /**/
    #back-top {
        right: 1rem !important;
        bottom: 2rem !important;
    }

    /* products swiper sections */
    .white-w .products_block {
        margin: 0 15px 0px !important;
    }
    /**/

    /* counter numbers section */
    .Apcounter .numscroller, .Apcounter .counter-suffix {
        font-size: 25px !important;
    }

    .Apcounter ul {
        display: flex;
        flex-wrap: wrap !important;
        margin-bottom: 0;
        gap: 1rem !important;
        justify-content: center !important;
    }

    /**/

    /* our services section mobile */
    .service-w .label_section_w {
        display: unset !important;
    }

    .service-w .image_description {
        margin-left: 10px;
        display: flex !important;
        flex-direction: column;
        gap: 0.5rem;
    }

    .container .service-w .ApColumn {
        flex: 0 0 fit-content !important;
    }

    .container .service-w {
        display: flex;
        overflow: overlay;
    }

    /* .container .service-w .ApColumn {
        flex: 0 0 50%;
    } */
    /**/

    .container .cate-w {
      display: flex;
      justify-content: flex-start;
      overflow-y: hidden;
      overflow-x: overlay;
      gap: 4rem;
      touch-action: manipulation;
      scroll-snap-type: y mandatory;
      margin-bottom: 1rem;
    }

    .divIconsMain {
        display: flex;
        flex-direction: column;
    }

    .cats {
        margin-bottom: 10px;
    }

    .ApSlideShow,
    .varriant-w,
    .cate-wp,
    .counter-w {
        margin-bottom: 0;
        margin-top: 15px;
      }



    /*testimonials */
    .testimonial .rating {
      text-align: center;
    }

    .testimonial .testi-meta {
      justify-content: center;
    }

    .testimonial .descript {
      text-align: center;
    }

    .footer-center .medium_container .ApColumn:first-of-type {
      text-align: center;
    }

    /* */

    body#product .compare .leo-compare-button {
      bottom: 8rem;
      position: absolute;
      right: 4rem;
    }

    body#product .wishlist {
      bottom: 8rem;
      right: 8.5rem;
      position: absolute;
    }

    body#product .rtl .compare .leo-compare-button {
      bottom: 8rem;
      position: absolute;
      right: 4rem;
    }

    body#product .rtl .wishlist {
      bottom: 8rem;
      right: 8.5rem;
      position: absolute;
    }

    body#product .product-miniature .wishlist {
      bottom: 8rem;
      right: 1.5rem;
      position: absolute;
    }

    body#product .product-quantity.clearfix {
      justify-content: flex-start !important;

    }
    body#product .product-quantity .qty {
      margin-left: 3rem;
    }

    body#product .product-quantity .add {
      width: 100% !important;
    }

    /*modal add to cart */

    #blockcart-modal .product-image {
      width: 45% !important;
    }

    /**/

    /** img **/

    body#index .double-height img {
      /* height: 270px !important; */
      /* min-height: 270px !important; */
      border-radius: 0.4rem;
    }

    body#index .banner-w .image_description {
      position: absolute;
      top: 0;
      left: 0;
      padding: 41px 15px !important;
      box-shadow: 132px 0px 30px -23px rgb(0 0 0 / 61%) inset !important;
      height: 100% !important;
    }
    body#index .double-height .ApImage {
      text-shadow: -1px -1px 4px black;
    }

    body#index .ApSlideShow {
      margin-top: -1px !important;
    }

    body#product .product-tabs.tabs .nav-tabs .nav-link {
      font-size: 17px !important;
    }

    body#product .product-detail.product-thumbs-bottom .product-thumb-images .slick-list .slick-slide {
      max-width: 100px !important;
      width: 100px !important;
    }

    body#product .h1.product-detail-name {
      margin-top: 1rem !important;
    }

    body#product .category-products, .product-accessories, .viewed-products {
      padding: 0px 0 !important;
    }

     /*search block */

  #leo_search_block_top {
    width: 75% !important;
    float: right !important;
  }

  #leo_search_block_top.search-by-category .leoproductsearch-result {
    width: 90% !important;
    float: left;
  }

  #leo_search_block_top form {
    width: 95%;
  }

  /* timer in hero */
  .iview-timer {
    z-index: 0 !important;
  }

 }

 @media screen and (max-width: 767px){
  .ApSlideShow,
    .varriant-w,
    .cate-wp,
    .counter-w {
        margin-bottom: 0 !important;
    }
 }

 @media screen and (min-width: 992px){
  body#product .product-cover .layer {
    z-index: 0 !important;
  }

 }

 /*compare btn */
 span.leo-compare-bt-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/**/

 /*Counter section for desktop */
 .Apcounter ul {
    display: flex;
    justify-content: center !important;
    flex-wrap: wrap;
    margin-bottom: 0;
    gap: 9rem;
}

.Apcounter ul li {
    flex: 0 0 1 !important;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Apcounter li:before {
  width: 60px !important;
  height: 60px !important;
}

/**/

.divIconsMain {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
}

.lang-fr .divIconsMain {
  font-size: 33px;
}

.lang-ar .divIconsMain {
  font-size: 20px;
}

.flexyIcons {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

.divIconsMain svg {
    width: 34px;
    fill: #808080;
}

.divIconsMain svg:hover {
    fill: #50A8C4;
}

.divIconsMain span {
    font-size: 17px;
    text-wrap: nowrap;
}


@media screen and (max-width: 767px){

  .Apcounter li {
    width: 47% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px){
  .Apcounter li {
    width: 23% !important;
  }
}

/* footer stuff **/

.footer-container {
    background-color: #fff !important;
}

/** afterfooter stuff **/

.footer-bottom .ApColumn {
    width: 100%
}
.footer-bottom .ApColumn .ApRawHtml {
    text-align: center;
}

/* topHeader settings */
.bottomnav .block-social li a {
  color: #fff;
  height: 25px !important;
  width: 25px !important;
  display: flex;
  border-radius: 100%;
  margin-right: 10px;
  align-items: center;
  background-color: #50a8c4;
  justify-content: center;
  padding: 0px !important;
}

.nav-centering .block.text-top.ApRawHtml {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.header-nav .container {
    margin-inline: 0rem;
    width: 100%;
}


.nav-centering  {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: space-between !important;
  width: 100%;
}

/* end of top bar settings */

body#index .set-height img {
  border-radius: 0.4rem !important;
}

body#index .double-height img {
  border-radius: 0.4rem !important;
}

.ApSlideShow {
  margin-bottom: 0px !important;
}

@media screen and (min-width: 992px){
  /* */
  .icon-w {
      padding: 0.5rem 0 !important;
  }

  #leo_search_block_top .block_content {
    width: 95% !important;
  }

  body#index div#content-wrapper #search_filters .facet-title, body#index div#content-wrapper .title_block {
    text-align: center !important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
  }

  .service-w {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-block: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }

  .col-xl-3.col-lg-2-4.col-md-4.col-sm-4.col-xs-6.col-sp-12.ApColumn {
    width: auto;
  }

  /* header top */
  .header-top {
    padding-top: 0rem !important;
    padding-block: 5px;
  }

  .iview-timer {
    z-index: 1 !important;
  }
  .iview-prevNav, .iview-nextNav {
    z-index: 1 !important;
  }

  body#authentication #main .page-header {
    margin-bottom: 1.5625rem;
    text-align: center;
  }

  .logo_container .header_logo {
    /*margin-top: -10px !important;*/
  }
  .header_logo .logo {
    /*width: 9rem;
    padding: 0.2rem;*/
  }

  /* searchbar */

  #leo_search_block_top.search-by-category .leoproductsearch-result {
    width: 90% !important;
  }

}

@media screen and (max-width: 767px) {

.icon-w p {
     min-width: 6rem;
}

  body#authentication #content-wrapper {
    padding: 4rem;
  }

  body#authentication form-footer.text-sm-center {
    margin-bottom: 1.5625rem;
    text-align: center;
  }

  .header_logo .logo {
    /*width: 6rem !important;
    padding: 0.2rem;*/
  }

}

/*breadcrumb styling */

#wrapper .breadcrumb:before {
  background: none !important;
}

#wrapper .breadcrumb li a {
  color: #000 !important;
}

#wrapper .breadcrumb li:last-child a {
  font-weight: 500;
  color: #50a8c4 !important;
}

#wrapper .breadcrumb li::after {
  color: #000 !important
}


/* header */
#header .col-xl-4.col-lg-6.col-md-6.col-sm-6.col-xs-6.col-sp-6.top-right-header.ApColumn {
  width: fit-content;
}

#header .nav_container::after {
  content: none !important;
}

/* product zoom function */
.zoomContainer {
    z-index: 1;
}

/*whatsapp style*/
.ets_wa_whatsapp_block.left_bottom {
    left: 39px !important;
    bottom: 14px !important;
}

@media screen and (max-width: 767px) {
    .ets_wa_whatsapp_block.left_bottom {
        left: 1rem !important;
        bottom: 1.6rem !important;
    }
}

@media screen and (min-width: 992px){
  #index #wrapper #cats {
    display: flex;
    background: no-repeat;
    justify-content: space-between;
  }

  #index #wrapper #cats .featured_categories.ApColumn {
    width: fit-content !important;
  }

  .featured_categories_big.ApColumn {
    /* width: fit-content !important; */
    min-width: 11rem;
  }

}

@media screen and (min-width: 992px){
  #cats label {
    display: contents !important;
  }

  #cats p.featured_categories_text {
    width: min-content !important;
    min-width: 7rem !important;
  }
}

.iview-controlNav div.iview-items {
  z-index: 1 !important;
}

/* quickview styling */

.quickview .wishlist {
  bottom: 5.5rem;
  right: 10.5rem;
  position: absolute;
}

.quickview .compare {
  bottom: 5.5rem;
  position: absolute;
  right: 6rem;
}

.quickview .product-quantity .add {
width: 16rem;
}

/* btn cart */
.cart-summary a {
  width: 100%;
}

/* confirmed page */

#order-items .order-line {
  display: flex;
  align-content: center;
  align-items: center;
}

#order-items .image img {
  width: 33% !important;
}

/*footer logo_description */
.footer_styled {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
}

.footer_logo, .footer_styled p {
  margin: 0 !important;
  padding: 0 !important;
}

@media screen and (max-width: 767px){
  .footer_styled {
    flex-direction: column;
    align-items: center;
    margin-bottom:0 !important;
  }
  .medium-footer-center{
      padding-top:10px !important;
  }
  .testimonial .testi-meta .title {
    text-align: center;
  }
}

@media screen and (min-width: 1051px){
  a.nav-link.dropdown-toggle.has-category {
      margin-top: -1.5rem;
  }
}

ul.category-top-menu {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

ul.category-top-menu li:first-child {
    font-size: 26px;
    font-weight: 600;
    color: #000;
}

ul.category-top-menu a {
    color: #777777;
    font-weight: 400;
}

ul.category-top-menu a:hover {
    color: #65c5e3;
}


/* logo styling desktooop mode*/

@media (min-width: 900px) {
  .header-top {
      padding-top: 20px !important;
  }

  a.nav-link.dropdown-toggle.has-category {
      margin-top: 0 !important;
  }

  .header_logo {
      position: absolute;
      /*top: -2.6rem;*/
  }

  .col-xl-2.col-lg-12.col-md-12.col-sm-12.col-xs-12.col-sp-12.logo_container.ApColumn {
      width: 16rem;
  }
}

@media (max-width: 1499px) {
  .leo-megamenu .navbar-nav > li > a {
      padding: 19px 15px !important;
  }
}

.indispensable_mod .compare .leo-compare-button,  .con .compare .leo-compare-button{
  padding: 0 !important;
}

.footer-bottom {
  padding-top: 0px !important;
  padding-bottom: 15px;
}

.footer-center .ApColumn .block {
  margin-bottom: 1rem !important;
}

html[lang="ar"] input,
html[lang="he"] input {
  direction: rtl !important;
  text-align: right;
}

html[lang="en"] input,
html[lang="fr"] input {
  direction: ltr !important;
  text-align: left;
}

.product-quantity.clearfix {
  z-index: 1;
}

div#footer_grp {
    display: flex;
    gap: 1.3rem;
}

@media screen and (min-width: 992px){
  div#footer_pic {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 991px){
  div#footer_grp {
    flex-direction: column;
    align-items: center;
  }
}

.rtl #back-top {
  left: unset;
  right: 50px;
}

.rtl #leo_search_block_top .block_content .leoproductsearch-result .search_query {
  padding: 6px 12px 6px 50px;
  direction: ltr !important;
}

div#topbar {
  padding: 1rem 0rem 0rem 0rem;
}

@media (max-width: 991px) {
  .rtl div#leo_search_block_top {
      margin-right: 0px !important;
      margin-left: inherit;
  }
}

div#language-selector-label {
  padding: 0rem 1rem;
  height: 100%;
}

@media screen and (max-width: 997px) {
    .lang-ar #leo_search_block_top .block_content {
        left: calc(-49vw - 0.5rem) !important;
        right: -13rem !important;
    }
}

/* cart icon in header */

#_desktop_cart .header {
  display: flex;
  align-items: center !important;
}

#_desktop_cart .header a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}


@media screen and (max-width: 960px) {
  body #wrapper {
    /*padding-top: 2.6rem !important;*/
    background: #fff !important;
  }

  #leo_search_block_top.active .block_content {
    opacity: 1 !important;
    visibility: visible !important;
  }

  #leo_search_block_top .title_block::before {
    color: #fff !important;
    visibility: hidden;
  }

}


@media screen and (min-width: 768px) and (max-width: 819px){
   #leo_search_block_top .block_content {
        position: absolute;
        top: 100%;
        left: calc(-55vw - -1rem) !important;
        right: -21.2rem !important;
    }
}

@media screen and (min-width: 820px) and (max-width: 900px){
   #leo_search_block_top .block_content {
        position: absolute;
        top: 100%;
        left: calc(-47vw - -1rem) !important;
        right: -25.6rem !important;
    }
}

/*Cookies banner styling */

span.close_cookie {
    background: #50a8c4;
    padding: 0.8rem;
    border-radius: 0rem 6px 0rem 0.5rem;
}

.btn.btn-primary.full-left.ets-cb-btn-not-ok, a.btn.ets-cb-btn-ok {
    font-family: 'Rubik', sans-serif;
}

.ets_cookie_banber_block {
    border: 1px solid #9e9e9e4a !important;
}

.btn.btn-primary.full-left.ets-cb-btn-not-ok {
    color: #7a7a7a !important;
}

@media screen and (max-width: 385px){

  .ets_cookie_banner_footer{
    flex-wrap: wrap !important;
  }
  .btn.btn-primary.full-left.ets-cb-btn-not-ok, a.btn.ets-cb-btn-ok {
    width: 100%!important;
  }

  #leo_search_block_top .block_content {
    left: calc(-46vw - 0.5%) !important;
  }

  
}

 /* ------------------------- My Custom Styling ::End ------------------------ */