/** Shopify CDN: Minification failed

Line 1977:37 Expected ":"

**/

/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
*,
: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%;
  
  
}
body,
html {
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}
body::-moz-scrollbar {
    display: none;
}
::-moz-selection {
    background: #5fd52233;
}
::selection {
    background: #5fd52233;
}
svg,
img {
    max-width: 100%;
    display: block;
}
a,
.btn,
button {
    text-decoration: none;
    outline: none;
    color: inherit;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    display: inline-block;
    cursor: pointer;
}
a,
a:hover,
a:focus,
a:active,
input,
input:hover,
input:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus,
button,
button:hover,
button: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;
}
.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(--body-text-color);
}
:-ms-input-placeholder {
    color:var(--body-text-color);
}
::-moz-placeholder {
    color:var(--body-text-color);
}
::-ms-input-placeholder {
    color:var(--body-text-color);
}
::placeholder {
    color:var(--body-text-color);
}
/* 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;
}

.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
b {
    font-weight: bold;
    display: inline-block;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.product-title b {
    display: inline;
    font-weight: 600;
}
p:not(:last-of-type) {
    margin-bottom: 15px;
}
/* ============================================= */
/* !!!!             GRID CSS                !!!! */
/* ============================================= */
.container {
    max-width: 1750px;
    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%;
}
.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-start {
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
}
.align-end {
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
}
.align-center {
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-align-items: center;
}
.justify-center {
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}
.justify-between {
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-pack: justify;
}
.justify-around {
    justify-content: space-around;
    -ms-flex-pack: distribute;
}
.justify-start {
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-pack: start;
}
.justify-end {
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-pack: end;
}
.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.direction-column {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: var(--grey);
}
::-webkit-scrollbar-thumb {
    background-color: var(--second-color);
}
/*****  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%;
    }
}

/* ============================================= */
/* !!!!          NICE SELECT CSS           !!!! */
/* ============================================= */
.nice-select {
    position: relative;
    display: block;
    font: normal 500 14px / 1 var(--first-font);
    border: 0;
    text-transform: none;
    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;
}
.nice-select .current {
    position: relative;
    padding: 5px 20px 5px 10px;
}
.nice-select .current:after,
.nice-select.current:after{
    content: "";
    position: absolute;
    top: 45%;
    right: 14px;
    width: 8px;
    height: 8px;
    -webkit-transform:translateY(-50%) rotate(225deg);
        -ms-transform:translateY(-50%) rotate(225deg);
            transform:translateY(-50%) rotate(225deg);
    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-top: 1px solid var(--white);
    border-left: 1px solid var(--white);
    z-index: 1;
}
.nice-select.open .current::after,
.nice-select.current[aria-expanded="true"]:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.nice-select .list {
    position: absolute;
    left: 0;
    top: 100%;
    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;
    padding: 0;
    pointer-events: none;
    width: 100%;
    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);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    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;
    z-index: 2;
  border-radius:10px;
}
.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;
    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 {
    background-color: var(--first-color);
}
.nice-select .option.selected {
    font-weight: bold;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: var(--grey);
    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: var(--grey);
}
.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;
}
/* ============================================= */
/* !!!!          COMMON BUTTON              !!!! */
/* ============================================= */
.btn {
    position: relative;
    text-align: center;
    padding: 15px 22px;
    font-family: var(--first-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--primary-text-color);
    background: var(--primary-color);
    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;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    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;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    text-transform: none;
    background-size: 100% 400%;
    z-index: 1;
}
.btn svg {
    height: 16px;
    width: 16px;
}
.btn svg path {
    fill: var(--pro-text-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;
}
@-webkit-keyframes shine {
    0% {
        opacity: 0;
        left: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        left: 100%
    }
}
@keyframes shine {
    0% {
        opacity: 0;
        left: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        left: 100%
    }
}
.btn:before, .shopify-payment-button__button.shopify-payment-button__button--unbranded:before {
    content: "";
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: var(--white);
    -webkit-box-shadow: 0 0 15px 3px var(--white);
            box-shadow: 0 0 15px 3px var(--white);
    -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
            transform: skewX(-20deg);
}
.btn:hover:before, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:before {
    -webkit-animation: shine .5s linear 0s;
            animation: shine .5s linear 0s;
}
.btn:hover svg path,
.btn:focus svg path {
    fill: var(--pro-hover-text-color);
}
.btn:hover,
.btn:focus {
    background-size: 300% 100%;
}
/* btn secondry css */
.btn-secondary {
    color: var(--first-color);
    text-decoration: underline;
    text-transform: none;
    text-underline-offset: 4px;
}
.btn-secondary:hover {
    color: var(--white);
    text-decoration: underline;
}
/* btn transparent css */
.btn-transparent {
    background: transparent;
    border: 1px solid var(--first-color);
    color: var(--first-color);
}
.btn-transparent:hover {
    background: var(--first-color);
    border: 1px solid var(--first-color);
    color: var(--white);
}
.btn-transparent svg path {
    fill: var(--black);
}
.btn-transparent:hover svg path {
    fill: var(--white);
}
/* product btn css */
.product-cart-btn{
    font-family: var(--first-font);
    font-size: 20px;
    font-weight: 500;
    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;
    color:var(--pro-btn-color);
    background: transparent;
    border: none;
    text-decoration: underline;
    text-underline-offset: 3px;
    letter-spacing: 2px;
    gap: 10px;
    text-transform: none;
}
.product-cart-btn svg{
    width: 20px;
    height: 20px;
}
.product-cart-btn svg path{
    fill: var(--pro-btn-color);
    -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;
}
.product-cart-btn:hover{
    color: var(--pro-btn-hover-color);
    text-decoration: underline;
}
.product-cart-btn:hover svg path{
    fill: var(--pro-btn-hover-color);
}
.img-wrapper,
.img-rasio {
    position: relative;
    display: block;
}
.img-wrapper img,
.img-wrapper svg,
.img-wrapper video,
.img-wrapper iframe,
.img-rasio img,
.img-rasio svg,
.img-rasio video,
.img-rasio iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* ============================================= */
/* !!!!             FORM  CSS               !!!! */
/* ============================================= */
.form-control,
input:not([type="submit"]),
input:not([type="checkbox"]),
input:not([type="button"]),
input:not([type="radio"]),
select,
textarea {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--white);
    background: transparent;
    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;
}
.form-control,
textarea,
input {
    font-family: var(--first-font);
}
textarea {
    resize: none;
}
sup {
    top: -0.5em;
}
sub,
sup {
    position: relative;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    margin-left: 5px;
}
.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: 14px;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 30px;
}
.checkbox-custom label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 54%;
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
    margin-right: 15px;
    background-color: transparent;
    border: 1px solid var(--black);
    cursor: pointer;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.checkbox-custom input:checked+label:before {
    background: var(--fourth-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(--white);
    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 ****/
.no_scroll, .no-scroll {
    overflow: hidden;
    position: relative;
}
.pt {
    padding-top: 70px;}
.pb {
    padding-bottom: 70px;
}
.subtitle {
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;
    text-transform: none;
}
.section-title {
    margin-bottom: 40px;
}
.section-title h2 {
    position: relative;
    display: inline-block;
    color: var(--text-color);
    text-transform: none;
}
.section-title h2 b{
    color: var(--white);
}
.section-title p {
    margin-top: 15px;
}
/* ========overlay======= */
.overlay, .subscribe-overlay {
    content: " ";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgb(0 0 0 / 58%);
    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;
    z-index: 4;
}
.overlay.active, .subscribe-overlay.active ,
.quick-overlay-active{
    opacity: 1;
    visibility: visible;
}
/*** swiper slider ****/
.swiper-button-prev,
.swiper-button-next {
    opacity: 0;
    visibility: hidden;
    height: 35px;
    width: 35px;
    outline: none;
    cursor: pointer;
    background-color: var(--first-color);
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    -webkit-box-shadow: 0px 1px 5px 2px rgb(17 35 46 / 8%);
            box-shadow: 0px 1px 5px 2px rgb(17 35 46 / 8%);
    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;
    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;
    z-index: 2;
}
.swiper-button-prev svg,
.swiper-button-next svg{
    width: 15px;
    height: 15px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev:focus,
.swiper-button-next:focus{
    background: var(--white);
}
.swiper-button-next {
    right: 2px;
    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: 2px;
    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-next:after,
.swiper-button-prev:after {
    font-size: 20px;
    color: var(--white);
    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-next 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(--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;
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path ,
.swiper-button-next:focus svg path,
.swiper-button-prev:focus svg path{
    fill: var(--second-color);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-color: var(--white);
}
.swiper-button-next.swiper-button-disabled svg path,
.swiper-button-prev.swiper-button-disabled svg path {
    fill: var(--black);
} 
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.swiper-pagination-bullet{
    position: relative;
    background: var(--white);
    width: 40px;
    height: 5px;
    opacity: 1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.swiper-pagination-bullet-active{
    background: var(--first-color);
}
/* CLOSE HOVER EFFECT */
.common-close {
    position: relative;
    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;
    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:transparent;
}
.common-close svg{
    width: 15px;
    height: 15px;
}
.common-close:hover{
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}
/* ============================================= */
/* !!!!              Form CSS               !!!! */
/* ============================================= */
.form-container {
    padding: 15px;
}
.form-title {
    padding: 0 0 15px 0;
}
.form-content {
    padding: 15px 0;
}
.form-content .row [class*="col-"]:not(:last-of-type) .form-group,
.form-group:not(:last-of-type) {
    margin-bottom: 15px;
}
.form-group label {
    display: inline-block;
    margin: 0 0 10px;
    font: normal 600 14px/1.1 var(--first-font);
}
.tab-content {
   display: none;
}
.tab-content.active {
    display: block;
}
/* ============================================= */
/* !!!!     CUSTOMIZE THE NAVBAR            !!!! */
/* ============================================= */
.site-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    z-index: 3;
}
.site-header.fixed .sticky-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    background-color: var(--second-color);
    box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
    -webkit-box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
    -moz-box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
    -ms-box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
    -o-box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
    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;
}
.site-header .announcebar {
    position: relative;
    padding: 10px 0;
    background-color: var(--third-color);
    color: var(--white);
}
.site-header .announcebar .announcebar-left p{
    font-size:14px;
}
.site-header .menu-item-right,
.site-header .announcebar .announcebar-right{
    gap: 15px;
}
.site-header .announcebar .nice-select .current:after{
    border-color: var(--white);
}
.site-header .nice-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.site-header .langauge-lbl {
    position: relative;
}
.site-header .disclosure__list-wrapper.hide {
  -ms-transform:scale(.75) translateY(-21px);
      transform:scale(.75) translateY(-21px);
  -webkit-transform: scale(.75) translateY(-21px);
  opacity:0;
}
.site-header .disclosure__list-wrapper {
position: absolute;
   top: 35px;
  right: 0;
  left: auto;
    min-width: 100px;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    margin: 0;
    opacity: 1;
    pointer-events: auto;
    background-color: var(--white);
    transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
   border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .7);
    box-shadow: 0 0 0 1px #444444b3;s
}
.site-header .disclosure__list-wrapper.hide{
    transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
  display:block;
}
.site-header .disclosure__list-wrapper .disclosure__item {
    margin: 0;
    color: var(--black);
}
.country-name.currency  .nice-select .current ,
.langauge-lbl .nice-select.current{
  padding: 10px 35px 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    border: 1px solid var(--border-color);
    border-radius:10px;
}
.country-name.currency  .nice-select ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.site-header .disclosure__list-wrapper .disclosure__item a.disclosure__link--active {
    font-weight: 700;
}
.site-header .disclosure__list-wrapper .disclosure__item a {
    font-size: 14px;
    letter-spacing: .5px;
    padding: 10px;
    width: 100%;
    text-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.site-header .main-navigationbar {
    padding: 15px 0;
}
.site-header .main-navigationbar .logo-col a {
    display: block;
}
.site-header .main-navigationbar .main-nav>li:not(:last-of-type) {
    padding-right: 25px;
}
.product-widget>.pro-itm>.acnav-label:after {
    content: "";
    position: absolute;
    top: 7%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--white);
    border-left: 1px solid var(--white);
    transform: rotate(225deg) ;
    -webkit-transform: rotate(225deg) ;
    -moz-transform: rotate(225deg) ;
    -ms-transform: rotate(225deg) ;
    -o-transform: rotate(225deg) ;
    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;
    z-index: 1;
}
.product-widget>.pro-itm.is-open>.acnav-label:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 45%;
}
.site-footer .footer-widget ul li a:after,
.site-footer .footer-contacts li a span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 1px;
    width: 0;
    background: var(--first-color);
    margin: 0 auto;
    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;
}
.site-footer .footer-bottom  { 
    padding: 15px 0;
}
.site-header .menu-item-right li>a,
.site-header .cart-icon,
.site-header .wishlist-icon,
.form-input {
    position: relative;
}
.site-header .menu-item-right .search-header .form-input {
    z-index: 1;
}
.site-header .menu-item-right .search-header input {
    border: 1px solid var(--first-color);
    min-width: 250px;
    padding: 12px 50px 12px 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.site-header .menu-item-right .search-header .search-btn svg,
.site-header .menu-item-right li svg {
    height: 25px;
    width: 25px;
}
.site-header .menu-item-right .search-header .search-btn svg path, .site-header .menu-item-right li svg path{
    fill: var(--white);
}
.site-header .menu-item-right .search-header .search-btn {
    position: absolute;
    top: 50%;
    background: transparent;
    border: none;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 17px;
    padding: 0;
}
.site-header .count {
    position: absolute;
    top: -7px;
    right: -6px;
    height: 15px;
    width: 15px;
    background: var(--first-color);
    color: var(--white);
    font-size: 10px;
    line-height: 1;
    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;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.site-header .logobar .logobar-right {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.wishlist-header {
    position: relative;
}
.site-header .menu-item-right .search-header>a{
    display: block;
}
.menu-item-left.menu-items-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 40px;
    margin-right: 15px;
}
/**  mega menu css  **/
.site-header .megamenu-card .megamenu-image {
    position: relative;
}
.site-header .megamenu-card .megamenu-image a {
    position: relative;
    display: block;
    padding-top: 105%;
    overflow: hidden;
}
.site-header .megamenu-card .megamenu-image a img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
}
.site-header .megamenu-card .megamenu-content {
    margin-top: 15px;
    text-align: center;
   justify-content:center;
}
.site-header .megamenu-card .megamenu-content a {
    font: var(--h6);
    font-weight: 600;
    line-height: 1;
    position: relative;
    text-transform: none;
    padding-bottom: 3px;
}
.site-header .megamenu-card:hover .megamenu-content a:before{
    right: 0;
    margin: 0 auto;
}
/* ******** mobile menu button ********* */
.site-header .mobile-menu {                                                                                                                                                                                                                                  
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
}
.site-header .mobile-menu .mobile-menu-button {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background: transparent;
    border: none;
    cursor: pointer;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
}
.site-header .mobile-menu .mobile-menu-button div {
    width: 100%;
    height: 2px;
    margin: 3px 0 5px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--white);
}
/**** SEARCH POPUP CSS START ****/
.search-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    padding: 50px 15px 30px;
    z-index: 4;
    background-color: var(--white);
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-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;
}
.search-popup.active {
    height: auto;
    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 .close-search {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.search-popup .close-search svg path{
    fill: var(--black);
}
.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 .search-wrp {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.search-popup .search-wrp .section-title{
   text-align:center;
}
.search-popup .search-wrp .section-title h2 {
    font: var(--h3);
 
}
.search-popup .search-form {
    position: relative;
}
.search-popup .search-form .search-input {
    border: none;
    border-bottom: 1px solid var(--black);
    padding: 12px 35px 12px 0px;
    color:var(--black);
    font-size: 13px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.search-popup .search-form .search-input::-webkit-input-placeholder{
    color: var(--black);
}
.search-popup .search-form .search-input::-moz-placeholder{
    color: var(--black);
}
.search-popup .search-form .search-input:-ms-input-placeholder{
    color: var(--black);
}
.search-popup .search-form .search-input::-ms-input-placeholder{
    color: var(--black);
}
.search-popup .search-form .search-input::placeholder{
    color: var(--black);
}
.search-popup .search-form .search-form-inner button {
    position: absolute;
    right: 0;
    top: 50%;
    background-color: transparent;
    border: none;
    padding: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.search-popup .result-prod {
    margin: 20px 0 0;
    color: var(--black);
}
.search-popup .result-prod p{
    font-weight: 500;
}
/**** SEARCH POPUP CSS END ****/
/**** CART POPUP CSS START****/
/* cart-progress-bar */
.cart-progress-bar {
    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%;
}
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%;
}
progress[value]::-webkit-progress-bar {
    position: relative;
    border-radius: 5px;
    background-color: #e4e4e4;
}
progress[value]::-webkit-progress-value {
    position: relative;
    border-radius: 5px;
    background-color: var(--first-color);
}
progress[value]::-moz-progress-bar {
    position: relative;
    border-radius: 5px;
    background-color: var(--first-color);
}
progress:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: -o-linear-gradient(315deg,
            rgba(255, 255, 255, 0.2) 0,
            rgba(255, 255, 255, 0.2) 25%,
            rgba(255, 255, 255, 0) 25%,
            rgba(255, 255, 255, 0) 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 75%,
            rgba(255, 255, 255, 0) 75%,
            rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(135deg,
            rgba(255, 255, 255, 0.2) 0,
            rgba(255, 255, 255, 0.2) 25%,
            rgba(255, 255, 255, 0) 25%,
            rgba(255, 255, 255, 0) 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.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: 55px;
    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(--first-color);
    border-radius: 50%;
    border: 1px solid var(--first-color);
    top: 20px;
    right: 0;
    -webkit-animation: blinkers 1.5s infinite;
            animation: blinkers 1.5s infinite;
}
.progress-icon svg {
    width: 30px;
    height: 30px;
}
.progress-icon svg path{
    fill: var(--white);
}
@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);
    }
}
/* cart-progress-bar end */
.cartdrawer {
    position: fixed;
    right: 0;
    top: 0;
    max-width: 410px;
    width: 100%;
    height: 100%;
    background: var(--white);
    color: var(--black);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(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;
    z-index: 5;
}
.cartopen .cartdrawer {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.cartdrawer .mini-cart-container {
    padding: 0px 30px 0px 30px;
}
.closecart.common-close svg path{
    fill: var(--black);
}
.cartdrawer .mini-cart-header {
    position: relative;
    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);
    text-transform: none;
}

.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-has-item .free-shipping-bar {
    margin-bottom: 20px;
}
.cartdrawer .free-shipping-txt {
    font-size: 16px;
    line-height: 22px;
}
.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;
    background: var(--grey);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 10px;
}
.cartdrawer .mini-cart-image a {
    position: relative;
    display: block;
    padding-top: 100%;
}
.cartdrawer .mini-cart-image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    -o-object-position: center;
       object-position: center;
    width:100%;
    height:100%;
}
.cartdrawer .mini-cart-details {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    width: 100%;
    padding-left: 15px;
}
.cartdrawer .mini-cart-title .mini-cart-pro-title {
    max-width: 85%;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font: normal 600 16px/1.1 var(--first-font);
    text-transform: none;
}
.cartdrawer .remove-item svg {
    height: 15px;
    width: 15px;
}
.cartdrawer .remove-item svg path {
    fill: var(--error-color);
}
.cartdrawer .mini-cart-title,
.cartdrawer .cart-rating,
.cartdrawer .pvarprice,
.mini-cart-details .cart-variable{
    margin-bottom: 5px;
}
.cartdrawer .mini-cart-details .cart-rating svg {
    width: auto;
    height: auto;
}
.cartdrawer .cart-rating svg path:first-of-type {
    fill: var(--grey);
}
.cartdrawer .cart-rating svg path:not(:first-of-type) {
    fill: #ffc700;
}
.cartdrawer .pvarprice .price-lable {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    margin-right: 5px;
}
.cartdrawer .mini-cart-details .price {
  color: var(--black);
    font: var(--common-text);
    gap: 7px;
    font-size: 16px;
    font-weight: 500;
}

.cartdrawer .price del{
    color: var(--black);
}
.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-item .qty-spinner{
    border-color: var(--black);
      max-width: 85px;
    height: 32px;
}
/**** mini-cart-footer-icons start ****/
.cartdrawer .mini-cart-footer .cart-footer-top {
    padding: 30px;
}
.cartdrawer .mini-cart-footer-icons {
    margin-bottom: 15px;
}
.cartdrawer .mini-cart-footer-icons .footer-bottom-icon {
    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%;
    background-color: var(--grey);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.cartdrawer .mini-cart-footer .footer-bottom-icon svg,
.coupon-popup .coupon-body .coupon-txt svg {
    width: 30px;
    height: 30px;
}
.cartdrawer .mini-cart-footer .footer-bottom-icon svg path, .coupon-popup .coupon-body .coupon-txt svg path{
    stroke: var(--black);
}
.cartdrawer .mini-cart-footer-icons .footer-bottom-icon:hover svg {
    -webkit-animation-name: beat;
    animation-name: beat;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* ****** 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);
    max-width: 410px;
    width: 100%;
    height: auto;
    transform: translateY(120%);
    -moz-transform: translateY(120%);
    -o-transform: translateY(120%);
    -webkit-transform: translateY(120%);
    -ms-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;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-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 .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;
}
.coupon-popup .coupon-txt {
    gap: 10px;
    margin-bottom: 12px;
}
.coupon-code {
    position: relative;
}
.coupon-code input {
    height: 45px;
    width: 100%;
    padding: 14px 95px 14px 15px;
}
.coupon-code .apply-coupon-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
@-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);
    }
}
/**** mini-cart-footer-icons end  ****/
.cartdrawer .mini-cart-footer-total-row {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--border-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;
}
.cartdrawer .mini-total-lbl {
    font-weight: 500;
    margin-bottom: 7px;
    display: block;
    text-transform: none;
}
.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 .mini-cart-footer-total-row div.mini-Subtotal {
    text-align: right;
}
.cartdrawer .minicart-btn-wrapper .cart-bottom-btn {
    padding: 15px 15px;
    width: 50%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 2px;
    color: var(--white);
    font-family: var(--first-font);
    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;
    text-transform: none;
  text-align:center;
}
.cartdrawer .minicart-btn-wrapper .view-cart-btn {
    background: var(--text-color);
}
.cartdrawer .minicart-btn-wrapper .Check-btn {
    background-color: var(--second-color);
}
.cartdrawer .emptyCart {
    padding: 50px 0 0 0;
}
/**** 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);
    max-width: 410px;
    width: 100%;
    height: auto;
    transform: translateY(120%);
    -moz-transform: translateY(120%);
    -o-transform: translateY(120%);
    -webkit-transform: translateY(120%);
    -ms-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;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-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 .close-coupon,
.gift-popup .close-gift {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.coupon-popup .close-coupon svg,
.gift-popup .close-gift svg{
    width: 13px;
    height: 13px;
}
.coupon-popup .close-coupon svg path,
.gift-popup .close-gift svg path{
    fill: var(--black);
}
.coupon-popup .coupon-txt {
    gap: 10px;
    margin-bottom: 12px;
}
.coupon-code {
    position: relative;
    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;
}
.coupon-code input {
    border: 0;
    color: var(--black);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.coupon-code input::-webkit-input-placeholder{
    color: var(--black);
}
.coupon-code input::-moz-placeholder{
    color: var(--black);
}
.coupon-code input:-ms-input-placeholder{
    color: var(--black);
}
.coupon-code input::-ms-input-placeholder{
    color: var(--black);
}
.coupon-code input::placeholder{
    color: var(--black);
}
.coupon-code .apply-coupon-btn {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
}
/**** cart empty ****/
.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.is-empty .cart__empty-text,
.cartdrawer.is-empty .cart__warnings {
    margin: 15px 0 15px 0;
}
.cartDrawer svg#icon-cart-emty {
    width: 55px;
    margin: 0 auto 30px auto;
}
.mini-cart-footer.is-empty {
    display: none;
}
/**** qty-spinner start  ****/
.qty-spinner {
    border: 1px solid var(--white);
    max-width: 100px;
    width: 100%;
    height: 35px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.qty-spinner button {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    height: 100%;
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.qty-spinner button svg,
.site-header .cartdrawer .qty-spinner button svg {
    margin: auto;
    height: 12px;
    width: 12px;
  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 {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    width: 30px;
    color: var(--black);
    height: 100%;
}
/**** CART POPUP CSS END****/
/********* FOOTER CSS START ********/
.site-footer {
    position: relative;
    background-color: var(--footer-bg-color);
    color: var(--footer-text-color);
    margin-top: 70px;
    z-index: 1;
}
.site-footer .footer-row {
    padding: 60px 0;
}
.site-footer .footer-logo {
    margin-bottom: 20px;
    max-width: 176px;
    width: 100%;
}
.site-footer .footer-col {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    width: 100%;
}
.site-footer .footer-subscribe-col {
    max-width: 360px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    padding-left: 0;
}
.site-footer .footer-subscribe-col p{
    margin-bottom: 15px;
    line-height: 1.6;
}
.site-footer .subscribe-form-wrapper .input-wrapper {
    border: 1px solid var(--border-color);
    padding: 6px 6px 6px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.site-footer .subscribe-form-wrapper input {
    padding: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 15px 0 0;
    border: 0;
}
.site-footer .footer-col h2 {
    font: var(--h5) !important;
    font-weight: 600 !important;
    text-transform: none;
    margin-bottom: 15px;
    color: var(--footer-title-color);
}
.site-footer .footer-col:not(:first-child) {
    padding-left: 50px;
}
.site-footer .footer-widget ul li a, .site-footer .footer-contacts li a span {
    position: relative;
}
.site-footer .footer-widget ul li a {
    text-transform: 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;
}
.site-footer .footer-widget ul.footer-acnav-list>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.site-footer .footer-social-icon{
    gap:10px;
}
.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: 40px;
    height: 40px;
    background-color: var(--second-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.site-footer .footer-social-icon li a svg{
    width: 20px;
    height: 20px;
}
.site-footer .footer-social-icon li a svg path{
    fill: var(--white);
}
.site-footer .footer-social-icon li a::after{
    display: none;
}
/********* FOOTER CSS END ********/
/*** home banner section css start */

.home-banner-iteam{
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}
.home-banner-content {
    position: relative;
    padding: 250px 0px 200px;
    max-width: 62%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
.home-banner-content .section-title{
    margin-bottom: 30px;
}
.home-banner-content .section-title h2{
    line-height: 1.2;
}
.home-banner-content .section-title p{
    line-height: 1.8;
}
.home-banner-content .banner-btn-wrapper{
    gap:20px;
}
.home-banner-content .banner-btn-wrapper .btn:first-child{
    border: 1px solid transparent;
}
.home-banner-slider .swiper-pagination{
    bottom: 40px;
}
.home-banner-bg{
    position: absolute;  
    max-width: 140px;
    width: 100%;
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.home-banner-bg.home-banner-bg-1 {
    left: 0;
    bottom: 10%;    
}
.home-banner-bg.home-banner-bg-2 {
    right: 0;
    top: 20%;
}
.home-banner-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.home-banner-slider .swiper-slide {
    height: auto;
}
@-webkit-keyframes mover {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px);
}
}
@keyframes mover {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }
}
/*** home banner section css end ***/
/*** product section css start ***/
.product-sec .section-title,.popular-product-sec .section-title{
   gap:15px;
}
.product-card-slider .swiper-wrapper .swiper-slide ,
.best-pro-slider .swiper-wrapper .swiper-slide {
    height: auto;
}
.product-card {
    height: 100%;
}
.product-card-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.product-card .product-card-image {
    position: relative;
    overflow: hidden;
    background-color: var(--second-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 2px 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; 
}
del {
    text-decoration: line-through;
    color: var(--white);
    font-size: 14px;
}
.product-card-inner .img-wrapper {
    padding-top: 100%;
}
.product-card .product-card-image .soldout-pro {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}
.product-card .soldout-btn{
    cursor: not-allowed ;
    opacity: .8 
}
.product-card-inner .img-wrapper img{
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}
.product-card-inner .product-card-image:hover .hover-img {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.product-card-inner .product-card-image:hover .hover-img img{
    padding: 30px;
}
.product-card-inner .product-card-image:hover .default-img{
    opacity: 0;
    visibility: hidden;
}
.product-card:hover .time-counter {
    opacity: 0;
    visibility: hidden;
}
/* product-label-wrp */
.product-label-wrp {
    position: absolute;
    top: 10px;
    left: 10px;
    gap: 10px;
    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;
    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;
    z-index: 1;
}
.product-card .product-label-wrp .pro-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    min-width: 40px;
    padding: 5px 8px;
    background: var(--pro-btn-color);
    text-transform: none;
    color: var(--white);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/* Timeline */
.deal-timeline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: var(--pro-btn-color);
    padding: 10px;
    gap: 7px;
}
.deal-timeline .counter-dtl {
    text-transform: none;
    font-size: 14px;
    line-height: 1;
}
.deal-timeline .count {
    font-weight: 600;
    line-height: 1;
}
.deal-timeline .days,
.deal-timeline .hour,
.deal-timeline .mins,
.deal-timeline .secs {
    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;
}
/* product-card time-counter */
.product-card .time-counter {
    position: absolute;
    gap: 10px;
    width: 100%;
    bottom: 50%;
    left: 0;
    right: 0;
    transform: translateY(50%);
    -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-card .time-counter .deal-timeline {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 10px 20px;
}
.product-card .time-counter .deal-timeline svg {
    width: 16px;
    height: 16px;
}
.product-card .deal-timeline .countdown-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
}
.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 .deal-timeline .counter:not(:last-of-type) .count:before{
    top: 10px;
}
.product-card .deal-timeline .counter:not(:last-of-type) .count:after{
    top: 2px;
}
.product-card .deal-timeline .counter:not(:last-of-type) .count:after,
.product-card .deal-timeline .counter:not(:last-of-type) .count:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    background-color: var(--white);
    right: 2px;
}
.product-card .time-counter .counter:not(:last-of-type) {
    padding: 0 15px 0 0;
}
.product-content-top p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  margin-bottom:15px;
}
/* product hover button */
.product-card .product-card-inner .pro-btn-wrapper {
    position: absolute;
    top: 10px;
    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: 7px;
    z-index: 1;
}
.product-card .pro-btn-wrapper .pro-btn:before {
    content: "";
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: var(--pro-text-color);
    -webkit-box-shadow: 0 0 10px 3px var(--pro-text-color);
            box-shadow: 0 0 10px 3px var(--pro-text-color);
    -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
            transform: skewX(-20deg);
}
.product-card .pro-btn-wrapper .pro-btn:hover:before,
.product-card .pro-btn-wrapper .pro-btn:focus::before {
    -webkit-animation: shine .5s linear 0s;
            animation: shine .5s linear 0s;
}
.product-card:hover .pro-btn-wrapper .pro-btn {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.product-card .pro-btn-wrapper .pro-btn:nth-child(1) {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.product-card .pro-btn-wrapper .pro-btn:nth-child(2) {
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
}
.product-card:hover .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(2) {
    -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
}
.product-card .pro-btn-wrapper .pro-btn:nth-child(3) {
    transition: all 0.3s ease 0.15s;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
}
.product-card:hover .product-card-inner .pro-btn-wrapper .pro-btn:nth-child(3) {
    -webkit-animation-delay: 250ms;
            animation-delay: 250ms;
}
.product-card .pro-btn-wrapper .pro-btn:nth-child(4) {
    transition: all 0.3s ease 0.18s;
    -webkit-transition: all 0.3s ease 0.18s;
    -moz-transition: all 0.3s ease 0.18s;
    -ms-transition: all 0.3s ease 0.18s;
    -o-transition: all 0.3s ease 0.18s;
}
.product-card .pro-btn-wrapper .pro-btn{
    width: 30px;
    height: 30px;
    background: var(--pro-btn-hover-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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: 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;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    overflow:hidden ;
  cursor:pointer;
}
.product-card .pro-btn-wrapper .pro-btn label {
    cursor: pointer;
}
.product-card .pro-btn-wrapper .pro-btn  svg{
    width: 16px;
    height: 16px;
}
.product-card .pro-btn-wrapper .pro-btn  svg path{
    fill: var(--pro-hover-text-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;
}
.product-card .pro-btn-wrapper .pro-btn:hover,.product-card .pro-btn-wrapper .pro-btn.active,
.product-card .pro-btn-wrapper .pro-btn:focus{
    background: var(--pro-hover-text-color);
}
.product-card .pro-btn-wrapper .pro-btn:hover svg path,.product-card .pro-btn-wrapper .pro-btn.active svg path,
.product-card .pro-btn-wrapper .pro-btn:focus svg path{
   fill: var(--pro-text-color);
}
.product-card:hover .product-card-image {
    border-color: var(--border-color);
}
.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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 15px;
    text-align: center;
}
.product-card .product-content .product-content-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}
.product-card .product-content .product-content-top h3 {
    margin-bottom: 15px;
    text-transform: none;
    font: var(--h4);
    font-weight: 500;
    line-height: 1.2;
}
.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;
    line-height: 1;
    gap: 10px;
    font-size: 20px;
    color: var(--price-color);
}
.product-card .product-content .product-content-top .price{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 15px;
}

.product-card .product-content .product-content-bottom .cart-btn{
    background: var(--pro-btn-color);
    color: var(--pro-text-color);
}
.product-card-slider, .popular-product-slider, .best-pro-slider,.testimonial-slider ,.blog-slider {
    padding-bottom: 40px;
}
.product-card .product-content .product-content-top a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.popular-product-slider .product-card  .rating-wrapper {
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:start;
}
/*** product section css end ***/
/*** popular-product-sec  css start***/
.popular-product-sec .product-card-inner{
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    background-color: var(--second-color);
}
.popular-product-sec .product-card .product-card-image{
    max-width: 50%;
    width: 100%;
    border: none !important;
}
.popular-product-sec .product-content .product-content-top .price{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.popular-product-sec .product-card-inner .product-content{
    text-align: left;
    padding: 20px 15px 20px 10px;
}
.popular-product-sec .product-card-inner .img-wrapper {
    padding-top: 70%;
    height: 100%;
}
.popular-product-sec .product-card-inner .product-content .btn-secondary{
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    font-size: 16px;
}
.popular-product-sec .product-content .product-content-top a {
    -webkit-line-clamp: 2;
}
.product-card .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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-card .product-content .product-content-top .color-variant-swatch {
    margin-bottom: 15px;
    display: block;
}
.popular-product-sec .product-card-inner .rating-wrapper span {
    font-size: 12px;
}
.popular-product-sec .product-card-inner .rating-wrapper svg{
    width: 75px;
    height: 15px;
}
.popular-product-slider .swiper-slide{
    height: auto;
}
.popular-product-sec .product-content .product-content-top h3{
    margin-bottom: 10px;
}
/*** popular-product-sec  css start***/
.offer-sec{
    position: relative;
}
.offer-bg-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.offer-sec .row{
    padding: 170px 0 200px;
}
.offer-sec .row .section-title{
    max-width: 70%;
    width: 100%;
}
.offer-sec .deal-timeline{
    padding: 0;
    background: transparent;
}
.offer-sec .deal-timeline .count {
    color: var(--first-color);
    font: var(--h3);
}
.offer-sec .deal-timeline .counter{
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #19402C;
    text-align: center;
    min-width: 75px;
    min-height: 75px;
}
.offer-sec .offer-content{
    position: relative;
    z-index: 1;
}
.mobile-menu-wrapper .menu-close-icon{
    display: none;
}
.site-header .main-navigationbar .main-nav li>a:before,
.site-header .megamenu-card .megamenu-content a:before{
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 1px;
    width: 0;
    background: var(--first-color);
    margin: 0 auto;
    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;
}
.site-header .main-navigationbar .main-nav>.menu-lnk.has-item>a:after {
    content: "";
    position: absolute;
    top: 7%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--white);
    border-left: 1px solid var(--white);
    transform: rotate(225deg) ;
    -webkit-transform: rotate(225deg) ;
    -moz-transform: rotate(225deg) ;
    -ms-transform: rotate(225deg) ;
    -o-transform: rotate(225deg) ;
    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;
    z-index: 1;
}
.site-header .main-navigationbar .main-nav>li.menu_active.has-item>a:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 38%;
}
/**** service section css start ****/
.service-sec .service-card{
    height: auto;
}
.service-sec .service-card .service-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: 0 20px ;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.service-card .service-card-image{
    margin-bottom: 15px;
}
.service-card .service-card-image img{
    width: 65px;
    height: 65px;
    margin: 0 auto;
}
.service-card .service-card-content h3{
    font: var(--h4);
    font-size: 24px;
    text-transform: none;
}
.service-slider .service-card:first-child, .service-slider .service-card.swiper-slide-active {
    border-left: none;
}
.service-slider .service-card {
    border-left: 1px solid var(--border-color);
}
/**** service section css start end***/
/**** testimonial section css start ****/
.testimonial-card-inner {
    position: relative;
    height: 100%;
    padding: 30px 45px;
    z-index: 1;
    background-color: var(--second-color);
    gap: 15px;
}
.testimonial-card-inner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 85px;
    height: 100%;
    background: -o-linear-gradient(
    274.01deg,
    rgba(20, 208, 110, 1) 0%,
    rgba(94, 213, 35, 1) 100%
  );
    background: linear-gradient(
    175.99deg,
    rgba(20, 208, 110, 1) 0%,
    rgba(94, 213, 35, 1) 100%
  );
    z-index: -1;
}
.testimonial-card-inner .testimonial-img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden; 
}
.testimonial-card-inner .testimonial-img img{
    width: 100%;
    height: 100%;
}
.testimonial-info h3{
    font: var(--h4);
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px;
}
.testimonial-info svg{
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
}
.testimonial-info svg path{
    fill: var(--first-color);
}
.testimonial-content{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 20px 0px 0px;
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;    
}
.testimonial-content p {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.8;
}
.testimonial-slider .testimonial-card {
    height: auto;
}
/**** testimonial section css end ****/
/**** blog section css start  ****/
.blog-slider .blog-card {
    height: auto;
}
.blog-card .blog-card-inner {
    position: relative;
    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%;
    overflow: 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;
}
.blog-card-image .blog-image {
    padding-bottom: 72%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.blog-card-inner .blog-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px;
    width: 100%;
    height: 100%;
}
.blog-content h3 {
    font: var(--h4);
    font-weight: 500;
    line-height: 1.2;
    margin: 0px 0 15px;
    text-transform: none;
}
.blog-content h3 a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-content .blog-card-info{
    margin-bottom: 15px;
    text-transform: none;
  gap:15px;
}
.blog-content .blog-top-content{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.blog-content .blog-btn{
    text-decoration: none;
    font-weight: 600;
}
.blog-image img {
    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);
}
.blog-card-image:hover .blog-image img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.blog-card-image .blog-image::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);
}
.blog-card-image:hover .blog-image::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
/**** blog section css end  ****/
/* ============================================= */
/* !!!!         SUBSCRIBE POPUP CSS         !!!! */
/* ============================================= */
.subscribe-popup {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    max-width: 850px;
    width: 100%;
    overflow-y: auto;
    max-height: 90vh;
    margin: 0 auto;
    background: var(--third-color);
    z-index: 4;
    padding: 30px;
    -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: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    /* box-shadow:#5fd5229c 0 0 15px 0px; */
}
.subscribe-popup.active {
    opacity: 1;
    visibility: visible;
}
.subscribe-popup .subscribe-left-col {
    position: relative;
    padding-top: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.subscribe-popup .subscribe-left-col img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.subscribe-popup .common-close {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
}
.subscribe-popup .section-title{
    margin-bottom: 20px;
}
.subscribe-popup .subscriber-form {
    position: relative;
    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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 30px;
}
.subscribe-popup .subscriber-form input {
   padding: 15px 20px;
}
.subscribe-popup .subscriber-form .btn {
    width: auto;
    padding: 12px 20px;
    margin-right: auto;
}
.subscribe-right-col .checkbox-custom label span {
    text-decoration: underline;
    line-height: 1;
}
/***** SUBSCRIBE POPUP CSS END *****/
/**** product notification popup css start  ****/
.product-notification{
    position: fixed;
    text-align: center;
    bottom: 20px;
    left: 20px;
    max-width: 420px;
    width: 100%;
    z-index: 2;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
   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;
}
.product-notification.active{
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}
.product-notification-inner{
    background-color: var(--third-color);
    padding:30px 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.product-notification-img{
    padding-top: 30%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    max-width: 25%;
    width: 100%;
    background-color: var(--second-color);
    border: 1px solid var(--border-color);
}
.product-notification-img img{
    padding: 10px;
    -o-object-fit: scale-down;
       object-fit: scale-down;
}
.product-notification-content{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 10px;
    text-align: left;
}
.product-notification-content h5{
    font: var(--h6);
    margin-bottom: 10px;
    color: var(--first-color);
    text-transform: none;
}
.product-notification-content h5 a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product-notification-content p{
    margin-bottom: 10px;
    font-size: 14px;
}
.product-notification-info{
    gap: 10px;
}
.product-notification-info .product-notification-iteam{
    gap: 7px;
    position: relative;
    font-size: 14px;
}
.product-notification-info .product-notification-iteam:first-of-type{
    padding-right: 10px;
}
.product-notification-info .product-notification-iteam:first-of-type::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--first-color);
}
.product-notification-info .product-notification-iteam svg{
    width: 16px;
    height: 16px;
}
.product-notification-info .product-notification-iteam svg path{
    fill: var(--first-color);
}
.notification-close-btn{
    top: 12px;
    right: 12px;
    position: absolute;
    outline: none;
    border: none;
    padding: 0;
}
.notification-close-btn svg {
    width: 12px;
    height: 12px;
}
/**** product notification popup css end   ****/
/* ============================================= */
/* !!!!       QUICK-VIEW POPUP CSS          !!!! */
/* ============================================= */

.quick-view-popup .swiper-button-prev svg,
.quick-view-popup .swiper-button-next svg{
    width: 12px;
    height: 12px;
}
.quick-view-popup {
    /* position: fixed;
    inset: 0;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    opacity: 0;
    visibility: hidden;
    background: rgb(0 0 0 / 75%);
    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;
    z-index: 3; */

   position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 900px;
    width: 95%;
    margin: 0 auto;
     color: var(--white);
    border-radius: 20px;
    background-color: var(--third-color);
    z-index: 4;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
 transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    overflow: hidden;
      opacity: 0;
    visibility: hidden;
}
.quick-view-popup.active {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
}
.quick-view-wrapper {
   position: relative;
    padding:30px 20px;
    max-height: calc(90vh - 40px);
    overflow-x: hidden;
    overflow-y: auto;
}


.quick-view-right .quickview-card .quickview-card-image {
    padding-top: 100%;
    height: 100%;
}
.quick-view-right .quickview-card .quickview-card-image img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  padding:20px;
}
.quick-view-left-inner {
    padding: 0 0 0 20px;
    height: 100%;
}
.quick-view-left-inner .section-title,
.quick-view-left-inner .price,
.quick-view-left .quick-product-dis {
    margin-bottom: 15px;
}
.quick-view-left-inner .section-title .subtitle {
    font-size: 15px;
    max-width: 80%;
    width: 100%;
}
.quick-view-left-inner .price{
    color: var(--price-color);
    font-size: 28px;
}
.quick-view-left-inner del{
    font-size: 18px;
}
.quick-view-left-inner .color-variant-swatch ,
.quick-view-left-inner .size-variant-swatch {
    gap: 15px 10px;
}
.quick-view-inner h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--first-color);
    text-transform: none;
}
.quick-view-left .quick-product-dis p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}
.quick-view-left .view-more {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
}
.quick-view-left .qnty-btn-wrp {
    gap: 15px;
}
.quick-view-left .qnty-btn-wrp .quantity-select {
    width: 100px;
}
.quick-view-left .qty-spinner {
    height: 100%;
}
.quick-view-left-inner .pro-cart-btn a {
    font-size: 14px;
}
.quick-view-left .qnty-btn-wrp .quantity-select input{
    color: var(--white);
    padding: 12px 10px;
}
.quick-view-left .qnty-btn-wrp .quantity-select button svg path{
    fill: var(--white);
}
.quick-view-inner .quick-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    z-index: 1;
    padding: 0;
}
.quick-view-right-inner,
.quickview-image-slider,
.quickview-card,
.quickview-card-inner {
    height: 100%;
}
.quick-view-left-inner .color-variant-swatch {
    margin-bottom: 20px;
}
.quickview-image-slider{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: var(--body-bg-color);
}
.quick-view-wrapper .quick-close-btn {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 25px;
    height: 25px;
    padding: 0;
    background: transparent;
    border: none;
    z-index: 1;
}
.quick-view-wrapper .color-variant-swatch .radio-buttons {
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:start;
}
/******** Mobile sticky bar *******/
.mobile-sticky-wrp {
    -webkit-box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
            box-shadow: 0 1px 4px rgb(250 250 250 / 10%);
    background-color: var(--second-color);
    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: 1;
    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-stickybar.show {
    visibility: visible;
    opacity: 1;
}
.mobile-sticky-wrp ul li a {
    text-align: center;
}
.mobile-sticky-wrp li {
    line-height: 1;
}
.mobile-sticky-wrp span {
    display: block;
    line-height: 1;
}
/* COOKIE POPUP */
.cookie-popup {
    position: fixed;
    text-align: center;
    bottom: 20px;
    right: 20px;
    background-color: var(--third-color);
    color: var(--white);
    max-width: 370px;
    z-index: 2;
    padding: 30px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
  .cookie-popup.active {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
  }
  .cookie-popup p {
    margin-bottom: 15px;
  }
  .cookie-popup h5 {
    margin-bottom: 15px;
    color: var(--first-color);
  }
  .cookie-popup .cookie-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .cookie-popup .cookie-inner {
    gap: 10px;
  }
/* ============================================= */
/* !!!!        common-banner css            !!!! */
/* ============================================= */
body:not(.index) .site-header{
    position: relative;
    background-color: var(--second-color);
}
.common-banner-sec {
    position: relative;
    padding: 70px 0;
    color: var(--white);
    background-color: var(--third-color);
    z-index: 1;
}
.common-banner-sec .common-banner-content .section-title{
    margin-bottom: 20px;
}
.filter-cat li:not(:last-of-type) {
    position: relative;
    padding-right: 20px;
    margin-right: 10px;
}
.filter-cat li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 40%;
    right: 2px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    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-top: 1px solid var(--white);
    border-left: 1px solid var(--white);
    z-index: 1;
}
.filter-cat li a {
    font-size: 20px;
    text-transform: 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;
}
.filter-cat li a:hover{
    color: var(--first-color);
}
/* ============================================= */
/* !!!!      product page css            !!!! */
/* ============================================= */

.recent-slider {
  padding-bottom: 20px;
}
 /************** video product page css *************/
  deferred-media.deferred-media {
      position: relative;
      display: block;
  }
  .media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
      display: block;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
  }
  .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%;
      -webkit-transform: translate(-50%,-50%) scale(1);
          -ms-transform: translate(-50%,-50%) scale(1);
              transform: translate(-50%,-50%) scale(1);
      z-index: 1;
      padding: 10px;
      background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), to(var(--second-color)) ) border-box;
      background: -o-linear-gradient(right, var(--blue) 50%, var(--second-color) ) border-box;
      background: linear-gradient(to left, var(--blue) 50%, var(--second-color) ) border-box;
      border-radius: 0px 10px;
  }
  .deferred-media__poster-button.motion-reduce svg {
      fill: var(--black);
  }
  .deferred-media:not([loaded]) template {
      z-index: -1;
  }
.product-write-review {
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.rating {
    margin-bottom: 15px;
}
.rating .jdgm-prev-badge {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.jdgm-write-rev-link.jdgm-write-rev-link {
    color: var(--black) !important;
  width:100%;
}
.pdp-page-main-sec .pro-cart-btn .cart-btn[disabled]:hover {
    background: transparent;
    color: var(--first-color);
}
.pdp-page-main-sec .pro-cart-btn .cart-btn[disabled]:hover:before {
    display: none;
}
/*======= product notify btn custom css =======*/
.notify-btn {
    padding: 16px 22px;
}
.notify-sold {
    width: 100%;
    max-width: 50%;
}
.out-of-stock-form {
    position: fixed;
    top: 50%;
    padding: 50px 40px;
    left: 0;
    right: 0;
    max-width: 450px;
    max-height: calc(100% - 100px);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color:var(--third-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;
}
.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;
  font-size:18px;
  color:var(--white);
}
.notify-send-btn {
  position: relative;
  margin-top: 20px;
}
.notify-send-btn input {
  height: 45px;
  width: 100%;
  padding: 15px 125px 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);
}
.out-of-stock-form svg path {
    fill: var(--white);
}
.notify-send-btn button {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: auto;
  padding: 10px 35px;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded {
      font-weight: 600;
    line-height: 1;
    font-size: 16px;
    color: var(--primary-text-color) !important;
    background: var(--primary-color) !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    padding: 15px 22px;
    min-height: 48px;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
  text-transform:none;
    min-height: unset !important;
    height: 100% !important;
}
.available-product .avail-txt {
    color: var(--success-color);
}
.available-product {
    gap: 10px;
}
.available-product .sold-txt {
    color: var(--error-color);
}
.pro-details {
    background: #4ba8204f;
    padding: 7px 20px;
    border-radius: 30px;
}
.countdown-block {
    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;
    gap: 8px;
}
.pdp-timer .countdown-block .counter:not(:last-of-type):before {
    top: 13px;
}
.pdp-timer .countdown-block .counter:not(:last-of-type):after {
    top: 6px;
}
.pdp-timer .countdown-block .counter:not(:last-of-type):before, .pdp-timer .countdown-block .counter:not(:last-of-type):after {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    background-color: var(--error-color);
    right: -9px;
}
.pdp-right-column .pdp-timer .counter {
    position: relative;
}
.jdgm-review-widget--small .jdgm-form__fieldset-actions {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.pdp-timer .countdown-block {
    gap: 15px;
}
.pdp-page-main-sec .pdp-right-column .pdp-timer {
  margin-bottom:15px;
    background-color: #FFE7E7;
    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: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 25px 0px #0000000D;
            box-shadow: 0px 0px 25px 0px #0000000D;
}
.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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px;
    width: 45px;
    height: 45px;
    background-color: var(--error-color);
}
.pdp-right-column .pdp-timer>span svg {
    height: 28px;
    width: 28px;
}
.pdp-right-column .pdp-timer>span svg path {
    fill: var(--white);
}
.pdp-right-column .pdp-timer .deal-timeline {
    color: var(--error-color);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 20px;
    gap: 5px;
    max-width: 100%;
    background: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-weight: 600;
}
.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-right-column .deal-timeline .counter-dtl {
    text-transform: lowercase;
    font-size: 14px;
}
.pdp-right-column .deal-timeline .count {
    font-weight: 600;
}
.product-slider-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.pdp-page-main-sec .sticky-column {
    position: sticky;
    top: 20px;
}
.pro-main-slider {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  max-width:500px;
}

.pdp-page-main-sec .product-item-img {
    padding-bottom: 100%;
    height: 100%;
    overflow:hidden ;
}
.pdp-page-main-sec .pro-thumb-slider {
    width: 100%;
}
.pdp-thumb-image {
    border: 1px solid var(--white);
    height: auto;
    padding-top: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: var(--second-color);
    cursor: pointer;
}
.swiper-slide-thumb-active .pdp-thumb-image {
    border: 1px solid var(--border-color);
}
.pdp-thumb-image img, .pdp-thumb-image video, .pdp-thumb-image iframe {
    width: 100%;
    height: 100%;
    padding: 10px;
}
.pdp-thumb-image img,.pro-main-slider img{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  padding:15px;
}
.pdp-thumb-image video, .pdp-thumb-image iframe,
.pro-main-slider video,.pro-main-slider  iframe{
    -o-object-fit: cover;
       object-fit: cover;
}
.pdp-page-main-sec .section-title {
    margin-bottom: 20px;
}

.pdp-right-column .pdp-rating{
    margin-bottom: 20px;
    gap: 10px;
}
.pdp-right-column .pdp-rating .star-review{
    opacity: .7;
}
.pdp-right-column .pdp-top-content{
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
    margin-bottom: 20px;
}
.pdp-right-column .pdp-text p{
    line-height: 1.6;
}
.pdp-right-column .price del {
    font-size: 18px;
}
.price-wrp {
    gap: 15px;
    margin-bottom: 25px;
}
.pdp-right-column .price{
    font-size: 35px;
}
.pdp-right-column .color-variant-swatch,.pdp-right-column .size-variant-swatch,
.products-add-cart-sticky .size-variant-swatch,.products-add-cart-sticky .color-variant-swatch {
    gap: 15px;
  flex-direction: column;
    align-items: start;
}
.products-add-cart-sticky .nice-select {
    max-width: 185px;
  border:1px solid var(--white);
  border-radius:10px;
}
.products-add-cart-sticky .nice-select .list {
    top: auto;
    bottom: 100%;
    margin: 0 0 5px;
}

 .products-add-cart-sticky .nice-select .current{
    padding: 10px 30px 10px 15px;
 } 
.size-variant-swatch .list{
    width: 100%;
    top: 100%;
}
.pdp-right-column .pdp-variant-wrapper{
    margin-bottom: 20px;
   gap: 40px;
}
.size-variant-swatch .nice-select{
    display: inline-block;
    border: 1px solid var(--border-color);
    width: auto;
  padding: 10px 15px 10px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.size-variant-swatch .nice-select option {
  color: var(--black);
}
.size-variant-swatch .nice-select .current:after{
    right: 10px;
    width: 10px;
    height: 10px;
    border-color: var(--border-color);
}
 .size-variant-swatch .nice-select .current{
    padding: 13px 35px 13px 10px;
    display: block;
    min-width:200px;
}
.pdp-right-column .qnty-btn-wrp{
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
}
.pdp-right-column .qnty-btn-wrp .quantity-select .qty-spinner {
    height: 48px;
    max-width: 100%;
}
.pdp-right-column .qnty-btn-wrp .qnty-wrapper-btn {
    gap: 15px;
}
.pdp-right-column .qnty-btn-wrp .quantity-select {
    max-width: 170px;
    width: 100%;
}
.pdp-right-column .quantity-select .qty-spinner input{
    color: var(--white);
}
.pdp-right-column .quantity-select .qty-spinner button svg path{
    fill: var(--white);
}
.pdp-right-column .pro-cart-btn, .pdp-right-column .buy-btn {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.pdp-right-column .qnty-btn-wrp .cart-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pdp-right-column .qnty-btn-wrp .cart-form .notify-sold .btn{
    width: 100%;
}
.pdp-right-column .qnty-btn-wrp .cart-form .cart-btn, .pdp-right-column .qnty-btn-wrp .shopify-payment-button__button.shopify-payment-button__button--unbranded .pdp-right-column .qnty-btn-wrp .cart-form .notify-sold, .pdp-right-column .qnty-btn-wrp .cart-form .buy-btn {
    max-width: 50%;
    width: 100%;
}
.pdp-right-column .pro-features,.pdp-right-column .pro-service-wrapper  {
    margin-bottom: 20px;
    gap: 15px;
    text-transform: none;
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
}
.pdp-right-column .pro-features .pro-features-btn svg {
    height: 24px;
    width: 24px;
}
.pdp-right-column .pro-features li .pro-features-btn,
.pdp-right-column .pro-service-wrapper li{
    gap:10px;
    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;
  cursor:pointer;
}
.pdp-right-column .pro-features .pro-features-btn:hover{
    color: var(--first-color);
}
.pdp-right-column .pro-features li:not(:last-of-type) {
    border-right: 2px solid var(--white);
    padding-right: 15px;
}
.pdp-right-column .pro-service-wrapper {
    gap: 20px;
    margin-bottom: 20px;
}
.pdp-right-column .pro-service-wrapper li svg{
    width: 28px;
    height: 28px;
}
.pro-features .share-button__button svg path {
    fill: var(--text-color);
}
.pdp-right-column .pro-payment p{
    text-transform: none;
    font-size: 20px;
    margin-bottom: 15px;
}
.pro-payment .payment-image-wrapper {
    gap: 10px;
}
/**** pdp tab sec ****/
.pdp-tab-sec .tab-head-row {
  margin-bottom: 45px;
  background: var(--third-color);
  padding: 15px;
  border-radius: 6px;
}
.pdp-tab-sec ul.tabs{
    gap: 10px 25px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
}
.pdp-tab-sec ul.tabs li a{
    font: var(--h4);
    text-transform: none;
    font-weight: 500;
    position: relative;
    padding-bottom: 3px;
}
.pdp-tab-sec ul.tabs li a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 1px;
    width: 0;
    background: var(--first-color);
    margin: 0 auto;
    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;
}
.pdp-tab-sec ul.tabs li a:hover,.pdp-tab-sec ul.tabs li.active a{
    color: var(--first-color);
}
.pdp-tab-sec ul.tabs li a:hover:after,.pdp-tab-sec ul.tabs li.active a:after{
        opacity: 1;
        width: 100%;
        visibility: visible;
}
.pdp-tab-sec .tabs-container .pdp-tab-des:not(:last-of-type){
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: .3px dashed var(--border-color);
}
.pdp-tab-sec .tabs-container .pdp-tab-des h3{
    color: var(--first-color);
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 500;
}
.pdp-tab-sec .tabs-container .pdp-tab-des p{
    line-height: 1.7;
    opacity: .8;
}
.tabs-container .pdp-tab-discription .pdp-tab-img {
    overflow: hidden;
    padding-top: 40%;
  border-radius:10px;
  overflow:hidden;
}
.product-review-form {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin-top: 15px;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    padding-top: 30px;
    margin-top: 20px;
    border-top: .3px dashed var(--border-color);
}
.product-review-form.showform {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.pro-rating-form input, .pro-rating-form textarea,.review-form-rating .review-rating-icon {
    margin-top: 8px;
}
.rating-form-contact .row{
    row-gap: 20px;
}
.review-form-rating .review-rating-icon svg{
    width: 180px;
    height: auto;
}
.pdp-tab-sec .tabs-container .pdp-tab-des .write-review h3{
    margin-bottom: 0;
}
/**** sticky-pro-info ****/
.products-add-cart-sticky {
    position: fixed;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    background-color: var(--third-color);
    font-size: 20px;
    width: 100%;
    max-height: 100%;
    transform: translateY(120px);
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    z-index: 2;
}
.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 .qty-spinner button svg path{
    fill:var(--white);
}
.products-add-cart-sticky .sticky-pro-inner .qty-spinner input{
  color:var(--white);
}
.products-add-cart-sticky .sticky-pro-inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 12px 0;
}
.sticky-pro-info {
    gap: 10px;
}
.sticky-pro-info img {
    height: 60px;
    border: 1px solid var(--border-color);
    padding: 6px;
    border-radius: 5px;
    height: 60px;
    max-width: 80px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
.sticky-data h3 {
    font: var(--h6);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sticky-data h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.products-add-cart-sticky .size-variant-swatch>label,
.products-add-cart-sticky .color-variant-swatch>label {
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px 0 0;
    line-height: 1;
    text-transform: none;
}
.products-add-cart-sticky .size-variant-swatch .size-var {
    min-width: 50px;
    height: 30px;
    padding: 6px;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn {
    font-size: 14px;
  padding: 12px;
}
.products-add-cart-sticky .sticky-pro-inner .size-variant-swatch .list{
    width: 100%;
    bottom: 100%;
    top: auto;
}
body.product .site-footer{
    padding-bottom: 85px;
}
/**** ASK QUATION POPUP CSS ****/
.ask-qus-popup {
    position: fixed;
    inset: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    padding: 0 30px;
    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;
}
.ask-qus-popup.active{
    opacity: 1;
    visibility: visible;
}
.ask-qus-inner {
    position: absolute;
    max-width: 700px;
    margin: 0 auto;
    background-color: var(--third-color);
    -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) translateY(-50%);
    -webkit-transform: scale(0) translateY(-50%);
    -moz-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    -o-transform: scale(0) translateY(-50%);
    max-height: 90vh;
    overflow-y: auto;
    width: 100%;
    top: 50%;
    left: 0;
    border-radius: 10px;
    right: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ask-qus-popup.active .ask-qus-inner {
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -moz-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    -o-transform: scale(1) translateY(-50%);
}
.ask-form-wrapper{
    padding: 30px 20px;
}
.ask-form-wrapper .common-close, .notify-popup-close{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.ask-form-wrapper .form-inputs input,
.ask-form-wrapper .form-inputs textarea,
.ask-form-wrapper .form-inputs p {
    margin-bottom: 15px;
}
/**** size popup css ****/

.size-popup{
    position: fixed;
    inset: 0;
    background:rgb(0 0 0 / 58%);
    height: 100%;
    width: 100%;
    z-index: 4;
    padding: 0 30px;
    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;
}
.size-popup.active {
    opacity: 1;
    visibility: visible;
}

.size-table-wrapper .common-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.size-table-wrapper {
    position: absolute;
    max-width: 60%;
    margin: 0 auto;
    background-color: var(--third-color);
    -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) translateY(-50%);
    -webkit-transform: scale(0) translateY(-50%);
    -moz-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    -o-transform: scale(0) translateY(-50%);
    max-height: 90vh;
    overflow-y: auto;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.size-popup.active .size-table-wrapper {
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -moz-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    -o-transform: scale(1) translateY(-50%);
}
.size-form-inner {
    padding: 30px 15px 20px;
}
.size-popup .size-form h2 {
    font: var(--h4);
    text-align: center;
    margin-bottom: 20px;
    text-transform: none;
}
.size-tbl tbody tr:last-of-type {
    border-bottom: 0;
}
.size-tbl tr {
    border-bottom: 1px solid var(--border-color);
}
.size-tbl tr th {
    background-color: transparent;
    color: var(--white);
    text-align: left;
}
.size-tbl tr td {
    padding: 10px;
    text-align: left;
}
/* table css */
table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: auto;
    text-align: left;
}
table tr {
    display: block;
}
table tr th {
    text-transform: none;
    text-align: center;
    font-weight: 500;
    padding: 10px;
    font-size: 16px;
    color: var(--black);
    background-color: var(--grey);
}
table tr td[data-label="Stamp ID"],
table tr td[data-label="Country"],
table tr td[data-label="Scott"] {
    font-weight: 700;
}
table tr td[data-label="Stamp ID"] {
    text-align: center;
    background-color: var(--grey);
}
table tr td {
    padding: 10px;
    display: block;
    vertical-align: middle;
    text-align: center;
}
/* ============================================= */
/* !!!!      product list page css            !!!! */
/* ============================================= */
.product-heading-column .filter-title {
    padding: 16px;
    height: 100%;
    gap: 15px;
    background: var(--primary-color);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}
.filter-title .icon {
    height: 24px;
    width: 24px;
}
.product-heading-column .filter-title h2 {
    font: var(--h4);
}
.product-heading-row .sort-lbl {
    font-size: 14px;
    font-weight: 600; 
}
.product-heading-row .product-heading-right-column .nice-select {
    width: 200px;
  background: url(down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 15px) 50%;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: 1px solid var(--border-color);
  border-radius: 6px;
}
.product-heading-row .product-heading-right-column .nice-select option {
  color:var(--black);
}
.product-heading-row .current, .product-price-widget .price-select .current {
    display: block;
    width: 100%;
}
.product-price-widget .price-select .current:after{
    right: 10px;
}
.product-price-widget .price-select .current {
    border: 1px solid var(--border-color);
    padding: 10px 20px 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.product-heading-right-column ul {
    gap: 7px;
}
.product-heading-row .product-sorting-row{
    gap: 15px;
    border: 1px solid var(--border-color);
    padding: 10px;
  border-radius: 6px;
}
.product-heading-right-column ul.filter-list li {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: transparent;
    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-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    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;
}
.product-heading-right-column ul.filter-list li svg rect{
    fill: var(--white);
}
.product-heading-right-column ul li.active,.product-heading-right-column ul li:hover {
    background: var(--first-color);
}
/* filter */
.product-filter-body {
    position: relative;
    background-color: var(--second-color);
    /* padding: 40px 0 15px; */
}
.close-filter {
    display: none;
    position: absolute;
    top: 5px;
    right: 0;
    height: 30px;
    width: 30px;
    padding: 7px;
    cursor: pointer;
}
.close-filter svg {
    width: 100%;
    height: 100%;
}
.close-filter svg path{
    fill: var(--white);
}
.product-filter-body .product-widget{
    border-bottom: 1px dashed;
}
.product-filter-body .product-widget.product-size-widget ,.product-filter-body .product-widget.product-fil-btn{
    border-bottom:none;
}
.product-widget .acnav-label {
    display: block;
    position: relative;
}
.product-widget>.pro-itm>.acnav-label {
    padding: 15px;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 16px;
}
.acnav-list {
    display: none;
    padding: 10px 0px 0px 0px;
}
.product-widget .acnav-list{
    padding: 0px 20px 20px;
}
.product-widget>.pro-itm>.acnav-label:after {
    top: 40%;
    right: 20px;
}
.price-select {
    margin-left: -5px;
    margin-right: -5px;
}
.select-col {
    width: 100%;
    max-width: 50%;
    padding: 0 5px;
}
.select-col p {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}
/**** range-slider start ****/
#range-slider {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 23px;
}
.ui-widget-content {
    background: var(--grey) !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(--white);
    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: 15px !important;
    width: 15px !important;
    top: -7px !important;
    margin-left: 0 !important;
    background: var(--first-color);
    border: 2px solid var(--first-color) !important;
    border-radius: 10px;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: var(--first-color) !important;
    border: 1px solid var(--white) !important;
}
/* range-slider end */
.product-widget .acnav-list .colors-checkbox:not(:last-of-type) {
    margin-bottom: 10px;
}
.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;
}
.colors-checkbox label {
    width: 100%;
}
.custom-checkbox {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.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;
}
.custom-checkbox input[type="checkbox"]+.color,
.custom-checkbox input[type="radio"]+.color {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid var(--white);
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.color,
.custom-checkbox input[type="checkbox"]+span.color {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid var(--white);
    cursor: pointer;
    background-size: contain;
    width: 1.25rem;
    height: 1.25rem;
}
.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(--white);
    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);
}
.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;
    text-transform: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.colors-checkbox .color-count {
    font-size: 12px;
}
.text-checkbox .checkbox {
    margin: 0;
    padding-bottom: 10px;
}
.text-checkbox .checkbox input[type="checkbox"] {
    display: none;
}
.text-checkbox .checkbox input[type="checkbox"]+.checkbox-label  {
    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;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    text-transform: none;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.product-colors-widget .text-checkbox .checkbox input[type="checkbox"]+.checkbox-label .clr {
    padding: 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid transparent;
}
.product-colors-widget .text-checkbox .checkbox input[type="checkbox"]:checked+.checkbox-label .clr {
    border: 1px solid var(--white);
    background-color: transparent;
}
.product-colors-widget .text-checkbox .checkbox .clr {
    width: 23px;
    height: 23px;
    position: relative;
}
.product-colors-widget .text-checkbox .checkbox input[type="checkbox"]:checked+.checkbox-label .clr::after{
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    border: 1px solid var(--white);
}
.delete-all {
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    cursor: pointer;
    margin: 0px 0 0;
}
.delete-all svg {
    height: 12px;
    margin-right: 5px;
    width: 12px;
}
.product-fil-btn .filter-btn {
    letter-spacing: 1px;
    font-weight: 500;
    width: 100%;
}
.product-filter-body .product-widget.product-fil-btn {
    padding: 0px 15px;
}
.product-filter-right-column .tab-content .row {
    margin: 0 -7px;
}
.product-filter-right-column .product-card {
    margin-bottom: 20px;
    height: auto;
    padding: 0 7px;
}
.product-filter-right-column .product-card-inner .img-wrapper {
    padding-top: 110%;
}
.collection-show-more {
    margin: 20px 0 0 auto;
}
/**** product-list-view ****/
/* product-list-view shf css */
.product-list-view .time-counter {
    position: unset;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.filter-list-wrp {
    gap: 10px;
}
.product-list-view .deal-timeline {
    margin: 0;
}
.product-filter-right-column .product-list-view .product-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
}
.collection .product-list-view .product-card .product-content-top p {
    display: -webkit-box;
}
/* product-list-view shf css end*/
.load-more-btn {
    margin: auto;
    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;
    margin-top: 15px;
}
.hide {
    display: none;
}
.product-list-view .product-card {
    margin-bottom: 0;
}
.product-filter-right-column .product-list-view .product-card-inner .img-wrapper{
    height: 100%;
}
.product-list-view .product-card .product-card-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 20px 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.product-list-view .product-card .color-variant-swatch .radio-buttons .color-var{
    height: 24px;
    width: 24px;
}
.product-list-view .product-card-inner .product-card-image {
    max-width: 260px;
    width: 100%;
}
.product-list-view .product-card-inner .product-content-top {
    width: 100%;
    text-align:left ;
    height: auto;
}
.product-list-view .product-card-inner .product-label-wrp {
    position: unset;
    gap: 10px;
    margin-bottom: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    opacity: 1;
}
.tab-content .product-list-view .time-counter {
    position: unset;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    margin: 15px 0 0;
}
.product-list-view .product-card-inner .product-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 0 0 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.product-list-view .product-card:hover .time-counter,
.product-list-view .product-card:hover .product-label-wrp {
    opacity: 1;
    visibility: visible;
}
.product-list-view .deal-timeline {
    background-color: var(--fourth-color);
    margin: 0 auto 0 0;
}
.product-list-view .product-card-inner .product-content-bottom {
   max-width: 27%;
   width: 100%;
}
.product-list-view .product-card-inner .product-content-bottom .rating-wrapper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-justify-content: end;
    margin-bottom: 15px;
}
.product-list-view .product-card .product-card-inner .pro-btn-wrapper {
    position: unset;
    margin-bottom: 15px;
    -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;
}
.product-list-view .product-card .price {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-justify-content: end;
    margin: 0 0 15px;
}

.product-list-view .color-variant-swatch .radio-buttons{
    margin: 0 0 15px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.product-list-view .size-variant-swatch {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-bottom: 15px;
}
.product-list-view .size-variant-swatch .nice-select .current{
    min-width: 150px;
    padding: 11px 29px 11px 10px;
}
.product-list-view .product-card .product-card-inner .pro-btn-wrapper .pro-btn {
    -ms-transform: translateX(0);
        transform: translateX(0);
    -webkit-transform: translateX(0);
}
.product-list-view .product-card .product-form .btn {
    margin: 0 0 0 auto;
}
/* pagination */
.pagination-row ul {
    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;
}
.pagination-row ul 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;
}
.pagination-row ul li a {
    padding: 5px 12px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.pagination-row ul li a.active {
    background-color: var(--first-color);
    color: var(--white);
}

.pagination-row ul li a svg {
    height: 10px;
    width: 10px;
}

/* ============================================= */
/* !!!!     COLLECTION LIST PAGE CSS        !!!! */
/* ============================================= */
.collection-list-page {
    margin: -8px;
    row-gap: 20px;
}
.collection-list-page .collection-card {
    padding: 8px;
}
.collection-main-sec .collection-card-inner {
    position: relative;
    overflow: hidden;
}
.collection-main-sec .collection-card-inner .collection-card-image{
    padding: 20px;
    background: var(--second-color);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 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;
}
.collection-main-sec:not(.list-collection-sec) .img-rasio {
    padding-top: 100%;
  z-index:1;
}
.collection-main-sec .collection-card-inner .collection-card-image img{
    -o-object-fit: scale-down;
       object-fit: scale-down;
}
.collection-main-sec:not(.list-collection-sec) .collection-card-inner .collection-card-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color:rgb(46 45 45 / 16%);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-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;
    z-index: 1;
}
.collection-main-sec .collection-card-inner:hover .collection-card-image::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.collection-main-sec .collection-card-inner:hover .collection-card-image{
    border-color: var(--border-color);
}
.collection-main-sec .collection-card-content{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.collection-main-sec .collection-card-content a.collection-title{
    font: var(--h4);
    text-transform: none;
    font-weight: 400;
    color: 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;
}
.collection-main-sec .collection-card-content a.collection-title:hover{
    color: var(--first-color);
}
/* ============================================= */
/* !!!!        blog page css       !!!! */
/* ============================================= */
.blog-grid-sec .blog-leftbar .col-12 {
    margin-bottom: 30px;
}
.blog-grid-sec .blog-leftbar .blog-card{
    height: 100%;
}
.blog-grid-sec .blg-recent, .blog-grid-sec  .blg-tags {
    border: 1px solid var(--border-color);
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.blog-grid-sec .blg-recent .section-title, .blog-grid-sec .blg-tags .section-title {
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.blog-grid-sec .section-title h2{
    font: var(--h4);
    color: var(--white);
    font-weight: 400;
}
.blog-grid-sec .blg-recent .blog-itm {
    gap: 10px;
}
.blog-grid-sec .blg-recent .blog-itm:not(:last-of-type) {
    margin-bottom: 15px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image {
    max-width: 90px;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image .blog-img {
    padding-top: 85%;
}
.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 h3 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content span{
    color: var(--first-color);
    text-transform: none;
}
.blog-grid-sec .blg-recent .blog-cat-list li:not(:last-of-type){
    margin-bottom: 10px;
}
.blog-grid-sec .blg-recent .blog-cat-list li a,.blog-grid-sec .blg-tags .blog-tag-list li a{
    color: 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;
    text-transform: none;
    font-size: 14px;
    
}
.blog-grid-sec .blg-recent .blog-cat-list li a{
      overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp:1;
    -webkit-box-orient: vertical;
}
.blog-grid-sec .blog-rightbar .blog-content h3{
    font: var(--h5);
}
.blog-grid-sec .blog-rightbar .blog-card {
    margin-bottom: 20px;
}
.blog-grid-sec .blg-recent .blog-cat-list li a:hover,.blog-grid-sec .blg-tags .blog-tag-list li a:hover{
    color: var(--first-color)
}
.blog-grid-sec .blg-tags .section-title{
    margin-bottom: 15px;
}
.blog-grid-sec .blg-tags .blog-tag-list{
    gap: 10px;
}
.blog-grid-sec .blg-tags .blog-tag-list li a{
    padding: 10px;
    line-height: 1;
    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;
}
/* blog page css end */
/* ============================================= */
/* !!!!        faqs sec css      !!!! */
/* ============================================= */
.faqs-iteam .acnav-label{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: var(--white);
    letter-spacing: 1px;
    gap: 15px;
    font-weight: 500;
}
.faqs-iteam .acnav-label span{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.faqs-iteam .acnav-label .faq-icon{
    width: 30px;
    height: 30px;
    position: relative;
}
.faqs-iteam .acnav-label .faq-icon::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 15px;
    width: 2px;
    background-color: var(--white);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            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;
}
.faqs-iteam .acnav-label .faq-icon::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 2px;
    width: 15px;
    background-color: var(--white);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 6px;
    top: 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;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.faqs-iteam.is-open .acnav-label .faq-icon::before {
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
}
.faqs-iteam.is-open .acnav-label {
    color: var(--first-color);
}
.faqs-iteam.is-open .acnav-label .faq-icon::after,.faqs-iteam.is-open .acnav-label .faq-icon::before{
    background-color: var(--first-color);
}
.faq-page .faqs-iteam{
    background-color: var(--second-color);
    padding: 15px 20px;
  border: 1px solid var(--border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.faq-page .row{
    row-gap: 20px;
}
/* faqs sec css end */
/* ============================================= */
/* !!!!        article page css        !!!! */
/* ============================================= */
.articlebar  h5 {
    margin-bottom: 15px;
}
.articlebar .quote-box svg {
    display: none;
}
.articlebar .quote-box h3, .articlebar h5 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
  line-height:1.4;
}
.article-bnr-img {
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-top: 65%;
    display: block;
}
.article-bnr-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.article-date{
    margin-bottom: 20px;
  text-transform:none;
  gap:20px;
}
.article-date span{
    text-transform: none;
    color: var(--white);
    display: block;
    font-size: 18px;
}
.articlebar .section-title h2{
    color: var(--white);
    line-height: 1.2;
}
.articlebar .section-title{
    margin-bottom: 20px;
}
.art-tags-icons-wrp {
    margin-top: 30px;
}
.art-tags ul {
    gap: 15px;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}
.art-tags ul li {
    padding: 5px 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    text-transform: none;
    color: 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;
    text-transform: none;
    cursor: pointer;
}
.art-tags ul li:hover{
    color: var(--first-color); 
}
.art-tags {
    gap: 15px;
}
.comment-form-wrp .pagination-row .pagination {
   margin: 15px 0 0 ; 
}
.comment-form-wrp .comment-wrapper .section-title{
    margin-bottom: 20px;
}
.comment-form-wrp .comment-wrapper .section-title h2{
    font: var(--h3);
  color:var(--white);
}
.comment-form-wrp .comment-wrapper .comment-iteam{
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.comment-form-wrp .comment-wrapper .comment-iteam:not(:last-of-type) {
    margin-bottom: 15px;
}
.comment-wrapper .comment-iteam .comment-iteam-inner{
    gap: 10px;
}
.comment-wrapper .comment-iteam .comment-iteam-image{
    width: 50px;
    height: 50px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    padding: 5px;
}
.comment-wrapper .comment-iteam .comment-iteam-image svg{
    width: 100%;
    height: 100%;
}
.comment-wrapper .comment-iteam .comment-iteam-content{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}
.comment-iteam .comment-iteam-content .comment-top-content{
    margin-bottom: 10px;
}
.comment-iteam .comment-iteam-content .comment-top-content .author-content {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: none;
}
.comment-iteam .comment-iteam-content .comment-top-content .author-content-date{
    color: var(--first-color);
    text-transform: none;
}
.comment-iteam-wrapper{
    margin-bottom: 30px;
}
.article-section .sticky-column{
    position: sticky;
    top: 10px;
}
.article-navigation {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    color: var(--white);
    gap: 15px;
}
.article-navigation .article-prev, .article-navigation .article-next {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.article-navigation .article-next {
    text-align: end;
}
.article-navigation .article-prev a, .article-navigation .article-next a {
    gap: 10px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    color: var(--white);
    text-transform: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    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;
}
.article-navigation .article-prev a span, .article-navigation .article-next a span{
    line-height: 1;
}
.article-navigation .article-prev a:hover, .article-navigation .article-next a:hover{
    color: var(--first-color);
}
.article-navigation .article-prev a svg, .article-navigation .article-next a svg {
    width: 14px;
    height: 14px;
}
.article-navigation .article-prev a svg path, .article-navigation .article-next a 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;
}
.article-navigation .article-prev a:hover svg path, .article-navigation .article-next a:hover svg path{
    fill: var(--first-color);
}
/* article page css start */
/* ============================================= */
/* !!!!       about page css         !!!! */
/* ============================================= */
.counter-sec .counter-left-col{
    max-width: 80%;
    width: 100%;
}
.counter-sec .counter-left-col .section-title p,.about-info-sec .section-title.about-info-title p{
    line-height: 1.6;
}
.counter-sec .counter-right-col .counter-item{
    background-color: var(--second-color);
    padding: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.counter-right-col .counter-item .counter-item-img{
    width: 75px;
    height: 75px;
    margin-bottom: 40px;
}
.counter-right-col .counter-item .counter-item-img svg{
    width: 100%;
    height: 100%;
}
.counter-sec .counting {
    position: relative;
    margin-bottom: 15px;
    font: normal 600 50px / 1 var(--first-font);
    color: var(--first-color);
}
.counter-sec .counting::after {
    content: " +";
    display: inline-block;
}
.counter-right-col .counter-item h3{
    text-transform: none;
    font: var(--h4);
}
 .counter-sec .section-title{
     margin-bottom: 0;
}
.about-info-sec .section-title.about-info-title{
    max-width: 45%;
    width: 100%;
    margin: 0 auto 40px;
}
.about-info-left.img-rasio {
    padding-bottom: 65%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.about-info-sec .about-info-right .section-title {
    margin-bottom: 0;
}
.about-info-sec .about-info-right .section-title h2{
    max-width: 85%;
    width: 100%;
}
.about-info-sec .about-info-right .section-title p{
    line-height: 1.7;
}
.about-info-right {
    max-width: 95%;
    width: 100%;
    margin-left: auto;
} 
.about-info-sec .row.row-reverse .about-info-right{
    margin-right: auto;
    margin-left: 0
}
.about-info-sec .row:not(:last-of-type){
    margin-bottom: 25px;
}
/* about page css end */
/* ============================================= */
/* !!!!        contact page css      !!!! */
/* ============================================= */
.contact-page h3{
    color: var(--first-color);
    text-transform: none;
    font-weight: 400;
}
.contact-right-inner,.contact-right-inner #google_map{
    width: 100%;
    height: 100%;
}
 .contact-right-inner .con-map #map {
   height:100%;
 }
.contact-right-inner{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.contact-left-inner .form-btn{
    margin-top: 30px;
}
.contact-left-inner .form-container{
    padding: 0;
}
/* contact page css end */
/* ============================================= */
/* !!!!               CMS PAGE              !!!! */
/* ============================================= */
/** CMS PAGE START CSS **/
.cms-page h3{
   color: var(--white);
}
.cms-page h4,
.cms-page h5,
.cms-page h6 {
    color: var(--first-color);
}
.cms-page h3,
.cms-page h4,
.cms-page h5,
.cms-page h6 {
    margin-bottom: 20px;
    text-transform: none;
}
.cms-page p {
    line-height: 1.6;
}
.cms-page p:not(:last-of-type) {
    margin-bottom: 20px;
}
.cms-page ul {
    margin: 0px 15px 25px;
    padding-left: 20px;
}
.cms-page ul li {
    list-style: disc;
}
.cms-page ul li:not(:last-of-type) {
    margin-bottom: 10px;
}
.cms-page ul li::marker{
    color: var(--first-color);
}
.cms-page ul.help-link li a{
    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;
}
.cms-page ul.help-link li a:hover{
    color: var(--first-color);
}
.shipping-page .shipping-tbl {
    max-width: 500px;
    border: 0;
    margin: 0 0 25px;
}
.shipping-page table tr td {
    background-color: var(--third-color);
    padding: 10px 10px 10px;
}
.shipping-page table .bg-transparent td {
    background-color: transparent;
}
.shipping-page table tr th, .shipping-page table tr td {
    text-align: start;
}
.shipping-page table tr th {
    background-color: var(--first-color);
    color: var(--white);
    padding: 15px;
}
/* ============================================= */
/* !!!!         login page css      !!!! */
/* ============================================= */
.login-page .section-title h2,.register-page .section-title h2{
    color: var(--white);
}
.login-page .form-group ,.register-form .form-group{
    margin-bottom: 20px;
}
.login-page .forgot-pass-wrp {
    padding: 15px 0;
    gap: 15px; 
}
.login-page .checkbox-custom label:before{
    border-color: var(--first-color);
}
.login-page .checkbox-custom label{
    margin-bottom: 0;
}
.login-page .checkbox-custom label:before{
    padding: 10px;
}
.login-page .forgot-pass-wrp .forgot-pass, .login-page .login-form .forgot-col p a, .register-page .register-form .form-bottom p a {
    text-decoration: underline;
    text-underline-offset: 5px;
    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;
    text-transform: none;
}
.login-page .login-form, .register-form , .recover-password .login-form-inner { 
    border: 1px solid var(--border-color);
    padding: 20px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.login-page .forgot-pass-wrp .forgot-pass:hover, .login-page .login-form .forgot-col p a:hover, .register-page .register-form .form-bottom p a:hover{
    color: var(--first-color);
}
.login-page .login-form .forgot-col>p {
    margin: 0 0 20px; 
}
.login-page .form-bottom, .register-page .form-bottom {
    margin: 25px 0 0 0;
}
.login-page form input,.register-form input{
    padding: 15px 20px;
}
.login-page .checkbox-custom input:checked+label:after{
    border-color: var(--black);
    left: 9px;
    width: 4px;
    height: 9px;
}
.login-page form .form-group label,.register-page form .form-group label{
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
}
.register-page .form-bottom p a, .login-page .form-bottom p a {
    font-weight: 600;
}
.register-page form .btn{
    margin-top: 15px;
}
/* login page css end */
/* ============================================= */
/* !!!!         cart page css        !!!! */
/* ============================================= */
.cart-table tbody tr td{
    padding: 20px 20px;
    color: var(--white);
}
.cart-table tr th{
    text-align: left;
    background-color: transparent;
    color: var(--white);
    padding: 10px 20px;
    font-size: 24px;
}
.cart-table h2 {
    font: var(--h4);
    margin-bottom: 15px;
    text-align: left;
    text-transform: none;
}
.cart-table .cart-details .price {
    margin-bottom: 15px;
}
.cart-table .cart-details .price del{
    font-size: 14px;
}
.cart-table .cart-details .cart-option-wrapper .product-option,
.compare-pro-detail .compare-val-prod .product-option, .wishlist-pro-detail .wishlist-val-prod .product-option{
    gap: 10px;
}
.cart-table .cart-details .cart-option-wrapper .product-option:not(:last-of-type){
    margin-bottom: 6px;
}
.cart-image .pro-img-cart {
    padding-top: 85%;
    background: var(--second-color);
    border-radius: 10px;
    overflow: hidden;
}
.cart-image .pro-img-cart img{
    -o-object-fit: scale-down;
       object-fit: scale-down;
    padding: 15px;
}
.cart-table .qty-spinner {
    max-width: 114px;
    border-color: var(--border-color);
}
.cart-table .qty-spinner input{
    color: var(--white);
}
.cart-table .qty-spinner button svg path{
    fill: var(--white);
}

.cart-table tr th:last-of-type{
    text-align: center;
}
.cart-table tbody tr td.cart-remove .remove-btn svg,
.wishlist-pro-remove-btn .remove-btn svg, .compare-pro-remove-btn .remove-btn svg{
    width: 25px;
    height: 25px;
}
.order-historycontent .cart-table:not(.wishlist-table, .compare-table) {
    margin-bottom: 40px;
}
.order-historycontent .gift-cart {
    padding: 20px 15px;
    margin: 0 0 40px 0;
    background: var(--second-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid var(--border-color);
}
.order-historycontent .gift-cart-dtl {
    gap: 10px;
    font-size: 18px;
  text-align:center;
}
.order-historycontent .gift-cart-dtl svg {
    height: 50px;
    width: 50px;
}
.order-historycontent .gift-cart-dtl span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-transform: none;
    line-height: 1.5;
    display: block;
}
.order-historycontent .gift-cart-dtl span b{
    color: var(--first-color);
    font-size: 15px;
}
.cart-total-row {
    background: var(--second-color);
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    text-transform: none;
}
.cart-total-left {
    max-width: 465px;
    width: 100%;
}
.cart-total-row .cart-total-left h3 {
    margin-bottom: 25px;
}
.cart-total-row .cart-total-left label {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
    display: block;
}
.cart-total-left textarea {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: none;
    border: 1px solid var(--border-color);
}
.cart-total-right {
    max-width: 350px;
    width: 100%;
}
.cart-total-right .cart-total {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--white);
    margin-bottom: 15px;
  font-size:25px;
}
.cart-total-right .total-save {
    margin-bottom: 25px;
}
.cart-total-right .checkout-btn {
    margin-bottom: 15px;
}

/* cart page css end */
/* ============================================= */
/* !!!!         WISHLIST CSS         !!!! */
/* ============================================= */
.pro-compare-wrap .pro-compare-left .compare-title,
.pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
}
.pro-compare-wrap .pro-compare-left .compare-title,
.pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
    text-align: center;
    padding: 8px 20px;
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    text-transform: none;
}
.compare-wrap:not(:last-of-type),
.wishlist-wrap:not(:last-of-type){
    margin-bottom: 10px;
  border-bottom:1px dashed var(--border-color);
}
.pro-compare-scroll .compare-wrap .compare-val-prod,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.wishlist-remove, .wishlist-pro-remove-btn,
.compare-remove, .compare-pro-remove-btn {
    max-width: 12%;
}
.wishlist-remove,.compare-remove{
    text-align: center;
}
.wishlist-pro-remove-btn .remove-btn,.compare-pro-remove-btn .remove-btn{
    margin: 0 auto;
}
.wishlist-pro-remove-btn .wishlist-prod-remove,
.compare-pro-remove-btn .compare-prod-remove{
    width: 100%;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    padding: 20px;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label:first-of-type,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label:first-of-type,
.pro-compare-wrap .pro-compare-left .compare-title:first-of-type, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title:first-of-type {
    max-width: 320px;
    width: 1000%;
    text-align: left;
}
.compare-pro-detail .prod-img a,
.wishlist-pro-detail .prod-img a {
    position: relative;
    padding-top: 75%;
    display: block;
    overflow: hidden;
    background-color: var(--second-color);
}
.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;
    padding: 20px;
}
.compare-pro-detail .compare-val-prod .prod-title,
.wishlist-pro-detail .wishlist-val-prod .prod-title {
    font: var(--h4);
    margin-bottom: 15px;
    text-align: left;
    text-transform: none;
}
.compare-pro-detail .compare-val-prod .price,.wishlist-pro-detail .wishlist-val-prod .price{
    margin-bottom: 15px;
}
.compare-pro-detail .compare-val-prod .product-option:not(:last-of-type),
.wishlist-pro-detail .wishlist-val-prod .product-option:not(:last-of-type) {
    margin-bottom: 6px;
}
.wishlist-pro-detail .wishlist-val-prod  .wishlist-pro-price ,
.compare-pro-detail .compare-val-prod  .compare-pro-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
}
.wishlist-pro-detail .wishlist-val-prod  .wishlist-pro-price ins,
.compare-pro-detail .compare-val-prod  .compare-pro-price ins{
    font-size: 18px;
    color: var(--first-color);
    line-height: 1;
}
.wishlist-pro-detail .wishlist-val-prod  .wishlist-pro-price del,
.compare-pro-detail .compare-val-prod  .compare-pro-price del{
    font-size: 14px;
    line-height: 1;
}
.wishlist-pro-detail .wishlist-val-prod .wishlist-pro-remove-btn,
.compare-pro-detail .compare-val-prod .compare-pro-remove-btn {
    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;
   gap: 10px;
}
.pro-compare-sec .compare-bottom-btn,
.pro-wishlist-sec .wishlist-bottom-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  margin-top:15px;
}
.pro-wishlist-sec .section-title,
.pro-compare-sec .section-title{
    margin-bottom: 20px;
}
.pro-wishlist-wrap .pro-wishlist-left .wishlist-title.wishlist-detail,.pro-compare-wrap .pro-compare-left .compare-title.compare-detail ,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label.wishlist-pro-detail,.pro-compare-scroll .compare-wrap .compare-val-prod .compare-pro-detail.compare-data-label{
 text-align: left;
}
/****** WISHLIST PAGE CSS END ******/
/* ============================================= */
/* !!!!         MY ACCOUNT PAGE CSS        !!!! */
/* ============================================= */
.my-acc-sec table tr th {
    color: var(--white);
    background-color: transparent;
    font-size: 20px;
    text-align: left;
}
.my-acc-sec.my-account table tr th{
    color: var(--first-color);
}
.my-acc-sec table tr td {
    padding: 10px 15px 10px;
    text-align: left;
}
.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 {
    border-bottom: 1px solid var(--white);
    gap: 10px;
}
.my-acc-sec .account-details ul li label {
  min-width: 120px;
}
.my-acc-sec .account-details ul li p{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.my-acc-sec .order-history-frame {
    margin-bottom: 40px;
}
.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 .acc-btn {
    gap: 10px;
}
.my-acc-sec .acc-btn-wrp .acc-btn svg {
    margin: 0px;
}
.my-acc-sec .order-history-frame .section-title,
.account-details .section-title{
    margin-bottom: 30px;
}
/** MY ACCOUNT PAGE CSS END**/
/* ============================================= */
/* !!!!         ORDER PAGE CSS         !!!! */
/* ============================================= */
.order-history-list .order-title {
    margin-bottom: 26px;
}
.order-history-list .order-title h4 {
    margin-bottom: 15px;
}
.order-payment-box {
    max-width: 300px;
    margin-left: auto;
    border: 1px solid var(--border-color);
    padding: 20px;
    border-top: 0;
}
.order-main-sec .order-history-tbl{
    border: 1px solid var(--border-color);
}
.my-acc-sec.order-main-sec table.order-history-tbl tr:not(:last-of-type) ,.my-acc-sec.order-main-sec table.order-history-tbl thead tr{
    border-bottom:1px solid var(--border-color) ;
}
.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;
    gap: 7px;
}
.order-payment-box ul li:not(:last-of-type) {
    margin-bottom: 12px;
}
.order-address-inner .address-title {
    margin-bottom: 20px;
    color: var(--first-color);
    text-transform: none;
}
.order-address-inner .address{
    line-height: 1.6;
}
.order-history-tbl tr td a {
    text-transform: inherit;
}
/** ORDER PAGE CSS END **/
/* ============================================= */
/* !!!!        ERROR PAGE CSS      !!!! */
/* ============================================= */
.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 .section-title h3 {
    text-transform: none;
    margin: 30px 0 20px;
}
/* ============================================= */
/* !!!!         back to top button        !!!! */
/* ============================================= */
.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 #0000001a;
            box-shadow: inset 0 0 0 2px #0000001a;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    background: var(--second-color);
    -webkit-box-shadow: #5fd5229c 0 0 7px 0px;
            box-shadow: #5fd5229c 0 0 7px 0px;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.progress-wrap svg.progress-circle path {
    stroke: var(--first-color);
    stroke-width: 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}
.progress-wrap svg path {
    fill: none;
}
.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;
}
body.product .progress-wrap {
    bottom: 95px;
}
.recommend-product-sec .product-card .product-content .product-content-top .price{
    margin-bottom: 0;
}
/* ============================================= */
/* !!!!         ADDRESS PAGE CSS    !!!! */
/* ============================================= */
.my-add-sec .main-new-address {
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.my-add-sec .main-new-address .section-title{
    margin-bottom: 20px;
}
.my-add-sec .main-new-address .section-title h2 {
    font: var(--h3);
}

.my-add-sec .main-new-address .back-btn {
    color: var(--white);
    margin: 0 0 20px;
}

.my-add-sec .adress-main-list .adress-list .edit-btn {
    margin-right: 10px;
}

.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: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.acc-details p {
    line-height: 1.6;
}

.acc-details p,
.acc-details h2 {
    margin:15px 0;
}
.adress-list .section-title {
    margin-bottom: 20px;
}
.acc-details h2 {
    font: var(--h4);
}
/* releted product cart popup */
.cartdrawer .related-cart-wrp{
  margin-top: 25px;
}
.cartdrawer .related-cart-wrp h3{
  margin-bottom: 15px;
  font-size: 20px;
}
.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: 110%;
  display: block;
  background: var(--grey);
}
.cartdrawer .related-cart-inner a img{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: multiply;
  margin: auto;
}
.cartdrawer .related-image{
  position: relative;
  max-width: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.cart-variable p {
  color: var(--black);
  margin-bottom:12px;
  font-size:14px;
}
.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: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
}
.cartdrawer .related-cart-text a{
      text-decoration: underline;
    font-size: 12px;
}
.cartdrawer .related-cart-price{
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.cartdrawer .pvarprice svg path{
  fill: red;
}
.cartdrawer .cart-slider{
  position: relative;
}
.cartdrawer .swiper-pagination{
  position: relative;
  margin-top: 10px;
}
.related-cart-wrp .swiper-pagination-bullet{
  background-color:var(--third-color);
}
.related-cart-wrp .swiper-pagination-bullet-active{
  background: var(--first-color);
}
/* releted product cart popup  end*/
/************* SHF css  ***************/
/****************** fillter color css ***************/
.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:8px;
}
.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(--primary-color);
}
.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;
}
.product-list-row  .product-filter-column {
    margin-top: 20px;
}
.cart__warnings .section-title {
    margin-bottom: 20px;
}
/************** fillter color css end ******************/
/* cart page */
.cart-item__error-text:empty+svg {
    display: none;
}
.cart__warnings>svg {
    margin: 0 auto 10px;
}
/* cart page end */
/* cart empty */
.cartdrawer:not(.is-empty) .minicart__warnings, .cart-total-row.is-empty, .cart-empty-block:not(.is-empty) .cart__warnings, .cart-empty-block.is-empty #cart-gift-wrap {
    display: none;
}
.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 svg#icon-cart-emty {
    width: 55px;
    margin: 0 auto 30px auto;
}
.mini-cart-footer.is-empty {
    display: none;
}
.minicart__warnings .btn, .cart__warnings .btn {
    gap: 10px;
}
.cart__warnings .btn svg path {
  fill: var(--text-color);
}
.cart__warnings .btn:hover svg path {
  fill: var(--white);
}
.shopify-payment-button__more-options {
    display: none;
}
.cart-btn[disabled], .sticky-btn[disabled] {
    cursor: not-allowed !important;
    opacity: .8 !important;
}
.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-img img {
  width: 100%;
}
.card__media:hover .hover-img {
opacity: 1;
visibility: visible;
}
.card__media:hover .default-img  {
opacity: 0;
visibility: hidden;
}
.product-card .product__media-item:not(:first-child) {
    display: none;
}
/* ========color variant=========== */
.color-variant-swatch .color-info label,
.size-variant-swatch .size-info label {
    position: relative;
    font-size: 16px;
    display: inline-block;
}
.color-variant-swatch .radio-buttons {
    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;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
    gap: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  border:none;
}
.color-variant-swatch.color-list .pro-color:not(:last-of-type) {
    margin-right: 10px;
}
.color-variant-swatch input[type=radio], .quick-view-right .color-variant-swatch .button input[type=radio],
.quick-view-left .color-variant-swatch .pro-color.active label:after, 
.quick-view-left .color-variant-swatch input:checked+label:after {
    display: none;
}
.color-variant-swatch label.color-var, .quick-view-left .color-variant-swatch .color-var{
    /* margin: 3px; */
    position: relative;
    padding: 0;
    min-height: 30px;
    min-width: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid var(--white);
}
.product-card .color-variant-swatch label.color-var, .offer-box .color-variant-swatch label.color-var{
  min-height: 22px;
  min-width: 22px;
}
 .offer-box .color-variant-swatch {
   margin-bottom: 15px;
   display:block;
 }
.color-variant-swatch label.size-var, .quick-view-left .color-variant-swatch .size-var{
  position:relative;
   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;
    min-width: 40px;
    width: auto;
    gap: 10px;
    padding: 8px 8px;
    font-size: 14px;
    font-weight: 600;
     background-color: transparent;
    color: var(--body-text-color);
    border: 1px solid var(--white);
    text-transform: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.product-card .color-variant-swatch input:checked+label, 
.pdp-right-column .color-variant-swatch input:checked+label, 
.pdp-right-column .color-variant-swatch input:checked+label.color-var,
.quick-view-left .color-variant-swatch input[type=radio]:checked+label, 
.sticky-pro-inner .color-variant-swatch .radio-buttons .sticky-active {
    -webkit-box-shadow: 0 0 0 1px #5fd5229c, inset 0 0 0 2px #89d164;
            box-shadow: 0 0 0 1px #5fd5229c, inset 0 0 0 2px #89d164;
    border: none;
}
.color-variant-swatch .var-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  height: 60px !important;
  width: 60px !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
/* contect page */
/*------------------- 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, .form-status-list {
  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;
  border-radius:10px;
}
.subscribe-form-wrapper .form__message_success {
    margin: 10px 0 0;
}
/* contect page end */
/*=================SHF address page =============*/
#recover,#recover + .recover-password,#recover:target ~ .back-toshop,#recover:target ~ .section-title,#recover:target ~ .login-form{
display: none;
}
#RecoverEmail-email-error{
  border: 1px solid #ff0000;
    display: block;
    padding: 10px;
    color: #ff0000;
    background: #ff00001c;
    margin: 0 0 15px;
}
#recover button{
  margin-right: 10px;
}
#recover:target + .recover-password,#recover:target {
display: block;
}
#recover .section-title{
  margin-bottom: 20px;
}
.addresses [aria-expanded="false"] ~ div[id] {
display: none;
}
.addresses [aria-expanded="true"] ~ div[id] {
display: block;
margin: 30px 0 0;
    border-radius: 10px;
}
#address_form_new .checkbox-custom label:before {
  border-color: var(--border-color);
}
.adadress .form-group label ,
.adress-list .form-group label {
    text-align: start !important;
    width: 100%;
}
.adress-list .acc-details h4 {
  margin: 0 0 15px;
}
.form-group {
    margin-bottom: 20px;
}
.newadress-btn {
    text-align: center;
    margin-bottom: 10px;
}
.addressheading {
    padding-bottom: 15px;
}
.acc-back-btn-wrp {
    gap: 10px;
    margin: 10px 0 0;
}
.acc-back-btn-wrp button {
    gap: 10px;
}
.edit-spacer {
    margin: 30px 0 0;
}
.my-add-sec select {
    padding: 14px 33px 14px 20px;
    background-image: url(down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 11PX;
    background-position: calc(100% - 15px) 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.my-add-sec .select option {
    color: var(--black);
}
.order-title h4 {
    margin-bottom: 10px;
}
.order-title {
    margin-bottom: 20px;
}
.order-detail {
    margin-bottom: 40px;
}
.add-details h5 {
    margin-bottom: 10px;
    background: var(--third-color);
    padding: 15px;
    border-radius: 6px;
    color: var(--text-color);
}
/*------------------SHF search page ---------------------*/
.template-search .field {
  position: relative;
}
.template-search .search__button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: 3px;
    width: 38px;
    height: 36px;
    background: var(--primary-color);
    border: 1px solid var(--border-color);
    border-radius: 6px;
}
.template-search .search__button svg {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0 auto;
}
.template-search .search__button svg path {
  fill: var(--white);
}
.template-search .count-desc {
    text-align: center;
    margin: 20px 0;
    font-size: 18px;
}
.template-search__results .grid__item {
  margin: 0 0 30px;
}
.template-search .product-grid-container {
    background: var(--third-color);
    padding: 20px;
    border-radius: 10px;
}
.pagination-row .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
}
.pagination-row .pagination li a {
    background: var(--white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    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;
    font-weight: 500;
    color: var(--black);
}
.pagination-row .pagination li a.active {
  background: var(--primary-color);
  color: var(--primary-text-color);
}
.predictive-search__heading {
  color: var(--black);
}
.predictive-search .product-card .product-content .product-content-top {
    color: var(--black);
}
.predictive-search  .price {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.template-search__results .pagination-row ul li a svg path {
  fill: var(--black);
}
/*--------------------SHF Review form--------------------*/
.jdgm-star {
    font-weight: normal !important;
}
.reviews-stars-wrap .jdgm-widget{
  margin: 0px 0px 10px;
}
/* shf end */
#predictive-search-results {
    margin: 15px;
} 
#predictive-search-results #predictive-search-results-list li .predictive-search-inner {
  width: 100%;
}
.pro-wishlist-wrap {
    margin-bottom: 40px;
}
.login-page .recover-password .btn {
    width: auto;
}
.recover-password  .form-container {
    padding: 0;
}
.jdgm-form__fieldset-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  gap:10px;
}
.jdgm-form__fieldset-actions .jdgm-btn, .jdgm-btn--solid {
    color: black !important;
    width: 50%;
}
.pdp-right-column .qnty-btn-wrp .cart-form .cart-btn{
  margin-right:15px;
}
.predictive-search__list-item .price-item--sale {
    color: var(--black);
}
.service-sec .service-slider .arrow-wrapper{
  display:none;
}
.pdp-right-column .pro-features {}

.pdp-right-column .pro-features .pro-wishlist.active,.pdp-right-column .pro-features .pro-compare.active {
    color: var(--first-color);
}
.share-button__button, .share-button__fallback button {
    font: var(--common-text) !important;
}
.table-title {
    text-align: center;
    margin-bottom: 20px;
}
.search .common-banner-sec .common-banner-content .section-title h2 {
    font-size: 35px;
}
.cart-table tbody tr:not(:last-of-type) {
    border-bottom: 1px dashed var(--border-color);
}
.cart-table thead, .order-history-tbl thead, .pro-wishlist-left, .pro-compare-left  {
    background: var(--third-color);
  border-radius:6px;
}
.cart-table  .cart-item__price-wrapper {
    text-align: left;
  font-size: 18px;
    color: var(--text-color);
}
.my-acc-sec .order-history-frame .section-title {
    color: var(--text-color);
    /* text-align: center; */
}
.acc-btn:hover svg path {
    fill: var(--white);
}
.reset-password .btn {
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.reset-password {
    background: var(--third-color);
    padding: 25px;
    border-radius: 6px;
}
.article-img-wrapper {
    margin-bottom: 20px;
}
.article-img-wrapper .img-rasio {
    padding-top: 70%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.predictive-search__results-list.product-card:hover .product-card-image{
  border-color:transparent;
}
.minicart__warnings .btn:hover svg path,.minicart__warnings .btn:focus svg path{
      fill: var(--pro-text-color);
}
.quick-view-wrapper::-webkit-scrollbar-thumb{
  background:var(--first-color);
}
.jdgm-widget.jdgm-widget .jdgm-row-stars .jdgm-rev-widg__summary-stars{
  margin-bottom:10px !important;
}
.jdgm-write-rev-link.jdgm-write-rev-link{
  border-radius:10px !important;
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    padding: 10px 30px;
}
.jdgm-rev-widg,.jdgm-question-form-wrapper, .jdgm-form-wrapper{
  padding-bottom:0 !important;
}
.jdgm-form{
  padding:15px !important;
  border:1px solid var(--white);
  border-radius:10px;
}
.jdgm-form .jdgm-star {
    font-size: 110% !important;
}
.jdgm-widget input, .jdgm-widget textarea{
  border-radius:7px !important;
}
.jdgm-form__fieldset-actions .jdgm-btn, .jdgm-btn--solid{
  border-radius:7px !important;
}
.jdgm-form__fieldset-actions{
  margin-bottom:0 !important;
}
.pdp-tab-discription.pdp-tab-des .row:not(:last-of-type){
  margin-bottom:30px;
}
.pdp-tab-discription.pdp-tab-des .row{
  row-gap:20px;
}
.size-table-wrapper::-webkit-scrollbar-thumb,
.ask-qus-inner::-webkit-scrollbar-thumb{
    background-color: var(--first-color);
}
.jdgm-notification__title:before{
  color:var(--black) !important;
}
.jdgm-row-actions{
  margin-top:15px !important;
}
.main-search .template-search__search input{
  padding:12px 40px 12px 12px;
}
.product-filter-right-column{
      margin-top: 20px;
}
.product-list-view .product-card .product-content .product-content-top h3{
  display:inline-block;
}
body.article .common-banner-sec .common-banner-content .section-title h2{
  font:var(--h3);
}
.article-img-wrapper .row{
  row-gap:20px;
}
.comment-form-wrp .comment-form-wrapper .form__message_success{
  color:var(--white);
}
.login-page form .btn,.register-page form .btn {
        width: 100%;
    }
/************** video product page css *************/
  deferred-media.deferred-media {
      position: relative;
      display: block;
  }
  .media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
      display: block;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
  }
  .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%;
      -webkit-transform: translate(-50%,-50%) scale(1);
          -ms-transform: translate(-50%,-50%) scale(1);
              transform: translate(-50%,-50%) scale(1);
      z-index: 1;
      padding: 10px;
      background: var(--primary-color);
      border-radius: 0px 10px;
  }
  .deferred-media__poster-button.motion-reduce svg {
      fill: var(--white);
    position:unset;
  }
  .deferred-media:not([loaded]) template {
      z-index: -1;
  }
.infinity-loader {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.article-section .share-button__button .icon-share{
  margin-right: 5px;
}
.site-footer .payment-image-wrapper {
    gap: 5px;
}
.footer-bottom .row {
    row-gap: 10px;
}
.site-footer .payment-image-wrapper .payment-image img {
    width: 40px;
}
.site-header .megamenu-card .megamenu-image {
    position: relative;
    background-color: var(--third-color);
    border-radius: 10px;
}
.site-header .megamenu-card .megamenu-content {
    margin-top: 15px;
    text-align: center;
}

.site-header .megamenu-card .megamenu-image a {
    padding-top: 80%;
    position: relative;
    display: block;
}
.site-header .megamenu-card .megamenu-image a 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;
    border-radius: 10px;
}
.site-header .megamenu-card .megamenu-content span {
    font-size: 18px;
    line-height: 1;
}
.product-item-img .zoomImg {
    background: var(--body-bg-color);
    cursor: crosshair;
}
body.account table tr td:first-child a{
  text-decoration: underline;
}
span.option-label {
    margin-left: 5px;
}
.error-main-sec .eroor-content img {
    margin: 0 auto;
}
.blog-card-inner .blog-content p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.megamenu-card-inner .megamenu-content .megamenu-label {
    text-transform: none;
    padding: 5px 10px;
    color: var(--white);
    font-size: 12px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.megamenu-card-inner .megamenu-content .new-label {
    background-color: var(--error-color);
}
.megamenu-card-inner .megamenu-content .free-label {
    background-color: var(--success-color);
}
.megamenu-card-inner .megamenu-content .megamenu-btn-wrp {
   display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
      flex: 1;
    justify-content: end;
}
.loading-overlay__spinner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.hidden, .visually-hidden, [hidden] {
    display: none!important;
}
.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;
}
.btn.loading:hover>svg path,
.btn.loading:focus svg path {
    fill: var(--white);
}
.site-header .main-navigationbar .main-nav>li:first-of-type .menu-dropdown.mega-menu{
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus, .disclosure__list-wrapper .disclosure__item a.disclosure__link--active, .disclosure__list-wrapper .disclosure__item a:hover {
    background-color:#f4f4f4;
  color:var(--black);
}
body.index .site-footer{
  margin:0;
}
.quick-active.cartopen .overlay {
    z-index: 5;
}
.recentlyview .section-title{
  text-align:center;
}
.recent-slider .swiper-wrapper{
      max-width: fit-content;
    margin: 0 auto;
}
.jdgm-rev{
  border-color:rgb(6 6 6 / 10%) !important;
}
.jdgm-rev-widg.jdgm-rev-widg{
  padding:20px 15px !important;
}
.template-search__search .search__input.field__input{
 padding-right:45px;
}
.pro-compare-scroll .loading-overlay__spinner,
.pro-wishlist-scroll .loading-overlay__spinner{
      display: block;
      position: unset;
    width: auto;
    height: auto;
}
#cookie_message{
  text-align:center;
   border-radius:  10px !important;
   z-index: 3 !important;
}
.quick-view-left-inner .color-variant-swatch .product-labl{
  display: block;
    width: 100%;
}
.pagination-row .pagination{
  margin-top:30px;
}
.site-header .main-navigationbar .main-nav>li .mega-menu-container{
      max-width: 1200px;
}
/*************************** responsive **************************/
@media (hover: hover) {
    .site-header .main-navigationbar .main-nav li.menu_active>a span::before,
    .site-header .main-navigationbar .main-nav>li.menu_active>a:before,
    .site-header .megamenu-card:hover .megamenu-content a:before,
    .site-footer .footer-address-col .footer-widget ul li a:hover span:before,
    .site-header .main-navigationbar .main-nav li.menu_active>a:before,
    .site-header .menu-dropdown ul>li>a:hover:before
    {
        opacity: 1;
        width: 70%;
        visibility: visible;
    }
    .site-header .main-navigationbar .main-nav li.menu_active>a,
    .site-header .main-navigationbar .main-nav li>a:hover, 
    .site-footer .footer-widget ul li a:hover,
   .site-header .megamenu-card:hover .megamenu-content a{
        color: var(--first-color);
    }
    .site-header .main-navigationbar .main-nav>.menu-lnk.has-item.menu_active>a:after{
        border-top: 1px solid var(--first-color);
    border-left: 1px solid var(--first-color);
    }
    .site-footer .footer-widget ul li a:hover:after
    {
        opacity: 1;
        width: 70%;
        visibility: visible;
    }
    /* site-footer */
    .site-footer .footer-social-icon li a:hover {
        background-color: var(--secondary-color);
    }
    .site-footer .footer-bottom .footer-bottom-inner p a:hover {
        color: var(--fourth-color);
    }
}
@media screen and (min-width: 1440px) {
    .menu-item-left.menu-items-col {
        margin-left: 110px;
    }
    .site-header .main-navigationbar .main-nav>li:not(:last-of-type) {
        padding-right: 50px;
    }
    .site-header .menu-item-right .search-header input{
        min-width: 300px;
    }
    .site-header .menu-item-right{
        gap: 25px;
    }
  .template-search .field { 
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
}
    /* footer css start */
    .site-footer .footer-subscribe-col {
        max-width: 380px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px;
        padding-left: 0;
    }
    .site-footer .footer-social-icon li a{
        width: 40px;
        height: 40px;
    }
    .site-footer .footer-social-icon li a svg{
        width: 25px;
        height: 25px;
    }
    .site-footer .footer-col h2 {
        font: var(--h3);
    }
    /* footer css end */
    /* home banner section css start */
    .home-banner-content {
        padding: 300px 0px 280px;
    }
    .home-banner-content .section-title h2{
        font: var(--h1);
    }
    .home-banner-content .section-title p {
        max-width: 75%;
        margin: 15px auto 0;
    }
    /* home banner section css end */
    /* commen banner content css start */
    .common-banner-sec .common-banner-content .section-title h2{
        font: var(--h1);
    }
     /* commen banner content css end */
    /* product page css start */

    .pdp-right-column .pro-service-wrapper{
        gap: 30px;
    }
    .pdp-right-column .price ins {
        font-size: 40px;
    }
    /* product page css end */
   /* blog page css start */
    .blog-grid-sec .blg-recent .blog-cat-list li a, .blog-grid-sec .blg-tags .blog-tag-list li a{
        font-size: 18px;
    }
    .blog-grid-sec .blg-recent .blog-itm .blog-content h3 {
        font: var(--h6);
       font-weight: 400;
    }
    .blog-grid-sec .blog-rightbar .blog-content h3 {
       font-size: 24px;
    }
    /* blog page css end */
    .offer-sec .row .section-title {
        max-width: 85%;
    }
    .offer-sec .row .section-title h2{
        font-size: 55px;
    }
}

@media screen and (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }
    .site-footer .subscribe-form-wrapper .subscribe-btn svg {
        display: none;
    }
    /* header css start */
    .site-header .main-navigationbar .main-nav .has-item>a {
        padding-right: 20px;
    }
    .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-weight: 500;
        font-size: 14px;
        line-height: 1;
        padding: 0 0 3px 0;
        text-transform: 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;
    }
    .sub-menu-lnk .list-title svg{display: none;}
.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 .main-navigationbar .main-nav>li.menu-lnk .menu-dropdown.mega-menu {
    padding: 20px 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
}
.site-header .main-navigationbar .main-nav>li.menu-lnk .menu-dropdown {
    position: absolute;
    top: 100%;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    opacity: 0;
    visibility: hidden;
    max-width: 150px;
    min-width: 200px;
    width: 100%;
    padding: 15px;
    z-index: 2;
    color: var(--black);
    background-color: var(--white);
    border-top: 1px solid var(--border-color);
    -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
  border-radius:0 0 10px 10px;
    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-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%);
}
.menu-items-col .main-nav>li.menu-lnk .menu-dropdown li {
    text-transform: none;
}
.site-header .menu-dropdown ul>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.site-header .menu-dropdown .list-title {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 10px;
}
.site-header .menu-dropdown ul>li>a {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    padding: 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;
}
.site-header .mega-menu .img-col {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 60%;
  border-radius:10px;
          overflow: hidden;
}
.site-header .mega-menu .img-col 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;
}
.mobile-menu-wrapper .mobile-sub-title {
    display: none;
}
.site-header .menu-dropdown ul>li>a::before{
    background-color: var(--black);
}
/* header css end */
/* product page css start */
.pdp-page-main-sec .pro-main-slider{
    max-width: calc(100% - 130px);
}
.pdp-page-main-sec .pro-thumb-slider {
    max-width: 130px;
    max-height: 480px;
    padding-right: 20px;
}
.pdp-page-main-sec .pro-thumb-slider .swiper-slide{
    height: auto !important;
}
/* product page css end */
    .site-header .main-navigationbar .main-nav>li:first-of-type .menu-dropdown.mega-menu {
  min-width: 600px;
    padding: 20px;
    max-width: unset;
    width: auto;
}
  /* .site-header .main-navigationbar .main-nav>li:first-of-type .menu-dropdown.mega-menu .container {
    max-width:unset;
    padding: 0;
  }
  .site-header .main-navigationbar .main-nav>li:first-of-type .menu-dropdown.mega-menu .row [class*=col-] {
    width: 50%;
  } */
}

@media screen and (min-width: 768px) {
    .site-footer .footer-col h2 svg {
    display: none;
}
    .mobile-stickybar {
        display: none !important;
    }
    .footer-acnav-list {
        display: block !important;
    }
    /* product page css start */
    .pdp-page-main-sec .no-gutters .pdp-right-column {
        padding-left: 20px;
    }
    /* product page css end */
    table tr td {
        padding: 20px 10px 20px;
        display: table-cell;
    }
    table tr {
        display: table-row;
    }
    /* cart page css start */
    .cart-table:not(.wishlist-table, .compare-table) tr td.cart-details {
        width: 32%;
    }
    /* cart page css end */
    /* login & register page css start */
    
     /* login & register page css end */
  /* product-list-page filter */
   #ProductGridContainer .mobile-only {
        display: none !important;
    } 
  /* product-list-page filter  end*/
  .sticky-pro-info {
    max-width: 230px;
    width: 100%;
    -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
}
  
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .comment-iteam-inner{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
          -ms-flex-direction:column;
              flex-direction:column;
    }
  }
@media screen and (max-width: 1260px) {
     /* footer css start */
    .site-footer .footer-social-icon li a{
        width: 30px;
        height: 30px;
    }
    .site-footer .footer-social-icon li a svg{
        width: 17px;
        height: 17px;
    }
     /* footer css end */
    .offer-sec .row .section-title {
        max-width: 90%;
    }
    /* service section css start */

    .service-card .service-card-content h3{
        font-size: 20px;
    }
    .service-card .service-card-image svg {
        width: 55px;
        height: 55px;
    }
    /* service section css end */
     /* product page css start */
    .pdp-right-column .pro-payment p{
        font-size: 18px;
    }
    .pdp-right-column .qnty-btn-wrp .quantity-select {
        max-width: 150px;
    }
    .pdp-right-column .pro-features li .pro-features-btn, .pdp-right-column .pro-service-wrapper li{
        font-size: 14px;
    }
    .pdp-right-column .pro-features .pro-features-btn svg {
        height: 20px;
        width: 20px;
    }
    /* product page css end */
    /* about page css start */
    .counter-sec .counter-right-col .counter-item{
        padding: 25px;
    }
    .about-info-sec .about-info-right .section-title h2{
        font: var(--h3);
    }
     /* about page css end */
}
@media screen and (max-width: 1199px) {
    :root {
        --h1: normal 600 45px/1.1 var(--first-font);
        --h2: normal 600 40px/1.1 var(--first-font);
        --h3: normal 600 28px/1.1 var(--first-font);
        --h4: normal 600 24px/1.1 var(--first-font);
        --h6: normal 500 16px/1.1 var(--first-font);
        --common-text: normal 400 14px/1.4 var(--first-font);
    }
    /* header css start */
    .site-header .main-navigationbar .logo-col {
        max-width: 160px;
    }
    .site-header .menu-item-right .search-header .search-btn svg, .site-header .menu-item-right li svg {
        height: 20px;
        width: 20px;
    }
    .site-header .menu-item-right .search-header input {
        min-width: 200px;
        padding: 12px 45px 12px 12px;
    }
    /* header css end */
    /* footer css start */
    .site-footer .footer-col:not(:first-child) {
        padding-left: 30px;
    }
    .site-footer .footer-logo {
        margin-bottom: 15px;
        max-width: 140px;
    }
    .site-footer .footer-subscribe-col {
        max-width: 290px;
        -ms-flex: 0 0 290px;
        -webkit-box-flex: 0;
                flex: 0 0 290px;
    }
    .site-footer .footer-subscribe-col .subscribe-btn{
        padding: 10px 12px;
        font-size: 14px;
    }
    /* footer css end */
    /* home banner section css start */
    .home-banner-content .banner-btn-wrapper .btn{
        padding: 12px 15px;
        font-size: 14px;
    }
   .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
    }
    .home-banner-content {
        padding: 200px 0px 150px;
    }
    /* home banner section css end */
    /* counter section css start */
    .offer-sec .row {
        padding: 120px 0 150px;
    }
    /* counter section css end */
    /* product page css start */
    .product-card .time-counter .deal-timeline{
        padding: 8px 10px;
    }
    .pdp-right-column .price {
        font-size: 30px;
    }
    .pdp-right-column .price del {
        font-size: 14px;
    }
    .pdp-right-column .qnty-btn-wrp .quantity-select {
        max-width: 115px;
    }
    .pdp-right-column .pro-service-wrapper {
        gap: 10px;
    }
    .pro-payment .payment-image-wrapper .payment-image {
        width: 60px;
    }
    .pdp-right-column .qnty-btn-wrp .cart-form .cart-btn, .pdp-right-column .qnty-btn-wrp .cart-form .notify-sold{
        font-size: 14px;
    }
    .pdp-right-column .qnty-btn-wrp .quantity-select .qty-spinner {
        height: 46px;
    }
     .products-add-cart-sticky .size-variant-swatch .nice-select .current {
        min-width: 160px;
    }
   .products-add-cart-sticky .color-variant-swatch .radio-buttons label:not(.var-label){
        width: 20px;
        height: 20px;
    }
    /* product page css end */
    /* product sticky popup css */
.products-add-cart-sticky .price del{
    font-size: 12px;
}
.products-add-cart-sticky .price  {
    font-size: 16px;
}
    /* product list page css start */
    .product-list-view .product-card .color-variant-swatch .radio-buttons .color-var{
        width: 20px;
        height: 20px;
    }
    .product-widget>.pro-itm>.acnav-label {
        padding: 15px 15px;
    }
    .product-widget .acnav-list {
        padding: 0px 15px 15px;
    }
    .product-list-view .product-card-inner .product-card-image {
        max-width: 170px;
    }
    .product-list-view .size-variant-swatch .nice-select .current {
        min-width: 120px;
    }
    /* product list page css end */
    /* blog page css start  */
    .blog-grid-sec .blg-recent .blog-itm .blog-image {
        max-width: 60px;
    }
    .blog-grid-sec .blg-recent{
        padding: 12px;
        margin-bottom: 20px;
    }
    /* blog page css end  */
    /* article page css start */
    .articlebar .section-title h2{
        font:var(--h3);
    }
    .article-date span{
        font-size: 16px;
    }
     /* article page css end */
     /* about page css start */
     .counter-sec .counting {
        font-size: 40px;
     }
     .counter-right-col .counter-item .counter-item-img {
        width: 65px;
        height: 65px;
        margin-bottom: 25px;
    }
    .counter-right-col .counter-item h3{
        font-size: 22px;
    }
    .counter-sec .counter-left-col {
        max-width: 90%;
    }
    .about-info-sec .section-title.about-info-title {
        max-width: 65%;
    }
     /*** about page css end ***/
     /* cart page css start */
     .cart-table tr th ,.pro-compare-wrap .pro-compare-left .compare-title, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title{
        font-size: 20px;
    }
    .cart-table tbody tr td.cart-remove .remove-btn svg, .wishlist-pro-remove-btn svg, .compare-pro-remove-btn  svg {
        width: 20px;
        height: 20px;
    }
    .cart-table .qty-spinner {
        max-width: 100px;
    }
    /* cart page css end */
    /* compare & wishlist page css start */
    .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label:first-of-type, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label:first-of-type, .pro-compare-wrap .pro-compare-left .compare-title:first-of-type, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title:first-of-type {
        max-width: 250px;
    }
    /* compare & wishlist page css end */
    /* quick popup css start */
    .quick-view-left-inner .price{
        font-size: 24px;
    }
    .quick-view-left-inner del{
        font-size: 14px;
    }
     /* quick popup css end */
  .service-sec .service-slider .arrow-wrapper{
  display:block;
}
  .pdp-tab-sec .tab-head-row{
        margin-bottom: 35px;
  }
    .blog-grid-sec .blg-tags .blog-tag-list li a{
    font-size:12px;
    padding:7px;
  }
  .blog-grid-sec .blg-recent .blog-itm .blog-content h3{
    font-size:14px;
  }
}
@media screen and (max-width: 991px) {
   .mobile-menu-wrapper .mobile-lag {
        padding: 15px 10px;
        gap: 20px;
        border-bottom: 1px dashed var(--black);
    }
  #predictive-search-results #predictive-search-results-list li {
      padding: 0 8px !important;
  }
  .mobile-lag .nice-select .current:after,  .languages .nice-select.current:after {
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    /* right: 0px; */
  } 
  .shopify-payment-button__button.shopify-payment-button__button--unbranded {
        min-height: auto;
  }
  .site-header .disclosure__list-wrapper ,
  .currency .nice-select .list {
          z-index: 3;
        top: 38px;
  }
   .mobile-lag .languages, .mobile-lag .country-name {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border:1px solid var(--black);
        /* padding: 10px; */
     border-radius: 5px;
    }
    .mobile-lag .current {
      /* padding: 0 !important; */
      color: var(--black);
      border:0px !important;
    }
    .mobile-lag .nice-select .current, .nice-select .list {
        width: 100%;
        display: block;
    }
  .search-popup .predictive-search {
    position: relative;
}
    :root {
        --h1: normal 600 36px/1.1 var(--first-font);
        --h2: normal 600 32px/1.1 var(--first-font);
        --h3: normal 600 28px/1.1 var(--first-font);
        --h4: normal 600 20px/1.1 var(--first-font);
        --h5: normal 500 18px/1.1 var(--first-font);
    }
    .section-title {
        margin-bottom: 25px;
    }
    .pb {
        padding-bottom: 40px !important;
    }
    .pt {
        padding-top: 40px !important;
    }
  .home-blog-sec{
    padding-bottom: 40px !important;
  }
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .row [class*="col-"] {
        padding: 0 10px;
    }
    .no-gutters [class*="col-"] {
        padding: 0;
    }
    .desk-only {
        display: none !important;
    }
    /* common banner css */
    .filter-cat li a  {
        font-size: 16px;
    }
    .filter-cat li:not(:last-child):after{
        width: 6px;
        height: 6px;
        top: 35%;
    }
    .common-banner-sec {
        padding: 40px 0;
    }
    .common-banner-sec .common-banner-content .section-title {
        margin-bottom: 15px;
    }
    /* header css start */
    .site-header .announcebar{
        display: none;
    }
    .site-header .main-navigationbar .navigationbar-row{
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 10px;
    }
    /* header css end */
    /* footer css start */
    .site-footer .footer-subscribe-col {
        max-width: 220px;
        -ms-flex: 0 0 220px;
        -webkit-box-flex: 0;
                flex: 0 0 220px;
    }
    .site-footer .footer-social-icon {
        gap: 5px;
    }
    .site-footer .footer-logo {
        max-width: 110px;
    }
    .site-footer .footer-subscribe-col .subscribe-btn span{
        display: none;
    }
    .site-footer .subscribe-form-wrapper .input-wrapper {
        padding: 6px;
    }
    .site-footer .subscribe-form-wrapper input{
        font-size: 13px;
    }
    .site-footer .footer-row {
        padding: 40px 0;
    }
    .site-footer{
        margin-top: 40px;
    }
    /* footer css end */
    /* home banner section css start */
    .home-banner-content .section-title {
        margin-bottom: 25px;
    }
    .home-banner-content {
        padding: 160px 0px 130px;
        max-width: 75%;
    }
    .home-banner-bg {
        max-width: 100px;
    }
    /* home banner section css end */
    /* product card css start */

    .product-card .product-content .product-content-bottom .cart-btn{
        padding: 12px 15px;
        font-size: 14px;
    }
     /* product card css end */
     /* counter section css start */
     .offer-sec .row {
        padding: 100px 0 100px;
    }
    .offer-sec .deal-timeline .counter{
        min-width: 70px;
        min-height: 70px;
    }
    /* counter section css end */
    /*****  MOBILE MENU CSS  *****/
    .site-header .menu-item-right li>a, .site-header .cart-icon, .site-header .wishlist-icon{
        display: block;
    }
    .menu-item-left.menu-items-col {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 4;
    max-width: 400px;
    width: 100%;
    height: 100%;
    background: var(--white);
    display: block;
    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 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    /*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;
    opacity: 0;
    visibility: hidden;
}
.active_menu .menu-item-left.menu-items-col {
    transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -moz-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
    opacity: 1;
    visibility: visible;
}
.active_menu .overlay{
    z-index: 3;
}
.active_menu header .main-navigationbar.sticky-header:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    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-header .main-navigationbar .main-nav>li:not(:last-of-type){
    border-bottom: 1px dashed var(--black);
    margin-bottom: 10px;
    padding:  0px 0 10px;
}
.site-header .main-navigationbar .main-nav>li>a{
    position: relative;
    font-size: 16px;
}
.active_menu .menu-item-left.menu-items-col .mobile-menu-bar{
    position: relative;
}
.site-header .main-navigationbar .main-nav>li.menu-lnk .menu-dropdown,
.site-header .main-navigationbar .main-nav .sub-menu-lnk .sub-menu-dropdown {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: var(--black);
    background-color: var(--white);
    -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    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 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    /*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;
    */
    height: 100vh;
    /* overflow: auto; */
}
.mega-menu-container,.mobile-menu-wrapper .mobile-menu-wrapper{
    padding: 15px;
   height: calc(100vh - 160px);
    overflow: auto;
}
.site-header .main-navigationbar .main-nav>li .menu-dropdown.open_menu,
.site-header .main-navigationbar .main-nav .sub-menu-lnk .sub-menu-dropdown.open_menu  {
    opacity: 1;
    visibility: visible;
    transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -moz-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
}
.mobile-menu-wrapper .menu-close-icon {
    text-align: right;
    padding: 15px 20px;
    background: var(--first-color);
}
  .mobile-menu-wrapper .menu-close-icon svg{
    cursor:pointer;
  }
.mobile-menu-bar{
    padding: 20px 15px;
  background: var(--white);
}
.mobile-menu-wrapper .menu-close-icon svg path {
    fill: var(--white);
}
.site-header .main-navigationbar .main-nav>.menu-lnk.has-item>a:after{
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    right: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.site-header .main-navigationbar .main-nav>li.menu_active.has-item>a:after{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.mobile-menu-wrapper .mobile-menu-bar>ul {
    height: calc(100vh - 48px);
    overflow: auto;
    background: var(--white);
    display: block;
}
.mobile-menu-wrapper .mobile-menu-wrapper{
    padding: 20px 15px;
}
.mobile-menu-wrapper .mobile-menu-wrapper li:not(:last-of-type){
    border-bottom: 1px dashed var(--black);
    margin-bottom: 10px;
    padding: 0px 0 10px;
}
.sub-menu-lnk .list-title svg{
    display: block;
    width: 15px;
    height: 15px;
}
.mega-menu-container .sub-menu-lnk:not(:last-of-type){
    border-bottom: 1px dashed var(--black);
    margin:0 0 0px;
    padding: 0px 0 10px;
}
.mega-menu-container .row{
    margin: 0;
    row-gap: 15px;
}
.mega-menu-container .row .col-12{
    padding-left: 0;
    padding-right: 0;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a {
    text-transform: none;
    color: var(--black);
    letter-spacing: 1px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a svg {
    width: 14px;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a .close-menu-ioc,
.mobile-menu-wrapper .mobile-menu-bar>ul>li.is-open>a.acnav-label .menu-open-arrow,
.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.is-open>a.acnav-label .close-menu-ioc,
.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 .mobile-item>ul>li:not(:last-of-type) {
    margin-bottom: 12px;
}
.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: 14px;
    line-height: 18px;
    text-transform: lowercase;
    font-family: var(--first-font);
}
.mobile-menu-wrapper .mobile-menu-bar .mobile-item>ul>li>a {
    font-size: 14px;
    font-family: var(--first-font);
}
.mobile-menu-wrapper .mobile-menu-bar .mobile-item>ul>li>a.acnav-label ,.mobile-menu-wrapper .mobile-menu-bar>ul>li>a{
    font-weight: 600;   
}
.mobile-menu-wrapper .menu-close-icon{
    display: block;
}
.mobile-sub-title{
    background: var(--grey);
    padding: 10px 15px;
    color: var(--black);
}
.mobile-sub-title .back-menu-button,
.mobile-sub-title .sub-menu-back{
    gap:10px;
    font-size: 18px;
    font-weight: 600;
}
.mobile-sub-title .back-menu-button svg,.mobile-menu-wrapper .mobile-sub-title .menu-close-icon svg,
.mobile-sub-title .sub-menu-back svg{
    width: 15px;
    height: 15px;
}

.mobile-menu-wrapper .mobile-sub-title .menu-close-icon{
    background-color: transparent;
    padding: 0;
}
.site-header .main-navigationbar .main-nav>.menu-lnk.has-item>a:after{
    top: 30%;
}
/* mobile wrapper CSS */
.service-card .service-card-content h3 {
    font-size: 16px;
}
.service-sec .service-card .service-card-inner{
    padding: 0 15px;
}
.service-card .service-card-image svg {
    width: 45px;
    height: 45px;
}
/* testimonial section css start */
.testimonial-card-inner {
    padding: 20px;
}
.testimonial-card-inner::before {
    width: 60px
}
.testimonial-card-inner .testimonial-img {
    width: 70px;
    height: 70px;
}
/* testimonial section css end */
 /* subscribe popup css start */
 .subscribe-popup {
    max-width: 720px;
}
/* subscribe popup css end */ 

/* product page css start */
.gallery-main .swiper-wrapper {
  height: 100%;
}
.product-slider-wrapper{
    row-gap: 30px;
}
.pdp-right-column .qnty-btn-wrp .cart-form .cart-btn{
    padding: 12px 15px;
}
.pdp-right-column .qnty-btn-wrp .quantity-select {
    max-width: 95px;
}
.pdp-right-column .qnty-btn-wrp .quantity-select .qty-spinner {
    height: 40px;
}
.pdp-right-column .pdp-variant-wrapper{
    gap: 15px;
}
.pdp-right-column .size-variant-swatch .nice-select .current{
    min-width: 155px;
}
.pdp-right-column .color-variant-swatch .radio-buttons label{
    min-height: 24px;
    min-width: 24px;
}
.pro-payment .payment-image-wrapper .payment-image {
    width: 45px;
}
.pdp-right-column .pro-payment p {
    font-size: 16px;
}
.pdp-right-column .pdp-rating svg{
    width: 90px;
    height: 20px;
}
.pdp-right-column .pdp-rating,.pdp-page-main-sec .section-title,.pdp-right-column .qnty-btn-wrp,
.pdp-right-column .pro-features, .pdp-right-column .pro-service-wrapper,.pdp-right-column .pdp-top-content{
    margin-bottom: 15px;
}
.pdp-right-column .price{
    font-size: 26px;
}

.products-add-cart-sticky .color-variant-swatch, .products-add-cart-sticky .size-variant-swatch {
    display: none;
}
.size-table-wrapper {
    max-width: 80%;
}
/* product page css end */

/* .product-heading-right-column ul li.grid-view{
    background: var(--first-color);
}
.product-filter-right-column  .tab-content {
    display: block;
} */
  /* blog page css start  */
  .blog-grid-sec .blg-tags .blog-tag-list li a {
    padding: 7px;
    font-size: 13px;
  }
  .blog-grid-sec .blog-rightbar .blog-content h3 {
    margin-bottom: 10px;
  }
  /* blog page css end  */
  /* article page css start  */
  .article-navigation .article-prev a, .article-navigation .article-next a{
    font-size: 16px;
  }
  .article-navigation .article-prev a svg, .article-navigation .article-next a svg {
    width: 12px;
    height: 12px;
}
.article-navigation {
    padding: 15px;
}
/* article page css start  */
/* about page css start */
.counter-right-col .counter-item h3 {
    font-size: 16px;
}
.counter-sec .counter-right-col .counter-item {
    padding: 20px;
}
.counter-sec .counting {
    font-size:  30px;
}
.counter-right-col .counter-item .counter-item-img {
    width: 55px;
    height: 55px;
    margin-bottom: 15px;
}
.about-info-sec .section-title.about-info-title{
    margin-bottom: 25px;
}
.about-info-right {
    max-width: 100%;
}
/* about page css end */
/* contact page css end */
.contact-left-inner .form-btn {
    margin-top: 20px;
}
/* contact page css end */
/* cart page css start */
.cart-table tbody tr td {
    padding: 12px 10px;
}
.cart-image .pro-img-cart img {
    padding: 7px;
}
.cart-table tr th ,.cart-table tr th, .pro-compare-wrap .pro-compare-left .compare-title, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title{
    font-size: 18px;
}
.cart-table .qty-spinner {
    max-width: 90px;
}
 .price {
    font-size: 18px;
}

.order-historycontent .gift-cart-dtl {
    font-size: 16px;
  
}
.cart-table tr th:first-child, .cart-table tr td:first-child {
    width: 150px;
}
.cart-total-row {
    padding: 20px;
}
.cart-total-right, .cart-total-left {
    max-width: 45%;
}
/* cart page css end */
/* compare & wishlist page css start */
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label:first-of-type, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label:first-of-type, .pro-compare-wrap .pro-compare-left .compare-title:first-of-type, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title:first-of-type {
    max-width: 190px;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-pro-cart-btn .btn, 
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-pro-cart-btn .btn{
    padding: 12px 15px;
}
.compare-pro-detail .prod-img a img, .wishlist-pro-detail .prod-img a img {
    padding: 10px;
}

/* compare & wishlist page css end */
/* account page css start */
.my-acc-sec .order-history-frame .section-title, .account-details .section-title {
    margin-bottom: 20px;
}
.my-acc-sec table tr th {
    font-size: 16px;
}
.cms-page ul {
    padding-left: 3px;
}
/* account page css end */
/* collection page css start */
.collection-main-sec .collection-card-content a.collection-title{
    font-size: 20px;
}
/* collection page css end */
/* product list page list view css start  */
  .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: 12px;
       border: 1px solid var(--border-color);
      width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.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-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-inner .product-content {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0;
    }
  .product-list-view .product-card-inner .product-content-bottom .rating-wrapper,
  .product-list-view .product-card .price,.product-list-view .color-variant-swatch .radio-buttons,
  .product-list-view .product-card .product-card-inner .pro-btn-wrapper{
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    -webkit-justify-content: start;
  }
  .product-list-view .product-card .product-form .btn {
    margin: 0 auto 0 0;
}
.product-list-view .product-card-inner .product-card-image{
  margin-bottom:20px;
  padding:0;
}
  .product-heading-row .product-heading-right-column .nice-select{
        padding: 12px 30px 12px 9px;
        width: 180px;
        font-size: 13px;
  }
  .product-heading-right-column ul.filter-list li {
    width: 35px;
    height: 35px;
  }

  .product-heading-row .product-sorting-row .filter-list-wrp p {
      display: none;
  }
 .product-list-view .color-variant-swatch label.size-var{
   font-size:12px;
 }
  .shopify-payment-button__button.shopify-payment-button__button--unbranded{
        padding: 12px;
    font-size:14px;
  }
  .pdp-right-column .pdp-timer .deal-timeline > span{
    display:none;
  }

/* product list page list view css end  */

   .predictive-search-bottom{
    padding-bottom:0 !important;
  }
  .main-search .predictive-search-bottom{
    padding-bottom:20px !important;
  }
  .popular-product-sec .product-card .product-card-image{
    padding:15px;
  }
  .service-card .service-card-image img {
    width: 55px;
    height: 55px;
  }
  .jdgm-rev-widg__summary {
    margin-bottom: 15px !important;
}
    .load-more-btn {
    margin: 20px auto auto;
  }
  .product-list-view .product-card-inner .product-content{
    padding:0;
  }
.pagination-row .pagination li a{
    width: 35px;
    height: 35px;
  }
  .site-footer .footer-widget ul li a, .site-footer .footer-contacts li a span,
  .site-footer .footer-subscribe-col p,
  .site-footer p{
    font-size:14px;
  }
}
@media screen and (max-width: 860px) {
    .site-footer .footer-social-icon li a {
        width: 20px;
        height: 20px;
    }
    .site-footer .footer-social-icon {
        gap: 10px;
    }
}
@media screen and (max-width: 767px){
    :root {
        --h1: normal 600 32px/1.1 var(--first-font);
        --h2: normal 600 28px/1.1 var(--first-font);
        --h3: normal 600 26px/1.1 var(--first-font);
        --h4: normal 600 20px/1.1 var(--first-font);
    }

    .site-header .main-navigationbar .logo-col {
        max-width: 130px;
    }

    .product-heading-row .product-sorting-row {
    gap: 10px 20px;
    padding: 0;
    border: none;
}
  #predictive-search-results ins {
    font-size: 16px !important;
}
    /* cartdrawer CSS start*/
    .cartdrawer .mini-cart-container {
        border-bottom: 1px solid var(--border-color);
        padding: 0 15px;
    }
    .cartdrawer .mini-cart-header {
        border-bottom: 0;
    }
    .cartdrawer .mini-cart-body,
    .coupon-popup .coupon-body,
    .gift-popup .gift-body {
        padding:20px 15px;
    }
    .cartdrawer .mini-cart-footer .cart-footer-top {
        padding: 20px 15px;
    }
    .cartdrawer .free-shipping-txt {
        font-size: 14px;
    }
    .cartdrawer .mini-cart-footer-total-row {
        font-size: 18px;
        line-height: 18px;
    }
    .cartdrawer .minicart-btn-wrapper .cart-bottom-btn {
        padding: 15px 18px;
    }
    .gift-popup .gift-body {
        padding: 32px 15px 20px;
    }

    .checkbox-custom label:before {
        top: 50%;
        padding: 7px;
    }
    .mini-cart-item .qty-spinner {
        max-width: 90px;
    } 
     /* cartdrawer CSS end*/
    /* search popup CSS start*/
    .search-popup .search-form .search-form-wrp svg{
        width: 17px;
        height: 17px;
    }
    /* search popup CSS end*/
    /* footer css start */
    .site-footer .footer-row {
        padding: 30px 0 20px;
    }
    .site-footer .footer-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
    }
  .site-footer .footer-bottom {
    padding: 0 0 15px 0;
  }
    .site-footer .footer-col .footer-widget .footer-acnav {
        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;
        margin: 0;
        color: var(--white);
    }
    .site-footer .footer-col .footer-widget .footer-acnav span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: block;
        text-transform: none;
        font-family: var(--first-font);
    }
    .site-footer .footer-col .footer-widget .footer-acnav svg {
        margin-left: 10px;
        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 .footer-acnav svg path{
        fill: var(--white);
    }
    .site-footer .footer-col .is-open.footer-acnav>svg {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .site-footer .footer-col:not(:last-of-type) {
        margin-bottom: 15px;
    }
    .site-footer .footer-col:not(:first-child){
        padding: 0;
    }
    .footer-row .footer-acnav-list {
        display: none;
        padding: 15px 0 0;
    }
    .site-footer .footer-subscribe-col{
        text-align: center;
    }
    .site-footer .footer-logo{
        margin: 0 auto 15px;
    }
    .site-footer .footer-social-icon li a {
        width: 25px;
        height: 25px;
    }
    .site-footer .footer-social-icon li a svg {
        width: 15px;
        height: 15px;
    }
    /* footer css END */
    /* home banner section css start */
    .home-banner-content {
        max-width: 100%;
    }
    .home-banner-content .section-title p {
        line-height: 1.6;
    }
    .home-banner-bg {
        max-width: 75px;
    }
    .home-banner-bg.home-banner-bg-1{
        bottom: 0;
    }
    .home-banner-bg.home-banner-bg-2{
        top: 12%;
    }
    @-webkit-keyframes mover {
        0% { -webkit-transform: translateY(0); transform: translateY(0); }
        100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);
}
    }
    @keyframes mover {
        0% { -webkit-transform: translateY(0); transform: translateY(0); }
        100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
    }
    /* home banner section css end */
    /* product card css start */
    .product-card .pro-btn-wrapper .pro-btn{
        transform: translateX(0)    ;
        -webkit-transform: translateX(0)    ;
        -moz-transform: translateX(0)    ;
        -ms-transform: translateX(0)    ;
        -o-transform: translateX(0)    ;
}
    .product-card .deal-timeline .count {
        font-size: 13px;
    }
    .product-card .time-counter .counter:not(:last-of-type) {
        padding: 0 12px 0 0;
    }
    .product-card .deal-timeline .counter:not(:last-of-type) .count:before{
        top: 9px;
    }
    .product-card .time-counter .deal-timeline svg {
        width: 14px;
        height: 14px;
    }
    .product-card .pro-btn-wrapper .pro-btn {
        width: 27px;
        height: 27px;
    }
    .product-card .pro-btn-wrapper .pro-btn svg {
        width: 16px;
        height: 16px;
    }
    .product-card .product-label-wrp .pro-label {
        font-size: 13px;
    }
    .product-card:hover .time-counter {
        opacity: 1;
        visibility: visible;
    }
    .product-card-slider, .popular-product-slider, .best-pro-slider,.testimonial-slider,.blog-slider  {
        padding-bottom: 30px;
    }
    /* product card css end */
    .popular-product-sec .product-card .product-card-image {
        max-width: 40%;
    }
    .popular-product-sec .product-card-inner .img-wrapper{
        padding-top: 100%;
    }
    .popular-product-sec .product-card-inner .product-content .btn-secondary{
        font-size: 14px;
    }
    .best-pro-sec .section-title{
        text-align: center;
    }
    /* counter section css start */
    /* offer section css start */
    .offer-sec .row {
        padding: 60px 0 60px;
    }
    .offer-sec .deal-timeline .counter{
        min-width: 60px;
    min-height: 60px;
    padding: 5px;
    }
    .offer-sec .deal-timeline .counter-dtl{
        font-size: 12px;
    }
    /* offer section css end */
    /* testimonial section css start */
    .testimonial-content p{
        line-height: 1.6;
    }
    /* testimonial section css end */

    /* subscribe popup css start */
 .subscribe-popup {
    max-width: calc(100% - 30px);
    padding: 30px 20px;
}
.subscribe-popup .subscriber-form .btn{
    font-size: 14px;
}
.subscribe-popup .subscriber-form input{
    padding: 12px 15px;
}
.subscribe-popup .section-title h2{
    font: var(--h3);
}
.subscribe-popup  .section-title{
    margin-bottom: 15px;
}
.subscribe-popup .subscriber-form {
    gap: 25px;
}
/* subscribe popup css end */
/* quick view popup css start */
.quick-view-left-inner {
    padding: 20px 0 0 0px;
}
.quick-view-wrapper{
    padding: 0;
}
.quick-view-inner{
    padding: 30px 15px 20px;
}
.quick-view-inner .quick-close-btn{
    top: 15px;
    right: 15px;
}

.service-slider .swiper-button-prev,.service-slider .swiper-button-next {
    height: 30px;
    width: 30px;
}
.service-slider .swiper-button-prev svg,.service-slider .swiper-button-next svg{
    width: 13px;
    height: 13px;

}
 .swiper-button-next, .swiper-button-prev{
    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);
    opacity: 1;
    visibility: visible;
}
/* quick view popup css end */
/* product page css start */
.pdp-right-column{
    margin-top: 30px;
}
.pdp-tab-sec .tab-head-row {
    margin-bottom: 35px;
}
.pdp-tab-sec ul.tabs{
    max-width: 100%;
}
.pdp-tab-sec .tabs-container .pdp-tab-des h3{
    font: var(--h4);
}
.review-form-rating .review-rating-icon svg {
    width: 130px;
}
.pdp-tab-sec .tabs-container .pdp-tab-des:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.product-review-form{
    padding-top: 20px;
    margin-top: 15px;
}
    .sticky-pro-info, .products-add-cart-sticky .qty-spinner {
        display: none;
    }
body.product .site-footer {
    padding-bottom: 70px;
}
 .ask-qus-inner {
    max-width: calc(100% - 30px);
}

.swiper-pagination-bullet {
    width: 20px;
    height: 3px;
}
body.index .site-footer {
    padding-bottom: 60px;
}
table thead {
    display: none;
}
/* size popup css */
.shipping-page table td::before, .order-history-tbl td::before, .size-tbl td::before {
    content: attr(data-label) "";
    float: left;
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
    text-transform: none;
}

.size-table-wrapper {
    max-width: calc(100% - 30px);
}
.size-tbl tr td{
    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 ;
}
.size-tbl tr,
.size-tbl tr td {
    padding: 5px 0;
}
.size-popup .size-form h2 {
    margin-bottom: 15px;
}

/* product page css end */
/* CART PAGE CSS START */
table tr td {
    padding: 15px 15px 0;
}
table:not(.order-history-tbl, .shipping-tbl, .size-tbl,.cart-table) tr td:last-of-type {
    padding: 15px;
}
/* PRODUCT-LIST PAGE CSS START */
.collection-main-sec .collection-card .collection-btn {
    opacity: 1;
    visibility: visible;
} 
 
.product-listing-section .product-heading-row .row [class*="col-"] {
    padding: 0;
}
    .product-heading-column .filter-title {
      background: transparent;
        display: block;
        padding: 0;
        border: 0;
        cursor: pointer;
    }
.product-heading-row .row {
  margin: 0px !important;
}
.filter-title .icon {
    height: 20px;
    width: 20px;
}
.product-heading-column .filter-title h2 {
    display: none;
}
.product-heading-right-column {
    padding: 10px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.filter_open .product-filter-left-column {
    overflow: auto;
    height: 100%;
    transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
}
.product-filter-body .close-filter {
    display: block;
}
/* filter css */
  .mobile-facets__open .icon {
      display: block;
      width: 20px;
       height:20px;
      margin: 0 auto;
    }
    .mobile-facets__open{
      background: var(--primary-color);
      display: block;
        max-width: 36px;
        padding: 7px;
        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;
    }
     .mobile-facets{
      position: fixed;
      top: 0;
      background: var(--second-color);
      left: 0;
      max-width: 300px;
      width:100%;
      height: 100%;
      z-index: 4;
      overflow: hidden;
       border-right: 1px solid var(--border-color);
      transition: all ease-in-out 0.5s;
      -webkit-transform: translate(-100%, 0px);
      -ms-transform: translate(-100%, 0px);
      transform: translate(-100%, 0px);
      -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;
       padding-top:40px;
    }
    .mobile-open .mobile-facets{
      -ms-transform: translate(0);
      -webkit-transform: translate(0);
      transform: translate(0);
      overflow: hidden;
      height: 100%;
    }
.product-widget.menu-opening .mobile-facets__footer{
    border-top: 1px solid var(--border-color);
}
input.mobile-facets__checkbox {
  border-radius: 2px !important;
}
    .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(--primary-color);
      pointer-events: none;
      -webkit-transition: opacity .4s ease;
      -moz-transition: opacity .4s ease;
      -ms-transition: opacity .4s ease;
      -o-transition: opacity .4s ease;
    }
    .mobile-open .close-filter {
      opacity: 1;
      pointer-events: visible;
     }
    .close-filter svg {
      height: 100%;
      width: 100%;
    }
    .product-filter-body .close-filter {
      display: block;
    }

    .small-hide, .medium-hide {
      display: none !important;
    }
  .mobile-facets__item .color-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* filter css end*/
/* PRODUCT-LIST PAGE CSS END */
/* blog page css start */
.blog-grid-sec .blog-leftbar .col-12{
    margin-bottom: 20px;
}
/* blog page css end */
/* faqs page css start */
.faq-page .row {
    row-gap: 15px;
}
/* faqs page css end */
/* article page css start */
.comment-form-wrp,.article-navigation{
    margin-top: 30px;
}
.comment-iteam-wrapper {
    margin-bottom: 20px;
}
.art-tags ul {
    gap: 10px;
}
.art-tags-icons-wrp {
    margin-top: 20px;
}
/* article page css end */
/* about page css start */
.counter-sec .counter-left-col{
    margin-bottom: 30px;
    max-width: 100%;
    text-align: center;
}
.counter-right-col .counter-item .counter-item-img {
    margin: 0 auto 15px;
}
.counter-sec .counter-right-col .counter-item,.about-info-sec .about-info-right{
    text-align: center;
}
.about-info-left.img-rasio{
    margin-bottom: 20px;
}
.about-info-sec .about-info-right .section-title h2{
    max-width: 100%;
}
.about-info-sec .section-title.about-info-title {
    max-width: 85%;
}
/* about page css end */
/* contact page css start */
.contact-page .row{
    row-gap: 20px;
}
.contact-page .contact-left-inner .form-content {
    padding: 0px;
}
.contact-right-inner {
    position: relative;
    padding-top: 70%;
}
 .contact-right-inner #google_map {
    position: absolute;
    top: 0;
    left: 0;
}

/* contact page css end */
/* login & register page css start */
.login-page .form-bottom, .register-page .form-bottom {
    margin: 20px 0 0 0;
    color: var(--white);
}
.login-page .form-group, .register-form .form-group {
    margin-bottom: 10px;
}
/* login & register page css end */
/* cart-page css */
.order-historycontent .cart-table:not(.wishlist-table, .compare-table),
.order-historycontent .gift-cart {
    margin-bottom: 20px;
}
.cart-table tr th,
.cart-table tr td {
    text-align: center;
}
.cart-table tr th:first-child,
.cart-table tr td:first-child {
    width: 100%;
}
.cart-table h2{
    text-align: center;
}
.cart-image .pro-img-cart{
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
    padding-top: 50%;
}
.cart-image .pro-img-cart img {
    padding: 15px;
}
.cart-table .qty-spinner {
    margin: 0 auto;
}
.cart-table tr td .price,
.cart-table .product-option,
.cart-table tr td .quantity-wrp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.cart-table tr td.total {
    font-size: 18px;
}
.cart-table {
    border: 1px solid var(--border-color);
    border-bottom: 0;
}
.cart-table tr {
    border-bottom: 1px solid var(--border-color);
}
.cart-total-right,
.cart-total-left {
    max-width: 100%;
}
.order-historycontent .gift-cart .btn{
    padding: 15px 15px;
}
.order-historycontent .gift-cart-dtl {
    font-size: 14px;
}
.cart-total-row {
    padding: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    gap: 20px;
}
.cart-total-row .cart-total-left h3 {
    margin-bottom: 20px;
}
.cart-total-row .cart-total-left label {
    font-size: 14px;
}
.order-historycontent .gift-cart-dtl svg {
    height: 40px;
    width: 40px;
}
/* cart-page css end*/
/* WISHLIST PAGE CSS START */
.pro-compare-left,
    .pro-wishlist-left{
        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;
    text-align: center;
}
.wishlist-pro-detail .wishlist-val-prod .wishlist-pro-remove-btn, .compare-pro-detail .compare-val-prod .compare-pro-remove-btn{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pro-compare-scroll .compare-wrap .compare-val-prod,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
    display: block;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label:first-of-type, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label:first-of-type, .pro-compare-wrap .pro-compare-left .compare-title:first-of-type, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title:first-of-type {
    max-width: 100%;
}
.compare-pro-detail .prod-img a,
.wishlist-pro-detail .prod-img a {
    padding-top: 40%;
    max-width: 60%;
    width: 100%;
    margin: 0 auto;
}
.compare-data-label:not(:last-of-type),
.wishlist-data-label:not(:last-of-type) {
    margin-bottom: 15px;
}
.pro-compare-right,
.pro-wishlist-right {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.compare-wrap,
.wishlist-wrap {
    padding: 20px 15px;
}
.compare-wrap:not(:last-of-type), .wishlist-wrap:not(:last-of-type){
    margin-bottom: 0;
}
.compare-pro-detail .compare-val-prod .prod-title, .wishlist-pro-detail .wishlist-val-prod .prod-title{
text-align: center;
}
.pro-compare-sec .pro-compare-wrap, .pro-wishlist-sec .pro-wishlist-wrap {
    margin-bottom: 30px;
}
.compare-pro-detail .compare-val-prod .price, .wishlist-pro-detail .wishlist-val-prod .price,
.compare-pro-detail .compare-val-prod .product-option, .wishlist-pro-detail .wishlist-val-prod .product-option{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/* compare & wishlist css end */
/* MY ADDRESS PAGE START CSS */
.my-add-sec .address-main-list {
    margin: 20px 0 0;
}
.address-list-left {
    margin-bottom: 20px;
}
.my-acc-sec table tr {
    padding: 10px;
}
.my-acc-sec table tr td {
    padding: 0;
    text-align: center;
}
.my-acc-sec table tr td:not(:last-of-type) {
    padding-bottom: 10px;
}
.order-history-tbl{
    border: 1px solid var(--border-color);
}
.my-acc-sec table tr:not(:last-of-type){
    border-bottom: 1px solid var(--border-color);
}
.my-acc-sec .order-history-frame {
    margin-bottom: 30px;
}
.my-acc-sec .order-history-frame .section-title, .account-details .section-title {
    margin-bottom: 15px;
}
.my-acc-sec .acc-btn-wrp {
    margin-top: 20px;
}
.order-history-list .order-title {
    margin-bottom: 20px;
    text-align: center;
}
/* MY ADDRESS PAGE end CSS */
/* error page css start */
.error-main-sec .eroor-content .large-text {
    font-size: 70px;
}
.error-main-sec .eroor-content .section-title h3 {
    margin: 25px 0 20px;
}
/* error page css end */
/* SHIPPING PAGE CSS START */
.shipping-page table tr th,
.shipping-page table tr td {
    text-align: center;
}
.shipping-page .shipping-tbl {
    max-width: 100%;
}
.shipping-page table tr td,.my-acc-sec table tr td{
    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;
}
.progress-wrap {
    height: 40px;
    width: 40px;
    bottom: 30px;
}
body.product .progress-wrap,body.index .progress-wrap {
    bottom: 75px;
}
.product-slider-wrapper {
    row-gap: 20px;
}
/* ADDRESS PAGE CSS START */
.add-primary {
    margin-bottom: 20px;
    text-align: center;
}
.adress-main-list .adress-list .add-default{
    text-align: center;
}
.my-add-sec .adress-main-list {
    margin: 20px 0 0;
}
.my-add-sec .main-new-address .back-btn,.acc-details p, .acc-details h2 {
    margin: 0 0 15px;
}
.product-card .product-content .product-content-top h3, .product-card .rating-wrapper,
.product-card .product-content .product-content-top .price, .product-card .product-content .product-content-top .color-variant-swatch {
  margin-bottom:10px;
}
.search-popup .search-wrp .section-title{
  margin-bottom:15px;
}

.service-card .service-card-image img {
        width: 45px;
        height: 45px;
    }
.pro-main-slider{
  max-width:100%;
}
.product-slider-wrapper{
  max-width:500px;
  width:100%;
  margin:0 auto;
}
.search .common-banner-sec .common-banner-content .section-title h2 {
    font-size: 26px;
}
.product-widget>.pro-itm>.acnav-label {
        padding: 15px 30px 15px 10px;
    }
.product-widget>.pro-itm>.acnav-label:after {
    right: 10px;
}
.mobile-facets__list.list-unstyled::-webkit-scrollbar-thumb{
  background:var(--first-color);
}
.mobile-facets__footer{
  padding-top:0;
}
 .cart-table .cart-item__price-wrapper{
   text-align:center;
 }
.cart-table tbody tr td.cart-remove .remove-btn svg, .wishlist-pro-remove-btn .remove-btn svg, .compare-pro-remove-btn .remove-btn svg {
    width: 20px;
    height: 20px;
} 
.edit-spacer .form-container ,
#AddAddress .form-container{
  padding: 0 0 15px ;
}
.reset-password {
    padding: 20px 15px;
}
.reset-password .form-container{
  padding:0;
}
.footer-bottom .row{
  justify-content:center;
  text-align:center;
}
 .product-widget>.pro-itm>.acnav-label {
    padding: 13px 32px 13px 0;
  }
.site-footer .payment-image-wrapper{
  justify-content:center;
}
}
@media screen and (max-width: 575px) {
    :root {
        --h1: normal 600 28px/1.1 var(--first-font);
        --h2: normal 600 26px/1.1 var(--first-font);
        --h3: normal 600 24px/1.1 var(--first-font);
        --h5: normal 500 16px/1.1 var(--first-font);
    }
      .out-of-stock-form {
        max-width: calc(100% - 30px);
        padding: 40px 15px 15px;
    }
  .quick-view-wrapper .quick-close-btn {
    top: 5px;
  }
    .filter-select-wrp {
        display: none;
    }
  .product-heading-right-column {
        background: none;
        border: none !important;
    }
      .product-heading-row .row {
        border-bottom: 1px solid var(--border-color);
    }
  .footer-bottom p{
        font-size: 13px !important;
  }
  .products-add-cart-sticky .nice-select {
    max-width: 150px;
  }
   .main-search .predictive-search-bottom{
    padding-bottom:0px !important;
  }
    /* search popup  css start*/
    .search-popup .close-search {
        right: 12px;
        top: 12px;
    }
    .search-popup .close-search  svg{
        width: 12px;
        height: 12px;
    }
    .search-popup{
        padding: 40px 15px 20px;
    }
    .search-popup .search-wrp .section-title h2 {
        font: var(--h4);
    }
    .search-popup .search-wrp .section-title  {
        margin-bottom: 15px;
    }
    /* search popup  css end*/
    /* header css start*/
    .site-header .main-navigationbar .logo-col {
        max-width: 110px;
    }
    .site-header .menu-item-right {
        gap: 12px;
    }
    .site-header .menu-item-right .search-header .search-btn svg, .site-header .menu-item-right li svg ,.site-header .mobile-menu{
        height: 18px;
        width: 18px;
    }  
  .quick-view-left .color-variant-swatch .radio-buttons .color-var  {
       height: 50px !important;
       width: 50px !important;
  }
    /* header css end*/ 
    /* cart popup css start*/
    .cartdrawer .mini-cart-image {
        width: 90px;
    }
    .cartdrawer .mini-cart-image a {
        padding-top: 108%;
    }   
    .coupon-popup .coupon-body .coupon-txt svg {
        width: 25px;
        height: 25px;
    }
    /* cartpoup css end*/
    /* home banner section css start */
    .home-banner-content {
        padding: 100px 0px 90px;
    }
    .home-banner-slider .swiper-pagination {
        bottom: 30px;
    }
    .home-banner-content .banner-btn-wrapper {
        gap: 10px;
    }
    .home-banner-bg {
        max-width: 60px;
    }
    .home-banner-iteam::after{
        content: '';
        position: absolute;
        background: #0000008c;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
    }
    .home-banner-bg{
        z-index: 1;
    }
    .home-banner-content .section-title p{
        font-size: 13px;
    }
  .my-acc-sec .acc-btn-wrp .acc-btn {
       padding: 12px 15px;
    }
  #predictive-search-results #predictive-search-results-list li {
        margin: 0 0 20px !important;
  }
    /* home banner section css end */
    /* product card css start */
    .product-sec .section-title,.popular-product-sec .section-title{
        -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;
    }
     /* product card css end */
     .offer-sec::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #0000004a;
     }
     .offer-sec .row .section-title {
        max-width: 100%;
    }
    /* testimonial sec css start */
    .testimonial-slider{
        padding: 0 15px 30px;
    }
    .testimonial-card-inner {
        padding: 15px;
    }
    .testimonial-card-inner::before {
        width: 50px;
    }
    .testimonial-card-inner .testimonial-img {
        width: 60px;
        height: 60px;
    }
    .testimonial-content{
        padding-top: 15px;
    }
    .testimonial-content p{
        font-size: 13px;
        line-height: 1.5;
    }
    .testimonial-info svg {
        width: 30px;
        height: 30px;
    }
    /* testimonial sec css end */
    /* subscribe popup css start */
    .subscribe-popup .subscriber-form {
        gap: 15px;
    }
    .subscribe-popup .subscribe-left-col {
        display: none;
    }
    .subscribe-right-col{
        text-align: center;
    }
   .subscribe-right-col .section-title h2{
     font-size:19px;
   }
    .subscribe-right-col p{
        font-size: 12px;
              margin-top: 12px;
    }
    .subscribe-popup .subscriber-form .btn{
        margin-right: 0;
    }
    .subscribe-popup{
        padding: 35px 15px 30px;
    }
    .subscribe-popup .common-close{
        top: 10px;
    right: 10px;
    }
    /* subscribe popup css start */
    /* product notification css start */
    .product-notification-info {
        gap: 7px;
    }
    .product-notification-img img {
        padding: 7px;
    }
    .product-notification-info .product-notification-iteam svg {
        width: 14px;
        height: 14px;
    }
    .product-notification-info .product-notification-iteam span,.product-notification-content p{
        font-size: 13px;
    }
    /* product notification css end */
    .btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    /* quick view popup css start */
    .quick-view-left .size-variant-swatch .size-var {
        min-width: 30px;
        height: 30px;
        font-size: 13px;
        padding: 6px;
    }
  
    .quick-view-left .qnty-btn-wrp .quantity-select input {
        padding: 8px;
    }
    .quick-view-left-inner .price {
        font-size: 20px;
    }
    /* quick view popup css end */
    /* mobile-sticky-wrp */
.mobile-sticky-wrp {
    padding: 10px;
}
.mobile-sticky-wrp span {
    font-size: 12px;
}
.mobile-sticky-wrp svg {
    width: 18px;
    height: 18px;
}
/* mobile-sticky-wrp css end */
/* product page css start */
.pdp-right-column .price {
    font-size: 24px;
}

.product-review{
    padding: 12px 12px;
}
.pdp-tab-sec ul.tabs {
    gap: 10px 7px;
}
.pdp-tab-sec .tab-head-row {
    margin-bottom: 25px;
  padding:15px 10px;
} 
.sticky-pro-info {
    max-width: 60%;
}
.ask-form-wrapper{
    padding: 30px 15px 20px;
}
.ask-form-wrapper .common-close {
    top: 10px;
    right: 10px;
}
.ask-form-wrapper .form-inputs input,
 .ask-form-wrapper .form-inputs textarea{
    padding: 12px 12px;
 }
 .ask-form-wrapper .section-title {
    margin-bottom: 20px;
}
.size-popup .btn-white{
    padding: 12px;
}

.product-heading-row .product-heading-right-column .nice-select {
    width: 150px;
    font-size: 12px;
          padding: 12px 30px 12px 5px;
}
.product-heading-row .sort-lbl {
    font-size: 12px;
}
/* product page css end */
  /* blog page css start  */
  .blog-grid-sec .col-12:first-of-type .blog-leftbar{
    margin-bottom: 30px;
}
.blog-grid-sec .blg-recent .section-title, .blog-grid-sec .blg-tags .section-title {
    padding: 0 0 10px;
    margin-bottom: 10px;
}
.blog-grid-sec .blog-rightbar .blog-content h3{
    font-size: 18px;
}
.blog-grid-sec .blog-rightbar .blog-card {
    margin-bottom: 15px;
}
/* blog page css end  */
/* article page css start  */
.art-tags ul li{
    font-size: 12px;
}
.article-date span {
    font-size: 14px;
}
.articlebar .section-title {
    margin-bottom: 15px;
}
.art-tags {
    gap: 10px;
    -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;
}
.comment-iteam .comment-iteam-content p{
    font-size: 13px;
}
/* article page css end  */
 /* about page css start */
.counter-sec .counter-right-col .counter-item {
    padding: 15px;
}
.counter-right-col .counter-item .counter-item-img {
    width: 50px;
    height: 50px;
}
.about-info-sec .section-title.about-info-title {
    max-width: 100%;
}
.about-info-sec .about-info-right .section-title p,.counter-sec .counter-left-col .section-title p, .about-info-sec .section-title.about-info-title p {
    line-height: 1.4;
}
.about-info-sec .row:not(:last-of-type) {
    margin-bottom: 30px;
}
 /* about page css end */
 /* contact page css start */ 
.contact-left-inner .form-btn {
    margin-top: 10px;
}
 /* contact page css end */
 /* login & register page css start  */
 .login-page .login-form .forgot-col>p {
    margin: 0 0 15px;
}
.login-page form .form-group label ,.register-page form .form-group label {
    font-size: 14px;
}
.login-page .forgot-pass-wrp{
    padding-bottom: 10px; 
}
.login-page form input, .register-form input{
    padding: 12px 15px;
}
.login-page .form-bottom, .register-page .form-bottom {
    margin: 15px 0 0 0;
}
.register-page form .btn {
    margin-top: 5px;
}
/* login & register page css start  */
/* cart page css start  */
.order-historycontent .gift-cart{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    padding: 12px 10px;
}
.cart-total-right .cart-total {
    padding-bottom: 12px;
    margin-bottom: 12px;
  font-size:20px;
}
.cart-total-right .total-save {
    margin-bottom: 20px;
}
.cart-total-row .cart-total-left h3 {
    margin-bottom: 15px;
}
.my-acc-sec .account-details ul li label {
    min-width: 90px;
}
/* cart page css end  */
 /* ORDER PAGE CSS START */
 .order-address-sec .row [class*="col-"]:not(:last-of-type) {
    margin-bottom: 20px;
}
.order-payment-box {
    max-width: 100%;
    padding: 15px;
}
.order-address-sec p:not(:last-of-type) {
    margin-bottom: 10px;
}
.order-address-inner .address-title {
    margin-bottom: 15px;
}
 /* ORDER PAGE CSS end */
/* error page css start */
.error-main-sec .eroor-content .large-text {
    font-size: 50px;
}
/* error page css end */
.review-form-rating .review-rating-icon svg {
    width: 110px;
}

/* common banner css */
.filter-cat li a {
    font-size: 14px;
}
.filter-cat li:not(:last-child):after{
    right: 0;
}
.filter-cat li:not(:last-of-type) {
    padding-right: 15px;
}
/* service sec css  */
.service-slider .service-card{
    border: none;
}
  /* product list page list view css start */
  .product-filter-right-column .product-list-view .product-card {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
  /* product list page list view css end */
  .faq-page .faqs-iteam {
  padding:10px;
}
  .jdgm-rev-widg.jdgm-rev-widg{
    padding:15px 0 !important;
  }
  .jdgm-btn, input[type=submit].jdgm-btn{
    padding:10px !important;
    font-size:14px !important;
  }
  .search .common-banner-sec .common-banner-content .section-title h2 {
    font-size: 24px;
}
  .load-more-btn {
        margin: 15px auto auto;
    }
  .product-filter-right-column .product-card:last-of-type{
    margin-bottom:0;
  }
  .pagination-row .pagination li a{
    width: 30px;
    height: 30px;
  }
  .faqs-iteam .acnav-label .faq-icon {
    width: 25px;
    height: 25px;
  }
  .quick-view-left-inner .color-variant-swatch label{
    font-size:12px;
  }
}


@media screen and (max-width: 480px) {
    /* product notification css start */
    .product-notification-popup{
        max-width: calc(100% - 30px);
        right: 0;
        margin: 0 auto;
        left: 0;
    }
 
    .product-notification-info .product-notification-iteam:first-of-type::after{
        display: none;
    } 
      .home-banner-content {
        padding: 85px 0 60px;
    }
    /* product notification css end */
    /* cookie css start */
    .cookie-popup {
        max-width: calc(100% - 30px);
        right: 15px;
        padding: 20px;
    }
    .cookie-popup h5{
        font-size: 18px;
    }
    /* cookie css end */
    /* product page css start */
    .pdp-right-column .qnty-btn-wrp .qnty-wrapper-btn{
        -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;
    }
    .pdp-right-column .pro-cart-btn, .pdp-right-column .buy-btn{
        width: 100%;
    }
    .pro-payment .payment-image-wrapper .payment-image {
        width: 35px;
    }
    .pdp-tab-sec ul.tabs li a{
        font-size: 15px;
    }
    /* product page css end */
    /*** article page cs start ***/
    .article-navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
  .article-navigation .article-next {
                text-align: start;
  }
      .comment-form-wrp, .article-navigation {
        margin-top: 25px;
    }
    /*** article page cs end ***/
    /* about page css start */
    .counter-right-col .col-6{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    width: 100%;
    }
    .counter-right-col .row{
        row-gap: 15px;
    }
    /* about page css end */

/* Supprime complètement les flèches de base */
.menu-lnk.main-menu.has-item::after {
  display: none !important;
}

}