/*!
Theme Name: Living9
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: living9
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Living9 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/*-----------
# Google-font

 font-family: "Plus Jakarta Sans", sans-serif;
 font-family: "DM Sans", sans-serif;
-------------*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
}

/* Reset CSS */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ol,
ul,
li,
table,
tr,
td,
th {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: "DM Sans", sans-serif;
    color: #000000;
}

/* Add your custom styles below this line */

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

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

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

p {
    line-height: 1.5;
    font-size: 18px;
    line-height: 24px;
    font-family: "DM Sans", sans-serif;
    color: #000000;
}

a {
    text-decoration: none;
    transition: all 0.4s;
}

a:hover {
    text-decoration: none;
    outline: none;
    color: #25b590;
}

strong,
b {
    font-weight: 700;
}

blockquote {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 28px;
    letter-spacing: 1.2px;
}


/* Title*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 25px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

h1,
.h1 {
    font-size: 50px;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 46px;
    font-weight: 700;
}

h3,
.h3 {
    font-size: 40px;
    font-weight: 700;
}

h4,
.h4 {
    font-size: 22px;
    font-weight: 700;
}

h5,
.h5 {
    font-size: 20px;
}

h6,
.h6 {
    font-size: 18px;
}

/*Form*/

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    height: 40px;
    color: #212121;
    padding: 10px 15px;
    font-weight: 400;
    border: none;
    background-color: #fff;
    border: 1px solid;
}

textarea {
    height: 130px;
    resize: none;
    padding-top: 25px;
}

select:focus,
input:focus,
textarea:focus,
button:focus,
select:hover,
input:hover,
textarea:hover,
button:hover {
    outline: none;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #212121;
}

:-moz-placeholder {
    opacity: 1;
    color: #212121;
}

::-moz-placeholder {
    opacity: 1;
    color: #212121;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #212121;
}

input {
    -moz-appearance: value;
    appearance: value;
    -webkit-appearance: none;
    outline: none;
    box-shadow: none;
}

input[type="number"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}


textarea {
    resize: vertical
}

textarea:-moz-placeholder {
    text-transform: inherit;
}

textarea::-moz-placeholder710 {
    text-transform: inherit;
}

textarea:-ms-input-placeholder {
    text-transform: inherit;
}

input::-ms-clear {
    display: none;
}

select::-ms-expand {
    display: none;
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

iframe {
    border: 0
}

.btn,
.nav-links a {
    border: 2px solid #475256;
    border-radius: 33px;
    position: relative;
    overflow: hidden;
    height: 50px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #475256;
    padding: 0 34px 0 56px;
}

.btn .line,
.nav-links a .line {
    height: 1px;
    width: 14px;
    position: absolute;
    content: '';
    left: 25px;
    display: block;
    top: 50%;
    transform-origin: left;
    background-color: #000;
    transform: translateY(calc(-50% + 0.5px)) translateZ(0);
    animation: ctaArrowLineStart .45s cubic-bezier(.23, .46, .4, 1) forwards;
    z-index: 1;
}

@keyframes ctaArrowLineStart {
    0% {
        transform-origin: left;
        transform: scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0)
    }

    100% {
        transform: scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)
    }
}

@keyframes ctaArrowLineEnd {
    0% {
        transform-origin: right;
        transform: scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)
    }

    50% {
        transform-origin: right;
        transform: scaleX(0) translateY(calc(-50% + .5px)) translateZ(0)
    }

    51% {
        transform-origin: left
    }

    100% {
        transform: scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0);
        transform-origin: left
    }
}

.btn svg,
.nav-links a svg {
    position: absolute;
    left: 40px;
    top: 50%;
    width: 6px;
    animation: ctaArrowSVGStart .45s cubic-bezier(.23, .46, .4, 1) forwards;
}

.btn:hover svg,
.nav-links a:hover svg {
    animation: ctaArrowSVGEnd .45s cubic-bezier(.23, .46, .4, 1) forwards;
}

@keyframes ctaArrowSVGStart {
    0% {
        transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
    }

    100% {
        transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
    }
}

@keyframes ctaArrowSVGEnd {
    0% {
        transform: translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)
    }

    100% {
        transform: translateY(calc(-50% + .5px)) translateX(0) translateZ(0)
    }
}

.btn svg polyline,
.nav-links a svg polyline {
    animation: ctaArrowEnd .45s cubic-bezier(.23, .46, .4, 1) forwards;
    stroke-dashoffset: 140px;
    stroke-dasharray: 140px;
}

.btn:hover svg polyline,
.nav-links a:hover svg polyline {
    animation: ctaArrowStart .45s ease .25s forwards;
}

@keyframes ctaArrowEnd {
    0% {
        stroke-dashoffset: 10px;
        stroke-dasharray: 150px 150px
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0;
        stroke-dashoffset: -53px;
        stroke-dasharray: 1px 150px
    }
}

@keyframes ctaArrowStart {
    0% {
        stroke-dashoffset: 140px;
        stroke-dasharray: 140px
    }

    100% {
        stroke-dasharray: 140px;
        stroke-dashoffset: 10px
    }
}

.btn svg,
.btn svg polyline,
.nav-links a svg,
.nav-links a svg polyline {
    stroke: currentColor;
}

.btn::after,
.nav-links a::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: #475256;
    transition: 0.3s ease-out;
    z-index: -1;
    border-radius: 33px;
}

.btn:hover,
.nav-links a:hover {
    color: #fff;
    background-color: #475256;
    transition: background-color 0.8s ease-out;
}

.btn:hover::after,
.nav-links a:hover::after {
    width: 100%;
}

.btn:hover .line,
.nav-links a:hover .line {
    animation: ctaArrowLineEnd .45s cubic-bezier(.23, .46, .4, 1) forwards;
    background-color: #fff;
}

/*Flex grid*/

.flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

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

.align-center {
    align-items: center;
}


.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

[class*="col-"] {
    padding: 0 15px;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    [class*="col-"] {
        width: 100%;
    }
}

/* container */

.container {
    max-width: 1620px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.container-fluid {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

.site-main {
    min-height: 100vh;
}

/*-------------------------
#  Header
----------------------------*/

.site-header {
    padding: 20px 0;
    background-color: #fff;
}
.sticky .site-header {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: -60px;
    background-color: #fff;
    z-index: 10009;
    animation: goDown 0.5s ease-in-out forwards;
    box-shadow: 0px 4px 35.5px 0px #00000026;
}

@keyframes goDown {
    0% {
        top: -60px;
    }

    100% {
        transform: translateY(60px);
    }
}

@-webkit-keyframes goDown {
    0% {
        top: -60px;
    }

    100% {
        transform: translateY(60px);
    }
}

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

.header-box .site-title {
    display: none;
}

.burgur_menu {
    display: none;
}

.main-navigation ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 60px;
    padding: 0;
}

.main-navigation ul li a {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
}

.main-navigation ul li:hover a,
.main-navigation ul li.current-menu-item a {
    color: #475256;
}

.main-navigation ul li.desktop-none {
    display: none;
}

.right-header ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
}
.right-header ul li .dgwt-wcas-search-icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block;
    max-width: 22px;
}

.dgwt-wcas-suggestions-wrapp {
    border: none;
    box-shadow: 0px 4px 4px 0px #00000033;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    box-shadow: 0px 0px 8.9px 0px #00000033;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp.dgwt-wcas-search-focused input[type=search].dgwt-wcas-search-input:hover {
    background-color: #fdf9f5;
}

a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
    border-radius: 30px;
    background-color: transparent !important;
    border-color: #475256 !important;
    color: #475256 !important;
    position: relative;
}

a.xoo-wsc-ft-btn:hover,
.xoo-wsc-container .xoo-wsc-btn:hover {
    color: #fff !important;
    background-color: #475256 !important;
    transition: background-color 0.8s ease-out;
    position: relative;
    z-index: 11;
}

a.xoo-wsc-ft-btn::after,
.xoo-wsc-container .xoo-wsc-btn::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: #475256;
    transition: 0.3s ease-out;
    z-index: 1;
    border-radius: 33px;
}

a.xoo-wsc-ft-btn:hover::after,
.xoo-wsc-container .xoo-wsc-btn:hover::after {
    width: 100%;
    z-index: -1;
}

span.xoo-wsch-close {
    font-size: 22px;
    right: 10px;
}

/*-------------------------
#  Footer
----------------------------*/
.site-footer {
    clear: both;
    overflow: hidden;
}

.footer-box {
    background-color: #475256;
    padding: 76px 0 66px;
}

.footer-box .container {
    max-width: 1400px;
}

.footer-box>.container>.row {
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.footer-box .col-6 {
    max-width: 200px;
    width: 100%;
    padding: 0;
    position: relative;
}

.footer-box li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-footer-menu-container ul li:not(:last-child) {
    margin-bottom: 20px;
}

.menu-footer-menu-container ul li a {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}

.menu-footer-menu-container ul li:hover a {
    color: #000000;
}

.footer-column-2 {
    text-align: left;
    max-width: 428px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 26px 0;
}

.footer-box .col-6::before,
.footer-box .col-6::after {
    position: absolute;
    content: "";
    left: -100px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
}

.footer-box .col-6::after {
    left: auto;
    right: -100px;
}

.footer-logo {
    margin-bottom: 34px;
}

.more-info p {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #E2E2E2;
    margin-bottom: 30px;
}

.social-icon ul {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 20px;
}

.social-icon ul li a {
    color: #475256;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border: 1px solid transparent;
}

.social-icon ul li:hover a {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.footer-column-3 h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.footer-column-3 p,
.footer-column-3 a {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 30px;
    display: block;
    max-width: 344px;
    width: 100%;
}

.footer-column-3 a:hover {
    color: #000;
}

.copy-right-text {
    text-align: center;
}

.copy-right-text li {
    list-style: none;
}

.copy-right-text p {
    color: #747474;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    padding: 6px 0;
}

/*-------------------------
# Home page
----------------------------*/

.our-promise {
    background-color: #FDF9F5;
    padding: 104px 0;
    clear: both;
    width: 100%;
}

.our-promise-title {
    max-width: 890px;
    width: 100%;
    margin: 0 auto 124px;
}

.our-promise-title h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #475256;
    margin-bottom: 20px;
}
.our-promise-title h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #475256;
    margin-bottom: 20px;
}

.our-promise-title p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    color: #525252;
}

.our-promise-icon {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    column-gap: 72px;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.our-item {
    cursor: pointer;
}

.our-item .icon {
    width: 142px;
    height: 142px;
    /* border-radius: 100%;
    margin: 0 auto 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 0 0px #475256 inset;
    transition: all linear 0.5s; */
}

/* .our-item:hover .icon {
    box-shadow: 0 0 0 100px #475256 inset;
}

.our-item:hover .icon img {
    filter: brightness(100);
}

.our-item .icon img {
    max-width: 60px;
    height: 60px;
    width: 100%;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
    transition-delay: 0.2s;
}

.our-item .text {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    color: #000000;
} */

.our-promise-btn {
    padding-top: 82px;
    text-align: center;
    position: relative;
    z-index: 11;
}

/* Blog */

.blog-section {
    margin-top: 118px;
    margin-bottom: 110px;
    display: none !important;
}

.blog-box .title {
    text-align: center;
    margin-bottom: 90px;
}

.blog-box .title h3 {
    font-weight: 700;
    font-size: 50px;
    line-height: 56px;
    color: #475256;
    margin-bottom: 10px;
}

.blog-box .title p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: #475256;
}

.blog-inner-box .blog-img {
    margin-bottom: 40px;
}

.blog-inner-box .blog-img a {
    display: block;
}

.blog-inner-box .blog-img img {
    width: 100%;
    height: 348px;
    object-fit: cover;
    object-position: center center;
    border-radius: 10px;
}

.blog-inner-box .blog-information .post-date {
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.25em;
    color: #525252;
    margin-bottom: 6px;
}

.blog-inner-box .blog-information .post-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #000000;
    margin-bottom: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.blog-inner-box .blog-information .post-contact {
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #525252;
    margin-bottom: 18px;
}

.blog-inner-box .blog-information .post-link i {
    font-size: 28px;
    color: #525252;
}

.blog-inner-box:hover .blog-information .post-link i {
    color: #000000;
}

.our-blog-button {
    margin-top: 64px;
    text-align: center;
}

/* Our Products */

.our-product-home {
    margin-top: 60px;
    clear: both;
}

.our-product-title {
    max-width: 734px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.our-product-title h3 {
    font-size: 50px;
    font-weight: 700;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #475256;
}

.our-product-title p {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #525252;
}

.our-product-box {
    margin-bottom: 75px;
}

ul.products li.product .pro-hover-image {
    display: none;
}
.our-product-box ul.products li.product .pro-hover-image {
    display: block ;
}

.our-product-box .product-hover-image {
    position: relative;
    width: 100%;
}
.our-product-box ul.products li.product .pro-hover-image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
}

.our-product-box.product-grid .product_tag {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 11;
}

.our-product-box .product_tag ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    column-gap: 10px;
}

.our-product-box .product_tag li:not(:last-child) {
    margin-bottom: 6px;
}

.our-product-box .product_tag li {
    list-style: none;
}

.our-product-box .product_tag li span {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    padding: 5px 15px;
    background-color: #475256;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
}

.our-product-box .product_tag li.sale span {
    background-color: #A2C775;
    color: #FFFFFF;
}

.our-product-box .product_tag li.best-seller span {
    background-color: #879CA3;
    color: #fff;
}

.our-product-box .product_tag li.offer span {
    background-color: #E1E558;
    color: #C83E27;
}

.our-product-box .product_tag li.new-launch span {
    background-color: #C83E27;
    color: #fff;
}

.our-product-btn {
    text-align: center;
    margin-bottom: 80px;
}

.combo-offer {
    position: relative;
    clear: both;
    width: 100%;
    background: #fdf9f5;
    overflow: hidden;
}

.combo-offer-banner .offer-responsive {
    display: none;
}

.combo-offer-banner img {
    width: 100%;
}

.combo-offer-info {
    max-width: 670px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
}

.combo-offer-info .top-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 37px;
    font-weight: 600;
    line-height: 46.62px;
    text-align: left;
    color: #475256;
    margin-bottom: 0;
}

.combo-offer-info .offer-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #475256;
    max-width: 622px;
    width: 100%;
    margin-bottom: 6px;
}

.combo-offer-info .offer-code {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: #C83E27;
    padding: 20px 28px;
    border: 2px dashed #C83E27;
    margin-bottom: 6px;
    display: inline-block;
}

.combo-offer-info .text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 30.24px;
    text-align: left;
    color: #475256;
    margin-bottom: 14px;
}

.because-section {
    margin-top: 125px;
    margin-bottom: 125px;
}

.because-title {
    max-width: 920px;
    width: 100%;
    margin: 0 auto 58px;
}

.because-title h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #475256;
}

.because-btn {
    text-align: center;
}
.home-slider .banner-inner-item img {
    width: 100%;
}
.home-slider .banner-inner-item .responsive-view {
    display: none;
}

.home-slider .slick-prev,
.home-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    width: 38px;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-slider .slick-prev:hover,
.home-slider .slick-prev:focus,
.home-slider .slick-next:hover,
.home-slider .slick-next:focus {
    color: #fff;
    outline: none;
    background: #000;
}

.home-slider .slick-prev {
    left: 15px;
}

.home-slider .slick-next {
    right: 15px;
}

.home-slider .slick-prev:before,
.home-slider .slick-next:before {
    display: none;
}

.home-slider .slick-prev::after,
.home-slider .slick-next::after {
    font-family: "Font Awesome 6 Free";
    content: "\f060";
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.home-slider .slick-next::after {
    content: "\f061";
}

.home-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-width: 80px;
    border-radius: 90px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 6px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home-slider .slick-dots li {
    margin: 0;
    height: auto;
    width: auto;
}

.home-slider .slick-dots li button {
    width: 9px;
    height: 9px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0;
    margin: 0 auto;
}

.home-slider .slick-dots li.slick-active button {
    width: 26px;
    background-color: rgba(255, 255, 255, 1);
}

.home-slider .slick-dots li:hover button {
    background-color: rgba(255, 255, 255, 1);
}

.home-slider .slick-dots li button:before {
    display: none;
}




.slider-section-home {
    background-color: #fff;
}

.slider-section-home .container {
    padding: 121px 0px 169px 0px;
    max-width: 100%;
}

.slider-section-home .content .title {
    padding-bottom: 147px;
    margin-bottom: 0;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #475256;
}

.slider-section-home .testimonial-slider .slick-slide {
    background-color: #FFFFFF;
    margin: 16px;
    border-radius: 10px;
    padding: 44px;
    min-height: 580px;
    height: 100%;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}

.slider-section-home .image-box img {
    width: 114px;
    height: 114px;
    border-radius: 50%;
}

.slider-section-home .avtar-dec {
    text-align: left;
}

.slider-section-home .avtar-dec span {
    display: block;
    color: #475256;
}

.slider-section-home .avtar-dec {
    margin-top: 20px;
    margin-bottom: 47px;
}

.slider-section-home .rating-content .star-rating span::before {
    color: #FFAD03;
}

.slider-section-home .rating-content {
    text-align: left;
    padding-top: 11px;
}

.slider-section-home .rating-content p {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.44px !important;
    text-align: left;
    color: #525252 !important;
}

.slider-section-home .product-box {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 60px;
}

.slider-section-home .product-content {
    text-align: left;
    /* position: relative; */
}

.slider-section-home .product-img img {
    width: 45px;
    height: auto;
}

.slider-section-home .product-content span {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    text-align: left;
    display: block;
    color: #525252;
}

.slider-section-home .product-content a {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.64px;
    text-align: left;
    color: #475256;
    position: relative;
}

.slider-section-home a.product-btn::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(images/dobbule-arrow.png);
    top: 3px;
    left: 87px;
}

.slider-section-home a.product-btn::before {
    content: '';
    position: absolute;
    width: 96px;
    height: 1px;
    background-color: #475256;
    bottom: 0px;
    opacity: 50%;
}

.slider-section-home .col-12.content {
    padding: 0px !important;
}

.slider-section-home .testimonial-slider {
    padding-left: 197px;
    overflow: hidden;
}

.progress {
    position: relative;
    display: block !important;
    margin-top: 40px;
    margin-left: 197px;
    max-width: 1450px;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #52525269;
    background-image: linear-gradient(to right, #000, #000);
    background-repeat: no-repeat;
    background-size: 0 100%;
    opacity: 1;
    z-index: 1;
    transition: background-size 0.4s ease-in-out;
}

.progress::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #707070;
    position: absolute;
    left: 0;
    top: 1px;
    opacity: 0.5;
}

/*-------------------------
#  Product 
----------------------------*/
.product-list {
    margin-bottom: 75px;
}

.product-list .woocommerce_breadcrumb {
    display: none;
}

.product-banner {
    margin-bottom: 140px;
    position: relative;
    overflow: hidden;
}

.product-banner .banne-img {
    line-height: 0;
}
.product-banner .banne-img img {
    width: 100%;
}

.product-banner .banne-img .mobile_image {
    display: none;
}

.pro-banner-info {
    position: absolute;
    width: 100%;
    max-width: 1620px;
    top: 50%;
    transform: translateY(-50%);
}

.pro-banner-info h1 {
    font-size: 50px;
    font-weight: 400;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    color: #fff;
    margin-bottom: 0;
}

.pro-banner-info h1 span {
    font-weight: 700;
}

.product-grid .product_tag {
    display: none;
}

.product-grid ul.products {
    display: flex;
    flex-wrap: wrap;
}

.product-grid ul.products .product {
    display: flex;
    flex-wrap: wrap;
}

.product-grid ul.products .product .woocommerce-LoopProduct-link {
    width: 100%;
}

.product-grid .woocommerce_product_img {
    text-align: center;
    /* background-color: #FDF9F5; */
    border-radius: 10px;
    /* padding: 90px 0; */
    margin-bottom: 28px;
}

.product-grid .woocommerce_product_img img {
    margin: 0 auto;
    border-radius: 10px;
}

.product-grid .woocommerce-loop-product__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #000000;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.product-grid .product-short-description {
    font-size: 19px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: #525252;
    max-width: 400px;
    width: 100%;
    margin-bottom: 8px;
}

.product-grid .star-rating span::before {
    color: #FFBC00;
}
.star-rating::before {
    color: #ccc;
    opacity: 1 !important;
}

.product-grid .price {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #000;
    margin-top: 10px;
    margin-bottom: 16px;
    display: none;
}

.product-grid .add_to_cart_button,
.product-grid .product_type_simple {
    border-radius: 5px;
    background-color: #D7B369;
    color: #000000;
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    padding: 12px;
    margin-top: auto;
    width: 100%;
}
.product-grid .product_type_simple {
    margin-top: 20px;
    font-size: 16px;
}

.product-grid .add_to_cart_button:hover,
.product-grid .product_type_simple:hover  {
    background-color: #475256;
    color: #fff;
}

/*-------------------------
#  Product Details 
----------------------------*/

.woocommerce-shop .woocommerce-products-header,
.woocommerce-shop .woocommerce-notices-wrapper,
.woocommerce-shop .woocommerce-result-count,
.woocommerce-shop .woocommerce-ordering,
.woocommerce-shop .woocommerce-breadcrumb {
    display: none;
}

.search.woocommerce-shop .product-banner {
    display: none;
}
.woocommerce-shop.search .woocommerce-products-header {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}
.single-product .container {
    max-width: 1360px;
}

.pro-details .product_title.entry-title {
    display: none;
}

.pro-details .woocommerce-review-link {
    display: none;
}

.pro-details .woocommerce-product-details__short-description {
    display: none;
}

.pro-details .product_meta {
    display: none;
}

.pro-details .woocommerce-product-gallery__trigger {
    display: none !important;
    /* background: #fff;
    top: auto !important;
    bottom: 2em !important;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px; */
}

.pro-details .woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
}

.pro-details .woocommerce-tabs ul.tabs,
.pro-details #comments,
.pro-details .cr-ajax-search,
.pro-details .cr-count-row,
.pro-details .woocommerce-Tabs-panel {
    display: none !important;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab {
    display: none !important;
}

.woocommerce-tabs.active .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab {
    display: block !important;
}

.pro-details {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 45px;
    margin-top: 100px;
    margin-bottom: 90px;
}

.single-product .woocommerce-breadcrumb {
    display: none;
}

.single-product .product .pro-details .woocommerce-product-gallery {
    max-width: 50%;
    width: 100%;
}

.single-product .product .pro-details .woocommerce-product-gallery {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.single-product .product .pro-details .woocommerce-product-gallery .flex-viewport {
    max-width: 560px;
    width: 100%;
    text-align: center;
    order: 2;
    background-color: #FDF9F5;
    /* background-color: #fff; */
    border-radius: 10px;
    height: 100% !important;
    margin-bottom: 0;
}

.single-product .product .pro-details .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
    display: flex;
    align-items: center;
}

.single-product .product .pro-details .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
    padding: 64px 0;
    
    /* padding: 0;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
    object-position: top center; */
}
.single-product .product .pro-details .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image a {
    display: block;
    line-height: 0;
}
/* .single-product .product .pro-details .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
    width: 100%;
    height: 100%;
    max-height: 560px;
    object-fit: cover;
} */

.single-product .product .pro-details .woocommerce-product-gallery .flex-control-nav {
    max-width: calc(100% - 580px);
    width: 100%;
    display: flex;
    flex-direction: column;
    order: 1;
    /* height: 100%;
    overflow: auto;
    max-height: 547px; */
}
/* .single-product .product .pro-details .woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar {
    display: none;
}
.single-product .product .pro-details .woocommerce-product-gallery .flex-control-nav {
     -ms-overflow-style: none; 
    scrollbar-width: none;  
} */

.single-product .product .pro-details .woocommerce-product-gallery .flex-control-nav li {
    width: 100% !important;
    /* background: #fdf9f5; */
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.single-product .product .pro-details .woocommerce-product-gallery .flex-control-nav li:not(:last-child) {
    margin-bottom: 28px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    opacity: 1 !important;
    border-radius: 10px;
    width: 100%;
    max-width: 100px;
    height: 80px;
    object-fit: contain;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border: 1px solid #AEAEAE;
}

.summary.entry-summary {
    max-width: calc(50% - 45px);
    width: 100%;
}

.summary .product_tag ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    column-gap: 10px;
}

.summary .product_tag ul li {
    list-style: none;
}

.summary .product_tag ul li span {
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    text-align: left;
    padding: 5px 10px;
    background-color: #A2C775;
    color: #0C0C0C;
    display: inline-block;
    border-radius: 50px;
}

.summary .product_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    display: block;
    color: #000;
    margin-bottom: 6px;
    letter-spacing: -0.8px;
}
.summary .product-short-description {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #808080;
    margin-bottom: 15px;
}
.summary .taxes {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
    color: #808080;
    margin-bottom: 0px;
    display: none;
}
.summary .price,.summary .woocommerce-product-rating {
    display: none;
}

.summary .regular_price {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000000;
    text-align: left;
    display: none;
    margin-bottom: 10px;
}

.summary .star-rating-pro {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.summary .star-rating-pro .average_rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2px 6px;
    border-radius: 6px;
    color: #fff;
    background-color: #388E3C;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-right: 10px;
    position: relative;
}
.summary .star-rating-pro .average_rating i {
    margin-right: 6px;
}
.summary .star-rating-pro .average_rating::before {
    content: "";
    width: 1px;
    height: 80%;
    background-color: #4D4D4D;
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
}
.summary .star-rating-pro .review_count {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.summary .star-rating-pro .review_count img {
    margin-right: 2px;
}
.summary .star-rating-pro .review_count {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #4D4D4D;
}

.stock.out-of-stock {
    color: #b9514d;
    margin-top: 30px;
    background: #f5d5d2;
    max-width: 300px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    padding: 12px;
    width: 100%;
}

.why-you-love {
    display: inline-block;
    background-color: rgba(255, 193, 5, 0.1);
    padding-top: 21px;
    padding-left: 32px;
    padding-bottom: 10px;
    padding-right: 20px;
    max-width: 470px;
    width: 100%;
    margin-bottom: 24px;
    border-radius: 24px;
    border: 2px dashed rgba(255, 193, 5, 0.5);
    position: relative;
    margin-top: 32px;
}

.why-you-love span {
    display: inline-block;
    padding: 3px 17px;
    background-color: #FFC105;
    border-radius: 32px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    color: #000;
    position: absolute;
    top: -16px;
    left: 16px;
}

.why-you-love ul li {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #525252;
    font-family: "DM Sans", sans-serif;
    list-style: none;
    position: relative;
}
.why-you-love ul li::before {
    position: absolute;
    content: "";
    background-image: url("./images/svg-icon.png");
    background-repeat: no-repeat;
    background-size: 16px auto;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}

/* .why-you-love ul li:not(:last-child) {
    margin-bottom: 6px;
} */

.summary .add-to-cart-box {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    margin-bottom: 26px;
}

.summary .add-to-cart-box .quantity {
    max-width: 130px;
    width: 100%;
    border: 1px solid #FFBC00;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.summary .add-to-cart-box .quantity .qty {
    width: 100%;
    text-align: center;
    border: none;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #000000;
    padding: 0;

}

.summary .add-to-cart-box .quantity .minus,
.summary .add-to-cart-box .quantity .plus {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #000000;
}

.summary .add-to-cart-box .single_add_to_cart_button {
    border-radius: 5px;
    background-color: #D7B369;
    color: #000000;
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    padding: 12px;
    margin-top: auto;
    max-width: 330px;
    width: 100%;
    border: none;
    cursor: pointer;
}

.summary .add-to-cart-box .single_add_to_cart_button:hover {
    background-color: #475256;
    color: #fff;
}

.active-offers {
    margin-bottom: 20px;
}

.active-offers h4 {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 39px;
    text-align: left;
    margin-bottom: 12px;
}

.active-offers-box {
    max-width: 128px;
    width: 100%;
    border-radius: 5px;
}

.active-offers-box .offer_header {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #fdf9f5;
    padding: 3px 10px;
    background-color: #135d41;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.offer-inner-box {
    padding: 12px 4px;
    border: 1px dashed #000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #e9f2ef;
    border-top: none;
}

.offer-inner-box .offer_description {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #525252;
    margin-bottom: 12px;
}

.offer-inner-box .coupon_code_text {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #525252;
}

.offer-inner-box .coupon_code_text #textToCopy {
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.offer-inner-box .coupon_code_text #copytext {
    cursor: copy;
}

.easy_shopping {
    background: linear-gradient( 360deg, rgb(207 207 207 / 94%) 0%, rgb(255 255 255 / 29%) 100% );  
    border-radius: 16px;
    width: 100%;
    max-width: 470px;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    column-gap: 60px;
}

.easy_shopping .shopping-item {
    display: flex;
    align-items: center;
}

.easy_shopping .shopping-item .text {
    line-height: 0;
    margin-left: 6px;
}

.easy_shopping .shopping-item .icon {
    max-width: 36px;
    width: 100%;
    text-align: center;
}

.easy_shopping .shopping-item .icon img {
    vertical-align: bottom;
}

.easy_shopping .shopping-item .text strong, .easy_shopping .shopping-item .text span {
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #1a1a1a;
    font-family: "DM Sans", sans-serif;
}

.easy_shopping .shopping-item .text strong {
    color: #000;
    font-weight: 700;
}

.summary .pincheck_wrapper {
    width: 100%;
    max-width: 470px;
    padding: 20px 15px;
    background: #FDF9F5;
    border: 2px dashed #475256;
    border-radius: 10px;
    margin-top: 24px;
}

.summary #pincheck_wrapper .pincheck_inner {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.summary #pincheck_wrapper .pincheck_inner p.pin_label {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 13px;
    text-align: left;
    color: #000 !important;
    margin-bottom: 8px;
}

.summary #pincheck_wrapper .pincheck_inner .button {
    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 13px !important;
    text-align: center !important;
    background-color: #388E3C !important;
    border-radius: 5px !important;
    height: 21px !important;
    padding: 0 !important;
    max-width: 88px !important;
    width: 100%;
    text-transform: capitalize !important;
}

.summary #pincheck_wrapper .pincheck_inner .form_inline {
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    height: 34px;
    padding-left: 20px !important;
}

.summary #pincheck_wrapper .pincheck_inner input {
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    color: #6B6B6B !important;
}

.summary #pincheck_wrapper .pincheck_inner .pin_marker {
    filter: opacity(0.6);
}

.summary #pincheck_wrapper .pincheck_inner .text_small {
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin-top: 10px !important;
}

.summary #pincheck_wrapper .pincheck_inner .res.res_success {
    color: #388E3C !important;
}

.summary #pincheck_wrapper .pincheck_inner .res.res_error {
    color: red !important;
}


.pro-information-tab {
    width: 100%;
    margin-top: 80px;
    margin-bottom: 36px;
}

.pro-information-tab .container {
    max-width: 1360px;
    padding: 0;
}

.information-tab-box .accordion-item {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 2px 8px #0000004d;
    margin: 5px 5px 15px;
}

.information-tab-box .accordion-header {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #000;
    cursor: pointer;
    padding: 14px 14px 14px 14px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.information-tab-box .accordion-header span {
    margin-left: auto;
}

.information-tab-box .accordion-header span i::before {
    content: "\f107";
}

.information-tab-box .accordion-header.active span i::before {
    content: "\f106";
}

.information-tab-box .accordion-content-box {
    padding: 15px 18px 33px;
    border-radius: 16px;
    display: none;
}

.special-features {
    width: 100%;
}

.special-features .title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24.27px;
    letter-spacing: -0.4px;
    text-align: left;   
    color:#000000;
    margin-bottom: 50px;
}
.features-icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
}

.features-item .icon {
    width: 142px;
    height: 142px;
}


.product_content,
.product_content p,
.how_to_use_content,
.how_to_use_content p {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #525252;
}
.product_content ul,
.how_to_use_content ul {
    padding-left: 20px;
}
.product_content ul li,
.how_to_use_content ul li {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
}
.product_content ul li:not(:last-child) ,
.how_to_use_content ul li:not(:last-child) {
    margin-bottom: 0px;
}



.faq-section {
    width: 100%;
    margin-bottom: 48px;
}

.faq-section .container,
.customer-reviews .container {
    padding: 0;
}


.faq-section-box .title {
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 39px;
    text-align: left;
    color: #000;    
    margin-bottom: 20px;
}
.faq-section-box .accordion-block {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 2px 8px #0000004d;
    margin: 5px 5px 15px;
}
.faq-section-box .accordion-title {
    cursor: pointer;
    padding: 14px 14px 14px 14px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.faq-section-box .accordion-title.active {
    background-color: transparent;
}
.faq-section-box .accordion-title .faq-title {
    order: 1;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.4px;
    padding: 0;
}

.faq-section-box .accordion-title .plus {
    order: 2;
    font-size: 0;
    border: 0;
    position: relative;
    margin-left: auto;
    text-align: right;
    padding-right: 14px;
}

.faq-section-box .accordion-wrap .accordion-title.active .plus {
    display: block;
}

.faq-section-box .accordion-wrap .accordion-title.active .plus::before {
    content: "\f106";
}

.faq-section-box .accordion-title .plus::before {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    content: "\f107";
    font-weight: 900;
    line-height: 30px;
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.faq-section-box .accordion-title .minus {
    display: none !important;
}

.faq-section-box .accordion-wrap .accordion-content {
    padding: 15px 18px 33px;
    border-radius: 16px;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
}
.faq-section-box .accordion-wrap .accordion-content p  {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
}

/* div:empty {
    display: none;
} */

.customer-reviews {
    width: 100%;
}
.customer-reviews .title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: #000;
}

.customer-reviews .cr-summaryBox-wrap {
    background-color: #fff;
    border-radius: 0px;
    margin-bottom: 46px;
}
.customer-reviews .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap {
    width: 100%;
    flex: 0 0 100%;
}
.customer-reviews .cr-summaryBox-wrap .write-link {
    margin: 12px auto;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 8px;
    text-align: center;
}
.customer-reviews .cr-summaryBox-wrap .write-link:hover {
    background-color: #475256;
    color: #fff;
    border-color: #475256;
}

.customer-reviews .cr-search-no-reviews,
.customer-reviews .ivole-summaryBox.cr-all-reviews-ajax {
    display: none;
}

.customer-reviews .cr-average-rating span {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 46.62px;
    text-align: left;
    color: #000000;
}

.customer-reviews .ivole-histogramRow td a,
.customer-reviews .ivole-histogramRow td {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #525252;
}

.customer-reviews .ivole-meter-bar {
    box-shadow: none;
    background: #FFC900;
    border-radius: 5px;
}

.customer-reviews .ivole-meter {
    box-shadow: none;
    background: #D9D9D9;
    border-radius: 5px;
}

.customer-reviews .woocommerce-review__verified,
.customer-reviews .cr-product-name-picture,
.cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar-check {
    display: none !important;
}

.customer-reviews .cr-all-reviews-shortcode ol.commentlist li {
    padding-bottom: 20px;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 34px;
    position: relative;
}
.customer-reviews  .cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name {
    position: absolute;
    left: 0;
    top: 0;
}
.customer-reviews .cr-all-reviews-shortcode ol li.review .comment_container img.avatar {
    display: none;
}
.customer-reviews .cr-all-reviews-shortcode ol.commentlist li .comment-text {
    border-bottom: 0;
    padding: 0;
    margin-left: 140px;
}

.customer-reviews .cr-all-reviews-shortcode .cr-comment-images {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.cr-all-reviews-shortcode ol li div.comment_container a.cr-comment-a {
    pointer-events: auto;
}
.customer-review-box .cr-all-reviews-shortcode .cr-show-more-button {
    margin: 12px auto;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.pswp__item {
    background: rgba(0,0,0,.5);
}
.pswp__caption {
    display: none;
}
.pswp--open {
    z-index: 10011;
}
.pswp__ui--idle .pswp__top-bar {
    opacity: 1;
}

.customer-reviews .cr-all-reviews-shortcode .cr-comment-images .iv-comment-image {
    border-radius: 0;
    border: 0;
}

.customer-reviews .cr-all-reviews-shortcode .cr-comment-images .iv-comment-image img {
    object-fit: contain;
}
.customer-reviews .cr-all-reviews-shortcode .commentlist li .comment_container .comment-text .cr-meta-author-title {
    position: relative;
}
.customer-reviews .cr-all-reviews-shortcode .commentlist li .comment_container .comment-text .cr-meta-author-title::before {
    position: absolute;
    content: "Verified Buyer";
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #1A1A1A;
    text-transform: capitalize;
    width: 180px;
    display: block;
    padding-left: 30px;
    background: url(./images/verified-icon.jpg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center left 10px;
}
.customer-reviews .cr-all-reviews-shortcode .commentlist li .comment_container .comment-text .cr-meta-author-title .woocommerce-review__author {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #1A1A1A;
    text-transform: capitalize;
    position: relative;
}

.customer-reviews .cr-all-reviews-shortcode ol.commentlist li .comment-text p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #1A1A1A;
}

.customer-reviews .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta time {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #525252;
    display: none;
}


.woocommerce-tabs .woocommerce-Reviews .comment-reply-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: #000;
    display: block;
    margin-bottom: 20px;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form {
    box-shadow: 0px 0px 2px 0px #00000033;
    background-color: #FFFFFF;
    max-width: 1370px;
    width: 100%;
    margin: 0 auto;
    padding: 54px 37px 66px 84px;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-notes {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #475256;
    /* display: none; */
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-rating {
    order: 1;
    width: 100%;
    margin-bottom: 32px;
}
.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-rating p {
    display: inline-block;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-rating label {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #A0A0A0;
    margin-bottom: 6px;
    display: block;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-rating p.stars.selected a:not(.active)::before,
.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-rating p.stars.selected a.active::before,
.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-rating p.stars:hover a::before {
    color: #FFBC00;
}

.woocommerce-tabs .review-input {
    order: 2;
    width: 48%;
    margin-right: 4%;
}

.woocommerce-tabs .review-input .comment-form-author label,
.woocommerce-tabs .review-input .comment-form-email label,
.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-comment label {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #A0A0A0;
    width: 100%;
    display: block;
}

.woocommerce-tabs .review-input .comment-form-author input {
    margin-bottom: 34px;
}

.woocommerce-tabs .review-input .comment-form-author input,
.woocommerce-tabs .review-input .comment-form-email input,
.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-comment textarea {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #000000;
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid #A6A6A6;
    padding: 0 0 10px;
    height: auto;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-comment {
    order: 3;
    width: 48%;
}

.single-product.logged-in .woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-comment {
    width: 100%;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-comment textarea {
    height: 140px;
    resize: none;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .cr-upload-local-images {
    order: 4;
    margin-top: 30px;
    margin-bottom: 40px;
    width: 100%;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .cr-upload-local-images .cr-upload-images-status {
    display: none !important;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error {
    background-color: transparent !important;
    color: red !important;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    display: block !important;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .cr-upload-local-images input {
    width: 100%;
    height: 114px;
    margin: 0 !important;
    cursor: pointer;
    background-image: url("./images/upload-image.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    border: 0;
    font-size: 0;
    padding: 0;
    background-color: transparent;
    outline: none;
    line-height: 0;
    color: transparent;
    max-width: 120px;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .cr-upload-local-images input::file-selector-button {
    background: none;
    border: 0;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .comment-form-cookies-consent {
    order: 5;
    width: 100%;
    display: none;
}

.woocommerce-tabs .woocommerce-Reviews #review_form .cr-upload-images-preview .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-thumbnail {
    opacity: 1;
}

/* .woocommerce-tabs .woocommerce-Reviews #review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar {
    display: block;
} */

#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar, .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar {
    height: 5px;
    background-color: #dddddd;
}
.woocommerce-tabs .woocommerce-Reviews .comment-form .cr-recaptcha {
    order: 6;
} 
.woocommerce-tabs .woocommerce-Reviews .comment-form .form-submit {
    order: 7;
    width: 100%;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .form-submit .cr-single-product-rev-submit {
    max-width: 148px;
    border: 1px solid #475256;
    border-radius: 33px;
    position: relative;
    overflow: hidden;
    height: 50px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #475256;
    padding: 0 34px 0 34px;
    width: 100%;
    cursor: pointer;
    transition: all 0.3 ease-in-out;
}

.woocommerce-tabs .woocommerce-Reviews .comment-form .form-submit .cr-single-product-rev-submit:hover {
    background-color: #475256;
    color: #fff;
}


/* *** color *** */

/* .yellow-color .faq-section-box .accordion-wrap .accordion-title.active {
    background-color: #E1E558;
    color: #475256;
}

.yellow-color .faq-section-box .accordion-wrap .accordion-title.active .faq-title {
    color: #475256;
}

.yellow-color .faq-section-box .accordion-wrap .accordion-title.active .plus::before {
    color: #475256;
}

.yellow-color .features-item .icon {
    background-color: #E1E558;
}

.yellow-color .features-item:hover .icon {
    background: none;
}

.yellow-color .summary .product_tag ul li span {
    background-color: #E1E558;
    color: #475256;
} 

.green-color .faq-section-box .accordion-wrap .accordion-title.active {
    background-color: #A2C775;
    color: #475256;
}

.green-color .faq-section-box .accordion-wrap .accordion-title.active .faq-title {
    color: #475256;
}

.green-color .faq-section-box .accordion-wrap .accordion-title.active .plus::before {
    color: #475256;
}

.green-color .features-item .icon {
    background-color: #A2C775;
}

.green-color .features-item:hover .icon {
    background: none;
}

.green-color .summary .product_tag ul li span {
    background-color: #A2C775;
    color: #475256;
} 

.red-color .faq-section-box .accordion-wrap .accordion-title.active {
    background-color: #C83E27;
    color: #fff;
}

.red-color .faq-section-box .accordion-wrap .accordion-title.active .faq-title {
    color: #fff;
}

.red-color .faq-section-box .accordion-wrap .accordion-title.active .plus::before {
    color: #fff;
}

.red-color .features-item .icon {
    background-color: #C83E27;
}

.red-color .features-item:hover .icon {
    background: none;
}

.red-color .features-item .icon img {
    filter: brightness(100);
}

.red-color .red-color .features-item:hover .icon img {
    filter: none;
} 

.red-color .summary .product_tag ul li span {
    background-color: #C83E27;
    color: #fff;
} */

/* new-style */ 

.pro-details .woo-variation-product-gallery {
    max-width: 50% !important;
}
.pro-details .woo-variation-product-gallery .woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
    top: auto;
    bottom: 0.5em;
}
.pro-details .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {
    width: auto;
}
.pro-details .woo-variation-gallery-slider-wrapper {
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro-details .woo-variation-gallery-wrapper .woo-variation-gallery-slider {
    width: 100%;
}
.pro-details .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image img {
    opacity: 1 !important;
    border-radius: 10px;
    width: 100%;
    max-width: 80px;
    height: 80px;
    object-fit: contain;
    margin: 0 auto !important;
}
.pro-details .wvg-gallery-thumbnail-image.current-thumbnail img {
    border: 1px solid #aeaeae;
}
.pro-details .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {
    opacity: 1;
    border-radius: 10px;
    text-align: center;
}
.pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-prev-arrow {
    top: 10px;
}
.pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-prev-arrow,
.pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow {
    width: 38px;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.product_description_section {
    margin-top: 60px;
    margin-bottom: 64px;
}
.pro_detail_sub_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    margin-bottom: 24px;
}
.pro_content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pro_content ul li { 
    list-style: none;
    margin-bottom: 14px;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}
.pro_content ul li:last-child {
    margin-bottom: 0;
}
.product_benefits_section {
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 56px;
}

.benefit-box .benefit-item .benefit-img {
    position: relative;
    line-height: 0;
}
.benefit-box .benefit-item .benefit-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0,0.4));
}
.benefit-box .benefit-item .benefit-img .info {
    position: absolute;
    bottom: 0;
    padding: 20px;
}
.benefit-box .benefit-item .benefit-img .info h4 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
    color: #fff;
    margin-bottom: 4px;
}
.benefit-box .benefit-item .benefit-img .info p {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #fff;
}
.what-inside-matter {
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 100px;
}

.what-inside-matter .what-inside-box {
    max-width: 800px;
    width: 100%;
}
.what-inside-matter .what-inside-box .inside-img {
    text-align: center;
    margin-bottom: 30px;
}
.what-inside-matter .what-inside-box .inside-info {
    position: relative;
    padding: 66px 104px;
    border: 1px solid #000000;
}
.what-inside-matter .what-inside-box .inside-info h4 {
    font-family: "DM Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    margin-bottom: 0;
    position: absolute;
    top: -25px;
    background: #fff;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    max-width: 70%;
    width: 100%;
}

.what-inside-matter .what-inside-box .inside-info p {
    font-family: "DM Sans", sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -1px;
    text-align: center;
    color: #525252;
}

/* Pin Check New */ 
.summary .cpiw_main {
    width: 100%;
    max-width: 470px;
    padding: 20px 15px;
    background: #fff9e6 !important;
    border: 2px dashed #ffe490 !important;
    border-radius: 10px;
    margin-top: 24px;
}

.summary  .cpiw_main_inner {
    display: none;
}
.summary .cpiw_inner_first {
    position: relative;
}
.summary .cpiw_inner_first .checkpincode {
    border: 0;
    background: #fff;
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    color: #6B6B6B !important;
    border-radius: 5px;
    padding-left: 35px;
    background-image: url('./images/location-marker.png');
    background-position: center left 7px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.summary .cpiw_inner_first .checkpincodebuttom,
.summary .pincode_city_and_state .cpiwcheckbtn,
.summary .pincode_not_availabel .cpiwcheckbtn,
.summary .pincode_not_availabels .cpiwcheckbtn  {
    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 13px !important;
    text-align: center !important;
    background-color: transparent !important;
    border-radius: 5px !important;
    height: 21px !important;
    padding: 0 !important;
    max-width: 60px !important;
    width: 100%;
    text-transform: capitalize !important;
    color: #000 !important;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    cursor: pointer;
}
.summary .pincode_not_availabel .cpiwcheckbtn {
    right: 14px;
}
.summary .cpiw_inner,
.summary .pincode_not_availabel  {
    width: 100%;
    max-width: 470px;
    padding: 20px 15px;
    background: #fff9e6 !important;
    border: 2px dashed #ffe490 !important;
    border-radius: 10px;
    margin-top: 24px;
    display: none;
}
.summary .cpiw_inner.cpiw_show {
    display: block;
}
.summary .cpiw_inner_inner  {
    width: 100%;
    max-width: 470px;
    border: 0px;
    margin: 0;
}
.summary .wczp_empty {
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin-top: 10px !important;
}
.summary .pincode_city_and_state {
    padding: 0;
}
.summary .pincode_city_and_state,
.summary .pincode_not_availabel,
.summary .pincode_not_availabels {
    position: relative;
}
.summary .pincode_city_and_state p,
.summary .pincode_not_availabel p,
.summary .pincode_not_availabels p   {
    margin: 0;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    height: 34px;
    padding-left: 20px;
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    color: #6B6B6B !important;
    width: 100%;
    line-height: 34px;
}
.summary .cpiw_inner .cpiw_inner_inner .inner {
    background-color: transparent !important;
}
.summary .cpiw_inner .cpiw_inner_inner .cpiw_avaitxt {
    flex-direction: row;
    width: 100%;
    gap: 10px;
}
.summary .cpiw_inner .cpiw_inner_inner .cpiw_avaitxt .cpiw_tficon,
.summary .cpiw_inner .cpiw_inner_inner .cpiw_avaitxt .cpiw_delicons {
    width: 20px;
    height: 20px;
}
.summary .cpiw_inner .cpiw_inner_inner .cpiw_avaitxt .cpiw_avaddate p, 
.summary .cpiw_inner .cpiw_inner_inner .cpiw_avaitxt .cpiw_avacod p {
    margin: 0;
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
    line-height: 16px;
    font-weight: 700;
}
.summary .cpiw_delicons {
    position: relative;
}
.summary .cpiw_delicons::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    background-image: url('./images/icon-car.png');
    background-repeat: no-repeat;
    background-size: 19px 16px;
    background-position: center left;
    width: 19px;
    height: 16px;
    transform: translateY(-50%);
}
.summary .cpiw_delicons img {
    opacity: 0;
}
.summary .cpiwc_maindiv_popup:empty {
    display: none;
}
/*-------------------------
# about page
----------------------------*/

.about-section {
    margin-bottom: 115px;
    position: relative;
    overflow: hidden;
}

.about-section .about-banner {
    line-height: 0;
}

.about-section .about-banner img {
    width: 100%;
}
.about-section .about-banner .mobile_image {
    display: none;
}

.about-info {
    position: absolute;
    width: 100%;
    max-width: 1620px;
    top: 50%;
    transform: translateY(-50%);
}

.about-info h1 {
    font-size: 50px;
    font-weight: 400;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    color: #475256;
    margin-bottom: 0;
    max-width: 672px;
    width: 100%;
}

.about-info h1 span {
    font-weight: 700;
}

.about-text-sec {
    margin-bottom: 150px;
}

.about-text-sec .container {
    max-width: 1416px;
    text-align: center;
}

.about-text-sec .title {
    padding-bottom: 45px;
    margin-bottom: 0;
    color: #475256;
    font-size: 50px;
    line-height: 60px;
}

.about-text-sec .content p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 50px;
    font-style: italic;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #525252;
}

.our-solemn.about-text-sec .container p img {
    vertical-align: middle;
    padding: 0px 12px;
}

.about-second-sec {
    padding-bottom: 148px;
}

.about-second-sec .container {
    max-width: 1250px;
}

.about-second-sec .row {
    align-items: center;
}

.about-second-sec .content-box p {
    margin-bottom: 29px;
}


/*-------------------------
#  Our Promise 
----------------------------*/

.our-promise-section {
    margin-bottom: 102px;
    overflow: hidden;
    position: relative;
}

.our-promise-section .out-promise-banner {
    line-height: 0;
}

.our-promise-section .out-promise-banner img {
    width: 100%;
}

.our-promise-section .out-promise-banner .mobile_image {
    display: none;
}

.our-promise-info {
    position: absolute;
    width: 100%;
    max-width: 1620px;
    top: 50%;
    transform: translateY(-50%);
}

.our-promise-info h1 {
    font-size: 50px;
    font-weight: 400;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    color: #475256;
    margin-bottom: 0;
    max-width: 672px;
    width: 100%;
}

.our-promise-info h1 span {
    font-weight: 700;
}

.ingredients-sec .container {
    max-width: 1126px;
}

.our-solemn {
    margin-bottom: 102px;
}

.our-solemn .container {
    max-width: 1126px;
    text-align: center;
}

.our-solemn .title {
    padding-bottom: 21px;
    margin-bottom: 0;
    color: #475256;
    font-size: 50px;
    line-height: 60px;
}

.our-solemn .content p {
    padding-bottom: 21px;
    color: #525252;
    line-height: 28px;
}

.ingredients-sec {
    margin-bottom: 100px;
}

.ingredients-sec .ingredients-title .title {
    text-align: center;
    padding-bottom: 82px;
    color: #475256;
    line-height: 60px;
    margin-bottom: 0;
    font-size: 50px;
}

.ingredients-sec .row {
    align-items: center;
}

.ingredients-sec .content-box .title {
    margin-bottom: 14px;
    font-size: 30px;
    font-weight: 600;
    line-height: 37.8px;
    color: #000000;
}

.ingredients-sec .content-box p {
    color: #525252;
    line-height: 28px;
    max-width: 430px;
    width: 100%;
}

.ingredients-sec .image-box img {
    border-radius: 10px;
}

/*-------------------------
#  Gifting 
----------------------------*/

.gifting-section {
    margin-bottom: 112px;
    position: relative;
    overflow: hidden;
}

.gifting-section .gifting-banner {
    line-height: 0;
}

.gifting-section .gifting-banner img {
    width: 100%;
}

.gifting-section .gifting-banner .mobile_image {
    display: none;
}

.gifting-info {
    position: absolute;
    width: 100%;
    max-width: 1620px;
    top: 50%;
    transform: translateY(-50%);
}

.gifting-info h1 {
    font-size: 50px;
    font-weight: 400;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    color: #475256;
    margin-bottom: 0;
    max-width: 672px;
    width: 100%;
}

.gifting-info h1 span {
    font-weight: 700;
}

.Gifting-text {
    margin-bottom: 100px;
}

.Gifting-text .container {
    max-width: 935px;
    width: 100%;
}

.Gifting-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: #525252;
    margin-bottom: 20px;
}

/*-------------------------
#  Contact Us 
----------------------------*/
.contact-us {
    margin-top: 170px;
    margin-bottom: 170px;
}

.contact-us .container {
    max-width: 1370px;
}

.form-left .title h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #475256;
    max-width: 320px;
    width: 100%;
    margin-bottom: 106px;
}
.form-left-full .title h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 56.06px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #475256;
    margin-bottom: 106px;
    text-align: center;
}

.contact-info {
    max-width: 534px;
    width: 100%;
}

.contact-info-item {
    display: flex;
    align-items: center;
    column-gap: 54px;
    padding-bottom: 45px;
    border-bottom: 1px dashed #475256;
    margin-bottom: 24px;
}

.contact-info-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.contact-info-item .icon {
    width: 72px;
    height: 72px;
    background-color: #D7B369;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info-item .text,
.contact-info-item .text a {
    max-width: 354px;
    width: 100%;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #525252;
}

.form-box {
    box-shadow: 0px 6px 60px 0px #00000012;
    background-color: #FDF9F5;
    padding: 130px 40px;
    border-radius: 33px;
}

.form-box .input-box,
.form-box .select-box {
    margin-bottom: 60px;
}

.form-box .input-box input,
.form-box .select-box select,
.form-box .input-box textarea {
    width: 100%;
    padding: 0;
    height: 44px;
    border: none;
    border-bottom: 1px solid #A0A0A0;
    background-color: transparent;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: #000;
}

.form-box .select-box select {
    appearance: revert;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    color: #A0A0A0;
}

.form-box .input-box textarea {
    resize: none;
}

.form-box .input-box input::-webkit-input-placeholder,
.form-box .input-box textarea::-webkit-input-placeholder {
    color: #A0A0A0;
}

.form-box .input-box input::-moz-placeholder,
.form-box .input-box textarea::-moz-placeholder {
    color: #A0A0A0;
}

.form-box .input-box input:-ms-input-placeholder,
.form-box .input-box textarea:-ms-input-placeholder {
    color: #A0A0A0;
}

.form-box .input-box input:-moz-placeholder,
.form-box .input-box textarea:-moz-placeholder {
    color: #A0A0A0;
}

.submit-box {
    margin-top: 26px;
}

.submit-box .wpcf7-submit {
    border: 2px solid #475256;
    border-radius: 33px;
    position: relative;
    overflow: hidden;
    height: 50px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #475256;
    padding: 0 34px 0 34px;
    max-width: 148px;
    width: 100%;
    background: transparent;
    transition: all .2s;
    cursor: pointer;
}

.submit-box .wpcf7-submit:hover {
    color: #fff;
    background-color: #475256;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #475256;
}

.careers-page .form-box {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
.careers-page .form-box .input-box .lable-name {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color:#A0A0A0;
    margin-bottom: 10px;
    display: block;
}
/*-------------------------------
# Blog page
----------------------------------*/

.blog-page {
    margin: 100px 0;
}

.blog-page .blog-inner-box {
    margin-bottom: 50px;
}

/*-------------------------------
# default page
----------------------------------*/

.default-content-banner {
    margin-bottom: 50px;
}

.default-content-banner .post-thumbnail {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.default-content-banner .post-thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entry-title {
    text-align: center;
    margin: 0 auto 60px;
    color: #475256;
    line-height: 60px;
}

.default-content p {
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
}
.default-content.entry-content a {
    color: #FFBC00;
}
 .default-content.entry-content a:hover {
    color: #475256;
    text-decoration: underline;
}

.default-content h1,
.default-content h2,
.default-content h3,
.default-content h4,
.default-content h5,
.default-content h6 {
    margin-bottom: 50px;
    line-height: 1.2;
    font-weight: 700;
}

.default-content h3,
.default-content h4,
.default-content h5,
.default-content h6 {
    margin-bottom: 20px;
}

.default-content ol,
.default-content ul {
    margin-bottom: 32px;
    padding-left: 20px;
}

.default-content ol li,
.default-content ul li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
}

.default-content p br,
.default-content ol li br,
.default-content ul li br {
    display: none;
}

.post-page .entry-meta,
.post-page .entry-footer {
    display: none;
}

.post-page .nav-links {
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.default-page {
    margin-bottom: 80px;
    margin-top: 80px;
}
.woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow {
    bottom: 10px !important;
    top: auto;
}

@media (max-width:991px) {
	.pro-details .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {
		width: 100% !important;
	}
	.product-grid .woocommerce_product_img img{
		width: 100% !important;
	}
	.xoo-wsc-footer{
		  overflow: scroll;
	}
}
@media (max-width:767px) {
    .default-page {
        margin-bottom: 60px;
        margin-top: 60px;
    }
    .default-content h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .default-content h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .default-content h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .default-content h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .default-content .nav-links {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .nav-links a {
        height: 46px;
    }
    .default-content p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 28px;
    }
	.pro-details .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {
    	width: 100% !important;
	}
	.pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-prev-arrow, .pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow{
    left: 18px;
    right: auto;
	}
	.pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow, .pro-details .woo-variation-gallery-thumbnail-position-left-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow {
    left: auto;
    right: 18px;
	top: 10px;
	}
}