:root{
  --primaryColor: #3F1D0B;
  --secondaryColor: #CFA76E;
  --grayColor: #A0A0A0;
  --whiteColor:#ffffff;
  --blackColor:#000000;
  --bodyFont: "Inter", sans-serif;
  --titleFont: "Fraunces", serif;
}

/* Basics */
html{ overflow-x: hidden; scrollbar-color: var(--primaryColor) transparent; scrollbar-width: thin;}
body{ padding: 0; margin:0; font-size: 18px; color:var(--txtColor); font-family: var(--bodyFont); overflow-x: hidden; background: #F9F7F7;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .3s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; color: var(--primaryColor);}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}
ol{ margin: 0 0 20px 20px; padding: 0;}
ol li{ margin: 0 0 5px; padding: 0; font-size: 14px; line-height: 24px; list-style: decimal; position: relative; color: rgba(63, 29, 11, 0.7);}
ol li a{ color: rgba(63, 29, 11, 0.7); text-decoration: underline;}
ol li a:hover{ color: var(--primaryColor);}
.typo ul{ margin: 0 0 20px; padding: 0;}
.typo ul li{ margin: 0 0 5px; padding: 0 0 0 16px; font-size: 14px; font-weight: 400; line-height: 24px; position: relative; color: rgba(63, 29, 11, 0.7);}
.typo ul li:last-of-type{ margin-bottom: 0;}
.typo ul li::before{ content: ""; position: absolute; top: 9px; left: 0; height: 6px; width: 6px; border-radius: 50px; background: var(--primaryColor);}
.typo ul li a{ color: rgba(63, 29, 11, 0.7); text-decoration: underline;}
.typo ul li a:hover{ color: var(--primaryColor);}

/* Container */
.container{ width:90%; max-width:1720px; margin:0 auto; padding:0;}

/* Paragraph */
p{ font-size: 14px; line-height: 24px; color: rgba(63, 29, 11, 0.7);}
p.white{ color: var(--whiteColor);}
p a{ color: rgba(63, 29, 11, 0.7);}
p a:hover{ color:var(--secondaryColor);}

/* Heading */
h1{ font-size: 86px; font-family: var(--titleFont); line-height: 94px;}
h2{ font-size: 62px; font-family: var(--titleFont); line-height: normal;}
h3{ font-size: 32px; font-family: var(--titleFont); line-height: normal;}

.global_title{ margin: 0 0 50px; padding: 0; font-size: 62px; font-family: var(--titleFont); color: var(--primaryColor); line-height: normal;}
.global_title.center{ text-align: center;}
.global_title strong{ font-weight: 700; font-style: italic; color: var(--secondaryColor);}
.global_title.white{ color: var(--whiteColor);}

/* Button */
.btn-theme{ margin: 0; padding: 12px 19px; font-size: 16px; font-weight: 500; color: var(--whiteColor); text-transform: uppercase; gap: 25px; background: transparent; display: inline-flex; position: relative; transition: all .4s ease-in-out; z-index: 2; border: 1px solid var(--primaryColor); overflow: hidden; border-radius: 4px;}
.btn-theme::before{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background: var(--primaryColor); transition: all .4s ease-in-out;}
.btn-theme::after{ content: ""; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: -1; background: var(--primaryColor); transition: all .4s ease-in-out;}
.btn-theme:hover::before, .btn-theme:hover::after{ height: 0;}
.btn-theme.white{ color: var(--primaryColor); border-color: var(--whiteColor); background: var(--primaryColor);}
.btn-theme.white:hover{ color: var(--whiteColor);}
.btn-theme.white:hover i img{ filter: brightness(0) invert(1);}
.btn-theme.white::before, .btn-theme.white::after{ background: var(--whiteColor);}
.btn-theme i{ display: flex;}
.btn-theme i img{ width: 38px !important; transition: all .4s ease-in-out;}
.btn-theme.white-bdr{ border-color: var(--whiteColor); background: transparent; color: var(--whiteColor);}
.btn-theme.white-bdr::before, .btn-theme.white-bdr::after{ background: var(--whiteColor); height: 0;}
.btn-theme.white-bdr:hover::before, .btn-theme.white-bdr:hover::after{ background: var(--whiteColor); height: 100%;}
.btn-theme.white-bdr:hover{ color: var(--primaryColor);}

.pageWrapper{ padding: 36px 0 0;}


/* Section Spacing */
.py-140, .pt-140{ padding-top: 140px;}
.py-140, .pb-140{ padding-bottom: 140px;}

.fixedRgt{ margin: 0; padding: 15px 12px; position: fixed; right: 0; width: auto; bottom: 20%; background: linear-gradient(45deg, #CFA76E 0%, #A87833 100%); border-radius: 8px 0px 0px 8px; z-index: 5; display: flex; flex-direction: column; gap: 16px;}
.fixedRgt li{ margin: 0; padding: 0;}
.fixedRgt li a{ margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.fixedRgt li a img{ min-width: 20px; width: 20px; height: 20px; transition: all .4s ease-in-out;}
.fixedRgt li:hover a img{ filter: brightness(1) invert(1);}



/*===================
 		HEADER 
===================*/
.header__sec{ width:100%; background: rgba(26, 1, 19, 0); position: absolute; top: 0; left: 0; padding: 0; z-index: 1002;}
.header__sec .top-strip{ background: #977254; padding: 6px 0;}
.header__sec .top-strip p{ margin: 0; font-size: 12px; color: var(--whiteColor); text-align: center;}
.header__sec .navbar-brand{ margin:0; padding:0;}
.header__sec .navbar-light .navbar-nav{ margin:0 0 16px; gap: 50px;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin:0;}
.header__sec .navbar-light .navbar-nav .nav-link{ margin:0; padding: 0; font-weight: 400; font-size: 14px; color: var(--whiteColor); position: relative; transition: all .4s ease-in-out;}
.header__sec .navbar-light .navbar-nav .nav-link::before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px; width: 0; transition: all .4s ease-in-out; background: var(--whiteColor);}
.header__sec .navbar-light .navbar-nav .nav-link:hover::before{ width: 100%;}
.header__sec .navbar-light .navbar-nav .dropdown-toggle::after{ content: ""; width: 13px; height: 7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M8.57766 0.5L5.00499 4.07266L1.42226 0.5L0.213623 1.70863L5.00499 6.5L6.21363 5.29137L9.78629 1.70863L8.57766 0.5Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; background-position: center center; border: none; transition: all .3s ease-in-out; vertical-align: inherit; position: relative; bottom: 2px; filter: brightness(0) invert(1); margin: 0;}
.header__sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: rgba(255, 255, 255, 0.8);}
.header__sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show{ color: rgba(255, 255, 255, 0.8);}
.header__sec .offcanvas .text-reset{ cursor: pointer;}
.header__sec .dropdown-menu{ padding: 8px 0; border-color: var(--whiteColor); border-radius: 0; border: 1px solid rgba(22, 38, 37, 0.05); border-radius: 2px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.header__sec .dropdown-item{ padding: 7px 15px; color: var(--blackColor); font-weight: 500; font-family: var(--subtitleFont); font-size: 14px; line-height: normal;}
.header__sec .dropdown-item:hover, .header__sec .dropdown-item:focus{ background: var(--primaryColor); color: var(--whiteColor);}
.header__sec .hdr-right{ display: flex; gap: 40px; align-items: center;}
.header__sec .hdr-right .search{ display: flex; gap: 8px;}
.header__sec .hdr-right .search .itm{ height: 34px; width: 34px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: transparent; transition: all .4s ease-in-out;}
.header__sec .hdr-right .search .itm:hover{ background: var(--whiteColor);}
.header__sec .hdr-right .search .itm:hover a img{ filter: none;}
.header__sec .hdr-right .search a{ display: flex; width: 20px; position: relative;}
.header__sec .hdr-right .search a img{ filter: brightness(0) invert(1); transition: all .4s ease-in-out;}
.header__sec .hdr-right .search a span{ padding: 2px; background: #FFB955; border-radius: 50%; color: #411900; font-size: 10px; font-weight: 700; position: absolute; top: -7px; right: -7px; min-height: 19px; min-width: 19px; text-align: center;}
.header__sec.sticky{ position: fixed; top: 0; box-shadow: 0 5px 10px rgba(0,0,0,.1); animation-name: fadeInDown; animation-duration: .8s; animation-fill-mode: both; background: var(--primaryColor);}
.header__sec.sticky .top-strip{ height: 0; opacity: 0; padding: 0;}
.header__sec.sticky .navbar{ padding: 10px 0; align-items: center;}
.header__sec.sticky .navbar-brand{ width: 150px;}
.header__sec.sticky .btn-theme{ font-size: 14px; padding: 8px 14px;}
.header__sec.sticky .navbar-light .navbar-nav{ margin-bottom: 0;}


@media (min-width: 992px) {
.header__sec .offcanvas { visibility: visible; position: relative; background: none; border: none; justify-content: center; flex-grow: inherit;}
.header__sec .navbar{ justify-content: space-between; padding: 15px 0; align-items: end;}
.header__sec .dropdown-menu{ margin-top: 0; }
.header__sec .dropdown:hover .dropdown-menu { display: block; visibility: visible; animation: dropdownMenu-slide .4s;}
}

/* dropdownMenu-slide */
@keyframes dropdownMenu-slide {
  0% {
    opacity: 0;
    transform: translateY(-10%);
    z-index: -1;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
    z-index: 55;
  }
}

@keyframes fadeInDown{
  0%{
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100%{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeup{
  0%{
    transform: translateY(0px)
  }
  50%{
    transform: translateY(15px)
  }
  100%{
    transform: translateY(0px)
  }
}

/*===================
 		  FOOTER 
===================*/
.footer__sec{ margin: 0; padding: 75px 0 0; background: var(--primaryColor);}
.ftr-logo{ margin: 0; padding: 0;}
.ftr-logo figure{ margin: 0 0 30px; padding: 0;}
.ftr-logo p{ margin: 0 0 60px; padding: 0; font-size: 14px; color: rgba(255, 255, 255, 0.7);}
.ftr-logo ul{ margin: 0 0 50px; padding: 0;}
.ftr-logo ul li{ margin: 0 0 14px; padding: 0; font-size: 14px; font-weight: 400; color: var(--whiteColor); display: flex; gap: 8px;}
.ftr-logo ul li a{ color: var(--whiteColor);}
.ftr-logo ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
.ftr-logo ul li i{ display: flex; width: 20px; align-self: self-start;}
.ftr-logo .social{ display: flex; gap: 20px;}
.ftr-logo .social a{ width: 20px; height: 20px;}
.ftr-logo .social a img{ filter: brightness(0) invert(1); transition: all .4s ease-in-out;}
.ftr-logo .social a:hover img{ filter: none;}
.footer__sec h3{ margin: 0 0 16px; padding: 0; font-size: 22px; font-weight: 600; color: var(--secondaryColor);}
.ftr-nav ul{ margin: 0; padding: 0;}
.ftr-nav ul li{ margin: 0 0 14px; padding: 0; font-size: 14px; font-weight: 400; color: var(--whiteColor);}
.ftr-nav ul li a{ color: var(--whiteColor);}
.ftr-nav ul li a:hover{ color: rgba(255, 255, 255, 0.7);}
.ftr-awards{ margin: auto 0 0; padding: 0; display: flex; gap: 12px;}
.ftr-awards figure{ margin: 0; height: 64px; width: 64px; border-radius: 50%;}
.ftr-blk{ display: flex; flex-direction: column; height: 100%;}
.news-latter{ padding: 0 0 0 90px; display: flex; flex-direction: column; height: 100%;}
.news-latter p{ margin-bottom: 45px; font-size: 14px; color: rgba(255, 255, 255, 0.7);}
.news-latter label{ margin: 0 0 5px; font-size: 14px; font-weight: 400; color: #F2EDE7;}
.news-latter .form-wrp{ display: flex;}
.news-latter .form-control{ margin: 0; padding: 0 20px; height: 60px; font-size: 16px; font-weight: 400; color: var(--whiteColor); border-radius: 0; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2);}
.news-latter .form-control:focus{ border-color: var(--whiteColor);}
.news-latter .form-control::placeholder{ font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.4);}
.news-latter .mail-submit{ height: 60px; width: 60px; min-width: 60px; background: var(--secondaryColor); border: none;}
.news-latter .form-group{ width: 100%;}
.news-latter .payment-info{ margin: auto 0 0; padding: 0; display: flex; gap: 10px;}
.news-latter .payment-info figure{ height: 17px; width: 25px; margin: 0; display: flex;}
.copyright{ margin: 60px 0 0; padding: 72px 0 58px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3);}
.copyright p{ margin: 0; font-size: 14px; color: #8C7F76;}


.owl-dots{ margin-top: 15px; display: flex; justify-content: center; gap: 3px;}
.owl-dots .owl-dot{ height: 24px; width: 24px; border-radius: 50%; background: transparent !important; position: relative; border: 1px solid transparent !important;}
.owl-dots .owl-dot::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 10px; width: 10px; background: rgba(255, 255, 255, 0.53); border-radius: 50%;}
.owl-dots .owl-dot.active{ border-color: var(--whiteColor) !important;}
.owl-dots .owl-dot.active::before{ background: var(--whiteColor);}

/* Return To Top */
#return-to-top{ position: fixed; bottom: 30px; right: 28px; background: var(--primaryColor); width: 40px; height: 40px; font-size: 18px; line-height: 40px; color: #1f3d2b; border-radius: 40px; text-decoration: none; text-align: center; transition: all .3s ease; z-index: 5;}
#return-to-top span{ transform: translate(0px, -1px) rotate(-90deg); transition: all .6s ease-in-out; display: flex; justify-content: center; align-items: center; color: var(--whiteColor);}
#return-to-top:hover span{ transform: translate(0, -5px) rotate(-90deg);}

/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0; position: relative; z-index: 2;}

.hero__sec{ margin: 0; padding: 0; position: relative; background: #121010;}
/*.hero__sec .sec__bg{ height: 100%; width: 100%; object-fit: cover; position: absolute;}*/
.hero__sec .inner{ padding: 120px 0 60px; height: 100%; display: flex; flex-direction: column; justify-content:center; position: relative; z-index: 2;}
.hero__sec .detail{ margin:0; max-width: 790px;}
.hero__sec .caption{ width: 100%; z-index: 2; position: absolute; left: 0; top:0; bottom: 0;}
.hero__sec .caption>*{ height: 100%;}
.hero__sec h2{ margin: 0 0 32px; padding: 0; font-size: 86px; font-weight: 400; color: var(--whiteColor); line-height: 93px;}
.hero__sec h2 strong{ color: var(--secondaryColor); font-weight: 700; font-style: italic;}
.hero__sec p{ margin: 0 0 60px; padding: 0; font-size: 20px; line-height: 32px; font-weight: 400; color: rgba(255, 255, 255, 0.70);}
.hero__sec .btn-theme{ margin-bottom: 75px; padding: 17px 34px;}
.hero__sec .badges{ margin: 0; padding: 0; max-width: 735px;}
.hero__sec .badges h3{ margin: 0 0 24px; padding: 0; font-size: 22px; font-weight: 600; color: #B08C77; font-family: var(--titleFont);}
.hero__sec .badges .grid{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 12px;}
.hero__sec .badge-box{ margin: 0; padding: 25px; border: 1px solid rgba(255, 255, 255, 0.2); transition: all .4s ease-in-out  ;}
.hero__sec .badge-box:hover{ border-color: var(--whiteColor);}
.hero__sec .badge-box h4{ margin: 0; padding: 0; font-size: 20px; font-weight: 500; color: var(--whiteColor);}
.hero__sec .badge-box i{ margin: 0 0 24px; display: inline-block; width: 40px;}
.hero__sec .badge-box i img{ width: auto;}
.hero__sec .owl-dots{ margin: 0; position: absolute; flex-direction: column; right: 52px; top: 50%; transform: translateY(-50%);}

.spark__sec{ margin: 0; padding: 140px 0; background: #F9F7F7;}
.spark__sec .container{ max-width: 1330px;}
.spark__sec .row{ --bs-gutter-x: 26px; --bs-gutter-y: 26px;}
.spark__sec .global_title{ margin-bottom: 65px;}
.spark-card{ margin: 0; padding: 35px; border-radius: 4px; background: var(--whiteColor); height: 100%; transition: all .4s ease-in-out;}
.spark-card i{ margin: 0 0 50px; display: inline-flex;}
.spark-card i img{ transition: all .4s ease-in-out;}
.spark-card h3{ margin: 0 0 10px; padding: 0; font-size: 22px; font-weight: 600; color: var(--primaryColor); transition: all .4s ease-in-out;}
.spark-card p{ margin: 0; padding: 0; transition: all .4s ease-in-out;}
.spark-card:hover{ background: var(--primaryColor);}
.spark-card:hover i img{ filter: brightness(0) invert(1);}
.spark-card:hover h3, .spark-card:hover p{ color: var(--whiteColor);}

.product__sec{ margin: 0; padding: 130px 0; background: var(--whiteColor);}
.product__sec .title-wrp{ margin: 0 0 95px; display: flex; justify-content: space-between; align-items: end;}
.product__sec .trusted-info{ margin: 0; padding: 0; font-size: 28px; font-family: var(--titleFont); color: var(--primaryColor); font-weight: 400;}
.product__sec .trusted-info strong{ font-weight: 700;}
.product__sec .title-wrp .global_title{ margin: 0;}
.product__sec .row{ --bs-gutter-x: 70px; --bs-gutter-y: 58px;}
.product__sec .text-center .btn-theme{ margin-top: 65px;}
.product__sec .text-center .btn-theme:hover{ color: var(--primaryColor);}
.product-box{ margin: 0; padding: 0; position: relative; display: block;}
.product-box .top-part{ margin: 0 0 30px; padding: 0; position: relative; border-radius: 4px; overflow: hidden;}
.product-box .top-part::before{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--primaryColor); z-index: 1; opacity: 0; transition: all .4s ease-in-out;}
.product-box figure{ margin: 0; padding: 0; position: relative; border-radius: 4px; overflow: hidden; background: var(--primaryColor); height: 377px;}
.product-box figure img{ height: 100%; width: 100%; object-fit: cover; transition: all .4s ease-in-out;}
.product-box figure img.hover-img{ position: absolute; left: 0; top: 0; opacity: 0; transform: scale(0.9);}
.product-box .btn-theme{ padding: 17px 19px; position: absolute; bottom: 0; width: calc(100% - 40px); justify-content: center; left: 50%; transform: translate(-50%, 100%);}
.product-box:hover figure img.hover-img{ opacity: 1; transform: scale(1);}
.product-box:hover figure img.first-img{ opacity: 0; transform: scale(0.9);}
.product-box:hover .btn-theme{ transform: translate(-50%, 0); bottom: 20px;}
.product-box:hover .top-part::before{ opacity: 0.7;}
.product-box .best-seller{ margin: 0; padding: 5px 10px; border-radius: 4px 0 4px 0; background: linear-gradient(90deg, #CFA76E 0%, #A87833 100%); font-size: 14px; font-weight: 600; color: var(--whiteColor); text-transform: uppercase; display: flex; gap: 6px; position: absolute; top: 0; left: 0;}
.product-box .best-seller i{ display: inline-flex; width: 13px;}
.product-box .off-lbl{ position: absolute; top: 0; right: 0; font-size: 14px; font-weight: 800; color: var(--whiteColor); text-transform: uppercase; border-radius: 0 4px 0 4px; background: #BB5521; padding: 4px 8px;}
.product-box .dtl{ margin: 0; padding: 0; text-align: center;}
.product-box .dtl strong{ margin: 0 0 7px; font-size: 18px; font-weight: 600; color: var(--primaryColor); text-transform: uppercase; display: block;}
.product-box .price-dtl{ margin: 0 0 18px; display: flex; gap: 10px; justify-content: center; font-size: 14px; font-weight: 400; color: #707070;}
.product-box .price-dtl span{ color: var(--primaryColor);}
.product-box .rating-info{ display: flex; gap: 10px; justify-content: center;}
.product-box .count{ font-size: 14px; font-weight: 400; color: var(--primaryColor);}
.product-box .star{ display: flex; gap: 3px;}
.product-box .star i{ display: flex;}

.choose__sec{ margin: 0; padding: 180px 0 30px; position: relative; background: url(../images/choose_bg.jpg) center top no-repeat; background-size: 100% 100%;}
.choose__sec::before{ content: ""; background: linear-gradient(180deg, rgba(77, 33, 20, 0) 0%, #4D2114 100%); width: 100%; height: 310px; position: absolute; left: 0; bottom: 0; z-index: -1;}
.choose__sec .global_title{ margin-bottom: 75px;}
.choose__sec .row{ --bs-gutter-x: 30px;}
.choose-box{ margin: 0; padding: 40px; background: var(--whiteColor); border-radius: 4px; text-align: center; height: 100%; transition: all .4s ease-in-out;}
.choose-box strong{ font-size: 20px; font-weight: 600; color: var(--primaryColor); display: block;}
.choose-box i{ margin: 0 0 30px; padding: 0; display: inline-flex;}
.choose-box i img{ transition: all .4s ease-in-out;}
.choose-box:hover{ background: #F2CF9D; transform: translateY(-10px);}

.energy__sec{ margin: 0; padding: 0; position: relative; min-height: 656px; height: 100%;}
.energy__sec::before{ content: ""; position: absolute; top: 0; left: 0; height: 656px; width: 100%; background: url(../images/energy_bg.png) center top repeat-x; background-size: contain;}
.energy__sec .caption-inn{ margin: 0; padding: 40px 40px 140px; text-align: center; position: absolute; bottom: 0; width: 100%; left: 0;}
.energy__sec i{ display: inline-flex; margin-bottom: 30px; animation: fadeup 4s linear infinite;}
.energy__sec strong{ font-size: 20px; font-weight: 500; color: var(--primaryColor); text-transform: uppercase; display: block;}

.natural__sec{ margin: 0; padding: 140px 0;}
.natural__sec .grid{ display: grid; grid-gap: 20px 80px;}
.natural__sec .grid > div:nth-child(odd) .natural-blk{ margin-top: 70px;}
.natural__sec .global_title{ margin: 30px 0 20px;}
.natural-blk{ margin: 0; padding: 0; text-align: center;}
.natural-blk figure{ margin: 0 0 25px; padding: 0; height: 600px; border-radius: 4px; overflow: hidden; position: relative;}
.natural-blk figure::after{ position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: hsla(0,0%,100%,.3); transform: translate(-50%, -50%) rotate(-45deg); content: ""; z-index: 1;}
.natural-blk:hover figure::after{ height: 250%; transition: all 600ms linear; background-color: rgba(0,0,0,0);}
.natural-blk figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)}
.natural-blk:hover figure img{ transform: scale3d(1.1, 1.1, 1.1)}
.natural-blk h3{ margin: 0 0 10px; padding: 0; font-size: 26px; font-weight: 600; color: var(--primaryColor);}
.natural-blk p{ margin: 0; padding: 0;}

.community__sec{ margin: 0; padding: 150px 10px 0;}
.community__sec .owl-nav{ top: 50%; transform: translateY(-50%); margin: 0; position: absolute; width: 100%; justify-content: space-between; display: flex;}
.community__sec .owl-nav button{ height: 40px; width: 40px; border-radius: 50%; background: var(--whiteColor) !important; position: relative; transition: all .4s ease-in-out; border: none !important;}
.community__sec .owl-nav button:hover{ background: var(--primaryColor) !important;}
.community__sec .owl-nav button::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/readmore-arrow.svg) center center no-repeat; background-size: 100% 100%; height: 16px; width: 16px;}
.community__sec .owl-nav button span{ display: none;}
.community__sec .owl-nav button.owl-prev::before{ transform: translate(-50%,-50%) rotate(180deg);}
.community__sec .owl-nav button.owl-prev{ left: 2%;}
.community__sec .owl-nav button.owl-next{ right: 2%;}
.community__sec .global_title{ margin-bottom: 80px;}
.community-box{ margin: 0; padding: 0; position: relative; height: 590px; border-radius: 4px; overflow: hidden;}
.community-box .thumb{ margin: 0; padding: 0; height: 705px; position: absolute; width: 100%; z-index: 2;}
.community-box .thumb img{ height: 100%; width: 100%; object-fit: cover;}
.community-box .bg-video{ width: 100%; height: 100%; object-fit: cover;}
.community-box .play-btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 78px; width: 78px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(14px); display: flex; justify-content: center; align-items: center; z-index: 3; border: none;}
.community-box .play-btn img{ width: auto;}

.blog__sec{ margin: 0; padding: 140px 0;}
.blog__sec .text-center .btn-theme:hover{ color: var(--primaryColor);}
.blog__sec .title-wrp{ margin: 0 0 70px; text-align: center;}
.blog__sec .title-wrp p{ margin: 0; color: rgba(63, 29, 11, 0.6);}
.blog__sec .global_title{ margin-bottom: 30px;}
.blog__sec .container{ max-width: 1530px;}
.blog-box{ margin: 0; padding: 0; border-radius: 4px; overflow: hidden; border: 1px solid #F2EDE7; background: var(--whiteColor); display: flex; flex-direction: column; transition: all .4s ease-in-out;}
.blog-box figure{ margin: 0; padding: 0; height: 265px; border-radius: 4px 4px 0 0; overflow: hidden;}
.blog-box figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.blog-box .dtl{ margin: 0; padding: 30px;}
.blog-box h3{ margin: 0 0 22px; padding: 0; font-size: 26px; font-weight: 600; color: var(--primaryColor); transition: all .4s ease-in-out;  overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.blog-box p{ margin: 0 0 27px; overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blog-box .readmore{ padding: 34px 0 0; display: flex; gap: 10px; font-size: 14px; font-weight: 700; color: var(--secondaryColor); text-transform: uppercase; border-top: 1px solid #F9F7F7;}
.blog-box .readmore i{ width: 16px; transition: all .4s ease-in-out; display: flex;}
.blog__sec .btn-theme{ margin-top: 60px;}
.blog-box:hover{ box-shadow: rgba(0,0,0,.1) 0px 0 20px;}
.blog-box:hover h3{ color: var(--secondaryColor);}
.blog__sec .grid{ display: grid; grid-gap: 26px;}
.blog-box:hover .readmore i{ transform: translateX(-5px);}
.blog-box:hover figure img{ transform: scale3d(1.1, 1.1, 1.1);}

.bring__sec{ margin: 0; padding: 0; background: #F9F2ED; position: relative;}
.bring__sec .lft-img{ min-height: 800px;}
.bring__sec .lft-img figure{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 100%; min-height: 800px; width: 50vw;}
.bring__sec .lft-img figure img{ height: 100%; width: 100%; object-fit: cover;}
.bring__sec .right-part{ margin: 0; padding: 0 0 0 60px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.bring__sec .right-part .global_title{ margin-bottom: 40px;}
.bring__sec .right-part p{ margin: 0 0 140px;}
.bring__sec .right-part .curve{ position: absolute; bottom: 0; right: 0; z-index: -1;}
.bring__sec .global_title strong{ color: #A56745;}
.bring-product{ margin: 0; padding: 0; max-width: 160px;}
.bring-product figure{ margin: 0 0 40px; padding: 0; height: 140px; width: 125px;}
.bring-product figure img{ height: 100%; width: 100%; object-fit: cover;}
.bring-product .dtl h3{ margin: 0 0 10px; padding: 0; font-size: 14px; font-weight: 600; color: var(--primaryColor); font-family: var(--bodyFont);}
.bring-product .dtl .price{ font-size: 14px; font-weight: 400; color: #A0A0A0; display: flex; gap: 7px;}
.bring-product .dtl .price span{ color: var(--primaryColor);}
.bring__sec .right-part .btn-theme:hover{ color: var(--primaryColor);}

.powered__sec{ margin: 0; padding: 0; overflow: hidden; position: relative; background: var(--whiteColor);}
.powered__sec .left-img{ margin: 0; min-height: 923px;}
.powered__sec .right-dtl .global_title{ margin-bottom: 95px;}
.powered__sec .left-img figure{ margin: 0; padding: 0; min-height: 923px; position: absolute; left: 0; top: 0; width: 50vw; height: 100%;}
.powered__sec .left-img figure::before{ content: ""; position: absolute; bottom: 0; left: 0; height: 150px; width: 100%; background: linear-gradient(180deg, rgba(9, 1, 0, 0) 0%, #090100 100%); }
.powered__sec .left-img figure img{ height: 100%; width: 100%; object-fit: cover;}
.powered__sec .right-dtl{ padding: 40px 48px 40px 120px; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.powered__sec .right-dtl .row{--bs-gutter-y: 50px; --bs-gutter-x: 20px;}
.powered-item{ padding: 0; margin: 0; display: flex; align-items: center; gap: 20px;}
.powered-item figure{ margin: 0; padding: 0; height: 70px; width: 70px; min-width: 70px; border-radius: 4px; overflow: hidden; transition: all .4s ease-in-out;}
.powered-item figure img{ height: 100%; width: 100%; object-fit: cover;}
.powered-item:hover figure{ border-radius: 50%;}
.powered-item:hover h3{ color: var(--secondaryColor);}
.powered-item h3{ margin: 0 0 6px; padding: 0; font-size: 22px; font-weight: 600; color: var(--primaryColor); transition: all .4s ease-in-out;}
.powered-item p{ margin: 0;}

.trusted__sec{ margin: 0; padding: 140px 0;}
.trusted__sec .container{ max-width: 1145px;}
.trusted-labels{ margin: 0 0 55px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 14px; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap;}
.trusted-labels .label{ margin: 0; padding: 5px 15px; background: #EFEBEA; border-radius: 60px; font-size: 20px; font-weight: 400; color: var(--primaryColor); font-family: var(--titleFont); transition: all .4s ease-in-out;}
.trusted-labels .label:hover{ background: var(--primaryColor); color: #EFEBEA;}
.trusted__sec .global_title{ margin-bottom: 40px;}
.trusted__sec .row{ --bs-gutter-x: 20px;}
.trusted-bx{ margin: 0; padding: 50px 40px 40px; border-radius: 4px; background: var(--whiteColor); height: 100%; transition: all .4s ease-in-out; border-bottom: 4px solid var(--whiteColor);}
.trusted-bx i{ margin: 0 auto 30px; display: flex; height: 100px; width: 100px;}
.trusted-bx i img{ height: 100%; width: 100%; object-fit: cover; opacity: 0.8;}
.trusted-bx .dtl{ margin: 0; padding: 0; text-align: center;}
.trusted-bx .dtl p{ margin: 0; padding: 0; font-size: 16px; font-weight: 500; color: rgba(63, 29, 11, 0.7); text-transform: uppercase; line-height: 21px; transition: all .4s ease-in-out;}
.trusted-bx:hover .dtl p{ color: var(--primaryColor);}
.trusted-bx:hover{ box-shadow: rgba(0,0,0,.1) 0px 0 20px; border-color: var(--primaryColor); transform: translateY(-10px);}

.private__sec{ margin: 0; padding: 0; position: relative; background: var(--whiteColor);}
.private__sec .left-dtl{ margin: 0; padding: 40px 150px 40px 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.private__sec .left-dtl .global_title{ margin-bottom: 40px;}
.private__sec .left-dtl p{ margin-bottom: 50px;}
.private__sec .left-dtl .row{ --bs-gutter-x: 24px; --bs-gutter-y: 24px;}
.private-box{ margin: 0; padding: 30px 25px 25px; position: relative; border: 1px solid rgba(103, 62, 15, 0.2); overflow: hidden; height: 100%; transition: all .4s ease-in-out;}
.private-box i{margin-bottom: 35px; display: flex; height: 40px; width: 40px;}
.private-box i img{ transition: all .4s ease-in-out;}
.private-box .dtl h3{ margin: 0; padding: 0; font-size: 22px; font-weight: 400; color: var(--primaryColor); transition: all .4s ease-in-out;}
.private-box .curve{ position: absolute; top: -20px; right: 15px;}
.private-box .curve img{ transition: all .4s ease-in-out;}
.private__sec .right-img{ margin: 0; min-height: 923px;}
.private__sec .right-img figure{ margin: 0; padding: 0; height: 100%; min-height: 923px; position: absolute; right: 0; top: 0; width: 50vw;}
.private__sec .right-img figure::before{ content: ""; position: absolute; bottom: 0; left: 0; height: 150px; width: 100%; background: linear-gradient(180deg, rgba(9, 1, 0, 0) 0%, #090100 100%); }
.private__sec .right-img figure img{ height: 100%; width: 100%; object-fit: cover;}
.private-box:hover{ background: var(--primaryColor);}
.private-box:hover .curve img, .private-box:hover i img{ filter: brightness(0) invert(1);}
.private-box:hover .dtl h3{ color: var(--whiteColor);}

.platforms__sec{ margin: 0; padding: 120px 0 0 0; background: #F9F7F7 url(../images/platforms_bg.jpg) center bottom no-repeat; background-size: 100% auto;}
.platforms__sec .text{ margin: 0; padding: 0; font-size: 66px; font-weight: 400; color: rgba(63, 29, 11, 0.3); font-family: var(--bodyFont); text-transform: uppercase; letter-spacing: 14px; display: inline-flex; line-height: normal;}
.platforms__sec .text span{ display: block; white-space: nowrap;}
.platforms__sec .text::before{ content: ""; height: 22px; width: 22px; border-radius: 50%; background: var(--secondaryColor); display: flex; margin: 29px 62px 0 0;}
.platforms__sec .orderSlider .swiper-wrapper{ transition-timing-function: linear !important;}
.platforms__sec .platforms-in{ margin: 0; padding: 120px 0 0; position: relative; min-height: 1000px;}
.orderSlider .swiper-slide{ width: auto;}
.platforms__sec .platforms-in .title{ margin: 0; position: absolute; top: 36%; transform: translateX(-50%); left: 50%;}
.platforms__sec .platforms-in .title .global_title{ margin-bottom: 0;}
.platforms__sec .platforms-in .logos{ position: absolute; background: var(--whiteColor); height: 124px; width: 245px; display: flex; justify-content: center; align-items: center; transition: all .4s ease-in-out; border: 1px solid var(--whiteColor); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.platforms__sec .platforms-in .logos:hover{ border-color: var(--primaryColor);}
.platforms__sec .platforms-in .logos img{ max-height: 50px; max-width: 150px;}
.platforms__sec .logo-wrp{ position: absolute; top: 36%; transform: translateX(-50%); left: 50%;}
.platforms__sec .platforms-in .logo1{ transform: translateX(-100%); top: -90px; left: -350px;}
.platforms__sec .platforms-in .logo2{ transform: translate(-100%,-100%); top: -100px; left: -58px;}
.platforms__sec .platforms-in .logo3{ transform: translate(100%,-100%); top: -100px; right: -20px;}
.platforms__sec .platforms-in .logo4{ transform: translateX(100%); top: -90px; right: -350px;}
.platforms__sec .platforms-in .logo5{ transform: translate(100%,100%); bottom: -150px; right: -350px;}
.platforms__sec .platforms-in .logo6{ transform: translate(-50%,100%); bottom: -240px;}
.platforms__sec .platforms-in .logo7{ transform: translate(-100%,100%); bottom: -150px; left: -350px;}

.stories__sec{ margin: 0; padding: 140px 0; background: var(--whiteColor);}
.stories__sec .global_title{ margin-bottom: 80px;}
.stories__sec .swiper-wrapper{ transition-timing-function: linear !important;}
.stories-bx{ margin: 0; padding: 50px 40px; position: relative; background: #4D2114; min-height: 470px; display: flex; flex-direction: column; overflow: hidden; border-radius: 4px; min-width: 485px; max-width: 485px; height: 100%;}
.stories-bx .review{ margin: 0; display: flex; align-items: center; gap: 10px;}
.stories-bx .top-review{ margin: 0 0 38px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
.stories-bx .review-ic{ width: 34px;}
.stories-bx .review .stars{ display: flex; align-items: center; gap: 3px;}
.stories-bx .review p{ margin: 0; font-size: 18px; font-weight: 400; color: var(--whiteColor);}
.stories-bx .review .stars i{ display: flex;}
.stories-bx .review .stars img{ height: 25px; width: 25px;}
.stories-bx .dtl{ margin: 0; padding: 0; overflow-y: auto; height: 220px; scrollbar-color: rgba(255, 255, 255, 0.2) transparent; scrollbar-width: thin;}
.stories-bx .dtl p{ font-size: 18px; font-weight: 500; color: var(--whiteColor); line-height: 1.63; font-style: italic; }
.stories-bx .intro{ margin-top: auto; display: flex; align-items: center; gap: 15px;}
.stories-bx .intro figure{ margin: 0; height: 60px; width: 60px; min-width: 60px;}
.stories-bx .intro figure img{ height: 100%; width: 100%; object-fit: contain;}
.stories-bx .intro .intro-dtl h3{ margin: 0 0 3px; font-size: 22px; font-weight: 600; color: var(--secondaryColor);}
.stories-bx .intro .intro-dtl p{ margin: 0; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.8);}
.stories-bx .curve{ position: absolute; top: 0; right: -30px;}
.stories__sec .splide__arrows{ position: absolute; bottom: -60px; gap: 20px; justify-content: center; display: none; width: 100%; transform: translateY(100%);}
.stories__sec button{ height: 56px; width: 56px; border-radius: 50%; border: 1px solid var(--primaryColor) !important; position: relative; transition: all .4s ease-in-out; left: 0; top: 0; transform: none; background: transparent;}
.stories__sec button:hover{ background: var(--primaryColor) !important;}
.stories__sec button:hover::before{ filter: brightness(0) invert(1);}
.stories__sec button::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/arrow-right.svg) center center no-repeat; background-size: 100% 100%; height: 14px; width: 26px; transition: all .4s ease-in-out;}
.stories__sec button svg{ display: none;}
.stories__sec .splide__arrow--prev::before{ transform: translate(-50%,-50%) rotate(180deg);}


/* =======Product-Details-v2====== */
.header-relative .header__sec{ background: #4D2114;}
.header-relative .header__sec .navbar{ padding: 20px 0 30px;}
.header-relative{ padding: 157px 0 0;}
.header-relative .header__sec.sticky .navbar{ padding: 12px 0;}

.ingredients__sec{ margin: 0; padding: 140px 0 120px; background: var(--whiteColor);}
.ingredients__sec .row{ --bs-gutter-x: 70px; --bs-gutter-y: 70px;} 
.ingredients__sec .global_title{ margin-bottom: 95px;}
.ingredients__sec .ingredient-box{ margin: 0; padding: 0;}
.ingredients__sec .ingredient-box figure{ margin: 0 0 30px; height: 375px; border-radius: 4px; overflow: hidden;}
.ingredients__sec .ingredient-box figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.ingredients__sec .ingredient-box figure:hover img{ transform: scale3d(1.1, 1.1, 1.1);}
.ingredients__sec .ingredient-box .dtl h3{ margin: 0; text-align: center; font-size: 26px; font-weight: 600; color: var(--primaryColor); transition: all .4s ease-in-out;}
.ingredients__sec .ingredient-box:hover .dtl h3{ color: var(--secondaryColor);}

.faq__sec{ margin: 0; padding: 120px 0;}
.faq__sec .global_title{ margin-bottom: 60px;}
.faq__sec .faq-in{ margin: 0 auto; max-width: 1097px; width: 100%;}
.faq__sec .accordion .accordion-item{ margin: 0; padding: 0; border-radius: 0; box-shadow: none; background: transparent; border-bottom: 1px solid #F0E7DC; border-left: none; border-right: none; border-top: none;}
.faq__sec .accordion .accordion-item:last-child{ margin: 0; border: none;}
.faq__sec .accordion .accordion-item .accordion-header{ margin: 0; padding: 0; font-size: 16px; color: var(--primaryColor); font-weight: 600; font-family: var(--titleFont);}
.faq__sec .accordion-button{ margin: 0; padding: 30px 0; background: transparent; border-radius: 0; box-shadow: none; border: none; font-size: 16px; color: var(--primaryColor); font-weight: 600; font-family: var(--titleFont); border-radius: 0; line-height: 30px;}
.faq__sec .accordion-button:not(.collapsed){ background: none; box-shadow: none; border-radius: 0; padding-bottom: 20px;}
.faq__sec .accordion-button:focus{ box-shadow: none; border: none;}
.faq__sec .accordion-button::after{ background: url(../images/plus_ic.svg) center center no-repeat; background-size: 100% 100%; height: 12px; width: 12px;}
.faq__sec .accordion-button:not(.collapsed)::after{ background: url(../images/minus_ic.svg) center center no-repeat; background-size: 100% 100%; height: 1px; width: 12px;}
.faq__sec .accordion .accordion-item .accordion-body{ margin: 0; padding: 0 0 30px;}
.faq__sec .accordion .accordion-item .accordion-body p{ margin: 0;}

.owl-nav{ margin: 45px 0 0; display: flex; align-items: center; justify-content: center; gap: 20px;}
.owl-nav button{ height: 55px; width: 55px; border-radius: 50%; position: relative; border: 1px solid var(--primaryColor) !important; display: flex; align-items: center; justify-content: center;}
.owl-nav .owl-prev::before{ content: ""; position: absolute; top: 50%; left: 50%; background: url(../images/arrow-left.svg) center center no-repeat; background-size: 100% 100%; height: 13px; width: 26px; transform: translate(-50%,-50%); transition: all .4s ease-in-out;}
.owl-nav .owl-next::before{ content: ""; position: absolute; top: 50%; left: 50%; background: url(../images/arrow-right.svg) center center no-repeat; background-size: 100% 100%; height: 13px; width: 26px; transform: translate(-50%,-50%); transition: all .4s ease-in-out;}
.owl-nav button span{display: none;}
.owl-nav button:hover{ background: var(--primaryColor) !important;}
.owl-nav button:hover::before{ filter: brightness(0) invert(1) !important;}

.favorite__sec{ margin: 0; padding: 130px 0; background: #F9F7F7;}
.favorite__sec .global_title{ margin-bottom: 60px;}
.favorite__sec .favorite-slider{ margin: 0 auto; max-width: 1506px; width: 100%; pointer-events: none;}
.favorite__sec .brand-logo{ padding: 15px; display: flex; align-items: center; justify-content: center; height: 105px; min-width: 215px; background: var(--whiteColor);}
.favorite__sec .brand-logo img{ height: 36px;}
.favorite__sec .swiper-wrapper{ transition-timing-function: linear !important;}

.inner__banner{ margin: 0; padding: 0 0 581px; position: relative; background: var(--whiteColor);}
.inner__banner::before{ content: ""; position: absolute; background: url('../images/banner-curve.png') center top repeat-x; background-size: contain; height: 581px; width: 100%; bottom: 0; left: 0; z-index: 1;}
.inner__banner .banner-in{ margin: 0; padding: 0; position: relative;}
.inner__banner .banner-in::before{ content: ""; position: absolute; background: linear-gradient(180deg, rgba(77, 33, 20, 0) 0%, #4D2114 100%); bottom: 0; left: 0; width: 100%; height: 177px; z-index: 0;}
.inner__banner .banner-in::after{ content: ""; position: absolute; background: linear-gradient(0deg, rgba(77, 33, 20, 0) 0%, #4D2114 100%); top: 0; left: 0; width: 100%; height: 271px; z-index: 0;}
.inner__banner .bg{ height: 372px; width: 100%; object-fit: cover;}
.inner__banner .inner_cap{ position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 1;}
.inner__banner .cap_dtl{ text-align: center;}
.inner__banner .global_title{ margin-bottom: 35px; font-size: 86px; color: var(--whiteColor);}
.inner__banner p{ margin: 0 auto; max-width: 542px; width: 100%; text-align: center;}


.foundation__sec{ margin: 0; padding: 0; background: var(--whiteColor);}
.foundation__sec .foundation-in:first-of-type{ padding-top: 0;}
.foundation__sec .foundation-in{ margin: 0; padding: 130px 0; background: transparent;}
.foundation__sec .foundation-in:nth-child(even) .right-img{ margin: 0; padding: 0 113px 0 0;}
.foundation__sec .foundation-in:nth-child(even){background: #F9F7F7;}
.foundation__sec .foundation-in:nth-child(even) .row{ flex-direction: row-reverse;}
.foundation__sec .container{ max-width: 1440px;}
.foundation__sec .dtl{ margin: 0; padding: 0; display: flex; flex-direction: column; height: 100%; justify-content: center;}
.foundation__sec .dtl .global_title{ margin: 0 0 45px;}
.foundation__sec .dtl h3{ margin: 0 0 24px; font-size: 20px; font-weight: 600; color: var(--primaryColor); line-height: 30px;}
.foundation__sec .dtl .desc{ margin: 0; width: 100%;}
.foundation__sec .dtl .desc p{ margin: 0 0 20px;}
.foundation__sec .dtl .desc p:last-of-type{ margin: 0;}
.foundation__sec .right-img { margin: 0; padding: 0 0 0 113px;}

.foundation__sec .right-img figure{ margin: 0; height: 595px; border-radius: 4px; overflow: hidden;}
.foundation__sec .right-img img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.foundation__sec .foundation-in:hover figure img{ transform: scale3d(1.1, 1.1, 1.1);}


.product-dtl{ margin: 0; padding: 60px 0 20px; background: var(--whiteColor);}
.product-dtl .container{ max-width: 1420px;}
.product-dtl .right-dtl{ margin: 0; padding: 0 0 0 30px;}
.product-dtl .right-dtl .sell-label{ margin: 0 0 40px; padding: 5px 10px; display: inline-flex; gap: 6px; align-items: center; background: linear-gradient(90deg, #CFA76E 0%, #A87833 100%); border-radius: 4px; font-size: 14px; font-weight: 600; color: var(--whiteColor);}
.product-dtl .right-dtl .sell-label i{ display: flex; min-width: 14px; width: 14px;}
.product-dtl .right-dtl h1{ margin: 0 0 40px; font-size: 30px; font-weight: 600; color: var(--primaryColor); font-family: var(--bodyFont); text-transform: uppercase; line-height: 1.4;}
.product-dtl .right-dtl .review-dtl{ margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid #F0E7DC; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.product-dtl .right-dtl .price-dtl{ display: flex; align-items: center; gap: 12px;}
.product-dtl .right-dtl .price-dtl .price{ margin: 0; display: flex; align-items: center; font-size: 20px; font-weight: 400; color: var(--primaryColor);}
.product-dtl .right-dtl .price-dtl .price del{ color: #707070; margin: 0;}
.product-dtl .right-dtl .price-dtl .price del::before{ content: "|"; display: inline-block; margin: 0 12px; font-size: 20px; font-weight: 400; color: #707070;}
.product-dtl .right-dtl .off{ margin: 0; padding: 5px 8px; background: #BB5521; font-size: 14px; font-weight: 800; color: var(--whiteColor); border-radius: 4px;}
.product-dtl .right-dtl .star-rating{ margin: 0; padding: 0; display: flex; align-items: center; gap: 10px;}
.product-dtl .right-dtl .star{ margin: 0; padding: 0; display: flex; align-items: center; gap: 2px;}
.product-dtl .right-dtl .star-rating i{ display: flex; min-width: 20px; width: 20px;}
.product-dtl .right-dtl .star-rating i img{ height: 100%; width: 100%; object-fit: cover;}
.product-dtl .right-dtl .star-rating span{ display: inline-block; font-size: 14px; font-weight: 600; color: var(--primaryColor);}
.product-dtl .right-dtl .star-rating a{ font-size: 14px; font-weight: 400; color: var(--primaryColor); text-decoration: underline;}
.product-dtl .right-dtl .star-rating a:hover{ color: var(--secondaryColor);}
.product-dtl .right-dtl h3{ margin: 0 0 20px; font-size: 16px; font-weight: 600; color: var(--primaryColor);}

.product-dtl .serving-dtl{ margin: 0 0 40px; padding: 0;}
.product-dtl .serving-dtl .row{ --bs-gutter-x: 13px; --bs-gutter-y: 13px;}
.product-dtl .form-check{ margin: 0; padding: 0;}
.product-dtl .form-check .btn-check{ display: none;}
.product-dtl .form-check .pack-box{display: block; padding: 14px 30px; text-align: center; border: 1px solid #D9D9D9; border-radius: 4px; cursor: pointer; background: var(--whiteColor); transition: all 0.3s ease; font-size: 14px; font-weight: 700; color: #403A3A;}
.product-dtl .form-check .btn-check:checked + .pack-box{border-color: var(--primaryColor); background: rgba(63, 29, 11, 0.05);}

.product-dtl .qty-dtl{ margin: 0 0 40px; padding: 0; display: flex; align-items: center; gap: 20px;}
.product-dtl .qty-dtl label{ margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: var(--primaryColor); font-family: var(--titleFont);}
.product-dtl .qty-dtl .input-group{ border-radius: 4px; border: 1px solid #D9D9D9; display: flex; padding: 0 16px; align-items: center; width: auto; background: rgba(140, 127, 118, 0.05); transition: all .4s ease-in-out;}
.product-dtl .qty-dtl .input-group:hover{ border-color: var(--primaryColor);}
.product-dtl .qty-dtl span{ font-size: 16px; font-weight: 500; color: #000;}
.product-dtl .qty-dtl .input-group .form-control{padding: 0 8px; font-size: 14px; width: 70px; text-align: center; font-weight: 700; color: #403A3A; height: 40px; border: none; border-radius: 0; background: rgba(0,0,0,0);}
.product-dtl .qty-dtl .input-group .btn { border: none; font-size: 22px; font-weight: 400; color: #2D1717; padding: 0;}

.product-dtl .btn-group{ margin: 0 0 40px; display: flex; align-items: center; gap: 20px;}
.product-dtl .btn-theme.white{ border-color: var(--primaryColor); }
.product-dtl .btn-theme.white:hover{ color: var(--whiteColor);}
.product-dtl .btn-theme{ width: 50%; justify-content: center; align-items: center; min-height: 60px; border-radius: 4px;}
.product-dtl .btn-theme:hover{ color: var(--primaryColor);}

.product-dtl .prod-info{ padding: 0; margin: 0 0 30px; border-top: 1px solid #F0E7DC;}
.prod-info .accordion .accordion-item{ margin: 0; padding: 0; border-radius: 0; box-shadow: none; background: transparent; border-bottom: 1px solid #F0E7DC; border-left: none; border-right: none; border-top: none;}
.prod-info .accordion .accordion-item:last-child{ margin: 0;}
.prod-info .accordion .accordion-item .accordion-header{ margin: 0; padding: 0; font-size: 16px; color: var(--primaryColor); font-weight: 600; font-family: var(--titleFont);}
.prod-info .accordion-button{ margin: 0; padding: 30px 0; background: transparent; border-radius: 0; box-shadow: none; border: none; font-size: 16px; color: var(--primaryColor); font-weight: 600; font-family: var(--titleFont); border-radius: 0; line-height: 30px;}
.prod-info .accordion-button:not(.collapsed){ background: none; box-shadow: none; border-radius: 0;}
.prod-info .accordion-button:focus{ box-shadow: none; border: none;}
.prod-info .accordion-button::after{ background: url(../images/plus_ic.svg) center center no-repeat; background-size: 100% 100%; height: 12px; width: 12px;}
.prod-info .accordion-button:not(.collapsed)::after{ background: url(../images/minus_ic.svg) center center no-repeat; background-size: 100% 100%; height: 1px; width: 12px;}
.prod-info .accordion .accordion-item .accordion-body{ margin: 0; padding: 0 0 15px;}
.prod-info .accordion .accordion-item .accordion-body p{ /*margin: 0;*/}
.prod-info .accordion .accordion-item .accordion-body h3{ margin: 0 0 12px; font-size: 16px; font-weight: 600; color: var(--secondaryColor);}

.product-dtl .exchange-dtl{ margin: 0 0 40px; padding: 0; display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 600; color: var(--primaryColor); font-family: var(--titleFont);}
.product-dtl .exchange-dtl i{display: flex; min-width: 26px; width: 26px;}

.safety-info{ margin: 0 0 40px; padding: 35px 20px 20px; background: #F2ECEC;}
.safety-info .grid{ display: grid; grid-gap: 10px;}
.safety-info .global_title{ font-size: 28px; margin-bottom: 20px;}
.safety-info .safety-box{ margin: 0; padding: 22px 25px; background: var(--whiteColor); height: 100%; border-bottom: 2px solid var(--whiteColor); transition: all .4s ease-in-out;}
.safety-info .safety-box:hover{ box-shadow: rgba(0,0,0,.1) 0px 0 20px; border-color: var(--primaryColor); transform: translateY(-5px);}
.safety-info .safety-box figure{ margin: 0 auto 20px; padding: 0; height: 55px; width: 55px;}
.safety-info .safety-box figure img{ height: 100%; width: 100%; object-fit: cover; opacity: 0.8;}
.safety-info .safety-box .dtl{ margin: 0; padding: 0; text-align: center;}
.safety-info .safety-box p { margin: 0; padding: 0; font-size: 10px; font-weight: 500; color: rgba(63, 29, 11, 0.7); text-transform: uppercase; line-height: 15px; transition: all .4s ease-in-out; }

.private-dtl{ margin: 0; padding: 0;}
.product-dtl .right-dtl .private-dtl h3{ margin: 0 0 24px; padding: 0; font-size: 22px; font-weight: 600; color: var(--primaryColor);}
.private-dtl .grid{ display: grid; grid-gap: 12px;}
.private-dtl .private-box{padding: 22px 15px;}
.private-dtl .private-box:hover h4{ color: var(--whiteColor) !important;}
.private-dtl .private-box i{ margin: 0 auto 16px;  height: 30px; width: 30px;}
.private-dtl .private-box .dtl{ text-align: center;} 
.private-dtl .private-box .dtl h4{ margin: 0; font-size: 16px; font-weight: 400; font-family: var(--titleFont); color: var(--primaryColor); transition: all .4s ease-in-out;}  

/* ===========Contact Page============= */
.contact__sec{ margin: 0; padding: 0 0 130px; background: var(--whiteColor);}
.contact__sec .container{ max-width: 1370px;}
.contact__sec .dtl{ margin: 0; padding: 0;}
.contact__sec .dtl .global_title{ margin-bottom: 130px;}
.contact__sec .dtl span{ display: inline-flex; margin: 0 0 30px; font-size: 16px; font-weight: 400; font-family: var(--titleFont); color: var(--primaryColor);}
.contact__sec .dtl .add-info p{ margin: 0 0 14px; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 400; color: var(--primaryColor); line-height: normal; text-transform: uppercase;}
.contact__sec .dtl .add-info p:first-of-type{ align-items: start;}
.contact__sec .dtl .add-info p i{ display: inline-flex; min-width: 20px; width: 20px; height: 20px;}
.contact__sec .dtl .add-info p a{  color: var(--primaryColor); transition: all .4s ease-in-out;}
.contact__sec .dtl .add-info p a:hover{ color: var(--secondaryColor);}
.contact__sec .right-part{ margin: 0; padding: 0 0 0 80px;}
.contact__sec .right-part h3{ margin: 0 0 25px; font-size: 20px; font-weight: 600; color: var(--primaryColor);}
.contact__sec .right-part .row{ --bs-gutter-x: 16px; --bs-gutter-y: 16px;}
.contact__sec .right-part .btn-theme{ border-radius: 4px;}
.contact__sec .right-part .btn-theme:hover{ color: var(--primaryColor);}
.contact__sec .form-group{ margin: 0; padding: 0;}
.contact__sec .form-group .input-group{ margin: 0; padding: 0;}
.contact__sec .form-group .input-group .form-control{ margin: 0; padding: 0 20px; height: 60px; border-radius: 4px; border: 1px solid rgba(63, 29, 11, 0.1); background: var(--whiteColor); font-size: 16px; font-weight: 400; color: var(--primaryColor);}
.contact__sec .form-group .input-group .form-control::placeholder{ color: #796154; font-size: 16px; font-weight: 400;}
.contact__sec .form-group .input-group .form-control:focus{ border-color: rgba(63, 29, 11, 1); box-shadow: none;}
.contact__sec .form-group .input-group textarea.form-control{ margin: 0 0 15px; height: 128px; padding-top: 20px; padding-bottom: 20px; resize: none;}


.matters__sec{ margin: 0; padding: 120px 0;}
.matters__sec .global_title{ margin-bottom: 42px;}
.matters__sec .scroll-wrp{ margin: 0; padding: 0;}
.matters__sec .grid{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;}
.matters__sec .container{ max-width: 1370px;}
.matters__sec strong{ font-family: var(--titleFont);}
.matters__sec .choose-box{ box-shadow: 0 0 10px rgba(0,0,0,0.02);}

.productlist__sec{ padding: 60px 0 70px; background: var(--whiteColor); z-index: unset;}
.productlist__sec .global_title{ margin-bottom: 60px;}
.productlist__sec .productlist_block{ background: var(--whiteColor);}
.productlist__sec .productlist_block .row{ --bs-gutter-x: 73px; --bs-gutter-y: 70px;}
.productlist__sec .filter_block{ margin: 0; padding: 0; background: #F9F7F7;}
.productlist__sec .product-grid{ padding-top: 70px; display: flex;}
.productlist__sec .filter_block .filter-inn{ margin: 0; padding: 22px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.productlist__sec .filter_block .filter-inn h3{ margin: 0; font-size: 30px; font-weight: 400; color: var(--primaryColor);}
.productlist__sec .filter_block .filter-inn h3 span{ font-weight: 700;}
.productlist__sec .filter_block .filter-btn{ display: flex; align-items: center; gap: 7px; cursor: pointer; font-size: 20px; font-weight: 500; color: var(--primaryColor); margin: 0; background: transparent; border: none; border-radius: 0;}
.productlist__sec .filter_block .sort-block{ margin: 0; padding: 0;}
.productlist__sec .filter_block .sort-block .sort-dropdown{ margin: 0; max-width: 140px; min-width: 140px; padding: 0; border: none; background: transparent; font-size: 20px; font-weight: 500; color: var(--primaryColor); }
.productlist__sec .filter_block .sort-block .sort-dropdown .select2{ width: 100% !important;}
.community__sec.prod{ padding: 70px 0 10px; background: var(--whiteColor);}
.productlist__sec .select2-container--default .select2-selection--single .select2-selection__rendered{ color: var(--primaryColor); padding-right: 30px; text-align: end;}
.select2-search--dropdown{ display: none !important;}
.select2-container--default .select2-results__option--selected{ background: var(--primaryColor) !important; color: var(--whiteColor) !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background-color: var(--secondaryColor) !important; color: var(--blackColor) !important;}
.select2-results ul li{ font-size: 16px;}
.select2-container--open .select2-dropdown--below{ border-radius: 4px !important; overflow: hidden;}

.productlist__sec .select2-container--default .select2-selection--single{ border: none !important; background: transparent !important; border-radius: 0; height: auto; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ display: none !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 27px;}
.select2-container--default .select2-selection--single .select2-selection__arrow::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 9px; width: 15px; background: url(../images/downarrow_ic.svg) no-repeat center center; background-size: 100% 100%;}
.productlist__sec .shop-wrapper .filters-panel{ display: none;}
.productlist__sec .shop-wrapper.filters-open .filters-panel{ display: block;}

/* .productlist__sec .productlist_block .btn-close{ --bs-btn-close-bg: url("../images/filter-close_ic.svg");} */
.productlist__sec .productlist_block .offcanvas.offcanvas-start{ width: 500px;}
.productlist__sec .productlist_block .offcanvas-title{ margin: 0; padding: 0; font-size: 30px; font-weight: 500; color: var(--primaryColor);}  
.productlist__sec .productlist_block .offcanvas-header{ padding: 35px 50px; border-bottom: 1px solid rgba(103, 62, 15, 0.2);}
.productlist__sec .productlist_block .offcanvas-body{ padding: 35px 50px;}
.productlist__sec .btn-close{ opacity: 1;}
.productlist__sec .accordion-item:last-of-type > .accordion-header .accordion-button, .productlist__sec .accordion-item:first-of-type > .accordion-header .accordion-button{ border-radius: 0;}
.productlist__sec .accordion-item:last-of-type, .productlist__sec .accordion-item:first-of-type{ border-radius: 0;}
.productlist__sec .accordion-item{ margin: 0 0 35px; padding: 0 0 10px; background: transparent; border: none; border-bottom: 1px solid rgba(103, 62, 15, 0.2);}
.productlist__sec .accordion-item .accordion-button{ padding: 0; background: transparent; box-shadow: none; font-size: 22px; font-weight: 600; color: var(--primaryColor);}
.productlist__sec .accordion-item .accordion-button::after{ background: url(../images/drop-arrow.svg) center center no-repeat; background-size: 100% 100%; width: 12px; height: 7px; transform: rotate(180deg);}
.productlist__sec .accordion-item .accordion-button:not(.collapsed)::after{ transform: rotate(0);}
.productlist__sec .accordion-item .accordion-body{ padding: 25px 0;}
.productlist__sec .accordion-item .accordion-body .form-check{ margin-bottom: 15px; padding: 0;}
.productlist__sec .accordion-item .accordion-body .form-check:last-of-type{ margin-bottom: 0;}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-label{ font-size: 16px; font-weight: 400; color: var(--primaryColor);}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-input:checked{ background-color: var(--primaryColor); border-color: var(--primaryColor);}
.productlist__sec .accordion-item .accordion-body .form-check .form-check-input{ margin: 5px 12px 0 0;}

.range .noUi-base{ max-width: calc( 100% - 30px ); margin: 0 auto;}
.range .noUi-connects{ border-radius: 0;}
.range .noUi-horizontal .noUi-handle{ height: 15px; width: 15px; border-radius: 50%; background: var(--whiteColor); border: 4px solid var(--secondaryColor); top: -4px; right: 0}
.range .noUi-horizontal .noUi-handle.noUi-handle-upper{ right: -15px;}
.range .noUi-horizontal .noUi-handle::before, .range .noUi-horizontal .noUi-handle::after{ display: none}
.range .noUi-connect{ background: var(--secondaryColor);}
.range .noUi-target{ border-radius: 22px; height: 6px; background: #D9D9D9; border: none;}
.range .number{ margin: 30px 0 0; display: flex; justify-content: space-between; width: 100%; align-items: center;}
.range .number span{ display: block; font-size: 15px; font-weight: 500; color: var(--primaryColor);}
.range .number input{ width: 66px; font-size: 16px; font-weight: 500; color: var(--primaryColor); text-align: end; padding: 0; border: none; background: transparent;}
.range .number input[type=number]{ -moz-appearance: textfield}
.range .number .count{ width: 150px; padding: 2px 10px; border-radius: 5px; border: 1px solid rgba(103, 62, 15, 0.2); display: flex; gap: 10px; justify-content: space-between;}
.range .to{ font-size: 16px; font-weight: 600; color: var(--primaryColor);}

.error__sec{ padding: 130px 0; display: flex; justify-content: center; align-items: center; height: 100%; min-height: 450px;}
.error__sec .dtl{ margin: 0; padding: 0; text-align: center;}
.error__sec .dtl h1{ font-size: 290px; margin-bottom: 0px; line-height: 1;}
.error__sec .dtl h1 span{ color: var(--secondaryColor);}
.error__sec .dtl h3{ margin-bottom: 30px; color: var(--primaryColor); font-size: 60px; font-weight: 600;}
.error__sec .dtl p{ margin-bottom: 30px;}
.error__sec .dtl .btn-theme:hover{ color: var(--primaryColor);}

.privacy_sec{ margin: 0; padding: 120px 0;}
.privacy_sec .dtl{ margin: 0; padding: 0;}
.privacy_sec .global_title{ margin-bottom: 30px;}
.privacy_sec .dtl h3{ margin-bottom: 15px; color: var(--primaryColor); font-size: 25px; font-weight: 600;}




body.offcanvas-open{ overflow: hidden; height: 100vh;}

.coming{ width: 100%; text-align: center;}
.coming img{ width: 100%; }