:root{
--text-50: hsl(0, 0%, 60%);
    --text-100: hsl(0, 0%, 50%);
    --text-200: hsl(0, 0%, 48%);
    --text-300: hsl(0, 0%, 45%);
    --text-400: hsl(0, 0%, 40%);
    --text-500: hsl(0, 0%, 18%);
    --text-600: hsl(0, 0%, 15%);
    --text-700: hsl(0, 0%, 13%);
    --text-800: hsl(0, 0%, 10%); 
    --text-900: hsl(0, 0%, 8%);
    --text-950: hsl(0, 0%, 5%);
--background: hsl(0, 0%, 100%);
}
/* Reset default browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

body {
   
    line-height: 1.6;
    color: #222;
    scroll-behavior: smooth;
    font-size: 14px;
   font-family: "Montserrat", sans-serif;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

a {
    text-decoration: none;
    color: initial;
    cursor: pointer !important;
}
/*review popup start*/

 .modal-pop-review-modal-body {
      padding: 2rem;
    }

    .modal-pop-review-star-rating i {
      font-size: 16px;
      color: #ffa500;
      cursor: pointer;
    }
    .header-icon-list{
    position: relative;
    right: -59px;
}
.best-card-img, .category-img-link { 
    transition: transform .3s ease;
}
.price-drop-line {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 10px;
   
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    padding: 4px;
    
    background:#ffb800;
    display: inline-block;
    margin: auto;
    max-width: 90%;
    margin: auto;
    display: block;
}
.best-card{overflow:hidden;}
.best-card-img:hover,.category-img-link:hover  {
    transform: scale(1.05);
}
    .modal-pop-review-submit-btn {
      background-color: #ffb800;
      color: white;
      font-weight: bold;
    }
.animate-img {
    display: none !important;
    position: absolute;
    top: 0;
}
.new-ribbon-badge {
    top: 10px;
    z-index:1; 
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    left: 10px;
    background: url(https://beastlife.in/cdn/shop/files/bottomribben.png?v=1715280984);
    height: 41px;
    background-color: transparent;
    width: 29px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 9px;
    padding: 4px !important;
    margin: 0;
}
.best-card-img:hover .animate-img{display:block !important;}
    .modal-pop-review-submit-btn:hover {
      background-color: #ffb800;
      color:#fff;
    }

    .modal-pop-review-product-image {
      max-width: 100%;
      border: 1px solid #ddd;
      border-radius: 10px;
    }
    .listing-grid-item .incl-taxes{text-align:center;}
/*review popup start*/
.muslexl-info-bar {
    background-color: #FFB800;
    color: black;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top:30px;
}

.muslexl-info-item {
    margin: 0 15px;
}

.muslexl-info-item:first-child {
    margin-left: 0;
}

.muslexl-info-item:last-child {
    margin-right: 0;
}
.list-pr-price {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.incl-taxes {
    font-size: 14px;
    color: #5e5d5d;
    text-align:left;
}
.product-price-box-border .incl-taxes{font-size: 12px;color:#000;}
.best-card-img img{width:100%;height:100%;object-fit:cover;}
.best-card-img{} 
.cat-owl-slider-mus .owl-item{min-height:540px;}
.mobile-image{display:none;}
.header-icon-item svg{color:#fff;}

.atop{margin-bottom:10px;min-height:18px;}
.custome_add_to_cart{
background: #000000 !important;
margin-top:10px;
    color: #ffffff !important;
    width:100%; 
    display:flex;
    justify-content:center;
    align-items:center;
    height: 40px;
    font-size: 15px;
}
.star-card {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.best-card-img{position:relative;}
.add-wishlist{
    position: absolute;
    right: 10px;
    top: 10px;
}
.star-card svg {
    color: #FFCC00;
    fill: #FFCC00;
    width: 15px;
}
.best-card:hover{box-shadow:0 6px 25px #0003;}
.tabing_sec .tab-pane{
    width: fit-content;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom:5px;
    scrollbar-width: none; /* Firefox hide by default */
    -ms-overflow-style: none; /* IE/Edge hide by default */
}
.form-control:focus{
outline: 0;
    box-shadow: 0 0 0;
    border: 0;
}
.order-class input{border-radius:0 !important}
/* Default: Hidden scrollbar (Webkit browsers) */
#nav-featured-collections::-webkit-scrollbar {
    height: 0px;
}

/* On Hover: Show thin scrollbar */
#nav-featured-collections:hover {
    scrollbar-width: thin; /* Firefox */
}

#nav-featured-collections:hover::-webkit-scrollbar {
    height: 5px; /* Chrome/Safari/Edge */
}

#nav-featured-collections:hover::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

#nav-featured-collections:hover::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.faq-item.active .faq-answer{overflow-y:auto;}
.para-no{
    max-width: 1150px;
    margin: auto;
    text-align: center;
    margin-top:50px;
}
.para-no h1{
    font-size: 50px;
    font-weight: 700;
}
.para-no p{font-size:20px;color:#000;margin-top:20px;}
button {
    padding: 0;
    overflow: visible;
    background: 0 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    touch-action: manipulation;
}
.atop select {
    height: 18px;
    border: solid 1px #000;
    padding: 0 5px;
    font-size: 12px;
    font-weight:bold;
}
.atop .form-select:focus{box-shadow:0 0 0;border:solid 1px #000;}
.price .discount-label{font-size:18px;color: #990000;
    /* margin-left: 7px; */
    font-weight: bold;
    font-size: 10px;display:none;}
.ellipsis-2-qpe {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qpe-aravali-drop-parent{position:relative;}
.qpe-drop-aravali {
    position: absolute;
    background: #fff;
    padding: 20px;
    width: fit-content;
    white-space: nowrap;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    display:none;
    top:10px;
}
.qpe-aravali-drop-parent:hover .qpe-drop-aravali{display:block;}
.add-to-cart-btn{width:100%;height:40px;font-size:15px;justify-content:center;}
.new-grid-grid-collection {
    max-width: 1150px;
    width: 100%;
    display: flex;
    margin: auto;
    overflow: hidden;
    overflow-x: auto;
    gap: 15px;
    padding-bottom:5px;
}
.qpe-new-container-col{
max-width: 1150px;
    width: 100%;
 
    margin: auto;
}
.still-slider .owl-stage-outer{padding:4px;}
.best-card{
   
    
}
.best-seller-desc p a{font-size:15px;color:#000;display: -webkit-box;
  -webkit-line-clamp: 2;   /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top:10px;
  text-overflow: ellipsis;min-height:48px;text-align:center;font-weight:500;}
.new-grid-grid-collection .grid-collection-inner{}
.chose-text{margin-top:20px;}
.feature-text .chose-text .chose-head{font-size:16px;font-weight:bold;}
.feature-text .chose-text .chose-text-inner{color:#000;font-size:16px;}
.discount_price{
    font-size:25px; 
    color: #7ea4b1; 
}
.carousel-cell .review-inner p{text-align:center;}
button:not(:disabled) {
    cursor: pointer;
}
.image-overlay{border-radius:15px;}

.category-pr-slider {
scrollbar-width: none;
cursor: grab;
}
.best-seller-card:hover{
border:solid 1px var(--bg-color);
}
.category-pr-slider::-webkit-scrollbar {
    display: none;
}
.price{display:flex;gap:10px;margin-top:5px;justify-content:center;}
.price span.main___price{font-size:18px;color:#000;font-weight:bold;}
.price span.total_price{font-size:16px;color:#737373;text-decoration: line-through;order:-1;}
/*.category-pr-slider::-webkit-scrollbar {
    width: 8px; 
    height: 8px;
  }
  .mobile-image{display:none;}
  .category-pr-slider::-webkit-scrollbar-track {
    background-color: #cfcfcf; 
  }
  .discount-label{
    color: #7fa4b2;
    font-weight: bold;
}

  .category-pr-slider::-webkit-scrollbar-thumb {
    background-color: #5cb2e0; 
    border-radius: 6px; 
  }
 
  .category-pr-slider::-webkit-scrollbar-thumb:hover {
    background-color: #5a94b5; 
  }*/
main{

 }
 @media(max-width:767px){ 
 .list-pr-price{}
 
 .still-slider .owl-nav, .cat-owl-slider-mus .owl-nav{width:95% !important;} 
 .muslexl-info-bar{
   overflow: hidden;
    overflow-x: auto;
    padding: 0 10px;
    justify-content:space-around;
 }
 .muslexl-info-item{white-space: pre;}
 .subscribe-section h2{flex-direction:column;}
 .cat-owl-slider-mus .owl-item{min-height:260px;}
 .learn-more{width:100% !important; }
 .price span.total_price{font-size:13px;}
 .grid-box h2{font-size:14px !important;} 
 .link-din{background-color:#fff !important;}
 .grid-box{margin-top:20px;}
 .socical-icons{}
 .grid-template-new{grid-template-columns: repeat(1, 1fr) !important;} 
 .grid-template-new .grid-box:last-child{order:-1;}
 .email-circle svg{color:#000;}
    .letter-box {
        background: #fff;
        border-radius: 50px;
        padding: 0 10px;
        padding-bottom: 0 !important;
        height: 56px;
        margin-top: 10px !important;
    }
    .grid-box p{text-align:center;}
 .price{gap:3px !important;}
.discount-label{font-size:10px !important;} 
 .para-no h1{font-size:30px !important;}
 #offcanvasCategory .offcanvas-header{padding:0 10px;}
 #offcanvasCategory .offcanvas-body{padding:0 !important;}
 .custome_add_to_cart{width:75%;margin:auto;margin-top:10px;}
 .static-collection-qpe-inner a{min-width:150px;}
 .product-slide-container{padding-left:0 !important;} 
 .static-collection-qpe-inner {
  overflow: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
    width:fit-content; 
}
  .new-grid-grid-collection .grid-collection-inner{min-width:50%;}
  .best-seller-desc p a{font-size:14px;text-align:center;min-height:50px;}
 
  .price span.main___price{font-size:13px;}
  .new-grid-grid-collection{gap:7px;}
 .desktop-image{display:none;}
 .mobile-image{display:block;height:auto;}
 .mobile-image img{height:100% !important;width:100%;object-fit:contain;}
 .costumer-support{
 gap:20px;
 }
 }
 @media (max-width: 768px) {
 .header-section{padding:7px 15px;}
 .header-section nav{display:none;}
 main{
 margin-bottom:60px;
 }
 }
 .footer-nav-list{
 line-height:30px;
 }
.main-container {
    max-width: 1480px;
    margin-inline: auto;
    padding-inline: 20px;
   
}

#announcement-bar {
    /*background-color: #a63e5c;*/
    position: relative;
    top: 0;
}
.customer_service_inner{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top:50px;
}
.costumer-support{
margin-top:50px;
}
.costumer-support p {
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    width: 90%;
    font-size:15px;
}
.costumer-support span strong{
font-size:14px;
}
.costumer-support .svg-icon{
margin-bottom:10px;
}
.btn-bottom {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display:flex;
    justify-content:center;
    gap:10px;
}
.blog-new-gap{
margin-bottom:20px;
}
.btn-bottom span{
font-size:16px !important;
color:#000;
font-weight:600;
}
.btn-bottom span:last-child{
display:none;
}
.announcement-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 1rem;
}

.announcement-list > a {
    font-size: 14px;
    font-weight: 600;
    /*color: #fff;*/
}

#header {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.header-img-wrapper {
    margin-right: 30px;
    width:100%;
    max-width:200px;
}

.header-icon-item {
    position: relative;
    cursor: pointer;
}

.category-header {
    margin-top: 55px;
    margin-bottom: 15px;
    padding-bottom: 0px;
}

.category-img-link > img {
    object-fit: fill;
    object-position: center;
   /* border-radius: 50%; */
    aspect-ratio: 1;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    place-items: self-end;
}

.category-grid-item {
    padding: 0.8rem;
    text-align: center;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      }

.category-link-label {
  margin-top: 10px;
   line-height: 1;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    
}

#services-section {
    margin-top: 0;
    padding-block: 30px;
    /*margin-bottom: 30px;*/
}

.services-grid {
      display: flex;
    place-items: center;
    align-items: center;
    justify-content: space-around;
}

.services-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
   /*color: #2c2c2c;*/
    line-height: 35px;
}

.services-text {
    font-size: 13px;
    /*color: #999999;*/
    text-wrap: pretty;
}

.trending-title {
    margin-block: 2rem;
    padding-block: 1rem;
}

.trending-title>span {
    font-weight: 700;
}

.trending-item {
    border-radius: 1rem;
    overflow: hidden;
    max-width: calc(20% - 10px);
}

.trending-video {
    border-radius: 1rem;
    object-fit: cover;
    aspect-ratio: 26/45;
    width: 100%;
    max-width: 100%;
    max-height: 450px;
}

#trending {
    margin-bottom: 0px;
} 

.category-banner-img {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 2.5/1;
}
.best-slider .owl-nav button {
    width: 48px;
    height: 48px;
    border: solid 1px #ccc !important;
    border-radius: 50px;
    font-size: 25px !important;
}
.best-slider .owl-nav{
    margin-top: 30px;
    display: flex;
    gap: 15px;
    justify-content: center;
   
}
.category-banner-img > img {
    width: 100%;
    object-fit: contain;
    object-position: center center;
    aspect-ratio: 2.5/1;
}

.drp-product-name {
  padding-top: 0.5rem;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
    transition: all 300ms linear 0s;
}

.category-pr-slider {
    padding: 1.5rem;
    margin-top: -115px;
    margin-bottom: 40px;
}

.cat-slider-card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 1rem;
    margin-right: 1.5rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 14%;
    background-color: #fff;
    border-radius: 0.5rem;
    flex-shrink: 0;
}

.cat-slider-card:last-child {
    margin-right: 1rem;
}

.cat-slider-name {
    margin-top: 8px;
    font-weight: 600;
}

.cat-slider-img > a > img {
 /* aspect-ratio: 1/1.3;*/
}

#category-section {
   padding-top: 30px;
}

.banner-img-wrap {
    width: 100%;
    overflow: hidden;

}

.banner-img-wrap > img {
    width: 100%;
    /*aspect-ratio: 122/36;*/
    object-fit: contain;
}

#banner-section {
    /*margin-bottom: 4rem;*/
}

.trending-title > h3, .category-header > h3 {
    font-weight: 700;
    color:#000;
    font-size:28px;
}

.insta-heading > h3 {
    font-weight: 700;
}

.insta-heading > h3 > span {
    background-image: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #f77737, #fcaf45, #ffdc80);
   -webkit-background-clip: text;
  background-clip: text;
    color: transparent;
}

.insta-heading {
    margin-block:  1.5rem;
    padding-block: 1rem;
}

.insta-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 400ms ease;
    color: #fff;
}

.insta-post {
    transition: all 0.3s ease;
}

.insta-post:hover .insta-overlay {
    opacity: 1;
}

.insta-posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

}

.about-image-wrap {
    width: 50%;
    aspect-ratio: 1.6/1;
    z-index: -1;
}

.about-image-wrap > img {
    aspect-ratio: 1.6/1;
    object-fit: cover;
}

.about-details {
    width: 50%;
    display: flex;
    align-items: center;
}

.about-content {
    padding: 3rem 2rem;
    margin-left: -40px;
    background-color: #f9f9f9;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 100%;
    min-height: 330px;
    display: flex;
    justify-content: center;
    flex-direction: column;

}

.about-content > h3 {
    font-weight: 600;
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 15px;
    text-align: center;
}

.about-content > p {
    line-height: 28px;
    font-weight: 500;
    color: #464646;
    font-size: 15px;
    max-width: 65ch;
    text-wrap: pretty;
    text-align: center;
}

#about-us {
    /*margin-block: 40px;*/
}

.drp-img-wrap {
  aspect-ratio: 1/1.2;
}

.drp-img-wrap > img {
  aspect-ratio: 1/1.2;
}

.footer-div {
    background-color: #5a94b5;
    color: #fff;
    padding:30px 0;
}

.category-price-grid {
    padding: 0.6rem 1.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
}

.price-grid-item {
    padding: 1.5rem;
    display: block;

}

.canvas-cat-list {
    display: flex;
    flex-direction: column;

}

.category-canvas {
    max-width: 320px;
    z-index:9999;
}

.canvas-cat-list > li {
    cursor: pointer;
   
    width: 100%;
}

.canvas-cat-list > li span {
    display: flex;
    padding: 9px;
    font-size: 14px;
    font-weight:600;
    line-height: 22px;
    text-decoration: none;
    color: #191919;
    position: relative;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.btn-close {
    --bs-btn-close-bg: none;
}

.footer-social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.footer-content {
    width: 32%;
    margin-top: 30px;
    text-align: left;
    justify-content: center;
    padding-inline: 20px;
    display: flex;
   
}

.footer-nav-link {
    color: #999999;
    font-weight: 500;
    margin-block: 8px;
    line-height: 30px;
}

.footer-logo-wrap {
    max-width: 120px;
    height: auto;
    margin-bottom: 15px;

}

.footer-desc {
    max-width: 30ch;
    line-height: 25px;
}

.footer-address > p {
    line-height: 30px;
    font-size: 14px;
    text-align: start;
}

.footer-address > a {
    color: #999999;
    line-height: 32px;
    font-size: 14px;
    
}

.copyrights-div {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
    height: 45px;
    background-color: #a63e5c;
}

.cart-badge-no {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    background-color: #ffb800 !important; 
    color: #fff;
    top: 0;
    right: -6px;
}

.header-nav-item {
    display: flex;
    align-items: center;
    cursor: pointer;
   
   
    gap: 6px;
}

.header-nav-item i {
  font-size: 10px;
}

.header-nav-link {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    color: #000;
    letter-spacing: 3px;
}

.header-nav-link::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 2px;
    background: #4f4490;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out;
}

.header-nav-link:hover::before {
    width: 100%;
}

.header-nav-item.has-dropdown {
    
}

.dropdown-cat-menu {
    z-index: 5;
    width: 100%;
    top: 95%;
    left: 0px;
    position: absolute;
    background-color: #fff;
    padding: 2rem 2.5rem;
    transition: all 0.4s ease;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    opacity: 0;
    visibility: hidden;
}

.header-nav-item:hover .dropdown-cat-menu {
    opacity: 1;
    visibility: visible;
 }

.dropdown-links-list {
    min-width: 200px;
    text-align: start;
}

.dropdown-link-title {
    font-size: 16px;
    color: #a63e5c;
    margin-bottom: 10px;
}

.dropdown-list-item {
    line-height: 25px;
}

.dropdown-list-item > a {
    color: #7e7e7e;
    font-weight: 500;
}

.dropdown-swiper {
    width: 100%;
    max-width: 700px;
    padding-top: 20px;
}

.final-price {
    font-weight: 600;
}
.drp-final-price {
  font-size: 15px;
}
.starting-price {
    font-weight: 500;
    color: #8a8a8a;
    text-decoration: line-through;
}

.mobile-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index:100;
}

.mobile-footer-link {
    padding: 0.6rem;
}

.mobile-ft-name {
    font-weight: 600;
}

.offcanvas-top {
    max-width: 100% !important;
    padding: 1rem;
    padding-inline: 3rem;
    height: max-content !important;
    max-height: 100% !important;
}

.inner-container {
    max-width: 1240px;
    padding-inline: 20px;
    margin: 0 auto;
  }

  .search-input-container .tt-search-input {
    background: transparent;
    font-size: 24px;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid#eceaea;
    box-shadow: none;
    outline: none;
    width: 100%;
    color: #191919;
   
    border-radius: 0;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
  }

  .btn-search {
    color: #4f4490;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    top: 15px;
    padding: 4px 0 4px 4px;
    margin-top: -11px;
    right: 0px;
    z-index: 3;
    display: inline-block;
    background: none;
    border: none;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
  }

  .search-item {
    width: 17%;
    padding: 1rem;
  }

  .search-results {
    margin-bottom: 20px;
    padding: 1rem;
  }
  
  .search-result-name {
    padding-top: 0.5rem;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
    transition: all 300ms linear 0s;
  }

  .show-search-results {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: #5851db;
    text-underline-offset: .3rem;
  }

  .cart-footer-mobile {
    position: absolute;
    width: 18%;
    left: 40%;
    right: 46%;
    top: -20px;
    background-color: #fff;
    border-radius: 50%;
    padding: 0.2rem 0.3rem;

  }

  .mobile-cart-badge {
    font-weight: 700;
    top: 33%;
    left: 43%;
  }

  .search-img-wrap {
    aspect-ratio: 1;
    overflow: hidden;

  }

  .search-img-wrap > img {
    aspect-ratio: 1;
    object-fit: contain;
  }
  
  .store-address {
    position: absolute;
   inset: 0;
   align-items: end;
   justify-content: end;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
    padding: 1.2rem;
    color: #fff;
   
  }

  .store-img-wrap {
    width: 50%;
    aspect-ratio: 1.5/1;
    overflow: hidden;
    max-width: 100%;
  }

  .store-google-map {
    width: 50%;
    padding: 0.7rem;
    margin-left: 1rem;
    
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  }

  .store-google-map iframe {
    width: 100%;
    height: 100%;
  }

  .store-img-wrap img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    max-width: 100%;
  }

  .address-line {
    max-width: 15ch;
    text-align: end;
    font-size: 22px;
  }

@media (min-width: 768px) {
    .mobile-slider {
        display: none;
    }

    .mobile-only {
        display: none;
    }
   
}
@media (max-width: 768px) {
    .desktop-slider {
        display: none;
    }

    .header-nav-wrap {
        display: none;
    }
    
    .search-result-name {
      margin-left: 10px;
    }
    .footer-address > p {
    line-height: 26px;
    font-size: 15px;
   
}

    .desktop-only {
        display: none;
    }
    
    .store-img-wrap {
        width: 100%;
        aspect-ratio: 1.2/1;
        overflow: hidden;
        max-width: 100%;
      }
      .store-google-map {
        width: 100%;
        padding: 1rem 0.2rem;
        margin-left: 0;
      }

      .store-google-map iframe {
        width: 100%;
        height: 100%;
        min-height: 350px;
      }

      .address-line {
        font-size: 16px;
      }

    .offcanvas-top {
        max-width: 100% !important;
        padding: 1rem;
        padding-inline: 1rem;
        height: max-content !important;
        max-height: 100% !important;
    }
    .category-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        place-items: baseline;
    }

    .search-img-wrap {
        aspect-ratio: 1;
        overflow: hidden;
        max-width: 60px;
    
      }
    
      .search-img-wrap > img {
        aspect-ratio: 1;
        object-fit: cover;
        max-width: 60px;
      }

    .search-item {
        width: 100%;
        padding: 0.4rem;
      }
    
    .category-grid-item {
        padding: 0.5rem;
        text-align: center;
    }

    .search-results {
        padding: 0.5rem;
    }

    .services-grid {
        display: grid;
        grid-template-columns: 1fr;
       place-items: start;
    }
.category-link-label {
   font-size: 12px;
   -webkit-line-clamp: 2;
   min-height: 24px;
    
}

    .services-grid-item {
        margin-bottom: 1rem;
    }

    .cat-slider-card {
        width: 45%;
    }

    .trending-video {
        aspect-ratio: 20/50;
    }

    .insta-posts-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        
    }

    .category-price-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        padding: 10px;
    }
    
    .price-grid-item {
        padding: 1rem;
    
    }

    .footer-content {
        width: 100%;
        margin-top: 30px;
       align-items: start;
       justify-content: start;
    }

    .about-image-wrap {
        width: 100%;
    }

    .about-details {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .about-content {
        padding: 3rem 2rem;
        margin-left: 0;
        background-color: #f9f9f9;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        width: 100%;
        min-height: 330px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    
    }

    .category-banner-img > img {
        width: 100%;
        object-fit: cover;
       /* aspect-ratio: 2 / 1;*/
    }

    .about-content > p {
        line-height: 22px;
        font-weight: 500;
        color: #464646;
        font-size: 13px;
        max-width: 65ch;
        text-wrap: pretty;
        text-align: center;
    }

    .banner-img-wrap > img {
        width: 100%;
        /*aspect-ratio: 15 / 5;*/
        object-fit: contain;
    }

}
.account-modal-header p, .account-otp-header p{line-height:20px;}
.account-modal-header, .account-otp-header {
    text-align: center;
    h1 {
        font-weight: 600;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -.01em;
        color: #000;
        margin-bottom: 20px;
    }
    p {
        font-weight: 500;
        font-size: 14px;
       
        text-align: center;
        color: #131313;
    }
}
.otp-login-body {
    margin: 25px 0 0;
    padding: 25px 83px 10px 84px;
    border-radius: 10px;
    background-color: #EFF4F7;
}
.otp-login-input {
    margin-top: 16px;
    margin-bottom: 20px;
}
.otp-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 6px 10px;
}
#otp-mobile-no {
    padding-left: 45px;
}
.otp-login-input-container .otp-login-input input {
    border-radius: 10px;
    border: solid 1px #E4EAEA;
    background-color: #FCFDFF !important;
    height: 54px;
    width: 100%;
    transition: border .2s ease-in-out,box-shadow .2s ease-in-out;
    appearance: none;
}
.otp-prefix {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    margin: 0;
    left: 14px;
    font-size: 14px;
    line-height: 1.86;
    font-weight: 500;
    letter-spacing: normal;
    color: #868C91;
}
.login-error {
    color: #ED1C24;
    font-weight: 500;
    margin-top: 9px;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
}
.resend-otp-container {
    gap: 4px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 29px;
}
#resend-otp {
    color: #2F5B96;
    width: max-content;
    max-width: 100%;
    margin: 0;
}
.resend-btn {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.02em;
    color: #7A7A7A;
    margin: 0;
}
.otp-login-btn, .otp-login-confirm-btn, .otp-login-submit-btn {
    background: #D0D9DE;
    color: #000;
    padding: 0 52px;
    width: max-content;
    max-width: 100%;
    margin: 0;
    margin-top: 8px;
    min-width: 195px;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.06em;
    border-radius: 10px !important;
    cursor: pointer;
}
.otp-login-confirm-btn, .otp-login-submit-btn {
    display: none;
}
.otp-timer-container {
    display: none;
    justify-content: center;
    margin-top: 29px;
}
.resend-text {
    display: none;
}
#timer {
    font-weight: 400;
    cursor: pointer;
}
.otp-privacy-policy {
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #878787;
    margin: 20px 5px;
    letter-spacing: 0.15px;
}
.cart-canvas-header {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-600);
}
.please-signin {
    padding: 14px 7px;
    border-radius: 10px;
    border: solid 1px #E8EBED;
    background-color: #EFF3F5;
    display: flex;
    gap: 10px;
    align-items: center;
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto 20px;
}
.signin-text {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.signin-btn {
    width: 50%;
    height: 31px;
    padding: 7px 10px;
    border-radius: 6px;
    background-color: #1B2024;
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.cart-content {
   
}

.item-content-wrapper {
    position: relative;
    display: flex;
    margin-top: 8.5px;
    margin-bottom: 6px;
}
.item-img-wrapper {
    position: relative;
    display: block;
    width: 60px;
    flex: none;
    align-self: flex-start;
    border-radius: 5px;
    background: #F7F9FA;
    border-radius: 10px;
    margin-right: 10px;
}
.cart-item-info {
    position: relative;
    width: 100%;
}
.product-item-name {
    font-size: 14px;
    font-weight: 700;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.discounted-price {
    font-weight: 700;
    font-size: 18px;
    margin-right: 5px;
}

.cart-remove-icon {
   
    cursor: pointer;
}
.product-color-att {
    display: flex;
    background: #F7F9FA;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 10px;
    align-items: center;
    height: fit-content;
    justify-self: left;
    font-size: 12px;
    color: var(--text-900);
    font-weight: 600;
    margin-top: 5px;
}
.quantity-selector {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #DADADA;
    border-radius: 5px;
    vertical-align: middle;
}
.quantity-selector-button {
    background: #EFF3F5;
    color: #1A2024;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: none;
    font-weight: 500;
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quantity-selector-input {
    font-weight: 500;
    padding: 0;
    width: 30px;
    text-align: center;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
}
.cart-numbers-container {
    padding: 10px 12px;
}
.cart-numbers {
    width: 100%;
    padding-bottom: 4px;
}




.cart-footer-content {
    padding: 1rem 0.8rem;
}
.cart-footer-text {
    font-size: 12px !important;
    color: var(--text-700);
    font-weight: 500;
}
.checkout-btn-group {
 
    margin: 0;
}
.checkout-btn > a {
    background: #a63e5c;
    width: 270px;
    max-width: 100%;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
    border-radius: 4px;
    padding: 0;
    text-align: center;
    height: 50px;
}
.checkout-btn > a>span {
    color: var(--background);
    font-weight: 700;
}

.cart-footer {
    padding: 0px 15px;
    padding-top: 15px;
}
			.overlay {
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background: rgba(0, 0, 0, 0.7);
				transition: opacity 500ms;
				/* visibility: hidden; */
				opacity: 0;
				z-index: 9999;
                opacity: 1;
                display:none;
			}

			/* .overlay:target {
				visibility: visible;
				opacity: 1;
			} */

			#popup1 {
				/* font-family: poppins; */
			}

			#popup1 .popup {
				margin: 0px auto;
				padding: 50px 20px;
				background: #fff;
				border-radius: 0px;
				/* height: 260px; */
				max-width: 690px;
				position: relative;
				text-align: center;
				top: 50% !important;
				position: fixed !important;
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				right: 0px;
				left: 0;
			}

			#popup1 .popup h2 {
				margin-top: 0;
				/*color: #333;*/
			}

			#popup1 .popup .close {
				position: absolute;
				top: 0px;
				right: 0px;
				transition: all 200ms;
				font-size: 30px;
				font-weight: normal;
				text-decoration: none;
				text-align: center;
				background: #333;
				border-radius: 0;
				cursor: pointer;
				float: right;
				padding: 0;
				color: #fff;
				margin-top: 0;
				margin-right: 0;
				height: 40px;
				width: 40px;
				line-height: 35px;
			}

			#popup1 .popup .close:hover {
				color: #06D85F;
			}

			#popup1 .popup .content {
				max-height: 30%;
				overflow: auto;
			}

			#popup1 .newletter-title h2 {
				font-size: 24px;
				text-transform: uppercase;
				/*color: #000;*/
				font-weight: 700;
				letter-spacing: 3px;
				margin: 0 0 15px;
			}

			#popup1 .box-content label {
				font-weight: 400;
				max-width: 560px;
				display: inline-block;
				margin-bottom: 5px;
				font-size: 14px;
				line-height: 26px;
			}

			.newletter-popup {
				background: #fff;
				top: 50% !important;
				position: fixed !important;
				padding: 0;
				text-align: center;
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
			}

			#popup1 #frm_subscribe #subscribe_pemail {
				background: #EBEBEB none repeat scroll 0% 0%;
				border: medium none;
				height: 40px;
				width: 65%;
				margin: 20px 0;
				padding-left: 15px;
			}

			#popup1 #frm_subscribe a {
				cursor: pointer;
				border: none;
				background: #333;
				padding: 3px 25px;
				text-transform: uppercase;
				font-size: 14px;
				color: #fff;
				font-weight: 600;
				line-height: 34px;
				display: inline-block;
				border-radius: 0;
				letter-spacing: 2px;
			}

			#popup1 .box-content .subscribe-bottom {
				margin-top: 20px;
			}

			#popup1 .box-content .subscribe-bottom #newsletter_popup_dont_show_again {
				display: inline-block;
				margin: 0;
				vertical-align: middle;
				margin-top: -1px;
			}

			#popup1 .box-content .subscribe-bottom label {
				margin: 0;
				font-weight: 400;
				max-width: 650px;
				display: inline-block;
				margin-bottom: 5px;
				font-size: 12px;
			} 
 	.alert-cookie-policy{
  display: none;
  border-radius: 0;
  position: fixed;
  bottom:0;
  top:auto;
  left:0;
  right: 0;
  z-index: 999;
}
.alert-cookie-policy .alert{
  border-radius: 0;
}

.blog-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    padding: 1rem;

}

.blog-img-wrap {
    width: 100%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.blog-img-wrap img {
    object-fit: cover;
    aspect-ratio: 3/2;
    max-width: 100%;
    opacity: 1;
}

.blog-date {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 2rem;
}

.blog-date span {
    color: #888888;
}

.blog-badge {
    padding: 4px 6px;
    background-color: #ececec;
    border-radius: 8px;
}

.blog-t {
    margin-top: 10px;
}

.blog-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #222222;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    
}

.blog-para {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #666666;
    margin-top: 1.125rem;
}

.blog-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

.blog-author {
    font-weight: 600;
    font-size: 0.875rem;
    color: #444;
}

.read-more {
    color: #000;
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
}

.read-more:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

.testm-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    padding: 2rem 1.8rem;
    margin: 0.6rem;
    min-height: 250px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
    border-radius: 0.75rem;
}

.testm-stars {
    display: flex;
    align-items: center;
    gap: 6px;

}

.testm-para span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #666666;
    margin-top: 1.125rem;
}

.testm-avatar {
    width: 50px;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.testm-avatar img {
    width: 50px;
    height: 50px;
    aspect-ratio: 1;
    object-fit: cover;
}

.auth-name {
    font-weight: 600;
    font-size: 0.875rem;
}

.auth-job {
    font-weight: 400;
    color: #444;
    font-size: 0.8rem;
}

.testm-stars svg {
    fill: #000;
}

@media (max-width: 768px) {
    .blog-img-wrap img {
        object-fit: cover;
        aspect-ratio: 16/9;
       
    }
    #btnDeclineCookiePolicy{
    margin-bottom:10px;
    }
    .main-container {
    max-width: 1480px;
    margin-inline: auto;
    padding-inline: 8px;
   
}

.otp-login-body {
    margin: 25px 0 0;
    padding: 15px 20px 10px 20px;
    border-radius: 10px;
    background-color: #EFF4F7;
}
}
/*heroroot organics css start*/
.logo-main {
      width: 150px;
      height: 45px;
    }

    .logo-main img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

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

   

    header nav ul {
    display: grid; 
   gap:25px;
   justify-content:center;
   margin:15px 0;
   grid-template-columns: repeat(3, 0.8fr); 
}

    header nav ul li a {
      font-size: 14px;
      color: #000;
       font-weight:700;
      text-decoration: none;
      text-transform: uppercase;
    }

    .head-cont {
      gap: 40px;
    }

    .hero-shot h1 {
      font-size: 40px;
      color: #000;
      font-weight: normal;
    }
.hero-shot p{
font-size:16px;
color:#000;
font-weight: normal;
margin-bottom:15px;
}
    .hero-shot {
      font-size: 18px;
      color: #000;
      margin-top: 40px;
    }

  .hero-shot button {
    width: 190px;
    height: 34px;
   
    color: var(--text-clr);
    font-size: 14px;
    font-weight: bold;
    background-color: var(--bg-color);
}

   

    .image-cont {
      position: relative;
      padding-left: 50px;
    }
    .img1{
    margin-right:-50px !important;
    }
     .img6{
    margin-right:0px !important;
    }
    .image-cont .img1,
    .image-cont .img2,
    .image-cont .img3,
    .image-cont .img4,
    .image-cont .img5,
    .image-cont .img6 {
      position: relative;
      
      margin-right: -27px;

    }

    @keyframes mymove {
      0% {
        opacity: 0;
        left: 150px;
        transform: scale(1.3);
      }

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

    .big-img {
      width: 250px !important;
    }

    .large-imgae {
      width: 300px !important;
    }

    .img1,
    .img2,
    .img3,
    .img4,
    .img5,
    .img6 {
      position: absolute;
      opacity: 0;
      z-index: 1;
      width: 200px;
    }

    .img1 img,
    .img2 img,
    .img3 img,
    .img4 img,
    .img5 img,
    .img6 img {
      object-fit: contain;
      width: 95%;
      height: 100%;
    }

    .img1 {
      animation: mymove 2s forwards;
    }

    .img2 {
      animation: mymove 2s 200ms forwards;
    }

    .img3 {
      animation: mymove 2s 400ms forwards;
    }

    .img4 {
      animation: mymove 2s 600ms forwards;
    }

    .img5 {
      animation: mymove 2s 800ms forwards;
    }

    .img6 {
      animation: mymove 2s 1000ms forwards;
    }

    .circle-icon {
      width: 50px;
      height: 50px;
      border-radius: 50px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }

    .icon_1 {
      background-color: #fdc441;
    }

    .icon_2 {
      background: #a2511f;
    }

    .icon_3 {
      background-color: #e9633d;
    }

    .icon_4 {
      background-color: #8a5fba;
    }

    .icon_5 {
      background-color: #a23d52;
    }

    body {
      overflow-x: hidden;
 
    }
    
    .boxes-benefit p {
      margin-bottom: 0;
      margin-top: 10px;
      color: #000;
      font-size: 16px;
      text-transform: uppercase;
    }

    .shop-by-benfit {
      margin-top: 70px;
    }

    .shop-by-benfit h3 {
      font-size: 30px;
      color: #000;
      text-align: center;
      text-transform: uppercase;
    }

    .boxes-benefit {
      text-align: center;
      margin-top: 50px;
      width: 19%;
    }

    .boxes-benefit p {
      font-size: 16px;
      color: #000;
      font-weight: 600;
    }

    .start-sec {
      margin-top: 50px;
    }

    .boxes-cont {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    .circle-icon svg {
      width: 20px;
    }

    .starts-text h1 {
      font-size: 32px;
      color: #000;
    }

    .process-cont {
      padding-left: 7.5%;
    }

    .starts-text p {
      font-size: 16px;
      color: #000;
    }

    /* .start-img {
      max-width: 470px;
      width: 100%;
    } */

    .process-sec {
      background-color: #f9f9f9;
      padding: 50px 0;
    }

    @media(max-width:1000px) {
     

      .img1,
      .img2,
      .img3,
      .img4,
      .img5,
      .img6 {
        width: 80px;
      }

      .image-cont {
        padding-left: 0;
        margin-top: 50px;
      }
    }

    @media(max-width:700px) {
      .boxes-cont {
        gap: 15px;
      }

      .hero-shot {
        margin-top: 20px;
      }

      .starts-text {
        margin-top: 50px;
      }

      .img6 {
        display: none;
      }

      .img1,
      .img2,
      .img3,
      .img4,
      .img5,
      .img6 {
        width: 80px !important;
      }

      .boxes-benefit {
        width: 33%;
      }
    }

    .gard-btn {
      
       background-color: var(--bg-color);
      color: var(--text-clr);
      font-size: 14px;
      font-weight: bold;
      padding: 6px 10px;
      margin-top: 15px;
    }

   

    footer {
      background-color: #1a1a1a;
    
    }

    .socical-sec {
      border-bottom: 1px solid #333;
    }

    .sociacl-icon span {
      color: #8e8e93;
      font-size: 12px;
      font-weight: bold;
    }

    .link-din {
      width: 28px;
      height: 28px;
      background-color: #ffb800;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .link-din svg {
      color: #000;
      width: 16px;
      height: 16px;
    }

    .sociacl-icon {
      display: flex;
      justify-content: end;
      gap: 10px;
      align-items: center;
      padding-bottom: 15px;
    }

    .footer-grid {
      margin-top: 50px;
      justify-content: space-between;
    }

    .footer-grid p,
    .footer-grid ul li a {
      color: #8e8e93;
      font-size: 12px;
      font-weight: 600;
      margin-top: 20px;
      text-decoration: none;
    }

    .footer-btn-wrap {
      display: flex;
      gap: 15px;
      margin-top: 20px;
    }

    .footer-grid ul li a:hover {
      text-decoration: underline;
    }

    .footer-btn-wrap a {
      background-color: transparent;
      width: 211px;
      height: 35px;
      border: solid 1px #fff;
      display: block;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
    }

    .footer-btn-wrap a {
      color: #fff;
      font-size: 14px;
      text-decoration: none;
    }

    .footer-btn-wrap a:hover {
      background-color: #fff;
      color: #5c2c5b;
    }

    .footer-btm small {
      color: #8e8e93;
      font-size: 10.5px;
    }

    .footer-btm-link ul li a {
      font-size: 10px;
      color: #8e8e93;
      text-decoration: none;
    }

    .footer-btm-link {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .footer-btm {
      background: #000;
      padding: 25px 0;
      margin-top: 30px;
    }

    .footer-btm-link ul {
      gap: 10px;
      flex-wrap: wrap;
      width: 60%;
      justify-content: end;
    }
    .starts-text p{
    margin-top:10px;
    }
    @media(max-width:767px){
    .image-cont .img1, .image-cont .img2, .image-cont .img3, .image-cont .img4, .image-cont .img5, .image-cont .img6{
    margin-right:-13px;
    }
    .blog-cntnr{
    flex-wrap:wrap;
    }
    .starts-text h1 ,.starts-text h3{
    font-size:25px;
    }
    .img1{
    margin-right:-26px !important;
    }
    .process-cont{
    padding-left:3.5%;
    }
    }
/*heroroot organics css end*/
/*blog start*/
.blog-cntnr {
    gap: 15px;
}
.blog-cntnr .blog-text .read-more {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}
.blog-cntnr .blog-text p {
    font-size: 16px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 63px;
    max-height: 70px;
    margin-bottom:15px;
}
.blog-cntnr .blog-text h2 a {
    font-size: 20px;
    color: var(--black);
    margin: 15px 0 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.blog-cntnr .blog-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.best_seller{
margin-top:40px;
}
.best_seller h3,.best-seller-card-wrap h3 {
    font-size:28px;
    font-weight: 700; 
    color: #000;
     text-align: center;
    max-width: 970px;
    margin: auto;
     margin-bottom: 20px;
     
  
}
}
.blog-cntnr .blog-image {
    height: 290px;
    border-radius: 10px;
    overflow: hidden;
}
.best-seller-card{
  overflow:hidden;
  border:solid 1px #ccc;
  border-radius:10px;
  }
  .wishlist-icon a button{
  width:auto;
  background:transparent !important;
  }
  .wishlist-icon {
    width: 28px;
    height: 28px;
    background: var(--bg-color);
    color: var(--text-clr);
    border-radius: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.wishlist-icon i{color:var(--text-clr);}
  .wishlist-icon svg {
    fill:var(--text-clr);
    color: var(--text-clr);
    font-size: 15px;
    width: 15px;
    height: 15px;
}
.list-description p a {
    color: #000;
    font-size: 16px;
    width: 85%;
    font-weight: 500;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin:15px auto 0px auto;
    min-height: 51px;
}
.wishlist-icon-cntnr{
    position: absolute;
    right: 15px;
    top: 15px;
}
.best-seler{
margin-top:40px;
} 
 .off-badge {
    background: #ffb800;
    color:#000;
    left: 15px;
    z-index: 1;
    top: 15px;
}
/*blog end*/


.cat-slider {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.cat-slider::-webkit-scrollbar {
    height: 0; /* Hide horizontal scrollbar by default */
    background-color: green;
}

.cat-slider:hover {
    scrollbar-width: thin; /* Firefox only */
}

.cat-slider:hover::-webkit-scrollbar {
    height: 8px; /* Show horizontal scrollbar on hover */
}

.cat-slider:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3); /* Thumb color on hover */
    border-radius: 10px;
}
.cat-slider .cat-img {
    border-radius:0px; 
    overflow: hidden;
}
.item-category .cat-name {
    position: absolute;
    bottom: -100px;
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    z-index: 1;
    width: 85%;
    left:0;
    right:0;
    background:#fff;
    padding: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px -7px 24px;
    
}
.item-category a {
    position: relative;
    display: block;
    
}
.item-category .cat-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.item-category{min-width:25%;padding:0px;position:relative;}

.desktop-image img{height:100%;object-fit:cover;width:100%;} 
.cat-head-new-class{font-size:28px;text-align:center;margin-bottom:20px;font-weight:700;} 
.cat-sec{margin-top:60px;}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border:0;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{box-shadow:0 0 0;border:solid 1px #000;background:#000;color:#fff;}
#nav-tab{border:0;}
.nav-tabs .nav-link{
    border:solid 1px #000;
    padding: 10px;
    color:#000;
    height: auto;
    white-space: nowrap;
     font-size:17px;
    font-weight:500;
    border-radius: 5px;}
    
    .nav-tab-she{gap:15px;padding-bottom:10px;width:100%;justify-content:center;}
    .top-sepration{margin-top:40px;}
    .tab-flex-wrap{
    display: flex;
    gap:20px;
   
    
}
.tab-flex-wrap .item{min-width:33%;width:100%;max-width:379px; }
.tab-flex-wrap .item-inner{background:#f8f8f8;padding:6px;}
.star-rev-cnt{ 
    background: #000;
    color: #fff;
    padding: 4px 20px;
    max-width: fit-content;
}
.text-elepsis{font-size:16px;color:#000;margin-top:10px;margin-bottom:15px;
 display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.star-rev-cnt svg{width:16px;height:16px;}
.btn-quick{width:100%;height:39px;border-radius:5px;margin-top:10px;}  
.original-price span:nth-child(1){color:#000;font-size:16px;font-weight:bold;}
.original-price span:nth-child(2){color:#1a1818;font-size:13px;font-weight:normal;}
.original-price{
    display: flex;
    align-items: center;
    gap: 10px;
}
.short-desc{font-size:13px;color:#000;}
.fade:not(.show){opacity:1 !important;}
.tab-pane{display:none;}
.customer_service_head {
    font-size: 18px;
    color: #1a1818;
    text-align: center;
    max-width: 100%;
    line-height: 30px;
    margin: 50px auto 20px auto;
    background: rgb(242 242 242);
    padding: 15px;
    border-radius: 10px;
}
.futrure-div-text{
    position: absolute;
    top: 0;
    max-width: 500px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 23%;
}
.image-service-outer .image-service{margin-bottom:20px;}
.image-service-outer{text-align:center;}
.image-service-outer h1{font-size:16px;color:#1a1818;}
.future-div-img img{width:100%;}
.future-div{margin-top:40px;position:relative;}
.futrure-div-text h2{color:#fff;font-size:30px;} 
.feature-row{margin-top:40px;}
.futrure-div-text p{color:#fff;font-size:15px;margin:20px 0;}
.feature-text h1{font-size:37px;color:#1a1818;}
.feature-text p{margin:20px 0;color:#7f848b;font-size:15px;}
.feature-text{
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.grid-box ul li a{font-size:13px;color:#fff;}
.grid-box h2{font-size:14px;color:#ffb800;font-weight:bold;margin-bottom:20px; 
    text-transform: uppercase;}
.anchor-box a{color:#000;text-decoration:underline;font-size:15px;display:block;margin-bottom:20px;}
@media(max-width:767px){
.item-category .cat-name{font-size:10px;}
.desc-goal{min-height:234px;}
.best_seller h3, .best-seller-card-wrap h3{font-size:20px;}
.item-category .cat-name{position:static;}
.item-category{padding:0;}
.moko-colname{font-size:20px !important;text-align:center;}
.moko-main-div .moko-colname{font-size:16px !important;}
.main-image-single{min-width:inherit !important;}
.moko-coll{height:240px !important;}
 .tab-flex-wrap{grid-template-columns: repeat(2, 1fr);}
 .item-category{min-width:50% !important;}
 .item-category a{height:auto;}
  .customer_service_inner {
        display: flex;
        overflow: hidden;
        overflow-x: auto;
    }
    .image-service-outer {
    text-align: center;
    min-width: 40%;
}
  .futrure-div-text h2{font-size:20px;}
  
    .futrure-div-text {
        padding: 15px;
        position: absolute;
        top: inherit;
        width: 100%;
        transform: inherit;
        bottom: 0px;
        left: 6px;
    }
        .futrure-div-text p {
        color: #fff;
        font-size: 14px;
        padding: 0 10px 0 0px;
    }
.image-service-outer h1{font-size:14px;}
.feature-text h1{font-size:20px;}
.feature-text{padding-left:0;padding-top:15px;}
.carousel-cell {
  width: 100% !important;
  max-width: 100%;
}
.carousel-cell.is-selected{padding:20px;}
.flickity-viewport{padding:0 !important;}
}
.view-all-nav-top{
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size:14px; 
}
.dropdown-nav li a:hover{text-decoration:underline;}