body{
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;color:black;
}

@font-face {
    font-family: 'Handwritten';
    src: url('../../fonts/Lush\ Handwritten\ WLat\ Bold.ttf') format('truetype');
}

a{
    text-decoration: none;
    color:#000;
}
a:hover{color:#444;}
.products-details span, .products-details p {
    color: #444 !important;
}

p{
    margin: 0;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
}

.btn, .form-control:focus, .form-select:focus{
    outline: none !important;
    box-shadow: none !important;
}

ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-content{
    border: none;
}

.section-pad{
    padding:5rem 0;
}

.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /*transition: all 0.3s ease-in-out;*/
}
.header.hideup{top:-200px;}

.header.scrollUp{
    position: fixed;
}

.header-top{
    background-color: #000;
    padding: 0.5rem 0.5rem;
}

.header-top-content p{
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.857;
    letter-spacing: 0.5px;
}

.header-top-content p a{
    color: #fff;
    text-decoration: underline;
}

.header-right-content .nav{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1.5rem;
}

.header-right-content .nav .nav-item{
    position: relative;
}

.header-right-content .nav .nav-item .cart-count{
    position: absolute;
    background-color: rgb(255, 232, 56);
    color: rgb(0, 0, 0);
    min-width: 2.2em;
    padding: 0px 0.5em;
    height: 2.2em;
    border-radius: 50%;
    font-size: 0.5em;
    top: -0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -1.3em;
}

.search-btn{
    position: relative;
    padding: 0px;
    display: flex;
    align-items: center;
}

.search-btn::before{
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
    height: 1px;
    content: '';
    background: rgb(117, 117, 117);
}

.search-btn span{
    font-size: 1.5rem;
    padding-inline-end: 1.5rem;
    font-weight: 700;
}

.header-right-content svg, .header-right-content img{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.nav-item .cart-icon svg path,.nav-item .cart-trigger svg path{fill:#000000}
.main-logo img{
    height: 59px;
}

.header-middle{
    padding:15px 0px;
    background-color: #fff;
}

.category-list{
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.category-list-item{
    color: rgb(0, 0, 0);
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.71429;
    letter-spacing: 0px;
    background-color: rgb(255, 255, 255);
    padding: 0.5rem 1.25rem;
    border-radius: 1.4375rem;
    border: 1px solid rgb(203, 203, 203);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: border-color 0.25s;
}

.category-list-item:focus, .category-list-item:hover{
    outline: none;
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

.category{
    padding-bottom: 10px;
}

.category .swiper-slide{
    width: auto;
}

.category .swiper-scrollbar, .ingredients-slider .swiper-scrollbar{
    background-color: rgb(237, 235, 237);
    left: 0;
    width:100%;
    opacity: 0;
    transition: 0.25s;
}

.category:hover .swiper-scrollbar, .ingredients-slider:hover .swiper-scrollbar{
    opacity: 1;
}

.category .swiper-scrollbar-drag, .ingredients-slider .swiper-scrollbar-drag{
    border-radius: 0.375rem;
    background: rgb(203, 203, 203);
}

.header-bottom{
    padding: 10px 0px;
}
.home-page-banners{position:relative}
.banner-images{
    /*z-index: -1;
    position: absolute;*/
    /*border-bottom: 1px solid rgb(0, 0, 0);
    width: 100%;
    height: calc(100vh - 35px);*/
    overflow: hidden;
}
.banner-images{
    display: grid;
    grid-template-areas: "stack";
    min-height: calc(-1.45rem + 100vh);
}
.banner-images img{
    grid-area: stack;
    width: 100%;
    max-height: calc(-1.45rem + 100vh);
    min-height: 19rem;
    height: 100%;
    object-fit: cover;
}
.banner-images img{
     /*width: 100%;
   height: calc(100vh + 300px);
    object-fit: cover;*/
}

/*.banner-images::before{*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(86.92deg, rgba(0, 0, 0, 0.6) 2%, rgba(0, 0, 0, 0) 50.22%, rgba(0, 0, 0, 0) 76.54%, rgba(0, 0, 0, 0.3) 96.81%);*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: 0px;*/
/*}*/

/*.category-nav{*/
/*    mask-image: linear-gradient(to right, rgb(203, 203, 203) calc(100% - 48px), transparent 100%);*/
/*}*/

/*.section-tabs{*/
/*    display: grid;*/
/*    grid-template-columns: 1fr auto;*/
/*    grid-template-areas: "slider pips";*/
/*    padding-right: 80px;*/
/*}*/

.section-tabs nav{
    position: sticky;
    inset-block-end: 8rem;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    place-self: self-end center;
    padding: 5px 0px;
    margin-block-end: 5rem;
}

.main-nav ul li a{
    display: inline-block;
    padding: 8px 11px;
    position: relative;
}

.main-nav ul li a::before{
    content: "";
    display: none;
    position: absolute;
    inset-inline-end: 100%;
    margin-inline-end: 1rem;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 0.875rem;
}

.main-nav ul li a.button-01::before{
    content: "Christmas";
}

.main-nav ul li a.button-02::before{
    content: "New Products";
}

.main-nav ul li a.button-03::before{
    content: "Fragrances";
}

.main-nav ul li a.button-04::before{
    content: "Gifts";
}

.main-nav ul li a.button-05::before{
    content: "Bath Products";
}

.main-nav ul li a.button-06::before{
    content: "Shower Products";
}

.main-nav ul li a.button-07::before{
    content: "Subscriptions";
}

.main-nav ul li a.button-08::before{
    content: "Hair Care";
}

.main-nav ul li a.button-09::before{
    content: "Skin Care";
}

.main-nav ul li a.button-10::before{
    content: "Makeup";
}

.main-nav ul li a.button-11::before{
    content: "Body Care";
}

.main-nav ul li a.button-12::before{
    content: "Keep Clean";
}

.main-nav ul li a.button-13::before{
    content: "Lifestyle";
}

.main-nav ul li a.button-14::before{
    content: "Lush Giving";
}

.main-nav ul li a:hover::before{
    display: block;
}

.section-tabs ul li span{
    width: 1rem;
    height: 1rem;
    display: block;
    border-radius: 100%;
    border: 2px solid rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
}

.section-tabs ul li.active span{
    background-color: rgb(255, 255, 255);
}

.banner-content-area{
    display: flex;
    align-items: flex-end;
    /*min-height: calc(100vh + 300px);*/
    position:absolute;
    left:0;bottom:0;
    width: 100%;
    z-index:9;
}

.banner-bottom-area{
    width: 100%;
}
.banner-bottom-area svg{display:block}
.banner-bottom-area-bg{
    background: rgba(0, 0, 0, 0.75);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.banner-content {
    position: relative;
}

.banner-content h4{
    font-size: 2.5rem;
    line-height: 100%;
    margin-bottom: 16px;
    font-family: 'Handwritten', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.banner-content ul li{
    margin-right: 16px;
    display:inline-block;
}

.banner-content a{
    color: #fff;
}

.banner-content ul li a{
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff !important;
}

.banner-content a:hover{
    text-decoration: underline;
    color: #fff !important;
}

.footer-top{
    padding: 40px 0px;
}

.footer-top-cont ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;width:100%;justify-content:space-between;
}

.footer-top-cont ul li{
    display: inline-flex;
    /*width: calc(100% / 6);*/
    align-items: center;
}

.footer-top-cont ul li a{
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1.5px;
    font-weight: 600;
    color:#000000;
    margin-inline-start: 0.7rem;
}
.footer-svg {
    width: 100%;
    margin-top: -1px;
    transform: translateX(0%);
    transition: transform 0.05s linear;
}
.footer-svg svg{transform:none !important}
.footer{
    position: relative;
    background: rgb(0, 0, 0);
    transform: translate3d(0px, 0px, 0px);
    overflow: hidden;
}

.footer-middle{
    padding:3.5rem 0 6rem;
}

.footer-wave svg{
    display: block;
    width: 200%;
    position: relative;
    height: 5rem;
    will-change: transform;
}

.footer-content h3{
    font-size: 1.875rem;
    line-height: 1.333;
    font-weight: 700;
    color: #fff;
}

.footer-content p{
    font-size: 0.875rem;
    line-height: 1.571;
    letter-spacing: 0px;
    color: #fff;
    margin: 1rem 0px 1.5rem;
}

.footer-content p a{
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    text-decoration: none;
}
.footer-content a:hover,.footer-content p a:hover{text-decoration:underline}
.footer-content h4{
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.footer-content .form-control{
    font-size: 1rem;
    color: rgb(255, 255, 255);
    padding: 1.25rem 1rem;
    background-color: rgb(51, 51, 51);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 1rem;
    outline: none;
}

.footer-content .btn{
    line-height: 1;
    background: rgb(255, 255, 255);
    white-space: nowrap;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    font-size: 1rem;
    letter-spacing: 1px;
    min-height: 4rem;
    font-weight: 600;
    margin: 1rem 0px 0px;
    border-radius: 2.5rem;
    width: 100%;
    padding: 1.188rem 1.5rem;
}

.footer-box h4{
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0px;
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.footer-box ul li a{
    color: rgb(255, 255, 255);
    display: block;
    font-size: 0.9rem;
    line-height: 1.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.footer-box ul li a:hover{text-decoration:underline}
.footer-payment-icons{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 10px 0px;
}

.footer-bottom{
    border-top: 1px solid rgb(51, 51, 51);
    padding: 20px 0px;
}

.copyright-content p{
    font-size: 0.875rem;
    line-height: 1.857;
    color: #fff;
}
.payment-method-btns{display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:5px}
.payment-btn{display:flex;justify-content: flex-start!important;margin-bottom:0!important}
.payment-btn div{text-align:left;line-height: 0.5;}
.payment-btn svg{width:30px;margin-right:10px}
.payment-btn path{fill:white}
.payment-btn span{font-size:0.688rem!important;text-align:left;font-family:"Inter", sans-serif;text-transform:uppercase;font-weight:300;letter-spacing:1px;margin-bottom:5px;display:block;color:#999999;line-height:1}
/*.payment-btn:nth-child(4) path{fill:none;stroke:white}*/
.payment-btn h3{font-size:15px;text-align:left}
.languga-area .btn{
    padding: 0;
    font-size: 0.75rem;
    line-height: 2.167;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.languga-area .btn img{
    height: 20px;
}

.languga-area .btn .symbol, .languga-area .btn .country{
    position: relative;
}

.languga-area .btn .symbol::after, .languga-area .btn .country::after{
    content: "·";
    margin: 0.625rem;
}

.search-input-box{
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.inner-header{
    position: relative
}

.inner-header-main{
    background-color: #fff;
}

.search-input-box.open{
    opacity: 1;
    visibility: visible;
}

.header-search-box{
    position: relative;
    margin-bottom: 10px;
}

.header-search-box .form-control{
    padding: 12px 0px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgb(117, 117, 117);
}

.header-search-box .btn{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0;
}

.header-search-box .btn svg{
    width: 24px;
    height: 24px;
}

.close-popup{
    padding-bottom: 10px;
}

.close-popup .btn span{
    font-size: 0.6875rem;
    text-transform: uppercase;
    padding-inline-end: 1rem;
}

.close-popup .btn svg{
    width: 8px;
    height: 8px;
}

.search-input-box{
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.cart-popup{
    position: fixed;
    top: 0;
    right: -415px;
    width: 414px;
    border: 0 solid #e5e7eb;
    background-color: rgb(255, 255, 255);
    height: 100vh;
    z-index:9999;
    transition: all 0.3s ease-in-out;
    box-shadow:0 0 5px rgba(0,0,0,0.07);
}

.cart-popup.open{
    right: 0;
}

.cart-popup-header{
    padding:1.75rem 1.125rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-popup-header h4{
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.filter-popup .cart-popup-header{padding:2.5rem 4rem 2.1875rem;}
input[type=checkbox] {
  accent-color:black;width:16px;height:16px;flex:0 0 16px;border-radius:0;
}

input[type=radio] {
  accent-color:black;width:16px;height:16px;flex:0 0 16px;
}
/*
input[type=range] {
  accent-color: rgb(0, 0, 255);
}

progress {
  accent-color: hsl(39, 100%, 50%);
}*/
.cart-box{
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: rgb(234, 234, 234);
    position: relative;
    margin-bottom: 16px;
}

.cart-popup-content{
    padding:0px 1.125rem 0rem;
    height: calc(100vh - 230px);
    overflow-y: auto;
}
.filter-popup .cart-popup-content{padding:1.125rem 4rem;height: calc(100vh - 200px);}

.cart-popup-content::-webkit-scrollbar{
    display: none;
}
body.overflow-hidden,body.overflow-hidden header .container-fluid .header-right-content{margin-right: 15px !important;}
.set > a{position:relative;display:block}
.plus-minus{width:1rem;height:1rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.plus-minus svg:first-child{display:block}
.plus-minus svg:last-child{display:none}
.set > a.active .plus-minus svg:first-child{display:none}
.set > a.active .plus-minus svg:last-child{display:block}
.set > a.active{
}
.filter-attributes{padding-top:3.125rem;}
.filter-attributes:nth-child(1){padding-top:0rem;}
.filter-attributes h5{font-size:0.75rem;text-transform:uppercase;font-weight:700;line-height:2.167;letter-spacing:1px;}
.filter-popup .cart-popup-content ul li{display:flex;align-items:flex-start;margin-bottom:10px;}
.filter-popup .cart-popup-content ul li input{margin-top:1px;}
.filter-popup .cart-popup-content ul li label{padding:0 0 0 1rem;line-height:1;font-size:1rem;}
.filter-attributes .content li:last-child{margin-bottom:0}

.content{}
.cart-box-header{
    display: flex;
    gap: 20px;
}

.cart-prod-img img{
    width: 76px;
    height: 76px;
    object-fit: contain;
}

.cart-prod-info h4{
    font-size: 1.125rem;
    line-height: 1.111;
    font-weight: 700;
    font-family: 'Handwritten', sans-serif;
    margin-bottom: 20px;
}

.cart-prod-info p{
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
}

.cart-box-details{
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.cart-prod-info{
    width: 100%;
}

.cart-box-action{
    display: flex;
    align-items: center;
    gap: 20px;
}

.cart-box-action .form-select{
    background-color: transparent;
    border-radius: 0;
    border: 1px solid rgb(203, 203, 203);
    color: rgb(51, 51, 51);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    width: 40%;
    padding: 0.6em 2em 0.8em 1em;
}

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

.delete-btn{
    padding: 0;
    position: absolute;
    top: 10px;
    right: 16px;
}

.cart-price h4{
    letter-spacing: 0.5px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: right;
}

.cart-quantity .btn{
    color: rgb(0, 0, 0);
    font-size: 0.875rem;
    line-height: 1.571;
    letter-spacing: 0px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    border: 1px solid rgb(203, 203, 203);
    width: 48px;
    height: 40px;
}

.cart-quantity .form-control{
    background: transparent;
    border-radius: 0px;
    border: 1px solid rgb(203, 203, 203);
    letter-spacing: 0.5px;
    font-size: 0.8125rem;
    width: 48px;
    height: 40px;
    text-align: center;
}

.cart-box-footer{
    display: flex;
    align-items: center;
}

.cart-box-footer span{
    font-size: 0.875rem;
    font-weight: bold;
    color: rgb(33, 33, 33);
}

.cart-box-footer p{
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: rgb(19, 136, 70);
    margin-left: 10px;
}

.cart-box-footer p svg{
    margin-right: 10px;
}

.cart-box-details{
    margin: 16px 0px;
}

.cart-total{
    background-color: rgb(255, 255, 255);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-total h4{
    font-size: 1.125rem;
    line-height: 1.556;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.checkout-btn{
    font-size: 1rem;
    letter-spacing: 1px;
    text-align: center;
    background-color: rgb(0, 0, 0);
    transition: 250ms;
    padding: 20px 20px;
    font-weight: 600;
    color: #fff !important;
    width: 100%;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 10px;
}

.checkout-btn:hover{
    background-color: rgb(51, 51, 51);
}
.cart-popup-footer{padding-right:1.125rem;padding-left:1.125rem}
.cart-popup-footer .cart-total{padding-left:0;padding-right:0}
.inner-header .search-btn{
    width: 100%;
    margin-bottom: 20px;
    justify-content: space-between;
}

.inner-header .search-btn svg{
    width: 24px;
    height: 24px;
}

.inner-header .search-btn span{
    font-size: 1rem;
    font-weight: 500;
}

.inner-banner-section{
    /*display: flex;*/
    /*align-items: center;*/
    position:relative;
}
.inner-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    background-color: rgb(255, 255, 255);
    z-index: 10;
}
.inner-banner::before {
    padding-bottom: 100%;
    width: 0px;
    content: "";
}
@media (min-width: 620px) {
    .inner-banner::before {
        padding-bottom: 56.25%;
        width: 0px;
        content: "";
    }
}
.inner-banner-sub {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    transform: translate3d(0px, 0px, 0px);
    backface-visibility: hidden;
}
.inner-banner-image{
    
}
.inner-banner-image img{
   width:100%;
   opacity:0.8;
}

.inner-banner-content{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
     display: flex;
    align-items: center;z-index:20;
}

.inner-banner-content .banner-content{
   /* padding-bottom:180px;*/padding:1.5rem 1.25rem 6.5rem;
}

/*.inner-banner-section:before{*/
/*    position:absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width:100%;*/
/*    height:100%;*/
/*    content:'';*/
/*    background-color: #ffffff20;*/
/*}*/

.banner-content h1{
    font-size: 6.875rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.091;
    text-shadow: rgb(0, 0, 0) 0px 0px 160px;
}

.products-sec{
    padding: 3.25rem 0px;
}

.products-list{
    margin: 0px -1.75rem;
    column-count: 4;
}

.products-box{
    break-inside: avoid;position: relative;
    /*padding: 1.75rem;*/
}

.products-card{
    background-color: rgb(244, 242, 244);
    border-radius: 0.5rem;
    margin-top: 6rem;
}

/* .bg-green{
    background-color: rgb(226 255 219);
}

.bg-red{
    background-color: rgb(255 219 219);
}

.bg-green .product-labels span{
    background-color: #ffd600;
    color: #000;
}

.bg-red .product-labels span{
    background-color: #ff0000;
} */

.products-img{
    padding: 0px 20px;
}

.products-img img{
    width: 225px;
    height: 225px;
    object-fit: contain;
    object-position: center center;
    margin-top: -100px;
}

.show-size-btn{}
.product-size-option{display:none;position:absolute;padding:20px;bottom:35px;width:90%;left:5%;background-color:white;max-height:67%;overflow-y:auto;border:1px solid #d8d8d8;text-align:center;}
.product-size-option li + li{margin-top:10px}
.product-size-option li a{display:block;padding:15px 10px}
.product-size-option li span{font-weight:700;font-size:15px}
.product-size-option li h6{font-weight:700;color:#18a957}
.product-size-option li a:hover{background-color:#eaeaea}
/*.products-card .products-img{
    padding:80% 0px 0px 0px;width:80%;margin:0% auto 0 auto;position:relative;
}
.products-card .products-img img{
     width: auto;
    height: auto;
    max-width:100%;
    max-height:100%;
    min-width:100%;
    min-height:100%;
     margin-top:0px;
     position:absolute;
     top:0;left:0;
}*/
.product-labels span{
    display: inline-block;
    padding: 6px 15px;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.products-details{
    padding: 1.375rem 1.375rem 3.125rem;
}

.products-details h4{
    font-size: 1.625rem;
    line-height: 1.077;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: 'Handwritten', sans-serif;
    color: #000;
}

.products-details span{
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}

.products-details h5{
    font-size: 0.813rem;
    line-height: 1.538;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.products-details h6{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    color: rgb(19, 136, 70);
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 1.125rem;
    gap: 10px;
}

.products-details p{
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.product-rating{
    gap: 10px;
    margin-bottom: 30px;
}

.rating-star{
    display: flex;
    align-items: center;
    gap: 1px;
}

.rating-content p{
    font-size: 16px;
    color: #333333;
    margin: 0;
}

.add-to-cart-btn{
    border: 1px solid rgb(234, 234, 234);
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    margin: -25px auto 0px;
    padding: 10px 1rem;
    height: 50px;
}

.add-to-cart-btn svg{
    width: 22px;
    height: 22px;
}

.add-to-cart-btn:hover{
    border-color: rgb(0, 0, 0);
}

.category-description{
    margin-bottom: 30px;
}

.category-description p{
    color: black;
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: 0px;
    font-weight: 400;
}

.category-description p a{
    text-decoration: underline;
    font-size: 14px;
}

.subcategory-list ul li{
    display: inline-block;
    padding-right: 6px;
}

.subcategory-area{
    gap: 30px;
}

/* Custom Select */

.custom-select-wrapper {
    position: relative;
    width: 100%;
}
  
.custom-select {
    position: relative;
    background: rgb(255, 255, 255);
    border:1px solid rgb(117, 117, 117);
    cursor: pointer;
    padding: 16px;
}
  
.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.custom-select-trigger span img{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
  
.custom-options {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
}
  
.custom-option {
    padding: 10px;
    cursor: pointer;
    transition: background 0.3s;
    font-size: 0.875rem;
}

.custom-option img{
    width:18px;
    height: 18px;
    margin-right: 10px;
}
  
.custom-option:hover {
    background: #f1f1f1;
}

.custom-select.open{
    margin-bottom: 200px;
}
  
.custom-select.open .custom-options {
    display: flex;
}
  
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}

.language-modal .modal-body{
    padding: 4rem;
    position: relative;
}

.language-modal .modal-content{
    border-radius: 0px;
    border: none;
    text-align: left;
}

.language-modal .btn-close{
    position: absolute;
    top: 20px;
    right: 20px;
}

.language-modal .modal-body h4{
    font-size: 1.875rem;
    line-height: 1.333;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
}

.language-modal .modal-body p{
    font-size: 0.875rem;
    line-height: 1.571;
}

.language-modal .form-group{
    margin-top: 30px;
}

.language-modal .modal-footer {
    padding: 0;
    border:none;
}

.language-modal .modal-footer .btn{
    width: calc(100%/2);
    margin: 0;
    border-radius: 0;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    border: none;
    padding: 20px 10px;
    transition: 250ms;
}

.language-modal .modal-footer .btn-secondary{
    background-color: #fff;
    color: #000;
}

.language-modal .modal-footer .btn-secondary:hover{
    background-color: rgb(234, 234, 234);
}

.language-modal .modal-footer .btn-primary{
    background-color: #000;
    color: #fff;
}

.language-modal .modal-footer .btn-primary:hover{
    background-color: rgb(51, 51, 51);
}

.form-group label{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 0.75rem;
    color: #000;
    margin-bottom: 10px;
}

.products-filter{
    gap: 16px;
}

.products-filter .btn{
    background-color: rgb(234, 234, 234);
    border: 1px solid rgb(234, 234, 234);
    border-radius:30px;
    font-size: 0.6875rem;
    padding: 10px 1rem;
    transition: 250ms;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.5px;white-space: nowrap;
}
.header-right-content .products-filter .btn svg{height:17px}
.products-filter .btn:hover{
    border: 1px solid rgb(203, 203, 203);
    background-color: rgb(203, 203, 203);
}

.products-filter .dropdown-menu{
    border: none;
    border-radius: 0;
    padding: 0;
}

.products-filter .dropdown-menu .dropdown-item{
    padding:0.5rem 1.25rem 0.5rem 1.25rem;
    font-size: 0.875rem;
    line-height: 2rem;
    letter-spacing: 1px;
}
.products-filter .dropdown-menu .dropdown-item:hover,.products-filter .dropdown-menu .dropdown-item:focus{background:rgba(203, 203, 203,1);color:black}
.products-filter .dropdown-menu .dropdown-item.selected{
    font-weight: 800;
}

.products-filter .dropdown-toggle::after{
    display: none;
}

.products-filter .dropdown-toggle.show{
    background-color: rgb(51, 51, 51);
    color: #fff;
}

.products-filter .dropdown-toggle.show .fa-chevron-down {
    --fa: "\f077";
    --fa--fa: "\f077\f077";
}

.load-more-area p{
    font-size: 0.75rem;
    line-height: 2.167;
    letter-spacing: 1px;
    padding-bottom: 6px;
}

.load-more-btn{
    font-size: 1rem;
    letter-spacing: 1px;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(0, 0, 0);
    font-weight: 600;
    border-radius: 0;
    width: 12.5rem;
}

.page-title{
    padding: 3.5rem 0.75rem;
}

.page-title h4{
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 0px;
}

.page-title h4 span{
    color: #757575;
}

.page-category{
    padding-left: 60px;
}

.page-category h3{
    font-size: 1.5rem;
    line-height: 1.417;
    letter-spacing: -0.5px;
    font-weight: 800;
    padding: 0px 3.5rem;
}

.sticky-category-header{
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.sticky-category-header.show{
    opacity: 1;
    visibility: visible;
    top: 0;
}

.product-images{
    display: flex;
}

.productThumb{
    width: 96px;
    max-height: 667px;
}

.productSlider{
    width: calc(100% - 100px);
    height: 43rem;
}

.productSlider .swiper-wrapper, .productSlider .swiper-slide{
    height: 43rem;
}

.product-thumbs{
    position: relative;
    margin: 2px;
    height: 4.5rem;
    width: 5rem;
    transition: 0.2s;
    border-radius: 55% 80% 60% 60% / 45% 70% 50%;
    overflow: hidden;
}

.product-thumbs img{
    position: absolute;
    object-fit:cover;
    width:100%;
    height: 100%;
}

.swiper-slide-active .product-thumbs{
    box-shadow: rgb(51, 51, 51) 0px 0px 0px 2px;
    border-radius: 40% 40% 45% 70% / 70% 40% 45%;
}



.product-main-img img{
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
}

.product-details{
    position: sticky;
    top: 0;
}

.product-details-sec{
    padding:0 0 2rem 0; 
}
.product-details-sec h1{font-size: 3.75rem;line-height: 1.2;font-weight:bold}
.product-details-sec.ingredient-dtl .container-fluid .row .col-lg-5{
    width:40%;padding-top:5.5rem;
}
.product-details-sec.ingredient-dtl .container-fluid .row .col-lg-7{
    width:60%;padding-left:6.2rem;padding-top:5.5rem;padding-bottom:3rem;position:relative;
}
.product-details-sec.ingredient-dtl .ingrediants-img{position:sticky;top:0.5rem;}
.product-details-sec.ingredient-dtl .container-fluid .row .col-lg-7::before{
    content:'';display:block;left:0;top:0;width:calc(100% + 6.2rem);height:100%;z-index:-1;position:absolute;background:rgba(250, 251, 252,1) ;
}
.product-details{
    max-width: 27.5rem;
    margin: 0px auto;
    padding-top: 2.5rem;
}

.product-details-content{
    display: flex;
}

.product-details-info{
    width: 100%;
}

.product-details-info .product-labels span{
    border-radius:6px;
}

.product-details-info .category-badge{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 10px 20px;
    background-color: #000;
    border-radius: 0.25rem;
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
}

.product-details-info h3{
    font-family: 'Handwritten', sans-serif;
    font-weight: 500;
    margin-bottom: 0.5rem;
    word-break: break-word;
    font-size: 2.25rem;
    line-height: 1.05;
    margin-bottom: 10px;
}

.product-details-info h5{
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.product-details-info p{
    font-size: 0.875rem;
    line-height: 1.571;
    margin-bottom: 1rem;
}

.product-details-img{
    max-width: 10rem;
}

.product-details-img img{
    width: 100%;
}

.size-box{
    margin-bottom: 16px;
}

.size-box p{
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
    width: 100%;
    color: rgb(117, 117, 117);
    margin-bottom:10px;
    text-transform: uppercase;
}

.select-box{
    position: relative;
    padding-right: 40px;
}

.select-box img{
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.select-box ul, .color-select-box ul{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap:6px;
}

.select-box ul li, .color-select-box ul li{
    position: relative;
}

.select-box ul li span{
    color: rgb(0, 0, 0);
    border: 1px solid rgb(0, 0, 0);
    font-size: 0.8125rem;
    line-height: 1.71429;
    padding: 0.5rem 1rem;
    border-radius: 30px;
    display: inline-block;
}

.select-box ul li input, .color-select-box ul li input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.select-box ul li input:checked ~ span{
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.color-select-box ul li span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height:96px;
    border-radius: 1rem;
    border:1px solid transparent
}

.color-select-box ul li span img{
    width:100%
}

.color-select-box ul li a.active span{
    border: 1px solid rgb(0, 0, 0);
}

.quatity-box{
    display: flex;
    padding: 0.75em;
    margin-bottom: 1rem;
}

.quatity-box .btn{
    padding: 1.1em 0.6em;
    font-size: 0.8em;
    background-color: rgb(250, 251, 252);
    flex: 1 1 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quatity-box .form-control{
    border: 1px solid rgb(117, 117, 117);
    flex: 1 1 calc(30% - 2em);
    width: 100%;
    text-align: center;
    margin: 0px 1em;
    height: 2.75rem;
    border-radius: 0;
}

.order-details h4{
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.order-details h4 span{
    font-size: 0.75rem;
    color: rgb(117, 117, 117);
    font-weight: 500;
}

.order-details .btn
{
    border-radius: 30px;
}

.order-details .btn:hover{
    color: white !important;
    background-color: #1a1a1a;
}

.delivery-info p{
    width: calc(100% / 2);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.text-green{
    color: rgb(11, 93, 69);
}

.cart-btn{
    background: rgb(0, 0, 0);
    width: 100%;
    border-radius: 0;
    color: #fff;
    padding: 16px 20px;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.cart-btn:hover{border-color:rgba(51, 51, 51,1);background-color:rgba(51, 51, 51,1);color:white}
.brief-info {
    margin-bottom: 30px;
}

.brief-info p{
    font-size: 0.875rem;
    line-height: 1.571;
}

.brief-info p a{
    text-decoration: underline;
}

.check-pin-code{
    background: rgb(244, 242, 244);
    padding: 1.25rem 1rem;
    border: 0 solid #e5e7eb;
    margin-bottom: 1rem;
}

.check-pin-text{
    gap: 10px;
    margin-bottom: 16px;
}

.check-pin-text svg{
    width: 20px;
    height: 20px;
    margin-top: 4px;
}


.check-pin-code p{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 700;
}

.check-pin-code p span{
    font-weight: normal;
}

.check-pin-code form{
    position: relative;
}

.check-pin-code .form-control{
    height: 64px;
    border-radius: 0px;
    border: 1px solid rgb(0, 0, 0);
    padding: 10px 85px 10px 10px;
}

.check-pin-code  .find-button{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(0, 0, 0);
    color: #fff;
    border-radius: 0;
    padding:5px 20px;
    height: 100%;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
}

.product-description{
    padding-top: 3.25rem;
}

.product-description h2{
    font-size: 1.875rem;
    line-height: 1.333;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: rgb(0, 0, 0);
    margin-bottom: 1rem;
}

.product-description .subcategory-list{
    margin-bottom: 20px;
}

.product-description h3{
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 2rem;
}

.product-description p{
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: 0px;
    margin-bottom: 1rem;
}

.product-description h4{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 700;
    margin-bottom: 1rem;
}

.ingredients-sec .accordion-button:not(.collapsed){
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

.ingredients-sec .accordion-item{
    background-color: #fff;
    border:none;
    border-radius: 0;
    border-top: 1px solid rgb(143, 143, 143);
}

.ingredients-sec .accordion-item .accordion-button{
    padding: 16px 0px;
    font-size: 1.875rem;
    line-height: 1.333;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.ingredients-sec .accordion-body{
    padding: 30px 0px;
}

.ingredients-box{
    border: 1px solid rgb(143, 143, 143);
    border-radius: 8px;
    background-color: rgb(244, 242, 244);
    overflow: hidden;
    transition: background 0.3s;
}

.ingredients-box-img{
    padding: 1.25rem;
    background-color: #fff;
    text-align: center;
}

.ingredients-box-img img{
    width: 100%;
    object-fit: contain;
}

.ingredients-box-content{
    padding: 16px 30px;
}

.ingredients-box-content h4{
    font-size: 1.5rem;
    line-height: 1.417;
    letter-spacing: -0.5px;
    font-weight: 800;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ingredients-box-content ul{
    height: 3.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.ingredients-box-content ul li{
    display: inline-block;
}

.ingredients-box-content ul li span{
    background-color: rgb(19, 134, 69);
    padding: 0.188rem 0.75rem;
    border-radius: 2px;
    font-size: 0.688rem;
    line-height: 1rem;
    letter-spacing: 0.5px;
    color: #fff;
}

.explore-box{
    display: flex;
    background-color: rgb(250, 251, 252);
}

.explore-box span{
    font-size: 0.688rem;
    letter-spacing: 0.5px;
    background-color: rgb(33, 33, 33);
    border-radius: 4px;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
    margin-top: 1rem;
    font-weight: 800;
    color: #fff;
    padding: 5px;
    display: inline-block;
}

.explore-box p{
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.625;
}
.explore-bx-img{
    padding: 1rem;
}

.read-more-btn{
    padding:8px 18px;
    font-size: 0.875rem;
    line-height: 1.625rem;
    border: 1px solid #000;
    font-weight: 700;
    border-radius: 30px;
}

.ingredients-slider{
    margin-bottom: 50px;
}

.ingredient-other-info p{
    font-size:16px;
    margin-bottom: 1rem;
}

.ingredient-other-info ul li{
    font-size: 0.875rem;
    line-height: 1.857;
    letter-spacing: 0.5px;
    padding-bottom: 5px;
}

.ingredient-other-info ul li span{
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background-color: currentcolor;
    color: rgb(19, 134, 69);
    display: inline-block;
    margin-inline-end: 6px;
}

.ingredient-other-info ul li span.black-dot{
    color: #000;
}

.animal-fight-box{
    padding: 2.125rem 2.625rem;
    margin-top: 3rem;
    background: rgb(244, 242, 244);
    margin-bottom: 30px;
}

.animal-fight-box h4{
    display: flex;
    margin-bottom: 0.625rem;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
}

.animal-fight-box h4 img{
    width: 24px;
    height: 24px;
    margin-right: 24px;
}

.animal-fight-box p{
    font-size: 1rem;
    line-height: 1.625;
}

.animal-fight-box p a{
    text-decoration: underline;
    font-weight: 700;
    color: #000;
}

.review-system{
    padding: 10px;
}

.review-system p{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

.review-system h3{
    font-size: 14px;
    margin-bottom: 10px;
}

.review-system ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    font-size: 14px;
}

.review-system ul li .progress, .customer-review .progress{
    width: 80%;
    height: 10px;
    border-radius: 0;
    background-color: inset 0 0 2px rgba(0,0,0,.25);
}

.review-system ul li .progress-bar, .customer-review .progress-bar{
    background-color: #000;
}

.product-quality, .cutomer-rating{
    width: 45%;
}

.product-label{
    width: 40%;
    font-size: 14px;
}
.description-icon{height:3.5rem;margin-bottom:2rem}

.product-quality .progress-bar{
    box-shadow: inset 1px 0 0 rgba(255,255,255,.5),inset -1px 0 0 rgba(0,0,0,.25);
}

.cutomer-rating{
    font-size: 18px;
}

.rating-content p{
    font-size: 14px;
    color: #000;
}

.rating-content p span{
    color: #808080;
}

.product-review-rating{
    margin-bottom: 10px;
}

.product-review-rating .rating-star{
    margin-right: 10px;
}

.product-review-rating .rating-star svg{
    width: 14px;
    height: 14px;
}

.review-content{
    padding: 0px 20px;
}

.review-content h5{
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.review-search{
    padding: 10px 30px;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.review-search form{
    position: relative;
}

.review-search .form-control{
    border-radius: .25em 0 0 .25em;
    padding: .5em 90px .5em 10px;
    border: 1px solid #757575;
    font-size: 14px;
}

.review-search .review-search-btn{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 30px;
    background-color: #757575;
    border-radius: 0;
    height: 100%;
    color: #fff;
    font-size: 20px;
}

.btn-review{
    background-color: #000;
    color: #fff !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
}

.customer-review {
    margin-bottom: 10px;
}

.customer-review .product-label{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.comment-user-data h4{
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
}

.comments-header{
    padding:10px 20px;
    margin-bottom: 20px;
}

.comments-count p{
    font-size: 12px;
}

.comments-filter{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.comments-filter .dropdown-toggle{
    font-size: 12px;
}

.filter-menu{
    background-color: #ededed;
    border-radius: 0;
}

.comment-user-data p{
    font-size: 14px;
    margin-bottom: 1rem;
}

.comment-user-data p span{
    font-weight: 600;
}

.user-comments .rating-star{
    margin-bottom: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-comments .rating-star span{
    font-size: 20px;
}

.user-comments h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.user-comments-description p{
    font-size: 14px;
    margin-bottom: 20px;
}

.user-comments-description p span{
    font-weight: 600;
}

.add-comment-btn{
    padding: 2px 10px;
    background-color: #eaeaea;
    border-radius: 0;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.add-comment-btn:hover{
    color: #333;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background-color: #e3e3e3;
}

.post-comment{
    padding-top: 30px;
    display: none;
}

.post-comment.open{
    display: block;
}

.post-comment-header{
    display: flex;
    align-items: center;
    justify-content:space-between;
}

.close-btn{
    z-index: 99;
}

.post-comment-header .close-btn{
    color: #767676;
    padding: 6px;
}

.post-comment-header .close-btn i{
    font-size: 20px;
}

.post-comment-header h3{
    font-size: 38px;
    font-weight: 700;
}

.post-comment-header{
    margin-bottom: 30px;
}

.post-comment-form p{
    font-size: .9em;
    padding: 0 20px;
    margin-bottom: 30px;
}

.post-comment-form form{
    padding: 0px 20px;
    margin-bottom: 20px;
}

.post-comment-form .form-group label{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

.post-comment-form .form-group .form-control{
    border-color: #757575;
    border-radius: .25em;
    font-size: 13px;
}

.post-comment-form .btn-review{
    margin-left: 20px;
}

.products-box.swiper-product{
    width: 100%;
    padding: 0;
    float: none;
}

.similer-product-sec{
    padding-top: 30px;
}

.similar-product h3{
    font-size: 1.875rem;
    line-height: 1.333;
    font-weight: 700;
    margin-bottom: 30px;
}

.similar-products{
    padding-bottom: 20px;
}

.account-section{
    padding-top: 2.5rem;
    padding-bottom: 15rem;
}


.account-information h3{
    font-size: 3.75rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.account-information a{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 700;
    text-decoration: underline;
    margin: 0.5rem 0px 0px;
    display: inline-block;
    color: #000;
}

.account-side-menu{
    padding-top: 30px;
    padding-right: 30px;
}

.account-side-menu ul li a{
    border-bottom: 1px solid rgb(203, 203, 203);
    padding: 1rem 0.625rem;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    font-size: 1.125rem;
    line-height: 1.556;
    font-weight: 700;
    color: #000;
    width: 100%;
}

.dashboard-boxes{
    padding: 2rem 4rem 2rem 1.5rem;
    border: 1px solid rgb(143, 143, 143);
    margin-bottom: 30px;
    display: flex;
    min-height: calc(100% - 30px);
    gap: 30px;
}

.dashboard-bx-content h4{
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #000;
    margin-bottom: 1rem;
}

.dashboard-bx-content h4:hover{
    text-decoration: underline;
}

.dashboard-bx-content p{
    font-size: 1rem;
    line-height: 1.625;
    color: #000;
}

.dashboard-bx-icon svg{
    color: #000;
}

.dashboard-boxes.lush-delivery{
    background-color: rgb(51, 51, 51);
}

.dashboard-boxes.lush-delivery .dashboard-bx-content h4{
    color: #fff;
}

.dashboard-boxes.lush-delivery .dashboard-bx-content p{
    color: #fff;
}

.dashboard-boxes.lush-delivery  svg{
    color: #fff;
}

.dashboard-bx-content .btn{
    font-size: 1rem;
    letter-spacing: 1px;
    min-height: 4rem;
    border-radius: 0;
    color: rgb(255, 255, 255);
    border: 1px solid #fff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    padding: 0px 1.5rem;
}

.login-header{
    padding: 20px 0px;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.login-header-logo svg{
    height: 20px;
}

.login-section{
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login-box{
    width: 560px;
    padding: 40px 56px;
    background-color: #fff;
}

.login-box h3{
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
}

.login-box .form-group{
    margin-bottom: 1rem;
}

.login-box .form-control, .personal-details-form .form-control, .card-form .form-control, .card-form .form-select{
    font-size: 13px;
    border: 1px solid #7F7F7F;
    border-radius: 0;
    color: rgba(0,0,0,0.87);
    height: 56px;
}

.forgot-password{
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    text-decoration: underline;
}

.login-box .form-action{
    margin-top: 20px;
}

.form-action .btn{
    width: 100%;
    height: 56px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.form-action .login-btn{
    background-color: #000;
    color: #fff;
    margin-bottom: 16px;
}

.form-action .sign-btn{
    border:1px solid #000;
    color: #000;
}

.signup-condition ul li{
    padding-bottom: 1rem;
    font-size: 0.75rem ;
    position: relative;
    padding-left: 30px;
}

.signup-condition ul li input{
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #CBCBCB;
    border-radius: 0;
    width: 16px;
    height: 16px;
}

.signup-condition ul li a{
    text-decoration: underline;
    font-weight: 500;
}

.form-action .login-text{
    text-decoration: underline;
}

.subcriptions-area-header{
    margin-bottom: 30px;
}

.subcriptions-area-header h4{
    color: black;
    font-size: 1.875rem;
    letter-spacing: -0.5px;
    font-weight: 800;
}

.subscription-box{
    padding-top: 6rem;
    min-height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.subcription-box-inner{
    background-color: rgb(230, 255, 211);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    transition: background 0.3s;
}

.subcription-box-inner:hover{
    background-color: rgb(243, 255, 235);
}

.subcription-box-img img{
    width: 218px;
    height: 218px;
    object-fit: contain;
    margin: -70px auto 0px auto;
}

.subscription-label{
    background-color: rgb(67, 214, 44);
    font-size: 0.625rem;
    line-height: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
}

.subcription-box-inner-content{
    padding: 1.5rem 1rem 2rem;
}

.subcription-box-inner-content h3{
    font-family: 'Handwritten', sans-serif;
    letter-spacing: 0.5px;
    font-size: 1.625rem;
    line-height: 1.077;
    font-weight: 800;
    margin-bottom: 1rem;
}

.subcription-box-inner-content h4{
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.subcription-box-inner-content p{
    font-size: 0.688rem;
    line-height: 1.455;
    margin-bottom: 10px;
}

.subcription-box-inner-content .product-rating{
    margin-bottom: 20px;
}

.price-tag p{
    font-size: 0.813rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.view-more-btn{
    background-color: rgb(67, 214, 44);
    padding: 0px 1rem;
    border-radius: 30px;
    font-size: 0.875rem;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(234, 234, 234);
    min-height: 3.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -24px;
    transition: 250ms;
}

.view-more-btn:hover{
    background-color: rgb(230, 255, 211);
    border-color: rgb(0, 0, 0);
}

.personal-details-form .form-group, .card-form .form-group{
    margin-bottom: 1rem;
    position: relative;
}

.personal-details-form .form-group label, .card-form .form-group label{
    font-size: 0.75rem;
    color: rgb(33, 33, 33);
    font-weight: normal;
    text-transform: none;
}

.verfied-label{
    height: 1rem;
    width: 1rem;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgb(19, 134, 69);
    color: #fff;
}

.verfied-label svg{
    width: 8px;
    height: 8px;
}

.submit-btn{
    width: 100%;
    height: 56px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    transition: 250ms;
    font-weight: 600;
    margin-bottom: 16px;
}

.submit-btn:hover{
    border-color: rgb(51, 51, 51);
    background-color: rgb(51, 51, 51);
    color: #fff;
}
.form-label {
    margin-bottom: 40px;
}
.form-label a{
    text-decoration: underline;
}

.verification-btn{
    border: 1px solid #000;
    color: rgb(0, 0, 0);
    width: 100%;
    height: 56px;
    font-weight: 600;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-details .verification-btn, .communication .verification-btn, .order-history .verification-btn{
    height: 64px;
}

.communication .verification-btn, .order-history .verification-btn{
    background-color: #000;
    color: #fff;
}

.payment-details h4{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 700;
    color: #000;
}

.payment-details p{
    font-size: 1rem;
    line-height: 1.625;
    margin-bottom: 40px;
}

.card-nickname h4{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 800;
    margin-bottom: 10px;
}

.card-form .field-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.accepted-payment{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.accepted-payment span{
    border: 1px solid rgba(0,27,43,.17);
    border-radius: 3px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accepted-payment img{
    height: 16px;
    width: 24px;
    object-fit: contain;
}

.billing-address h4{
    font-size: .68em;
    font-weight: 700;
    letter-spacing: 1px;
    color: #687282;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.address-content .verification-btn{
    height: 64px;
}

.address-content{
    margin-bottom: 50px;
}

.address-box{
    margin-bottom: 30px;
}

.category-sub-banner img{
    width: 100%;
}

.address-box h3{
    font-size: 1.125rem;
    line-height: 1.556;
    font-weight: 700;
    color: #000;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(203, 203, 203);
    margin-bottom: 30px;
}

.address-box-content h4{
    font-size: 0.875rem;
    line-height: 1.571;
    font-weight: 700;
}

.address-box-content p{
    font-size: 0.875rem;
    line-height: 1.571;
    margin-bottom: 50px;
}

.address-default-setting ul li{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    padding-bottom: 20px;
}

.address-default-setting ul li input{
    width:16px;
    height: 16px;
}

.address-action{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.communication h5{
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    color: #000;
}

.communication h4{
    font-size: 2.375rem;
    line-height: 1.263;
    font-weight: 800;
    margin-bottom: 30px;
}

.communication p{
    font-size: 1rem;
    line-height: 1.625;
    margin-bottom: 40px;
}

.order-history h4{
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 20px;
}

.order-history .table{
    border-collapse: separate;
    border-spacing: 0px 8px;
}

.order-history .table tr{
    vertical-align: middle;
}

.order-history .table td{
    font-size: 14px;
    font-weight: 500;
    border-bottom: none;
    padding: 10px;
    background-color: #f3f3f3;
}

.order-history .table td:first-child{
    border-radius: 8px 0px 0px 8px;
}

.order-history .table td:last-child{
    border-radius: 0px 8px 8px 0px;
}

.order-history .table td span{
    border-radius: 50px;
    padding: 5px 12px;
    display: inline-block;
    font-size: 12px;
}

.order-history .table td span.pending{
    background: #f3e8ff;
    color: #a855f7;
}

.order-history .table td span.processing{
    background: #dbf7fd;
    color: #0dcaf0;
}

.order-history .table td span.completed{
    background: #dcfce7;
    color: #22c79c;
}

.order-history .table td span.cancelled{
    background: #fee2e2;
    color: #ef4444;
}

.product-info{
    display: flex;
    align-items: center;
    gap: 20px;
}

.product-info-img img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: 50% top;
}

.product-info-content h4{
    font-size: 16px;
    margin-bottom: 6px;
}

.product-info-content p{
    font-size: 14px;
    margin-bottom: 0px;
}

.order-info-box{
    padding: 20px;
    border-radius: 10px;
    background-color: #f3f3f3;
}

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

.order-info-box ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    font-size: 14px;
}

.order-info-box ul li:last-child{
    border-top: 1px solid #ccc;
    font-size: 16px;
    font-weight: 500;
}

.order-history .d-flex h4{
    margin-bottom: 0px;
}

.page-tag h3{
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.checkout-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.checkout-header .header-middle{
    background-color: transparent;
}

.contact-information, .order-summary{
    max-width: 400px;
    margin: 0px auto;
}

.order-summary{
    position: sticky;
    top: 40px;
}

.checkout-contact, .checkout-order-summary{
    padding: 7.25rem 0px;
}

.checkout-order-summary{
    min-height: 100%;
}

.checkout-contact{
    background-color: rgb(244, 242, 244);
}

.contact-information h4{
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}

.contact-information .form-group{
    margin-bottom: 1rem;
}

.contact-information .form-group .form-control{
    border-radius: 0;
}

.email-information{
    margin-bottom: 30px;
}

.delivery-box{
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgb(203, 203, 203);
    padding: 10px;
    min-height:100%;
}

.delivery-info-content svg{
    margin-bottom: 6px;
}

.delivery-info-content h5{
    font-size: 0.875rem;
    line-height: 1.571;
    letter-spacing: 0px;
    font-weight: 700;
}

.delivery-info-content p{
    font-size: 0.875rem;
    line-height: 1.571;
    letter-spacing: 0px;
    color: rgb(51, 51, 51);
}

.delivery-method{
    margin-bottom: 30px;
}

.address-box{
    padding: 1.5rem;
    margin-bottom: 2rem;
    background-color: rgb(255, 255, 255);
}

.address-box h5{
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 800;
}

.address-box p{
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 30px;
}

.edit-btn{
    padding: 15px 20px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #000;
}
.form-text p{
    margin-bottom: 30px;
    color: rgb(143, 143, 143);
    font-size: 0.875rem;
    line-height: 1.857;
    letter-spacing: 0.5px;
}

.address-form h5{
    margin-top: 30px;
    font-size: 1rem;
    line-height: 1.625;
    font-weight: 700;
    margin-bottom: 10px;
}

.checkout-billing-address h6{
    font-size: 0.875rem;
    line-height: 1.857;
    letter-spacing: 0.5px;
    color: #000;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.terms-and-condition{
    border: 1px solid;
    background-color: rgb(255, 255, 255);
    padding-block: 1.5rem;
    padding-inline: 1.25rem 2rem;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.terms-and-condition p{
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: rgb(26, 26, 26);
}

.terms-and-condition p a{
    text-decoration: underline;
    color: rgb(26, 26, 26);
}

.checkout-billing-address h5{
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    opacity: 0.5;
    margin-bottom: 1rem;
}

.checkout-billing-address p{
    line-height: 1.625;
    font-size: 0.75rem;
    font-weight: 700;
    color: rgb(51, 51, 51);
}

.order-summary h3{
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.order-summary h5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.order-summary h5 a{
    text-decoration: underline;
}

.cart-box-action ul{
    display: flex;
    align-items: center;
    gap: 20px;
}

.cart-box-action ul li{
    font-size: 0.75rem;
}

.order-summary .cart-price h4{
    margin-bottom: 0;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
}

.order-summary .cart-box-footer{
    margin-top: 20px;
}

.order-summary .table td{
    border: none;
    font-size: 14px;
}

.order-summary .table td p{
    font-size: 1rem;
    font-weight: 800;
}

.payment-accepted{
    padding: 20px;
    text-align: center;
    background-color: rgb(244, 242, 244);
}

.payment-accepted p{
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.payment-accepted .payment-icon{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.radion-btn, .checkbox-btn{
    position: relative;
}

.radion-btn span{
    width: 1rem;
    height: 1rem;
    border: 1px solid rgb(51, 51, 51);
    border-radius: 100%;
    display: inline-block;
}

.checkbox-btn span{
    width: 1rem;
    height: 1rem;
    border: 1px solid rgb(51, 51, 51);
    display: inline-block;
}

.radion-btn input[type="radio"], .checkbox-btn input[type="checkbox"]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.radion-btn input[type="radio"]:checked ~ span{
    border: 3px solid #000;
}

.checkbox-btn input[type="checkbox"]:checked ~ span{
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(0, 0, 0);
    background-position: center center;
    background-size: 75%;
    background-image: url(../images/white-check-icon.svg);
    background-repeat: no-repeat;
}

.email-terms-condition{
    gap: 16px;
    margin-top: 20px;
}

.email-icon svg{
    width: 21px;
}

.email-terms-condition .checkbox-btn{
    margin-top: 2px;
}

.email-terms-condition p{
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

.email-terms-condition p a{
    text-decoration: underline;
    font-weight: 600;
    color: #000;
}

.empty-cart{
    min-height: calc(100vh - 78px);
}

.empty-cart-content svg{
    width: 60px;
    height: 60px;
    margin-bottom: 24px;
}

.empty-cart-content h4{
    font-size: 1.5rem;
    line-height: 1.417;
    letter-spacing: -0.5px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.empty-cart-content p{
    font-size: 1rem;
    line-height: 1.625;
    max-width: 19.375rem;
    margin: 0px auto;
}

.rating-group {
    display: inline-flex;
}
  
/* make hover effect work properly in IE */
.rating__icon {
    pointer-events: none;
}
  
/* hide radio inputs */
.rating__input {
   position: absolute !important;
   left: -9999px !important;
}
  
/* hide 'none' input from screenreaders */
.rating__input--none {
    display: none
}

/* set icon padding and size */
.rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 20px;
}
  
/* set default star color */
.rating__icon--star {
    color: orange;
}

/* if any input is checked, make its following siblings grey */
.rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
}
  
/* make all stars orange on rating group hover */
.rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

/* make hovered input's following siblings grey on hover */
.rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
}

.review-area{
    display: flex;
    padding: 0;
}

.product-area-rev{
    background-color: #333;
    max-width: 260px;
}

.product-description-rev{
    padding: 1rem;
}

.product-description-rev img{
    width: 185px;
    height: 185px;
    object-fit: cover;
    margin: 0px auto 10px;
}

.product-description-rev h4{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.product-review-header{
    padding: 20px 10px;
    position: relative;
}

.product-review-header .btn-close{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
}

.product-review-header h4{
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}

.product-review-header p{
    font-size: .9em;
}

.review-field, .review-footer{
    padding: 1rem 10px;
    border-top: 1px solid #ddd;
}

.overall-rating{
    gap: 1rem;
}

.review-field h4{
    font-size: 16px;
    font-weight: 700;
}

.overall-rating p{
    font-size: 14px;
}

.review-field-inner h4{
    margin-bottom: 6px;
}

.error-field{
    font-size: 12px;
    color: #b43034;
    padding: 5px 24px 5px 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    position: relative;
}

.error-field span{
    font-size: 20px;
}

.error-field .icon-error{
    position: absolute;
    top: -4px;
    right: 2px;
}

.error-field .icon-success{
    display: none;
}

.success-field{
    font-size: 20px;
    color: #338b2b;
}

.review-field .form-control{
    border: 1px solid #000;
    padding: .5rem 1em;
    font-size: 14px;
}

.review-textarea{
    border-radius: .25rem;
    border: 1px solid #000;
    overflow: hidden;
}

.review-textarea .form-control{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

.review-image-area{
    padding: 10px;
}

.review-image-area ul{
    margin-bottom: 10px;
}

.review-image-area ul li{
    display: inline-block;
    position: relative;
}

.review-image-area ul li .btn{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    padding: 0px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-image-area img{
    width: 100px;
    height: 70px;
    object-fit: contain;
    object-position: 50% top;
}

.upload-img{
    position: relative;
    padding: 5px 10px;
    box-shadow: 0 1px 0 #fff;
    background-color: #757575;
    border-color: #d0d0d0 #d0d0d0 #a4a4a4 #a4a4a4;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 20px;
}

.upload-img input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.review-image-area p{
    font-size: 13px;
}

.review-field-inner .btn-group-toggle .btn {
    position: relative;
}

.review-field-inner .btn-group-toggle input[type="radio"]{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.review-field-inner .form-select{
    margin-right: 20px;
}

.review-footer h5{
    font-size: .8em;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.review-footer h5 a{
    font-size: 14px;
    color: #808080;
    text-decoration: underline;
}

.review-footer p{
    font-size: .76em;
    margin-bottom: 1em;
    color: #000;
}

.category-sub-banner{
    position: relative;
}

.category-sub-banner .ads-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.category-sub-banner .ads-video.show{
    opacity: 1;
    visibility: visible;
}

.play-btn{
    position: absolute;
    right: 1em;
    bottom: 1em;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    height: 3.75em;
    width: 4.125em;
    border-radius: 55% 80% 60% 60% / 45% 70% 50%;
    overflow: hidden;
    margin: 0px 0.5em;
    background-color: rgb(0, 0, 0);
    text-align: center;
    box-shadow: rgb(51, 51, 51) 0px 0px 0px 2px;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out;
}

.play-btn:hover{
    border-radius: 40% 40% 45% 70% / 75% 40% 45%;
    color: rgb(255, 255, 255);
}
.border-radius30{border-radius:30px;}

.filter-popup{
    position: fixed;
    top: 0;
    right: -386px;
    width: 385px;
    height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    display:flex;
    flex-direction:column ;
}
.popup-overlay{position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    right: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index:999;display:none}
.open + .popup-overlay{display:block}
.filter-trigger path,.cart-trigger path{fill:black}
.filter-popup.open{
    right: 0px;
}

.filter-content{
    padding: 20px;
}
/*.cart-popup-footer{padding:0 4rem}*/

.filter-content{
    height: calc(100vh - 92px);
    overflow-y: auto;
}
.column-btn{display:flex;justify-content:space-between;padding:0 1.5rem;margin-top: auto;}
.border-btn{background-color:white;border: 1px solid rgba(203, 203, 203,1);color:black;}
.border-btn:hover{background-color:rgba(234,234,234,1);border:1px solid rgba(234,234,234,1);color:black;}
.column-btn .btn + .btn{margin-left:1rem}
.filter-content .accordion-item{
    border: none;
}
.filter-content .accordion-button{
    font-size: 0.75rem;
    line-height: 2.167;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.filter-content .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow:none;
    color: #000;
}

.filter-bx ul li{
    padding-bottom: 10px;
    display:flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.accordion-button:not(.collapsed)::after{
    filter: grayscale(1);
}

.accordion-button:focus{
    border-color: none;
    box-shadow: none;
}

.ingredients-slider{
    padding-bottom: 20px;
}

.ingrediants-img img{
    width: 100%;
}

.ingredient-description h3{
    color: black;
    font-size: 0.688rem;
    line-height: 1.455;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    margin-bottom: 6px;font-weight:300;
}
.ingredient-description ul{list-style: disc;padding-left:3.5rem !important;}
.ingredient-description h2{
    font-size:3.75rem;font-weight:800;letter-spacing:0.75px;line-height:1.2;overflow:hidden;text-overflow: ellipsis;
}
.product-description hr{background-color:rgba(117, 117, 117,1)}
.ingredient-description h4{
    font-size: 1.5rem;
    display: block;
    padding: 0.5rem 0px 0px;
    color:black;
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.ingredient-description h5{
    display: block;
    padding: 0px;
    margin: 2.5rem 0px 0px;
    color: black;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0px;
}
.mobile-app{
    border-radius: 14px;
    overflow: hidden;
}

.mobile-app .btn-close{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
}

.mobile-app .modal-body{
    padding: 0px;
}

.mobile-app-banner img{
    width: 100%;
}

.mobile-app-content{
    padding: 20px;
    text-align: center;
}

.mobile-app-content h4{
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
}

.mobile-app-content p{
    font-size: 16px;
    margin-bottom: 30px;
}

.mobile-app-content .main-btn{
    background-color: #000;
    color: #fff;
    width: 100%;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 20px;
}

.artical-details{padding-top:19rem;padding-bottom:6rem;background-color: rgba(250, 251, 252,1);}
.artical-width {
    max-width: 850px;
    margin: 0px auto;
    width: 100%;
}
.artical-title p{    margin: 2.5rem 0px 0px;color: black;
    font-size: 1.5rem;
    line-height: 1.417;
     
    font-weight: 700;}
.artical-details h1{    font-weight: 800;font-size: 3.75rem;  
        line-height: 1.2;}
.artical-banner {
    height: 40vh;
    width: 100%;
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
    position: relative;overflow:hidden;
}
.artical-banner img{display:black;max-width:100%;max-height:100%;min-width:100%;min-height:100%;object-fit:cover}
.artical-contents{ }
.artical-contents p{margin:2.5rem 0px 0px;color: black;font-size:1rem;line-height:1.625;}
.artical-contents h3{margin: 2.5rem 0px 0px;color: black;
    font-size: 1.5rem;
    line-height: 1.417;
    font-weight: 700;}
.similar-article{padding-top:4.75rem}
.similar-article h3{    margin: 0px 0px 1rem;color: black;
    font-size: 1.875rem;
    line-height: 1.333;
    font-weight: 700;}

.product-main-img{
    position: relative;
    width: 100%;
    height:100%;
}

.product-main-img video{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.product-main-img iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-content *{
    background-color: transparent !important;
}

.artical-banner img{
    width:100%;
}

@media(min-width:1480px){
    .container-fluid{
        padding: 0px 6rem;
    }
    .container{
        max-width: 1460px;
    }
}

.store-locator{padding-top:310px}
.store-locator .col-lg-9{padding-left:5rem}
.store-locator .col-lg-9 .col-sm-4{padding-top:25px;padding-bottom:25px}
.store-locator h1{font-size:110px;line-height:110px;letter-spacing:-1px;margin-bottom:7rem;}
.locator-holder img{width:100%}
.store-card{position:relative;padding-left:80px}
.store-card .crumb{position:absolute;left:0;top:15px}
.crumb{border-radius:32px;font-size:18px;font-weight:700;line-height:28px;letter-spacing:0;width:60px;background-color:#000;color:#fff;text-align:center}
.search input{
    vertical-align: middle;
    border-radius: 0px;
    box-shadow: none;
    appearance: none;
    border: 1px solid rgb(0, 0, 0);
    width: 100%;
    display: block;
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
}
.store-distant{font-weight: 700;color:rgba(117, 117, 117,1)}
.store-card h2{font-size:38px;line-height:48px;letter-spacing:0;font-weight:800;margin-bottom:.5rem}
.store-tags{margin-top:.25rem;margin-bottom:.75rem}
.store-tags span{background-color:rgba(162,229,191,1);border-radius:2rem;font-size: 13px;line-height: 20px;font-weight:700;padding-left: 1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;display:inline-block}
.store-tags span + span{margin-left:0.25rem}
.store-card p,.store-card ul,.store-card address{margin-bottom:1rem}
.store-card p,.store-card ul li,.store-card address{font-weight:700;}
.see-more-btn{background-color:rgba(51, 51, 51,1);font-size:1rem;line-height:1.5rem;padding:.25rem 1.5rem;color:#fff;display:flex;min-height: 4rem;border-radius:50px;align-items:center;justify-content:center;max-width:16rem;margin-top:2rem;font-weight:600;}
.see-more-btn:hover{background-color:rgba(51, 51, 51,0.85);color:#fff}
.store-card-dtl address,.store-card-dtl h4{color: black;font-size:1.5rem;line-height:1.417;font-weight:700;letter-spacing:-0.5px;}
.store-card-dtl p{color:black;font-weight:700;font-size:1rem;} 
.location-img-map{margin-top:5rem}
.location-img-map .col-lg-4{position:relative}
.location-img-map iframe{width:100%;min-height:500px;height:100%;position:absolute;left:0;top:0}
.opening-timestble tr td{font-size:1rem}    
.opening-timestble tr td:first-child{padding-right:0.5rem}
.opening-timestble tr td:last-child{padding-left:0.5rem}

@media screen and (min-width:1300px) and (max-width:1439px) {
    
}

.swal2-container {
    z-index: 999999 !important;
}

.swal2-toast {
    z-index: 999999 !important;
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right,
.swal2-container.swal2-top {
  position: fixed !important;
}

.swiper {
  z-index: 10;
}