/**
 * Theme Name:     Hello Biz Child
 * Author:         Elementor Team
 * Template:       hello-biz
 * Text Domain:	   hello-biz-child
 * Description:    Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
 */

/* =====================================
   Carousel Wrapper (Optional Height)
   ===================================== */
/* Uncomment if needed for fixed height */
/*
.elementor-element-efda9ef .elementor-image-carousel-wrapper.swiper {
  height: 480px;
}
*/

/* =====================================
   Accent Text Color
   ===================================== */
.text-color {
  color: #F06277;
  /* Soft pink shade for emphasis text */
}

body {
  font-family: 'Inter', sans-serif;
}




.heading-title {
  font-family: "Inter", Sans-serif;
  font-size: 38px;
  font-weight: 700;
  font-style: normal;
  color: #b3b3b3;
}

/* =====================================
   Gradient Background Button (Anchor)
   ===================================== */
.btn-gradient a {
  /* background: linear-gradient(90deg, #E02640 0%, #890217 100%); */
  background: #7B0013 !important;
  /* background: linear-gradient(90deg, #F27388 0%, #FFAAB7 100%); */

  color: #000;
  /* Optional: ensure text contrast */
  padding: 12px 20px;
  border-radius: 6px;
  display: inline-block;
}

/* =====================================
   Hover Button with Arrow Animation
   ===================================== */
.hover-btn a {
  display: inline-flex;
  align-items: center;
  gap: 0;
  /* no gap initially */
  text-decoration: none;
  color: inherit;
  /* padding: 10px 16px; */
  transition: padding 0.4s ease-in-out;
  /* smooth width change */
  overflow: hidden;
  /* hide arrow until hover */
}

.hover-btn a::after {
  content: '→';
  opacity: 0;
  transform: translateX(-8px);
  /* hide arrow to the left */
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  font-size: 16px;
  width: 0;
  /* reserve no space initially */
}

.hover-btn a:hover {
  padding-right: 26px;
  /* grow button width */
}

.hover-btn a:hover::after {
  opacity: 1;
  transform: translateX(4px);
  width: auto;
  /* allow arrow to take space */
}


/* =====================================
   Sticky Header (Elementor Section)
   ===================================== */
.elementor-element-d9b42d9 {
  position: -webkit-sticky !important;
  /* Safari support */
  position: sticky !important;
  top: 0;
  z-index: 9999;
  /* Keep above other elements */
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =====================================
   Announcement Bar (Top Info Bar)
   ===================================== */
/* Banner container */
.info-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #ffffff;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  gap: 12px;
  text-align: center;
}

/* Info item (icon + text) */
.info-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
}

/* Phone link with stronger text */
.info-link {
  font-weight: 600;
}

/* Icon style */
.info-item i {
  color: #ffffff;
  font-size: 15px;
}

/* Separator line */
.info-separator {
  color: #ffffff;
  font-weight: 400;
}

/* Responsive for tablets */
@media (max-width: 768px) {
  .info-banner {
    font-size: 14px;
    gap: 10px;
    padding: 10px;
  }
}

/* Responsive for mobile */
@media (max-width: 480px) {
  .info-banner {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
  }

  .info-separator {
    display: none;
    /* Hide pipes on mobile */
  }

  .info-item {
    white-space: normal;
    justify-content: center;
  }
}


/* ================================
   Global Product Styling
   ================================ */

/* Hide Add to Cart button on archive/shop pages */
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none !important;
}

/* Page content background */
.content-area {
  background-color: #000000;
}

/* Product Titles (Single & Archive Pages) */
.woocommerce div.product .product_title,
.woocommerce-loop-product__title {
  color: #b3b3b3;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* Product Titles - Hover on Shop Page */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #b3b3b3 !important;
}

/* Product Price */
.price,
.woocommerce ul.products li.product .price {
  color: #F06277 !important;
  font-weight: 600;
}

/* Labels (e.g., Categories, Tags) */
.label {
  color: #dadada;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    font-size: .92em;
    color: #dadada;
}
section#comments {
    background-color: #000;
    width: 80%;
    color: #dadada;
    margin: 0 auto;
}
.postid-8034,
.single-post {
    background-color: #000;
}

.page-id-8062 .elementor-widget-heading .elementor-heading-title,
.page-id-8062 h3.elementor-icon-box-title{
  color: #dadada;
}
a.reset_variations {
color:#ED7C8D;
}
/* ================================
   Add to Cart Button (Single Product)
   ================================ */

.single_add_to_cart_button.button.alt,
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
  background: linear-gradient(90deg, #FF304E, #B30A24) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 24px;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease !important;
}

/* Hover: Same Linear Gradient with effect */
.single_add_to_cart_button.button.alt:hover,
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover {
  background: linear-gradient(90deg, #FF304E, #B30A24) !important;
  opacity: 0.95;
  transform: scale(1.03);
  color: #ffffff !important;
}


/* ================================
   Pagination Styling
   ================================ */

.woocommerce nav.woocommerce-pagination ul.page-numbers {
  margin-top: 20px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

/* Pagination links */
.woocommerce nav.woocommerce-pagination ul.page-numbers li a,
.woocommerce nav.woocommerce-pagination ul.page-numbers li span {
  background-color: #0E0E0E !important;
  color: #1E1E1E !important;
  padding: 10px 16px !important;
  border: none !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove unwanted border/shadow */
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
  border: none !important;
  box-shadow: none !important;
}

/* Hover State */
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover {
  color: #F06277 !important;
  background-color: #0E0E0E !important;
}

/* Active Page */
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
  color: #F06277 !important;
  background-color: #0E0E0E !important;
  font-weight: bold !important;
  border: none !important;
}

/* ================================
   Sorting Dropdown
   ================================ */

.woocommerce .woocommerce-ordering select.orderby {
  background-color: #000 !important;
  color: #dadada !important;
  padding: 10px 14px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  appearance: none !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}



/* Category Page */
ul.products li {
  background: #1E1E1E;
  border-radius: 5px !important;
  border: 1px solid #1E1E1E;
}

.woocommerce ul.products li.product a {
  display: block;
  overflow: hidden;
  /* hides scaled image outside */
  position: relative;
  /* ensures the container context */
}

.woocommerce ul.products li.product a img {
  display: block;
  transition: transform 1s ease-in-out;
}

.woocommerce ul.products li.product a img:hover {
  transform: scale(1.1);
}

mark.count {
  background-color: unset;
  color: white;
}

.page-id-2035 h2.woocommerce-loop-category__title {
  text-align: center;
  padding-bottom: 20px !important;
}

.page-id-2413 h2.woocommerce-loop-category__title,
.elementor-page-8487 h2.woocommerce-loop-category__title  {
  text-align: center;
  padding-bottom: 20px !important;
  color:#B3B3B3;
}

.page-id-2413 h2.woocommerce-loop-category__title:hover,
.elementor-page-8487 h2.woocommerce-loop-category__title:hover {
  color:#F06277 !important;
}

li.product-category.product a:hover {
  color: #F06277 !important;
}

form.woocommerce-ordering {
  border-radius: 5px;
  border: 1px solid #B3B3B3;
  margin-right: 20px !important;
}

p.woocommerce-result-count {
  padding-left: 15px;
}

p.category_desc {
  color: #B3B3B3;
}

p.woocommerce-result-count {
    color: #B3B3B3;
}
/* .woocommerce ul.products li.product a img:hover {
    transform: scale(1.1);
    transition: transform 1s ease-in-out;
} */

.woocommerce ul.products li.product .button {
  background: linear-gradient(90deg, #FF304E, #B30A24 100%);
  color: #fff;
}


.phone-icon {
  transform: rotate(90deg) !important;
}

.product-template-default header#site-header {
  display: none;
}



/* ===== SIZE BUTTON STYLING ===== */
.variable-items-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 0px !important;
}

.variable-items-wrapper .button-variable-item {
  /* width: 90px !important; */
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background-color: #1E1E1E !important;
  color: #DADADA !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  text-align: center !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.variable-items-wrapper .button-variable-item:hover,
.variable-items-wrapper .button-variable-item.selected {
  background-color: #F06277 !important;
  color: #1E1E1E !important;
}

/* ===== COLOR RADIO BUTTON STYLING (ROUNDED) ===== */
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-rounded .variable-item-span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  box-shadow: 0 0 0 2px transparent !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

.variable-items-wrapper.color-variable-items-wrapper.wvs-style-rounded .variable-item-span:focus,
.variable-items-wrapper.color-variable-items-wrapper.wvs-style-rounded .variable-item-span.selected {
  box-shadow: 0 0 0 2px #F06277 !important;
}

/* ===== RESPONSIVE SIZE BUTTON ===== */
@media (max-width: 480px) {
  .variable-items-wrapper .button-variable-item {
    /* width: 60px !important; */
    /* height: 60px !important; */
    font-size: 13px !important;
  }
}

/* ===== QUANTITY INPUT STYLING ===== */
.woocommerce .quantity .qty {
  width: 60px;
  height: 40px;
  text-align: center;
  background-color: #1e1e1e;
  color: #dadada;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 4px;
  padding: 6px;
}

/* ===== HIDE SALE TAG ON PRODUCT CARD ===== */
.onsale {
  display: none !important;
}


h2.woocommerce-loop-product__title {
  margin-left: 10px !important;
  margin-bottom: 0px !important;
}

.woocommerce ul.products li.product .price {
  margin-left: 10px !important;
  margin-bottom: 15px !important;
}

.star-rating {
  margin-left: 10px !important;
}

.woocommerce ul.products li.product .button {
  display: none;
  margin: 15px;
}

.site-header,
footer#site-footer {
  display: none;
}

/* customizer plugin css */
div#tab-description h2,
div#tab-additional_information h2 {
  display: none;
}

.woocommerce-product-details__short-description p {
  color: white;
}

div#tab-description,
div#tab-additional_information,
.woocommerce table.shop_attributes {
  color: white;
}


div#tab-reviews {
  color: white;
}

.woocommerce .products ul,
.woocommerce ul.products {
  margin: 0;
}

.elementor-page-8487 .woocommerce ul.products{
  /* margin-left: 15px !important; */
}

/* CSS FOR DELIVERY START */
/* Ensure the timeline always sits below the full gallery */
.woocommerce div.product .delivery-timeline {
    clear: both;
    /* width: 49%; */
    /* position: absolute; */
    /* margin-top: 25px; */
    padding-bottom: 10px;
    /* top: 20%; */
    bottom: 52%;
    /* background: #111; */
    border-radius: 10px;
    font-family: 'Inter';
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700;
    box-sizing: border-box;
}

.woocommerce-product-gallery.has-single-image~.delivery-timeline {
  /* top: 25% !important;
}
.woocommerce-product-gallery.has-single-image .delivery-timeline{ */
  width: 49% !important;
  top: 32% !important;
  bottom: unset !important;
  position: absolute !important;
}

/* .woocommerce div.product .delivery-timeline {
    width: 100%; 
    margin-top: 20px;
    padding: 20px 15px;
    background: #111;
    border-radius: 10px;
    color: #fff;
    font-family: system-ui, sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}  */

/* Date blocks */
.woocommerce div.product .delivery-timeline .date-block {
  text-align: center;
  min-width: 120px;
}

.woocommerce div.product .delivery-timeline .date-block .label {
  font-size: 16px;
  font-weight: bold;
}

.woocommerce div.product .delivery-timeline .date-block .date {
  font-size: 16px;
  margin-top: 5px;
}

/* Timeline line */
.woocommerce div.product .delivery-timeline .timeline-line {
  position: relative;
  flex-grow: 1;
  height: 4px;
  margin: 0 15px;
  display: flex;
  align-items: center;
}

.woocommerce div.product .delivery-timeline .connector {
  flex-grow: 1;
  height: 2px;
  background: #f16585;
}

.woocommerce div.product .delivery-timeline .dot {
  width: 14px;
  height: 14px;
  background: #f16585;
  border-radius: 50%;
  z-index: 2;
}

.woocommerce div.product .delivery-timeline .left-dot {
  margin-right: -7px;
}

.woocommerce div.product .delivery-timeline .right-dot {
  margin-left: -7px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .woocommerce div.product .delivery-timeline {
    flex-direction: row;
    align-items: center;
  }

  .woocommerce div.product .delivery-timeline .timeline-line {
    margin: 15px 0;
  }

  nav.eael-breadcrumbs__content.woocommerce-breadcrumb {
      display: block;
      padding: 5px 10px !important;
  }
  .woocommerce-product-gallery.has-single-image~.delivery-timeline {
      display: block  !important;
      position: unset !important;
      width:100% !important;
      margin-bottom: 25px !important;

  }
  
}

.woocommerce-product-gallery__image {
    /* height: 620px; */
}


.breadcrumb.breadcrumbs.woo-breadcrumbs {
    color: #b3b3b3;
        margin-bottom: 10px;

}

.woocommerce .woocommerce-breadcrumb.eael-breadcrumbs__content {
    color: #b3b3b3;
}
/* .delivery-timeline {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #111;
      padding: 20px 10px;
      border-radius: 10px;
      color: #fff;
      font-family: system-ui, sans-serif;
      position: relative;
      max-width: 800px;
      margin: 20px auto;
    }

    .date-block {
      text-align: center;
      width: 150px;
    }

    .date-block .label {
      font-size: 16px;
      font-weight: bold;
    }

    .date-block .date {
      font-size: 16px;
      margin-top: 5px;
    }
    .date-block.delivery{
        width: 160px;
    }

    .timeline-line {
      position: relative;
      flex-grow: 1;
      height: 4px;
      background: transparent;
      margin: 0 20px;
      display: flex;
      align-items: center;
    }

    .connector {
      flex-grow: 1;
      height: 2px;
      background: #f16585;
    }

    .dot {
      width: 14px;
      height: 14px;
      background: #f16585;
      border-radius: 50%;
      position: relative;
      z-index: 2;
    }

    .left-dot {
      margin-right: -7px;
    }

    .right-dot {
      margin-left: -7px;
    } */

/* CSS FOR DELIVERY END */

.uplifters-benefits-wrapper {
  display: flex;
  justify-content: space-between;
  background: #000;
  padding: 10px;
  border-radius: 12px;
  /* margin: 40px 0 0; */
  color: #ddd;
  text-align: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

.uplifters-benefit {
  flex: 1 1 30%;
  padding: 10px;
}

.uplifters-benefit .icon {
  font-size: 40px;
  margin-bottom: 10px;
}

.uplifters-benefit h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0 5px;
  color: #f0f0f0;
}

.uplifters-benefit p {
  font-size: 14px;
  color: #aaa;
}

@media (max-width: 768px) {
  /* .uplifters-benefits-wrapper {
    flex-direction: column;
    text-align: center;
  } */
.uplifters-benefits-wrapper {
        flex-wrap: nowrap;              /* no wrapping */
        overflow-x: auto;               /* enable horizontal scroll */
        scroll-snap-type: x mandatory;  /* snap effect */
        -webkit-overflow-scrolling: touch;
    }

    .uplifters-benefit {
        flex: 0 0 80%;                  /* each item takes 80% width */
        scroll-snap-align: center;      /* snap each block to center */
        /* border-right: none !important;  remove divider */
        margin-right: 15px;             /* spacing between slides */
    }

    .uplifters-benefits-wrapper::-webkit-scrollbar {
        /* display: none; hide scrollbar for cleaner look */
    }


}

.coupon-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000000;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  padding: 10px 10px;
  margin-bottom: 20px;
  font-family: Arial, sans-serif;
  flex-wrap: wrap;
}

.coupon-left {
  flex: 1;
  min-width: 200px;
}

.coupon-label {
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px;
  width: max-content;
  background-color: #1e1e1e;
  font-weight: 600;
  margin-bottom: 5px;
  border-radius: 5px;
}

.coupon-discount {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 5px;
}

.coupon-code {
  font-size: 14px;
  /* color: #ff0000; */
}

.copy-coupon-btn {
  background: linear-gradient(90deg, #FF304E, #B30A24) !important;
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 6px 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.copy-coupon-btn:hover {
  background: #e67e22;
}

strong.coupon-code-text {
  color: white;
}

/* Vertical CSS */
/* Wrap the gallery and thumbnails in a flex container */
/* .woocommerce-product-gallery {
  display: flex;
  flex-direction: row-reverse; 
  gap: 20px;
}

.woocommerce-product-gallery__wrapper {
  width: 80%;
}

.woocommerce-product-gallery-thumbnails {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 20%;
  align-items: flex-start;
}

.woocommerce-product-gallery-thumbnails .woocommerce-product-gallery__image {
  width: 100%;
}

@media (max-width: 768px) {
  .woocommerce-product-gallery {
    flex-direction: column;
  }

  .woocommerce-product-gallery-thumbnails {
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }

  .woocommerce-product-gallery__wrapper {
    width: 100%;
  }
} 
  
.woocommerce div.product div.images .flex-control-thumbs li{
    width: 100%;
} */

/* Vertical CSS END */

li#wpmenucartli a {
  color: #7d7d7d;
}

div#form-container {
  max-height: 600px;
  overflow: auto;
}

::-webkit-scrollbar-thumb {
  background-color: #007bff;
  /* Blue scrollbar for WPForms */
}

.woocommerce ul.products::before {
  display: none;
}

.woocommerce-message {
  background: black;
  border-top-color: #ff4867;
  color: white;
}


.single-product a.button.wc-forward,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  background: linear-gradient(117deg, #FF304E, #B30A24 100%);
  color: white;
  font-family: "inter", sans-serif;
  border-radius: 5px;

}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
  color: white;
}

.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky.is-large {
  border: 1px solid #f06277;
  border-radius: 3px;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
  color: #f06277;
}

/* CSS for descriptions */
ul.tabs.wc-tabs {
  gap: 2%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  top: 20px;
  padding: 10px 20px !important;
  background: #111111;
  border-radius: 10px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin-top: 50px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background-color: unset;
  display: inline-block;
  position: unset;
  z-index: 0;
  border-radius: 4px 4px 0 0;
  margin: 0;
  padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: unset;
  color: #ec6175;
  z-index: 2;
  border-bottom: 1px solid;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}

.custom-delivery-installtion-info,
.custom-delivery-box-info {
  color: white;
}

.single-product .elementor-209 .elementor-element.elementor-element-1ee7110 a {
  color: #DADADA;
}

/* Offer Banner Start */
/* Banner Wrapper */
.banner-wrapper {
  display: flex;
  justify-content: center;
  padding: 5px;
}

/* Banner */
.banner {
  background: linear-gradient(85deg, #CF001F 0%, #200303 100%);
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 0px 35px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  max-width: 1100px;
  width: 100%;
  position: relative;
  color: #fff;
  flex-wrap: wrap;
}

/* Ribbon - Keep same style for all devices */
.ribbon-offer {
  position: absolute;
  top: 15px;
  left: -15px;
  background: #FFD700;
  color: #000;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

/* Text */
.banner-text {
  flex: 1;
  min-width: 250px;
  margin-left: 100px;
}

.banner-text h1 {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 10px;
}

.banner-text h2 {
  /* font-size: 2rem; */
  /* line-height: 1.3; */
  font-weight: bold;
  margin-bottom: 10px;
}

.banner-text p {
  font-size: 10px;
  opacity: 0.95;
  max-width: 500px;
}

/* Button */
.banner-btn {
  background-color: #fff;
  color: #B30A24;
  border: none;
  padding: 12px 24px;
  font-size: 1rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: bold;
  white-space: nowrap;
}

.banner-btn:hover {
  background-color: #ffdd33;
  color: #000;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.banner-btn svg {
  width: 20px;
  height: 20px;
}

/* Tablet */
@media (max-width: 992px) {
  .banner {
    flex-direction: row;
    text-align: left;
    gap: 2px;
  }

  .banner-text {
    margin-left: 80px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .banner {
    flex-direction: column;
    text-align: center;
    padding: 0px;
    padding-bottom: 5px;
  }

  .banner-text {
    margin-left: 0;
  }

  .banner-text h1 {
    font-size: 1.5rem;
  }

  .banner-text p {
    font-size: 0.95rem;
    margin-bottom: 12px;
  }

  .banner-btn {
    width: 100%;
    justify-content: center;
  }

  /* Keep ribbon like desktop */
  .ribbon-offer {
    top: 10px;
    left: -10px;
    font-size: 13px;
    padding: 6px 14px;
  }
}

/* Offer Banner Stop */

/* Variation CSS start */

table.variations th,
table.variations td {

  padding: 5px;
}

table.variations {
  margin-top: 5px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  border: 0;
  line-height: 0em;
  vertical-align: top;
}

li.variable-item.color-variable-item {
  border-radius: 50px !important;
}

span.variable-item-span.variable-item-span-color {
  border-radius: 50px;
}

ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared {
  margin-bottom: 15px;
}

.woocommerce-variation-description,
.woocommerce-variation.single_variation

/* table.variations th.label  */
  {
  display: none !important;
}

.product-sku-custom {
  margin-top: 10px;
  display: flex;
  font-size: 14px;
  border-bottom: 1px solid #b3b3b3;
  color: #b3b3b3;
}

span.sku {
  padding-right: 5px;
  border-right: 1px solid;
}

.woocommerce-product-rating {
  margin-bottom: 8px;
}

.summary .price {
  margin-bottom: 15px;
}

.woocommerce-price-above-cart {
  margin-bottom: 15px;
  color: #797979;
  font-weight: 600;
}

.product-sku-custom .star-rating span::before {
  color: #FFD700 !important;
  /* Gold color */
}

span.coupon-price {
  color: #ff304e;
}

/* Variation CSS emd */

/* GAllery imgage start */
/* Container for main image and thumbnails, side-by-side */
/* Change the default gallery to have thumbnails on the left */
/* --- PRODUCT GALLERY: Thumbnails on the left --- */
/* Container for thumbs + main image */
/* 
.woocommerce div.product div.images {
  display: flex;
  gap: 0px;

}


.woocommerce div.product div.images .flex-control-thumbs {
  order: -1;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}


.woocommerce div.product div.images .flex-control-thumbs li {
  margin-bottom: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover;
  padding: 4px;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
}


.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  flex-grow: 1;

  display: flex;


}


.woocommerce div.product div.images .woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 100%;

}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 100% !important;
}




.woocommerce div.product div.images .flex-control-thumbs {
    position: relative;        
    width: 110px;               
    min-width: 110px;
    max-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow: visible;
}


.woocommerce div.product div.images .flex-control-thumbs.slick-initialized {
    height: 490px;             
    overflow: hidden;
}

.woocommerce div.product div.images .flex-control-thumbs ul.slick-slider {
    margin: 30px 0;             
}

.woocommerce div.product div.images .slick-arrow {
    position: unset !important;
    left: 50%;
    transform: translateX(-25%);
    z-index: 2;
    background: #000000;
    color: #ff304e;
    border: none;
    width: 28px;
    border-radius: 14px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}


.woocommerce div.product div.images .slick-prev {
    top: 0;
}


.woocommerce div.product div.images .slick-next {
    bottom: 0;
}


.woocommerce div.product div.images .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}
 */



/* Gallery Image END */



/* NEW CSS */
.elementor-3199 .elementor-element.elementor-element-a6b96af a.hfe-menu-item,
.elementor-3199 .elementor-element.elementor-element-a6b96af a.hfe-sub-menu-item {
  font-family: "Inter", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}

form.woocommerce-product-search {
  margin: 2px 0px;
}

.uplifters-search-cart {
  display: flex;
  align-items: center;
  gap: 10px;
}

.uplifters-search-wrapper {
  position: relative;
  background: #1a1a1a;
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
}

.uplifters-search-wrapper svg {
  width: 18px;
  height: 18px;
  fill: #ccc;
  margin-right: 6px;
}

.uplifters-search-wrapper input {
  display: none;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  padding: 5px;
  font-size: 11px;
}

.uplifters-search-wrapper input::placeholder {
  color: #aaa;
}

.uplifters-cart-icon {
  position: relative;
  background: #1a1a1a;
  border-radius: 8px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
}

.uplifters-cart-icon svg {
  width: 20px;
  height: 20px;
  /* fill: #ccc; */
}

.uplifters-cart-icon .cart-count {
  margin-left: 6px;
  font-size: 14px;
  color: #ccc;
}

.uplifters-cart-icon.cart-has-items svg {
  /* fill: #f06277; */
  /* Change to your highlight color */
}

.uplifters-cart-icon.cart-has-items .cart-count {
  color: #f06277;
  /* Optional: match count color */
}

.neon_sign_banner:hover .neon_sign_hover,
.neon_sign_banner:hover .neon_sign_hover *,
.howtoinstall_banner:hover .howtoinstall_text,
.howtoinstall_banner:hover .howtoinstall_text *,
.howtoinstall_banner:hover .elementor-heading-title {
  color: black !important;
}

/* featured products */
.featured-carousel {
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* Add padding inside each slick slide for gutter spacing */
.featured-carousel .slick-slide {
  padding: 0 5px;
  /* half gutter on left/right */
  box-sizing: border-box;
}

.featured-carousel .product-item {
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  flex: 0 0 auto;
  /* prevent flex grow/shrink issues */
  /* background: #fff;  */
  border-radius: 8px;
  /* consistent with shadow rounding */
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(126, 123, 123, 0.6);
  /* subtle red shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-item.featured-carousal-img:hover {
  transform: translate(10px, 10px);
  box-shadow: 0 10px 20px rgba(126, 123, 123, 0.6);
  cursor: pointer;
}

.featured-carousel .view-all-btn {
  flex: 0 0 auto;
  /* keep inline in flex container */
  padding: 10px;
  margin-left: 10px;
  /* small space from last product */
}

.featured-carousel .view-all-btn a {
  display: inline-block;
  padding: 12px 20px;
  background: #cf001f;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
}

/* Navigation buttons */
.slick-prev-custom,
.slick-next-custom {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.3s ease;
}

.slick-prev-custom:hover,
.slick-next-custom:hover {
  background: #000000;
  color: #f06277;
}

.featured-carousel .product-item img {
  width: 300px;
  /* fixed width */
  height: 300px;
  /* fixed height */
  object-fit: cover;
  /* crop or scale nicely if image aspect ratio differs */
  display: block;
  /* remove inline gap */
  margin: 0 auto;
  /* center if smaller container */
  border-radius: 6px;
  /* optional rounding */
}

.view_all_image {
  filter: blur(7px);
}

.view_all_image_btn {
  position: absolute;
  top: 40%;
  z-index: 99;
  color: white;
  right: 2.7%;
}

button#wpforms-submit-6774:hover,
button#wpforms-submit-6774 {
  background-color: transparent;
  background-image: linear-gradient(100deg, #FF304E 0%, #B30A24 100%);
  box-shadow: none;
}

div.wpforms-container-full:not(:empty) {
  margin: 0;
}

/* CSS for search Markup */


.woocommerce .quantity {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  background: transparent;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 30px;
  box-sizing: border-box;
}

.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
  background: #bfbfbf;
  color: #fff;
  border: none;
  width: 40px;
  height: 100%;
  font-size: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}

/* .woocommerce .quantity .plus { border-radius: 0 1.5em 1.5em 0; } */
/* .woocommerce .quantity .minus { border-radius: 1.5em 0 0 1.5em; } */

.woocommerce .quantity .minus:active,
.woocommerce .quantity .plus:active {
  background: #999;
}

.woocommerce .quantity .qty {
  background: #232323;
  color: #fff;
  border: none;
  width: 40px;
  text-align: center;
  font-size: 1.2em;
  outline: none;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
}

.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce .quantity .qty[type="number"] {
  -moz-appearance: textfield;
}


.custom-quantity-wrapper {
  display: flex;
  margin-bottom: 4%;
}


.woocommerce-price-above-cart+.quantity {
  display: flex;
  margin-right: 20px !important;
}


.page-id-9 .wp-block-button.wc-block-grid__product-add-to-cart,
.page-id-9 .wc-block-grid__product-rating {
  display: none;
}

.page-id-4593 .e-n-tabs-heading {
  background-color: #0E0E0E;
  width: max-content;
  margin: 0 auto;
  border-radius: 11px;
  padding: 0 125px;
}

/* product page additonal info fix */

.woocommerce-tabs.wc-tabs-wrapper {
  /* height: 500px; */
  overflow: auto;
  margin-bottom: 50px;
}

ul.tabs.wc-tabs {
  position: sticky !important;
  top: 0px;
}

span.woocommerce-Price-amount.amount {
  color: #ff304e;
  font-size: 18px;
  font-weight: 700;
}

div#searchBox {
  display: none;
}


span.aws_result_title {
  color: #B3B3B3 !important;
}

.aws-search-result .aws_result_item.hovered,
.aws-search-result .aws_result_item:hover,
.aws-search-result .aws_search_more a:hover {
  background: #262525;
}

.aws-search-form {
  /* max-width: 450px; */
  margin: 0 auto;
  background: #181818;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  font-family: system-ui, sans-serif;
  position: relative;
}

.aws-processing {
  color: red;
}

.aws-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
}

.aws-loader {
  position: absolute;
  right: 45px;
  /* Adjust to sit just left of the search icon */
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: none;
  /* keep hidden by default */
  /* Add loader styles if needed (spinner animation, color, etc.) */
  z-index: 10;
}

.aws-search-label {
  display: none;
}

.aws-search-field {
  width: 100%;
  padding: 12px 42px 12px 16px;
  font-size: 1rem;
  color: #fff;
  background: #222;
  border: none;
  border-radius: 6px;
  outline: none;
  transition: background 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.aws-search-field::placeholder {
  color: #aaa;
  font-size: 1rem;
}

.aws-search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 2;
}

.aws-search-btn_icon svg {
  fill: #b9001c;
  transition: fill 0.2s;
}

.aws-search-btn:hover .aws-search-btn_icon svg {
  fill: #e02136;
}

.aws-search-result {
  position: absolute;
  text-align: left;
  z-index: 9999999999999;
  background: #000000;
  width: 100%;
  margin-top: -1px;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 16px;
  border-radius: 0 0px 10px 10px !important;
}

.aws-search-clear {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #b9001c;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  z-index: 2;
  transition: background 0.2s;
}

.aws-search-clear:hover {
  background: #b9001c;
  color: #fff;
}

.aws-loader {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: transparent;
  display: none;
}


@media (max-width: 500px) {
  .aws-search-form {
    max-width: 100%;
    padding: 8px 8px;
  }

  .aws-search-field {
    font-size: 0.95rem;
  }
}

.aws-container .aws-show-clear .aws-search-field {
  border-radius: 50px !important;
}

.aws-search-btn.aws-form-btn {
  display: none !important;
}

.aws-container .aws-search-form .aws-search-clear {
  top: 21px;
  background: none;
}


.page-id-2035 .star-rating {
  color: #FFD700;
}



.page-id-9 a.wc-block-components-product-name,
.page-id-9 h6.elementor-heading-title.elementor-size-default a {
  color: #B3B3B3;
}

/* .postid-3697 .ppc-button-wrapper {
    display: none;
} */


.elementor-209 .elementor-element.elementor-element-11c71ee .elementor-heading-title {
  /* color: #b3b3b3 !important; */
}


.elementor.elementor-3199 {
  position: sticky;
  top: 0;
  z-index: 9999;
}


p.wpo-option-name {
  color: #dadada;
  font-weight: 700;
  font-size: 14px;
}

a.read-more-desc{
  color: #f06277;
}
.wpo-radios.wpo-radios-one-col {
  display: flex;
}

.wpo-checkboxes.wpo-checkboxes-one-col {
  display: flex;
}

label.wpo-radio,
.wpo-field label.wpo-checkbox {
  color: #B3B3B3;
}

.wpo-totals-container {
  display: none;
}

.wpo-image-buttons.wpo-image-buttons-below {
  margin-bottom: -20px;
}

figcaption.wpo-image-text {
  display: none !important;
}

.wpo-field label.wpo-checkbox input:checked+span.wpo-checkbox-inner {
  background-color: #f06277 !important;

}

.wpo-field label.wpo-radio input:checked+span.wpo-radio-inner {
  background-color: #f06277 !important;
}

.single-product ol.flex-control-nav.flex-control-thumbs li {

  margin: 5px !important;
  width: 22% !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  border-radius: 10px !important;
}

span.price.wpo-price-container {
  font-size: 16px !important;
}

.woocommerce div.product form.cart div.quantity {
  float: left;
  margin: 5px 4px 0 0;
}



/* ==== Base styles for offer boxes ==== */
.hot-deal-box {
  position: absolute;
  width: 160px;
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  padding: 10px;
  border-radius: 12px;
  z-index: 1000;
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.25);
  font-weight: bold;
  overflow: hidden;
  animation: fadeSlideUp 0.8s ease-in-out forwards;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
}

.hot-deal-box img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 6px;
  transition: transform 0.3s ease-in-out;
}

.hot-deal-box:hover img {
  transform: scale(1.05);
}

/* ==== Ribbon ==== */
.ribbon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.ribbon {
  position: absolute;
  top: 12px;
  left: -40px;
  width: 120px;
  background: red;
  color: white;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 0;
  text-align: center;
  transform: rotate(-45deg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* ==== Default Desktop Positioning ==== */
.hot-deal-left {
  top: 100px;
  left: -120px;
}

.hot-deal-right {
  top: 100px;
  right: -120px;
}

/* ==== Animation Keyframes ==== */
@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==== Responsive Styles ==== */
/* Tablets */
@media (max-width: 1024px) {
  .hot-deal-box {
    width: 140px;
    padding: 8px;
    font-size: 13px;
  }

  .ribbon {
    width: 100px;
    font-size: 11px;
    top: 10px;
    left: -35px;
  }

  .hot-deal-left {
    left: 10px;
    top: 80px;
  }

  .hot-deal-right {
    right: 10px;
    top: 80px;
  }
}

/* Mobile Tablets */
@media (max-width: 768px) {
  .hot-deal-box {
    width: 85px;
    padding: 4px;
    font-size: 10.5px;
  }

  .hot-deal-left {
    left: 10px;
    top: 80px;
  }

  .hot-deal-right {
    right: 10px;
    top: 80px;
  }

  .ribbon {
    width: 60px;
    font-size: 8.5px;
    top: 4px;
    left: -20px;
  }

  .hot-deal-box img {
    max-width: 70%;
    margin: 0 auto;
    display: block;
  }
}

/* Mobile Phones */
@media (max-width: 480px) {
  .hot-deal-box {
    width: 72px;
    padding: 3px;
    font-size: 8.8px;
  }

  .hot-deal-left {
    left: 10px;
    top: 40px;
  }

  .hot-deal-right {
    right: 10px;
    top: 40px;
  }

  .ribbon {
    width: 48px;
    font-size: 7px;
    top: 2px;
    left: -18px;
  }

  .hot-deal-box img {
    max-width: 60%;
    margin: 0 auto 2px;
    display: block;
  }
  .woocommerce.columns-4 {
    display: grid;
}
p.woocommerce-result-count {
    padding-left: 0px;
}
}

/* ==== Neon Slider Overlay ==== */
.neon-slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  pointer-events: none;
}

.neon-slider-overlay .info-box {
  position: absolute;
  width: 120px;
  height: 80px;
  padding: 12px 10px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  backdrop-filter: blur(6px);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.65), rgba(30, 30, 30, 0.6));
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.12);
  transition: transform 0.3s ease;
  pointer-events: auto;
  z-index: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.neon-slider-overlay .info-box::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 12px;
  background: linear-gradient(135deg, #FFC5C5, #FF6B81 10%, #004B66);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

.neon-slider-overlay .info-box:hover {
  transform: scale(1.08);
  box-shadow: 0 0 15px rgba(255, 0, 102, 0.4);
}

/* Floating Animations */
@keyframes floatTopLeft {

  0%,
  100% {
    transform: translate(-25px, -25px);
  }

  50% {
    transform: translate(8px, 8px);
  }
}

@keyframes floatTopRight {

  0%,
  100% {
    transform: translate(25px, -25px);
  }

  50% {
    transform: translate(-8px, 8px);
  }
}

@keyframes floatBottomLeft {

  0%,
  100% {
    transform: translate(-25px, 25px);
  }

  50% {
    transform: translate(8px, -8px);
  }
}

@keyframes floatBottomRight {

  0%,
  100% {
    transform: translate(25px, 25px);
  }

  50% {
    transform: translate(-8px, -8px);
  }
}

/* Desktop Positions */
.top-left {
  left: 28%;
  margin-top: 40px;
  animation: floatTopLeft 5s ease-in-out infinite;
}

.top-right {
  right: 26%;
  margin-top: 40px;
  animation: floatTopRight 5s ease-in-out infinite;
}

.bottom-left {
  left: 24%;
  margin-top: 330px;
  animation: floatBottomLeft 5s ease-in-out infinite;
}

.bottom-right {
  right: 32%;
  margin-top: 330px;
  animation: floatBottomRight 5s ease-in-out infinite;
}

/* Typography */
.info-box h3 {
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 700;
}

.info-box p {
  font-size: 12px;
  opacity: 0.85;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/* Tablet View */
@media screen and (max-width: 1024px) {
  .info-box {
    width: 110px !important;
    height: 72px !important;
        padding: 5px 10px !important;
        }

  .top-left {
    left: 30%;
    margin-top: 20px;
  }

  .top-right {
    right: 20%;
    margin-top: 20px;
  }

  .bottom-left {
    left: 22%;
    margin-top: 210px;
  }

  .bottom-right {
    right: 28%;
    margin-top: 210px;
  }

  .info-box h3 {
    font-size: 14px;
  }

  .info-box p {
    font-size: 11px;
  }
}

/* Mobile View */
@media screen and (max-width: 767px) {
  .info-box {
    width: 95px !important;
    height: 60px !important;
    padding: 6px;

  }

  .top-left {
    left: 20%;
    margin-top: 15px;
    padding: 5px 10px;
  }

  .top-right {
    right: 10%;
    margin-top: 15px;
  }

  .bottom-left {
    left: 10%;
    margin-top: 100px;
  }

  .bottom-right {
    right: 20%;
    margin-top: 100px;
  }

  .info-box h3 {
    font-size: 12px;
  }

  .info-box p {
    font-size: 9.5px;
  }
}

.custom-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 180px;
  gap: 14px;
  padding: 20px;
  max-width: 1100px;
  margin: auto;
  background: #000;
}

.grid-item {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
}

.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

/* Make the first image span 2 rows */
.grid-item.tall {
  grid-row: span 2;
}

/* Overlay block styles */
.overlay-card {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 14px;
}

.overlay-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 14px;
  z-index: 1;
}

.overlay-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

.overlay-content h3 {
  font-size: 26px;
  margin-bottom: 10px;
  color: #00ffff;
  text-shadow: 0 0 6px #0ff;
}

.view-all-btn {
  background: #fff;
  color: #000;
  padding: 8px 20px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}

.view-all-btn:hover {
  background: #00ffff;
  color: #000;
}

/* Responsive layout for tablet and mobile */
@media (max-width: 768px) {
  .custom-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 160px;
  }

  .grid-item.tall {
    grid-row: span 1;
  }
}

@media (max-width: 480px) {
  .custom-gallery {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 160px;
  }
}

/* MOBILE CSS */
@media (max-width: 767px) {

  #lightboxtype {
    display:contents;
  }

  #madefrmoment .e-con-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #typeofneon .e-con-inner,
  #testinomial .e-con-inner,
  #installation,
  #testinomial-custom {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }



  #typeofneon .e-con-inner>*,
  #testinomial .e-con-inner>*,
  #installation>*,
  #testinomial-custom >* {
    flex: 0 0 auto !important;
    width: 90%;
  }

div#testinomial-custom{
  justify-content: unset;
}

  #mobile_header .e-con-inner {
    display: flex;
    flex-wrap: nowrap;
    margin-top: -10px;

  }

  body:not(.rtl) .elementor-70 .elementor-element.elementor-element-e62d4bd,
  body:not(.rtl) .elementor-70 .elementor-element.elementor-element-b0c4c15,
  body:not(.rtl) .elementor-70 .elementor-element.elementor-element-4ea2f5c,
  body:not(.rtl) .elementor-70 .elementor-element.elementor-element-5c96bb8 {
    left: 5%;
  }

  .elementor-70 .elementor-element.elementor-element-e62d4bd img,
  .elementor-70 .elementor-element.elementor-element-b0c4c15 img,
  .elementor-70 .elementor-element.elementor-element-4ea2f5c img,
  .elementor-70 .elementor-element.elementor-element-5c96bb8 img {
    height: 300px;
  }

  .elementor-70 .elementor-element.elementor-element-e62d4bd,
  .elementor-70 .elementor-element.elementor-element-b0c4c15,
  .elementor-70 .elementor-element.elementor-element-4ea2f5c,
  .elementor-70 .elementor-element.elementor-element-5c96bb8 {
    bottom: -100px;
  }



  .elementor-element p,
  .elementor-element ul {
    font-size: 16px;
  }

  .banner-text p {
    font-size: 0.55rem;
    margin-bottom: 12px;
  }

  .elementor-3199 .elementor-element.elementor-element-74254d1 .hfe-site-logo-container {
    text-align: left;
  }

  .info-banner {
    flex-direction: row;
    font-size: 11px;
    gap: 8px;
    /* text-align: center; */
  }

  .elementor-3199 .elementor-element.elementor-element-a6b96af .hfe-nav-menu__toggle {
    margin-right: auto;
    background-color: #B3B3B3;
  }

  .elementor-3199 .elementor-element.elementor-element-a6b96af nav.hfe-dropdown .menu-item a.hfe-menu-item {
    background-color: black;
    border: 1px solid #f06277;
  }

  .single-product ol.flex-control-nav.flex-control-thumbs li {
    margin: 5px !important;
    width: 21% !important
  }

  .woocommerce-tabs.wc-tabs-wrapper {
    height: max-content;
    /* overflow: auto; */
    margin-bottom: 50px;
  }

  .woocommerce section.related.products ul.products {
    margin-left: 0 !important;
  }

  /* homepage start */

  .elementor-70 .elementor-element.elementor-element-124efeb.e-con,
  .elementor-element.elementor-element-b1ae044.e-grid.e-con-full.e-con.e-child,
  .elementor-element.elementor-element-e264d5c.e-grid.e-con-full.e-con.e-child {
    /* display: flex; */
  }

  .elementor-70 .elementor-element.elementor-element-0b55682 .elementor-button,
  .elementor-70 .elementor-element.elementor-element-1ed34ab .elementor-button,
  .elementor-70 .elementor-element.elementor-element-db223bb .elementor-button {
    font-size: 16px;
  }

  .elementor-70 .elementor-element.elementor-element-9353706 .elementor-button {
    font-size: 12px;
  }

  .elementor-70 .elementor-element.elementor-element-db223bb {
    width: auto;
  }

  .elementor-element.elementor-element-422a76b.elementor-align-right.elementor-mobile-align-center.btn-gradient.hover-btn.elementor-widget__width-initial.elementor-widget.elementor-widget-button {
    width: 50%;
  }

  .neon-slider-overlay p {
    font-size: 9.5px !important;
  }

  .elementor-70 .elementor-element.elementor-element-310362b .elementor-button .elementor-button-content-wrapper {
    gap: 0px;
  }

  div#madefrmoment span.elementor-button-icon {
    display: none;
  }

  #viewall {
    width: 67%;
    justify-content: center;
  }

  div#testinomial .e-con-inner {
    justify-content: unset !important;
  }

  /* homepageends */

  /* Prodct page */
  ul.tabs.wc-tabs {
    display: flow;
    text-align: center;
  }

  .page-id-2035 ul.products,
  .page-id-2413 ul.products,
  .woocommerce ul.products {

    margin-left: 0px !important;
  }

  .elementor-2413 .elementor-element.elementor-element-74e6d1f {
    margin-left: 0px !important;
  }


  .hfe-nav-menu-icon {
    background-color: #1a1a1a;
    border-radius: 5px;
  }

  nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
    position: fixed;
    top: 140px;
    z-index: 9;
  }

  .hfe-nav-menu-icon svg {
    width: 20px;
    height: 20px;
    line-height: 25px;
    font-size: 25px;
  }


  .hfe-nav-menu.hfe-layout-horizontal.hfe-nav-menu-layout.horizontal.hfe-pointer__underline.hfe-animation__slide {
    width: 400%;
  }

  .elementor-element.elementor-element-4898954.e-flex.e-con-boxed.e-con.e-child {
    margin-left: -30px;
  }

  nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
    width: 80%;
    border-radius: 5px;
  }

  .elementor-element.elementor-element-848af21.e-con-full.e-flex.e-con.e-child {
       /* width: 80%; */
}

  .hfe-nav-menu-icon svg {
    fill: white;
  }

  .uplifters-search-cart {
    display: flex;
    align-items: center;
    gap: 5px;
  }

.elementor-3199 .elementor-element.elementor-element-2f523ce > .elementor-widget-container,
.elementor-3199 .elementor-element.elementor-element-e35973c.elementor-element {
    margin: 5px 0px 0px 0px;
}

.elementor-3199 .elementor-element.elementor-element-2f523ce .sub-menu, .elementor-3199 .elementor-element.elementor-element-2f523ce nav.hfe-dropdown, .elementor-3199 .elementor-element.elementor-element-2f523ce nav.hfe-dropdown-expandible, .elementor-3199 .elementor-element.elementor-element-2f523ce nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-3199 .elementor-element.elementor-element-2f523ce nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
    background-color: #3c3a3a;
    margin: 5px;
}

.elementor-4593 .elementor-element.elementor-element-9f101f6 .elementor-heading-title {
    line-height: 1em !important;
}

.elementor-4593 .elementor-element.elementor-element-c8ef140 {
        margin-top: 0px;
    }

    .elementor-4593 .elementor-element.elementor-element-8594f4d .elementor-button {
        font-size: 16px;
    }


.elementor-element.elementor-element-0d4aa2b.elementor-icon-list--layout-inline.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    margin-top: 15px;
}
    .elementor-4729 .elementor-element.elementor-element-26e988a .elementor-button {
        font-size: 16px;
    }
    .elementor-4729 .elementor-element.elementor-element-e6891f8 .elementor-heading-title {
    line-height: 1em;}

    div#home-faq .e-n-accordion {
        /* columns: 1 !important; */
    }
  /* Mobile End */
}


div#home-faq .e-n-accordion {
    /* columns: 2; */
}

.accordion-load-more {
  display: block;
  margin: 20px auto 0;
  padding: 10px 25px;
  background: rgb(123, 0, 19) !important;;
  color: #DADADA;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.accordion-load-more:hover {
  background: #d42842;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #dadada;
    text-decoration: none;
}

section.related.products h2 {
    color: #dadada;
}
p.wpo-field-description {
  font-size: 14px;
  color: #dadada;
  /* font-weight: 700; */
}


.page-id-9 .alignwide {
    margin-inline: 0;
}

.page-id-9 .wp-block-woocommerce-cart.alignwide {
  width: 100%;
}


.woocommerce table.shop_table,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr th,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr td {
    border: 1px solid #fff;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    color: #b3b3b3;
}


.neon-rgb {
  /* Animate background color */
  /* animation: rgb-bg 2s infinite linear; */
}

/* Keyframes for Neon RGB glowing background */
@keyframes rgb-bg {
  0% {
    background: #ff0040;   /* Neon Red/Pink */
    box-shadow: 0 0 20px #ff0040, 0 0 20px #ff0040, 0 0 20px #ff0040;
  }
  25% {
    background: #ffff00;   /* Neon Yellow */
    box-shadow: 0 0 20px #ffff00, 0 0 20px #ffff00, 0 0 20px #ffff00;
  }
  50% {
    background: #00ffff;   /* Neon Aqua */
    box-shadow: 0 0 20px #00ffff, 0 0 20px #00ffff, 0 0 20px #00ffff;
  }
  75% {
    background: #00ff40;   /* Neon Green */
    box-shadow: 0 0 20px #00ff40, 0 0 20px #00ff40, 0 0 20px #00ff40;
  }
  100% {
    background: #ff0040;   /* Back to Neon Red/Pink */
    box-shadow: 0 0 20px #ff0040, 0 0 20px #ff0040, 0 0 20px #ff0040;
  }
}


.rgb-img .elementor-animation-float {
  animation: rgb-hue 4s infinite linear, rgb-bg 8s infinite linear;
}

/* hue rotation */
@keyframes rgb-hue { 
  0%   { filter: hue-rotate(-500deg); } 
  100% { filter: hue-rotate(500deg); } 
}

/* faster background cycle */
@keyframes rgb-bg {
  0%    { background-color: #FE0000; } 
  12.5% { background-color: #FFFE03; } 
  25%   { background-color: #00FF01; } 
  37.5% { background-color: #01FFFF; } 
  50%   { background-color: #0000FE; } 
  62.5% { background-color: #FF00FE; } 
  75%   { background-color: #FF4925; } 
  87.5% { background-color: #F98DD5; } 
  100%  { background-color: #FE0000; } 
}


.neon-flow {
  /* Neon gradient with more colors */
  /* background: linear-gradient(270deg,
    #ff0040,   
    #ff8000,    
    #ffff00,    
    #00ff40,    
    #00ffff,   
    #0080ff,   
    #7a00ff,   
    #ff00ff,  
    #ff0040    
  ); */

  background-size: 2000% 2000%;  /* smoother & larger flow */
  /* animation: neon-flow 5s linear infinite;  */

  /* Glow aura */
  /* box-shadow:
    0 0 25px rgba(255, 0, 64, 0.9),
    0 0 50px rgba(0, 255, 255, 0.7),
    0 0 75px rgba(255, 255, 0, 0.6); */
}

/* Keyframes for flowing neon */
@keyframes neon-flow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


    .usp-carousel {
      background-image: linear-gradient(85deg, #CF001F 0%, #200303 100%);
      /* padding: 20px 0; */
      color: #fff;
    }

    .usp-slide {
      text-align: center;
      padding: 20px;
      outline: none; /* Remove blue border */
    }

    .usp-slide h3 {
      font-size: 18px;
      margin: 0;
      font-weight: 700;
    }

    .usp-slide p {
      font-size: 14px;
      margin: 5px 0 0 0;
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
      .usp-slide h3 { font-size: 16px; }
      .usp-slide p { font-size: 13px; }
    }







  

 /* Carousel Container */
    .carousel-container {
      width: 100%;
      background-image: linear-gradient(85deg, #CF001F 0%, #200303 100%);
      display: flex;
      align-items: center;
      overflow: hidden;
      color: #fff;
      position: relative;
      padding: 12px 0;
    }

    /* Carousel Track */
    .carousel-track {
      display: flex;
      gap: 40px;
      width: max-content;
      animation: scroll 22s linear infinite;
    }

    /* Individual Slide */
    .carousel-slide {
      flex: 0 0 300px;
      min-height: 80px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 10px;
      box-sizing: border-box;
    }

    .carousel-slide h3 {
      font-size: 18px;
      margin: 0;
      font-weight: 700;
    }

    .carousel-slide p {
      font-size: 14px;
      margin: 4px 0 0 0;
    }

    /* Animation Keyframes */
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Pause animation on hover */
    .carousel-container:hover .carousel-track {
      animation-play-state: paused;
    }

    /* Tablet (768px–1024px) */
    @media (max-width: 1024px) {
      .carousel-track {
        gap: 25px;
      }
      .carousel-slide {
        flex: 0 0 240px;
      }
    }

    /* Mobile (≤768px) */
    @media (max-width: 768px) {
      .carousel-track {
        gap: 20px;
      }
      .carousel-slide {
        flex: 0 0 85%;
        min-height: auto;
        padding: 12px;
      }
      .carousel-slide h3 {
        font-size: 16px;
      }
      .carousel-slide p {
        font-size: 13px;
      }
    }

    .single.single-product main#main {
      width: 90% !important;
      max-width: max-content;

    }
    .single.single-product .breadcrumb-trail a {
       color: #b3b3b3 !important;
   }

   span.breadcrumb_last {
    color: #b3b3b3;
}


.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: 1;
    margin: 0;
}


/* @media (max-width: 768px) {
    .woocommerce div.product {
        display: flex;
        flex-direction: column;
    }

    .woocommerce div.product .woocommerce-product-gallery {
        order: 3;
    }

    .woocommerce div.product .summary .product_title {
        order: 1;
    }

    .woocommerce div.product .summary .woocommerce-product-details__short-description {
        order: 2;
    }

    .woocommerce div.product .summary {
        order: 4;
    }
} */

@media (max-width: 768px) {
    .woocommerce div.product {
        display: flex;
        flex-direction: column;
    }

    /* Flatten summary so its children can be reordered */
    .woocommerce div.product .summary {
        display: contents;
    }

    /* Reorder */
    .woocommerce div.product .product_title {
        order: 1;
    }

    .woocommerce div.product .woocommerce-product-details__short-description {
        order: 2;
    }

    .woocommerce div.product .woocommerce-product-gallery {
        order: 3;
    }

    /* Put price, cart, etc. after image */
    .woocommerce div.product .price,
    .woocommerce div.product form.cart,
    .woocommerce div.product .product_meta {
        order: 4;
    }
    .woocommerce div.product .product-sku-custom {
      order: 4;
    }
    .woocommerce div.product .uplifters-benefits-wrapper {
      order: 5;
    }
    .woocommerce div.product .woocommerce-tabs{
      order:6;
    }
    section.related.products {
      order:7;
    }
}


.page-id-9 .wc-block-grid__product-title {
    color: #b3b3b3;
    font-size: 16px;
    font-family: "Inter", Sans-serif;
    font-weight: 600;
}

.page-id-9 h2.wp-block-heading.has-text-align-center,
.page-id-9 .wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns{
  /* display: none; */
}


ul.sub-menu {
    background-color: #181818 !important;
}

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

.page-id-10258 .uplifters-benefit {
    flex: 1 1 20%;
    padding: 10px;
}


.page-id-10258 img.swiper-slide-image.swiper-lazy.swiper-lazy-loaded {
  box-shadow: 4px 5px 10px 0 #000000ab, 4px 7px 5px 0 #000000ab;
    transition: transform 0.4s, box-shadow 0.4s;
    border-radius: 12px;
    border: 1px solid #dadada66;

}

/* a:active, a:hover {
    color: unset;
    text-decoration: underline;
} */
 
.info-banner a:active, .info-banner a:hover {
   color: unset;
    text-decoration: underline;
} 
body:not(.page-id-10258):not(.page-id-191) a:active,
body:not(.page-id-10258):not(.page-id-191) a:hover {
  /* color: unset; */
  /* text-decoration: underline; */
}
#tab-description a:active,
#tab-description a:hover{
  color: unset;
  text-decoration: underline;
}



.woocommerce #review_form #respond p a {
    margin: 0 0 10px;
    color: #FFD700;
}

.woocommerce ul.products li.product .star-rating{
  color: #FFD700;
}


#product-cards h2.woocommerce-loop-category__title{
  text-align: center;
    padding-bottom: 20px !important;
    color: #B3B3B3;
}

#product-cards h2.woocommerce-loop-category__title:hover {
    color: #F06277;
}


.aws-search-field::placeholder {
  color: #999;
  font-style: italic;
  letter-spacing: 0.5px;
  /* padding-left: 40px; */
}

.aws-search-field {
  padding-left: 40px !important;
}
label.wpo-image-button img {
    border: 1px solid var(--wpo-input-border-color) !important;
}

/* .wpo-text-labels label.wpo-text-label{
  border:none !important;
} */
.wpo-text-labels label.wpo-text-label {
    border: none !important;
    color: #dadada !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    /* padding-left: 8px !important; */
    vertical-align: middle !important;
    border-radius: 4px !important;
    background: #222222d1 !important;
}
span.wpo-swatch-inner {
border-radius: 50% !important;
}

.wpo-text-labels label.wpo-text-label .wpo-text-label-inner:hover {
    border-radius: 4px !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: #dadada !important;
}