/** Shopify CDN: Minification failed

Line 169:126 Unexpected "/"

**/
* { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none !important;  font-family: "Poppins", serif !important;  color: #000; }
.container { max-width: 1640px;/*max-height:700px*/; margin: 0 auto; padding: 0 25px; }
.py-120 { padding: 120px 0 !important; }
.pb-120 { padding: 0 0 120px; }
.fw-400 { font-weight: 400; }
h1 { font-size: 72px; line-height: 90px; font-weight: 600; }
h2 { font-size: 54px; line-height: 81px; font-weight: 600; }
h2 span { color: #fccd82; font-weight: 600; }
h3 { font-weight: 600; }
h3 span { color: #fccd82 !important; font-weight: 600; }
h4 , .h4 { font-size: 24px; line-height: 29px; font-weight: 600; }
h4 span { color: #fccd82 !important; font-weight: 600; }
p { font-size: 16px; line-height: 24px; }
a { text-decoration: none; }
.primary-btn { border: 2px solid transparent; font-size: 24px; font-weight: 600; border-radius: 6px; background-color: #fccd82; color: #3f2701; padding: 22px 47px; letter-spacing: 1.6px; transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); }
.secondary-btn { border: 2px solid transparent; font-size: 24px; line-height: 34px; font-weight: 600; border-radius: 6px; background-color: #fff; color: #000; padding: 21px 66px; letter-spacing: 1.6px; transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); }
.black-btn { font-size: 16px; line-height: 26px; font-weight: 600; border-radius: 6px; background-color: #0b0b0b; color: #fff; padding: 12px 43px; transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); }
.primary-btn:hover { background-color: transparent; color: #5B3B09; border: 2px solid #5B3B09; }
.secondary-btn:hover { background-color: #653F04; color: #FFFFFF; }
.black-btn:hover { background-color: #653F04; color: #FFFFFF; }
.cta { width: 100%; display: flex; align-items: center; }
.center { text-align: center; }

.home-custom-video-section .deferred-media__poster-button { background-color: transparent !important; height: 150px !important; width: 150px !important; }
.announcement-bar__message { font-size: 14px; padding: 0px 0; min-height: 0; }
body.blog sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom { background-color: #000 !important; }
body.article sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom { background-color: #000 !important; }
body.article a.article-template__link span.icon-wrap .svg-wrapper>svg { height: 20px !important; width: 20px !important; }
body.product sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom { background-color: #000 !important; background-image: url(/cdn/shop/files/shop-banner-bg.png?v=1732171887); background-size: 100% 140%; background-position: 100% 150%; background-repeat: no-repeat; }
body.cart sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom { background-color: #000 !important; background-image: url(/cdn/shop/files/shop-banner-bg.png?v=1732171887); background-size: 100% 140%; background-position: 100% 150%; background-repeat: no-repeat; }
body.\34 04.gradient sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom { background-color: #000 !important; }
body.\34 04.gradient .template-404 p { font-size: 200px; line-height: 220px; }
body.\34 04.gradient .template-404 .title + * { margin-top: 6rem; }
body.\34 04.gradient .template-404.page-margin { margin: 7rem auto 10rem; }
body { position:relative; }

/* header */
header-menu>details, details-disclosure>details { position: unset !important; }
.shopify-section-header-sticky { background-color: #000; }
sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom { background-color: transparent !important; border: none !important; }
sticky-header header.header { max-width: 1640px !important; padding: 30px 0 !important; position: relative; }
.header__heading-logo { width: 140px; height: 60px; margin-top: -15px; }
ul.list-menu { gap: 60px; }
.list-menu__item { padding: 0 !important; }
.header__menu-item span { color: #fff; font-size: 18px; font-weight: 600; text-decoration: none; }
header.new-header .header-inner .menu-items ul {list-style: none;} 
.header__icons { gap: 66px !important; justify-self: center !important; }
.cart-count-bubble { background-color: #FCCD82; justify-content: center; align-items: center; padding: 0; top: -5px; right: -5px; left: unset; }
.cart-count-bubble span { color: #653F04 !important; font-weight: 500; height: auto; display: block; padding: 0; margin: 0; font-size: 10px; width: auto; }
sticky-header header.header .header__menu-item .icon-caret { right: -2.3rem; top: calc(50% - 0.4rem) !important; height: 10px !important; }
sticky-header header.header .header__menu-item .icon-caret path { fill: #fff; }
sticky-header header.header .list-menu--disclosure { top: 140%; }
sticky-header header.header .menu-drawer__inner-submenu ul.menu-drawer__menu.list-menu { padding: 10px 30px; }


header.new-header { background-color: #000; padding: 40px 0; position: relative; z-index: 9; }
header.new-header * { color: #fff; }
header.new-header .header-inner { display: flex; align-items: center; justify-content: space-between; }
header.new-header .header-inner .logo { margin-top: -30px; width: 140px; height: 60px; }
header.new-header .header-inner .logo a img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
header.new-header .header-inner .menu-items ul{ display: flex; align-items: center; justify-content: center; gap: 40px;}
header.new-header .header-inner .menu-items ul li span{font-size: 18px; color: #fff; font-weight: 600;}
header.new-header .header-inner .menu-items ul li,
header.new-header .header-inner .menu-items ul li a {display: flex; align-items: center; gap:5px;cursor:pointer;}
header.new-header .header-inner .menu-items ul li svg { height: 10px;}
header.new-header .header-inner .end-items { display: flex; justify-content: flex-start; align-items: center; gap: 50px; }
header.new-header .header-inner .menu-items ul li a svg{display:none;}
/* header.new-header .header-inner .menu-items ul li:nth-child(-n + 3) a svg {display: block;} */
header.new-header .header-inner .menu-items ul li.mega-menu a svg { display: block; }


/* Mobile Header */
header.mobile-header {width: 100%;display: inline-block;background-color: #000; position:relative;}
header.mobile-header .main-header {width: 100%;display: flex;justify-content: space-between;align-items: center;}

header.mobile-header .main-header .end-items {display: flex;gap: 30px;align-items: center;}

/* HamBurger Icon CSS */
#hamburger-1.is-active .line:nth-child(2){opacity: 0;}
#hamburger-1.is-active .line:nth-child(1){-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
#hamburger-1.is-active .line:nth-child(3){-webkit-transform: translateY(-13px) rotate(-45deg);-ms-transform: translateY(-13px) rotate(-45deg);-o-transform: translateY(-13px) rotate(-45deg);transform: translateY(-13px) rotate(-45deg);}
.hamburger .line{width: 40px;height: 3px;background-color: #fff;display: block;margin: 8px auto;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;cursor: pointer;}


/* mega-menu */
.drop-down-main-menu { width: 100%; position: absolute; top: -370px; left: 50%;transform: translate(-50%, 0px); max-width: 100%; z-index:-1; transition: 0.8s ease-in-out; }
.drop-down-main-menu.is-active { top: 180px; z-index:2; }
.dropdown-item { border-radius:40px; overflow:hidden;}
.dropdown-item a { display: block; padding: 20px 10px; overflow:hidden; }
.dropdown-item img { object-fit:contain; height:240px; width:240px; display: block; transform: translate(0px, 20px); transition: all 0.2s linear; }
.dropdown-item p { text-align:center; font-weight: 700; }
.drop-down-main-menu .row { display: flex; justify-content:center; align-items:center; width:100%; max-width:100%; gap: 40px; padding: 30px 0;border-radius: 40px;background-color: #fff; box-shadow: 0 3px 20px #52535326;}
.dropdown-item:hover img { transform: translate(0px, 20px) scale(1.1); }

/* Get Refill Quality None  on in this product*/
body#get-a-refill .shopify-section .product.product--large .product__info-wrapper .product-form__quantity{display:none;}

/* two-col-image-section */
.two-col-images .slide-text{
  margin: 0 0 0 auto;     /* same as your h2 currently uses */
  max-width: 42%;         /* same as your h2 max-width */
  display: flex;
  flex-direction: column;
}

.two-col-images .slide-title{
  margin: 0;              /* prevents default spacing issues */
}

.two-col-images .slide-description{
  margin: 12px 0 0 0;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}


.content-wrapper { display: flex; justify-content:space-between;}
.two-col-images { height: 960px; width: 48%; background-repeat: no-repeat; background-size: 100% 100%; background-color: #FDF6EC; display:flex; align-items:center;}
.two-col-images h2 { text-align: left; max-width: 42%; margin: 0 0 0 auto; font-size: 48px; line-height: 68px; }

/* three-col-section */
.three-col-section { padding: 90px 0 170px; }
.three-col-section .main-content { display: flex; gap: 90px; align-items: flex-start; justify-content: center; }
.three-col-section .main-content .column { width: 30%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 25px; }
.three-col-section .main-content .column .img { border-radius: 50%; background-color: #FDF6EC; border: 1px solid #FCCD82; width: 163px; height: 163px; display: flex; justify-content: center; align-items: center; }
.three-col-section .main-content .column .img img { height: 94px; width: 94px; }
.three-col-section .main-content .column .content .title { font-size: 24px; line-height: 42px; color: #000; margin-bottom: 15px; font-weight: 600; }
.three-col-section .main-content .column .content .contain p { font-size: 16px; font-weight: 400; }

/* why-choose-us */
.why-choose-us { background-color: #000; padding: 40px 0 0; }
.why-choose-us .container { max-width: 100%; }
.why-choose-us h2.section-title { color: #fff; }
.why-choose-us .main-content * { color: #fff; }
.why-choose-us .main-content { background-size: calc(100vw - 50vw); background-size: calc(100vw - 25% - 25vw); background-position-y: calc(5vw - 10%); background-position-x: center; position: relative; background-repeat: no-repeat; padding: 330px 0; display: grid; place-items: center; grid-template: repeat(3, 1fr) / repeat(2, 1fr); grid-auto-flow: column; }

.why-choose-us .main-content .slide { max-width: 37%; text-align: right; }

.why-choose-us .main-content .slide:first-child { transform: translate(-190px, -120px); }

.why-choose-us .main-content .slide:nth-child(2) { grid-row: 2 span; transform: translate(-230px, -20px); }

.why-choose-us .main-content .slide:nth-child(3) { text-align: left; transform: translate(200px, -180px); max-width: 48%; }

.why-choose-us .main-content .slide:nth-child(4) { text-align: left; transform: translate(220px, -20px); max-width: 42%; }

.why-choose-us .main-content .slide:nth-child(5) { text-align: left; transform: translate(230px, 90px); max-width: 40%; }
.why-choose-us .main-content .slide h4.slide-title { margin-bottom: 15px; }
.why-choose-us .main-content .slide .contain p { font-weight: 400; }
.why-choose-us .main-content .cta { position: absolute; bottom: 180px; left: 25%; width: max-content; }
.why-choose-us .main-content .cta .primary-btn { padding: 10px 38px; color: #3f2701; font-size: 26px; letter-spacing: 0; }
.why-choose-us .main-content .cta .primary-btn:hover { color: #fff; border: 2px solid #fff; }

/* best-seller-products */
.best-seller-products { display: inline-block; width: 100%; }
.best-seller-products .main-content { margin-top: 75px; }
/* .best-seller-products .main-content .main-products { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } */
.best-seller-products .main-content .main-products li { text-align: center; background-color: #FDF6EC; padding: 25px 25px 40px; border-radius: 20px; }
.best-seller-products .main-content .main-products li .cta { justify-content: center; }
.best-seller-products .main-content .main-products li .product-title { font-size: 22px; line-height: 24px; margin:10px 0  12px;}
.best-seller-products .main-content .main-products li p.price { font-size: 22px; font-weight: 600; margin: 20px 0; }
.best-seller-products .section-cta { display: inline-flex; height: 100%; width: 100%; justify-content: center; }
.best-seller-products .section-cta .primary-btn { color: #5B3B09; padding: 21px 32px; margin-top: 75px; letter-spacing: 0; } */

/* blog-post */
.custom-home-blog .article-card__excerpt { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; }
.custom-home-blog .blog__title { width: 100%; }
.custom-home-blog .blog-articles .article-card .card__information, .blog__posts .article-card .card__information { padding: 0px !important }
.custom-home-blog .card-wrapper { box-shadow: 0 4px 12px #00000016; background-color: #FFF9F0; padding: 30px 24px 90px; border-radius: 13px; }
.custom-home-blog .card__media { border-radius: 10px !important; overflow: hidden !important; }
.custom-home-blog .card__content { margin-top: 30px; }
.custom-home-blog h3.card__heading { font-size: 16px; text-align: center; }
.custom-home-blog .article-card__excerpt { font-size: 14px; font-weight: 400; text-align: center; margin-top: 30px !important; }
.custom-home-blog a.black-btn.blog-btn { min-width: 175px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 20px); z-index: 1; padding: 15px 0; display: flex; justify-content: center; align-items: center; gap: 10px; }
.custom-home-blog a.black-btn.blog-btn:hover { text-decoration: none; }
.custom-home-blog a.black-btn.blog-btn svg { transition: 0.2s ease-in-out; transform: translate(5px, 0px); }
.custom-home-blog a.black-btn.blog-btn:hover svg { transform: translate(10px, 0px); }
.custom-home-blog .slider.slider--tablet { margin-bottom: 5rem; padding-bottom: 20px; gap: 30px; justify-content: space-between; }
.custom-home-blog .slider.slider--tablet .blog__post { max-width: 32% !important; }
.custom-home-blog .page-width-desktop { max-width: 1640px !important; padding: 0 !important; }

/* company-logo-section */
.company-logo-section { display: inline-block; width: 100%; }
.company-logo-section .logo-wrapper { background-color: #fff1dc; border-radius: 40px; padding: 104px 38px; display: flex; align-items: center; gap: 60px; overflow: auto; scrollbar-width: none; }
.company-logo-section .logo-wrapper .slick-list { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.company-logo-section .logo-wrapper .slick-list .slick-track { display: flex; margin: 0; justify-content: space-between; align-items: center; width: 100%; gap: 60px; }
.company-logo-section .logo-wrapper .slick-list .slick-track .slick-slide{cursor:pointer;}

/* shop-banner-section */
.shop-banner-section { background-color: #000; padding: 260px 0 0; background-repeat: no-repeat; background-size: 100% 100%; margin-top: -140px; }
.shop-banner-section .inner-content { display: flex; justify-content: space-around; align-items: flex-start; }
.shop-banner-section .inner-content .left { width: 40%; }
.shop-banner-section .inner-content .left img { vertical-align: bottom; }
.shop-banner-section .inner-content .right { width: 40%; text-align: left; padding-top: 40px; }
.shop-banner-section .inner-content .right h1 { color: #fff; }

/* products */
.custom-product-grid-section .page-width { padding: 0 25px; max-width: 1640px; }
.custom-product-grid-section .card__inner { height: 290px; width: 100%; background-color: transparent; }
.custom-product-grid-section .card__inner .card__media .media img { height: 100% !important; object-fit: contain; object-position: center center; width: 100% !important; }
.custom-product-grid-section .card-wrapper.product-card-wrapper { background-color: #FDF6EC; border-radius: 20px; padding: 25px 25px 30px; }
.custom-product-grid-section .card__heading { text-align: center; font-size: 16px; font-weight: 500 !important; }
.custom-product-grid-section .card-information .price { text-align: center; }
.custom-product-grid-section .card-information .price .price__regular span { text-align: center; font-weight: 600; }
.custom-product-grid-section ul.product-grid { justify-content: space-evenly; gap: 200px 60px; margin-top: 84px; }
.custom-product-grid-section .grid--4-col-desktop .grid__item { width: 21%; max-width: 100%; }
.custom-product-grid-section .pagination-wrapper { margin-top: 80px; }
.custom-product-grid-section details#Details-filter\.v\.availability-template--18701041172705__product-grid { display: none; }
.custom-product-grid-section .product-count.light { display: none; }
body.product .card__media .media img { height: 100%; object-fit: contain !important; padding: 20px; }

/*******************************************************************************************************************/
/********************************************** Contact Page CSS ***************************************************/
/*******************************************************************************************************************/
body#contact .header-wrapper { background-color: #000 !important; }
body#contact .page-width .main-page-title { text-align: center; margin: 0; padding: 120px 0 63px; font-size: 64px; }
body#contact .main-page-title { text-align: center; }
.custom-contact.page-width--narrow { max-width: 1640px; padding: 0 50px; }
.custom-contact .main-content { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 200px; }
.custom-contact .main-content .side-content { width: 50%; display: flex; padding-top: 34px; }
.custom-contact .main-content .side-content .column { width: 43%; }
.custom-contact .main-content .side-content .column + .column { border-left: 1px solid #000; padding-left: 77px; }
.custom-contact .main-content .side-content .column .phone { display: flex; margin-top: 10px; gap: 20px; align-items: center; }
.custom-contact .main-content .side-content .column .phone .icon { line-height: 0; }
.custom-contact .main-content .side-content .column .description span.user-icon img {width: 20px;height: 20px;}
.custom-contact .main-content .side-content .column .phone .icon img {width: 20px;height: 20px;}
.custom-contact .main-content .side-content .column .country { display: flex; gap: 25px; align-items: center; margin-bottom: 16px; }
.custom-contact .main-content .side-content .column .country .flag { line-height: 0; }
.custom-contact .main-content .side-content .column .description {display: flex;gap: 10px;align-items: center;}
.custom-contact .main-content .side-content .column .description span.user-icon {line-height: 0;}
.custom-contact .main-content .form-wrapper { width: 50%; }
.custom-contact form#ContactForm { width: 100%; }
.custom-contact form#ContactForm .field::after { box-shadow: none !important; }
.custom-contact form#ContactForm .field:hover::after { box-shadow: none !important; }
.custom-contact form#ContactForm .field .field__input:focus { box-shadow: none !important; }
.custom-contact form#ContactForm .field .field__input { border: 1px solid #653f04 !important; border-radius: 6px !important; outline: none !important; height: 70px !important; padding: 20px !important; }
.custom-contact form#ContactForm .field .field__label { display: none !important; }
.custom-contact form#ContactForm .field { margin-bottom: 38px !important; } 
.custom-contact form#ContactForm .contact__fields { gap: 46px; }
.custom-contact form#ContactForm .contact__button { text-align: center; }
.custom-contact form#ContactForm .contact__button .button { transition: .3s cubic-bezier(.65,.05,.36,1); background-color: #653f04; border: 2px solid transparent !important; border-radius: 6px; font-size: 28px; font-weight: 600; height: 71px; width: 215px; }
.custom-contact form#ContactForm .contact__button .button::after { box-shadow: none !important; }
.custom-contact form#ContactForm .contact__button .button:hover { background-color: #653f0400; color: #653f04; border: 2px solid #653f04 !important; }
.field__input::placeholder, .customer .field input::placeholder { opacity: 1 !important; font-size: 16px !important; color: #515151 !important; }

/*****************************************************************************************************************/
/********************************************** Blog Page CSS ****************************************************/
/*****************************************************************************************************************/
body.blog .main-blog .blog-articles { gap: 45px; margin-top: 30px; }
body.blog .main-blog .card__heading a:after { content: none; }
body.blog .main-blog a.black-btn.blog-btn svg { transition: .2s ease-in-out; transform: translate(5px); }
body.blog .main-blog a.black-btn.blog-btn:hover svg { transform: translate(10px); }
body.blog .main-blog .blog-articles .black-btn { display: inline-block; }

/***********************************************************************************************************************/
/********************************************** Blog Detail Page CSS ***************************************************/
/***********************************************************************************************************************/
body.article .article-template { padding: 40px 0; }
body.article .article-template header.page-width.page-width--narrow { max-width: 1300px !important; padding: 0 25px; }
body.article .article-template .article-template__social-sharing { max-width: 1300px !important; padding: 0 25px; }
body.article .article-template .article-template__content.page-width { max-width: 1300px !important; padding: 0 25px; } 

@media(max-width: 575px) {
    body.article .article-template header.page-width.page-width--narrow { margin-top: 1.4rem !important; margin-bottom: 0rem !important; }
    body.article .article-template .article-template__social-sharing { margin-top: 0 !important; }
    body.article .article-template .article-template__back .element-margin-top { margin-top: 3rem; margin-bottom: 0 !important; }
    body.article .article-template .article-template__back:last-child { margin-bottom: 0 !important; }
    body.article .article-template { padding: 0px 0 30px; }
}

/************************************************** Custom 2 *********************************************************/
/* home-hero-banner-section-star */
section.hero-banner-section { width: 100%; display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% 100%; }
section.hero-banner-section .hero-banner-content { width: 50%; padding: 240px 0 184px; }
section.hero-banner-section .hero-banner-content h1 { color: #fff; }
section.hero-banner-section .hero-banner-content .contain { padding: 21px 0 41px; }
section.hero-banner-section .hero-banner-content .contain p { color: #fff; }

/* customr-slider-section */
section.customer-slider-section { width: 100%; display: inline-block; background-color: #000; background-size: 100% 100%; background-repeat: no-repeat; }
section.customer-slider-section .customer-slide { position: relative; display: flex !important; align-items: flex-start; gap: 180px; max-width: 86.4%; margin: 0 auto; padding: 250px 0 150px; }
section.customer-slider-section .customer-slide:before { content: ""; position: absolute; background-image: url(/cdn/shop/files/double-quotes-l.svg?v=1731911027); width: 169px; height: 169px; background-repeat: no-repeat; top: 50px; left: 400px; opacity: 1; }
section.customer-slider-section .customer-slide .thumnail img { width: 324px; height: 324px; }
section.customer-slider-section .customer-slide  .customer-review .customer-detail { margin-top: 45px; }
section.customer-slider-section .customer-slide  .customer-review .contain p { font-size: 20px; line-height: 34px; text-transform: capitalize; color: #fff; }
section.customer-slider-section .customer-slide .customer-review { padding-top: 40px; }
section.customer-slider-section .customer-slide .customer-review .contain { width: 100%; }
section.customer-slider-section .customer-slide .customer-review .customer-detail .customer-name { font-size: 24px; color: #fff; }
section.customer-slider-section .customer-slide .customer-review .customer-detail .role { font-size: 18px; color: #fff; }

/* how-it-work-section */
section.how-it-work-section{
  width: 100%;
  display: block;
  padding-bottom: 80px; /* optional breathing space at bottom */
}

section.how-it-work-section .container{
  padding: 0;
}

/* IMPORTANT: make container stack children vertically */
section.how-it-work-section .how-it-work-container{
  display: flex;
  flex-direction: column;
}

/* existing styles */
section.how-it-work-section .customer-slider-content { width: 100%; }
section.how-it-work-section .work-section-wrapper { width: 100%; }
section.how-it-work-section h2 { padding-bottom: 105px; }

section.how-it-work-section .work-section-wrapper ul{
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
}

section.how-it-work-section .work-section-wrapper ul li{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  width: 14%;
}

section.how-it-work-section .work-section-wrapper ul li .thumbnail{
  height: 164px;
  width: 164px;
  background-color: #FDF6EC;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #FCCD82;
}

section.how-it-work-section .work-section-wrapper ul li .title{
  text-align: center;
  color: #653F04;
  font-size: 20px;
  line-height: 28px;
}

/* NOTE: bottom centered, below all slides (NO overlap) */
section.how-it-work-section .how-it-works-note{
  display: block;
  max-width: 820px;
  width: 100%;
  margin: 60px auto 0;   /* space above note */
  text-align: center;
  font-size: 20px;
  font-style: bold;
  line-height: 26px;
  color: #FF0000;
  padding: 0 20px;
}



/* FAQ  */
.faq-section { display: inline-block; width: 100%; }
.faq-section .wrapper .main-content { margin-top: 108px; }
.faq-section .wrapper .main-content .row { display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; }
.faq-section .wrapper .main-content .row .column { border: 1px solid #30473f; border-radius: 6px; padding: 27px 27px 27px 13px; width: 48%; }
.faq-section .wrapper .main-content .row .column .que { display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 16px; line-height: 26px; }
.faq-section .wrapper .main-content .row .column .que .open-icon { display: inline-flex; }
.faq-section .wrapper .main-content .row .column .que .close-icon { display: inline-flex; display: none; }
.faq-section .wrapper .main-content .row .column .ans { margin-top: 47px; display: none; }

/* Footer */
.custom-footer .footer__content-top { padding: 0; }
.custom-footer { position: relative; background-repeat: no-repeat !important; width: 100%; height: 100%; background-size: 100% 100% !important; background-position: 100% 100% !important; padding: 0 !important; background-attachment: unset !important; background-image: url("/cdn/shop/files/footer-bg-shap.png?v=1732173019") !important; color: #fff !important; overflow: hidden; z-index: 1; border: none !important; }
.custom-footer ul li a { color: #fff !important; text-decoration: none !important; font-size: 16px !important; margin-bottom: 10px !important; }
.custom-footer h2 { color: #fff !important; margin: 46px 0 12px 0; font-size: 20px !important; line-height: 40px; }
.custom-footer .footer__content-top { padding-bottom: 0; display: block; padding-top: 150px; }
.custom-footer .footer-block__brand-info p { text-align: left; color: #fff !important; }
.custom-footer .footer-block__brand-info .footer__list-social.list-social { justify-content: flex-start; gap: 20px; padding-top: 40px; }
.custom-footer .footer-block.grid__item { width: 25%; max-width: max-content; }
.custom-footer .footer-block__brand-info { max-width: 90%; }
.custom-footer .list-social__link { padding: 0; }
.custom-footer .footer__content-top .grid { gap: 130px; padding: 0 60px; }
.custom-footer .page-width { max-width: 1640px !important; }
.custom-footer .footer__payment { padding-left: 150px; }

/*******************************************************************************************************************/
/******************************************** How It Works Page CSS ************************************************/
/*******************************************************************************************************************/
.how-it-work-banner-section { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; margin-top: -140px; }
.how-it-work-banner-section::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #181818; z-index: -1; opacity: 0.8; }
.how-it-work-banner-section .main-content { display: flex; justify-content: space-between; align-items: center; padding-top: 140px; }
.how-it-work-banner-section .main-content .left-content { width: 50%; }
.how-it-work-banner-section .main-content .left-content h1 { color: #fff; }
.how-it-work-banner-section .main-content .right-content { width: 48%; text-align: center; }

/* three-col-section */
.three-col-section-with-bg { padding: 100px 0 90px; background-color: #000; }
.three-col-section-with-bg .section-heading h2 { color: #fff; }
.three-col-section-with-bg .main-content { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; padding-top: 134px; }
.three-col-section-with-bg .main-content .column { width: 32%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 25px; }
.three-col-section-with-bg .main-content .column .img { border-radius: 50%; border: 1px solid #fff; width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; }
.three-col-section-with-bg .main-content .column .img img { height: 80px; width: 80px; }
.three-col-section-with-bg .main-content .column .content .title { font-size: 24px; line-height: 36px; color: #fff; margin-bottom: 15px; }
.three-col-section-with-bg .main-content .column .content .contain p { font-size: 14px; font-weight: 400; color: #fff; }

/* full-width-image-slider-section */
.full-width-image-slider-section { display: inline-block; width: 100%; }
.full-width-image-slider-section .inner-content { display: flex; gap: 30px; justify-content:center; }
.full-width-image-slider-section .inner-content .img { padding-right: 40px; }
.full-width-image-slider-section .inner-content .slick-slide:nth-last-child(1) .img { padding-right: 0; }
.full-width-image-slider-section .inner-content .img img { width: 100%; object-fit: cover; height: 610px; }

/* two-col-img-content-section */
.two-col-img-content-section .main-content { position: relative; display: flex; border-radius: 10px; overflow: hidden; align-items: stretch; z-index: 1; }
.two-col-img-content-section .main-content .left-content img { object-fit: cover; height: 100%; max-width:100%;}
.two-col-img-content-section .main-content .right-content { background-color: #653F04; padding-left: 214px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 55px 0 214px; }
.two-col-img-content-section .main-content .right-content .title h2 { color: #fff; text-transform: uppercase; }
.two-col-img-content-section .main-content .right-content .contain { padding: 30px 0 48px; }
.two-col-img-content-section .main-content .right-content .contain p { color: #fff; text-transform: uppercase; font-size: 20px; line-height: 30px; }
.two-col-img-content-section .cta .secondary-btn:hover { border: 2px solid; }

/* home-custom-video-section */
.home-custom-video-section { border: none !important; }
body#how-it-works .custom-video-section { max-width: 1640px !important; padding: 0 25px !important; }
body#how-it-works .custom-video-section p.upper-title { font-size: 26px; font-weight: 600; }
body#how-it-works .custom-video-section h2.title { margin: 20px 0 48px; }

/* custom-product-grid-section */
body.collection .custom-product-grid-section ul li .card-wrapper .card__heading a:after { z-index: -1; }
body.collection .custom-product-grid-section ul li .card-wrapper:hover h3 a { text-decoration: none !important; }
body.collection .custom-product-grid-section ul li .card-wrapper:hover .cta a { text-decoration: none !important; }
body.collection .custom-product-grid-section .collection .cta { justify-content: center; }
body.collection .custom-product-grid-section .collection .cta .black-btn{padding:12px 30px;}

/**************************************************************************************************************************/
/******************************************** Ecofriendly Product Page CSS ************************************************/
/**************************************************************************************************************************/
.ecofriendly-product-banner-section { background-repeat: no-repeat; background-size: 100% 100%; background-color: #000; }
.ecofriendly-product-banner-section .main-content { padding: 354px 0; margin-top: -140px; max-width: 60%; text-transform: capitalize; }
.ecofriendly-product-banner-section .main-content h1 { color: #fff; }

/* world-environment-section */
.world-environment-section { display: inline-block; width: 100%; }
.world-environment-section h3.section-heading { font-size: 38px; line-height: 54px; text-transform: capitalize; letter-spacing: 0; }
.world-environment-section .main-content { display: flex; justify-content: space-evenly; align-items: flex-start; text-align: center; margin-top: 57px; }
.world-environment-section .main-content .column .upper-img { margin-bottom: 25px; }
.world-environment-section .main-content .column .upper-img img { display: block; }
.world-environment-section .main-content .column span { font-size: 24px; font-weight: 600; }

/* three-col-difference-section */
.three-col-difference-section { background-color: #000; padding: 80px 0; width: 100%; display: inline-block; }
.three-col-difference-section * { color: #fff; }
.three-col-difference-section .heading h2 { font-size: 40px; line-height: 54px; margin-bottom: 25px; }
.three-col-difference-section .heading .description p { font-size: 20px; line-height: 32px; font-weight: 600; margin: 0 auto; max-width: 86%; }
.three-col-difference-section .main-content { display: flex; align-items: center; justify-content: space-between; padding-top: 120px;gap:30px; }
.three-col-difference-section .main-content .right-content .contain p { font-size: 24px; line-height: 34px; font-weight: 600; }

/* zig-zag-section */
.zig-zag-section { display: inline-block; width: 100%; padding-top: 120px; }
.zig-zag-section .inner-wrapper .main-content { display: flex; justify-content: space-evenly; align-items: center }
.zig-zag-section .inner-wrapper .main-content .left-content { width: 55%; }
.zig-zag-section .inner-wrapper .main-content .right-content { width: 30%; text-align: center; }
.zig-zag-section .inner-wrapper .main-content .left-content .contain { max-width: 68%; }
.zig-zag-section .inner-wrapper .main-content .left-content .contain p { text-transform: capitalize;  }
.zig-zag-section .inner-wrapper .main-content .left-content h2.title { text-transform: capitalize; font-size: 48px; line-height: 64px; margin-bottom: 26px; }
.zig-zag-section .inner-wrapper .main-content:nth-child(2) { flex-direction: row-reverse; }
.zig-zag-section .inner-wrapper .main-content:nth-child(2) .right-content { text-align: left; }
.zig-zag-section .inner-wrapper .main-content:nth-child(2) .left-content .contain { max-width: 78%; }

/* four-col-section */
.four-col-section { width: 100%; display: inline-block; background-color: #000; padding: 75px 0; }
.four-col-section * { color: #fff; }
.four-col-section .heading { max-width: 80%; margin: 0 auto; }
.four-col-section .heading h2 { font-size: 40px; line-height: 54px; padding-bottom: 30px; text-transform: capitalize; }
.four-col-section .heading .description p { font-size: 20px; line-height: 32px; font-weight: 600; text-transform: capitalize; }
.four-col-section .main-content { padding-top: 130px; display: flex; justify-content: space-evenly; align-items: flex-start; }
.four-col-section .main-content .column { text-align: center; width: 18%; }
.four-col-section .main-content .column .upper-img { width: 100%; height: 100%; }
.four-col-section .main-content .column .upper-img img { width: 220px; height: 220px; object-fit: contain; }
.four-col-section .main-content .column h3.title { font-size: 32px; line-height: 46px; }
.custom-cart-footer .page-width { max-width: 100% !important; padding: 0 !important; }
.custom-cart-footer .cart__blocks { width: 100% !important; }
.custom-cart-footer .main-totals { background-color: #fdf6ec; padding: 37px 0; }
.custom-cart-footer .totals { justify-content: space-between; align-items: center; max-width: 1600px; margin: 0 auto; padding: 0 50px; }
.custom-cart-footer .totals__total { color: #754706; font-weight: 600; font-size: 20px; text-transform: capitalize; }
.custom-cart-footer .tax-note { color: #754706; font-weight: 500; font-size: 20px; }
.custom-cart-footer .cart__ctas { justify-content: end; max-width: 1600px; padding: 0 50px; margin: 40px auto 0; }
.custom-cart-footer .cart__ctas button#checkout { padding: 27px 43px; max-width: 509px; font-size: 24px; font-weight: 700; }
.custom-cart-footer .totals__total-value { font-size: 24px; font-weight: 600; }
.custom-cart-footer .bottom-option { padding-bottom: 130px; }
.custom-cart-footer .bottom-option p { padding-bottom: 57px; font-size: 24px; }
.custom-cart-footer .cart__footer { padding-bottom: 10rem !important; }

body.product.gradient .jdgm-review-widget { background-color: #000; border-radius: 16px; padding: 45px 30px; }
body.product.gradient .jdgm-review-widget { background-color: #000; border-radius: 16px; padding: 45px 30px; }
body.product.gradient .jdgm-review-widget h2.jdgm-rev-widg__title { margin-bottom: 70px; color: #fff; font-size: 54px; line-height: 70px; font-weight: 500; }
body.product.gradient .jdgm-review-widget .jdgm-histogram__bar { border-radius: 16px; overflow: hidden; }
body.product.gradient .jdgm-review-widget .jdgm-histogram__bar-content { background-color: #FCCD82; border-radius: 16px; }
body.product.gradient .jdgm-review-widget .jdgm-histogram__frequency { text-align: center; color: #fff; font-size: 16px; line-height: 26px; }
body.product.gradient .jdgm-review-widget .jdgm-write-rev-link { border-radius: 20px; font-weight: 500 !important; }
body.product.gradient .jdgm-review-widget .jdgm-row-stars span.jdgm-rev-widg__summary-average { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-widget-actions-wrapper { border-left: 1px solid #E4E4E4; }
body.product.gradient .jdgm-review-widget .jdgm-sort-dropdown-wrapper span, body.product.gradient .jdgm-review-widget .jdgm-sort-dropdown-wrapper select { color: #fff !important; }
body.product.gradient .jdgm-review-widget .jdgm-rev__timestamp { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-rev__author { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-form-wrapper .jdgm-form .jdgm-form__title { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-form-wrapper .jdgm-form .jdgm-form .jdgm-form__fieldset>label { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-form-wrapper .jdgm-form .jdgm-form .jdgm-form__fieldset input::placeholder { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-form-wrapper .jdgm-form .jdgm-form .jdgm-form__fieldset textarea::placeholder { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-form .jdgm-form__fieldset label[for] { color: #fff; }
body.product.gradient .jdgm-review-widget  span.jdgm-form__reviewer-name-format-container { color: #fff; }
body.product.gradient .jdgm-review-widget .jdgm-star { color: #FCCD82 !important }
body.product.gradient .jdgm-review-widget  .jdgm-form__fieldset p { color: #fff; }
body.product.gradient .jdgm-review-widget  .jdgm-form__fieldset a { color: #fff; }
body.product.gradient .jdgm-review-widget  .jdgm-form__fieldset a.jdgm-btn { color: #5c3901; }
body.product.gradient .jdgm-review-widget .jdgm-rev-widg__body  * { color: #fff; }

/**********************************************************************************************************************************/
/***************************************************** Responsive Common CSS ******************************************************/
/**********************************************************************************************************************************/
@media (max-width:1640px) {
    .container { max-width: 1400px; }
    .custom-contact.page-width--narrow { max-width: 1400px; }
    .custom-home-blog .page-width-desktop { max-width: 1400px !important; padding: 0 20px !important; }
    h1 { font-size: 64px; line-height: 80px; }
}
@media (max-width:1440px) {
    .container { max-width: 1170px; }
    .custom-contact.page-width--narrow { max-width: 1170px; }
    h2 { font-size: 48px; line-height: 74px; }
    h4 { font-size: 20px; line-height: 28px; }
    .py-120 { padding: 100px 0 !important; }
    .pb-120 { padding: 0 0 100px; }
}
@media (max-width:1200px) {
    .container { max-width: 990px; }
    .custom-contact.page-width--narrow { max-width: 990px; }
    h1 { font-size: 54px; line-height: 70px; }
    .py-120 { padding: 80px 0 !important; }
    .pb-120 { padding: 0 0 80px; }
    .secondary-btn { font-size: 20px; line-height: 30px; padding: 15px 55px; }
}
@media (max-width:991px) {
    .container { padding: 0 40px; }
    .custom-contact.page-width--narrow { padding: 0 40px; }
    h1 { font-size: 46px; line-height: 60px; }
    h2 { font-size: 40px; line-height: 64px; }
    .py-120 { padding: 60px 0 !important; }
    .pb-120 { padding: 0 0 60px; }
    .primary-btn { font-size: 20px; }
    .black-btn { padding: 10px 35px; }
}
@media (max-width:768px) {
    .container { padding: 0 25px; }
    .custom-contact.page-width--narrow { padding: 0 25px; }
    h1 { font-size: 42px; line-height: 50px; }
    h2 { font-size: 36px; line-height: 52px; }
    p { font-size: 14px; line-height: 20px; }
    .py-120 { padding: 40px 0 !important; }
    .pb-120 { padding: 0 0 40px; }
    .primary-btn { font-size: 18px; }
    .secondary-btn { font-size: 18px; line-height: 20px; padding: 15px 32px; letter-spacing: 0; }
}
@media (max-width:575px) {
    h1 { font-size: 36px; line-height: 44px; }
    h2 { font-size: 32px; line-height: 40px; }
}
@media (max-width:425px) {
    h1 { font-size: 28px; line-height: 38px; }
    h2 { font-size: 26px; line-height: 34px; }
    .black-btn { padding: 10px 30px; font-size: 14px; }
}

/**************************************************************************************************************************/
/***************************************************** Responsive CSS *****************************************************/
/**************************************************************************************************************************/
@media (max-width:1640px) {
    .why-choose-us .main-content { padding: 200px 0; }
    .why-choose-us .main-content .slide:first-child { transform: translate(-170px, -60px); }
    .why-choose-us .main-content .slide:nth-child(2) { transform: translate(-200px, -40px); }
    .why-choose-us .main-content .slide:nth-child(3) { transform: translate(180px, -110px); }
    .why-choose-us .main-content .slide:nth-child(4) { transform: translate(190px, -20px); }
    .why-choose-us .main-content .slide:nth-child(5) { transform: translate(210px, 20px); }
    .custom-home-blog .slider.slider--tablet .blog__post { max-width: 30% !important; }
    .two-col-img-content-section .main-content::before { transform: translate(-92%, -42%); }
    .two-col-img-content-section .main-content .right-content { padding: 0 55px 0 100px; }
    .custom-contact .main-content .side-content .column { width: 49%; }
    .custom-contact .main-content .side-content .column+.column { padding-left: 70px; }
}
/* ***************************************************************************************************************************** */
@media (max-width:1440px) {
    .dropdown-item img { height: 180px; width: 100%; }

    .why-choose-us .main-content { padding: 190px 0; }
    .why-choose-us .main-content .cta { bottom: 110px; left: 20%; }
    .why-choose-us .main-content .cta .primary-btn { font-size: 22px; }
    .why-choose-us .main-content .slide:first-child { transform: translate(-160px, -70px); max-width: 42%; }
    .why-choose-us .main-content .slide:nth-child(2) { transform: translate(-190px, -60px); max-width: 47%; }
    .why-choose-us .main-content .slide:nth-child(3) { transform: translate(150px, -110px); max-width: 50%; }
    .why-choose-us .main-content .slide:nth-child(4) { transform: translate(170px, -20px); max-width: 46%; }
    .why-choose-us .main-content .slide:nth-child(5) { transform: translate(180px, 10px); max-width: 44%; }
    .why-choose-us .main-content .slide .contain p { font-size: 14px; }

    section.how-it-work-section h2 { padding-bottom: 65px; }
    section.how-it-work-section .work-section-wrapper ul { flex-wrap: wrap; gap: 50px; justify-content: center; }
    section.how-it-work-section .work-section-wrapper ul li { width: 21%; gap: 10px; }
    section.how-it-work-section .work-section-wrapper ul li .title { line-height: 22px; }
    section.how-it-work-section .work-section-wrapper ul li .thumbnail { height: 124px; width: 124px; }
    section.how-it-work-section .work-section-wrapper ul li .thumbnail img { height: 50px; width: 50px; }

    .best-seller-products .main-content { margin-top: 60px; }

    section.customer-slider-section .customer-slide { gap: 160px; max-width: 100%; padding: 150px 0 100px; }
    section.customer-slider-section .customer-slide .customer-review .customer-detail { margin-top: 35px; }
    .custom-home-blog .article-card__excerpt { margin-top: 15px !important; margin-bottom: 0 !important; }

    .faq-section .wrapper .main-content { margin-top: 60px; }
    .faq-section .wrapper .main-content .row .column { width: 100%; }

    .how-it-work-banner-section .main-content .right-content { width: 40%; }
    .how-it-work-banner-section .main-content .right-content img { height: 500px; }

    .three-col-section-with-bg { padding: 60px 0 60px; }

    .full-width-image-slider-section .inner-content .img img { height: 550px; }

    .two-col-img-content-section .main-content::before { background-size: 70%; transform: translate(-152%, -32%) !important; }
    .two-col-img-content-section .main-content .left-content { width: 40%; }
    .two-col-img-content-section .main-content .left-content img { object-fit: cover; height: 100%; object-position: center; width: 100%; }
    .two-col-img-content-section .main-content .right-content { width: 70%; padding: 20px 35px 40px 54px; }

    .custom-contact .main-content { margin-bottom: 100px; gap: 30px; }
    .custom-contact .main-content .side-content { width: 50%; display: flex; flex-direction: column; gap: 60px; }
    .custom-contact .main-content .side-content .column { width: 100%; }
    .custom-contact .main-content .side-content .column+.column { padding-left: 0; border: none; }
    .custom-contact .main-content .side-content .column .phone { margin-top: 10px; gap: 15px; }
    .custom-contact form#ContactForm .contact__button .button { font-size: 24px; height: 60px; width: 200px; }
    body#contact .page-width .main-page-title { padding: 70px 0 63px; }

    .ecofriendly-product-banner-section .main-content { padding: 284px 0; }

    .three-col-difference-section .heading h2 { font-size: 36px; line-height: 50px; }
    .three-col-difference-section .heading .description p { max-width: 100%; }
    .three-col-difference-section .main-content { flex-direction: column; gap: 60px; }

    .four-col-section { padding: 60px 0; }
    .four-col-section .heading { max-width: 100%; }
    .four-col-section .heading h2 { font-size: 34px; line-height: 44px; padding-bottom: 20px; }
    .four-col-section .main-content { justify-content: space-between; padding-top: 100px; }
    .four-col-section .main-content .column h3.title { font-size: 26px; line-height: 38px; }
    .four-col-section .main-content .column .upper-img img { width: 180px; height: 180px; }
}
/* ***************************************************************************************************************************** */
@media (max-width:1200px) {
    header.new-header .header-inner .menu-items ul{gap:20px;}
    header.new-header .header-inner .menu-items ul li a span{font-size:14px;}
    .header--middle-left .header__heading-link { margin: 0; padding: 0; }
    .header__icons { gap: 20px !important; }
    ul.list-menu { gap: 45px; }
    .why-choose-us .main-content { padding: 500px 0 140px; grid-template: repeat(3, 1fr) / repeat(2, 1fr); gap: 30px; margin-top: 50px; background-size: 50%; background-position: top; }
    .why-choose-us .main-content .slide { transform: translate(0) !important; text-align: left; width: 50%; max-width: 50% !important; }
    .why-choose-us .main-content .slide:nth-child(2) { grid-row: 2 span; transform: translate(0px, -90px) !important; }
    .why-choose-us .main-content .cta { bottom: 200px; left: 12%; }
    .shop-banner-section { padding: 170px 0 0; }
    .how-it-work-banner-section .main-content .left-content { width: 65%; }
    .how-it-work-banner-section .main-content .right-content { width: 30%; }
    .how-it-work-banner-section .main-content .right-content img { height: 400px; }
    .full-width-image-slider-section .inner-content .img img { height: 450px; }
    .custom-contact form#ContactForm .contact__fields { gap: 25px; }
    .custom-contact form#ContactForm .field { margin-bottom: 25px !important; }
    .custom-contact .main-content .side-content { width: 50%; display: flex; flex-direction: column; gap: 32px; }
    .custom-contact form#ContactForm .contact__button .button { font-size: 22px; height: 50px; width: 180px; }
    .custom-contact .main-content { margin-bottom: 70px; gap: 30px; }
    .world-environment-section h3.section-heading { font-size: 33px; line-height: 46px; }
    .world-environment-section .main-content { justify-content: space-between; }
    .world-environment-section .main-content .column .upper-img { margin-bottom: 18px; }
    .world-environment-section .main-content .column span { font-size: 20px; }
    .zig-zag-section .inner-wrapper .main-content { justify-content: space-between; padding-bottom: 100px; }
    .zig-zag-section .inner-wrapper .main-content .left-content { width: 62%; }
    .zig-zag-section .inner-wrapper .main-content .left-content h2.title { font-size: 44px; line-height: 55px; margin-bottom: 20px; }
    .zig-zag-section .inner-wrapper .main-content .left-content .contain { max-width: 92%; }
    .four-col-section .main-content .column h3.title { font-size: 22px; line-height: 30px; }
    .four-col-section .main-content { padding-top: 60px; }
    .four-col-section .heading .description p { font-size: 18px; line-height: 30px; }
    .four-col-section .heading h2 { padding-bottom: 14px; }
    .four-col-section .main-content .column .upper-img img { width: 150px; height: 150px; }
    .custom-product-grid-section .grid--4-col-desktop .grid__item {width: 30%;max-width: max-content;}
    body.product.gradient ul.grid { justify-content: center; gap: 30px; }
    body.product.gradient .grid--4-col-desktop .grid__item { width: 100% !important; max-width: 30% !important; }

    .drop-down-main-menu .row {padding: 20px 20px; gap: 20px;}
    .dropdown-item img {height: 160px;width: 100%;transform: translateY(40px);}
}
/* ***************************************************************************************************************************** */
@media (max-width:991px) {
    header.new-header .header-inner .menu-items { display: none; }
    .why-choose-us .main-content { padding: 450px 0 140px; grid-template: repeat(6, 1fr) / repeat(1, 1fr); background-size: 60%; gap: 0; }
    .why-choose-us .main-content .slide:nth-child(2) { grid-row: 1 span; transform: translate(0px, 0px) !important; }
    .why-choose-us .main-content .cta { position: unset; padding-top: 60px; }
    .why-choose-us .main-content .slide { width: 100%; max-width: 70% !important; }
    .best-seller-products .main-content { margin-top: 40px; }
    .best-seller-products .section-cta .primary-btn { padding: 15px 27px; margin-top: 65px; }
    section.customer-slider-section .customer-slide .thumnail img { width: 265px; height: 265px; }
    section.customer-slider-section .customer-slide { gap: 80px; max-width: 100%; padding: 150px 0 60px; }
    section.customer-slider-section .customer-slide .customer-review .contain p { font-size: 18px; line-height: 30px; }
    section.customer-slider-section .customer-slide:before { width: 130px; height: 130px; top: 50px; left: 250px; background-size: cover; }
    body.product.gradient  .zig-zag-section .inner-wrapper .main-content:nth-child(2) { flex-direction: column-reverse; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content { flex-direction: column-reverse; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content .left-content { width: 100% !important; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content:nth-child(2) .right-content { width: 100% !important; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content .right-content { width: 100% !important; text-align: center !important; }
    body.product.gradient  .zig-zag-section .inner-wrapper .main-content .right-content img { max-height: 100% !important; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content .left-content .contain p { text-transform: capitalize; margin-bottom: 15px; }
    .faq-section .wrapper .main-content { margin-top: 40px; }
    .faq-section .wrapper .main-content .row { gap: 30px; }
    .full-width-image-slider-section .inner-content .img img { height: 400px; }
    .two-col-img-content-section .main-content::before { content: none !important; }
    .two-col-img-content-section .main-content { flex-direction: column; }
    .two-col-img-content-section .main-content .left-content { width: 100%; height: 600px; }
    .two-col-img-content-section .main-content .left-content img { display: block; }
    .two-col-img-content-section .main-content .right-content { width: 100%; }
    .two-col-img-content-section .main-content .right-content .contain p { font-size: 18px; }
    .two-col-img-content-section .main-content .right-content .contain { padding: 10px 0 35px; }
    .shop-banner-section { padding: 150px 0 0; }
    .shop-banner-section .inner-content { margin-top: 50px; }
    .shop-banner-section .inner-content .left { width: 40%; }
    .shop-banner-section .inner-content .left img { height: 300px; }
    .shop-banner-section .inner-content .right { width: 50%; padding-top: 20px; }
    .custom-product-grid-section .grid--4-col-desktop .grid__item { width: 40%; max-width: 100%; }
    .custom-contact .main-content { flex-direction: column-reverse; }
    .custom-contact .main-content .side-content { width: 100%; display: flex; flex-direction: row; gap: 32px; }
    .custom-contact .main-content .form-wrapper { width: 100%; }
    .custom-contact .main-content .side-content .column+.column { border-left: 1px solid #000; padding-left: 77px; }
    .custom-contact .main-content { margin-bottom: 70px; gap: 50px; }
    .three-col-section-with-bg .main-content { padding-top: 60px; }
    .three-col-section-with-bg .main-content { flex-wrap: wrap; justify-content: center; gap: 40px 20px; padding-top: 40px; }
    .three-col-section-with-bg .main-content .column { width: 48%; }
    .ecofriendly-product-banner-section .main-content { padding: 230px 0 200px; }
    .world-environment-section h3.section-heading { font-size: 28px; line-height: 40px; }
    .world-environment-section .main-content { flex-wrap: wrap; justify-content: center; gap: 50px; }
    .world-environment-section .main-content .column { width: 22%; }
    .world-environment-section .main-content .column .upper-img { text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
    .world-environment-section .main-content .column span { font-size: 18px; }
    .three-col-difference-section { padding: 40px 0; }
    .three-col-difference-section .main-content .left-content { width: 100%; }
    .three-col-difference-section .main-content .left-content img { width: 100%; }
    .three-col-difference-section .main-content .right-content { width: 100%; }
    .three-col-difference-section .heading .description p { font-size: 18px; line-height: 28px; }
    .three-col-difference-section .heading h2 { font-size: 36px; line-height: 50px; margin-bottom: 20px; }
    .three-col-difference-section .main-content { padding-top: 60px; gap: 30px; }
    .three-col-difference-section .main-content .right-content .contain p { font-size: 20px; line-height: 30px; }
    .zig-zag-section { padding-top: 80px; }
    .zig-zag-section .inner-wrapper .main-content { padding-bottom: 60px; }
    .zig-zag-section .inner-wrapper .main-content .right-content img { height: 550px; }
    .zig-zag-section .inner-wrapper .main-content .left-content { width: 69%; }
    .zig-zag-section .inner-wrapper .main-content .left-content h2.title { font-size: 40px; line-height: 46px; }
    .zig-zag-section .inner-wrapper .main-content .left-content .contain { max-width: 100%; }
    .four-col-section .heading h2 { font-size: 32px; line-height: 40px; }
    .four-col-section .main-content { flex-wrap: wrap; justify-content: center; gap: 60px; }
    .four-col-section .main-content .column { width: 36%; }
    .four-col-section .main-content .column h3.title { font-size: 20px; line-height: 30px; }
    body.product.gradient .jdgm-review-widget h2.jdgm-rev-widg__title { margin-bottom: 38px; color: #fff; font-size: 44px; line-height: 55px; }
    body.product.gradient .jdgm-review-widget { padding: 25px; }
    body.product.gradient .jdgm-review-widget .jdgm-widget-actions-wrapper { border-left: none; }
    body.product.gradient ul.grid { justify-content: center; gap: 30px; }
    body.product.gradient .grid--4-col-desktop .grid__item { width: 100% !important; max-width: 47% !important; }
    .custom-cart-footer .bottom-option { padding-bottom: 90px; }
    .custom-cart-footer .totals__total { font-size: 18px; text-align: center; }
    .custom-cart-footer .tax-note { font-size: 16px; text-align: center; }
    .custom-cart-footer .totals__total-value { font-size: 20px; text-align: center; }
}
/* ***************************************************************************************************************************** */
@media (max-width:989px) {
    #menu-drawer.menu-drawer { width: 100%; }
    #menu-drawer.menu-drawer .menu-drawer__menu-item { background-color: transparent; }
    #menu-drawer.menu-drawer .menu-drawer__menu li { margin-bottom: 20px; }
    #menu-drawer.menu-drawer .menu-drawer__navigation { padding: 20px 0px 0 30px; }
    #menu-drawer.menu-drawer .header--has-social .menu-drawer__utility-links { padding: 20px 30px; }
    header-drawer { margin-left: 12px !important; }
    header-drawer .icon-hamburger path { fill: #fff !important; }
    header-drawer .icon-close path { fill: #fff !important; }
    .header__icon--summary { height: 20px !important; width: 20px !important; }
    .header__icon .svg-wrapper { width: 34px; height: 34px; }
    .custom-home-blog .slider.slider--tablet .blog__post { max-width: 50% !important; }
}
/* ***************************************************************************************************************************** */
@media (max-width:768px) {
    .utility-bar__grid.page-width { padding: 0 10px; }
    .why-choose-us .main-content { padding: 55% 0 40px; gap: 10px; }
    .why-choose-us .main-content .slide { max-width: 90% !important; }
    .why-choose-us .main-content .slide h4.slide-title { margin-bottom: 5px; }
    .why-choose-us .main-content .cta { padding-top: 40px; }
    .why-choose-us .main-content .cta .primary-btn { font-size: 18px; padding: 8px 30px; }
    section.how-it-work-section h2 { padding-bottom: 35px; }
    section.how-it-work-section .work-section-wrapper ul { gap: 30px; }
    section.how-it-work-section .work-section-wrapper ul li { width: 44%; }
    section.how-it-work-section .work-section-wrapper ul li .thumbnail { height: 100px; width: 100px; }
    section.how-it-work-section .work-section-wrapper ul li .thumbnail img { height: 40px; width: 40px; }
    section.how-it-work-section .work-section-wrapper ul li .title { font-size: 18px; line-height: 24px; }
    .best-seller-products .main-content { margin-top: 20px; }
    .best-seller-products .main-content .main-products li .product-title { font-size: 16px; line-height: 22px; margin: 26px 0 15px; }
    .best-seller-products .main-content .main-products li p.price { margin-bottom: 18px; }
    .best-seller-products .section-cta .primary-btn { padding: 12px 27px; margin-top: 45px; }
    .faq-section .wrapper .main-content { margin-top: 20px; }
    .faq-section .wrapper .main-content .row .column .ans { margin-top: 35px; }
    section.customer-slider-section .customer-slide { flex-direction: column; gap: 20px; padding: 40px 10px; }
    section.customer-slider-section .customer-slide .customer-review { padding-top: 0px; }
    section.customer-slider-section .customer-slide:before { content: none; }
    section.customer-slider-section .customer-slide .customer-review .contain p { font-size: 16px; line-height: 26px; }
    section.customer-slider-section .customer-slide .customer-review .customer-detail { margin-top: 20px; }
    section.customer-slider-section .customer-slide .customer-review .customer-detail .customer-name { font-size: 20px; line-height: 25px; }
    section.customer-slider-section .customer-slide .customer-review .customer-detail .role { font-size: 16px; }
    .custom-footer { background-repeat: no-repeat !important; background-size: 100% 100% !important; background-position: 100% 100% !important; background-image: url("/cdn/shop/files/footer-shape-tablet.svg?v=1732511759") !important; }
    .how-it-work-banner-section .main-content { padding-top: 160px; }
    .how-it-work-banner-section .main-content .right-content { width: 30%; }
    .how-it-work-banner-section .main-content .right-content img { height: 330px; }
    .three-col-section-with-bg { padding: 40px 0; }
    .full-width-image-slider-section .inner-content .img img { height: 600px; }
    body#how-it-works .custom-video-section h2.title { margin: 10px 0 18px; }
    body#how-it-works .custom-video-section p.upper-title { font-size: 20px; }
    .shop-banner-section .inner-content .left img { height: 250px; }
    .custom-cart-footer .bottom-option { padding-bottom: 60px; }
    .custom-contact .main-content .side-content { width: 100%; display: flex; flex-direction: column; gap: 32px; padding: 0; }
    .custom-contact .main-content .side-content .column+.column { border-left: none; padding-left: 0; }
    .ecofriendly-product-banner-section { background-size: cover; background-position: center; }
    .ecofriendly-product-banner-section .main-content { padding: 230px 0 130px; }
    .world-environment-section .main-content { margin-top: 35px; }
    .world-environment-section h3.section-heading { font-size: 24px; line-height: 36px; }
    .three-col-difference-section .heading h2 { font-size: 32px; line-height: 44px; }
    .three-col-difference-section .main-content .left-content { text-align: center; }
    .three-col-difference-section .main-content .left-content img { max-width: 80%; margin: 0 auto; }
    .three-col-difference-section .main-content .right-content .contain p { font-size: 18px; line-height: 28px; }
    .zig-zag-section { padding-top: 40px; }
    .zig-zag-section .inner-wrapper .main-content { flex-direction: column-reverse; gap: 30px; padding-bottom: 40px; }
    .zig-zag-section .inner-wrapper .main-content:nth-child(2) { flex-direction: column-reverse; }
    .zig-zag-section .inner-wrapper .main-content:nth-child(2) .left-content .contain { max-width: 100%; }
    .zig-zag-section .inner-wrapper .main-content .right-content img { height: 430px; }
    .zig-zag-section .inner-wrapper .main-content .left-content { width: 100%; }
    .zig-zag-section .inner-wrapper .main-content .left-content h2.title { font-size: 34px; line-height: 38px; }
    .four-col-section { padding: 40px 0; }
    .four-col-section .heading h2 { font-size: 28px; line-height: 36px; }
    .four-col-section .heading .description p { font-size: 17px; line-height: 26px; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content .right-content img { max-width: 100%; height: 100% !important; object-fit: cover; }
    .custom-cart-footer .bottom-option p { padding-bottom: 35px; }
    body.product.gradient .jdgm-review-widget h2.jdgm-rev-widg__title { margin-bottom: 20px; color: #fff; font-size: 36px; line-height: 44px; }
    body.\34 04.gradient .template-404 p { font-size: 160px; line-height: 170px; }
    .custom-cart-footer .cart__ctas button#checkout { max-width: 380px; font-size: 22px; padding: 24px 0; }
}
/* ***************************************************************************************************************************** */
@media (max-width:749px) {
    .custom-home-blog .slider.slider--tablet .blog__post { max-width: 100% !important; }
    .custom-contact form#ContactForm .field .field__input { height: 50px !important; }
    .custom-contact form#ContactForm .contact__button .button { font-size: 20px; }
}
/* ***************************************************************************************************************************** */
@media (max-width:575px) {
    .header__icon .svg-wrapper { width: 30px; height: 30px; }
    .header__heading-logo { margin-top: -8px; }
    .cart-count-bubble { top: 0px; right: 0px; }
    .why-choose-us { padding: 40px 0; }
    .why-choose-us .main-content { background-size: 70%; margin-top: 20px; padding: 65% 0 0px; gap: 30px; }
    .why-choose-us .main-content .cta { padding-top: 0px; }
    .why-choose-us .main-content .slide { max-width: 100% !important; margin-bottom: 0; }
    .best-seller-products .main-content .main-products { gap: 30px; }
    /* .best-seller-products .main-content .main-products li { width: 100%; } */
    .best-seller-products .section-cta .primary-btn { padding: 8px 30px; margin-top: 30px; font-size: 16px; }
    section.customer-slider-section .customer-slide .thumnail img { width: 205px; height: 205px; }
    .company-logo-section .logo-wrapper .slick-list .slick-track { gap: 30px; }
    .custom-home-blog .slider.slider--tablet .blog__post { max-width: 100% !important; }
    .custom-home-blog .slider.slider--tablet { margin-bottom: 2rem; padding-bottom: 20px; }
    .faq-section .wrapper .main-content .row { gap: 20px; }
    .faq-section .wrapper .main-content .row .column { padding: 15px; }
    .faq-section .wrapper .main-content .row .column .que { gap: 10px; line-height: 22px; }
    .faq-section .wrapper .main-content .row .column .ans { margin-top: 25px; }
    .custom-footer::before { background-image: none !important; }
    .custom-footer .footer-block__brand-info { max-width: 100%; }
    .custom-footer .footer-block__image-wrapper img { max-width: 60% !important; }
    .custom-footer .footer-block__brand-info .footer__list-social.list-social li.list-social__item { height: 35px; width: 35px; }
    .custom-product-grid-section .grid--4-col-desktop .grid__item { width: 100%; max-width: 100%; }
    .how-it-work-banner-section .main-content { padding-bottom: 20px; }
    .how-it-work-banner-section .main-content .right-content img { height: 280px; }
    .three-col-section-with-bg .main-content { padding-top: 30px; }
    .three-col-section-with-bg .main-content .column { width: 100%; }
    .two-col-img-content-section .main-content .left-content { height: 400px; }
    .two-col-img-content-section .main-content .right-content { padding: 20px 30px 30px; }
    .two-col-img-content-section .main-content .right-content .contain { padding: 8px 0 20px; }
    .two-col-img-content-section .main-content .right-content .contain p { font-size: 15px; line-height: 24px; }
    body#how-it-works .custom-video-section p.upper-title { font-size: 18px; }
    .full-width-image-slider-section .inner-content .img { padding-right: 0px; }
    .shop-banner-section .inner-content { margin-top: 20px; }
    .shop-banner-section .inner-content .left { width: 20%; }
    .shop-banner-section .inner-content .left img { height: 180px; }
    .shop-banner-section .inner-content .right { width: 55%; padding-top: 0px; }
    .ecofriendly-product-banner-section .main-content { max-width: 80%; }
    .world-environment-section .main-content .column { width: 45%; }
    .world-environment-section .main-content { gap: 30px; }
    .world-environment-section h3.section-heading { font-size: 22px; line-height: 32px; }
    .three-col-difference-section .heading h2 { font-size: 26px; line-height: 36px; }
    .zig-zag-section .inner-wrapper .main-content .right-content img { height: 340px; }
    .zig-zag-section .inner-wrapper .main-content .left-content h2.title { font-size: 28px; line-height: 34px; }
    .zig-zag-section .inner-wrapper .main-content .left-content .contain p { margin-bottom: 12px; }
    .four-col-section .main-content .column { width: 100%; }
    .four-col-section .main-content { justify-content: center; gap: 30px; }
    .cart__footer-wrapper:last-child .cart__footer { padding-bottom: 5rem !important; }
    body.product.gradient .grid--4-col-desktop .grid__item { width: 100% !important; max-width: 100% !important; }
    .custom-cart-footer .bottom-option p { padding-bottom: 20px; }
    .custom-cart-footer .tax-note { display: none; }
    .custom-cart-footer .bottom-option img { width: 100%; max-width: 75%; }
    body.\34 04.gradient .template-404 .title+* { margin-top: 4rem; }
    body.\34 04.gradient .template-404 p { font-size: 120px; line-height: 150px; }
    body.\34 04.gradient .template-404.page-margin { margin: 7rem auto 7rem; }
    body.blog .main-blog .blog-articles { gap: 30px; margin-top: 20px; }
    .header__icons { justify-self: flex-start !important; gap: 4px !important; }
    .custom-cart-footer .cart__ctas button#checkout { max-width: 320px; font-size: 20px; padding: 20px 0; }
}
/* ***************************************************************************************************************************** */
@media (max-width:425px) {
    .announcement-bar__message { font-size: 12px; }
    .header__heading-logo { width: 100px; height: 50px; }
    .header__icon { height: 4rem; width: 4rem; }
    #menu-drawer.menu-drawer .menu-drawer__menu-item { font-size: 16px; }
    section.hero-banner-section .hero-banner-content { padding: 160px 0 30px; }
    .why-choose-us { background-color: #000; padding: 30px 0; }
    .why-choose-us .main-content { background-size: 80%; padding: 75% 0 0px; }
    .how-it-work-banner-section .main-content .left-content{width:70%;}
    section.customer-slider-section .customer-slide { padding: 30px 10px; }
    .custom-home-blog a.black-btn.blog-btn { min-width: 165px; padding: 10px 0; gap: 6px; }
    .custom-home-blog a.black-btn.blog-btn svg { width: 18px; }
    .three-col-section .main-content { gap: 30px; }
    section.how-it-work-section h2 { padding-bottom: 25px; }
    .two-col-img-content-section .main-content .left-content { height: 320px; }
    .two-col-img-content-section .main-content .right-content { padding: 16px 16px 30px; }
    .two-col-img-content-section .main-content .right-content .contain p { font-size: 13px; line-height: 22px; }
    .shop-banner-section { background-position: center; background-size: cover; }
    .shop-banner-section .inner-content .left img { height: 120px; }
    .shop-banner-section .inner-content .right { width: 55%; padding-top: 10px; }
    .shop-banner-section .inner-content .right h1 { font-size: 26px; line-height: 34px; }
    .ecofriendly-product-banner-section .main-content { max-width: 100%; }
    .zig-zag-section .inner-wrapper .main-content .left-content h2.title { font-size: 26px; line-height: 32px; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content .left-content h2.title { font-size: 26px; line-height: 32px; margin-bottom: 10px; }
    body.product.gradient .zig-zag-section .inner-wrapper .main-content .left-content .contain p { margin-bottom: 10px; }
    .zig-zag-section .inner-wrapper .main-content { gap: 10px; padding-bottom: 20px; }
    .four-col-section .heading h2 { font-size: 26px; line-height: 34px; }
    body.product.gradient .product__title h1 { font-size: 26px !important; line-height: 36px !important; }
    body.blog .main-blog .blog-articles .article-card .card__heading { font-size: 18px; line-height: 28px; }
}
/* ***************************************************************************************************************************** */
@media (max-width:375px) {
    section.how-it-work-section .work-section-wrapper ul li { width: 80%; }
    header.mobile-header .main-header .mobile-menu-item .mega-menu-main span.menu-title { font-size: 11px; display: inline-block; line-height: 16px; }
}

/**************************************** customer account pages css date:29/09/2025 **************************************************************/
/**************************************************************************************************************************************************/
body.customers\/login .errors { margin-bottom: 50px; }
.customer thead th { color: #fff;}
.customer table.order-history thead { background-color: #000; }
.tab-content { display: none; }
.account-wrap { display: flex; gap: 30px; align-items: flex-start; margin-bottom: 30px; }
.account-sidebar { width: 20%; min-width: 320px; border: 1px solid #a5a5a542; height: fit-content; }
.avatar-header { background:#000; padding:20px; text-align:center; color:#fff; }
.customer-avatar { width:56px; height:56px; border-radius:50%; background:#fff; display:inline-block; line-height:56px; font-weight:700; font-size:16px; margin-bottom:8px; color:#000; }
.customer-name { font-weight:700; color: #fff; }
.account-nav { margin-top:18px; display:flex; flex-direction:column; gap:8px; }
.account-nav a { color:#1a4b4b; text-decoration:none; padding: 0px 20px; font-size: 14px; }
.account-nav .sidebar-dropdown .title span { display: inline-block; text-transform: capitalize; }
.account-nav .logout-btn { display: flex; align-items: center; justify-content: center; padding: 20px 0; border-top: 1px solid #a5a5a542; }
.account-nav .logout-btn a { display: flex; align-items: center; gap: 5px; padding: 0; color: #5c3600; }

.account-nav .sidebar-dropdown .title { display: flex; justify-content: space-between; padding: 0 20px; align-items: center; cursor: pointer; }
.account-nav .sidebar-dropdown .sidebar-dropdown-children { display: flex; flex-direction: column; gap: 15px; background-color: #0000000d; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease; opacity: 0; }
.account-nav .sidebar-dropdown.active .sidebar-dropdown-children { max-height: 500px; opacity: 1; padding: 15px 0px 15px 20px; }

/* Icon toggling */
.account-nav .sidebar-dropdown .active-icon { display: none; }
.account-nav .sidebar-dropdown.active .active-icon { display: inline; }
.account-nav .sidebar-dropdown.active .in-active-icon { display: none; }

.account-nav .sidebar-dropdown.active .sidebar-dropdown-children .tab-link.active { font-weight: 600; color: #000; }

table.order-details tr th { background-color: #000; }
table.order-details tfoot tr:last-child { border-top: 1px solid #ededed; }

.account-main { flex:1; background:#fff; padding:20px; border-radius:6px; box-shadow:0 1px 2px rgba(0,0,0,0.04); }
.form-group { margin-bottom:14px; }
.form-group label { display:block; font-size:13px; margin-bottom:6px; color:#555; }
.form-group input { width:100%; padding:10px 12px; border:1px solid #d0d0d0; border-radius:4px; background:#f7f7f7; }
.form-actions { margin-top:18px; display:flex; gap:10px; align-items:center; }
.btn { background:#0f7a7d; color:#fff; padding:10px 14px; border-radius:4px; text-decoration:none; border:none; cursor:pointer; }
.btn-secondary { background:transparent; color:#0f7a7d; border:1px solid #0f7a7d; padding:8px 12px; border-radius:4px; text-decoration:none; display:inline-block; }

#my_details { max-width: 600px; margin: 40px auto; padding: 20px; background-color: #fafafa; border: 1px solid #ddd; border-radius: 8px; font-family: Arial, sans-serif; }

section.main-addresses { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0; }
section.main-addresses .main-content-wrapper { display: flex; justify-content: flex-start; gap: 30px; }
section.main-addresses .main-content-wrapper .custom-addresses-details { margin: 0; max-width: 100%; width: 70%; padding: 0 0 40px; }
section.main-addresses .main-content-wrapper .custom-addresses-details .upper-text { display: flex; justify-content: space-between; align-items: center; width: 100%; }
section.main-addresses .main-content-wrapper .custom-addresses-details .upper-text button.add-address-btn { transition: all 0.3s ease; margin: 0; background-color: transparent; color: #5C3600; border: 1px solid #5C3600; border-radius: 30px; font-weight: 500; text-transform: capitalize; gap: 10px; padding: 0 20px; }
section.main-addresses .main-content-wrapper .custom-addresses-details .upper-text button.add-address-btn:hover { background-color: #000; color: #fff; border: 1px solid #000; }
section.main-addresses .main-content-wrapper .custom-addresses-details .upper-text button.add-address-btn svg path { transition: all 0.3s ease; }
section.main-addresses .main-content-wrapper .custom-addresses-details .upper-text button.add-address-btn:hover svg path { fill: #fff; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content { border: 1px solid #a5a5a542; padding: 30px 0; width: 50%; box-shadow: 0 0 10px #c8c8c866; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content { border-top: 1px solid #a5a5a542; display: flex; align-items: center; padding: 20px 30px 0; gap: 20px; justify-content: space-between; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .upper-address { padding: 0 30px; margin-bottom: 15px; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .upper-address strong { font-weight: 600; margin-bottom: 8px; display: inline-block; font-size: 18px; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content button { margin: 0; gap: 6px; background-color: transparent; color: #5C3600; padding: 0; width: auto; min-width: auto; min-height: auto; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content button::before, section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content button::after { content: none; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content span.default-tag { background-color: #000; color: #fff; display: inline-block; padding: 7px 20px; border-radius: 50px; text-transform: uppercase; font-size: 14px;}
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content button { margin-right: 10px; }
section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .lower-content button:last-child { margin-right: 0px; } 
.addresses form .lower-update-btn .form-cta-inside{background-color:#000 !important; color:#fff !important; padding:15px !important;}
.addresses form .lower-update-btn .form-cta-inside-1{color:#000 !important;padding:15px !important;}

.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; justify-content: center; align-items: center; }
.modal-content { background: #fff; padding: 2rem; border-radius: 12px; max-width: 600px; width: 90%; max-height: 90vh; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.modal-content .customer .field label {display:none !important;}
.modal-content form { overflow-y: auto; max-height: 70vh; padding-right: 10px; border-radius: inherit; }
.modal-close { position: absolute; top: 10px; right: 15px; cursor: pointer; height: 32px; width: 32px; }
.modal-close svg { height: 100%; width: 100%; }

.modal-content form::-webkit-scrollbar { width: 6px; }
.modal-content form::-webkit-scrollbar-track { background: transparent; }
.modal-content form::-webkit-scrollbar-thumb { background-color: #000; border-radius: 4px; border: none; }

.addresses form .lower-update-btn { margin-top: 15px; }

.account-section { margin-bottom: 30px; }
.account-section.other-details { display: flex; gap: 20px; width: 100%; max-width: 80%; padding: 0 20px; }
.account-section label { display: block; margin-bottom: 5px; font-weight: bold; color: #555; font-size: 14px; }
.account-section input { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; background-color: #f9f9f9; }
.account-section input[readonly] { color: #666; cursor: not-allowed; }
.account-section a { display: inline-block; margin-top: 5px; color: #007bff; text-decoration: none; }
.account-section a:hover { text-decoration: underline; }
.account-heading { font-size: 18px; font-weight: 500; background-color: #000; color: #fff; padding: 10px 20px; }
.detail-row { display: flex; gap: 20px; padding: 20px 20px 0; width: 100%; max-width: 80%; }
.main-account-border { border: 1px solid #000; margin-bottom: 30px; }
.account-section.main-details { border-bottom: 2px dashed #00000017; }
.detail-row .e-mail { width: 100%; }
.detail-row .pswd { width: 100%; }
.other-details .f-name { width: 100%; }
.other-details .l-name { width: 100%; }
.other-details .p-nbr { width: 100%; }
div#my_profile { width: 70%; }
form.reset-password-form { margin: 0; }
input.change-password-link { width: auto; border: navajowhite; background: none; padding: 0; color: #000; font-weight: 600; cursor: pointer; }
form.reset-password-form { margin: 0 !important; padding-bottom: 10px; }
.pswd input#password { margin: 0; }
.customer-odr { width: 100%; }
.bottom-bar-account { width: 100%; display: none; }
.account-data-sticky { width: 100%; }
.account-data-sticky ul.account-menubar { width: 100%; display: flex; justify-content: space-around; padding: 10px !important; align-items: center; background: #fff3e3; border-radius: 6px; }
.account-data-sticky ul.account-menubar  li { list-style: none; display: inline-flex }
.account-data-sticky ul.account-menubar  li a { display: inline-flex; }
.account-data-sticky ul.account-menubar li a svg { height: 40px; width: 40px; }
.mobile-tabbing { display: none; margin-bottom: 30px; }
.mobile-tabbing .inner-content { width: 100%; display: flex; gap: 30px; background: #000000; padding: 10px; border-radius: 50px; align-items: center; max-width: 60%; margin: 0 auto; }
.mobile-tabbing .inner-content a.mb-tab-link { width: 100%; padding: 10px; border-radius: 50px; text-decoration: none !important; font-size: 16px; font-weight: 500; color: #fff; line-height: normal; text-align: center; }
.mobile-tabbing .inner-content a.mb-tab-link.active-tab { background: #fff; color: #000; }

@media (max-width:1200px) {
    .account-sidebar { min-width: 280px; }
    section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content { width: 70%; }

    .detail-row { flex-direction: column; gap: 0px; }
    .account-section.other-details { flex-direction: column; gap: 0px; }
}
@media (max-width:991px) {
    div#my_profile { width: 100%; }
    .detail-row { max-width: 100%; }
    .account-section.other-details { max-width: 100%; }
    .mobile-tabbing { display: block; }
    .bottom-bar-account { ; display: block; position: sticky; bottom: 0; }
    .account-data-sticky ul.account-menubar li.active-mb-icon { border-top: 4px solid #5C3600; padding: 10px 0; }

    .account-sidebar { display: none; }
    section.main-addresses .main-content-wrapper .custom-addresses-details { width: 100%; max-width: 100%; padding: 0 0 70px; }
}
@media (max-width:768px) {
    section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses { flex-direction: column; margin-top: 20px; }
    section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content { width: 100%; margin: 0; }

    .customer h1, h1.customer__title { font-size: 30px; }
    .mobile-tabbing .inner-content { max-width: 80%; }
    .account-data-sticky ul.account-menubar li a svg { height: 30px; width: 30px; }
}
@media (max-width:575px) {
    .main-account-border { margin-bottom: 0px; }
    .mobile-tabbing .inner-content { max-width: 100%; }
    .account-data-sticky ul.account-menubar li.active-mb-icon { border-top: 3px solid #5C3600; padding: 5px 0; }
    .customer tbody td { font-size: 14px; }
    section.main-addresses .main-content-wrapper .custom-addresses-details .upper-text { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; }
}
@media(max-width:425px) {
    .mobile-tabbing { margin-bottom: 20px; }
    .mobile-tabbing .inner-content a.mb-tab-link { font-size: 14px; padding: 6px; }
    .detail-row { padding: 10px 10px 0; }
    .account-heading { padding: 10px 15px; font-size: 16px; }
    .account-section.other-details { padding: 0 10px; }
    .account-section { margin-bottom: 20px; }
    section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content .upper-address { padding: 0 20px; margin-bottom: 5px; }
    section.main-addresses .main-content-wrapper .custom-addresses-details ul.main-addresses li.address-content { padding: 20px 0; }
}




/*  */
body#fizzit-pro-purchase-a-cylinder .product-form__quantity {
  display: none;
}