/** Shopify CDN: Minification failed

Line 14892:12 Expected identifier but found whitespace
Line 14892:13 Unexpected "("

**/
*,
:after,
:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    text-decoration: inherit;
    vertical-align: inherit;
}
html {
    outline: none;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    padding-bottom: 0px !important;
}
.logo-col {
    max-width: 230px;
  width:100%;
}
body,
html {
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}
body::-moz-scrollbar {
    display: none;
}
svg,
img {
    max-width: 100%;
    display: block;
}
a,
.btn,
button {
    text-decoration: none;
    outline: none;
    color: inherit;
    display: inline-block;
    cursor: pointer;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
a,
a:hover,
a:focus,
a:active,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus,
.btn,
.btn:hover,
.btn:focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    outline: none;
    font-family: var(--first-font);
}
.form-control:focus,
[type="text"]:focus,
[type="email"]:focus,
[type="checkbox"]:focus,
[type="password"]:focus,
[type="file"]:focus,
[type="radio"]:focus,
[type="button"]:focus,
[type="submit"]:focus,
[type="date"]:focus,
[type="time"]:focus,
[type="tel"]:focus,
[type="search"]:focus,
[type="button"]:focus,
[type="number"]:focus,
textarea:focus,
select:focus {
    outline: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -webkit-appearance: textfield;
            appearance: textfield;
    -moz-appearance: textfield;
}
::-webkit-input-placeholder {
    color: var(--text-color);
}
:-ms-input-placeholder {
    color: var(--text-color);
}
::-moz-placeholder {
    color: var(--text-color);
}
::-ms-input-placeholder {
    color: var(--text-color);
}
::placeholder {
    color: var(--text-color);
}
::-moz-selection {
    background: rgb(255 240 239 / 80%);
}
::selection {
    background: rgb(255 240 239 / 80%);
}
/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
    -webkit-transition: background-color 5000000s ease-in-out 0s;
    -moz-transition: background-color 5000000s ease-in-out 0s;
    -ms-transition: background-color 5000000s ease-in-out 0s;
    -o-transition: background-color 5000000s ease-in-out 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-text-fill-color: #fff;
} */

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    list-style: none;
    vertical-align: baseline;
}
body {
    font: var(--common-text);
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background: var(--body-bg-color);
    color: var(--body-text-color);
}
/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p,
li,
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--common-text);
}
h1,
.h1 {
    font: var(--h1);
}
h2,
.h2 {
    font: var(--h2);
}
h3,
.h3 {
    font: var(--h3);
}
h4,
.h4 {
    font: var(--h4);
}
h5,
.h5 {
    font: var(--h5);
}
h6,
.h6 {
    font: var(--h6);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: var(--text-color);
}
.uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
b {
    font-weight: bold;
    display: inline-block;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.product-title b {
    color: var(--primary-color);
    display: inline;
    font-weight: 600;
}
p:not(:last-of-type) {
    margin-bottom: 15px;
}
/* ============================================= */
/* !!!!             GRID CSS                !!!! */
/* ============================================= */
.container {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 15px;
}
.row {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.no-gutters {
    margin: 0 !important;
}
.row [class*="col-"] {
    padding: 0 15px;
}
.no-gutters [class*="col-"] {
    padding: 0;
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.d-flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.align-items-start {
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}
.align-items-end {
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
}
.align-items-center {
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.justify-content-between {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.justify-content-start {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
}
.justify-content-center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.justify-content-end {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
}
.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.desk-only {
    display: none !important;
}
/*****  Columns  *****/
.col-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
}
.col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
}
.offset-1 {
    margin-left: 8.33333333%;
}
.offset-2 {
    margin-left: 16.66666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333333%;
}
.offset-5 {
    margin-left: 41.66666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333333%;
}
.offset-8 {
    margin-left: 66.66666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333333%;
}
.offset-11 {
    margin-left: 91.66666667%;
}
@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    .col-md-auto {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
    }
    .col-xxl-auto {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
}
.offset-right {
    margin-right: calc((100% - 900px) / 2);
    margin-left: 0;
}
/* ============================================= */
/* !!!!          NICE SELECT CSS           !!!! */
/* ============================================= */
.nice-select {
    position: relative;
    display: block;
    font: normal 500 14px / 1 var(--first-font);
    border: 0;
    text-transform: capitalize;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    text-align: left !important;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
.nice-select-arrow:after  {
    content: "";
    position: absolute;
    top: 27%;
    right: 0;
    z-index: 1;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.nice-select.open .current::after,
.site-header .disclosure__list-wrapper .nice-select-arrow::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 40%;
}
.nice-select .list {
    color: var(--black);
    background-color: var(--white);
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.7);
            box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.7);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    border-radius: 10px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 29px;
    z-index: 2;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    -o-transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 500;
    list-style: none;
    outline: none;
    padding-left: 14px;
    padding-right: 14px;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 10px 15px;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    margin: 0 !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus,
.disclosure__list .disclosure__item:hover{
    background-color: #eae9e9;
}

.nice-select .option.selected {
    font-weight: bold;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.nice-select.disabled {
    border-color: var(--border-color);
    color: var(--border-color);
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

/****************  TABS CSS *****************/
.tab-content {
    display:none;
}
.tab-content.active {
   display:block;
}

svg path {
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
/* ============================================= */
/* !!!!          COMMON BUTTON              !!!! */
/* ============================================= */
.product-content-top .add-to-cart form .cart-btn{
    width:100%!important;
}

.product-content-top .add-to-cart form{
    width:100%!important;
}
.btn {
    text-align: center;
    padding: 12px 22px;
    /* width:100%; */
    gap: 10px;
    color: var(--primary-text-color);
    background-color: var(--primary-color);
  text-transform:capitalize;
    appearance: none;
    outline: none;
    border: 0;
    position: relative;
    border-radius: 30px;
    font-size: 16px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
button[disabled],
.btn[disabled],
.btn-secondary[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
}
button[disabled]:hover::before,
.btn[disabled]:hover::before,
.btn-secondary[disabled]:hover::before {
    display: none;
}
.btn::before,
.btn-secondary::before,
.pdp-right-column .qnty-btn-wrp .buy-btn button:before{
    background: var(--secondary-color);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
   border-radius:30px;
}
.btn-secondary::before {
    background: var(--primary-color);
}
.btn:hover::before,
.btn:focus::before,
.btn:active::before,
.btn-secondary:hover::before,
.btn-secondary:focus::before,
.btn-secondary:active::before,
.pdp-right-column .qnty-btn-wrp .buy-btn button:hover::before{
    height: 100%;
}
.btn-secondary svg,
.btn svg {
    height: 16px;
    width: 16px;
}
.btn svg path {
    fill: var(--white);
}
.btn:hover svg path {
    fill: var(--white);
}
.btn-secondary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    padding: 12px 22px;
    gap: 10px;
    border: 0;
    font-size: 16px;
    color: var(--primary-text-color);
    background: var(--secondary-color);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.btn-secondary svg path {
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    fill: var(--white);
}
.btn-secondary:hover svg path,
.btn-secondary:focus svg path {
    fill: var(--white);
}
.btn-transparent {
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
    border: 1px solid var(--secondary-color);
    color: var(--white);
}
.btn-transparent svg path {
    fill: var(--black);
}
.btn-transparent:hover svg path {
    fill: var(--white);
}
.btn-white {
    background: var(--white);
    border: 0;
    color: var(--black);
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background-color: var(--theme-color);
    color: var(--black);
}
.btn-white:hover svg path,
.btn-white:focus svg path {
    fill: var(--white);
}
.btn-white svg path {
    fill: var(--black);
}
.img-wrapper {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 100%;
}
.img-wrapper img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit:cover;
       object-fit:cover;
    -o-object-position: center;
       object-position: center;
}

/* ============================================= */
/* !!!!             FORM  CSS               !!!! */
/* ============================================= */
.form-control,
input:not([type="submit"]),
input:not([type="checkbox"]),
input:not([type="button"]),
input:not([type="radio"]),
select,
textarea {
    position: relative;
    border: 1px solid var(--border-color);
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.form-control,
textarea,
input {
    font-family: var(--first-font);
}
textarea,
textarea.form-control{
    resize: none;
    border-radius: 15px;
}
form .row {
    margin: 0 -8px;
}
form .row [class*="col-"] {
    padding: 0 10px;
}
.form-group {
    margin-bottom: 15px;
}
.form-group label {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--body-text-color);
}
sup {
    top: -0.5em;
}
sub,
sup {
    position: relative;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    margin-left: 5px;
}
.form-group label sup {
    color: red;
    font-size: 10px;
    line-height: 0;
    margin-right: 3px;
}
.checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkbox-custom label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 30px;
}
.checkbox-custom label:before {
    content: '';
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--black);
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.checkbox-custom input:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--border-color);
}
.checkbox-custom input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 7px;
    width: 4px;
    height: 8px;
    border: solid var(--black);
    border-width: 0px 1px 1px 0;
    transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}
.checkbox-custom label a {
    text-decoration: underline;
    font-weight: 600;
}

/***** COMMON CSS ****/
body.active-menu,
body.no_scroll,
body.no-scroll{
    overflow: hidden;
    position: relative;
}
.pt {
    padding-top: 70px;
}
.pb {
    padding-bottom: 70px;
}
.subtitle {
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: var(--sub-text-color);
    text-transform: uppercase;
}
.section-title {
    margin-bottom: 26px;
}
.section-title h2{
  text-transform:capitalize;
}
.section-title.text-center p {
    margin-top: 15px;
}
.arrow-header {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
/*** swiper slider ****/
.swiper-wrapper {
    height: auto;
}
.flex-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}
.flex-slider .flex-card,
.blog-grid-sec .flex-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
.flex-card .flex-card-inner,
.blog-grid-sec .flex-card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
/*** swiper slider ****/
.swiper-button-prev,
.swiper-button-next {
    height: 40px;
    width: 40px;
    background-color: #d9d9d9;
    z-index: 2;
    outline: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    cursor: pointer;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next {
    right: 5px;
    left: auto;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
}
.swiper-button-prev {
    left: 5px;
    right: auto;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}
.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.swiper-button-prev svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.swiper-button-next svg path,
.swiper-button-prev svg path {
    fill: var(--black);
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: var(--white);
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
    fill: var(--black);
}
/* Timeline */
.deal-timeline .counter-dtl {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
}
.deal-timeline .count {
    font-weight: 600;
    line-height: 1;
}
.deal-timeline .days,
.deal-timeline .hour,
.deal-timeline .mins,
.deal-timeline .secs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
/* CLOSE HOVER EFFECT */
.common-close {
    position: relative;
}
.common-close::after,
.common-close::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    top: 50%;
    left: calc(50% - 10px);
    margin-top: -1px;
    background-color: var(--black);
    -webkit-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.common-close::before {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.common-close:hover::after,
.common-close:hover::before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
.common-close::after {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
/* ============================================= */
/* !!!!     CUSTOMIZE THE NAVBAR            !!!! */
/* ============================================= */
.site-header {
    position: relative;
}
.main-navigationbar.sticky_header.fixed,
.header-style-two .logobar.sticky_header.fixed {
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    box-shadow: 0 2px 2px #0000001a;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    position: fixed;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
.site-header .announcebar {
    padding: 10px 0;
    position: relative;
}
.site-header .announcebar .announcebar-left {
    gap: 10px;
}
.site-header .announcebar .announcebar-center p {
    text-align: center;
    text-transform:capitalize;
}
.header-style-one .announcebar .announcebar-right{
    gap: 15px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.site-header .main-navigationbar {
    padding: 8px 0;
      border-bottom: 2px solid green;
}
.site-header .main-navigationbar .menu-items-col {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.site-header .main-navigationbar .menu-items-col .main-nav {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}

.site-header .main-navigationbar .logo-col a {
    display: block;
}
.site-header .main-navigationbar .logo-col img {
    width: 100%;
    height: 100%;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li:not(:last-of-type) {
    padding-right: 40px;
}
.site-header .main-navigationbar .main-nav>li>a {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
        font-size: 15px;
    word-spacing: 3px;

    text-transform: capitalize;
}
/* header menu common arrow css start */
.common-arrow {
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    margin: 0 0 0 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.common-arrow:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 4px;
    z-index: 1;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
   }
.site-header .main-navigationbar .menu-items-col .main-nav li.menu_active .common-arrow:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 6px;
}
/* header menu common arrow css end */
.site-header .main-navigationbar .main-nav>li>a:before,
.site-header .menu-dropdown ul>li>a:not(.img-col):before {
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    bottom: -3px;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.site-header .main-navigationbar .main-nav>li>a:hover:before,
.site-header .main-navigationbar .main-nav>li.menu_active>a:before,
.site-header .menu-dropdown ul>li>a:hover::before {
    opacity: 1;
    width: 100%;
    visibility: visible;
}
.site-header .menu-item-right {
    gap: 15px;
}
.site-header .menu-item-right>li>a svg {
    width: 20px;
    height: 20px;
}
.site-header .menu-item-right li {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.site-header .menu-item-right li>a {
    position: relative;
}
.site-header .menu-item-right .search-header .form-input {
    z-index: 1;
    position: relative;
}
.site-header .mega-menu-container  .demo-btn {
    margin: auto;
}
.site-header .menu-item-right .search-header input {
    border: 0;
    background-color: var(--primary-color);
  color:white;
    padding: 8px 30px 8px 15px;
    border-radius: 20px;
}
.site-header .menu-item-right .search-header input::placeholder {
    
  color:white;
 
}
.site-header .menu-item-right .search-header .search-btn svg {
    height: 15px;
    width: 15px;
}
.site-header .menu-item-right .search-header .search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
}
.site-header .cart-icon,
.site-header .wishlist-icon {
    position: relative;
}
.site-header .count {
    position: absolute;
    top: -7px;
    right: -6px;
    height: 15px;
    width: 15px;
    background: var(--primary-color);
    color: var(--white);
    font-size: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
    border-radius: 100%;
    line-height: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
/*****  HEADER STYLE ONE CSS START *****/
.header-style-one .annoucebar-social-icon li a {
    display: block;
}

.header-style-one .annoucebar-social-icon li a:hover svg path,
.header-style-three .header-topbar .header-topbar-right li a:hover svg path{
    fill: var(--black);
}
.header-style-one .annoucebar-social-icon li a svg {
    height: 18px;
    width: 18px;
}
.header-style-one .announcebar .announcebar-center {
    gap: 10px;
}
.header-style-one .announcebar .announcebar-center p a {
    color: var(--text-color);
    margin-left: 5px;
    border-bottom: 1px solid transparent;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.header-style-one .announcebar .announcebar-center p a:hover {
    border-color: var(--text-color);
    color: var(--text-color);
}
/*****  HEADER STYLE ONE CSS END *****/
/*****  HEADER STYLE THREE CSS START *****/
.header-style-three .menu-item-right .form-input .search-btn {
    right: 6px;
    background: transparent;
    border: none;
}
.header-style-three .menu-item-right input {
    padding: 8px 36px 8px 12px;
}
.header-style-three .menu-item-right .search-header>a {
    display: block;
}
/*****  HEADER STYLE THREE CSS END *****/
/*****  HEADER STYLE FOUR CSS START *****/
.site-header .announcebar .announce-wrp {
    position: relative;
}
/*****  HEADER STYLE SIX CSS START *****/
.header-style-two .logobar .logo-col img {
    width: 100%;
}
.header-style-two .logobar .logo-col a {
    display: block;
}
.header-style-two .logobar-right {
    gap: 15px;
}
.site-header.header-style-two .logobar-inner li {
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.header-style-two .logobar-right-inner .nice-select .list {
    top: 40px;
}
.header-style-two .logobar-right li>a {
    position: relative;
}
.header-style-two .logobar-right>li>a svg {
    width: 20px;
    height: 20px;
}
.header-style-two .logobar-right .login-header .list {
    top: 40px;
    min-width: 130px;
}
.header-style-two .announcebar .announcebar-right {
    gap: 10px;
}
.header-style-two .announcebar .announcebar-right .track-order {
    gap: 5px;
}
.header-style-two .announcebar-right .track-order svg{
    width: 24px;
    height: 24px;
}
.header-style-two .announcebar-right .track-order a{
  text-transform:capitalize;
}
.header-style-two .logobar {
    padding: 10px 0;
}
.header-style-two .logobar .form-input {
    position: relative;
    overflow: hidden;
}
.header-style-two .logobar-right .cart-header .cart-dtl span {
    line-height: 1;
}
.header-style-two .logobar .header-search-form .form-input input {
    padding: 10px 105px 10px 10px;
    min-width: 435px;
    background-color: var(--white);
    border-radius: 20px;
}
.header-style-two .logobar .search-header {
    display: none;
}
.header-style-two .logobar .logo-item-col {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    width: 100%;
    padding-left: 50px;
}
.header-style-two .logobar .header-search-form button {
    position: absolute;
    right: 0;
    top: 50%;
    height: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.header-style-two .logobar .logobar-inner .logobar-right>li>a {
    padding: 5px 10px;
    gap: 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.header-style-two .count {
    background-color: var(--black);
}
.header-style-two .logobar .logobar-inner .logobar-right .cart-header .cart-dtl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3px;
}
.header-style-two .logobar .logobar-inner .logobar-right .nice-select {
    padding: 10px 0px 10px 35px;
}
.header-style-two .logobar-right .nice-select .current{
    padding: 5px 30px 5px 0px;
}
.header-style-two .logobar-right .nice-select .current:after {
    top: 30%;
    right: 10px;
    border-top: 1px solid var(--text-color);
    border-left: 1px solid var(--text-color);
}
.header-style-two .logobar-right .nice-select.open .current:after{
    top: 42%;
}
.header-style-two .main-navigationbar {
    border-top: 1px solid var(--primary-color);
}
.login-info .nice-select::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url(../images/header-user.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/*****  HEADER STYLE SIX CSS END *****/
/*****  HEADER STYLE SEVEN CSS START *****/

.header-style-three .announcebar p {
    margin-bottom: 0;
}
.header-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.header-style-three .announcebar .swiper-slide {
    width: auto;
    padding: 0 30px;
}
.header-style-three .announcebar .swiper-slide::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    height: 8px;
    width: 8px;
    border-radius: 10px;
}
.header-style-three .header-topbar-left a svg {
  width:18px;
  height:18px;
    margin-right: 10px;
}
.header-style-three .header-topbar {
    padding: 10px 0;
}
.header-style-three .header-topbar .header-topbar-right li a {
    display: block;
}
.header-style-three .header-topbar .header-topbar-right li a svg {
    width: 18px;
    height: 18px;
}
.header-style-three .header-topbar .header-topbar-right {
    gap: 15px;
}
.header-style-three .main-navigationbar .menu-item-right {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.header-style-three .main-navigationbar .menu-item-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.header-style-three .menu-item-right .search-header input {
    background: transparent;
    border: 1px solid var(--border-color);
}
/*****  HEADER STYLE SEVEN CSS END *****/
/*** mega dropdown css  ***/
.menu-items-col .main-nav>li.menu-lnk .menu-dropdown li {
    text-transform: capitalize;
}
.site-header .menu-dropdown ul>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.site-header .mega-menu-container {
    max-width: 1200px;
  width:100%;
}
.site-header .menu-dropdown ul>li span {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
      text-transform: capitalize;
    color: var(--black);
      display: block;
}
.site-header .main-navigationbar .main-nav>li .menu-dropdown.open_menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(100%);
    -webkit-transform: scaleY(100%);
    -moz-transform: scaleY(100%);
    -ms-transform: scaleY(100%);
    -o-transform: scaleY(100%);
}

/**  mega menu css  **/
.site-header .menu-close-icon svg {
  cursor: pointer;
} 
.site-header .menu-close-icon svg path{
  fill:var(--black);
}
.site-header .mobile-menu .mobile-menu-button {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  padding: 0;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: transparent;
  border: none;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.site-header .mobile-menu .mobile-menu-button div {
  width: 100%;
  height: 2px;
  margin: 4px 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: var(--white);
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.menu-lnk .menu-dropdown {
  position: absolute;
  top: 100%;
  background-color: var(--white);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  min-width: 220px;
  z-index: 2;
  padding: 20px;
  border-top: 1px solid var(--border-color);
  -o-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
border-radius:0px 0 10px 10px;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.menu-lnk .menu-dropdown.mega-menu {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 20px 0 5px;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li:hover .menu-dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.site-header .menu-dropdown ul>li:not(:last-of-type) {
  margin-bottom: 10px;
}
.site-header .menu-dropdown ul>li a {
     position: relative;
  border-bottom: 1px solid transparent;
  font-size: 14px;
  font-family: var(--first-font);
  color: var(--black);
  text-transform:capitalize;
}
.site-header .wishlist-counter{
  background: #F7EEE5;
  color: var(--black);
}
.site-header .menu-items-col .main-nav .mobile-menu-button svg{
  height: 22px;
  width: 22px;
}
.site-header .menu-right .cart-header .cart-icon {
  position: relative;
}
.head-sticky .main-navigationbar{
  background-color: #e7a275;
}
.megamenu-card-inner {
 border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 15px;
  -webkit-box-shadow: 0 5px 30px #00000017;
          box-shadow: 0 5px 30px #00000017;
}
.site-header .megamenu-card .megamenu-image {
  position: relative;
}
.site-header .megamenu-card .megamenu-image a {
  padding-top: 92%;
}
.site-header .megamenu-card .megamenu-image a img ,
.site-header .menu-dropdown ul li .img-col{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.site-header .menu-dropdown ul li .img-col{
  overflow:hidden;
}
.site-header .megamenu-card .megamenu-content {
  margin-top: 15px;
  text-align: center;
}
.site-header .megamenu-card .megamenu-content span {
  font: var(--h6);
  color: var(--black);
  text-transform:capitalize;
}
.site-header .menu-right .cart-header .cart-price {
  font-size: 16px;
  margin-left: 10px;
}
.site-header .login-header .nice-select{
  border: 1px solid var(--white);
  border-radius: 10px;
  background: url(header-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.megamenu-card{
  margin-bottom:15px;
}
.login-header .wishcount{
  margin: 0 2px;
}
/* **********cartdrawer********** */
/* ========overlay======= */
.overlay {
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.overlay.active,
.cartopen .overlay::after,
.active-menu .overlay::after,
.quick-active .overlay::after{
    content: "";
    z-index: 4;
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}
.cartopen.quick-active .overlay:after {
    z-index: 5;
}
.cartdrawer {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
    background: var(--white);
    color: var(--text-color);
    width: 410px;
    height: 100%;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
}
.cartopen .cartdrawer {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.cartdrawer .mini-cart-has-item .free-shipping-bar {
    margin-bottom: 20px;
}
.cartdrawer .free-shipping-txt {
    font-size: 16px;
    line-height: 22px;
}
/* cart-progress-bar strat */
progress[value] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    position: relative;
    margin: 0 0;
    height: 7px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
  flex:1;
}
progress[value]::-webkit-progress-bar {
    position: relative;
    border-radius: 5px;
    background-color: #e5e5e5;
}
progress[value]::-webkit-progress-value {
    position: relative;
    border-radius: 5px;
    background-color: var(--primary-color);
}
progress[value]::-moz-progress-bar {
    position: relative;
    border-radius: 5px;
    background-color: var(--primary-color);
}
progress:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: -o-linear-gradient(315deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    -webkit-animation: move 5s linear infinite;
    border-radius: 5px;
    overflow: hidden;
    background-size: 45px 45px;
}
@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -60px -60px;
    }
}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -60px -60px;
    }
}
.progress-icon {
    position: relative;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    top: 20px;
    right: 0;
    -webkit-animation: blinkers 1.5s infinite;
            animation: blinkers 1.5s infinite;
}
@keyframes blinkers {
    0% {
        -webkit-transform: translateY(-50%) scale(0.9);
                transform: translateY(-50%) scale(0.9);
    }
    50% {
        -webkit-transform: translateY(-50%) scale(1);
                transform: translateY(-50%) scale(1);
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0.9);
                transform: translateY(-50%) scale(0.9);
    }
}
@-webkit-keyframes blinkers {
    0% {
        -webkit-transform: translateY(-50%) scale(0.9);
                transform: translateY(-50%) scale(0.9);
    }
    50% {
        -webkit-transform: translateY(-50%) scale(0.95);
                transform: translateY(-50%) scale(0.95);
    }
    100% {
        -webkit-transform: translateY(-50%) scale(1);
                transform: translateY(-50%) scale(1);
    }
}
.progress-icon:before {
    content: "";
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(shipping-logo.svg);
    display: block;
    filter: invert(1);
    -webkit-filter: invert(1);
}
.cartdrawer .free-shipping-txt .progress-bar-design {
    position: relative;
    height: 7px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 30px auto 0;
    width: 100%;
  gap:5px;
}

/* cart-progress-bar end */
.mini-cart-title a.mini-cart-pro-title {
    font-size: 16px;
    max-width: 190px;
    width: 100%;
    overflow: hidden;
  text-transform:capitalize;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: var(--second-font);
}
.cartdrawer .mini-cart-container {
    padding: 0px 30px 0px 30px;
}
.cartdrawer .mini-cart-header {
    position: relative;
    text-align: center;
  text-transform:capitalize;
    margin: 0;
    padding: 15px 0 15px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}
.cartdrawer .closecart {
    width: 30px;
    height: 30px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.cartdrawer .common-close svg path {
    fill: var(--black);
}
.cartdrawer .mini-cart-has-item {
    overflow: hidden;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cartdrawer .mini-cart-body,
.coupon-popup .coupon-body,
.gift-popup .gift-body {
    overflow-y: auto;
    padding: 30px;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.cartdrawer .mini-cart-item {
    padding: 10px 0;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid var(--border-color);
    background: var(--white);
}
.cartdrawer .mini-cart-image {
    width: 100px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.cartdrawer .mini-cart-image a {
    display: block;
    padding-top: 122%;
    position: relative;
    background: var(--primary-light-color);
}
.cartdrawer .mini-cart-image img {
    top: 0;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    -o-object-position: center;
       object-position: center;
    position: absolute;
    left: 0;
    right: 0;
  width:100%;
  height:100%;
}
.cart-variable p:not(:last-of-type) {
    margin-bottom: 0px;
}
.cartOpen .cartDrawer {
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translate(0);
    color: var(--black);
}
 .cartdrawer .mini-cart-footer .footer-bottom-icon svg,
 .coupon-popup .coupon-body .coupon-txt svg {
    width: 30px;
    height: 30px;
}
.cartdrawer .mini-cart-footer-icons .footer-bottom-icon:hover svg {
    -webkit-animation-name: beat;
    animation-name: beat;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes beat {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes beat {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.cartdrawer .mini-cart-details {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    width: 100%;
    padding-left: 15px;
}
.cartdrawer .mini-cart-title {
    margin-bottom: 12px;
    font-weight: 600;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cartdrawer .cart-rating {
    margin-bottom: 12px;
}
.cartdrawer .cart-rating svg path:not(:first-of-type) {
    fill: #FFC700;
}
.cartdrawer .cart-rating svg path:first-of-type {
    fill: #E7E6E2;
}
.site-header .cartdrawer .mini-cart-details .cart-rating svg {
    width: auto;
    height: auto;
}
.qty-spinner {
    border: 1px solid var(--border-color);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    max-width: 100px;
    height: 35px;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.qty-spinner button {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.qty-spinner button svg,
.site-header .cartdrawer .qty-spinner button svg {
    margin: auto;
    height: 10px;
    width: 10px;
  pointer-events:none;
}
.qty-spinner button svg path,
.site-header .cartdrawer .qty-spinner button svg path {
    fill: var(--black);
}
.qty-spinner input,
.site-header .cartdrawer .qty-spinner input {
    border: 0;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    width: 30px;
    color: var(--black);
    padding: 0;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    margin: 0;
}
del {
    opacity: 0.6;
    text-decoration: line-through;
}
.price {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    color: var(--price-color);
    line-height: 1;
    gap: 10px;
}
.price ins {
    font-size: 20px;
    font-weight: 600;
}
.price ins.text-danger {
    color: var(--error-color);
}

.cartdrawer .pvarprice, .cartdrawer .cart-variable {
    margin-bottom: 12px;
}
.cartdrawer .cart-variable strong{
  text-transform:capitalize;
}
.cartdrawer .pvarprice{
  gap:5px;
}
.cartdrawer .pvarprice .price-lable {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    margin-right: 5px;
}
.cartdrawer .price del {
    margin-left: 10px;
}
.cartdrawer .price ins {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.cartdrawer .mini-cart-footer {
    position: relative;
    -webkit-box-shadow: 0 0px 8px 0 rgb(0 0 0 / 30%);
            box-shadow: 0 0px 8px 0 rgb(0 0 0 / 30%);
}
.cartdrawer .mini-cart-footer .cart-footer-top {
    padding: 30px;
}
.mini-total-lbl {
    font-weight: 500;
    margin-bottom: 7px;
    display: block;
  text-transform:capitalize;
}
.cartdrawer .mini-cart-footer .mini-cart-footer-total-row .mini-total-iteam p,
.cartdrawer .mini-cart-footer .mini-cart-footer-total-row .mini-Subtotal p {
    font-size: 16px;
}
.cartdrawer .minicart-btn-wrapper .cart-bottom-btn {
    padding: 15px 35px;
    width: 50%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    font-family: var(--second-font);
  text-transform:capitalize;
}
.cartdrawer .minicart-btn-wrapper .view-cart-btn {
    background: var(--primary-color);
}
.cartdrawer .minicart-btn-wrapper .Check-btn {
    background-color: var(--black);
  border:0;
}
.cartdrawer .mini-cart-footer-total-row {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    padding: 20px 0 0;
    border-top: 1px solid var(--border-color);
}
.cartdrawer .mini-cart-footer-icons {
    margin-bottom: 15px;
}
.cartdrawer .mini-cart-footer-icons .footer-bottom-icon {
    width: auto;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    padding: 12px 35px;
    border: none;
    width: 47%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.cartdrawer .mini-cart-footer-total-row div.mini-Subtotal {
    text-align: right;
}
.cartdrawer .mini-cart-footer .u-save {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-bottom: 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.cartdrawer .mini-cart-footer .checkout-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding: 12px 30px;
}
.cartdrawer .mini-cart-footer .link-btn {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.link-btn svg {
    fill: var(--black);
    margin-left: 10px;
    width: 20px;
    height: auto;
}
.cartdrawer .remove-item svg path {
    fill: var(--error-color);
}
.cartdrawer .remove-item svg {
    height: 15px;
    width: 15px;
}
.cartdrawer .emptyCart {
    padding: 50px 0 0 0;
}
.cartdrawer .link-btn:before {
    display: none;
}
.filter_open .main-navigationbar.fixed::after,
.cartopen .logobar.sticky_header.fixed::after,
.active-menu .logobar.sticky_header.fixed::after,
.filter_open .logobar.sticky_header.fixed::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 101%;
    z-index: 2;
    background: rgba(0, 0, 0, .7);
}
/* ****** coupon popup css **** */
.coupon-popup,
.gift-popup {
    position: fixed;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0);
            box-shadow: 0 4px 8px 0 rgb(0 0 0);
    z-index: 5;
    background: var(--white);
    color: var(--black);
    width: 410px;
    height: auto;
    -ms-transform: translateY(120%);
    -webkit-transform: translatey(120%);
    transform: translateY(120%);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
}
.coupon-popup.active,
.gift-popup.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translatey(0%);
        -ms-transform: translatey(0%);
            transform: translatey(0%);
}
.coupon-popup .coupon-txt {
    gap: 10px;
    margin-bottom: 12px;
}
.coupon-popup .close-coupon,
.gift-popup .close-gift {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.site-header .cart-header .coupon-popup .common-close svg,
.site-header .cart-header .gift-popup .common-close svg {
    height: 15px;
    width: 15px;
}
.site-header .cart-header .coupon-popup .common-close svg path,
.site-header .cart-header .gift-popup .common-close svg path {
    fill: var(--primary-color);
}
.coupon-code {
    position: relative;
}
.site-header .coupon-code input {
    height: 45px;
    width: 100%;
    padding: 14px 100px 14px 15px;
    border-radius: 30px;
}
.coupon-code .apply-coupon-btn {
  position: absolute; 
    top: 0;
    right: 0;
     height: 100%;
  border-radius:10px;
}
::-webkit-scrollbar {
    width: 6px;
  border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
  border-radius:10px;
}
::-webkit-scrollbar-track {
    background: var(--border-color);
}
/********* mobile menu button **********/
.site-header .menu-right-item li.mobile-menu {
    display: initial;
}
.site-header .menu-right-item li a svg {
    width: 20px;
    height: 20px;
}
.site-header .mobile-menu {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
}
.site-header .mobile-menu .mobile-menu-button {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    padding: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: transparent;
    border: none;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.site-header .mobile-menu .mobile-menu-button div {
    width: 100%;
    height: 1px;
    margin: 5px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--black);
}
/*****  MOBILE MENU CSS START  *****/
.mobile-menu-wrapper {
    position: fixed;
    z-index: 6;
    background: var(--white);
    top: 0;
    height: 100%;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
    right: 0;
    display: block;
    width: 100%;
    max-width: 400px;
}
.mobile-menu-wrapper.active-menu {
    -webkit-transform: translate(0%, 0px);
        -ms-transform: translate(0%, 0px);
            transform: translate(0%, 0px);
}
.mobile-menu-wrapper .menu-close-icon {
    text-align: right;
    padding: 15px 20px;
    background: var(--primary-color);
}
.mobile-menu-wrapper .mobile-menu-bar>ul {
    height: auto;
    overflow: auto;
    padding: 15px 20px;
    background: var(--white);
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a {
    font-size: 18px;
    color: var(--black);
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li>a {
    color: var(--primary-color);
    font-weight: 500;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li:not(:first-child) {
    margin-top: 8px;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a .close-menu-ioc {
    display: none;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li.is_open>a.acnav-label .menu-open-arrow {
    display: none;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li.is_open>a.acnav-label .close-menu-ioc {
    display: block;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .acnav-list {
    margin: 12px 0;
    padding: 0;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is_open .acnav-label .close-menu-ioc {
    display: block;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is_open .acnav-label .menu-open-arrow {
    display: none;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link ul li:not(:last-of-type) {
    margin-bottom: 8px;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link ul li a {
    font-size: 16px;
    line-height: 18px;
    text-transform: lowercase;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a svg {
    margin-left: auto;
    width: 14px;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link ul {
    margin-bottom: 15px;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul {
    margin: 12px 0 0;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li:not(:last-of-type) {
    margin-bottom: 12px;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li>a {
    font-size: 14px;
    font-family: var(--first-font);
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li>a.acnav-label {
    font-weight: 600;
}
/*****  MOBILE MENU CSS END  *****/
/**** SUBSCRIBE POPUP CSS START ****/
.subscribe-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
}
.subscribe-overlay.open {
    opacity: 1;
    visibility: visible;
}
.subscribe-popup {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 240, 239, 1);
    color: var(--primary-text-color);
    z-index: 4;
    padding: 15px;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    opacity: 0;
    visibility: hidden;
}
.subscribe-popup.active {
    opacity: 1;
    visibility: visible;
}
.subscribe-popup .subscribe-wrapper {
    text-align: center;
    background-size: cover;
    position: relative;
    background-position: center;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  overflow:hidden;
}
.subscribe-popup .subscribe-wrapper::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.subscribe-popup .subscribe-wrapper .newsletter-image {
    margin: 0 auto 15px;
    height: 80px;
    width: 80px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: var(--white);
    border: 2px solid #FFF2E0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.subscribe-popup .subscribe-inner {
    overflow-y: auto;
    max-height: 90vh;
    padding: 30px;
}
.subscribe-popup .subscribe-wrapper .section-title,
.subscribe-popup .subscribe-wrapper p {
    margin-bottom: 15px;
}
.subscribe-popup .subscribe-wrapper h2 {
    font-size: 26px;
    font-family: var(--second-font);
    color: var(--primary-text-color);
}
.subscribe-popup .subscribe-wrapper .subscriber-form input {
    background: #FFF0EF;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-bottom: 15px;
}
.subscribe-popup .subscribe-wrapper .subscriber-form input::-webkit-input-placeholder{
  color: var(--black);
}
.subscribe-popup .subscribe-wrapper .subscriber-form input::-moz-placeholder{
  color: var(--black);
}
.subscribe-popup .subscribe-wrapper .subscriber-form input:-ms-input-placeholder{
  color: var(--black);
}
.subscribe-popup .subscribe-wrapper .subscriber-form input::-ms-input-placeholder{
  color: var(--black);
}
.subscribe-popup .subscribe-wrapper .subscriber-form input::placeholder{
  color: var(--black);
}
.subscribe-popup .close-sub-btn {
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 0;
    background: transparent;
    border: none;
    width: 22px;
    height: 22px;
}
.subscribe-popup .common-close::before,
.subscribe-popup .common-close::after {
    background-color: var(--white);
}

.subscriber-form input::-webkit-input-placeholder {
  color: var(white);
}

.subscriber-form input::-moz-placeholder {
  color: var(white);
}

.subscriber-form input:-ms-input-placeholder {
  color: var(white);
}

.subscriber-form input::-ms-input-placeholder {
  color: var(white);
}

.subscriber-form input::placeholder {
  color: var(white);
}
.subscriber-form input::-webkit-input-placeholder {
  color: var(--white);
}
.subscriber-form input::-ms-input-placeholder {
  color: var(--white);
}
/**** SUBSCRIBE POPUP CSS END ****/
/**** SEARCH POPUP CSS ****/
.search-popup .common-close:hover::after,
.search-popup .common-close:hover::before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0);
        transform: rotate(0);
}
.search-popup .close-search {
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}
.search-popup {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 50px 15px;
    z-index: 6;
    transition: all 500ms ease-in-out 0s;
    background-color: var(--white);
    color: var(--black);
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transition: all 500ms ease-in-out 0s;
}
.search-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.search-popup .search-top {
    display: block;
    transition: all .5s ease;
    -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
            transform: translateY(-30px);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.search-popup.active .search-top {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.search-popup .search-top .section-title {
    text-align: center;
}
.search-popup .search-top .section-title h2 {
    font: var(--h3);
}
.search-popup .search-form .search-input {
    border: none;
    border-bottom: 2px solid var(--border-color);
    padding: 12px 35px 12px 0px;
    border-radius: 0;
}
.search-popup .search-form button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    background-color: transparent;
    border: none;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.search-popup .result-prod {
    margin-top: 20px ;
}
.search-popup .search-form .search-form-inner{
    position: relative;
}
.search-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/**** SEARCH POPUP CSS ****/
/* QUICK-VIEW POPUP CSS START */
.product-card .product-card-inner .pro-btn-wrapper .pro-btn .wishlist-btn, .product-card .product-card-inner .pro-btn-wrapper .pro-btn .compare-btn {
    cursor: pointer;
}
.quickview_popup_data p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.quickview_popup_data  .pdp-top-content {
  margin-bottom:15px;
}
.quickview-popup{
  display: none; 
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  border-radius:7px;
  max-width: 900px;
  max-height: 100%;
  max-height: calc(100% - 100px);
  width: 95%;
  margin: 0 auto;
  text-align: center;
  background-color: var(--white);
  z-index: 4;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
    overflow: auto;
}

.quickview-popup::-webkit-scrollbar-thumb {
  background-color:var(--primary-color);
}
.quickview-popup::-webkit-scrollbar-track {
  background:#F1F1F1;
  border-radius:0 10px 10px 0;
}
.quickview-popup .pdp-page-main-sec{
  padding:0 !important;
}
.quickview-popup .swiper-button-prev,.quickview-popup .swiper-button-next{
  opacity:1;
  visibility:visible;
}
.quickview-close{
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  border-radius: 10px  0 0 10px;
  z-index: 3;
  cursor: pointer;
}
.quickview-close svg{
  width:15px;
  height:15px;
}
.quickview-close svg path{
  fill:var(--black);
}
.quickview_popup_data .pdp-right-column .section-title{
  max-width: 100%;
  text-align: left;
}
.quickview_popup_data .pdp-right-column{
    text-align: left;
}
.quickview_popup_data .pdp-right-column label{
  font:var(--h6);
  text-transform:capitalize;
  color:var(--black);
}
.quickview_popup_data .pdp-right-column .review-stars{
  display: none;
}
.quickview_popup_data .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quickview_popup_data{
   padding: 20px 0px;
}
.qv-price{
  margin-top:15px;
}
.qv_select__select{
    margin-top: 10px;
    border-radius: 30px;
    border: 1px solid var(--black);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: url(down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 11PX;
    background-position: calc(100% - 15px);
  line-height:1.1;
}
.qv-price ins{
  font-size: 20px;
  font-weight: 600;
  color:var(--black);
}
.qv-pro-slider-img{
      border-radius: 10px;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.qv-pro-slider-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.qv-price {
    margin-bottom: 15px;
}
.quickview-popup .qnty-btn-wrp .qty-spinner {
    width:150%;
}
.quickview-popup .pdp-right-column  .qnty-btn-wrp .qty-spinner button {
    height: 20px;
    width: 20px;
}
.quickview-popup .swiper-button-prev {
  left:0px;
}
.quickview-popup .swiper-button-next {
  right:0px;
}
/* QUICK-VIEW POPUP CSS END */
/* COOKIE POPUP */
.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background: var(--primary-light-color);
    padding: 15px 0px;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    border-top: 1px solid var(--border-color);
}
.cookie-popup.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.cokkie-popup-title p {
    font-weight: 500;
    letter-spacing: 0.2px;
}
.cokkie-popup-title h2 {
    margin-bottom: 10px;
    font: var(--h5);
}
.cookie-popup .cookie-inner {
    gap: 10px;
}
/******** Mobile sticky bar *******/
.mobile-sticky-wrp {
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
            box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
    background-color: var(--white);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px 40px;
    gap: 15px;
}
.mobile-sticky-wrp svg {
    height: 22px;
    width: 22px;
    margin: 0 auto 8px;
}
.mobile-stickybar {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.mobile-sticky-wrp ul li a {
    text-align: center;
}
.mobile-stickybar.show {
    visibility: visible;
    opacity: 1;
}
.mobile-sticky-wrp li {
    line-height: 1;
}
.mobile-sticky-wrp span {
    display: block;
    line-height: 1;
}
/******** Mobile sticky bar  *******/
/******** Back to Top button *******/
.scroll-top {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.scroll-progress .scroll-text {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    margin-bottom: 15px;
    color: var(--black);
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.scroll-progress .scroll-line {
    width: 2px;
    height: 60px;
    position: relative;
    background-color: var(--black);
    color: inherit;
    display: block;
}
.scroll-progress .scroll-point {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 9px;
    background-color: var(--black);
    top: -4px;
    left: -4px;
}
.scroll-progress {
    position: fixed;
    top: 40%;
    right: 10px;
    z-index: 2;
    opacity: 0;
    background-color: var(--white);
    padding: 15px 0;
    border-radius: 15px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
            box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.scroll-progress.visible {
    opacity: 1;
}
/******** Back to Top button *******/
/********* FOOTER STYLE ONE CSS START ********/
.site-footer {
    position: relative;
    z-index: 1;
    background-color: var(--footer-bg-color);
    color: var(--white);
    margin-top: 70px;
}
.product .site-footer {
    margin-bottom: 110px;
}
.site-footer .footer-bg {
    position: absolute;
    z-index: -1;
    right: 20%;
    height: 100%;
}
.site-footer .footer-row {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 60px 0;
}
.site-footer .footer-col {
    width: 100%;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.site-footer .footer-col .acnav-label1 svg {
    height: 11px;
    width: 11px;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.site-footer .footer-col .footer-widget .acnav-label1 svg path {
    fill: var(--white);
}
.site-footer .footer-logo {
    margin-bottom: 15px;
    max-width: 270px;
    width: 100%;
}
.site-footer .footer-col:not(:first-child) {
    padding-left: 70px;
}
.site-footer .footer-widget h2 {
    color: var(--footer-title-color);
    font: var(--h5);
    padding: 0 0 15px 0;
    text-transform: capitalize;
    position: relative;
}
.site-footer .footer-link .footer-widget ul.acnav-list1>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.site-footer .footer-link .footer-widget ul li {
  text-transform:capitalize;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.site-footer .footer-link .footer-widget ul li a:hover{
    color: var(--pro-btn-hover-color);
}
.footer-style-two .footer-information{
    display: none;
}
.footer-style-two .footer-col-links,
.footer-style-two .footer-col-links .contact-link,
.footer-style-three .footer-col-links,
.footer-style-three .footer-col-links .contact-link {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.footer-style-two .subscribe-form-wrapper .subscribe-btn svg {
    display: none;
}
.footer-style-two .footer-col-links:not(:last-of-type),
.footer-style-three .footer-col-links:not(:last-of-type) {
    margin-bottom: 15px;
}
.footer-style-two .footer-col-links svg,
.footer-style-three .footer-col-links svg {
    max-width: 20px;
    height: 20px;
}
.site-footer .footer-link .footer-widget ul li a:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.site-footer .footer-link .footer-widget .footer-social-icon li a:hover,
.site-footer .footer-link .footer-widget .footer-contacts li a:hover,
.site-footer .footer-link .footer-widget .footer-tags li a:hover {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.site-footer .subscribe-form-wrapper {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.site-footer .subscribe-form-wrapper input {
    border: 1px solid var(--border-color);
    padding: 12px 125px 12px 12px;
    color: var(--white);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.site-footer .subscribe-form-wrapper input::-webkit-input-placeholder {
    color: var(--white);
}
.site-footer .subscribe-form-wrapper input::-moz-placeholder {
    color: var(--white);
}
.site-footer .subscribe-form-wrapper input:-ms-input-placeholder {
    color: var(--white);
}
.site-footer .subscribe-form-wrapper input::-ms-input-placeholder {
    color: var(--white);
}
.site-footer .subscribe-form-wrapper input::placeholder {
    color: var(--white);
}
.site-footer .subscribe-form-wrapper .subscribe-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    height: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 10px 18px;
}
.site-footer .subscribe-form-wrapper .subscribe-btn::before{
    background: var(--pro-btn-color);
}
.site-footer .subscribe-form-wrapper .subscribe-btn:hover svg path,
.site-footer .subscribe-form-wrapper .subscribe-btn:focus svg path{
    fill: var(--secondary-color);
}
.site-footer .footer-social-icon li a {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 35px;
    height: 35px;
    background-color: var(--primary-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.site-footer .footer-social-icon li a svg{
    width: 18px;
    height: 18px;
}
.site-footer .footer-social-icon li a:hover {
    background-color: var(--secondary-text-color);
}
.site-footer .footer-social-icon li a:hover svg path{
    fill: var(--secondary-color);
}
.site-footer .subscribe-form-wrapper .subscribe-btn:hover,
.site-footer .subscribe-form-wrapper .subscribe-btn:focus{
    color: var(--secondary-color);
}

.site-footer .footer-social-icon {
    gap: 10px;
    margin-top: 15px;
}
.site-footer .footer-bottom {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 15px 0px;
}
.site-footer .footer-bottom-inner {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.site-footer .footer-bottom .footer-bottom-inner p a{
  border-bottom:1px solid transparent;
}
.site-footer .footer-bottom .footer-bottom-inner p a:hover{
    border-color:var(--white);
}
.site-footer .footer-bottom-inner .payment-image-wrapper {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.site-footer .footer-bottom-inner .payment-image-wrapper .payment-image svg{
  width:38px;
  height:24px;
}
.footer-style-one .footer-sub-inner {
    position: relative;
} 
.site-footer.footer-style-one .subscribe-form-wrapper {
  display: block;
}
footer.footer-style-one .form__message_success {
  margin-bottom:0px;
}
.footer-style-one {
    background-color: var(--white);
}
.footer-style-one .footer-social-icon {
    margin-top: 0;
}
.footer-style-one .footer-social-icon li svg path {
    fill: var(--white);
}
.footer-style-one .container-offset .footer-row {
    padding: 20px 0 0 0;
}
.footer-style-one .footer-top-title h2 {
    font-size: 90px;
    color: var(--primary-color);
    text-transform: uppercase;
    padding: 35px 20px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--primary-color);
    font-weight: 600;
}
.footer-style-one .footer-col {
    padding-left: 70px;
}
.footer-style-one .footer-content {
    padding: 30px 60px;
}
.footer-style-one .footer-top {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid var(--white);
    padding-bottom: 20px;
}
.footer-style-one .footer-subscribe-col {
    max-width: 350px;
    width: 100%;
}
.footer-style-one::after {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/********* FOOTER STYLE ONE CSS END ********/
/********* FOOTER STYLE THREE CSS START ********/
.footer-style-two {
    border-radius: 90px 0 0 0;
    -webkit-border-radius: 90px 0 0 0;
    -moz-border-radius: 90px 0 0 0;
    -ms-border-radius: 90px 0 0 0;
    -o-border-radius: 90px 0 0 0;
}
.footer-style-two::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000000bf;
    z-index: -1;
    border-radius: 90px 0 0 0;
    -webkit-border-radius: 90px 0 0 0;
    -moz-border-radius: 90px 0 0 0;
    -ms-border-radius: 90px 0 0 0;
    -o-border-radius: 90px 0 0 0;
}
.footer-style-two .footer-address-col {
    max-width: 300px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
}
.footer-style-two .footer-contacts>li>p {
    margin-bottom: 20px;
}
.footer-style-two .footer-contacts .footer-col-links p {
    margin: 0;
}
.footer-style-two .footer-col.footer-subscribe-col {
    max-width: 380px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
            flex: 0 0 380px;
}
.footer-style-two .footer-subscribe-col .footer-widget .acnav-label1 {
    display: none;
}
.footer-style-two .footer-social-icon svg path {
    fill: var(--white);
}
/********* FOOTER STYLE THREE CSS END ********/
/********* FOOTER STYLE FIVE CSS START ********/
.footer-style-three {
    padding-top: 60px;
}
.footer-style-three .leaf{
    right: 0;
    top: -125px;
    max-width: 120px;
  width:100%;
}
.site-footer.footer-style-three .footer-bottom{
    background-color: transparent;
    border-top: 1px solid var(--primary-color);
}
.footer-style-three .footer-top .footer-widget {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 20px;
    gap: 10px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.footer-style-three .footer-top .footer-widget h2 {
    padding: 0;
}
.footer-style-three .footer-top .subscribe-form-wrapper {
    max-width: 450px;
    width: 100%;
}
.footer-style-three .subscribe-form-wrapper input {
    padding: 12px 65px 12px 0px;
    color: var(--footer-text-color);
    border: none;
    border-bottom: 1px solid var(--white);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.footer-style-three .subscribe-form-wrapper .subscribe-btn {
    right: 0;
    border: 1px solid var(--primary-text-color);
}
.footer-style-three .subscribe-form-wrapper .subscribe-btn:hover {
    background-color: var(--primary-color);
}
.footer-style-three .subscribe-form-wrapper input::-webkit-input-placeholder {
    color: var(--footer-text-color);
}
.footer-style-three .subscribe-form-wrapper input::-moz-placeholder {
    color: var(--footer-text-color);
}
.footer-style-three .subscribe-form-wrapper input:-ms-input-placeholder {
    color: var(--footer-text-color);
}
.footer-style-three .subscribe-form-wrapper input::-ms-input-placeholder {
    color: var(--footer-text-color);
}
.footer-style-three .subscribe-form-wrapper input::placeholder {
    color: var(--footer-text-color);
}
/********* FOOTER STYLE SEVEN CSS END ********/
/********* MAIN BANNER SECTION CSS START *********/
.main-banner-sec {
    position: relative;
}
.main-banner-sec .main-banner-bg {
    background-size: cover;
    position: relative;
    background-position: center;
        height: 100%;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width:767px){
  .main-banner-sec .main-banner-bg {
    background-size: cover;
    position: relative;
    background-position: center;
          
    width: 100%;
    z-index: 1;
}
}
@media only screen and (min-width: 300px) and (max-width: 399px){
    .main-banner-sec .main-banner-bg {
    height: 360px!important;
}
}
@media only screen and (min-width: 400px) and (max-width: 499px){
    .main-banner-sec .main-banner-bg {
    height: 490px!important;
}
}
@media only screen and (min-width: 500px) and (max-width: 599px){
    .main-banner-sec .main-banner-bg {
    height: 590px!important;
}
}
@media only screen and (min-width: 600px) and (max-width: 699px){
    .main-banner-sec .main-banner-bg {
    height: 690px!important;
}
}
@media screen and (max-width:1300px){
    .main-banner-sec .banner-content-wrapper {
        padding: 209px 0!important;
    }
}
.main-banner-sec .banner-content-wrapper {
    position: relative;
    max-width: 650px;
    width: 100%;
    color: var(--primary-text-color);
    padding: 292px 0;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.main-banner-sec .banner-content-wrapper::before {
    content: '';
    position: absolute;
    background: url(banner-bg-arrow.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 160px;
    bottom: 15%;
    right: 140px;
    z-index: -1;
  display:none;
}
.main-banner-sec .banner-content-wrapper .section-title {
    position: relative;
}
.banner-bg-image {
    position: absolute;
    z-index: -1;
}
.main-banner-sec .banner-content-wrapper .section-title::after {
    content: '';
    position: absolute;
    background: url(banner-heading-img.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    top: -35px;
    right: -15px;
    z-index: -1;
  display:none;
}
.banner-leaf {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    max-width: 100px;
    width: 100%;
    animation: shake 4s infinite;
    -webkit-animation: shake 4s infinite;
}
.banner-bg-item {
    right: -43px;
    bottom: 16px;
    max-width: 150px;
    width: 100%;
}
.special-menu {
    position: absolute;
    right: 45%;
    top: 17%;
    padding: 15px 20px;
    background: #35895685;
    border: 1px solid var(--primary-color);
    color: var(--primary-text-color);
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.special-menu span {
    margin-top: 5px;
    font-weight: 600;
    font-size: 16px;
    display: block;
    line-height: 1;
}
.main-banner-sec .banner-content-wrapper h2 {
    line-height: 1.4;
    font-size: 50px;
    background: -o-radial-gradient(96.47% 78.19%, 102.65% 566.07%, #F98A82 0%, #FDC6C6 50.1%, #CD2D46 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
        background: radial-gradient(102.65% 566.07% at 96.47% 78.19%, #147239, #147239 50.1%, #147239); /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.main-banner-sec .banner-content-wrapper p {
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
}
.home-arrow-prev,
.home-arrow-next{
    color:#000!important;
    transition:all .3s ease;
}

.home-arrow-prev:hover,
.home-arrow-next:hover{
   
    color:#fff!important;
}
.main-banner-sec .home-arrow-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    justify-content: center;
    position: relative;
    max-width: 1600px;
    width: 100%;
    margin: -7% auto 40px;
     padding: 0px 15px ;
}

.main-banner-sec .home-arrow-wrapper .home-arrow-next svg, .main-banner-sec .home-arrow-wrapper .home-arrow-prev svg{
    width: 22px;
    height: 22px;
}

.main-banner-sec .home-arrow-wrapper .home-arrow-next,
.main-banner-sec .home-arrow-wrapper .home-arrow-prev {
   position: relative;
   cursor: pointer;
   background: var(--white);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
}
.main-banner-sec .home-arrow-wrapper .home-arrow-next:hover,.main-banner-sec .home-arrow-wrapper .home-arrow-next:focus,
.main-banner-sec .home-arrow-wrapper .home-arrow-prev:hover,.main-banner-sec .home-arrow-wrapper .home-arrow-prev:focus{
    background-color: var(--primary-color);
}
.main-banner-sec .home-arrow-wrapper .home-arrow-next:hover svg path,
.main-banner-sec .home-arrow-wrapper .home-arrow-next:focus svg path,
.main-banner-sec .home-arrow-wrapper .home-arrow-prev:hover svg path,
.main-banner-sec .home-arrow-wrapper .home-arrow-prev:focus svg path{
   fill: var(--pro-btn-color);
}
.main-banner-sec .home-arrow-wrapper .home-arrow-next {
    right: 0px;
    left: auto;
}
.main-banner-sec .home-arrow-next svg path,
.main-banner-sec .home-arrow-prev svg path {
    fill: var(--black);
}
/********* MAIN BANNER SECTION CSS END *********/
/********* CATEGORY SECTION CSS START *********/
.category-sec {
    position: relative;
    z-index: 1;
}
.leaf {
    position: absolute;
    z-index: -1;
    max-width: 150px;
    animation: shake 4s infinite;
    -webkit-animation: shake 4s infinite;
}
@-webkit-keyframes shake {
    10%,
    90% {
        transform: translate3d(0, -1px, 0);
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
    }
    20%,
    80% {
        transform: translate3d(0, 2px, 0);
        -webkit-transform: translate3d(0, 2px, 0);
        -moz-transform: translate3d(0, 2px, 0);
        -ms-transform: translate3d(0, 2px, 0);
        -o-transform: translate3d(0, 2px, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
    }
    40%,
    60% {
        transform: translate3d(0, 4px, 0);
        -webkit-transform: translate3d(0, 4px, 0);
        -moz-transform: translate3d(0, 4px, 0);
        -ms-transform: translate3d(0, 4px, 0);
        -o-transform: translate3d(0, 4px, 0);
    }
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(0, -1px, 0);
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
    }
    20%,
    80% {
        transform: translate3d(0, 2px, 0);
        -webkit-transform: translate3d(0, 2px, 0);
        -moz-transform: translate3d(0, 2px, 0);
        -ms-transform: translate3d(0, 2px, 0);
        -o-transform: translate3d(0, 2px, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
    }
    40%,
    60% {
        transform: translate3d(0, 4px, 0);
        -webkit-transform: translate3d(0, 4px, 0);
        -moz-transform: translate3d(0, 4px, 0);
        -ms-transform: translate3d(0, 4px, 0);
        -o-transform: translate3d(0, 4px, 0);
    }
}
.category-sec .leaf-1 {
    left: 0;
    top: -80px;
}
.category-sec .leaf-2 {
    right: 0;
    bottom: -50px;
}
.shop-btn-wrp {
    font-weight: 500;
    padding: 14px 60px 14px 14px;
}
.shop-btn-wrp:hover,
.shop-btn-wrp:focus{
    color: var(--pro-hover-text-color);
}
.shop-btn-wrp .shop-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background-color: var(--white);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
}
.shop-btn-wrp:hover .shop-arrow,
.shop-btn-wrp:focus .shop-arrow {
    background-color: var(--pro-btn-hover-color);
}
.shop-btn-wrp:hover .shop-arrow svg path,
.shop-btn-wrp:focus .shop-arrow svg path{
   fill: var(--pro-btn-color);
} 
.shop-btn-wrp .shop-arrow svg {
    height: 20px;
    width: 20px;
}
.shop-btn-wrp .shop-arrow svg path{
    fill: var(--pro-hover-text-color);
}
.shop-btn-wrp.btn::before{
    background-color: var(--pro-btn-color);
}
.category-sec .section-title h2 {
    max-width: 550px;
    width: 100%;
}
.category-sec .category-card {
    background: linear-gradient(135deg, #147239 0%, #35c467 100%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.category-sec .swiper-slide:nth-child(5n+1) .category-card {
    background-color: #E8D8E9;
}
.category-sec .swiper-slide:nth-child(5n+2) .category-card {
    background-color: #C7DDE8;
}
.category-sec .swiper-slide:nth-child(5n+3) .category-card {
    background-color: #D4E7E4;
}
.category-sec .swiper-slide:nth-child(5n+4) .category-card {
    background-color: #D3D5E7;
}
.category-sec .swiper-slide:nth-child(5n+5) .category-card {
    background-color: #EADDE7;
}
.category-sec .category-card .category-card-image {
    background-color: var(--white);
    border-radius: 100%;
    padding: 15px;
    -webkit-border-radius: 100%;  
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    width: 150px;
    height: 150px;
}
.category-sec .shop-btn-wrp:hover,
.home-blog-sec .shop-btn-wrp:hover{
    color: var(--pro-btn-color);
}
.category-sec .shop-btn-wrp::before,
.home-blog-sec .shop-btn-wrp::before{
    background-color: var(--secondary-color);
}
.category-sec .category-card .category-card-image img,  .category-sec .category-card .category-card-image svg{
    width: 100%;
    height: 100%;
    -o-object-fit:contain ;
       object-fit:contain ;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
}
.category-sec .category-card:hover .category-card-image img, .category-sec .category-card:hover .category-card-image svg{
 -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
     transform: scale(1.1);
}


.category-sec .category-card .category-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding-top: 15px;
}
.category-sec .category-card .category-content h3 {
    font: var(--h5);
    font-size:14px!important;
    color:white;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  text-transform:capitalize;
}
.category-sec .category-card .category-content span{
  text-transform:capitalize;
  color:white;
}
/********* CATEGORY SECTION CSS END *********/
/********* OFFER SECTION CSS START *********/
.offer-sec {
  position: relative;
  clear: both;
  width: 100%;
  padding: 40px 0px;
}
/* .offer-sec::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #FFF0EF;
} */
.offer-sec .offer-box-body {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-radius: 20px;
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
    transition: all 500ms ease-in-out 0s;
    padding: 0px;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.offer-sec .offer-box-body img {
    position: absolute;
    bottom: 0;
    right: 0;
  width:100%;
    height: 100%;
    z-index: 1;
    transition: all 4s cubic-bezier(0, 0, .1, 1);
    -webkit-transition: all 4s cubic-bezier(0, 0, .1, 1);
    -moz-transition: all 4s cubic-bezier(0, 0, .1, 1);
    -ms-transition: all 4s cubic-bezier(0, 0, .1, 1);
    -o-transition: all 4s cubic-bezier(0, 0, .1, 1);
   
}
.offer-sec .offer-box-body picture{
    display: block;
    width: 100%;
    height: auto;
}

.offer-sec .offer-box-body picture img{
    position: static;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.offer-sec .offer-box-body:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.offer-sec .offer-box-inner {
    max-width: 260px;
    width: 100%;
    z-index: 2;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
    height: 100%;
}
.offer-sec .offer-box-inner .shop-btn-wrp {
    max-width: 150px;
    width: 100%;
}

.offer-sec .offer-box-inner .subtitle {
    text-transform: capitalize;
    letter-spacing: normal;
}
.offer-sec .offer-box-inner .subtitle b {
    color: var(--primary-text-color);
    font-weight: 500;
}
.offer-sec .offer-box-inner h2 {
    margin-bottom: 25px;
    font: var(--h3);
    font-family: var(--second-font);
    line-height: 1.3;
    color: black;
  text-transform:capitalize;
}
.offer-sec .offer-box-inner .subtitle{
    font-size: 18px;
}
.offer-sec .row [class*="col-"]:nth-child(2) .offer-box-body .subtitle,.offer-sec .row [class*="col-"]:nth-child(2) .offer-box-body h2 b {
   color: var(--secondary-color);
}
.offer-sec .row [class*="col-"]:nth-child(2) .offer-box-inner .shop-btn-wrp{
    background-color: var(--secondary-color);
}
/********* OFFER SECTION CSS END *********/
/********* PRODUCT SECTION CSS START *********/
.product-sec {
    background-color: #e4ffef;
    position: relative;
    z-index: 1;
}
.product-sec .leaf-1 {
    top: 30px;
    left: 0;
}
.product-sec .leaf-2 {
    right: 0;
    bottom: -60px;
}
.product-slider.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}
.product-slider.swiper-grid-column>.swiper-wrapper {
    gap: 20px 0;
}
.product-slider .swiper-slide {
    margin-top: 0 !important;
}
.tabs-container {
    overflow: hidden;
}
ul.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
ul.tabs li {
    font-weight: 500;
    cursor: pointer;
}
.pdp-right-column .product-lable-wrapper{
    margin-bottom: 15px;
}
.pdp-right-column .product-lable-wrapper span{
    padding: 5px 12px;
    background-color: var(--primary-color);
    color: var(--white);
    border: 1px solid var(--primary-color);
    font-size: 14px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    letter-spacing: 1px;
}
.product-sec ul.tabs li {
    padding: 8px 15px;
    border: 1px solid var(--border-color);
  text-transform:capitalize;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.product-sec ul.tabs li.active,
.product-sec ul.tabs li:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-text-color);
}
/**   Color variant swatch   **/
.pdp-right-column .color-variant-swatch {
    margin-bottom: 20px;
  /* display:flex; */
  align-items:center;
  gap:10px;
}
.color-variant-swatch fieldset, .quick-view-left .color-variant-swatch .button {
    gap: 5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.product-card .color-variant-swatch label.size-var, .product-card .quick-view-left .color-variant-swatch .size-var {
    padding: 8px 10px;
    font-size: 14px;
}
@media screen and (max-width:767px){
    .product-card .color-variant-swatch label.size-var{
        font-size: 8px;
    }
}
.product-card .color-variant-swatch input:checked+label.color-var, 
.pdp-right-column .color-variant-swatch input:checked+label.color-var, 
.products-add-cart-sticky .color-variant-swatch .button .color-var.sticky-active, 
.quick-view-left .color-variant-swatch input[type=radio]:checked+label.color-var {
    -webkit-box-shadow: 0 0 0 1px #333,inset 0 0 0 3px #fff;
            box-shadow: 0 0 0 1px #333,inset 0 0 0 3px #fff;
    border: none;
}
.color-variant-swatch label.color-var, .quick-view-left .color-variant-swatch .color-var {
    margin: 0 3px;
    position: relative;
    padding: 0;
    min-height: 30px;
    min-width: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid var(--black);
}
fieldset {
    border: none;
}
.pdp-right-column .color-variant-swatch>label{
    font:var(--h6);
  text-transform:capitalize;
  color:var(--black);
}
.pdp-right-column .color-variant-swatch input:checked+label.size-var, .products-add-cart-sticky .color-variant-swatch .button .size-var.sticky-active, .quick-view-left .color-variant-swatch input[type=radio]:checked+label.size-var {
    background-color: var(--primary-color);
    color: var(--white);
    border: 1px solid var(--primary-color);
}
.products-add-cart-sticky .color-variant-swatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.color-variant-swatch label.size-var, .quick-view-left .color-variant-swatch .size-var {
    padding: 8px 12px;
    content: "";
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    border: 1px solid var(--border-color);
    background-color: var(--primary-light-color);
    width: auto;
    position: relative;
    font-weight: 500;
    letter-spacing: 0px;
    top: 0;
    line-height: 1;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  
}
.pdp-right-column .color-variant-swatch fieldset:not(:last-of-type) {
    padding-bottom: 15px;
}
.color-variant-swatch input[type=radio] {
    display: none;
}
/* Timeline */
.daily-deal-sec .daily-deal-card .product-content-bottom .count,
.discount-sec .discount-offer-column .discount-column-top .deal-timeline .count {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    background-color: var(--white);
    padding: 10px;
    border-radius: 50px;
    text-align: center;
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-weight: 700;
    line-height: 1;
}
.time-counter .deal-timeline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--white);
    color: var(--text-color);
    padding: 12px;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-shadow: 0px 0px 21.7391300201416px 0px #0000000D;
            box-shadow: 0px 0px 21.7391300201416px 0px #0000000D;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.countdown-container.flip-countdown.countdown-block {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 7px;
} 
/********* PRODUCT CARD CSS *********/
.product-card-inner .img-wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background-color: rgba(168, 168, 168, 0.1);
    transform: scale(0);
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.product-card-inner .img-wrapper:hover::before,
.blog-card-image .blog-image:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.product-label-wrp {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
}
.product-card .product-label-wrp .pro-label {
    font-size: 14px;
    padding: 5px 10px;
    letter-spacing: 2px;
  text-transform:capitalize;
    line-height: 1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-card .product-card-inner,
.blog-card .blog-card-inner {
    position: relative;
    border: 1px solid var(--border-color);
    background-color: var(--white);
    padding: 15px;
    transition: all 500ms ease-in-out 0s;
    overflow: hidden;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.blog-card .blog-card-inner {
    padding: 0px;
    border: none;
    padding-bottom: 150px   
}
.product-card .cart-btn-content,
.product-card .time-counter {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.time-counter .counter {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    gap: 7px;
    position: relative;
}
.product-card .time-counter .deal-timeline svg {
    width: 16px;
    height: 16px;
    display: none;
}
.product-card .product-image-bottom .cart-btn-content .product-card .time-counter #timer span {
    margin: 0px 5px;
    line-height: 1;
}
.product-card-inner .product-content {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    padding: 15px 0px 0;
}
.product-card .cart-btn-content {
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.product-card:hover .cart-btn-content {
    opacity: 1;
    visibility: visible;
}
.product-card .cart-btn-content .qv-btn,
.product-card .cart-btn-content .cart-btn {
    width: auto;
    -webkit-box-shadow: 0px 0px 25px 0px #0000000D;
            box-shadow: 0px 0px 25px 0px #0000000D;
}
.product-card:hover .time-counter,
.product-card:hover .product-label-wrp {
    opacity: 0;
    visibility: visible;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.product-card:hover .product-card-inner {
    -webkit-box-shadow: 0px 0px 15px 0px #00000012;
            box-shadow: 0px 0px 15px 0px #00000012;
    border-color: 1px solid var(--border-color);
}
.product-card .product-card-image {
    position: relative;
    overflow: hidden;
    background-color: #dfffec;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-card .product-card-image img{
  opacity:1;
  visibility:visible;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.product-card .product-content .product-content-top h3 {
    font: var(--h6);
    margin-top: 15px;
    margin-bottom: 15px;
  text-transform:capitalize;
}
.product-card .product-content .product-content-top h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--second-font);
    line-height: 1.3;
}
.product-card .rating-wrapper,
.pdp-page-main-sec .pdp-right-column .rating-wrapper {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.product-card .rating-wrapper span {
    line-height: 1;
}
.product-card .product-content .product-content-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}
.product-bottom-btn {
    text-align: center;
    padding-top: 40px;
}
/* review star */
.jdgm-widget .jdgm-rev-widg .jdgm-star {
    font-size: 12px;
}
.jdgm-widget .jdgm-rev-widg__summary-stars {
    margin-bottom: 10px;
    line-height: 1;
}
.jdgm-btn.jdgm-cancel-rev {
    width: 100%;
    margin-bottom: 10px;
}
/* PRODUCT HOVER BTN */
.product-card .product-card-inner .pro-btn-wrapper {
    position: absolute;
    right: 10px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn  {
    width: 30px;
    height: 30px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-shadow: 0px 0px 25px 0px #0000000D;
            box-shadow: 0px 0px 25px 0px #0000000D;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.product-card .pro-btn-wrapper .pro-btn  svg {
    height: 16px;
    width: 16px;
}

.product-card:hover .product-card-inner .pro-btn-wrapper .pro-btn {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(1) {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(2) {
    transition: all .3s ease .10s;
    -webkit-transition: all .3s ease .10s;
    -moz-transition: all .3s ease .10s;
    -ms-transition: all .3s ease .10s;
    -o-transition: all .3s ease .10s;
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(3) {
    transition: all .3s ease .15s;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(4) {
    transition: all .3s ease .18s;
    -webkit-transition: all .3s ease .18s;
    -moz-transition: all .3s ease .18s;
    -ms-transition: all .3s ease .18s;
    -o-transition: all .3s ease .18s;
}
.product-card:hover .product-card-inner .pro-btn-wrapper {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.product-card:hover .product-label-wrp {
    opacity: 1;
    visibility: visible;
}
.product-card:hover .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(2) {
    -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
}
.product-card:hover .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(3) {
    -webkit-animation-delay: 250ms;
            animation-delay: 250ms;
}

.product-card-one .product-content-top .color-variant-swatch {
    margin-bottom: 15px;
}
.product-card-one .product-content .add-to-cart::after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-top: 4px double rgba(0, 0, 0, 0.1);
    width: 100%;
    margin: 0 auto;
}
.product-card-one .product-content .add-to-cart {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  margin-bottom:10px;
}
/********* PRODUCT SECTION CSS END *********/
/********* ABOUT PRODUCT SECTION CSS START *********/
 .about-product-sec,
.about-product-sec .about-product-top {
    position: relative;
    z-index: 2;
}
.about-product-sec .section-title {
    max-width: 530px;
    width: 100%;
    margin-bottom: 60px;
}
.about-product-sec .section-title h2 {
    margin-bottom: 15px;
}
.about-product-sec .about-product-bottom {
    position: relative;
    padding: 30px;
    background-color: rgb(201 220 195);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    z-index: 1;
}
.about-product-sec .about-product-bottom .about-product-image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 600px;
    width: 100%;
    z-index: -1;
}
.about-product-sec .about-product-bottom .about-product-bg {
    position: absolute;
    right: 0;
    bottom: 85%;
    z-index: -2;
    max-width: 370px;
}
.about-product-sec .about-product-inner {
    max-width: 50%;
    width: 100%;
}
.about-product-sec .about-product-inner .row {
    gap: 30px 0;
}
.about-product-sec .about-product-card {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
    height: 100%;
    background-color: var(--white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.about-product-sec .about-product-card .about-content{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.about-product-sec .about-product-card .about-content h3 {
    font: var(--h5);
    font-family: var(--second-font);
    margin-bottom: 10px;
    font-size: 16px;
  text-transform:capitalize;
}
.about-product-sec .about-product-card .about-image,
.counter-sec .counter-inner .counter-image,
.service-sec .service-content-inner .service-image,
.common-banner-sec .filter-cat .home-icon
 {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: var(--primary-color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-animation: animate-pulse 3s linear infinite;
            animation: animate-pulse 3s linear infinite;
}
@-webkit-keyframes animate-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(249 138 130), 0 0 0 0 rgb(249 138 130);
                box-shadow: 0 0 0 0 rgb(249 138 130), 0 0 0 0 rgb(249 138 130);
    }
    40% {
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0 rgb(249 138 130);
                box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0 rgb(249 138 130);
    }
    80% {
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
                box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
                box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
}
@keyframes animate-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(249 138 130), 0 0 0 0 rgb(249 138 130);
                box-shadow: 0 0 0 0 rgb(249 138 130), 0 0 0 0 rgb(249 138 130);
    }
    40% {
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0 rgb(249 138 130);
                box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 0 rgb(249 138 130);
    }
    80% {
        -webkit-box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
                box-shadow: 0 0 0 10px rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
                box-shadow: 0 0 0 0 rgba(154, 191, 0, 0.0), 0 0 0 10px rgba(154, 191, 0, 0);
    }
}
.about-product-sec .about-product-card .about-image img{
  width:22px;
  height:22px;
}
/********* ABOUT PRODUCT SECTION CSS END *********/
/********* COUNTER SECTION CSS START *********/
.counter-sec {
    position: relative;
    z-index: 1;
}
.counter-sec .leaf-1 {
    top: -60px;
    left: 0;
}
.counter-sec .leaf-2 {
    right: 0;
    bottom: 0;
}
.counter-bg-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.counter-sec .counter-inner {
    position: relative;
    padding: 40px 15px;
    background-color:var(--primary-light-color);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.counter-arrow,
.counter-star {
    position: absolute;
}
.counter-arrow {
    top: 8%;
    left: 10%;
      width: 120px;
    height: 70px;
}
.counter-star {
    bottom: 15%;
    right: 15%;
  width:50px;
  height:50px;
}
.counter-sec .counter-inner .conter-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-bottom: 40px;
}
.counter-sec .counter-inner .conter-left li {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.counter-sec .counter-inner .conter-right li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.counter-sec .counter-inner .conter-left {
    text-align: right;
}
.counter-sec .counter-inner .conter-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 300px;
    width: 100%;
}
.counter-sec .counter-inner .conter-content h3 {
    font: var(--h4);
    font-family: var(--second-font);
    margin-bottom: 10px;
    font-size: 20px;
  text-transform:capitalize;
}
.counter-sec .counter-inner .conter-content{
    font-size: 14px;
}
.counter-sec .section-title {
    margin-bottom: 26px;
}
.counter-sec .counter-inner .counter-image {
    background-color: var(--primary-color);
    animation: animate-pulse-two 3s linear infinite;
    -webkit-animation: animate-pulse-two 3s linear infinite;
}
.counter-sec .counter-inner .counter-image img{
    width: 40px;
    height: 40px;
}
@-webkit-keyframes animate-pulse-two {
    0% {
        -webkit-box-shadow:0 0 0 0 rgb(249 138 130),0 0 0 0 rgb(249 138 130);
                box-shadow:0 0 0 0 rgb(249 138 130),0 0 0 0 rgb(249 138 130);
    }
    40% {
        -webkit-box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 0 rgb(249 138 130);
                box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 0 rgb(249 138 130);
    }
    80% {
        -webkit-box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
                box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
                box-shadow: 0 0 0 0 rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
    }
}
@keyframes animate-pulse-two {
    0% {
        -webkit-box-shadow:0 0 0 0 rgb(249 138 130),0 0 0 0 rgb(249 138 130);
                box-shadow:0 0 0 0 rgb(249 138 130),0 0 0 0 rgb(249 138 130);
    }
    40% {
        -webkit-box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 0 rgb(249 138 130);
                box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 0 rgb(249 138 130);
    }
    80% {
        -webkit-box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
                box-shadow: 0 0 0 10px rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
                box-shadow: 0 0 0 0 rgba(227, 131, 0, 0.0), 0 0 0 10px rgba(227, 131, 0, 0);
    }
}
.counter-sec .time-counter {
    text-align: center;
    margin-top: 30px;
}
.counter-sec .time-counter svg {
    display: none;
}
.counter-sec .time-counter .deal-timeline {
    gap: 15px;
    padding: 15px;
    background-color: #FEE6E4;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.counter-sec .counter-inner-wrapper{
    position: relative;
    z-index: 1;
}
.counter-sec .deal-timeline .counter {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: var(--white);
}
.counter-sec .deal-timeline .counter .count {
    color: var(--secondary-color);
}
.counter-inner-wrapper .row{
    margin-bottom: 30px;
}
.counter-inner-wrapper .counter-center{
    position: relative;
    padding-top: 80%;
}
.counter-inner-wrapper .counter-center img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
/********* COUNTER SECTION CSS END *********/
/********* SERVICE SECTION CSS START *********/
.service-sec {
    background-color: var(--black);
    /* margin-bottom: 70px; */
}
.service-sec .counting::after {
    content: " +";
    display: inline-block;
}
.service-sec .service-top-slider {
    padding: 4px 0;
    background-color: var(--primary-color);
}
.service-sec .service-top-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.service-sec .service-top-slider .swiper-slide {
    width: auto;
    padding: 0 20px;
}
.service-sec .service-top-slider .service-top-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    color: var(--primary-text-color);
    text-transform: uppercase;
}
.service-sec .service-top-slider .service-top-wrp img{
  width:17px;
  height:19px;
}
.service-sec .service-slider {
    padding: 8px 10px;
}
.service-sec .service-content-inner .service-content h4 {
    font-family: var(--second-font);
    color: var(--primary-color);
    margin-bottom: 10px;
}
.service-sec .service-content-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    color: var(--primary-text-color);
    padding: 20px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.service-sec .service-content-inner p{
    text-transform: capitalize;
}
.service-sec .service-slider .swiper-slide:not(:first-child) .service-content-inner::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    top: 0;
    left: -10px;
    border-radius: 100%;
    background: -o-radial-gradient(#F98A82 0%, #222222 100%, #F98A82 0%);
    background: radial-gradient(#F98A82 0%, #222222 100%, #F98A82 0%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.service-sec .service-slider .swiper-slide-active .service-content-inner::after {
    opacity: 0;
    visibility: hidden;
    transition: all 800ms ease-in-out 0s;
    -webkit-transition: all 800ms ease-in-out 0s;
    -moz-transition: all 800ms ease-in-out 0s;
    -ms-transition: all 800ms ease-in-out 0s;
    -o-transition: all 800ms ease-in-out 0s;
}
.service-sec .service-content-inner .service-image img {
    max-width: 25px;
    width: 100%;
}
/********* SERVICE SECTION CSS END *********/
/********* TESTIMONIAL SECTION CSS START *********/
.testimonial-sec {
    background-color: #8ab94630;
    position: relative;
    z-index: 1;
}
.testimonial-sec .leaf-1 {
    top: -80px;
    left: 0;
}
.testimonial-sec .leaf-2 {
    right: 0;
    bottom: 0;
}
.testimonial-sec .testimonial-card {
    position: relative;
    padding: 60px 15px;
    background-color: #1472393d;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.testimonial-sec .testimonial-card .testimonial-quate-left,
.testimonial-sec .testimonial-card .testimonial-quate-right,.testimonial-sec .testimonial-card .testimonial-right-img{
    position: absolute;
    max-width: 140px;
  width:100%;
}
.testimonial-sec .testimonial-card .testimonial-quate-left {
    top: -50px;
    left: 30px;
    animation: floating 2s infinite;
    -webkit-animation: floating 2s infinite;
}
.testimonial-sec .testimonial-card .testimonial-quate-right {
    bottom: -25px;
    right: 30px;
    animation: floating 2s infinite;
    -webkit-animation: floating 2s infinite;
}
.testimonial-sec .testimonial-card .testimonial-right-img{
    top: -40px;
    right: -30px;
}
@keyframes floating {
    0% {
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
    }
    50% {
      -webkit-transform: translateY(10%);
              transform: translateY(10%);
    }
    100% {
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
    }
  }
  
  @-webkit-keyframes floating {
    0% {
      -webkit-transform: translateY(0%);
    }
    50% {
      -webkit-transform: translateY(10%);
    }
    100% {
      -webkit-transform: translateY(0%);
    }
  }
.testimonial-sec .testimonial-card .testimonial-bg-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.testimonial-sec .testimonial-image {
    width: 130px;
    height: 130px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    margin: 0 auto 20px;
}
.testimonial-sec .testimonial-image img {
    height: 100%;
    width: 100%;
}
.testimonial-sec .testimonial-card-wrp {
    position: relative;
    margin: 0 20%;
}
.testimonial-content-slider .testimonial-content {
    max-width: 650px;
  width:100%;
    margin: 0px auto 0;
    text-align: center;
}
.testimonial-content-slider .testimonial-content h3 {
    font: var(--h5);
    font-family: var(--second-font);
    margin-bottom: 15px;
  text-transform:capitalize;
}
.testimonial-content-slider .testimonial-content p{
      text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.testimonial-content-slider .testimonial-content span {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 15px;
    display: block;
}
.testimonial-sec .swiper-button-prev,
.testimonial-sec .swiper-button-next {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.testimonial-sec .swiper-button-prev{
    left: 0;
}
.testimonial-sec .swiper-button-next{
    right: 0;
}
.testimonial-sec .swiper-pagination {
    bottom: 0;
}
/********* TESTIMONIAL SECTION CSS END *********/
/********* PARTNER LOGO SECTION CSS START *********/
.partner-logo-sec {
    color: var(--primary-text-color);
    position: relative;
    /* background-image: url(partner-logo-bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.partner-logo-sec::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b6d3b5;
    z-index: 0;
}
.parner-logo-bg1{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.partner-logo-sec .section-title .subtitle,.partner-logo-sec .section-title h2 b{
    color: var(--secondary-color);
}
.partner-logo-sec .section-title {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    max-width: 450px;
    width: 100%;
}
.partner-logo-sec .section-title h2 {
    margin-bottom: 15px;
    line-height: 1.4;
    color: black;
}
.partner-logo-sec .section-title h2 b {
    display: block;
}
.partner-logo-sec .partner-logo-img {
    max-width: 170px;
    width: 100%;
}
.partner-logo-sec .partner-logo-img img{
  width:100%;
  height:100%;
}
.partner-logo-slider .swiper-wrapper {
    padding-bottom: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.partner-logo-slider .swiper-slide {
    text-align: center;
}
.partner-logo-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.partner-logo-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: var(--white);
    opacity: 1;
    height: 10px;
    width: 10px;
    margin: 0 8px;
    position: relative;
}
.partner-logo-slider .swiper-pagination-bullet-active {
    background-color: var(--primary-color) !important;
    outline: 4px solid var(--secondary-color);
}
/********* PARTNER LOGO SECTION CSS END *********/
/***** HOME BLOG SECTION CSS START *****/
.home-blog-sec {
    position: relative;
    z-index: 1;
}
.home-blog-sec .section-title {
    margin-bottom: 0;
}
.blog-bg-star {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
}
.home-blog-sec .arrow-header {
    margin-bottom: 30px;
    position: relative;
}
.blog-card-image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.blog-card-image .blog-image {
    padding-top: 80%;
    position: relative;
    display: block;
}
.blog-card-image .blog-image img, .blog-card-image .blog-image svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.blog-card-inner .blog-content {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: var(--white);
    padding: 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    -webkit-box-shadow: 0 9px 68px 0 rgba(62, 57, 107, .2);
    box-shadow: 0 8px 20px 0 rgba(62, 57, 107, .2);
    bottom: 26px;
    right: 20px;
    left: 20px;
    height: auto;
    width: auto;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.blog-content h3 {
    font: var(--h5);
  text-transform:capitalize;
    margin: 0px 0 15px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 5px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}
.blog-content h3 a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: var(--second-font);
    line-height: 1.3;
}
.blog-content .blog-content-top h3 svg {
    display: inline-block;
}
.blog-card-info {
    margin-bottom: 15px;
    gap: 10px;
    color: var(--primary-color);
  text-transform:capitalize;
}
.blog-card-info .author-name,
.blog-card-info .blog-date {
    font-weight: 500;
    color: var(--primary-color);
}
.blog-content-top p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-content-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-bottom: 15px;
}
.blog-content-bottom .shop-btn-wrp{
    color: var(--primary-color);
    font-weight: 600;
    background-color: transparent;
    border: 1px solid var(--primary-color);
}
.blog-content-bottom .shop-btn-wrp.btn::before{
    background-color: var(--pro-btn-hover-color);
}
/****** Blog Card Six ******/
.blog-card-one .blog-content .blog-content-top h3:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 0;
    height: 100%;
    width: 5px;
    background: var(--primary-color);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.blog-card-one .blog-card-image .blog-image::after {
    content: '';
    position: absolute;
    width: 40%;
    height: 40%;
    bottom: 0;
    right: 0;
    background-color:rgb(249 138 130 / 17%);
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
}
.blog-card-one .blog-card-image:hover .blog-image::after {
    opacity: 1;
    width: 100%;
    height: 100%;
}
.blog-card-one .blog-content-bottom .shop-btn-wrp svg path {
    fill: var(--white);
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.blog-card-one .blog-content-bottom .shop-btn-wrp:hover svg path {
    fill: var(--primary-color);
}
.blog-card-one .blog-content-bottom .shop-btn-wrp .shop-arrow {
    background-color: var(--primary-color);
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.blog-card-one .blog-content-bottom .shop-btn-wrp:hover .shop-arrow {
    background-color: var(--white);
}
.blog-card-one .blog-content-bottom .shop-btn-wrp:hover {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
    border-color: var(--primary-color);
}
/***** HOME BLOG SECTION CSS END *****/
/***** common-banner-sec css start *****/
.common-banner-sec,.cart-banner-sec {
    padding: 75px 0;
    color: var(--white);
    background-color: var(--primary-color);
    background-position: 50% 50%;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
.common-banner-sec::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:#00000054;
    z-index: -1;
}
.common-banner-sec .filter-cat li:not(:last-of-type),.cart-banner-sec .filter-cat li:not(:last-child) {
    padding-right: 15px;
    margin-right: 8px;
    position: relative;
}
.common-banner-sec .filter-cat li:not(:last-child):after, .cart-banner-sec .filter-cat li:not(:last-child):after {
    content: ">";
    position: absolute;
    right: 0px;
    font-size: 16px;
      line-height: 1;
    top: 2px;
}
.common-banner-sec .filter-cat {
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 15px;
    font-size: 16px
}
.common-banner-sec .filter-cat a {
    font-size: 16px;
    font-weight: 500;
  text-transform:capitalize;
}
.common-banner-content .section-title {
    margin-bottom: 0;
}
.common-banner-content .section-title h2 {
    font: var(--h3);
    font-family: var(--second-font);
    color: var(--primary-text-color);
}
.common-banner-content .section-title p{
    margin-top: 20px;
}
.acc-back-btn-wrp {
    gap: 15px;
}
.my-add-sec select {
    padding: 14px 33px 14px 20px;
    border-radius: 10px;
    background-image: url(down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 11PX;
    background-position: calc(100% - 15px) 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/***** common-banner-sec css end *****/
/***** product page css start *****/
.pdp-page-main-sec {
    position: relative;
    z-index: 1;
}
.pdp-page-main-sec .leaf {
    right: 0;
    bottom: -75px;
}
.pdp-left-column .swiper-slide {
    height: auto;
}
.pdp-page-main-sec .product-img {
    position: relative;
    padding-top: 100%;
    height: 100%;
    width: 100%;
}
.pdp-page-main-sec .product-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* grid-gallery css */
.grid-gallery .product-main-item {
    margin-top: 15px;
    display: flex;
    display: -webkit-box;
    row-gap: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
}
.two-grid-main .product-item-img .active-thumb-img, .one-grid-main .product-item-img .active-thumb-img {
    border: 2px solid var(--primary-color);
    padding: 5px;
    background: transparent !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
/* thumb slider css */
.gallery-main,
.left-mainslider,
.right-mainslider {
    position: relative;
    width: 100%;
    margin-left: auto;
}
.gallery-thumbs,
.left-thumbslider,
.right-thumbslider {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}
.pdp-page-main-sec .product-img,
.pdp-page-main-sec .pdp-thumb-image {
    background-color: var(--primary-light-color);
  border-radius:20px;
  overflow:hidden;
}
.pdp-page-main-sec .pdp-thumb-image {
    border: 2px solid var(--border-color);
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
      padding-top: 35%;
    position: relative;
    margin: 0;
}

.gallery-thumbs .swiper-slide-thumb-active,
.left-thumbslider .swiper-slide-thumb-active,
.right-thumbslider .swiper-slide-thumb-active {
    border-color: var(--secondary-color);
}
.pdp-page-main-sec .pdp-thumb-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
      position: absolute;
    inset: 0;
    object-fit: cover;
}
.product-slider-wrapper {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.product-right-thumb .swiper-wrapper,
.product-left-thumb .swiper-wrapper {
    height: 100%;
}
.left-mainslider,
.right-mainslider {
    max-width: calc(100% - 140px);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.left-thumbslider,
.right-thumbslider {
    max-width: 140px;
    max-height: 580px;
    padding-right: 20px;
    margin-top: 0;
}
.product-right-thumb .product-slider-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.right-thumbslider {
    padding: 0 0 0 20px;
}
.pdp-page-main-sec .pdp-right-column .section-title {
    margin-bottom: 15px;
}
.pdp-page-main-sec .pdp-right-column .section-title h2 {
    font: var(--h3);
    font-family: var(--second-font);
}
.pdp-page-main-sec .pdp-right-column .price {
    margin-bottom: 15px;
    gap: 15px;
}
.pdp-page-main-sec .pdp-right-column .price ins {
    font-size: 26px;
    color: var(--primary-color);
    font-family: var(--second-font);
}
.pdp-page-main-sec .pdp-right-column .price del {
    font-size: 20px;
}
.pdp-page-main-sec .pdp-right-column>p {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.pdp-page-main-sec .pdp-right-column .pdp-timer {
    color: var(--primary-color);
    background-color: var(--primary-light-color);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    max-width: 500px;
    width: 100%;
    border: 1px solid var(--border-color);
    margin-bottom: 15px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.pdp-right-column .pdp-timer>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    padding: 5px;
    width:40px;
    height:40px;
    background-color: var(--primary-color);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.pdp-right-column .pdp-timer span svg{
  width:30px;
  height:30px;
}
.pdp-right-column .pdp-timer .deal-timeline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 0 0 10px;
    gap: 8px;
}
.pdp-right-column .deal-timeline .counter-dtl {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 14px;
}
.pdp-right-column .deal-timeline .days,
.pdp-right-column .deal-timeline .hour,
.pdp-right-column .deal-timeline .mins,
.pdp-right-column .deal-timeline .secs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.pdp-timer .counter {
    gap: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pdp-right-column .select-box .lbl,
.pdp-right-column .pdp-package>span {
    font-weight: 500;
    margin-bottom: 8px;
    display: inline-block;
    color: var(--secondary-color);
}
.pdp-right-column .select-box  {
  width: 100%;
    padding-right: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  margin-bottom:15px;
}
.sticky-pro-inner .select-box  {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:8px;
}

.pdp-right-column .select-box .nice-select,
.sticky-pro-inner .select-box .nice-select{
    max-width: 150px;
    width: 100%;
    padding: 12px 35px 12px 15px;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: var(--primary-light-color);
    color: var(--primary-color);
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    margin-bottom:10px;
    background-image: url(arrow-dropdwon-pink.svg);
    background-repeat: no-repeat;
    background-size: 18PX;
    background-position: calc(100% - 15px) 50%;
}
.sticky-pro-inner .select-box .nice-select {
    padding: 8px 30px 8px 15px;
    margin: 0;
    background-position: calc(100% - 8px) 50%;
    background-size: 15PX;
}
.nice-select-arrow {
  position:relative;
  padding: 5px 20px 5px 10px;
}
.pdp-right-column .select-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  gap:10px;
  align-items:center;
}
.pdp-right-column .pdp-package .package-checkbox {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
}
.pdp-package .package-checkbox input[type=checkbox] {
    display: none;
}
.pdp-slider-img .zoomImg {
    cursor: crosshair;
    background: var(--white);
    object-fit: cover;
}
.product-item-img.zoom img {
    cursor: crosshair;
    background: var(--primary-light-color);
    object-fit: cover;
}
.product-img.zoom:hover .active-thumb-img{
  opacity:0;
  visibility:hidden;
}
.package-checkbox input[type=checkbox]+.checkbox-label,
.text-checkbox input[type=checkbox]+.checkbox-label {
    padding: 12px 15px;
    content: "";
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    border: 1px solid var(--border-color);
    background-color: var(--primary-light-color);
    width: auto;
    position: relative;
    font-weight: 500;
    letter-spacing: 0px;
    top: 0;
    line-height: 1;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.package-checkbox input[type=checkbox]:checked+.checkbox-label {
    background-color: var(--primary-color);
    color: var(--white);
    border: 1px solid var(--primary-color);
}
.pdp-right-column .product-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.qnty-btn-wrp .cart-btn {
    margin-right: 15px;
}
.pdp-right-column .qnty-btn-wrp {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 15px;
    width: 100%;
}
.pdp-right-column .qnty-btn-wrp .qty-spinner {
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    background-color: var(--primary-light-color);
    border-color: var(--primary-color);
}
.pdp-right-column .qnty-btn-wrp .qty-spinner button {
    height: 25px;
    width: 25px;
    background-color: var(--primary-color);
    border-radius: 99%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
}
.pdp-right-column .qnty-btn-wrp .qty-spinner button svg path {
    fill: var(--white);
}
.pdp-right-column .qnty-btn-wrp .qty-spinner input {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 25px;
    padding: 0;
}
.product-form__input input, .shopify-payment-button__more-options {
     display: none; 
}
.pdp-right-column .qnty-btn-wrp .wishlist-btn {
    padding: 12px;
  cursor:pointer;
}
.pdp-right-column .qnty-btn-wrp .wishlist-btn label{
  cursor:pointer;
}
.pdp-right-column .pro-features {
    gap: 10px;
    margin-bottom: 15px;
}
.pdp-right-column .pro-features li a, .pdp-right-column .pro-features li .compare-label {
    font-size: 16px;
    gap: 8px;
    color: var(--secondary-color);
    padding-right: 10px;
  cursor:pointer;
  text-transform:capitalize;
}
.pdp-right-column .pro-features li .compare-label{
  transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
}
.shopify-payment-button__more-options {
    display: none !important;
}
.shopify-payment-button__button--unbranded{
  padding:11px 20px!important;
}
.pdp-right-column .pro-features li a:hover, .pdp-right-column .pro-features li .compare-label:hover,
.pdp-right-column .pro-service a:hover {
    color: var(--primary-color);
}
.pdp-right-column .pro-features li a:hover svg path,
.pdp-right-column .pro-features li .compare-label:hover svg path,
.pdp-right-column .pro-service a:hover svg path {
    fill: var(--primary-color);
}
.pdp-right-column .pro-service a img,
.pdp-right-column .delivery svg{
  width:22px;
  height:22px;
}
.pdp-right-column .pro-features li:not(:last-of-type) a {
    border-right: 1px solid var(--border-color);
}
.pdp-right-column .pro-features li a svg,
.pdp-right-column .pro-service a svg,
.pdp-right-column .pro-details li svg {
    height: 16px;
    width: 16px;
}

.pdp-right-column .pro-service {
    margin-bottom: 15px;
    padding: 15px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.pdp-right-column .pro-service a,
.pdp-right-column .pro-service .delivery {
    gap: 8px;
    font-size: 16px;
  text-transform:capitalize;
}
.pdp-right-column .pro-service .delivery {
    padding-top: 10px;
}
.pdp-right-column .pro-service .delivery b {
    color: var(--secondary-color);
}
.pdp-right-column .pro-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.pdp-right-column .pro-details li span {
    text-transform: uppercase;
    color: var(--secondary-color);
    font-weight: 500;
}
.pdp-right-column .pro-details li .social-icon {
    gap: 8px;
}
.pdp-right-column .pro-details li .social-icon svg path{
    fill: var(--price-color);
}
.pdp-right-column .pro-details li .social-icon a:hover svg path {
    fill: var(--primary-color);
}
.pdp-right-column .pro-details {
    margin-bottom: 15px;
}
.pdp-right-column .pdp-payment {
    padding: 10px 20px;
    border-radius: 10px;
    background-color: var(--primary-light-color);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: inline-block;
  width:100%;
}
.pdp-right-column .pdp-payment p {
    color: var(--secondary-color);
    padding-bottom: 10px;
  text-align:center;
}
.pdp-right-column .pdp-payment .payment-wrp {
    gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pdp-right-column .pdp-payment .payment-wrp li svg{
  width:40px;
  height:25px;
}
/**** products-add-cart-sticky CSS ****/
.cart-btn.loading>svg, .sticky-btn.loading>svg, .large-up-hide.active-facets-mobile {
    display: none;
}
.products-add-cart-sticky {
    display: none;
    z-index: 2;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    background-color: var(--primary-light-color);
    color: var(--secondary-text-color);
    font-size: 20px;
    width: 100%;
    max-height: 100%;
    transition: all 500ms ease-in-out 0s;
    -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
            transform: translateY(120px);
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    border-top: 1px solid var(--border-color);
}
.products-add-cart-sticky.show-btn {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.products-add-cart-sticky .sticky-pro-inner {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0;
}
.products-add-cart-sticky .sticky-pro-inner .text-checkbox .checkbox input[type=checkbox]+.checkbox-label {
    padding: 8px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn {
    font-size: 14px;
}
.products-add-cart-sticky .text-checkbox .checkbox .clr {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.sticky-pro-info {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.sticky-pro-info img {
    height: 60px;
    max-width: 80px;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.sticky-pro-info .sticky-data .price ins {
    font-size: 16px;
}
.sticky-data h3 {
    font: var(--h6);
    margin-bottom: 10px;
}
.sticky-data h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
}
.sticky-pro-inner .text-checkbox .checkbox {
    padding: 0px;
}
.sticky-pro-info .sticky-data .price del {
    font-size: 14px;
}
.sticky-pro-inner .text-checkbox {
    gap: 10px;
}
.text-checkbox .checkbox input[type=checkbox] {
    display: none;
}
.sticky-pro-inner .text-checkbox label {
    font-size: 14px;
    font-weight: 600;
    height:30px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
    color: var(--secondary-color);
}
.text-checkbox .checkbox input[type=checkbox]:checked+.checkbox-label {
    border-color: var(--secondary-color);
    color: var(--black);
}
/**** ASK QUATION POPUP CSS ****/
.ask-qus-popup,
.delivery-popup {
    position: fixed;
    background: rgb(0 0 0 / 61%);
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    z-index: 4;
    padding: 0 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 500ms ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.ask-qus-popup.active,
.delivery-popup.active {
    opacity: 1;
    visibility: visible;
}
.ask-form-wrapper,
.del-form-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    padding: 30px 20px;
    position: relative;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    max-height: 90vh;
    overflow-y: auto;
}
.ask-qus-popup.active .ask-form-wrapper,
.delivery-popup.active .del-form-wrapper {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.ask-form-wrapper .common-close,
.del-form-wrapper .common-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 22px;
    height: 22px;
}
.ask-form-wrapper h2 {
    margin-bottom: 25px;
    text-align: center;
}
.ask-form-wrapper h2,
.del-form-wrapper h2 {
    font: var(--h3);
    font-family: var(--second-font);
}
.ask-form-wrapper .form-inputs input,
.ask-form-wrapper .form-inputs textarea,
.ask-form-wrapper .form-inputs p {
    margin-bottom: 15px;
}
.ask-form-wrapper .form-inputs input,
.ask-form-wrapper .form-inputs textarea {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
/************  delivery-popup  **********/
.del-form-wrapper .parcel h4 {
    margin-bottom: 25px;
    font: var(--h5);
}
.del-form-wrapper p b {
    font-weight: 600;
}
.del-form-wrapper .shipping {
    margin-top: 25px;
}
.del-form-wrapper .parcel h3,
.del-form-wrapper .shipping h3 {
    font: var(--h4);
    font-family: var(--second-font);
    margin-bottom: 20px;
}
.delivery-popup.active .del-form-wrapper .section-title {
    margin: 15px 0 20px;
  text-align:left !important;
}
.delivery-popup-inner,
.ask-qus-inner {
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
/** pdp tab section css **/
.pdp-tab-sec,
.related-product-sec {
    position: relative;
}
.related-product-sec .swiper-slide{
  height:auto;
}
.related-product-sec .swiper-slide .product-card{
  height:100%;
}
.pdp-tab-sec .leaf-1 {
    left: 0;
    bottom: -70px;
    z-index: 1;
}
.pdp-tab-sec .leaf-2 {
    right: 0;
    top: 0;
    z-index: 1;
}
.pdp-tab-sec .pdp-tab-inner {
    padding: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: var(--primary-light-color);
}
.pdp-tab-sec ul.tabs {
    border-bottom: 1px solid var(--primary-color);
    gap: 50px;
}
.pdp-tab-sec ul.tabs li a {
    padding-bottom: 15px;
    font-size: 20px;
    border-bottom: 1px solid transparent;
    font-family: var(--second-font);
   text-transform:capitalize;
}
.pdp-tab-sec ul.tabs li.active a {
    color: var(--secondary-color);
    border-color: var(--primary-color);
}
.pdp-tab-sec ul.tabs li:hover a {
    color: var(--secondary-color);
}
.pdp-tab-sec .tabs-container #pdp-tab-1 p,
.pdp-tab-sec .tabs-container .pdp-description,
.pdp-tab-sec .product-review-form.showform {
    /* padding: 20px; */
    background-color: var(--white);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.pdp-tab-sec .tabs-container #pdp-tab-2 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pdp-tab-sec .tabs-container #pdp-tab-2 ul li:not(:last-of-type) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px dashed var(--border-color);
}
.pdp-tab-sec .tabs-container #pdp-tab-2 ul li span {
    font-size: 14px;
    max-width: 20%;
    width: 100%;
    padding-right: 10px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--secondary-color);
  text-transform:capitalize;
}
.pdp-tab-sec .product-review-form.showform .form-group label{
    color: var(--secondary-color);
}
.pdp-tab-sec .tabs-container #pdp-tab-3>span {
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--secondary-color);
    font-family: var(--second-font);
}
.pdp-tab-sec .tabs-container #pdp-tab-3 p {
    margin-bottom: 15px;
}
.pdp-tab-sec .product-review-form {
    transition: all 500ms ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.pdp-tab-sec .product-review-form input,
.pdp-tab-sec .product-review-form textarea {
    background-color:#FEE3E1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border: none;
    font-size: 14px;
}
.product-review-form .shop-btn-wrp{
    border: none;
    font-size: 16px;
}
.pdp-tab-sec .product-review-form textarea {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.product-review-form.showform {
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
    height: 100%;
}
.pdp-tab-sec .product-review-form .row [class*="col-"]:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.related-product-sec .leaf-1 {
    left: 0;
    top: -70px;
}
.related-product-sec .leaf-2 {
    bottom: 0;
    right: 0;
}
.related-product-sec {
    background-color: #ffffffff;
}
.related-product-sec .section-title {
    position: relative;
}
.related-product-sec .section-title .arrow {
    position: absolute;
    right: 10%;
    max-width: 100px;
  width:100%;
}

.pdp-page-main-sec .pdp-left-column .bottom-mainslider,
.pdp-page-main-sec .pdp-left-column .no-thumbslider{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
/***** product page css end *****/
/***** product-list page css start *****/
.product-heading-row .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.product-heading-column .filter-title {
    padding: 17px;
    border: 1px solid var(--border-color);
    background-color: var(--primary-light-color);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    gap: 10px;
}

.product-heading-column .filter-title h2 {
    font: var(--h6);
    font-weight: 500;
    text-transform: uppercase;
}
.product-heading-column .filter-title svg{
    width:17px;
  height:17px;
}
.filter-title .icon {
    height: 24px;
    width: 24px;
}
.filter-title .icon path {
    fill: var(--black);
}
.filter-title .icon {
    display: none;
}
.product-heading-right-column .filter-list-wrp p {
    margin-left: 10px;
}
.product-heading-right-column .product-sorting-row {
    border: 1px solid var(--border-color);
    background-color: var(--primary-light-color);
    padding: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.product-heading-right-column ul.tabs {
    gap: 5px;
    margin-bottom: 0px;
}
.product-heading-right-column ul.tabs li {
    height: 30px;
    width: 30px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    background-color: var(--white);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid transparent;
}
.product-heading-right-column ul.tabs li.active {
    border-color:transparent;
    background-color: var(--primary-color);
}
.product-heading-right-column ul.tabs li.active svg rect, .product-heading-right-column ul.tabs li.active svg path{
    fill: var(--pro-btn-color);
}
.product-heading-right-column ul.tabs li svg {
    height: 17px;
    width: 17px;
}
.filter-select-wrp .featured-select {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.product-heading-row .sort-lbl {
    display: inline-block;
    font-size: 14px;
}
.facet-filters__field{
  gap: 10px;
}
.product-heading-row .nice-select {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background: url(angle-down-small.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    color: var(--body-text-color);
  line-height:1.1;
}
.product-listing-section{
  padding-bottom:0 !important;
}
.product-price-widget .price-select .nice-select {
    padding: 10px 15px;
    font-weight: 600;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.product-price-widget .price-select .nice-select::after,
.product-heading-row .nice-select::after {
    right: 10px;
}
.product-heading-row .nice-select {
    min-width: 170px;
    width: 100%;
    padding: 10px 26px 10px 15px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.product-filter-right-column, .product-filter-left-column, .product-filter-column {
    padding-top: 20px !important;
}
.product-filter-body {
    position: relative;
    background-color: var(--primary-light-color);
    color: var(--secondary-text-color);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-filter-body .close-filter {
    display: none;
}
.acnav-list {
    display: none;
    padding: 10px 0px 0px 0px;
}
.product-widget .acnav-list {
    padding: 10px 6px;
    color: var(--black);
}
.product-widget .acnav-label {
    display: block;
    position: relative;
    font-weight: 600;
}
.product-widget>.pro-itm>.acnav-label {
    padding: 8px 15px;
    text-transform: capitalize;
    background-color: var(--primary-color);
    color: var(--white);
    letter-spacing: 1px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.product-widget .acnav-list li a {
    text-transform: capitalize;
}
.product-widget .acnav-list li:not(:last-of-type) {
    margin-bottom: 8px;
}
.pro-itm-inner>.filter-listing>ul>li>.acnav-list {
    padding: 10px 0 2px 7px;
}
.product-widget .acnav-label:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    background: url(angle-down-small-white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}
.product-widget .is_open>.acnav-label:after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
}
.product-widget {
    padding: 10px;
}
.price-select {
    margin-left: -5px;
    margin-right: -5px;
}
.select-col {
    width: 100%;
    max-width: 50%;
    padding: 0 5px;
}
.select-col p {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}
#range-slider {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 23px;
}
.ui-widget-content {
    background: #dddddd !important;
    border: none !important;
    border-radius: 0 !important;
    height: 1px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.ui-slider-horizontal .ui-slider-range {
    background-color: var(--primary-color);
    height: 3px !important;
    top: -1px !important;
    border-radius: 0 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    font-weight: normal;
    height: 11px !important;
    width: 11px !important;
    top: -5px !important;
    margin-left: 0 !important;
    background: #dddddd;
    border: 2px solid var(--primary-color) !important;
    border-radius: 10px;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.product-widget .acnav-list .colors-checkbox:not(:last-of-type) {
    margin-bottom: 10px;
}
.product-widget .acnav-list .checkbox-custom label:before {
    border-color: var(--border-color);
}
.custom-checkbox input[type="checkbox"]:checked+span.color:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 5px;
    height: 9px;
    border: solid var(--black);
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.custom-checkbox,
.colors-checkbox label {
    margin: 0;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative;
    text-align: left;
}
.custom-checkbox input[type="checkbox"] {
    margin-top: 4px;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    left: 0;
}
.color,
.custom-checkbox input[type="checkbox"]+span.color {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    background-size: contain;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.custom-checkbox input[type="checkbox"]:checked+span.color {
    border: 2px solid var(--black);
}
.color-name {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px;
    font-weight: 500;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.colors-checkbox .color-count {
    padding: 1px 4px;
    font-size: 12px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.product-colors-widget .text-checkbox {
    gap: 15px;
}
.product-widget .acnav-list .text-checkbox .checkbox .clr {
    width: 35px;
    height: 35px;
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 100%;
}
.product-widget .acnav-list .text-checkbox input[type=checkbox]+.checkbox-label {
    padding: 4px;
}
.product-fil-btn .filter-btn {
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.product-filter-right-column .tabs-container .row {
    gap: 25px 0;
}
.product-listing-section.canvas-rightbar .product-heading-column .filter-title,.canvas-leftbar .product-heading-column .filter-title{
    cursor: pointer;
}
.product-filter-right-column .product-card {
    margin-bottom: 20px;
}
.product-filter-right-column .flex-slider .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
}
.product-filter-right-column .product-list-view .product-card {
    margin-bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
}
/***** product-list-view css *****/
.product-list-view .product-card-inner .product-card-image {
    max-width: 200px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 100%;
}
.product-list-view .product-card-inner {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 15px;
    border: 0;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 0px 5px 15px;
}
.product-list-view {
    gap: 15px 0;
}
.collection .product-list-view .product-card .product-content-top p {
    display: -webkit-box;
}
.collection .product-card .product-content-top p, .collection .product-card-two .rating-wrapper {
    display: none;
}
.product-list-view .product-card:hover .product-card-inner {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.product-list-view .product-card-inner .product-content-top {
    max-width: 430px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 430px;
            flex: 0 0 430px;
    width: 100%;
}
.product-list-view .product-card-inner .product-label-wrp {
    position: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}
.product-list-view .product-card-inner .product-content-top h3 {
    margin: 15px 0px 8px;
    font: var(--h5);
}
.product-list-view .product-card-inner .product-content-top h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    font-family: var(--second-font);
}
.product-card-inner .product-content-top p {
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-list-view .product-card-inner .time-counter {
    position: unset;
    width: auto;
    display: inline-block;
    opacity: 1;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    visibility: visible;
}
.product-list-view .product-card-inner .product-content-bottom {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: end;
    margin-top: 0;
}
.product-list-view .product-card .rating-wrapper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.product-list-view .product-card .price,
.product-list-view .product-card .color-variant-swatch {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin: 0px 0px 15px;
}
.product-list-view .product-card-inner .pro-btn-wrapper {
    position: unset;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 15px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.product-list-view .product-card-inner .pro-btn-wrapper .pro-btn {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    opacity: 1;
    visibility: visible;
  border: 1px solid var(--black);
}
.product-listing-section .pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
}
.product-listing-section .pagination-bullets li a {
    height: 12px;
    width: 12px;
    background-color: #FBE4C3;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.product-listing-section .pagination-bullets li a.active {
    background-color: var(--primary-color);
    outline: 5px solid var(--secondary-color);
}
 .product-list-view .product-content {
    display: none;
}
/***** product-list page css end *****/
/** REGISTER PAGE CSS START **/
.register-page {
    position: relative;
    z-index: 1;
    background-color: var(--primary-color);
}
.register-page .login-form-inner {
    background-color: var(--primary-light-color);
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.register-page .account-info-icon li{
    max-width: calc(33.33% - 15px);
    width: 100%;
}
.register-page .account-info-icon li a {
    background-color: var(--white);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    height: 70px;
    width: 70px;
    margin: 0 auto 10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.register-page .account-info-icon {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-pack: distribute;
  flex-wrap:wrap;
    gap: 20px;
}
.register-page .account-info-icon li a svg {
    height: 30px;
    width: 30px;
}
.register-page .account-info-icon li a svg path{
  fill:var(--black)
}
.register-page .login-form-inner .section-title h2 {
    font: var(--h3);
    margin-bottom: 15px;
}
.register-page .login-form-inner .form-container input {
    border-radius: 30px;
    background-color: var(--white);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 14px;
}
.register-page .login-form-inner .form-container .forgot-pass {
    text-decoration: underline;
    text-align: end;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-bottom: 15px;
}
.register-page .login-form-inner .form-container .ssl-secure {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.register-page .login-right-inner {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    width: 100%;
}
.register-page .login-right-inner .login-right-top {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    padding: 20px;
}
.register-page .login-right-inner .login-right-bottom {
    height: 100%;
    padding: 20px;
    background-color: var(--secondary-color);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.register-page .form-group label{
    color: var(--text-color);
}
.register-page .section-title{
  margin-bottom:15px;
}
.register-page .section-title h3{
  margin-bottom:5px;
  text-transform:capitalize;
}
.register-page .form-container{
  padding:10px 0;
}
.register-page .back-btn {
    text-decoration: underline;
    color: var(--white);
    text-underline-offset: 5px;
    font-size: 16px;
  letter-spacing:1px;
}
.register-page .account-info-icon li p {
    color: var(--white);
    text-align: center;
}
.register-page .shop-btn {
    text-align: center;
    margin-top: 30px;
}
.register-page .login-form-inner .create-btn,
.register-page .login-form-inner .submit-btn {
    width: 100%;
    letter-spacing: 1px;
}
span.form-message-success {
    background: var(--success-color);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 7px;
    margin-bottom: 5px;
    color: var(--black);
}
/** REGISTER PAGE CSS END **/
/** ABOUT PAGE CSS **/  

.about-us-page .about-right-inner {
    position: relative;
    padding-bottom: 100%;
}
.about-us-page .about-right-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius:25px;
    -o-object-fit: cover;
       object-fit: cover;
}
.about-us-page .about-right-inner , 
.about-full-img-sec .about-full-img{
    border-radius: 10px;
    overflow: hidden;
}
.about-us-page .about-left-inner .section-title{
    max-width: 90%;
    width: 100%;
    margin-bottom: 0;
}
.about-us-page .about-left-inner .section-title h2{
    margin-bottom: 26px;
    font-family: var(--first-font);
}
.about-counter-sec .counting{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    font-family: var(--second-font);
    margin-bottom: 10px;
}
.about-counter-sec .counting::after{
    content: " +";
     display: inline-block;
}
.about-counter-sec .counting-letter::after{
    content: "k";
}
.about-counter-sec .counter-item{
    text-align: center;
    color: var(--black);
}
.about-full-img-sec h3{
    margin-bottom: 15px;
}
   .about-full-img-sec .about-full-img{
  position:relative;
    padding-top:35%;
  }
   .about-full-img-sec .about-full-img img{
     position:absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     width:100%;
     height:100%;
  }
.our-team-sec .team-card-inner .team-card-image {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.our-team-sec .section-title h2{
    margin-bottom: 15px;
}
.our-team-sec .team-card-inner .team-image {
    padding-top: 100%;
    position: relative;
    display: block;
    width: 100%;
}
.our-team-sec .team-card-inner .team-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.our-team-sec .team-card-inner {
    position: relative;
    height: 100%;
    width: 100%;
}
.our-team-sec .team-card-inner .team-content {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    /* text-align: center; */
}
.our-team-sec .team-card-inner .team-content h4 {
    font: var(--h5);
    font-family: var(--second-font);
    margin-bottom: 10px;
  text-transform:capitalize;
}
/********* ABOUT US STYLE TWO PAGE END *********/
/********* BLOG PAGE CSS START *********/
.blog-grid-sec {
    position: relative;
    z-index: 1;
}
.blog-banner-sec .common-banner-content{
    text-align: center;
}
.blog-grid-sec .blg-recent {
    border: 1px solid var(--border-color);
    background-color: var(--white);
    margin-bottom: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.blog-grid-sec .blog-leftbar .section-title {
    padding: 15px;
    margin-bottom: 0px;
}
.blog-grid-sec .blog-leftbar .section-title h2 {
    font: var(--h4);
}
.blog-grid-sec .blog-content h3{
  font:var(--h6);
}
.blog-grid-sec .blg-recent .blog-itm {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    padding: 15px;
    border-top: 1px solid var(--border-color);
    gap: 10px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image {
    max-width: 90px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image .blog-img {
    padding-top: 100%;
    position: relative;
    display: block;
    border-radius: 15px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image .blog-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content h5 {
    margin-bottom: 12px;
    font: var(--h6);
}
.blog-grid-sec .blg-elegant {
    border: 1px solid var(--border-color);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background-color: var(--white);
}
.blog-grid-sec .blog-leftbar .blg-elegant .section-title {
    border-bottom: 1px solid var(--border-color);
}
.blog-grid-sec .blog-leftbar .blg-elegant .elegant-products {
    padding: 15px;
}
.blog-grid-sec ul.pagination {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    gap: 5px;
}
.blog-grid-sec ul.pagination li {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.blog-grid-sec ul.pagination li a {
    padding: 5px 12px;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.blog-grid-sec ul.pagination li a svg {
    height: 10px;
    width: 10px;
}
.blog-grid-sec ul.pagination li a.active {
    background-color: var(--primary-color);
    color: var(--pro-btn-color);
}
/********* BLOG PAGE CSS END *********/
.about-inner-right h2 {
    left: 0;
    right: 0;
    position: absolute;
    max-width: calc(100% - 70px);
    text-align: center;
    margin: 0 0 0 auto;
    width: 100%;
    color: var(--white);
    letter-spacing: 20px;
    bottom: -30px;
    font-weight: 900;
    font-size: 80px;
    padding-bottom: 35px;
}
/** CONTACT PAGE CSS **/  
.contact-page{
    position: relative;
    z-index: 2;
}
.contact-left-inner ul li h5{
    margin-bottom: 15px;
    font-family: var(--second-font);
  text-transform:uppercase;
}
.contact-form .form-container {
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
}
.contact-slider .contact-arrow-wrapper svg{
  width:25px;
  height:25px;
}
.contact-slider .contact-arrow-wrapper .contact-arrow-next svg{
  transform:scale(-1);
}
.contact-slider .contact-arrow-wrapper{
  display:none;
}
.contact-form .form-container .form-group label{
    color: var(--text-color);
    margin-bottom: 5px;
  text-transform:capitalize;
}
.contact-left-inner ul .social-link{
    margin-bottom: 30px;
}
.contact-left-inner ul .social-link .social-inner-link li{
    margin-bottom: 5px;
}
.contact-left-inner ul .social-link li a,
.contact-left-inner ul .social-link li a path {
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s; 
}
.contact-left-inner ul .social-link li a:hover {
    color: var(--primary-color);
}
.contact-left-inner ul .social-link li a:hover svg path {
    fill: var(--primary-color);
}
.contact-left-inner ul li .address{
    line-height: 26px;
}
.contact-left-inner ul .social-link .social-icons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.contact-left-inner ul .social-link .social-icons li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.contact-left-inner ul .social-link .social-icons li svg {
    width: 18px;
    height: 18px;
}
.contact-left-inner ul .social-link .social-icons li svg path{
    fill: var(--text-color);
}
.contact-left-inner ul .social-link .social-icons li:not(:last-of-type){
    margin-right: 15px;
}
.contact-form .form-heading h4{
    margin-bottom: 15px;
  text-transform:capitalize;
}
.contact-form .form-container p a {
    text-decoration: underline;
}
.contact-direction-sec{
    position: relative;
    z-index: 1;
}
.contact-direction-sec .direction-banner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.contact-direction-sec .contact-direction-column{
      background-color: var(--white);
    max-width: 300px;
    padding: 30px;
    text-align: center;
    position: absolute;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.contact-direction-sec .contact-direction-column .direction-logo img{
    margin: auto;
}
.contact-direction-sec .contact-direction-column p{
    margin: 15px 0px 0;
  text-transform:capitalize;
}
.contact-right-inner{
    background: var(--white);
    margin-bottom: -350px;
    border-radius: 10px;
}
.adadress .form-group label {
    text-align: start !important;
    width: 100%;
}
.form-container {
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
}
.form-container:last-child {
    border-bottom: 0;
}
.adadress {
    border: 1px solid var(--border-color);
  border-radius:10px;
}
/***** FASHIONABLE ABOUT SECTION *****/
.contact-about-sec{
    position: relative;
    background-color: var(--primary-color);
    color: var(--white);
    padding: 40px 0px;
  /* overflow:hidden; */
}
.contact-about-sec .contact-slider-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
}
.contact-about-sec .subtitle{
    margin-bottom: 10px;
    color: var(--white);
    letter-spacing: 0;
    text-transform: capitalize;
}
.contact-about-sec .contact-slider-image{
    display: block;
}
.contact-about-sec .contact-slider-image img{
    height: 100%;
    width: 100%;
}
.contact-about-sec .contact-slider-inner h5{
    color: var(--primary-text-color);
    font-family: var(--second-font);
  text-transform:capitalize;
}
/********* CONTACT US STYLE TWO CSS END *********/
/** CART PAGE CSS **/  
.cart-table{
    border: 0;
}
table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: auto;
    text-align: left;
    border: 2px solid var(--border-color);
}
table tr th {
    text-align: center;
    padding: 5px 10px;
    font-weight: 500;
    color: var(--white);
    background-color: var(--primary-color);
    font-size: 16px;
  text-transform:capitalize;
}
table tr td {
    padding: 5px 10px 5px;
    display: block;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
}
table tr {
    display: block;
}
@media (min-width: 768px) {
    table tr td {
        padding: 20px 10px 20px;
        display: table-cell;
    }
    table tr {
        display: table-row;
    }
    .cart-table tr th:first-child,
    .cart-table tr td:first-child {
        width: 145px;
    }
}
.cart-table tr th,
.cart-table tr td {
    padding: 10px;
}
.cart-table .cart-details {
    width: 40%;
}
table tr td:first-child a {
    vertical-align: middle;
}
.cart-table tr td:nth-child(2) {
    width: 55%;
}
@media (min-width: 768px){
    .cart-table tr td:first-child {
        padding-left: 0;
    }
}
.cart-table .price{
    margin: 15px 0px 10px;
    font-weight: 600;
  justify-content:center;
}
.cart-table .product-option{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  justify-content:center;
}
.cart-table .product-option:not(:last-of-type){
    margin-bottom: 5px;
}
.cart-table .product-option dt{
    font-weight: 500;
    margin-right: 5px;
}
.order-historycontent .btn{
    font-size: 14px;
}
@media (max-width: 767px) {
  
  table tr td::before {
    content: attr(data-label);
    display: block;
    text-align: center;
    padding-right: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    float: left;
  }
    .register-page .section-title{
    text-align:center;
  }
  .my-acc-sec table tr td, .cms-page table tr td{
    text-align: right;
  }
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        display: none;
    }
}    
@media (min-width: 768px){

.cart-table tr td:last-child{
    padding-right: 0;
}
}
.cart-table .qty-spinner input{
    border-radius: 0;
}
.cart-table tr td:last-child{
    font-weight: 600;
}
.cart-page-sec .coupon-table{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
}
.cart-page-sec .coupon-text-btn-wrp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cart-page-sec .subtotal{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cart-page-sec .btn-transparent svg path{
    fill: var(--primary-color);
}
.cart-page-sec .btn-transparent:hover{
    color: var(--white);
   border: 1px solid var(--secondary-color);
}
.cart-page-sec .btn-transparent:hover svg path{
    fill: var(--white);
}   
.cart-page-sec .continue-btn{
    width: auto;
    margin-right: 20px;
}
.cart-page-sec .order-note{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.cart-page-sec textarea{
    padding: 12px 20px;
}
.cart-page-sec .subtotal span p{
    font-size: 14px;
    margin-top: 5px;
}
.cart-page-sec .subtotal .price ins{
    font-size: 22px;
}
.cart-table tr td .quantity-wrp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  justify-content:center;
}
.cart-table tr td .quantity-wrp .qty-spinner{
    overflow: hidden;
}
.cart-table tr td .quantity-wrp .remove-btn svg{
    height: 20px;
    width: 20px;
    margin-left: 10px;
}
.cart-table tr td .quantity-wrp .remove-btn svg path{
  fill:var(--error-color);
}
/** CART PAGE CSS END **/
/******* WISHLIST START CSS START *******/
.pro-wishlist-section .wishlist-bottom-btn {
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pro-compare-sec,
.pro-wishlist-sec {
    position: relative;
    z-index: 1;
  padding-bottom:0 !important;
}
.compare-head .section-title,
.wishlist-head .section-title {
    text-align: center;
}
.compare-head .section-title h3{
  text-transform:capitalize;
}
.pro-compare-sec .pro-compare-wrap,
.pro-wishlist-sec .pro-wishlist-wrap {
    margin-bottom: 30px;
    color: var(--text-color);
}
.pro-compare-sec .pro-compare-wrap .pro-compare-left,
.pro-wishlist-sec .pro-wishlist-wrap .pro-wishlist-left {
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.pro-compare-wrap .pro-compare-left .compare-title,
.pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
    max-width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: var(--primary-color);
    color: var(--white);
    font-size: 16px;
  text-transform:capitalize;
}
.pro-compare-wrap .pro-compare-left .compare-title:not(:last-of-type),
.pro-wishlist-wrap .pro-wishlist-left .wishlist-title:not(:last-of-type) {
    border-right: 1px solid var(--white);
}
.compare-wrap,
.wishlist-wrap {
    border-bottom: 1px solid var(--border-color);
}
.pro-compare-scroll .compare-wrap .compare-val-prod,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    width: 100%;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .subtitle,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .subtitle {
    letter-spacing: normal;
    margin-bottom: 10px;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label {
    max-width: 25%;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    text-align: center;
    padding: 15px;
}
.compare-pro-detail .prod-img a,
.wishlist-pro-detail .prod-img a {
    position: relative;
    padding-top: 40%;
    display: block;
    overflow: hidden;
  border-radius:10px;
}
.compare-pro-detail .prod-img a img,
.wishlist-pro-detail .prod-img a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}

.compare-pro-detail .compare-val-prod .prod-title,
.wishlist-pro-detail .wishlist-val-prod .prod-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
  text-transform:capitalize;
}
.compare-pro-detail .compare-val-prod .prod-weight,
.wishlist-pro-detail .wishlist-val-prod .prod-weight{
  margin-bottom:5px;
}
.compare-pro-detail .compare-val-prod .prod-weight label,
.wishlist-pro-detail .wishlist-val-prod .prod-weight label{
  text-transform:capitalize;
}
.compare-pro-detail .compare-val-prod .prod-price,
.wishlist-pro-detail .wishlist-val-prod .prod-price {
    margin-bottom: 0;
    font-size: 16px;
}
.compare-pro-detail .compare-val-prod .prod-price del,
.wishlist-pro-detail .wishlist-val-prod .prod-price del {
    font-size: 14px;
   margin-left:10px;
}
.wishlist-pro-detail .wishlist-val-prod .wishlist-prod-remove,
.compare-pro-detail .compare-val-prod .compare-prod-remove {
    display: inline-block;
}
.wishlist-pro-detail .wishlist-val-prod .wishlist-prod-remove svg,
.compare-pro-detail .compare-val-prod .compare-prod-remove svg {
 width:20px;
  height:20px;
}
.wishlist-pro-detail .wishlist-val-prod .wishlist-prod-remove svg path,
.compare-pro-detail .compare-val-prod .compare-prod-remove svg path {
    fill: var(--error-color);
}
.pro-compare-sec .compare-bottom-btn,
.pro-wishlist-sec .wishlist-bottom-btn {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
}
.pro-compare-sec .compare-bottom-btn .btn,
.pro-wishlist-sec .wishlist-bottom-btn .btn-secondary {
    min-width: 150px;
}
/****** WISHLIST PAGE END CSS ******/
/** ABOUT PAGE CSS **/  
.about-us-page .about-right-inner , .about-full-img-sec .about-full-img{
    border-radius: 10px;
    overflow: hidden;
}
.about-us-page .about-left-inner .section-title{
    max-width: 90%;
    width: 100%;
    margin-bottom: 0;
}
.about-us-page .about-left-inner .section-title h2{
    margin-bottom: 26px;
    font-family: var(--first-font);
}
.about-counter-sec .counting{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    font-family: var(--second-font);
    margin-bottom: 10px;
}
.about-counter-sec .counting::after{
    content: " +";
     display: inline-block;
}
.about-counter-sec .counting-letter::after{
    content: "k";
}
.about-counter-sec .counter-item{
    text-align: center;
    color: var(--black);
}
.about-full-img-sec h3{
    margin-bottom: 15px;
}
.our-team-sec .team-card-inner .team-card-image {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.our-team-sec .section-title h2{
    margin-bottom: 15px;
}
.our-team-sec .team-card-inner .team-image {
    padding-top: 100%;
    position: relative;
    display: block;
    width: 100%;
}
.our-team-sec .team-card-inner .team-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.our-team-sec .team-card-inner {
    position: relative;
    height: 100%;
    width: 100%;
  padding: 40px;
    background: #cff2dc;
}
.our-team-sec .team-card-inner .team-content {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    /* text-align: center; */
}
.our-team-sec .team-card-inner .team-content h2 {
    font: var(--h5);
    font-family: var(--second-font);
    margin-bottom: 10px;
}
/********* ABOUT US STYLE TWO PAGE END *********/
/**** ADDRESS PAGE CSS START ****/
.my-add-sec {
    position: relative;
    z-index: 1;
}
.my-add-sec .main-new-address {
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.my-add-sec .main-new-address .section-title h2 {
    font: var(--h3);
}
.my-add-sec .main-new-address .back-btn {
    color: var(--text-color);
    margin: 0 0 20px;
}
.my-add-sec .adress-main-list .adress-list .edit-btn {
    margin-right: 5px;
}
.my-add-sec .add-primary .acc-details span {
    display: block;
    line-height: 1;
}
.my-add-sec .adress-main-list {
    border: 1px solid var(--border-color);
    padding: 15px;
    margin: 30px 0 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.acc-details b {
    display: block;
}
.acc-details p,
.acc-details h2 {
    margin-bottom: 20px;
}
.acc-details h2 {
    font: var(--h4);
}
.adress-main-list .edit-spacer{
  border:1px solid var(--border-color);
  border-radius:10px;
} 
.adress-main-list .edit-spacer .section-title {
  padding:20px 0 0 20px ;
}
.adress-main-list .edit-spacer form .form-container:last-of-type{
  border-bottom:none;
}
/**** ADDRESS PAGE CSS END ****/
/** COLLECTION LIST PAGE CSS **/    
.collection-main-sec .product-card .new-lbl{
  top: 15px;
  left: 15px;
  position: absolute;
  padding: 5px 15px;
  background-color: var(--black);
  color: var(--white);
}
.collection-main-sec .product-card-inner .product-content{
background-color: var(--primary-light-color);
margin-top: 0px;
padding: 20px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
gap:15px;
}
.collection-main-sec .product-card-inner .product-content h4{
  text-transform:capitalize;
  text-align:center;
}
.collection-main-sec .product-card-inner .product-bottom-content{
  width: 100%;
  margin-top: 15px;
}
.collection-main-sec .product-card-inner .product-bottom-content .btn{
  padding: 11px 25px;
  width: 100%;
}
.collection-main-sec .product-card {
  margin-bottom: 20px;
}
.collection-main-sec{
  padding-bottom: 50px;
}
.collection-main-sec .product-card-image .img-wrapper img{
border-radius: 0px;
-o-object-fit: cover;
   object-fit: cover;
}
.collection-main-sec .product-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0px;
  border: 0px;
}
.collection-main-sec .product-card-image {
  border-radius:0px;
}
/** COLLECTION LIST end PAGE CSS **/   
/** FAQ PAGE CSS **/  
.faq-page .set {
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
.faq-page .faq-acnav .set:not(:last-of-type){
    margin-bottom: 30px;
}
.faq-page .set .acnav-label {
    padding: 12px 40px 12px 15px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.faq-page .set .acnav-label:after {
    content: "";
    position: absolute;
    background-image: url(plus.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 20px;
    width: 20px;
  top:50%;
    border-radius: 20px;
    background-color: var(--secondary-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 10px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
      transform: translateY(-50%);
}
.faq-page .set.is_open .acnav-label:after {
    background-image: url(minus.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
}
.faq-page .set .acnav-list {
    padding: 15px;
    border-top: 1px solid var(--border-color);
    color: var(--theme-color);
}
.faq-page .faq-right-itm .faq-form, .contact-page .contact-right-inner .contact-form{
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

.faq-page .form-container .form-heading h4{
  text-transform:capitalize;
}
.faq-page .form-container .btn{
    width: 100%;
}
.faq-page .form-container:last-child {
    border-bottom: 0;
}
.faq-page .form-container .form-group label{
    color: var(--text-color);
    margin-bottom: 5px;
  text-transform:capitalize;
}
.faq-page .form-container .form-group input,
.faq-page .form-container .form-group textarea{
    font-size: 14px;
}
.faq-page .form-container .row .col-12:last-of-type .form-group{
    margin-bottom: 0;
}
.faq-page .faq-left-itm .section-title h2{
    margin-bottom: 20px;
}
/** CMS PAGE START CSS **/
.cms-page {
    position: relative;
    z-index: 1;
}
.cms-page .leaf-1 {
    top: -50px;
    left: 0;
}
.cms-page .leaf-2 {
    bottom: -50px;
    right: 0;
}
.cms-page h4 {
    font: var(--h5);
}
.cms-page h4,
.cms-page h6 {
    margin-bottom: 20px;
    background-color: var(--primary-light-color);
    padding: 10px 15px;
    color: var(--secondary-color);
    font-family: var(--second-font);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.cms-page h5 {
    margin-bottom: 20px;
    padding: 10px;
    font: var(--h6);
}
.cms-page p:not(:last-of-type) {
    margin-bottom: 20px;
}
.cms-page p {
    padding-left: 15px;
}
.cms-page ul {
    margin: 0px 15px 20px;
    padding-left: 20px;
}
.cms-page ul li {
    list-style: disc;
}
.cms-page ul li:not(:last-of-type) {
    margin-bottom: 10px;
}
.cms-page ul.help-link li a{
  border-bottom:1px solid transparent;
}
.cms-page ul.help-link li a:hover{
  color:var(--primary-color);
  border-color:var(--primary-color);
}
.shipping-page .shipping-tbl {
    max-width: 500px;
    border: 0;
    margin: 0 0 25px;
}
.shipping-page .shipping-frame h5 {
    padding: 0;
}
.shipping-page table tr th,
.shipping-page table tr td {
    text-align: start;
}
.shipping-page table tr th {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 15px;
}
.shipping-page table tr td {
    background-color: var(--primary-light-color);
    padding: 10px 10px 10px;
}
.shipping-page table .bg-transparent td {
    background-color: transparent;
}
.shipping-page .help-link {
    margin: 0px 15px 0px;
}
.cms-page .shipping-tbl td{
    padding:10px 10px;
}
.cms-page .shipping-tbl tr:not(:last-of-type){
  border-bottom:1px solid var(--border-color);
}
/** CMS PAGE END CSS **/
/** MY ACCOUNT PAGE CSS START **/
.my-acc-sec {
    position: relative;
    z-index: 1;
}
.my-acc-sec table tr th {
    padding: 10px;
}
.my-acc-sec table {
    border: 1px solid var(--border-color);
}
.my-acc-sec table tbody tr {
    border-bottom: 1px solid var(--border-color);
}
.my-acc-sec table tr td {
    padding: 10px 15px 10px;
}
.my-acc-sec .account-details ul li {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    padding: 15px 0px;
    border-bottom: 1px solid var(--border-color);
}
.my-acc-sec .account-details ul li:first-child {
    border-top: 1px solid var(--border-color);
}
.my-acc-sec .account-details ul li label {
    max-width: 10%;
    width: 100%;
}
.my-acc-sec .order-history-frame {
    margin-bottom: 40px;
}
.my-acc-sec .section-title h2 {
    font: var(--h3);
    font-family: var(--second-font);
}
.my-acc-sec .acc-btn-wrp {
    margin-top: 30px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.my-acc-sec .acc-btn-wrp .cart-btn {
    gap: 10px;
}
.my-acc-sec .acc-btn-wrp .acc-btn svg {
    margin: 0px;
}
/** MY ACCOUNT PAGE CSS END**/
/** ORDER PAGE CSS START **/
.order-main-sec .order-title {
    margin-bottom: 26px;
}
.order-main-sec .order-title h3 {
    margin-bottom: 15px;
    font: var(--h4);
    font-family: var(--second-font);
}
.order-payment-box {
    max-width: 300px;
    width: 100%;
    margin-left: auto;
    border: 1px solid var(--border-color);
    padding: 20px;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    -o-border-radius: 0 0 15px 15px;
}
.order-payment-box ul li {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: var(--text-color);
}
.order-payment-box ul li:not(:last-of-type) {
    margin-bottom: 12px;
}
.order-address-inner .address-title {
    background: var(--primary-light-color);
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.order-address-sec {
    position: relative;
    z-index: 1;
}
.order-address-sec .leaf-2 {
    right: 0;
    bottom: -50px;
}
/** ORDER PAGE CSS END **/
/****** ERROR PAGE CSS START ******/
.error-main-sec .eroor-content {
    text-align: center;
}
.error-main-sec .eroor-content .large-text {
    font-size: 100px;
    font-weight: 500;
    line-height: 75%;
}
.error-main-sec .eroor-content .form-input {
    max-width: 400px;
    width: 100%;
    margin: auto;
    position: relative;
}
.error-main-sec .eroor-content .form-input input {
    padding: 12px 40px 12px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.error-main-sec .eroor-content .form-input input::-webkit-input-placeholder {
    color: var(--black);
}
.error-main-sec .eroor-content .form-input input::-moz-placeholder {
    color: var(--black);
}
.error-main-sec .eroor-content .form-input input:-ms-input-placeholder {
    color: var(--black);
}
.error-main-sec .eroor-content .form-input input::-ms-input-placeholder {
    color: var(--black);
}
.error-main-sec .eroor-content .form-input input::placeholder {
    color: var(--black);
}
.error-main-sec .eroor-content .form-input .input-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    border: none;
}
.error-main-sec .eroor-content .form-input .input-btn svg path {
    fill: var(--black);
}
.error-main-sec .eroor-content .section-title h3 {
    margin: 30px 0 20px;
}
/****** ERROR PAGE CSS END ******/
/* ***** article page css ***** */
.article-banner-sec {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, var(--primary-color)), color-stop(20%, transparent));
    background: -o-linear-gradient(top, var(--primary-color) 80%, transparent 20% 100%);
    background: linear-gradient(to bottom, var(--primary-color) 80%, transparent 20% 100%);
    padding-bottom: 70px;
    padding-top: 70px;
}
.article-banner-sec::after{
    display: none;
}
.common-banner-sec.article-banner-sec .filter-cat{
    margin-bottom: 0
}
.article-banner-sec .common-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
}
.article-banner-sec .common-banner-content .back-btn {
    margin-right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.article-banner-sec .common-banner-content .back-btn svg{
    width: 12px;
    height: 12px;
}
.common-banner-sec.article-banner-sec .filter-cat li:first-of-type ::after {
    content: ">";
    position: absolute;
    right: 0px;
    font-size: 16px;
    display: inline-block;
}
.common-banner-sec.article-banner-sec  .filter-cat li:first-of-type {
    padding-right: 15px;
}
.articlebar .section-title .subtitle {
    padding: 5px 15px;
    border: 1px solid var(--border-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 30px;
    color: var(--price-color);
}
.articlebar .section-title {
    max-width: 60%;
    width: 100%;
}
.articlebar .abt-user-img {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 30px;
}
.articlebar .about-user{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.articlebar .about-user .post-label{
  text-transform:capitalize;
}
.articlebar .section-title h2{
    line-height: 1.4;
}
.articlebar p {
    margin-bottom: 25px;
}
.articlebar h4{
    font-size: 28px;
}
.articlebar h4, .articlebar h5{
    margin-bottom: 20px;
}
.articlebar .art-top-heading{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 30px;
}
.articlebar .article-img{
    width: 100%;
    margin-bottom: 15px;
}
.articlebar .art-auther{
    margin-bottom: 30px;
  margin-top: 30px;
}
.articlebar .quote-box{
    padding-left: 25px;
    border-left: 2px solid var(--border-color);
    margin-bottom: 30px;
}
.articlebar .quote-box h5{
    color: var(--primary-color);
    font-size: 24px;
    line-height: 1.2;
}
.articlebar p a{
    text-decoration: underline;
}
.articlebar .art-tags-icons-wrp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 10px;
    color: var(--black);
    margin-bottom: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}   
.articlebar .art-tags-icons-wrp .tags-ul li{
    padding: 4px 20px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
.articlebar .art-tags-icons-wrp .tags-ul li:not(:last-of-type){
    margin-right: 10px;
}
.articlebar .art-tags-icons-wrp label{
    margin-right: 15px;
}
.art-tags-icons-wrp .art-social{
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.art-tags-icons-wrp .art-social ul {
    gap: 10px;
}
.art-tags-icons-wrp .art-social ul li a{
    display: block;
}
.articlebar .comment-form-wrp{
    background: var(--primary-light-color);
    border-radius: 10px;
}
.articlebar .comment-form{
    max-width: 750px;
    margin: auto;
    padding: 40px;
}
.articlebar .comment-form-wrp .form-group label{
    color: var(--black);
}
.articlebar .comment-form .section-title{
    margin: auto;
    max-width: 100%;
    text-align: center;
}
.articlebar .social-icon .social-ul li a svg{
    height: 18px;
    width: 18px;
}
.articlebar .social-icon .social-ul li a svg path{
    fill: var(--black);
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
}
.articlebar .social-icon .social-ul li:hover a svg path{
    fill: var(--primary-color);
}
/***** SHF LANGUAGE CSS *****/
.site-header .disclosure__list-wrapper {
position: absolute;
    top: 100%;
    right: 0;
    min-width: 140px;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    margin: 12px 0 0;
    pointer-events: auto;
    background-color: var(--white);
    opacity: 1;
    visibility: visible;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 40px #00000024;
            box-shadow: 0 10px 40px #00000024;
    border: 1px solid var(--black);
     transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
.site-header .disclosure__list-wrapper.hide{
opacity: 0;
visibility: hidden;
}
.site-header .disclosure__list-wrapper .disclosure__item {
      transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s
}
.site-header .disclosure__list-wrapper .disclosure__item a{
font-size: 14px;
color: var(--black) !important;
width: 100%;
  padding: 10px 15px;
}
.site-header .disclosure__list-wrapper .disclosure__item a.disclosure__link--active{
font-weight: bold;
      background-color: #eae9e9;
}
.site-header, .site-header .langauge-lbl {
    position: relative;
}
.nice-select[aria-expanded="true"]:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 40%;
}
/******************* main shf css *****************/
/*=========== SHF home product image hover ===============*/
.card__media .hover-img {
  opacity: 0;
  visibility: hidden;
  position: absolute !important;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.card__media:hover .hover-img {
  opacity: 1;
  visibility: visible;
}
.card__media:hover .default-img {
  opacity: 0;
  visibility: hidden;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}
.product-top-content a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/***** SHF SIZE POPUP *****/
.size-popup {
    position: fixed;
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    z-index: 4;
    padding: 0 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out .5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
}
.size-popup.active {
    opacity: 1;
    visibility: visible;
}
.size-table-wrapper {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
    z-index: 5;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pdp-right-column  .size-guide-wrapper {
    margin: 0 0 20px;
    gap: 15px;
}
.pdp-right-column  .size-guide-wrapper .see-size a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    text-decoration: underline;
    gap: 10px;
  text-underline-offset:2px;
}

.available-product {
    color: var(--success-color);
}
.available-product .sold-txt {
    color: var(--error-color);
}
.pdp-right-column  .size-guide-wrapper .see-size a svg {
    height: 12px;
    width: 12px;
}
.size-popup .size-form {
    background-color: var(--white);
    color: var(--black);
  border-radius:20px;
  overflow:hidden;
}
.size-popup .size-form .size-form-inner {
    max-height: 80vh;
    height: 100%;
    overflow-y: auto;
    padding: 20px;
}
.size-popup .size-form h4 {
    text-align: center;
    margin-bottom: 20px;
  text-transform:capitalize;
}
.size-popup .size-form tr th{
  text-transform:capitalize;
}
.size-popup table tr td {
    padding: 10px;
}
.size-tbl {
    border-collapse: separate;
    border: none;
}
.size-popup .btn-white {
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 11px 15px;
    background: var(--theme-color);
}
.size-popup .btn-white svg {
    margin-left: 0;
    margin-right: 10px;
}
.size-popup .btn-white svg path {
    fill: var(--black);
}
.size-close-btn {
    text-align: end;
  margin-bottom:15px;
}
/****** SHF CART DRAWER CSS ********/
.header-style-one .menu-right .cartDrawer svg#icon-cart-emty path {
    fill: var(--black);
}
.header-style-one .menu-right .cartDrawer {
    padding: 0px;
}
.mini-cart-footer .js-contents {
    display: none;
}
.cart__warnings,
.cartDrawer .minicart__warnings,
.cartDrawer .cart__empty-text,
.cartDrawer.is-empty .cart__contents,
.cartDrawer.is-empty .cart__footer,
.cartDrawer .cart-items.is-empty .title-wrapper-with-link,
#main-cart-footer.is-empty {
    display: none;
}
.cart-item__error-text:empty+svg {
    display: none;
}
.cart__items-wrapper .is-empty .cart__warnings, .cartDrawer.is-empty .minicart__warnings {
    display: block;
}
/***** SHF CART CSS *****/
.cart-page-sec #cart-gift-wrap {
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: var(--primary-light-color);
    padding: 10px 20px;
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.cart-page-sec #cart-gift-wrap .add-gift {
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.cart__items-wrapper .btn-transparent svg path {
    fill: var(--primary-color);
}
.cart__warnings, .cartDrawer .cart__warnings, .cartDrawer.is-empty .cart__contents, .cartDrawer.is-empty .cart__footer, .cartDrawer cart-items.is-empty .title-wrapper-with-link, #main-cart-footer.is-empty {
    display: none;
}
.cartDrawer svg#icon-cart-emty path {
    fill: var(--black);
}
.cartDrawer.is-empty .minicart__warnings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}
.cartDrawer .mini-cart-footer.is-empty {
    display: none;
}
.cart__items-wrapper .is-empty .cart__warnings{
    display: block;
  margin:80px auto;
}
.cartDrawer.is-empty .cart__empty-text,
.cartDrawer.is-empty .cart__warnings {
    display: block;
    color: var(--black);
  margin-bottom:15px;
}
.cartDrawer.is-empty .cart__warnings {
    margin: 20% 0 0;
    text-align: center;
}
.cartDrawer.is-empty .cart__warnings svg {
    margin: auto;
}
.cartDrawer svg#icon-cart-emty,
.cartDrawer svg#icon-cart-emty {
    width: 55px;
    height: auto;
    fill: currentColor;
    margin: 0 auto 30px auto;
}
.header-style-one .menu-right li a.mini-cart-title {
    display: block;
    text-align: right;
}
.header-style-one .menu-right li a.closecart svg path {
    fill: var(--white) !important;
}
.cart-notification-cnt {
    padding: 0 0px 0 15px;
}
.cartOpen header:after {
    height: calc(100% + 15px);
}
.cartOpen header.head-sticky:after {
    height: calc(100% + 1px);
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li:not(.has-children) a svg,
.product-card .product__media-item:not(:first-child) {
    display: none;
}
.main-wishlist .product-card-inner .product-content-bottom h4 a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
 .hidden, .visually-hidden, [hidden] {
    display: none!important;
}
/*=================shf - recommandation ================*/
.product-notification {
  background: var(--white);
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px 0px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px 0px;
  max-width: 350px;
  position: fixed;
  bottom: 10px;
  left: 30px;
  padding: 10px;
  z-index: 2;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  visibility: hidden;
}
.product-notification.active {
  bottom: 30px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.product-notification .product-suggest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
.product-notification .closeNotify {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.product-notification .product-suggest .product-image{
  background-color: #e5e5e5;
}
.product-notification .product-suggest a img{
  height: 115px;
  width: 115px;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-notification .closeNotify svg {
  width: 16px;
  height: 16px;
}
.product-notification .product-suggest .product-label {
  margin: 0 0 5px;
}
.product-notification .product-suggest .product-name {
  font: var(--h6);
  margin: 0 0 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
/*********** SHF LAYOUT SECTION *************/
.layout-section {
  z-index: 6;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .3);
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.layout-section.open {
  opacity: 1;
  visibility: visible;
}
.megamenu-popup {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 70%;
  border-radius: 8px;
  background-color: #fff;
  pointer-events: auto;
  width: 100%;
  padding: 40px 0 20px;
    transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.megamenu-popup .demo-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
}
.megamenu-wrp {
    padding: 0 20px;
    max-height: 68vh;
    overflow-y: scroll;
}
.megamenu-popup .demo-close svg path {
    fill: var(--black);
}
.megamenu-popup .demo-close svg {
  height: 16px;
  width: 16px;
}
.megamenu-popup .megamenu-image a {
  padding-top: 80%;
  border-radius:10px;
  overflow:hidden;
}
.megamenu-popup .megamenu-image a img{
  object-fit:inherit;
}
.megamenu-popup .megamenu-content {
     margin-top: 15px;
    text-align: center;
}
.megamenu-popup .megamenu-content span {
    font: var(--h6);
    color: var(--black);
}
.megamenu-popup .megamenu-content h1 {
  font: var(--h3);
  color: var(--black);
  font-weight: 700;
  -webkit-text-stroke: 1px var(--white);
}
.megamenu-popup .megamenu-input{
  margin-top: 15px;
}
.megamenu-popup .megamenu-input input{
  background-color: var(--white);
}
.megamenu-popup .megamenu-input .btn-secondary{
  margin-top: 15px;
  padding: 11px 70px;
  font-size: 16px;
}
.megamenu-popup .megamenu-input .btn-secondary:hover{
  background: transparent;
}
.megamenu-popup::-webkit-scrollbar {
  width: 6px;
}
.megamenu-popup::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}
  .adress-list .form-wrapper .form-container:last-child{
        padding: 15px 0px 0px;
  }
.addressheading {
    padding-top: 15px;
}
/*======= product notify btn custom css =======*/
.notify-sold .notify-btn {
  padding: 11px 35px;
  background-color: var(--primary-light-color);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-size: 14px;
  width:100%;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
}
.notify-sold .notify-btn:hover,
.notify-sold .notify-btn:focus {
color:var(--white);
}
.out-of-stock-form {
     position: fixed;
    top: 50%;
    padding: 50px 40px;
    left: 0;
    right: 0;
    max-width: 500px;
    max-height: calc(100% - 100px);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: var(--primary-color);
    z-index: 5;
    -webkit-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  border-radius:10px;
}
.out-of-stock-form.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.notify-txt {
  line-height: 1.4;
  color: var(--white);
}
.notify-popup-close {
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border-radius:5px;
}
.notify-send-btn {
  position: relative;
  margin-top: 20px;
}
.notify-send-btn input {
  height: 45px;
  width: 100%;
  padding: 15px 106px 15px 15px;
  color: var(--white);
  border-color:var(--white);
}
.notify-send-btn input::-webkit-input-placeholder {
  color: var(white);
}
.notify-send-btn input::-moz-placeholder {
  color: var(white);
}
.notify-send-btn input:-ms-input-placeholder {
  color: var(white);
}
.notify-send-btn input::-ms-input-placeholder {
  color: var(white);
}
.notify-send-btn input::placeholder {
  color: var(white);
}
.notify-send-btn input::-webkit-input-placeholder {
  color: var(--white);
}
.notify-send-btn input::-ms-input-placeholder {
  color: var(--white);
}
.notify-send-btn button {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: auto;
  padding: 10px 35px;
  background: #000;
  color: #fff;
  border:0;
  border-radius: 0 6px 6px 0;
}
.gallery-main .swiper-wrapper {
  height: 100%;
}
/*======== infinty loader =========*/
.infinit-pagination a {
  margin: 30px auto 0;
  display: block;
}
.infinity-loader {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.js-load-more .hide .infinity-loader {
  margin-left: 8px;
}
.js-load-more {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--theme-color);
}
.load-more_wrap {
  margin: 20px auto 0;
}
/* load more btn */
.hide {
  display: none;
}
/*=================SHF address page =============*/
#recover,
#recover+.recover-password,
#recover:target~.back-toshop,
#recover:target~.section-title,
#recover:target~.login-form {
    display: none;
}
#recover:target+.recover-password,
#recover:target {
    display: block;
}
.addresses [aria-expanded="false"]~div[id] {
    display: none;
}
.addresses [aria-expanded="true"]~div[id] {
    display: block;
    margin: 30px 0 0;
}
#address_form_new .checkbox-custom label:before {
    border-color: var(--border-color);
}
/*------------------SHF search page ---------------------*/
.template-search .field {
  position: relative;
}
.template-search .field input{
      padding: 12px 50px 12px 20px;
  border-radius: 30px;
}
.template-search .form-control {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.template-search .search__button {
 position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: 5px;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    padding: 10px;
    border: 0;
    border-radius: 50%;
}
body.search .pagination-row {
   margin: 10px 0 0;
}
.pagination-row {
  margin: 30px 0 0;
}
.pagination-row ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination-row ul li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination-row ul li a{
  padding: 5px 10px;
  display: inline-block;
}
.pagination-row ul li a.active {
  background-color: var(--border-color);  
  border-radius:5px;
}
.pagination-row ul li:not(:last-of-type){
  margin-right: 5px;
}
.pagination-row ul li a svg{
  height: 10px;
  width: 10px;
}
.template-search .search__button svg {
  width: 25px;
  height: 18px;
  line-height: 16px;
}
.template-search .search__button svg path {
  fill: var(--white);
}
.count-desc {
  margin: 20px 0;
  font: var(--h5);
  text-align: center;
  background: var(--sixth-color);
  padding: 15px 5px;
}
.template-search__results .grid__item {
  margin: 0 0 30px;
}
.page-card h4 {
  margin: 0 0 15px;
}
.template-search__results .grid__item.page-card {
  text-align: center;
}
.template-search__results .blg-cmnt {
  margin: 10px 0 0;
}
.search .main-search .predictive-search{
  position: absolute;
}

/*-------------------- GoTo Top ------------------*/
.progress-wrap {
position: fixed;
right: 30px;
bottom: 55px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
-webkit-box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
        box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
        transform: translateY(15px);
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
background: #fff;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
}
.progress-wrap.active-progress:after {
content: '';
background: url(down-arrow-black.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
}
.progress-wrap svg path { 
  fill: none; 
}
.progress-wrap svg.progress-circle path {
stroke: var(--primary-color);
stroke-width: 4;
-webkit-box-sizing:border-box;
        box-sizing:border-box;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
}
/*--------------------SHF Review form--------------------*/
.spr-summary.rte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spr-summary.rte > span {
  width: 100%;
}
.spr-summary-actions-newreview,
.spr-form .spr-button-primary {
  text-align: center;
  padding: 11px 35px;
  font-family: var(--first-font);
  color: var(--second-color);
    background-color: var(--white);
  appearance: none;
  outline: none;
  border: 1px solid var(--theme-color);
  position: relative;
  font-size: 14px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  width: auto;
  border-radius:10px;
}
.spr-summary-actions-newreview:hover,
.spr-summary-actions-newreview:focus,
.spr-form .spr-button-primary:hover,
.spr-form .spr-button-primary:focus {
  background-color: var(--third-color);
  color: var(--black);
  font-family: var(--first-font);
  
}
.spr-form-label + .spr-form-input,
.spr-form-input-textarea{
  color: var(--white);
  background: var(--theme-color);
}
.spr-form-label {
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}
.spr-form-title{
  margin-bottom:15px;
}
/*------------------- SHF msg ---------------------------*/
.newsletter-form__message {
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin: 10px 0 0;
  font: var(--common-text);
}
.newsletter-form__message--success {
  color: #0a942a;
  border-color: #0a942a;
}
.newsletter-form__message--error {
  color: #dc0000;
}
/*------------------- SHF error-msg---------------------------*/
.comment-form .errors {
  margin: 0 0 20px;
}
.comment-form .errors ul {
  padding: 15px 20px;
  border: 1px solid #ff0000;
  background: #ff00001f;
}
.comment-form .errors ul li {
  margin: 0 0 5px;
  color: #ff0000;
}
.comment-form .errors ul li:last-child {
  margin: 0px;
}
.form__message {
  border: 1px solid #ff0000;
  display: block;
  padding: 10px;
  color: #ff0000;
  background: #ff00001c;
  margin: 0 0 15px;
}
.form__message_success {
  border: 1px solid #276221;
  display: block;
  padding: 10px;
  color: #276221;
  background: #27622147;
  margin: 0 0 15px;
}
.contact-page  .form__message_success {
  margin:15px;
}
footer .form__message_success{
  margin-top: 15px;
  position: unset;
  border: 1px solid #276221;
}
.subscribe-section-form small {
  margin: 15px 0 0;
  z-index: 2;
}
/*------------------- SHF dropdown ---------------------------*/

.account-header {
  position: relative;
  margin-right: 15px;
}
.login-header .menu-dropdown,
.account-header .menu-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--fourth-color) !important;
  min-width: 160px;
  margin: 22px 0 0;
  z-index: 2;
  padding: 15px;
  transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
}
.login-header:hover .menu-dropdown,
.account-header:hover .menu-dropdown {
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
}
.login-header .menu-dropdown li {
  padding: 0 !important;
  max-width: 100%;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.header-style-two .menu-right .account-header .menu-dropdown a {
  background: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.header-style-two .menu-right .account-header .menu-dropdown li {
  margin: 0;
}
.header-style-two .currency select,
.header-style-two .lang-dropdown .nice-select,
.header-style-three .currency select,
.header-style-three .lang-dropdown .nice-select{
  padding: 0 15px 0 0;
}
.site-header .menu-right li.login-header li {
  background: none;
  margin-left: 0 !important;
}
.site-header .menu-right li.login-header li a {
  color: var(--theme-color);
}
.site-header .announcebar .country-name select, .site-header .header-topbar .country-name select, .site-header .main-navigationbar .country-name select {
    padding: 0;
    border: 0;
}
#recover button {
  width: auto;
  margin-right: 10px;
}
#recover .btn {
  width: auto;
}
.collection--empty h3 {
  margin: 0 0 10px;
}
.facets-color-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
   gap:5px;
}
.facets-color-main .facets-color label {
    height: 25px;
    width: 25px;
    padding:0px !important;
}
.facets-color .color-name {
    display: none;
}
.facets-color-main .facets-color {
    margin-bottom: 0 !important;
}
.facets-color-main .facets-color label input {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    position: absolute;
    inset: 0;
}
.facets-color .facet-checkbox>input[type=checkbox]:checked~.feather-check, .facets-color .mobile-facets__label>input[type=checkbox]:checked~.feather-check {
    display: none;
}
.facets-color .facet-checkbox>input[type=checkbox]:checked, .facets-color .mobile-facets__label>input[type=checkbox]:checked {
    outline: 2px solid var(--black);
}
.facets-color-main .facets-color .mobile-facets__label>svg {
  border:none;
  color:var(--white) !important;
}
.facets-color-main .mobile-facets__item {
  padding:0px !important;
}
.mobile-facets__list.facets-color-main {
    padding-left: 5px;
  margin:10px 0 20px;
}
.list-category-slider .img-wrapper img {
  -o-object-fit:cover;
     object-fit:cover;
}
.pdp-right-column .jdgm-widget .jdgm-prev-badge {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap:15px;
}
.pdp-right-column .pdp-rating .review-rating {
  display: block;
}
.pdp-right-column .pdp-rating {
  margin-bottom:15px;
}
.pdp-right-column .product-write-review {
    gap: 10px;
}
.pdp-right-column .product-write-review svg {
  width:15px;
  height:15px;
}
.pdp-right-column .pdp-ven {
  margin-bottom:15px;
  display:block;
}
.pdp-right-column .pdp-color {
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--border-color);
}
 
.pro-cart-btn .cart-form, .pro-cart-btn .cart-btn {
    width: 100%;
}
.shopify-payment-button__button--unbranded {
   background-color: var(--primary-light-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    padding: 11px 20px;
    border-radius:30px !important;
  min-height:38px;
    height: 38px;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
  position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.shopify-payment-button__button--unbranded:hover {
 background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
  border-color: var(--secondary-color) !important;
}
.shopify-payment-button__button--unbranded:hover 
.pro-color .radio-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 25px;
}
.pro-color .radio-buttons .button input {
    display: none;
}
.pro-color .radio-buttons .button input:checked + .color-var span:after, .products-add-cart-sticky .button label.sticky-active span:after{ 
  content: "" !important;
  position: absolute;
  inset: -4px;
  border: 2px solid var(--black);
  border-radius: 50%;
}
.pro-color .radio-buttons .button input + .color-var span, .button .color-var span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
}
.pro-color .radio-buttons .button input + .color-var {
    position: relative;
    font-size: 0px;
    display: block;
}
.pro-color .radio-buttons .size-var {
    padding: 5px 10px;
    border: 2px solid #dfdfdf;
}
.pro-color .radio-buttons input:checked +  .size-var{
    border-color: var(--theme-color);
}
.pro-color .radio-buttons label {
    cursor: pointer;
}
.continue-btn  .btn {
    width: 100%;
}
/* blank collection or image */
  .placeholder-img .img-wrapper, .placeholder-img .blog-image {
    padding: 0;
}
/* end blank collection or image */
.shopify-challenge__container .shopify-challenge__button {
    margin-top: 25px;
}
.shopify-challenge__container .shopify-challenge__message, .shopify-challenge__container .shopify-challenge__errors {
    margin-bottom: 10px;
}
.shopify-challenge__container {
    padding: 100px;
}
.facets__list {
    padding: 0 10px 15px 0;
}
.canvas-leftbar .filter-column-title h4,
.canvas-rightbar .filter-column-title h4 {
    display: none;
}
.product-list-view .product-card .cart-btn-content {
    opacity: 1;
    visibility: visible;
    margin: 0;
    position: inherit;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}
.product-list-view .product-card .cart-btn-content .btn-secondary:hover {
    border: 1px solid var(--theme-color);
}

/************* video pdp  ***************/
.deferred-media.global-media-settings {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0 !important;
}
.deferred-media .product-item-img {
    width: 100%;
}
.deferred-media .product-item-img img{
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:20px;
}
deferred-media.deferred-media {
  position: relative;
  display: block;
  height: 100%;
}
.media>*:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.deferred-media[loaded]>.deferred-media__poster {
  display: none !important;
}
.product__modal-opener:not(.product__modal-opener--image) {
  display: none;
}
.deferred-media__poster-button.motion-reduce {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  padding: 10px;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), to(var(--theme-color))) border-box;
  background: -o-linear-gradient(right, var(--blue) 50%, var(--theme-color)) border-box;
  background: linear-gradient(to left, var(--blue) 50%, var(--theme-color)) border-box;
  background: var(--theme-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}
.deferred-media__poster-button.motion-reduce svg {
  fill: var(--white);
}
.deferred-media:not([loaded]) template {
  z-index: -1;
}
/************* video pdp end ***************/
/****************related product*******************/
.cartDrawer .related-cart-wrp{
  margin-top: 25px;
}
.cartDrawer .related-cart-wrp h3{
  margin-bottom: 15px;
  font-size: 25px;
}
.cartDrawer .related-cart-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid var(--border-color);
  padding: 10px;
  border-radius: 10px;
}
.cartDrawer .related-cart-inner .related-image a{
  position: relative;
  padding-top: 100%;
  display: block;
  border-radius:10px;
  overflow:hidden;
}
.cartDrawer .related-cart-inner a img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: inherit;
       object-fit: inherit;
}
.cartDrawer .related-image{
    position: relative;
    max-width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 100%;
    background: whitesmoke;
    padding: 10px;
  border-radius:10px;
}
.cartDrawer .related-cart-text{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 15px;
}
.cartDrawer .related-cart-text h4{
  font-size: 18px;
  margin-bottom: 12px;
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-transform:capitalize;
}
.cartDrawer .related-cart-text a{
  text-decoration: underline;
}
.cartDrawer .related-cart-price{
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.cartDrawer .pvarprice svg path{
  fill: red;
}
.cartDrawer .cart-slider{
  position: relative;
}
.cartDrawer .swiper-pagination{
  position: relative;
  margin-top: 25px;
}
.related-cart-wrp .swiper-pagination-bullet-active{
  background: var(--primary-color);
}
/****************related product end*******************/
/****************** main shf end ***************************/
.common-banner-content .section-title {
    margin: 0 auto 15px;
    width: 100%;
}
/* silder zoom */
.product-img.zoom {
  cursor: crosshair;
}
.article-bnr-img img {
    width: 100%;
}
.pdp-right-column .pro-features li.pro-compare.active .compare-label {
    color: var(--primary-color);
}
.pdp-right-column .pro-features li.pro-compare.active .compare-label svg path{
    fill: var(--primary-color);
}
.qnty-btn-wrp .wishlist-btn.active {
    background: var(--black);
}

.product-card .color-variant-swatch label.size-var.active, .product-card .quick-view-left .color-variant-swatch .size-var.active {
    border: 1px solid var(--black);
}
.blog-leftbar .blog-content h3 {
    font-size: 16px;
  line-height:26px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.shipping-tbl {
    margin-bottom: 20px;
}
.jdgm-rev-widg {
    background: var(--white);
    border-radius: 15px;
}
.zoomImg {
    background: var(--primary-light-color);
}
.header-style-two .login-info {
    gap: 7px;
}
/*================= reset password page =============*/
.reset-password{
  background-color: var(--primary-light-color);
  padding: 20px;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}
.reset-password .form-container {
  padding: 0;
  border: none;
}
.reset-password label {
  text-align: left;
  width: 100%;
}
.customer.reset-password {
  text-align: center;
}
/*article page comment css start  */
.article-template__comments {
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: var(--primary-light-color);
}
.article-template__comments .article-template__comments-comment:not(:last-of-type) {
    margin-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
}
.article-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  color:var(--second-color);
}
.article-content-inner .author-image {
    width: 50px;
    height: 50px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    padding: 5px;
}
.article-content-inner .author-image svg {
    width: 100%;
    height: 100%;
}
.article-content-inner .author-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.article-content-inner .author-content .right {
    margin-bottom: 10px;
}
.article-content-inner .author-content p {
    margin-bottom: 10px;
}
.article-content-inner .author-content .circle-divider {
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
}
.comment-main h2 {
    margin-bottom: 20px;
  color: var(--second-color);
}
/*article page comment css end  */
.share-button__button, .share-button__fallback button {
    gap: 8px;
    font-size: 16px;
    font-family: var(--first-font);
  transition:unset;
}
.is-empty #cart-gift-wrap{
  display: none;
}
body.account table tr td:first-child a {
    text-decoration: underline;
}
.jdgm-write-rev-link.jdgm-write-rev-link{
  background:var(--primary-color) !important;
      border: 2px solid var(--primary-color) !important;
   border-color:var(--primary-color) !important;
  border-radius:25px!important;
}
.jdgm-write-rev-link.jdgm-write-rev-link:hover ,
.jdgm-write-rev-link.jdgm-write-rev-link:focus{
    border: 2px solid var(--secondary-color) !important;
   border-color:var(--secondary-color) !important;
  background:var(--secondary-color) !important;
}
.jdgm-form input:not([type="submit"]), .jdgm-form textarea{
  border-radius:7px !important;
}
.jdgm-form__fieldset:not(:last-of-type){
  text-align:left;
}
.jdgm-form .jdgm-form__fieldset>label{
  color:var(--black);
}
.jdgm-widget .jdgm-btn.jdgm-btn{
  border-radius:30px !important;
      max-width: calc(50% - 20px) ;
  width:100%;
}
.jdgm-form-wrapper{
  padding:24px 0 0 !important;
}
.jdgm-form__fieldset.jdgm-form__fieldset-actions{
  margin-bottom:0;
}
.jdgm-form__title{
  color:var(--black);
}
.mobile-facets__wrapper .facets__price {
    margin: 10px 0 !important;
}
.facets__list {
    padding: 0 10px 0px 0;
}
.loading-overlay__spinner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.loading-overlay__spinner svg {
  margin: 0 !important;
}
.cart-btn.loading>svg,
.sticky-btn.loading>svg{
  visibility: hidden;
}
.cart-btn.loading>svg path,
.sticky-btn.loading>svg path{
  transition: unset;
}
.cart-btn.loading>span,
.sticky-btn.loading>span{
  visibility: hidden;
}
.quickview-popup .qnty-btn-wrp .cart-btn {
  margin: 0;
}
.quickview-popup pickup-availability {
  display: none;
}
/****************** responsive ***************************/


@media screen and (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }
    .desk-only {
        display: block !important;
    }
    /* footer css start */
    .footer-style-one .subscribe-form-wrapper .subscribe-btn svg{
        display: none;
    }
    .pdp-page-main-sec .bottom-thumbslider .pdp-thumb-image {
    padding-top: 35%;
}
}
@media screen and (min-width: 1200px){
    .pdp-page-main-sec .bottom-thumbslider .pdp-thumb-image {
    padding-top: 25%;
}
}
@media screen and (min-width: 768px) {
    .mobile-stickybar {
        display: none !important;
    }
    .one-grid-main .arrow-wrapper{
        display: none;
    }
    /* header css start */
    .announce-close-wrp {
        position: absolute;
        right: 0;
    }
    /* footer css start */
    .footer-row .acnav-list1 {
        display: block !important;
    }
    .site-footer .footer-col .footer-widget .acnav-label1 svg {
        display: none;
    }
    .footer-style-three .footer-row .footer-logo-center {
        margin: 0 auto 15px;
        display: none;
    }
      /* product-list-page css start */
    .pdp-page-main-sec .sticky-column {
        position: sticky;
        top: 10%;
    }
    .two-grid-column .swiper-wrapper,
    .one-grid-column .swiper-wrapper {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-justify-content: space-between;
        row-gap: 20px;
    }
    .two-grid-column .swiper-wrapper .swiper-slide,
    .grid-gallery .product-main-item .product-img {
        width: calc(50% - 10px);
    }
    .grid-gallery .product-main-item .product-img {
        padding-top: 50%;
    }
    .one-grid-main.swiper:hover .swiper-button-prev, .one-grid-main.swiper:hover .swiper-button-next,
    .two-grid-main.swiper:hover .swiper-button-prev, .two-grid-main.swiper:hover .swiper-button-next{
        opacity: 0;
        visibility: hidden;
    }
  /* shf filter */
    /* product-list-page css start */
    /* shf filter */
  .mobile-facets__open.mobile-only, .mobile-facets__wrapper.mobile-only, .mobile-stickybar {
    display: none!important;
}
     /*****  canvas leftbar ******/
    .product-filter-body .close-filter {
      display: none;
  }
  .product-filter-body .close-filter svg path {
      fill: var(--white);
  }
  .canvas-rightbar .product-filter-body,
  .canvas-leftbar .product-filter-body {
    border:none;
  }
  .canvas-rightbar .product-filter-column,
    .canvas-leftbar .product-filter-column{
     position: fixed;
      top: 0;
      background: var(--primary-light-color);
      left: 0;
      max-width: 350px;
      width: 100%;
      height: 100%;
      z-index: 6;
      overflow: hidden;
      transition: all ease-in-out .5s;
      -webkit-transform: translate(-100%, 0px);
      -ms-transform: translate(-100%, 0px);
      transform: translate(-100%);
      -webkit-transition: all ease-in-out .5s;
      -moz-transition: all ease-in-out .5s;
      -ms-transition: all ease-in-out .5s;
      -o-transition: all ease-in-out .5s;
      margin: 0;
      padding: 30px 20px 20px;
  }
    .canvas-rightbar .product-filter-column {
      -webkit-transform: translate(100%, 0px);
      -ms-transform: translate(100%, 0px);
      transform: translate(100%);
      left: auto;
      right: 0;
  }
  .filter-open .canvas-leftbar .product-filter-column,
  .filter-open .canvas-rightbar .product-filter-column {
      -ms-transform: translate(0);
      -webkit-transform: translate(0);
      transform: translate(0);
      overflow: auto;
      height: 100%;
  }
  .canvas-rightbar .product-heading-column .filter-title {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end;
  }
  .filter-open header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      z-index: 1;
      background: rgba(0, 0, 0, .7);
  }
  .canvas-leftbar .product-filter-body .close-filter,
  .canvas-rightbar .product-filter-body .close-filter {
      display: block;
  }
  .canvas-leftbar .close-filter,
  .canvas-rightbar .close-filter {
      position: absolute;
      top: 0;
      background-color: var(--primary-color);
      height: 30px;
      width: 30px;
      padding: 7px;
      right: 2px;
      z-index:2;
      cursor: pointer;
      display: block;
      border-radius: 0 0 50% 50%;
      -webkit-border-radius: 0 0 50% 50%;
      -moz-border-radius: 0 0 50% 50%;
      -ms-border-radius: 0 0 50% 50%;
      -o-border-radius: 0 0 50% 50%;
  }
  .canvas-leftbar .close-filter svg,
  .canvas-rightbar .close-filter svg {
      width: 100%;
      height: 100%;
  }
  .canvas-leftbar .product-widget,
  .canvas-rightbar .product-widget {
      padding: 10px 0;
  }
  .product-filter-column::-webkit-scrollbar {
      width: 4px;
  }
  .product-filter-column::-webkit-scrollbar-thumb {
      background-color: var(--primary-color);
  }
  .product-filter-column::-webkit-scrollbar-track {
      background: var(--border-color);
  }
   /* product-list-page css endstart */
  
}
@media screen and (max-width: 1600px) {
    /**********  FOOTER five CSS START ********/
    .footer-style-three::before {
        width: 24vw;
    }
    .testimonial-sec .testimonial-card .testimonial-right-img{
        right: -15px;
    }
}
@media screen and (max-width: 1440px) {
    .offer-sec .offer-box-inner {
        max-width: 290px;
    }
    .offer-sec .offer-box-body{
        padding: 0px;
    }
}
@media screen and (max-width: 1199px) {
    :root {
        --h1: normal 600 40px/1.1 var(--first-font);
        --h2: normal 600 36px/1.1 var(--second-font);
        --h3: normal 600 30px/1.1 var(--first-font);
        --h4: normal 600 24px/1.1 var(--first-font);
        --h5: normal 600 22px/1.1 var(--first-font);
        --h6: normal 600 16px/1.1 var(--first-font);
        --common-text: normal 400 14px/1.4 var(--first-font);
    }
    /* header css start */
    .header-style-two .logobar .logo-item-col {
        padding-left: 40px;
    }
    .site-header .main-navigationbar .logo-col,
    .site-header .logobar .logo-col {
        max-width: 90px;
    }
  .megamenu-popup{
    max-width:calc(100% -  30px );
  }
    /* footer css start */
    .container-fluid {
        padding: 0 15px;
    }
    .site-footer .footer-col:not(:first-child),
    .footer-style-one .footer-col {
        padding-left: 30px;
    }
    .footer-style-one .footer-content {
        padding: 30px 40px;
    }
  .footer-style-one .footer-top-title h2{
        font-size: 70px;
        padding: 20px ;
  }
    /**** FOOTER STYLE THREE  ****/
    .footer-style-two .footer-col.footer-subscribe-col {
        max-width: 320px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 320px;
                flex: 0 0 320px;
    }
    .footer-style-two .footer-address-col {
        max-width: 250px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 250px;
                flex: 0 0 250px;
    }
    .footer-style-two .subscribe-form-wrapper .subscribe-btn span {
        display: none;
    }
    .footer-style-two .subscribe-form-wrapper .subscribe-btn svg {
        display: block;
    }
    .footer-style-two .subscribe-form-wrapper input {
        padding: 12px 65px 12px 12px;
    }
    .footer-style-two .footer-col .footer-widget .footer-newsletter {
        font-size: 18px;
    }
    /**** FOOTER STYLE SIX  ****/
    .header-style-two .logobar .logo-item-col {
        padding-left: 40px;
    }
    /********* MAIN BANNER SECTION CSS START *********/
    .special-menu {
        right: 35%;
        top: 5%;
    }
  .main-banner-sec .banner-content-wrapper h2{
      font:var(--h1);
    font-family:var(--second-font);
    line-height:1.4;
  }
  .main-banner-sec .banner-content-wrapper .section-title{
    margin-bottom:15px;
  }
    /********* OFFER SECTION CSS START *********/
    .offer-sec .offer-box-body {
        padding: 0px;
    }
    /********* ABOUT PRODUCT SECTION CSS START *********/
    .about-product-sec .about-product-card {
        padding: 15px;
        gap: 10px;
    }
    /********* TESTIMONIAL SECTION CSS START *********/
    .testimonial-sec .testimonial-card-wrp {
        margin: 0px 12%;
    }
    /********* PRODUCT PAGE CSS START *********/
    .package-checkbox input[type=checkbox]+.checkbox-label {
        padding: 12px;
    }
    .pdp-right-column .qnty-btn-wrp {
        gap: 10px;
    }
    .pdp-right-column .pro-features li:not(:last-of-type) a {
        border-right: 0;
        padding-right: 0;
    }
      .qnty-btn-wrp .cart-btn {
        margin-right: 10px;
    }

    /********* PRODUCT LIST PAGE CSS START *********/
    .product-list-view .product-card-inner .product-card-image {
        max-width: 180px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 180px;
                flex: 0 0 180px;
    }
    .product-list-view .product-card-inner .cart-btn {
        padding: 12px 10px;
    }
  .product-list-view .product-card-inner .product-content-top{
        max-width: 360px;
    flex: 0 0 360px;
  }
    .product-heading-column .filter-title h2 {
        font-size: 14px;
    }
    .canvas-leftbar .product-heading-row .row,
    .canvas-rightbar .product-heading-row .row,
    .product-filter-right-column .row.product-grid-view {
        margin: 0 -8px;
    }
    .canvas-leftbar .product-heading-row .row .product-heading-column,
    .canvas-leftbar .product-heading-row .row .product-heading-right-column,
    .canvas-rightbar .product-heading-row .row .product-heading-column,
    .canvas-rightbar .product-heading-row .row .product-heading-right-column,
    .product-filter-right-column .product-card {
        padding: 0 8px;
    }
    /********* canvas-leftbar *********/
    .canvas-leftbar .product-list-view .product-card-inner .product-content-top,
    .canvas-rightbar .product-list-view .product-card-inner .product-content-top {
        max-width: 570px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 570px;
                flex: 0 0 570px;
    }
    /********* BLOG PAGE CSS START *********/
    .blog-grid-sec .blg-recent .blog-itm .blog-image {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .blog-grid-sec .blg-elegant .product-card .cart-btn {
        padding: 12px;
        font-size: 0;
        gap: 0;
    }
    .elegant-slider .product-card .product-content .rating-wrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
    .elegant-slider .product-card .product-card-inner{
        padding: 10px;
    }
    .blog-rightbar .blog-card-inner .shop-btn-wrp {
        padding: 10px 45px 10px 14px;
        font-size: 12px;
    }
     .blog-rightbar .shop-btn-wrp .shop-arrow{
        height: 25px;
    width: 25px;
  }
  .blg-elegant .countdown-container.flip-countdown.countdown-block .counter .counter-dtl{
    display:none;
  }
     .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type):before,
   .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type)::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 3px;
        background-color: var(--black);
        right: -1px;
    }
   .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type)::after{
        top: 2px;
    }
    .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type):before{
        top: 10px;
    }
  .blg-elegant .product-card-one .deal-timeline .counter:not(:last-of-type){
        padding: 0 10px 0 0;
    }
  .blg-elegant .deal-timeline .count{
    font-size:14px;
  }
    /********* CONTACT STYLE TWO PAGE CSS START *********/
    .main-banner-sec .home-arrow-wrapper {
        margin: -8% auto 40px;
    }
    .testimonial-sec .testimonial-card .testimonial-quate-left, 
    .testimonial-sec .testimonial-card .testimonial-quate-right, 
    .testimonial-sec .testimonial-card .testimonial-right-img{
        max-width: 120px;
    }
    .collection-main-sec .collection-card .collection-card-image{
        width: 150px;
        height: 150px;
    }
    .collection-main-sec .collection-card{
        padding: 25px;
    }
    .collection-main-sec .collection-card .collection-content{
        max-width: 100%;
        margin: 30px 0 -45px;
    }
    .blog-rightbar .blog-card-inner .blog-content{
        right: 15px;
        left: 15px;
    }
    .article-section .articlebar h4 {
        font-size: 22px;
    }
    .offer-sec .offer-box-body::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #00000021;
        z-index: 2;
    }
    .offer-sec .row [class*="col-"]:nth-child(2) .offer-box-body .subtitle, .offer-sec .row [class*="col-"]:nth-child(2) .offer-box-body h2 b{
        color: var(--primary-color);
    }
    .offer-sec .offer-box-inner .subtitle {
        font-size: 16px;
    }

  /* blog sec css  */
  .blog-card-info {
    margin-bottom: 8px;
  }
  .blog-content h3{
    font-size:18px;
    margin:0 0 8px ;
  }
     .compare-pro-detail .prod-img a,
  .wishlist-pro-detail .prod-img a{
      padding-top:60%;
    }
}
@media screen and (max-width: 991px) {
  .site-header .nice-select-arrow:after {
      border-top: 1px solid var(--black) !important;
      border-left: 1px solid var(--black) !important;
  }
    .mobile-menu-wrapper .mobile-lag {
    padding: 15px 10px;
    gap: 20px;
    border-bottom: 1px solid var(--black);
}
  .mobile-lag .lang-dropdown {
    margin:0px;
    padding:0px;
  }
  .mobile-lag .nice-select {
     padding: 0 !important;
    border:none;
  }
  .mobile-lag .languages,
  .mobile-lag .currency {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0 1px 2px 1px #00000029;
    box-shadow: 0 1px 2px 1px #00000029;
    padding: 10px;
    border-radius: 5px;
}
  .mobile-lag .disclosure__list-wrapper {
    right:0px;
    min-width: auto;
    
  }
  .mobile-lag .nice-select .current, .nice-select .list {
    width: 100%;
    display: block;
    padding:0px;
}
  
    :root {
        --h1: normal 600 36px/1.1 var(--first-font);
        --h2: normal 600 32px/1.1 var(--second-font);
        --h3: normal 600 28px/1.1 var(--first-font);
        --h4: normal 600 22px/1.1 var(--first-font);
        --h5: normal 600 20px/1.1 var(--first-font);
    }
    .pb {
        padding-bottom: 40px;
    }
    .pt {
        padding-top: 40px;
    }
    .section-title {
        margin-bottom: 20px;
    }
    .offset-right {
        margin-right: 0;
    }
    /* ========header======== */
    .site-header .announcebar,
    .site-header .main-navigationbar .menu-items-col {
        display: none;
    }
    .header-style-three .form-input {
        display: none;
    }
    .header-style-three .search-header {
        display: block;
    }
    /****** Header style six ******/
    .header-style-two .logobar .form-input,
    .header-style-two .login-header,
    .header-style-two .main-navigationbar {
        display: none;
    }
    .header-style-two .search-header {
        display: block !important;
        margin-right: 15px;
    }
    .header-style-two .search-header>a {
        display: block;
    }
    .header-style-two .logobar .logo-item-col {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .header-style-two .logobar .logobar-inner .logobar-right>li>a {
        background-color: transparent;
        padding: 0;
        display: block;
    }
    .header-style-two .logobar .logobar-inner .logobar-right .cart-header .cart-dtl {
        display: none;
    }
    .site-header.header-style-two .logobar-inner li.login-header {
        display: none;
    }
    .site-header.header-style-two .logobar-inner li svg path {
        fill: var(--black);
    }
    .header-style-two .count {
        background-color: var(--primary-color);
    }
    /****** Header style seven ******/
    .header-style-three .main-navigationbar .menu-item-left,
    .header-style-three .header-topbar,
    .header-style-three .menu-item-right .search-header-wrp .form-input {
        display: none;
    }
    .header-style-three .menu-item-right .search-header-wrp .search-header {
        display: block;
    }
    .header-style-three .menu-item-right .search-header .mobile-search-header a {
        display: inline;
    }
   .footer-style-three .subscribe-form-wrapper input{
         padding: 7px 50px 7px 0;
   }
  
    /* footer css start */
    .site-footer {
        margin-top: 40px;
    }
    .site-footer .subscribe-form-wrapper .subscribe-btn {
        padding: 8px 12px;
    }
    .site-footer .footer-widget h2 {
        font: var(--h6);
    }
    .site-footer .footer-subscribe-col h2 {
        font: var(--h5);
        line-height: 1.4;
    }
    .site-footer .footer-logo {
        margin-bottom: 15px;
        max-width: 320px;
    }
    .site-footer .footer-col:not(:first-child),
    .footer-style-one .footer-col {
        padding-left: 20px;
    }
    .footer-style-one .footer-content {
        padding: 30px 15px;
    }
    .footer-style-one .footer-subscribe-col {
        max-width: 100%;
        margin-bottom: 8px;
    }
    .footer-style-one .footer-top .footer-widget h2 {
        padding-bottom: 10px;
    }
    .footer-style-one .footer-top {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }
    .footer-style-one::after,
    .footer-style-one .footer-top-title h2 {
        display: none;
    }
    /**** FOOTER STYLE THREE   ****/
    .footer-style-two,.footer-style-two::after {
        border-radius: 50px 0 0 0;
        -webkit-border-radius: 50px 0 0 0;
        -moz-border-radius: 50px 0 0 0;
        -ms-border-radius: 50px 0 0 0;
        -o-border-radius: 50px 0 0 0;
    }
    .footer-style-three .leaf {
        max-width: 100px;
        top: -90px;
    }
    .footer-style-two .footer-col.footer-subscribe-col {
        max-width: 240px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 240px;
                flex: 0 0 240px;
    }
    .footer-style-two .footer-address-col {
        max-width: 230px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 230px;
                flex: 0 0 230px;
    }
    /**** FOOTER STYLE FOUR   ****/
    .footer-style-one .subscribe-form-wrapper .subscribe-btn span{
        display: none;
    }
    .footer-style-two .subscribe-form-wrapper input{
        padding: 12px 52px 12px 12px;
    }
    /* search-popup css start */
    .search-popup .search-popup-wrapper .search-form,
    .search-popup .search-popup-wrapper .search-result {
        max-width: calc(100% - 30px);
    }
    .search-popup .search-popup-wrapper .common-close {
        right: 15px;
        top: 15px;
        width: 18px;
        height: 18px;
    }
  .search-popup {
    padding: 50px 15px 20px;
  }
    /********* MAIN BANNER SECTION CSS START *********/
    .main-banner-sec .banner-content-wrapper {
        padding: 100px 0 130px;
    }
    .main-banner-sec .main-banner-bg::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #00000017;
        z-index: -1;
    }
    .main-banner-sec .banner-content-wrapper p {
        font-size: 16px;
      
    }
    .banner-bg-item {
        right: 75px;
        bottom: 0;
    }
    .main-banner-sec .home-arrow-wrapper {
        margin: -10% auto 40px;
    }
    .main-banner-sec .banner-content-wrapper::before{
        bottom: 70px;
        right: 220px;
    }
    .main-banner-sec .home-arrow-wrapper .home-arrow-next, .main-banner-sec .home-arrow-wrapper .home-arrow-prev {
        width: 35px;
        height: 35px;
    }
    .partner-logo-sec .partner-logo-img {
        max-width: 150px;
    }
    /********* CATEGORY SECTION CSS START *********/
    .category-sec .leaf-1,
    .testimonial-sec .leaf-1 {
        display: none;
    }
    /********* OFFER SECTION CSS START *********/
    .offer-sec .offer-box-body {
        padding: 0px;
    }
    /********* PRODUCT SECTION CSS START *********/
    .product-card-one .product-content .add-to-cart .btn {
        font-size: 0px;
        gap: 0px;
        padding: 10px;
    }
    .product-card .time-counter .deal-timeline svg {
        display: block;
    }
 .blog-leftbar  .product-card .time-counter .deal-timeline svg{
      display:none;
  }
    .product-card .deal-timeline .counter-dtl {
        display: none;
    }
    .product-card-one .deal-timeline .counter:not(:last-of-type){
        padding: 0 10px 0 0;
    }
    .product-card-one .time-counter .counter:not(:last-of-type):before,
    .product-card-one .time-counter .counter:not(:last-of-type)::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 3px;
        background-color: var(--black);
        right: -1px;
    }
    .product-card-one .time-counter .counter:not(:last-of-type)::after{
        top: 2px;
    }
    .product-card-one .time-counter .counter:not(:last-of-type):before{
        top: 10px;
    }
    /********* ABOUT PRODUCT SECTION CSS START *********/
    .about-product-sec .about-product-bottom {
        padding: 15px;
    }
    .about-product-sec .about-product-inner .row {
        gap: 15px 0;
    }
    .about-product-sec .about-product-inner {
        max-width: 100%;
    }
    .about-product-sec .section-title {
        margin-bottom: 30px;
    }
    .about-product-sec .about-product-bottom .about-product-bg {
        max-width: 270px;
    }
    .about-product-sec .about-product-bottom .about-product-image {
        max-width: 370px;
    }
    .counter-inner-wrapper .counter-center {
        padding-top: 100%;
    }
    /********* COUNTER SECTION CSS START *********/
    .counter-sec .time-counter {
        margin-top: 0;
    }
    /********* SERVICE SECTION CSS START *********/
    .service-sec {
        margin-bottom: 40px;
    }
    /********* TESTIMONIAL SECTION CSS START *********/
    .testimonial-sec .testimonial-card .testimonial-quate-left,
    .testimonial-sec .testimonial-card .testimonial-quate-right 
     {
        display: none;
    }
    .testimonial-sec .testimonial-card .testimonial-right-img{
        max-width: 80px;
        top: -30px;
    }
    /***** common-banner-sec css start *****/
    .common-banner-sec {
        padding: 70px 0;
    }
    /***** register-page css start *****/
    .register-page .shop-btn {
        margin-top: 20px;
    }
  .contact-slider .contact-arrow-wrapper{
  display:block;
}
    /********* PRODUCT PAGE CSS START *********/
    .sticky-pro-inner .text-checkbox {
        display: none;
    }
    .pdp-right-column .size-select::after {
        display: none;
    }
    .pdp-right-column .size-select {
        padding-right: 0;
    }
    .pdp-right-column .select-wrp {
        gap: 10px;
    }
    .pdp-right-column .pro-service a,
    .pdp-right-column .pro-service .delivery,
    .pdp-right-column .pro-features li a {
        font-size: 14px;
    }
    .pdp-right-column .pdp-payment .payment-wrp img {
        max-width: 40px;
        width: 100%;
    }
    .pdp-right-column .deal-timeline>span {
        display: none;
    }
    .pdp-tab-sec .pdp-tab-inner {
        padding: 20px;
    }
    .pdp-tab-sec ul.tabs li a {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .pdp-tab-sec ul.tabs {
        margin-bottom: 20px;
        gap: 15px;
    }
    .left-mainslider,
    .right-mainslider {
        max-width: 100%;
    }
    .left-thumbslider,
    .right-thumbslider {
        padding-right: 0;
        max-width: 100%;
        margin-top: 20px;
    }
    .right-thumbslider {
        padding-left: 0;
    }
    .pdp-tab-sec .leaf-2{
        display: none;
    }
    /********* PRODUCT LIST PAGE CSS START *********/
     .filter-list-wrp ul li:not(.two-grid-view), .product-heading-right-column .filter-list-wrp p {
    display: none;
}
  .product-filter-right-column .product-list-view .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
  .product-filter-right-column .product-list-view .product-card .product-card-inner {
    padding: 15px;
    border: 1px solid var(--border-color);
    width: 100%;
}
  .product-list-view .product-card-inner .product-card-image, .product-list-view .product-card-inner .product-content-bottom {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
  .product-list-view .product-card-inner .product-card-image{
      margin-bottom: 0;
  }
  .product-list-view .product-card-inner .img-wrapper {
    padding-top: 90%;
}
  .product-list-view .product-card-inner .product-content-top,
   .canvas-leftbar .product-list-view .product-card-inner .product-content-top,
    .canvas-rightbar .product-list-view .product-card-inner .product-content-top{
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0;
    height: auto;
}
  .product-list-view .product-card .product-card-inner .pro-label {
    position: absolute;
    top: 25px;
    left: 25px;
}
  .product-list-view .product-card-inner .product-card-image, .product-list-view .product-card-inner .product-content-bottom {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
  .product-list-view .product-card-inner .product-content-bottom .rating-wrapper, .product-list-view .product-card .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
  .product-list-view .product-card .product-card-inner .pro-btn-wrapper, .product-list-view .product-content-bottom .color-variant-swatch {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
  .product-list-view .product-content-bottom .product-form button{
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
  .product-heading-column .filter-title {
    padding:14px;
  }
  .product-heading-right-column .product-sorting-row {
    padding:4px;
  }
    /********* ABOUT PAGE CSS START *********/
      /**** ABOUT PAGE CSS START ****/
  .about-us-page .about-left-inner .section-title {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .about-us-page .about-left-inner .section-title h2 {
    margin-bottom: 20px;
  }
  .about-counter-sec .counting {
    font-size: 34px;
  }  
  /**** ABOUT PAGE CSS END ****/
    /**** CONTACT PAGE CSS START ****/
  .contact-about-sec {
    margin-bottom: 0px;
  }
  .contact-direction-sec {
    padding: 50px 0px 0;
  }
  .contact-right-inner {
    margin-bottom: -300px;
  }
  /**** CONTACT PAGE CSS END ****/
    /**** CART PAGE CSS START ****/
    .cart-page-sec .coupon-text-btn-wrp {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .cart-page-sec .coupon-table {
        gap: 15px;
    }
  .cart-table tr td:nth-child(2) {
    width: 47%;
}
    /**** WISHLIST CSS START ****/
    .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label,
    .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label,
    .pro-compare-wrap .pro-compare-left .compare-title,
    .pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
        max-width: 20%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
    }
    .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label.compare-pro-detail,
    .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label.wishlist-pro-detail,
    .pro-compare-wrap .pro-compare-left .compare-detail.compare-title,
    .pro-wishlist-wrap .pro-wishlist-left .compare-deatil.wishlist-title {
        max-width: 40%;
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%;
    }
    .compare-pro-detail .prod-img a,
    .wishlist-pro-detail .prod-img a {
        padding-top: 100%;
    }
    .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label .btn-secondary,
    .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label .btn-secondary {
        padding: 11px 15px;
    }
    /** FAQ STYLE TWO CSS START**/
    /**** CMS PAGE CSS START ****/
    .cms-page ul {
        padding-left: 3px;
    }
    /**** MY ACCOUNT PAGE CSS START ****/
    .my-acc-sec .order-history-frame {
        margin-bottom: 25px;
    }
    .counter-sec .counter-inner .conter-content h3 {
        font-size: 16px;
    }
    .common-banner-sec.article-banner-sec{
        padding: 40px 0;
    }
    .article-section .articlebar .quote-box h5 {
        font-size: 20px;
    }
    .articlebar .quote-box {
        padding-left: 15px;
    }
    .footer-style-one .footer-subscribe-col .footer-widget{
        max-width: 500px;
        width: 100%;
        margin:0 auto 0px;
    }
      .category-sec .category-card .category-card-image {
        width: 90px;
        height: 90px;
    }
  .mobile-lag .nice-select-arrow:after {
    top: 10%;
  }
}
@media screen and (max-width: 767px) {
  .site-header .main-navigationbar {
    padding: 10px 0;
}
   .compare-data-label::before,
  .wishlist-data-label::before {
    content: attr(data-label);
    display: block;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--theme-color);
  }
  .pro-compare-sec .compare-data-label::before,
  .pro-wishlist-sec .wishlist-data-label::before {
    display:none;
  }
  .qv-pro-slider-img{
    padding-top:112%;
  }
    .grid-gallery .product-main-item {
      display: none;
    }
    .order-address-inner br {
      display: block;
    }
    .size-table-wrapper {
      max-width:100%;
      padding:15px;
    }
    .progress-wrap {
      bottom: 90px;
    } 
    :root {
        --h1: normal 600 32px/1.1 var(--first-font);
        --h2: normal 600 28px/1.1 var(--second-font);
        --h3: normal 600 24px/1.1 var(--first-font);
        --h4: normal 600 20px/1.1 var(--first-font);
        --h5: normal 600 18px/1.1 var(--first-font);
    }
    .pb {
        padding-bottom: 30px;
    }
    .pt {
        padding-top: 30px;
    }
    .swiper-button-prev,
    .swiper-button-next {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    .price ins,.cart-page-sec .subtotal .price ins {
        font-size: 18px;
    }
    ul.tabs {
        gap: 7px;
    }
    .btn,
    .btn-secondary {
        padding: 10px 18px;
        font-size: 14px;
    }
    .subtitle {
        font-size: 14px;
      margin-bottom:8px;
    }
    .mobile-stickybar {
        display: block;
    }
    .scroll-progress {
        display: none;
    }
    .subscribe-popup {
        max-width: calc(100% - 30px);
    }
  .subscribe-popup .subscribe-wrapper .section-title, .subscribe-popup .subscribe-wrapper p {
    margin-bottom: 10px;
}
    .form-control,
    input:not([type="submit"]),
    input:not([type="checkbox"]),
    input:not([type="button"]),
    input:not([type="radio"]),
    select,
    textarea {
        padding: 10px;
    }
    .swiper-button-prev,
    .swiper-button-next {
        height: 35px;
        width: 35px;
    }
    .mobile-menu-wrapper .mobile-menu-bar>ul>li a {
        font-size: 16px;
    }
    /* ========header======== */
    .site-header .menu-item-right {
        gap: 12px;
    }
    .announce-close-wrp span {
        display: none;
    }
    .footer-style-three .footer-top .subscribe-form-wrapper {
        max-width: 200px;
        width: 100%;
    }
    /* QUICK-VIEW POPUP CSS START */
  
    .qv_slider {
        max-width: 500px;
        width: 100%;
    }
    .quick-view-right .quickview-card .quickview-card-image {
        padding-top: 94%;
    }
    .quick-view-left-inner {
        padding: 15px;
    }
    .quick-view-left .select-material-grp .radio-buttons {
        gap: 10px;
    }
    .quick-view-left .qty-spinner {
        height: 32px;
    }
    .quick-view-left .price ins {
        font-size: 20px;
    }
    .cookie-popup .cookie-inner {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }
    /* footer css start */
    .index .site-footer {
        margin: 30px 0 60px 0;
    }
    .product .site-footer {
        margin-bottom: 74px;
    }
    .site-footer {
        margin-top: 40px;
    }
    .footer-style-one .footer-top .footer-social-icon-wrp .footer-widget h2 {
        display: none;
    }
    .site-footer .footer-logo {
        margin: 0 auto 8px;
    }
    .site-footer .footer-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-left: 0px;
    }
    .site-footer .footer-subscribe-col h2 {
        font: var(--h6);
    }
    .site-footer .footer-subscribe-col .footer-newsletter {
        display: none;
    }
    .site-footer .subscribe-form-wrapper input {
        padding: 10px 55px 10px 10px;
    }
    .footer-style-three .subscribe-form-wrapper input {
        padding:7px 50px 7px 0;
    }
    .site-footer .footer-widget h2 {
        padding: 0;
        position: relative;
        line-height: normal;
    }
    .footer-row .footer-col {
        padding: 0 0 10px;
    }
    .site-footer .footer-social-icon li a {
        width: 30px;
        height: 30px;
    }
    .footer-col .footer-mobile.is_open>.acnav-label .menu-open-arrow {
        display: none;
    }
    .footer-col .footer-mobile.is_open>.acnav-label .close-menu-ioc {
        display: block;
    }
    .footer-row .acnav-list1 {
        display: none;
        padding-top: 10px;
    }
    .site-footer .footer-bottom-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 10px;
        text-align: center;
    }
    .site-footer .footer-col:not(:first-child) {
        padding-left: 0px;
    }
    .site-footer .footer-col:last-child {
        padding-bottom: 20px;
    }
    .site-footer .footer-row {
        padding: 15px 0 0;
    }
    .site-footer .footer-col .footer-widget .acnav-label1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .site-footer .footer-col .footer-widget .acnav-label1 span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: block;
    }
    .site-footer .footer-col .footer-widget .acnav-label1 svg {
        margin-left: 10px;
    }
    .site-footer .footer-col .is_open>.acnav-label1>svg {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .site-footer .footer-bg {
        display: none;
    }
    .footer-style-one .footer-content {
        padding: 20px 15px;
    }
    .footer-style-one .footer-col:last-child {
        padding-bottom: 0px;
    }
    .footer-style-one .footer-top .footer-widget h2{
    padding:0;
  }
    /**** FOOTER STYLE THREE   ****/
    .footer-style-two .footer-social-icon {
        margin-top: 0;
    }
    .footer-style-two,
    .footer-style-two::after {
        border-radius: 0px 0 0 0;
        -webkit-border-radius: 0px 0 0 0;
        -moz-border-radius: 0px 0 0 0;
        -ms-border-radius: 0px 0 0 0;
        -o-border-radius: 0px 0 0 0;
    }
    .footer-style-two .footer-address-col {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .footer-style-two .footer-contacts>li>p {
        margin-bottom: 15px;
    }
    .footer-style-two .footer-col.footer-subscribe-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-style-two .footer-subscribe-col .acnav-label1 {
        display: block;
    }
    .site-footer .footer-bottom {
        padding: 10px 0px;
    }
    .footer-style-two .footer-col-links svg,
    .footer-style-three .footer-col-links svg {
        max-width: 18px;
        height: 18px;
    }
    /****** FOOTER STYLE three *********/
    .footer-style-three {
        padding-top: 30px;
    }
    .footer-style-three .footer-col .footer-widget>p {
        text-align: center;
        margin-bottom: 15px;
    }
    /**** CART SIDE BAR CSS ****/
    .gift-popup .gift-body {
        padding: 20px 15px 15px;
    }
    .coupon-popup .coupon-body .coupon-code {
        margin-bottom: 0;
    }
    .coupon-popup,
    .gift-popup {
        width: 100%;
    }
    .cartdrawer .minicart-btn-wrapper .cart-bottom-btn {
        padding: 15px 18px;
    }
    .cartdrawer .mini-cart-container {
        border-bottom: 2px solid var(--border-color);
        padding: 0 15px;
    }
    .cartdrawer .mini-cart-footer .u-save {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .cartdrawer .mini-cart-footer .checkout-btn {
        max-width: 100%;
        padding: 12px 11px;
    }
    .cartdrawer .closecart {
        width: 15px;
        height: 22px;
    }
    .cartdrawer .mini-cart-body,
    .coupon-popup .coupon-body {
        padding:20px 14px 15px;
    }
    .cartdrawer .mini-cart-footer .cart-footer-top {
        padding: 15px 15px;
    }
    .cartdrawer .free-shipping-txt {
        font-size: 14px;
    }
    .cartdrawer .mini-cart-header {
        padding: 16px 0px 16px 0px;
        border-bottom: 0;
    }
    .cartdrawer .closecart svg path {
        fill: var(--black);
    }
    .cartdrawer .mini-cart-footer-total-row {
        font-size: 18px;
        line-height: 18px;
    }
    .cartdrawer .mini-cart-footer .mini-cart-top {
        padding: 15px;
    }
    /* search-popup css start */
    .search-popup .search-top .section-title h2 {
        max-width: 100%;
    }
    /********* CATEGORY SECTION CSS START *********/
    .leaf {
        display: none;
    }
    .footer-style-three .leaf {
        top: -75px;
        display: block;
        max-width: 80px;
    }
    .shop-btn-wrp {
        padding: 12px 50px 12px 14px;
    }
    .offer-sec .offer-box-inner .shop-btn-wrp {
    max-width: 130px;
    }
    .shop-btn-wrp .shop-arrow {
        height: 30px;
        width: 30px;
    }
    .category-sec .section-title h2 {
        max-width: 300px;
    }
    /********* MAIN BANNER SECTION CSS START *********/
    .main-banner-sec .banner-content-wrapper {
        max-width: 100%;
        padding: 70px 0 120px;
    }
    .banner-bg-item,
    .banner-leaf,
    .main-banner-sec .banner-content-wrapper .section-title::after,
    .main-banner-sec .banner-content-wrapper::before,
    .special-menu {
        display: none;
    }
    .main-banner-sec .home-arrow-wrapper {
      margin: -10% auto 20px;
    }
      .main-banner-sec .banner-content-wrapper .section-title {
        margin-bottom: 7px;
    }
    /********* OFFER SECTION CSS START *********/
    .offer-sec .row {
        gap: 20px;
    }
    /********* PRODUCT SECTION CSS START *********/
    .product-card .product-card-inner .pro-btn-wrapper {
        opacity: 1;
        visibility: visible;
        gap: 7px;
    }
    .product-card:hover .product-label-wrp,
    .product-card:hover .time-counter {
        opacity: 1;
        visibility: visible;
    }
    .product-card .cart-btn-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        opacity: 1;
        visibility: visible;
    }
    .product-card .cart-btn-content a {
        font-size: 0;
    }
    .product-card .time-counter .deal-timeline {
        -webkit-box-shadow: 0px 0px 3px var(--border-color);
                box-shadow: 0px 0px 3px var(--border-color);
        padding: 10px;
    }
    .product-card .product-card-inner .pro-btn-wrapper .pro-btn{
        transform: translatey(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .product-card-one .time-counter {
        bottom: 15%;
    }
    .about-product-sec .about-product-bottom .about-product-bg,
    .about-product-sec .about-product-bottom .about-product-image {
        display: none;
    }
  .about-product-sec .section-title{
    max-width:100%;
    text-align:center;
    margin-bottom:15px;
  }
    /********* COUNTER SECTION CSS START *********/
    .counter-sec .counter-inner {
        padding: 30px 15px;
    }
    .counter-sec .counter-inner .counter-center {
        display: none;
    }
    .counter-sec .counter-inner .conter-left {
        text-align: left;
    }
    .counter-sec .counter-inner .conter-details li {
        margin-bottom: 20px;
    }
    .counter-sec .counter-inner .conter-left li {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
    .counter-sec .counter-inner .conter-content {
        max-width: 100%;
    }
    .counter-sec .deal-timeline .counter {
        height: auto;
        width: auto;
        background: none;
        padding-right: 5px;
    }
    .counter-sec .deal-timeline .counter-dtl,
    .counter-arrow,
    .counter-star {
        display: none;
    }
    .counter-sec .deal-timeline .counter:not(:last-of-type)::before,
    .counter-sec .deal-timeline .counter:not(:last-of-type)::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 3px;
        background-color: var(--black);
        right: -7px;
        border-radius: 100%;
        overflow: hidden;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        bottom: 2px;
    }
    .counter-sec .deal-timeline .counter:not(:last-of-type)::after {
        top: 2px;
    }
    /********* SERVICE SECTION CSS START *********/
    .service-sec {
        margin-bottom: 30px;
    }
    .service-sec .service-slider {
        padding: 20px 10px;
    }
    /********* TESTIMONIAL SECTION CSS START *********/
    .testimonial-sec .testimonial-card-wrp {
        margin: 0px;
    }
    .testimonial-sec .testimonial-card {
        padding: 15px;
    }
    .testimonial-sec .testimonial-image {
        width: 100px;
        height: 100px;
    }
    .testimonial-content-slider .testimonial-content h3,.testimonial-content-slider .testimonial-content span{
        margin-bottom: 5px;
    }
    /********* PARTNER LOGO SECTION CSS START *********/
    .partner-logo-sec .section-title {
        margin-bottom: 20px;
        text-align: center;
        max-width: 100%;
    }
  .partner-logo-sec .section-title h2{
    margin-bottom:7px;
  }
     .partner-logo-sec .section-title h2 b {
        display:inline;
    }
    .partner-logo-sec .partner-logo-img {
        max-width: 120px;
    }
    .partner-logo-slider .swiper-wrapper{
        padding-bottom: 40px;
    }
    .parner-logo-bg1,
    .parner-logo-bg2 {
        display: none;
    }
    .partner-logo-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .partner-logo-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
    .partner-logo-slider .swiper-pagination-bullet-active {
        outline: 3px solid var(--secondary-color);
    }
    /***** HOME BLOG SECTION CSS START *****/
    .home-blog-sec .arrow-header {
        margin-bottom: 20px;
    }
    .blog-bg-star {
        display: none;
    }
    .blog-card-one .blog-content {
        right: 15px;
        left: 15px;
    }
    /***** common-banner-sec css start *****/
    .common-banner-sec {
        padding: 50px 0;
    }
    .common-banner-sec .common-banner-content {
        text-align: center;
    }
  .common-banner-content .section-title {
    margin: 0 auto 8px;
  }
    .common-banner-sec .filter-cat {
      margin-bottom:8px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .common-banner-sec .filter-cat .home-icon {
        height: 35px;
        width: 35px;
    }
    .common-banner-sec .filter-cat .home-icon svg {
        height: 20px;
        width: 20px;
    }
    /**** LOGIN PAGE CSS START ****/
    .register-page .account-info-icon li a {
        height: 50px;
        width: 50px;
    }
    .register-page .account-info-icon li a svg {
        height: 22px;
        width: 22px;
    }
    .register-page .login-form-inner .form-container .forgot-pass {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-justify-content: center;
    }
    .login-page .login-left-inner {
        margin-bottom: 30px;
    }
    .register-page .login-form-inner {
        padding: 15px;
    }
    .register-page .form-container .btn,
    .register-page .login-form-inner .create-btn {
        width: auto;
        font-size: 14px;
    }
    .register-page .login-btn-wrp, .register-page .account-btn {
        text-align: center;
    }
    .register-page .login-right-inner .login-right-top {
        padding: 0 0 20px 0;
    }
    .register-page .login-right-inner .login-right-bottom {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        padding: 15px;
    }
    /**** LOGIN PAGE CSS END ****/
    /***** product page css start *****/
    .delivery-popup-inner,
    .ask-qus-inner {
        max-width:100%;
    }
    .sticky-pro-inner .sticky-image {
        display: none;
    }
    .pdp-page-main-sec .pdp-right-column {
        margin-top: 20px;
    }
    .package-checkbox input[type=checkbox]+.checkbox-label {
        padding: 10px;
    }
    .pdp-tab-sec .pdp-tab-inner,
    .pdp-tab-sec .tabs-container #pdp-tab-1 p,
    .pdp-tab-sec .tabs-container .pdp-description,
    .pdp-tab-sec .product-review-form.showform {
        padding: 15px;
    }
    .pdp-tab-sec .tabs-container #pdp-tab-2 ul li:not(:last-of-type) {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .related-product-sec .section-title .arrow {
        display: none;
    }
    .pdp-page-main-sec .pdp-left-column {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
  .pdp-page-main-sec .pdp-thumb-image{
    padding-top:25%;
  }
  .jdgm-write-rev-link.jdgm-write-rev-link{
    max-width:200px;
    width:100%;
  }
    /**** PRODUCT-LIST PAGE CSS START ****/
  .canvas-leftbar .filter-column-title, .canvas-rightbar .filter-column-title {
    display: none !important;
}
  .filter-title .icon {
    display: block;
    max-width: 25px;
    margin: 0 auto;
  }
  .filter-title .filter-ic {
    max-width: 35px;
    border: 1px solid var(--second-color);
    padding: 2px;
    display: block;
  }
  .product-heading-column .filter-title h4{
    display: none;
  }
  .product-heading-column .filter-title{
    display: none;
  }
  .canvas-rightbar menu-drawer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: end;
  }
  .filter-open .product-filter-column {
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: auto;
    height: 100%;
  }
  .mobile-facets__open .icon {
    display: block;
    margin: 0 auto;
    width:20px;
    height:20px;
  }
  .mobile-facets__open{
    display: block;
    max-width: 35px;
    padding: 6px;
    background-color: var(--white);
    border: 1px solid var(--border-color);
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }
  .product-heading-column .mobile-facets__open-wrapper{
    display: block;
    padding: 0;
    border: 0;
  }
  .mobile-facets{
    position: fixed;
    top: 0;
    background: var(--white);
    left: 0;
    max-width: 300px;
    width:100%;
    height: 100%;
    z-index: 6;
    overflow: hidden;
    transform: translate(-100%, 0px);
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
  }
  .mobile-open .mobile-facets{
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: auto;
    height: 100%;
  }
  .mobile-facets__open svg path {
    fill: var(--black);
  }
  .row .product-filter-column {
    padding: 0 !important;
}
  .product-filter-body {
    height:100%;
    padding: 40px 15px 0px 15px;
    color:var(--black);
    border: 0;
    margin-top: 0px;
 border-radius: 0;
  }
  .close-filter {
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    top: 0px;
    right: auto;
    left: 0px;
    z-index: 101;
    width: 30px;
    height: 30px;
    padding: 7px;
    opacity: 0;
    transition: opacity .4s ease;
    background: var(--theme-color);
    pointer-events: none;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
  }
   .collection-rightbar .close-filter,
   .canvas-rightbar .close-filter{
     left:auto;
     right:0px;
   }
   .collection-rightbar .mobile-facets,   
   .canvas-rightbar .mobile-facets{
      left:auto;
      right:0px;
      -webkit-transform: translate(100%, 0px);
      -ms-transform: translate(100%, 0px);
      transform: translate(100%, 0px);
   }
 .mobile-open  .collection-rightbar .mobile-facets,  .mobile-open .canvas-rightbar .mobile-facets{
   -ms-transform: translate(0);
   -webkit-transform: translate(0);
   transform: translate(0);
 }
  .mobile-open .close-filter {
    opacity: 1;
    pointer-events: visible;
   }
  .close-filter svg {
    height: 100%;
    width: 100%;
  }
  .close-filter svg path {
    fill: var(--white);
  }
  .product-widget>.pro-itm>.acnav-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 }
  .product-widget .acnav-label:after{
    display: none;
  }
  .product-filter-body .close-filter {
    display: block;
    border-radius: 0 0 50% 50%;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    -ms-border-radius: 0 0 50% 50%;
    -o-border-radius: 0 0 50% 50%;
    background: var(--primary-color);
  }
  .filter-list-wrp {
      display: none;
  }
  .product-listing-section .product-heading-row .row {
    border: 1px solid var(--border-color);
    background-color: var(--primary-light-color);
    padding: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
  .product-heading-right-column .product-sorting-row {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    border: 0;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
    .product-widget {
        padding:0;
    }

    #third-tab1 .product-card-inner {
        border: 1px solid var(--border-color);
    }

    /**** canvas leftbar ******/
    .canvas-leftbar .product-list-row .product-filter-column,
    .canvas-rightbar .product-list-row .product-filter-column {
        display: block;
    }

    .collection-rightbar .filter-title .filter-ic,
    .canvas-rightbar .filter-title .filter-ic {
        margin-left: auto;
    }

    .collection-rightbar .product-heading-right-column .product-sorting-row,
    .canvas-rightbar .product-heading-right-column .product-sorting-row {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .product-listing-section .product-heading-row .row {
        border: 1px solid var(--border-color);
        margin: 0;
        padding: 10px;
    }

    .product-listing-section .product-heading-row .row [class*="col-"] {
        padding: 0;
    }
       .small-hide, .medium-hide {
          display: none!important;
        }
        .product-filter-right-column {
          width:100%;
        }
    /**** PRODUCT-LIST PAGE CSS END ****/
      /*** ABOUT PAGE CSS ****/
  .about-us-section .about-us-box {
    margin-bottom: 20px;
  } 
  /*** ABOUT PAGE CSS end****/
      /**** CART PAGE CSS START ****/
  .cart-table tr th, .cart-table tr td{
    text-align: center;
  }
  .cart-table tr td.cart-item__quantity{
    padding : 0 10px ;
  }
  .cart-table .price, .cart-table .product-option, .cart-table tr td .quantity-wrp{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cart-table .qty-spinner{
    margin: 0;
  }
  .cart-table{
    border: 1px solid var(--border-color);
  }
    .cart-table tr td:nth-child(2) {
    width: 100%;
}
   .cart-table tr td:before{
    display:none;
  }
  /**** CART PAGE CSS START ****/
    /**** WISHLIST CSS START ****/
    .pro-compare-left,
    .pro-wishlist-left,
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        display: none;
    }
    .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label,
    .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label.compare-pro-detail,
    .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label,
    .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label.wishlist-pro-detail {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0;
    }
    .pro-compare-scroll .compare-wrap .compare-val-prod,
    .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
        display: block;
    }
    .compare-pro-detail .prod-img a,
    .wishlist-pro-detail .prod-img a {
        padding-top: 30%;
    }
    .compare-data-label,
    .wishlist-data-label {
        margin-bottom: 15px;
    }
    .compare-pro-detail .compare-val-prod .prod-title,
    .wishlist-pro-detail .wishlist-val-prod .prod-title {
        font-size: 18px;
    }
    .pro-compare-right,
    .pro-wishlist-right {
        border: 1px solid var(--border-color);
        border-radius: 10px;
    }
    .compare-wrap,
    .wishlist-wrap {
        padding: 20px 15px 0;
    }
    /**** WISHLIST CSS END ****/
    /**** ADDRESS PAGE CSS START ****/
    .add-primary {
        margin-bottom: 20px;
    }
    .my-add-sec .adress-main-list {
        margin: 20px 0 0;
    }
    .faq-page .faq-acnav .set:not(:last-of-type) {
        margin-bottom: 15px;
      }
    /**** SHIPPING PAGE CSS START ****/
    .shipping-page table tr th,
    .shipping-page table tr td {
        text-align: center;
    }
    .shipping-page .shipping-tbl {
        max-width: 100%;
    }
    .cms-page p {
        padding-left: 0px;
    }
    /**** ACCOUNT PAGE CSS START ****/
    .my-acc-sec .account-details ul li label {
        max-width: 100%;
        margin-bottom: 5px;
    }
    .my-acc-sec .account-details ul li {
        padding: 10px 0px;
    }
    .my-acc-sec .acc-btn-wrp {
        margin-top: 20px;
    }
    .my-acc-sec table tr {
        padding: 5px 0px;
        border: 0;
    }
    .my-acc-sec table tr:not(:last-of-type) {
        border-bottom: 1px solid var(--border-color);
    }
    /* ORDER PAGE CSS START */
    .order-main-sec .order-title {
        margin-bottom: 20px;
        text-align: center;
    }
    /* ERROR PAGE CSS START */
    .error-main-sec .eroor-content .large-text {
        font-size: 70px;
    }
    .subscribe-popup .subscribe-inner {
        padding: 15px 14px;
    }
    .subscribe-popup .subscribe-wrapper .newsletter-image {
        height: 70px;
        width: 70px;
    }
    .collection-main-sec .collection-card{
        margin-bottom: 45px;
    }
    .articlebar .section-title {
        max-width: 70%;
    }
    .articlebar p {
        margin-bottom: 15px;
    }
    .articlebar .art-top-heading {
        margin-bottom: 20px;
    }
    .articlebar .art-auther ,.articlebar h4, .articlebar h5{
        margin-bottom: 15px;
    }
    .articlebar .quote-box {
        margin-bottom: 20px;
    }
    .articlebar .art-tags-icons-wrp .tags-ul li {
        padding: 2px 10px;
    }
    .articlebar .art-tags-icons-wrp label {
        margin-right: 10px;
    }
    .articlebar .art-tags-icons-wrp {
        padding: 10px;
        margin-bottom: 20px;
    }.articlebar .comment-form {
        max-width: 100%;
        padding: 15px;
    }
    .articlebar .comment-form .form-group .form-control{
        font-size: 14px;
    }
    .common-banner-sec.article-banner-sec .filter-cat a,
    .common-banner-sec.article-banner-sec .filter-cat li:first-of-type ::after,
    .common-banner-sec.article-banner-sec .filter-cat li:not(:last-child):after{
        font-size: 14px;
    }
    .article-banner-sec .common-banner-content {
        margin-bottom: 20px;
    }
    .contact-right-column {
        margin-top: 0;
      }
      .contact-left-inner ul li h5 {
        margin-bottom: 10px;
      }
      .contact-left-inner ul .social-link {
        margin-bottom: 20px;
      }
      .contact-right-inner {
        margin-bottom: 0px;
        margin-top: 10px;
      }
      .contact-direction-sec {
        padding: 40px 0px 0;
      }
      .contact-about-sec .contact-slider-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
      }
      .contact-about-sec .contact-slider-content{
        text-align: center;
      }
      .common-banner-sec .filter-cat a {
        font-size: 14px;
      }
      .common-banner-sec .filter-cat li:not(:last-child):after, .cart-banner-sec .filter-cat li:not(:last-child):after{
          font-size: 14px;
      }
      .compare-wrap:last-of-type,
      .wishlist-wrap:last-of-type{
          border-bottom: 0;
      }
      .counter-inner-wrapper .row {
          margin-bottom: 0px;
      }
      /* cms-page */
      table.shipping-tbl tr:not(:last-of-type) {
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 5px;
        margin-bottom: 5px;
      }
      table.shipping-tbl tr td {
        text-align: right;
      }
      table.shipping-tbl tr td:before {
        content: attr(data-label) " : ";
        float: left;
        text-align: left;
        font-weight: 600;
      }
    /* size-popup table  */
    .size-popup table tr {
      padding: 10px 0;
    }
  .size-popup .size-form .size-form-inner {
  padding:15px;
  }
  .size-popup .size-form h4{
    margin-bottom:10px;
  }
    .size-popup table tr:not(:last-of-type) {
      border-bottom: 1px solid var(--border-color);
    }
    .size-popup table tr td {
      padding: 0 0 5px 0;
      text-align: right;
    }
    .size-popup table tr td:before {
      content: attr(data-label) " : ";
      float: left;
      text-transform:capitalize;
    }
  .offer-sec .offer-box-inner h2{
    margin-bottom:15px;
  }
  /* blog sec css  */
  .blog-arrow.swiper-button-prev,
  .blog-arrow.swiper-button-next{
    top:30%;
  }
  /* blog page css  */
  .blog-leftbar .time-counter .deal-timeline .counter .count{
    font-size:12px;
  }
  .blog-grid-sec .blog-leftbar .blg-elegant .elegant-products{
    padding:10px;
  }
   .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type):before,
   .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type)::after{
     width:2px;
     height:2px;
   }
  .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type)::before{
    top : 7px;
  }
  .blg-elegant .product-card-one .time-counter .counter:not(:last-of-type)::after{
    top : 3px;
  }
      .blog-leftbar .product-card-one .time-counter {
        bottom: 5px;
    }
 .blog-leftbar .product-card .time-counter .deal-timeline{
    padding:7px 10px;
  }
}
@media screen and (max-width: 575px) {
    :root {
        --h1: normal 600 30px/1.1 var(--first-font);
        --h2: normal 600 24px/1.1 var(--second-font);
        --h3: normal 600 20px/1.1 var(--first-font);
    }
  .add-details .order-address-inner {
    margin-bottom: 20px;
}
  .out-of-stock-form {
      max-width: calc(100% - 30px);
      padding: 50px 20px;
   }
  .progress-wrap {
  right: 5px;
  bottom: 105px;
  height: 40px;
  width: 40px;
}
    .reset-pass-wrp .section-title h2 {
    margin-bottom: 15px;
    font-size: 23px;
  }
    .arrow-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
  .cartDrawer {
    width:100%;
  }
  .cartDrawer .related-cart-wrp h3 {
    font-size: 20px;
}
  .cartDrawer .related-cart-inner .related-image a {
    padding-top: 85%;
    
}
  .products-add-cart-sticky .sticky-pro-inner .sticky-btn {
    padding: 12px;
    font-size: 0;
    gap: 0;
}
    /* ========header======== */
    .site-header .menu-item-right,
    .site-header .logobar .logobar-right {
        gap: 12px;
    }
    .header-style-two .search-header{
        margin-right: 12px;
    }
    .site-header .menu-item-right>li>a svg,
    .site-header .logobar .logobar-right>li>a svg {
        width: 18px;
        height: 18px;
    }
    /****** Header syle ten ******/
    /* footer css start */
    /**** FOOTER STYLE FIVE  ****/
    .footer-style-three .footer-top .footer-widget .subscribe-form-wrapper {
        max-width: 100%;
    }
    .footer-style-three .footer-top .footer-widget {
        background-color: transparent;
        padding: 0 0 0px 0;
        border: none;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer-style-three .footer-top .footer-widget h2,
    .footer-style-three .subscribe-form-wrapper input {
        color: var(--white);
    }
    .footer-style-three .subscribe-form-wrapper .subscribe-btn{
        border-color: var(--primary-color);
    }
    .footer-style-three .subscribe-form-wrapper .subscribe-btn:hover{
        border-color: var(--primary-text-color);
    }
    .footer-style-three .subscribe-form-wrapper input::-webkit-input-placeholder {
        color: var(--white);
    }
    .footer-style-three .subscribe-form-wrapper input::-moz-placeholder {
        color: var(--white);
    }
    .footer-style-three .subscribe-form-wrapper input:-ms-input-placeholder {
        color: var(--white);
    }
    .footer-style-three .subscribe-form-wrapper input::-ms-input-placeholder {
        color: var(--white);
    }
    .footer-style-three .subscribe-form-wrapper input::placeholder {
        color: var(--white);
    }
  .product-card .product-label-wrp .pro-label {
    font-size: 12px;
}
    /**** CART SIDE BAR CSS ****/
    .cartdrawer .mini-cart-image {
        width: 85px;
    }
    .cartdrawer .mini-cart-footer-icons .footer-bottom-icon {
        padding: 10px;
    }
      .cartdrawer .mini-cart-footer .footer-bottom-icon svg,
   .coupon-popup .coupon-body .coupon-txt svg {
        width: 24px;
        height: 24px;
    }
    ul.tabs{
        margin-bottom: 25px;
    }
    .product-sec ul.tabs li{
        font-size: 12px;
    }
    .mini-cart-title a.mini-cart-pro-title {
        max-width: 165px;
      font-size:14px;
    }
    .common-close::before,
    .common-close::after {
        width: 16px;
    }
    .mini-cart-details .qty-spinner {
        height: 30px;
        max-width: 80px;
    }
    .qty-spinner button svg,
    .site-header .cartdrawer .qty-spinner button svg {
        margin: auto;
        height: 9px;
        width: 9px;
    }
  .cartdrawer .mini-cart-title{
    margin-bottom:8px;
  }
  .cartdrawer .pvarprice, .cartdrawer .cart-variable {
    margin-bottom: 10px;
}
  .cartDrawer .related-cart-text h4 {
    font-size: 16px;
  }
  .cartDrawer .related-cart-text{
    margin-left:10px;
  }
  .cartDrawer .related-image{
  max-width:100px;
  }
    .site-header .cart-header .coupon-popup .close-coupon svg,
    .site-header .cart-header .gift-popup .close-gift svg {
        height: 10px;
        width: 10px;
    }
    .coupon-popup .close-coupon,
    .gift-popup .close-gift {
        right: 0px;
        top: 0px;
        width: 22px;
        height: 22px;
    }
    /***** mobile-menu-wrapper CSS **** */
    .mobile-menu-wrapper .mobile-menu-bar>ul {
        padding: 15px;
    }
    .mobile-menu-wrapper .menu-close-icon {
        padding: 15px;
    }
    /***** SEARCH POPUP CSS **** */
    .search-popup .search-popup-wrapper .section-title {
        padding: 40px 15px;
    }
    .search-popup .close-search {
        top: 15px;
        right: 15px;
    }
    /* QUICK-VIEW POPUP CSS START */
    .quick-view-left-inner .section-title,
    .quick-view-left-inner .section-title .subtitle,
    .quick-view-left .price {
        margin-bottom: 10px;
    }
    .quick-view-left .select-material-grp {
        margin-bottom: 15px;
    }
    .quick-view-right-inner {
        padding: 15px;
    }
    .quick-view-left .select-material-grp .button label {
        padding: 8px;
    }
    /* mobile sticky bar CSS START */
    .mobile-sticky-wrp svg {
        width: 18px;
        height: 18px;
    }
    .mobile-sticky-wrp span {
        font-size: 12px;
    }
    .mobile-sticky-wrp {
        padding: 10px;
    }
   
    /********* SERVICE SECTION CSS START *********/
  .service-sec .service-content-inner .service-content h4{
    margin-bottom:5px;
  }
    .service-sec .service-slider .swiper-slide:not(:last-child) .service-content-inner::after {
        display: none;
    }
  .service-sec .service-top-slider{
    padding:6px 0;
  }
    /***** PRODUCT PAGE CSS START *****/
    .ask-form-wrapper,
    .del-form-wrapper {
        padding: 25px 15px;
    }
    .delivery-popup.active .del-form-wrapper .section-title {
        max-width: 100%;
    }
    .del-form-wrapper .parcel h3,
    .del-form-wrapper .shipping h3 {
        margin-bottom: 10px;
      font-size:16px;
    }
    .del-form-wrapper .shipping {
        margin-top: 20px;
    }
    .sticky-pro-info .sticky-data {
        max-width: 160px;
        width: 100%;
    }
    .pdp-page-main-sec .pdp-right-column .price {
        gap: 10px;
    }
    .pdp-page-main-sec .pdp-right-column .price ins {
        font-size: 22px;
    }
    .pdp-page-main-sec .pdp-right-column .price del {
        font-size: 16px;
    }
    .pdp-right-column .pdp-payment .payment-wrp img {
        max-width: 30px;
    }
    .pdp-tab-sec ul.tabs li a {
        font-size: 12px;
        padding-bottom: 5px;
    }
    .pdp-tab-sec ul.tabs li {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center;
    }
    .pdp-tab-sec ul.tabs {
        width: 100%;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
    }
    .pdp-tab-sec .tabs-container #pdp-tab-2 ul li span {
        max-width: 45%;
    }
      .pdp-page-main-sec .pdp-thumb-image{
    padding-top:35%;
  }
    /**** PRODUCT LIST PAGE CSS start ****/
    .product-heading-right-column ul.tabs li {
        border: 1px solid var(--border-color);
    }
    .product-listing-section .product-heading-row .row {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .filter-title .filter-ic {
        padding: 4px;
    }
    .filter-title .icon {
        height: 18px;
        width: 18px;
    }
    .product-listing-section .pagination-bullets {
        margin-top: 20px;
    }
    .product-review-form .shop-btn-wrp {
        font-size: 14px;
        padding: 12px 45px 12px 14px;
    }
    /**** LOGIN PAGE CSS START ****/
    .register-page .account-info-icon {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
      align-items:center;
    }
  .register-page .account-info-icon li{
    max-width:100%;
  }
    /**** ABOUT PAGE CSS START ****/
  .about-counter-sec .row{
   row-gap: 20px;
}
  .about-product-sec .about-product-card .about-content h3{
    margin-bottom:5px;
    font-size:14px;
  }
 
/**** ABOUT PAGE CSS END ****/
    /********* BLOG PAGE CSS START *********/
    .blog-grid-sec .blg-elegant {
        margin-bottom: 20px;
    }
    /**** CONTACT US CSS START ****/
    .contact-about-sec .row [class*="col-"]:not(:last-of-type){
        margin-bottom: 20px;
      }
      .contact-about-sec .contact-slider-inner {
        gap: 10px;
      }
    .articlebar .section-title {
        max-width: 100%;
    }
    .articlebar .quote-box {
        padding-left: 0px;
        border-left: 0Px;
    }
    /**** COLLECTION PAGE CSS START ****/
    .collection-main-sec .row [class*="col-"]:last-of-type .collection-card {
        margin-bottom: 30px;
    }
    /**** PRIVACY AND POLICY START ****/
    .cms-page h4 {
        font-size: 16px;
      line-height:1.4;
    }
    .offer-counter-sec .offer-counter-inner .deal-timeline .counter {
        min-width: 70px;
    }
    /**** ACCOUNT PAGE CSS START ****/
    .my-acc-sec .acc-btn-wrp .acc-btn {
        padding: 10px 14px;
    }
    /**** ORDER PAGE CSS START ****/
    .order-payment-box {
        max-width: 100%;
        padding: 15px;
    }
    .order-address-inner .address-title {
        margin-bottom: 15px;
    }
    .order-address-sec .row [class*="col-"]:not(:last-of-type) {
        margin-bottom: 20px;
    }
    /* ERROR PAGE CSS START */
    .error-main-sec .eroor-content .large-text {
        font-size: 50px;
    }
    .main-banner-sec .home-arrow-wrapper {
        margin: -17% auto 18px;
    }
    /**** CART PAGE CSS START ****/   
  .cart-page-sec .continue-btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }  
  .cart-page-sec .subtotal {
    gap: 10px;
  }  
  /**** CART PAGE CSS END  ****/ 
  .acc-details p, .acc-details h2 {
    margin-bottom: 15px;
}
.my-add-sec .main-new-address .back-btn ,.my-add-sec .main-new-address .section-title{
    margin: 0 0 15px;
}
    /**** FAQS PAGE CSS START ****/
    .faq-page .faq-left-itm .section-title h2 {
        margin-bottom: 15px;
      }
      .faq-page .faq-left-itm{
        margin-bottom: 30px;
      }
      /**** FAQS PAGE CSS END ****/
      .testimonial-sec .swiper-button-next {
        right: 0px;
    }   
    .testimonial-sec .swiper-button-prev {
        left: 0px;
    }
    .home-blog-slider .swiper-button-prev{
        left: 0px;
    }
    .home-blog-slider .swiper-button-next{
        right: 0px;
    }
  .home-blog-sec .arrow-header{
    align-items:center;
    text-align:center;
  }
  /* blog page css  */
  .blog-leftbar .product-card-one .time-counter{
    bottom:20px;
  }
   .blog-leftbar  .product-card .time-counter .deal-timeline svg{
      display:block;
  }
  
  /* service sec  */
  .service-sec .service-slider .swiper-slide:not(:first-child) .service-content-inner:after{
    display:none;
  }
}
@media screen and (max-width: 480px) {
      :root {
        --h1: normal 600 26px / 1.1 var(--first-font);
      }
   /********* MAIN BANNER SECTION CSS START *********/
    .main-banner-sec .banner-content-wrapper {
        padding: 60px 0 90px;
    }
  .add-default {
    margin-top: 15px;
}
  .qnty-btn-wrp .cart-btn {
    margin-right: 7px;
}
.pdp-right-column .qnty-btn-wrp .wishlist-btn {
    padding: 10px;
}
.pdp-right-column .qnty-btn-wrp {
    gap: 15px 8px;
}
  .pdp-right-column .color-variant-swatch{
    margin-bottom:15px;
  }
  .subscribe-popup .subscribe-wrapper h2{
    font-size:20px;
  }
   .subscribe-popup{
    padding:10px;
  }
    .testimonial-sec .testimonial-arrow.swiper-button-next,
  .testimonial-sec .testimonial-arrow.swiper-button-prev{
    position:unset ;
  }
  .testimonial-sec .arrow-wrapper{
        display: flex;
    gap: 10px;
    justify-content: center;
    flex-direction: row-reverse;
  }
  .testimonial-sec .swiper-wrapper{
    padding-bottom:30px;
  }

  /* product page css  */
  .pdp-right-column .pdp-payment{
    padding:10px;
  }
  .pdp-right-column .pdp-payment .payment-wrp{
    gap:5px;
  }
    .pdp-right-column .pdp-timer>span{
    width:32px;
    height:32px;
  }
  .pdp-right-column .pdp-timer span svg {
    width: 22px;
    height: 22px;
}
  .pdp-page-main-sec .pdp-right-column>p{
    margin-bottom:15px;
  }
  .jdgm-write-rev-link.jdgm-write-rev-link{
    max-width:auto;
  }
  .jdgm-form__title {
    margin-bottom: 5px;
  }
  .jdgm-form__fieldset:not(:last-of-type){
    margin-bottom: 10px !important;
  }
  .jdgm-form{
    padding:0;
  }
  .jdgm-widget .jdgm-btn.jdgm-btn{
    max-width:100%;
  }
  /* about page css  */
  .about-full-img-sec .about-full-img{
    padding-top:50%;
  }
  .compare-pro-detail .prod-img a, .wishlist-pro-detail .prod-img a {
        padding-top: 45%;
    }
  .acc-back-btn-wrp button{
    width:100%;
  }
  .my-add-sec .form-group .form-control{
    border-radius:10px;
    padding: 5px 10px;
  }
  .my-add-sec select {
    padding: 10px 30px 10px 10px;
  }
  .adress-main-list .edit-spacer .section-title{
    margin-bottom:10px;
    text-align:center;
}
  .contact-direction-sec .contact-direction-column{
    max-width:290px;
  }
  .site-footer .footer-bottom-inner{
    font-size:12px;
  }
}
 .shopify-policy__container {
    max-width: 1300px!important;
    
}   
.shopify-policy__title {
    padding: 60px;
}
.elementor-heading-title  {
   
  font-size:22px!important;
}
.shopify-policy__container elementor-widget-container h3,  p {
   text-align:justify;
  font-size:16px!important;
}
@media screen and (max-width:767px){
 
    .main-banner-sec .banner-content-wrapper p {
        display:none!important;
   
}
  .offer-sec .offer-box-inner {
        max-width: 177px!important;
    }
  .offer-sec .offer-box-inner h2 {
   
    font-size: 18px!important;
    
}
      .common-banner-sec .common-banner-content p {
        display:none!important;
    }
  .products-add-cart-sticky.show-btn {
    
    background: #a2ffc7!important;
}
      .main-banner-sec .banner-content-wrapper {
        padding: 60px 0 90px;
        opacity: 0!important;
    }
  #app-embed{
    padding: 20px!important;
  }
  .offer-sec .offer-box-body img {
   
    object-fit: cover!important;
}
}
@media screen and (max-width: 767px) {
    .common-banner-sec {
        padding: 10px 0!important;
    }
}
@media screen and (max-width: 767px) {
    .main-banner-sec .banner-content-wrapper {
        padding: 124px 0 90px!important;
        opacity: 0 !important;
    }
}
.product-card .product-label-wrp .pro-label {
    background-color: #147239!important;
    
}
.product-card .product-form button {
    background-color: #147239!important;
  
}

@media (max-width:767px){

.mobile-full{
    width:100%;
    padding:0;
    flex:0 0 100%;
    max-width:100%;
}

.mobile-full .offer-box-body{
    border-radius:0;
}

}

/* custom */
.product-slide{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#000;
    border:2px solid #000;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
    transition:all .3s ease;
}

.product-slide svg{
    width:22px;
    height:22px;
}

.product-slide svg path,
.product-slide svg circle{
    fill:#000;
    stroke:#fff;
    transition:all .3s ease;
}

.product-slide:hover{
    background:#fff;
    border-color:#000;
}

.product-slide:hover svg path,
.product-slide:hover svg circle{
    fill:#000;
    stroke:#000;
}
.pdp-main-slider-itm, .grid-gall-thumb{
    border:1.8px solid #00800047;
    border-radius:20px;
}

.product-content-top .add-to-cart form .product-form__submit{
    margin-bottom:20px!important;
}

.product-trust-badges img{
    width:100%;
    height:auto;
    display:block;
}



#pdp-tab-1{
    font-size:16px;
    line-height:1.8;
    color:#444;
}

#pdp-tab-1 h3{
    font-size:36px;
    font-weight:700;
    color:#111;
    line-height:1.2;
    margin:0 0 20px;
}

#pdp-tab-1 h4{
    font-size:28px;
    font-weight:700;
    color:#111;
    margin:40px 0 15px;
}

#pdp-tab-1 p{
    margin:0 0 18px;
    line-height:1.8;
}

#pdp-tab-1 ul{
    list-style:none;
    padding:0;
    margin:15px 0 25px;
}

#pdp-tab-1 ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    line-height:1.7;
    list-style:none;
}

#pdp-tab-1 ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    color:#0b8f5a;
    font-weight:700;
    font-size:18px;
}

#pdp-tab-1 strong{
    font-weight:700;
}

#pdp-tab-1 img{
    display:block;
    max-width:100%;
    height:auto;
    border-radius:8px;
    margin:20px 0;
}

#pdp-tab-1 a{
    color:#0b8f5a;
    text-decoration:none;
}

#pdp-tab-1 a:hover{
    text-decoration:underline;
}

@media (max-width:767px){

    #pdp-tab-1{
        font-size:15px;
    }

    #pdp-tab-1 h3{
        font-size:28px;
        margin-bottom:15px;
    }

    #pdp-tab-1 h4{
        font-size:22px;
        margin:30px 0 12px;
    }

    #pdp-tab-1 ul li{
        padding-left:24px;
    }

}
.home-banner-slider {
  height: 645px;
}
@media only screen and (min-width: 1100px) and (max-width: 1299px) {
  .home-banner-slider {
  height: 477px!important;
}
}   
@media only screen and (min-width: 300px) and (max-width: 399px){
    .home-banner-slider {
    height: 398px!important;
}
}
@media only screen and (min-width: 400px) and (max-width: 499px){
    .home-banner-slider {
    height: 490px!important;
}
}
@media only screen and (min-width: 500px) and (max-width: 599px){
    .home-banner-slider {
    height: 590px!important;
}
}
@media only screen and (min-width: 600px) and (max-width: 699px){
    .home-banner-slider {
    height: 690px!important;
}
}


/* Mobile Menu Logo */
.mobile-menu-logo{
    padding: 25px 20px;
    /* text-align: center; */
    border-bottom: 1px solid #ececec;
}

.mobile-menu-logo img{
    max-width: 230px;
    width: 100%;
    height: auto;
}

/* Mobile Menu */
.mobile-menu-bar{
    padding: 10px 0;
}

/* Social Icons */
.mobile-menu-social{
    padding: 25px 20px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.mobile-menu-social ul{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu-social li{
    margin: 0;
}

.mobile-menu-social a{
    width: 42px;
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.mobile-menu-social a:hover{
    background: #000;
    border-color: #000;
}

.mobile-menu-social a:hover svg path{
    fill: #fff;
}
.mobile-menu-contact{
    padding: 5px 20px;
}
.mobile-menu-contact a{
    display:flex;
    align-items:center;
    gap:12px;
    color:#222;
    text-decoration:none;
    padding:12px 0;
}

.mobile-menu-contact a svg{
    width:18px;
    height:18px;
    flex-shrink:0;
    color:#b58b52;
}

@media only screen and (min-width: 2000px) and (max-width: 2400px) {
  .home-banner-slider {
    height: 980px!important
  }
  .main-banner-sec .banner-content-wrapper {
    padding: 450px 0!important;
  }
}
/* Mobile menu */
@media screen and (max-width: 767px) {
    .site-header .main-navigationbar .logo-col, .site-header .logobar .logo-col {
        max-width: 170px;
    }
}


.color-variant-swatch label.size-var, .quick-view-left .color-variant-swatch .size-var
Specificity: (0,2,1)
 {
    padding: 15px 16px;
    font-size: 24px!important;
    
}


@media(max-width:749px){

.qnty-btn-wrp{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
width:100%!important;
gap:10px!important;
}

.qnty-btn-wrp>quantity-input{
order:1!important;
width:50%!important;
min-width:50%!important;
height:52px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
margin:0 auto!important;
padding:0!important;
border:1px solid #1f7549!important;
border-radius:28px!important;
background:#fff!important;
overflow:hidden!important;
box-sizing:border-box!important;
}

.qnty-btn-wrp quantity-input .quantity__button{
width:52px!important;
min-width:52px!important;
height:52px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:#1f7549!important;
color:#fff!important;
}

.qnty-btn-wrp quantity-input .quantity__input{
flex:1!important;
width:100%!important;
height:52px!important;
min-width:0!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
text-align:center!important;
font-size:18px!important;
font-weight:600!important;
color:#1f7549!important;
}

.qnty-btn-wrp>product-form{
order:2!important;
display:block!important;
width:100%!important;
min-width:100%!important;
}

.qnty-btn-wrp>product-form>form{
display:flex!important;
flex-direction:column!important;
width:100%!important;
gap:10px!important;
}

.qnty-btn-wrp>product-form>form>button.product-form__submit{
order:1!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:100%!important;
height:52px!important;
margin:0!important;
padding:0 20px!important;
border:1px solid #1f7549!important;
border-radius:28px!important;
background:#1f7549!important;
color:#fff!important;
font-size:15px!important;
font-weight:600!important;
}

.qnty-btn-wrp>product-form>form>.buy-btn{
order:2!important;
display:block!important;
width:100%!important;
min-width:100%!important;
margin:0!important;
padding:0!important;
}

.qnty-btn-wrp .shopify-payment-button{
width:100%!important;
min-width:100%!important;
margin:0!important;
}

.qnty-btn-wrp .shopify-payment-button__button,
.qnty-btn-wrp .shopify-payment-button__button--unbranded{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:100%!important;
height:52px!important;
margin:0!important;
padding:0 20px!important;
border:1px solid #1f7549!important;
border-radius:28px!important;
background:#fff!important;
color:#1f7549!important;
font-size:15px!important;
font-weight:600!important;
transition:all .3s ease!important;
}

.qnty-btn-wrp .shopify-payment-button__button:hover,
.qnty-btn-wrp .shopify-payment-button__button--unbranded:hover{
background:#1f7549!important;
color:#fff!important;
box-shadow:0 6px 18px rgba(31,117,73,.22)!important;
transform:translateY(-1px)!important;
}

.qnty-btn-wrp .shopify-payment-button__more-options{
display:none!important;
}

}

.products-add-cart-sticky,
.products-add-cart-sticky.show-btn,
.pro-bottom-sticky-cart {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media screen and (max-width: 767px) {
    .product .site-footer {
        margin-bottom: 0px!important;
    }
}

.jdgm-review-widget--small .jdgm-rev-widg, .jdgm-review-widget--medium .jdgm-rev-widg {
    padding: 20px 32px!important;
}

.pro-service {
  display: none !important;
}





/* Mobile */
@media screen and (max-width: 749px) {
  .product-form .cart-form {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-form .product-trust-badges {
    order: 9999 !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-form .product-trust-badges .trust-badge-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

.color-variant-swatch fieldset{
    padding-top:10px!important;
}