body {
     font-family: "Assistant", sans-serif;
     font-optical-sizing: auto;
     font-style: normal;
 }

 p,
 h1,
 li,
 div,
 span,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Assistant", sans-serif;
 }


 .top-off-banner {
     position: relative;
     width: 100%;
     height: 560px;
     overflow: hidden;
 }

 .top-banner-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .banner-content {

     position: absolute;
     top: 55%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: white;
     max-width: 100%;
     text-align: center;
 }

 .banner-content h1 {
     font-size: 3rem;
     font-weight: 600 !important;
     margin-bottom: 25px;
     color: #fff;
     text-align: center;
 }
 

 .banner-content p {
     font-size: 12px;
     margin-bottom: 20px;
     text-transform: uppercase;
     opacity: 0.8;
     color: #000;
 }

 .shop-all-btn {
     border: 2px solid #Fff;
     display: inline-block;
     padding: 12px 24px;
     color: var(--theme-white-color);
     text-decoration: none;
     font-weight: bold;
     text-transform: uppercase;
     transition: 0.3s;
 }

 .shop-all-btn:hover {
     background: black;
     color: white;
 }

 .marquee-container {
        width: 100%;
        overflow: hidden;
        background-color: #ffb6c1;
        padding: 10px 0;
        position: relative;
        top: 8rem;
        z-index: 998;
}

.marquee-content {
    display: flex;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
}

.marquee-item {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.divider {
    font-size: 24px;
    margin: 0 10px;
    color: #000;
}

.text-black {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.text-red {
    color: #ff0066;
    font-weight: bold;
    font-size: 18px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Make the content repeat to ensure continuous scrolling */
.marquee-content {
    padding-right: 50px;
}

.marquee-content-clone {
    display: flex;
    white-space: nowrap;
    padding-right: 50px;
}
 @media (max-width: 768px) {
     .marquee-container{
           position: relative;
            top: 5rem;
     }
     .top-off-banner {
         top: 50px !important;
     }

     .banner-content {
         width: 80%;
         max-width: 80%;
         left: 50%;
     }

     .banner-content h1 {
         font-size: 1.8rem;
     }

     .banner-content p {
         font-size: 0.9rem;
     }

     .shop-all-btn {
         padding: 10px 20px;
     }
      .nav-tab-active-primary .nav-item + .nav-item, .nav-tab-active-dark .nav-item + .nav-item, .nav-tab-active-secondary .nav-item + .nav-item{
         margin-left:0px;
     }
     .dropdown-menu-start{
         left:-6rem;
     }
 }

 .lodder-h {
     max-height: 125px;
     max-width: 125px;
 }

 .top-bar {
     background-color: black;
     color: #fff !important;
     font-size: 13px;
     font-weight: 400;
     font-family: "Assistant", sans-serif;
     z-index: 999;
 }

 .topbar-content {
     justify-content: center;
     text-align: center;
     font-weight: 400;
     font-family: "Assistant", sans-serif;
     font-size: 13px;
     padding: 10px 0;
 }

 @media (max-width: 991px) {
    .marquee-container{
           position: relative;
            top: 5rem;
     }
     .top-bar {
         display: none;
     }
      .banner-content h1 {
     
         margin-bottom: 20px;
     }
     .nav-tab-active-primary .nav-item + .nav-item, .nav-tab-active-dark .nav-item + .nav-item, .nav-tab-active-secondary .nav-item + .nav-item{
         margin-left:0px;
     }
      .dropdown-menu-start{
         left:-6rem;
     }
 }

 .top-bar {
     border-bottom: 1px solid #e7e7e7;
 }

 .search-container {
     display: flex;
     align-items: center;
     background-color: #fff;
     padding: 3px 3px 3px 3px;
 }

 .search-icon {
     background: none;
     border: none;
     cursor: pointer;
     color: #555;
     font-size: 16px;
     margin-right: 0px;
 }

 .search-icon:hover {

     text-decoration: none;
 }

 .search-icon i {
     position: relative;
     top: 2px;
 }

 .search-container input {
     border: none;
     outline: none;
     background: none;
     font-size: 14px;
     width: 120px;
     text-decoration: none;
 }

 .search-container input:hover {
     text-decoration: none;
 }

 .dropdown-menu[style] {
     right: 0px !important;
 }

 .footer-content {
     padding: 20px 0px !important;
 }

 .sh-search-popup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 .sh-search-form {
     background: white;
     padding: 15px;
     max-width: 400px;
     display: flex;
     align-items: center;
     border-radius: 8px;
 }

 .sh-search-form input {
     flex: 1;
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
 }

 .sh-search-icon {
     background: none;
     border: none;
     cursor: pointer;
     font-size: 18px;
     padding: 10px;
 }

 .sh-close-icon {
     font-size: 20px;
     margin-left: 10px;
     cursor: pointer;
 }

 /* Show only on mobile screens */
 @media (max-width: 768px) {
     .sh-search-mobile-btn {
         display: inline-block;
         font-size: 20px;
         cursor: pointer;
     }
 }

 @media (min-width: 769px) {
     .sh-search-mobile-btn {
         display: none;
     }
 }

 /* Sticky Navbar */
 .navbar {
     transition: top 0.3s;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 .navbar.sticky {
     position: fixed;
     top: 0;
     width: 100%;
     background: white;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
     z-index: 1000;
     padding: 20px 15px;
 }

 .toast-success {
     background-color: green !important;
 }

 /* Navbar Styling */
 .navbar {
     background: #fff;
 }

 .navbar-brand img {
     max-height: 65px;
     margin-top: 0;
 }

 .navbar-toggler {
     border: none;
 }

 .navbar-nav {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 /* Search Popup Styling */
 .search-popup {
     position: fixed;
     top: 10%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 60%;
     background: white;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 20px;
     border: 2px solid black;
     box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
     z-index: 9999;
     border-radius: 8px;
 }

 .search-form {
     display: flex;
     align-items: center;
     width: 100%;
 }

 .search-popup input {
     width: 80%;
     padding: 10px;
     border: 2px solid black;
     font-size: 18px;
     outline: none;
     border-radius: 5px;
 }

 .search-popup .search-icon {
     background: black;
     color: white;
     border: none;
     padding: 10px 15px;
     cursor: pointer;
     border-radius: 5px;
     margin-left: 5px;
 }

 .search-popup .close-icon {
     cursor: pointer;
     font-size: 24px;
     padding-left: 15px;
     color: black;
     margin-left: 10px;
 }

 /* Search Icon Button */
 .search-icon-button {
     cursor: pointer;
     border: none;
     background: none;
 }

 /* Center Search Icon in Navbar */
 .nav-search {
     display: flex;
     align-items: center;
     border: 1px solid black;
 }

 .dropdown-item-login:hover {
     background-color: transparent !important;
 }

 .navbar-expand-lg .navbar-nav .search-nav:hover {
     text-decoration: none !important;
 }

 .search-nav:hover i {
     color: #555 !important;
 }

 /* Hide on Small Screens */
 @media (max-width: 768px) {
     .search-popup input {
         width: 80%;
     }
 }

 .header-cart-1 .cart-icon,
 .header-cart-6 .cart-icon,
 .search-view>a,
 .wishlist-view>a,
 .refresh-view>a,
 .cart-view>a,
 .sign-in>a {
     padding: 0px;
 }

 .navbar-expand-lg .navbar-nav .nav-item {
     padding: 0px 8px;

 }

 .navbar-expand-lg .navbar-nav .nav-item:hover {
     padding: 0px 8px;
     text-decoration: underline;

 }

 hr {
     height: 0px !important;
     margin: 10px 0px;
 }

 .search-popup input {
     margin-right: 10px;
 }

 .fa {
     color: #000;
     font-size: 16px;
     margin-bottom: 20px;
 }

 /*.currency-select {*/
 /*    font-size: 20px !important;*/
 /*}*/

 .navbar-slide-push .navbar-nav .nav-item .nav-link,
 .navbar-expand-lg .navbar-nav .nav-link {
     text-transform: capitalize;
     font-size: 14px;
     color: rgb(18 18 18 / 75%) !important;
 }

 .nav-item {
     font-family: "Assistant", sans-serif !important;
 }

 .navbar-expand-lg .navbar-nav .nav-link {
     font-family: "Assistant", sans-serif !important;
 }

 .nav-link-custom {
     color: #fff !important;
 }

 .navbar-nav {
     width: 100% !important;
 }

 .currency-select {
     font-size: 13px !important;
 }

 .onscroll-logo-pos {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
 }

 .navbar-nav {
     display: flex;
     gap: 20px;
 }

 .mobile-nav.sticky {
     padding: 4px !important;

 }

 .mobile-navbar-cp {
     display: none;
     transition: all 0.3s ease-in-out;
 }

 .mobile-navbar-cp.open {
     display: block;
 }

 .bottom-nav {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background: white;
     box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
     display: flex;
     justify-content: space-around;
     padding: 10px 0;
     z-index: 999;
     align-items:center;
 }

 .nav-item {
     text-align: center;
     flex-grow: 1;
 }

 .nav-item i {
     font-size: 18px;
     color: #555;
     transition: 0.3s;
 }

 .nav-item:hover i {
     color: #007bff;
 }

 .Wishlist-icon {
     justify-content: center;
 }

 .nav-item.active i {
     color: #007bff;
 }

 [class*="header-cart-"] .cart {
     justify-content: center !important;
 }

 /*@media (min-width: 991px) {*/
 /*    .bottom-nav {*/
 /*        display: none;*/
 /*    }*/
 /*}*/
 @media (min-width: 768px) {
     .bottom-nav {
         display: none;
     }
 }

 @media(min-width:230px) and (max-width:600px) {
     .footer-content-two {
         display: block !important;
     }

     .owl-carousel .owl-nav button.owl-next {
         display: block !important;
     }

     .owl-carousel .owl-nav button.owl-prev {
         display: block !important;
     }

     .essentials-section {
         height: 600px !important;
         padding: 20px !important;
     }
     
     .nav-arrow-middle-show .owl-nav button{
         visibility:visible !important;
         opacity:1 !important ;
     }
     [class*="nav-arrow-middle"] .owl-nav button.owl-prev{
         left: 10px !important;
     }
     [class*="nav-arrow-middle"] .owl-nav button.owl-next{
         right: 10px !important;
     }
     
     .social-icons{
        /*display: grid !important;*/
        /*grid-template-columns: repeat(3, 1fr)  !important;*/
        /*gap:10px;*/
     }
     .social-icons i{
        font-size:22px;    
     }
     
     #scroll{
         bottom:70px !important;
     }
    .footer-left,.footer-right{
        justify-content:center;
    }
    .newsletter-container h3{
        text-align:center;
    }
    
 }
 
 

 .a.btn.btn-secondary.rounded-0.checkout {
     padding: 6px !important;
 }

 .text-center {
     text-align: center !important;
     margin: 0 auto;

 }

 .promo-card img {
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease;
     width: 100%;
     height: auto;
 }

 .promo-card img:hover {
     transform: scale(1.05);
 }

 .footer-ku {
     background-color: white !important;
     color: black !important;
 }

 .subtext-friday {
     position: relative;
     top: -30px;
     color: #000;
     font-weight: 800;
 }

 .product-ccon {
     margin-top: 0px !important;
 }




 .e-info-center .product-wrapper .product-info {
     text-align: left !important;
 }



 .e-info-center .product-wrapper .shipping-feed-back,
 .e-info-center .product-wrapper .product-info .product-price {
     justify-content: left !important;
 }



 .product-wrapper .product-info .product-price .price ins {
     font-size: 14px;
     font-weight: 400;
 }


 .commitments-bar {
     background-color: #0a8800;
     color: white;
     padding: 10px;
     border-radius: 8px 8px 0 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 0.9rem;
 }

 .commitments-bar i {
     margin-right: 5px;
 }

 .commitments-bar .item {
     display: flex;
     align-items: center;
 }

 .commitments-bar .divider {
     margin: 0 10px;
     color: white;
 }

 .alert-bar {
     border: 1px solid #28a745;
     border-top: none;
     border-radius: 0 0 8px 8px;
     padding: 10px;
     color: #28a745;
     font-size: 0.9rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .alert-bar i {
     margin-right: 5px;
 }

 .alert-bar a {
     color: #28a745;
     text-decoration: none;
     font-weight: bold;
 }

 .alert-bar a:hover {
     text-decoration: underline;
 }

 .img.nav-logo {

     max-width: 61px !important;
 }

 /*leighting banner csss*/
 .lightning-banner {
     background-color: #c30000;
     color: white;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 20px;
     border-radius: 5px;
     font-family: Arial, sans-serif;
     position: relative;
     overflow: hidden;
 }

 .lightning-banner .left-content,
 .lightning-banner .right-content {
     display: flex;
     align-items: center;
 }

 .lightning-banner .icon {
     background-color: white;
     color: #c30000;
     font-weight: bold;
     font-size: 1.2rem;
     padding: 8px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
 }

 .lightning-banner .text {
     font-size: 1.2rem;
     font-weight: bold;
 }

 .lightning-banner .subtext {
     font-size: 0.9rem;
     font-weight: normal;
     margin-left: 5px;
 }

 .lightning-banner .right-content img {
     height: 50px;
     margin-left: 15px;
 }

 .background-elements {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background: url('https://via.placeholder.com/1500x300') no-repeat center center;
     background-size: cover;
     opacity: 0.2;
 }

 .lightning-banner-content {
     z-index: 1;
     width: 100%;
 }

 .item {
     font-size: 14px;

 }

 /*footer start*/

 .list-payment {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     margin-top: 40px;
 }

 .footer {
     border-top: 1px solid #ececec;
     border-bottom: 1px solid #ececec;
 }

 .footer-container {
     background-color: #fff;
     color: #000;
     padding: 50px 20px;
 }

 .list-payment__item {
     margin-right: 12px;
 }

 .footer-bottom p {
     color: #121212;
     font-size: 11px;
 }


 /* Footer Section Styling */
 .footer-content {
     padding: 80px 0px;
 }

 .footer-content-two {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: baseline;
 }

 .footer-content-one {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .footer-left {
     display: flex;
 }

 .footer-menu {
     display: flex;
 }

 .footer-right {
     display: flex;
     gap: 15px;
 }

 .footer-button {
     background: #000;
     color: white;
     border: none;
     padding: 8px 16px;
     border-radius: 20px;
     font-size: 14px;
     display: flex;
     align-items: center;
     gap: 5px;
     cursor: pointer;
 }

 .footer-button:hover {
     background: #4a2fa3;
 }

 .social-icons {
     display: flex;
     gap: 11px;
 }

 .social-icons i {
     font-size: 30px;
     color: black;
     cursor: pointer;
 }

 .faq-section {
     text-align: center;
     padding: 50px 20px 0px;
 }

 .faq-title {
     font-size: 28px;
     font-weight: bold;
     margin-bottom: 15px;
 }

 .faq-description {
     font-size: 16px;
     color: #666;
     margin-bottom: 20px;
 }

 .faq-link {
     color: black;
     text-decoration: underline;
     font-weight: bold;
 }

 .faq-button {
     background: black;
     color: white;
     border: none;
     padding: 10px 20px;
     font-size: 14px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .faq-button:hover {
     background: #333;
 }



 .essentials-title {
     font-size: 36px;
     font-weight: bold;
     margin-bottom: 10px;
     color: #fff;
 }

 .essentials-description {
     font-size: 16px;
     line-height: 1.5;
     margin-bottom: 20px;
     color: #fff;
 }

 .essentials-button {
     display: inline-block;
     padding: 10px 20px;
     border: 1px solid black;
     background: transparent;
     color: black;
     font-weight: 600;
     font-size: 14px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .essentials-button:hover {
     background: white;
     color: black;
 }

 /* Overlay for better readability */
 .hero-section::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .hero-content {
     position: relative;
     max-width: 100%;
     text-align: left;
 }

 .hero-content h1 {
     font-size: 2.5rem;
     color: #fff;
     margin-bottom: 10px;
 }

 .hero-content p {
     font-size: 1rem;
     color: #fff;
     margin-bottom: 20px;
 }

 .btn {
     background-color: black;
     color: white;
     padding: 12px 20px;
     text-decoration: none;
     font-size: 1rem;
     border: none;
     cursor: pointer;
     transition: background 0.3s ease-in-out;
     display: inline-block;
 }

 .btn:hover {
     background-color: #333;
 }

 /* News letter */
 .newsletter-container {
     padding: 20px;
 }

 .follows-icons {
     width: 100%;
     padding: 10px 0px;
     border-radius: 5px;
     font-size: 16px;
     outline: none;
 }

 .newsletter-container h3 {
     margin-bottom: 10px;
 }

 .newsletter-input {
     width: 100%;
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
     font-size: 16px;
     outline: none;
 }

 .subscribe-btn {
     width: 100%;
     margin-top: 10px;
     padding: 12px;
     border: none;
     color: black;
     font-size: 16px;
     cursor: pointer;
     border-radius: 5px;
     text-transform: uppercase;
     font-weight: bold;
 }

 .subscribe-btn:hover {
     background-color: #78CCEA;
 }

 .footer-menu {
     display: flex;
     gap: 20px;
     font-size: 14px;
     color: black;
 }

 .product-title a {
     font-size: 14px !important;
 }

 /* Badge Container */
 .topro-badges {
     display: flex;
     gap: 5px;
     align-items: center;
 }

 .e-info-center .product-wrapper .shipping-feed-back,
 .e-info-center .product-wrapper .product-info .product-price {
     justify-content: space-between !important;
 }

 /* Container for the Cart Button */
 .topro-cart-button {
     display: inline-block;
     width: 100%;
 }

 /* Styling the Add to Cart Button */
 .add-to-cart-button {
     display: inline-block;
     width: 100%;
     border: 1px solid #000;
     text-align: center;
     padding: 10px;
     cursor: pointer;
     font-size: 14px;
     color: #000;
     transition: all 0.3s ease;
 }

 .add-to-cart-button:hover {
     background-color: #f0f0f0;
 }

 .pro-info-con {
     height: 50px;
 }

 .carousel-indicators button {
     width: 10px !important;
     height: 10px !important;
     background-color: #555;
     border-radius: 50%;
     border: none;
     margin: 5px;
     opacity: 0.5;
     transition: opacity 0.3s ease-in-out, background-color 0.3s;
 }

 /* Change active dot color */
 .carousel-indicators .active {
     background-color: black;
     opacity: 1;
 }

 .discount-percentage {
     font-size: 12px;
     margin-left: 4px;
     color: #06960E;

 }

 .product-shadow {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;


 }

 .product-shadow:hover {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
 }

 .carousel-indicators {
     margin-bottom: 0rem !important;
 }

.product-wrapper{
    width: 100%;
    display: block !important;
}
 /* .card1,
 .card2,
 .card3,
 .card4,
 .card5,
 .card6 {
     width: 285px !important;
     height: 100% !important;
 } */

 .card1.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
 }

 .card2.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
 }

 .card3.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
 }

 .card4.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
 }

 .card5.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
 }

 .card6.slick-initialized.slick-slider.slick-dotted {
     margin-bottom: 0px !important;
 }

 .slick-dots {
     position: absolute;
     bottom: 4px;
 }

 .slick-dots li button {
     width: 7px;
     height: 7px;
     border: 1px solid #282d31;
     background-color: white;
     border-radius: 50%;
     font-size: 0;
     line-height: 0;
     padding: 0;
     margin: 0 5px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .slick-dots li.slick-active button {
     background-color: #282d31;
 }

 .slick-dots li button:before {
     opacity: 0;
 }

 .slick-dots li.slick-active button:before {
     opacity: 0;
 }
 

.custom-product-card {
    height: 100%; /* Let column handle full height */
}

.custom-product-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #eee;
    border-radius: 0px;
    overflow: hidden;
    padding: 10px;
}

.custom-product-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    min-height: 220px; /* fixed height for image container */
    position: relative;
    background-color:transparent !important;
}

.custom-product-image img {
    max-height: 180px;
    max-width: 100%;
    object-fit: contain;
}

.custom-product-info {
    padding: 10px 0 0;
    text-align: center;
}

.custom-product-title {
    font-size: 1rem;
    margin: 0;
    min-height: 45px;
    line-height: 1.4;
    display: flex;
    align-items: start;
    justify-content: start;
    text-align: left;
}

.custom-product-price {
    margin-top: 5px;
    font-size: 1rem;
}

.custom-cart-button,
.custom-wishlist-button,
.custom-compare-button {
    margin-top: 5px;
}

.custom-hover-area {
    position: absolute;
    bottom: 10px;
    /*left: 100px;*/
    right: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.woocommerce-ordering,.products-view{
        display: flex;
        flex-direction: row;
}