/** Shopify CDN: Minification failed

Line 12411:1 Expected identifier but found "{"
Line 12448:0 Unexpected "<"
Line 12531:0 Unexpected "<"
Line 12541:0 Unexpected "}"

**/
/* ============================================= */
/* !!!!        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;
}

svg,
img {
  max-width: 100%;
  display: block;
}

a,
.btn,
button {
  text-decoration: none;
  outline: none;
  color: inherit;
  transition: all 500ms ease-in-out 0s;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

a,
a:hover,
a:focus,
a:active,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus,
.btn,
.btn:hover,
.btn:focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  outline: none;
  font-family: var(--first-font);
}

.form-control:focus,
[type="text"]:focus,
[type="email"]:focus,
[type="checkbox"]:focus,
[type="password"]:focus,
[type="file"]:focus,
[type="radio"]:focus,
[type="button"]:focus,
[type="submit"]:focus,
[type="date"]:focus,
[type="time"]:focus,
[type="tel"]:focus,
[type="search"]:focus,
[type="button"]:focus,
[type="number"]:focus,
textarea:focus,
select:focus {
  outline: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}

::-webkit-input-placeholder {
  color: var(--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);
}

::-moz-selection {
  background: rgb(32 61 62 / 30%);
}

::selection {
  background: rgb(32 61 62 / 30%);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 500ms ease-in-out 0s;
  -webkit-transition: background-color 500ms ease-in-out 0s;
  -moz-transition: background-color 500ms ease-in-out 0s;
  -ms-transition: background-color 500ms ease-in-out 0s;
  -o-transition: background-color 500ms ease-in-out 0s;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style: none;
  vertical-align: baseline;
}

body {
  font: var(--common-text);
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  background: var(--body-bg-color);
  color: var(--body-text-color);
}

/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p,
li,
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--common-text);
}

h1,
.h1 {
  font: var(--h1);
}

h2,
.h2 {
  font: var(--h2);
}

h3,
.h3 {
  font: var(--h3);
}

h4,
.h4 {
  font: var(--h4);
}

h5,
.h5 {
  font: var(--h5);
}

h6,
.h6 {
  font: var(--h6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--text-color);
}

.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

b {
  font-weight: bold;
  display: inline-block;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.product-title b {
  color: var(--primary-color);
  display: inline;
  font-weight: 600;
}

p:not(:last-of-type) {
  margin-bottom: 15px;
}

/* ============================================= */
/* !!!!             GRID CSS                !!!! */
/* ============================================= */
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.container {
  max-width: 1850px;
  margin: 0 auto;
  padding: 0 15px;
}

.row {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.no-gutters {
  margin: 0 !important;
}

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

.no-gutters [class*="col-"] {
  padding: 0;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.d-flex {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.align-items-stretch {
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}

.align-items-start {
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.align-items-end {
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.justify-content-start {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.justify-content-center {
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
}

.justify-content-end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.desk-only {
  display: none !important;
}

.offset-left {
  padding: 0 15px;
}

/*****  Columns  *****/
.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}

.offset-right {
  margin-right: calc((100% - 900px) / 2);
  margin-left: 0;
}

/* ============================================= */
/* !!!!          NICE SELECT CSS           !!!! */
/* ============================================= */
.nice-select {
  position: relative;
  display: block;
  font: normal 500 14px / 1 var(--first-font);
  border: 0;
  text-transform: capitalize;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  text-align: left !important;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.nice-select .current, .nice-select.current,
.languages .nice-select-arrow{
  position: relative;
  padding: 5px 20px 5px 10px;
}

.nice-select .current:after,
.nice-select.current:after,
.languages .nice-select-arrow::after{
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  z-index: 1;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
}
.nice-select.open .current::after,
.nice-select.current[aria-expanded="true"]:after,
.languages .nice-select.disclosure__button[aria-expanded=true]:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 40%;
}

.nice-select .list {
  color: var(--black);
  background-color: var(--white);
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.7);
          box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 29px;
  z-index: 2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  -o-transform: scale(0.75) translateY(-21px);
  -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;
  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: #eae9e9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/****************  TABS CSS *****************/
.tab-content {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.tab-content.active {
  visibility: visible;
  opacity: 1;
  height: auto;
}

/* ============================================= */
/* !!!!          COMMON BUTTON              !!!! */
/* ============================================= */
.btn, .shopify-payment-button__button--unbranded {
  --tilt: 40px;
  text-align: center;
  padding: 12px 22px;
  gap: 10px;
  color: var(--primary-text-color);
  background-color: var(--primary-color);
  appearance: none;
  outline: none;
  border: 0;
  position: relative;
  font-size: 16px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  letter-spacing: 1px;
}

.pdp-right-column .qnty-btn-wrp .buy-btn button {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 500;
      height: auto !important;
    min-height: auto !important;
  border-radius:10px !important;
}

.pdp-right-column .qnty-btn-wrp .buy-btn button:hover {
    color: var(--secondary-text-color);
    border-color: var(--secondary-color);
}

.btn:hover{
  color: var(--secondary-text-color);
}

button[disabled],
.btn[disabled],
.btn-secondary[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

button[disabled]:hover::before,
.btn[disabled]:hover::before,
.btn-secondary[disabled]:hover::before {
  display: none;
}

.btn::before,
.btn-secondary::before,
.btn::after,
.shopify-payment-button__button--unbranded::before,
.shopify-payment-button__button--unbranded::after{
  content: "";
  z-index: -1;
  width: calc(100% + var(--tilt));
  height: 100%;
  position: absolute;
  top: 0;
  background: var(--secondary-color);
  -webkit-clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 100%, 0 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;
}

.btn::before,
.shopify-payment-button__button--unbranded::before {
  left: calc(-100% - var(--tilt));
}

.btn::after,
.shopify-payment-button__button--unbranded::after{
  left: 100%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn-secondary::before {
  background: var(--primary-color);
}

.btn:hover::before,
.btn:focus::before,
.btn:active::before,
.btn-secondary:hover::before,
.btn-secondary:focus::before,
.btn-secondary:active::before,
.shopify-payment-button__button--unbranded:hover::before{
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.btn:hover::after,
.btn:focus::after,
.btn:active::after,
.btn-secondary:hover::after,
.btn-secondary:focus::after,
.btn-secondary:active::after,
.shopify-payment-button__button--unbranded:hover::after{
  -webkit-transform: rotate(180deg) translateX(100%);
      -ms-transform: rotate(180deg) translateX(100%);
          transform: rotate(180deg) translateX(100%);
}

.btn-secondary svg,
.btn svg {
  height: 16px;
  width: 16px;
}

.btn svg path {
  fill: var(--white);
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
}

.btn:hover svg path {
  fill: var(--primary-text-color);
}

.btn-secondary {
  color: var(--primary-text-color);
  background: var(--secondary-color);
}

.btn-secondary svg path {
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  fill: var(--white);
}

.btn-secondary:hover svg path,
.btn-secondary:focus svg path {
  fill: var(--white);
}

.btn-transparent {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 500;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active{
  border: 1px solid var(--secondary-color);
  color: var(--secondary-text-color);
}

.btn-transparent svg path {
  fill: var(--black);
}

.btn-transparent:hover svg path {
  fill: var(--white);
}

.btn-white {
  background: var(--white);
  border: 0;
  color: var(--black);
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  background-color: var(--secondary-color);
  color: var(--secondary-text-color);
}

.btn-white:hover svg path,
.btn-white:focus svg path {
  fill: var(--white);
}

.btn-white svg path {
  fill: var(--white);
}

.img-wrapper,
.img-rasio {
  position: relative;
  display: block;
}

.img-wrapper img,
.img-wrapper video,
.img-wrapper iframe,
.img-rasio img,
.img-rasio video,
.img-rasio iframe,
.hover-img img{
  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;
  border: 1px solid var(--border-color);
  display: block;
  width: 100%;
  padding: 12px 20px;
  background: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--black);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.form-control,
textarea,
input {
  font-family: var(--first-font);
}

textarea {
  resize: none;
}

form .row {
  margin: 0 -8px;
}

form .row [class*="col-"] {
  padding: 0 10px;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--first-color);
  font-size: 16px;
  text-transform: capitalize;
}

sup {
  top: -0.5em;
}

sub,
sup {
  position: relative;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  margin-left: 5px;
}

.form-group label sup {
  color: red;
  font-size: 10px;
  line-height: 0;
  margin-right: 3px;
}

.checkbox-custom input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox-custom label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.1;
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 500;
}

.checkbox-custom label:before {
  content: "";
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--black);
  padding: 8px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  left: 0;
  top: 54%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.checkbox-custom input:checked+label:before {
  border-color: var(--border-color);
}

.checkbox-custom input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 7px;
  width: 4px;
  height: 8px;
  border: solid var(--black);
  border-width: 0px 1px 1px 0;
  transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}

.checkbox-custom label a {
  text-decoration: underline;
  font-weight: 600;
}

/** RADIO BUTTON CSS **/
.radio-group input[type="radio"] {
  display: none;
  padding: 0;
  border: 0;
  background: transparent;
}

.radio-group label {
  cursor: pointer;
  position: relative;
  font-size: 12px;
  padding-left: 24px;
  color: var(--border-color);
  margin: 0;
  vertical-align: bottom;
}

.radio-group label::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 2px solid var(--border-color);
  top: 50%;
  left: 0;
  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;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.radio-group label::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: var(--white);
  border: 2px solid var(--white);
  border-radius: 50%;
  top: 50%;
  left: 1px;
  right: auto;
  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);
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.radio-group input[type="radio"]:checked+label::before {
  border-color: var(--border-color);
}

.radio-group input[type="radio"]:checked+label::after {
  transform: translateY(-50%) scale(0.55);
  -webkit-transform: translateY(-50%) scale(0.55);
  -moz-transform: translateY(-50%) scale(0.55);
  -ms-transform: translateY(-50%) scale(0.55);
  -o-transform: translateY(-50%) scale(0.55);
}

/* color */
.color-variant-swatch .color-info label,
.size-variant-swatch .size-info label,
.select-material-grp .size-info label,
.pdp-right-column .qnty-btn-wrp>label {
  color: var(--text-color);
}

.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,
.size-variant-swatch .radio-buttons {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px;
}

.color-variant-swatch input[type="radio"],
.size-variant-swatch input[type="radio"],
.quick-view-right .select-material-grp .button input[type="radio"] {
  display: none;
}

.color-variant-swatch .color-info,
.size-variant-swatch .size-info {
  margin-bottom: 10px;
}

.color-variant-swatch .radio-buttons label.color-var {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 16px;
  width: 16px;
  display: block;
  padding: 5px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  color: var(--white);
}


.product-card .color-variant-swatch .radio-buttons input:checked+label.color-var:after, .pdp-right-column .color-variant-swatch .radio-buttons input:checked+label.color-var:after,
.quick-view-popup .color-variant-swatch .radio-buttons input:checked+label.color-var:after{
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  border: 1px solid var(--black);
}

/***** COMMON CSS ****/
body.active-menu,
body.no_scroll {
  overflow: hidden;
  position: relative;
}

.pt {
  padding-top: 70px;
}

.pb {
  padding-bottom: 70px;
}

.subtitle {
    font-weight: 600;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: var(--first-color);
    text-transform: capitalize;
}

.section-title {
  margin-bottom: 26px;
}

.section-title.text-center p {
  margin-top: 8px;
}

.section-title.text-center .subtitle img {
  margin: 0 auto;
}

.arrow-header {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 15px;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
}

/*** swiper slider ****/
.swiper-wrapper {
  height: auto;
}

.flex-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.flex-slider .flex-card,
.blog-grid-sec .flex-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.flex-card .flex-card-inner,
.blog-grid-sec .flex-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/*** swiper slider ****/

.swiper-button-prev,
.swiper-button-next {
  height: 40px;
  width: 40px;
  background-color: var(--secondary-color);
  z-index: 2;
  outline: none;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  cursor: pointer;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev svg,
.swiper-button-next svg {
  height: 25px;
  width: 25px;
}

.swiper-button-next {
  right: 0;
  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: 0;
  right: auto;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.swiper-button-prev svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.swiper-button-next svg path,
.swiper-button-prev svg path {
  fill: var(--primary-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;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--primary-color);
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
  fill: var(--primary-text-color);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.7;
}

/* Timeline */
.deal-timeline .counter-dtl {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
}

.deal-timeline .count {
  position: relative;
  font-weight: 600;
  line-height: 1;
}

.deal-timeline .days,
.deal-timeline .hour,
.deal-timeline .mins,
.deal-timeline .secs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

/* CLOSE HOVER EFFECT */
.common-close {
  position: relative;
  padding: 10px;
}

.common-close::after,
.common-close::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  top: 50%;
  left: calc(50% - 10px);
  margin-top: -1px;
  background-color: var(--black);
  -webkit-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.common-close::before {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.common-close:hover::after,
.common-close:hover::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}

.common-close::after {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

/* ============================================= */
/* !!!!     CUSTOMIZE THE NAVBAR            !!!! */
/* ============================================= */
.announcebar {
  position: relative;
  padding: 10px 0;
  background: var(--first-color);
  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;
}

.acnav-list {
  display: none;
  padding: 10px 0px 0px 0px;
}

body.index .site-header {
    -webkit-box-shadow: 0 2px 2px #0000001a;
            box-shadow: 0 2px 2px #0000001a;
}
.site-header {
  position: relative;
  background-color: var(--white);
  color: var(--black);
}

.main-navigationbar.sticky_header.sticky_header.fixed {
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  box-shadow: 0 2px 2px #0000001a;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  background-color: var(--white);
}

.site-header .announcebar .announcebar-right {
  gap: 10px;
}

.site-header .announcebar p {
  font-size: 16px;
}


.site-header .main-navigationbar {
  padding: 15px 0;
}
.site-header .main-navigationbar .menu-items-col {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  width: 100%;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.site-header .main-navigationbar .menu-items-col .main-nav {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}
.site-header .main-navigationbar .logo-col {
  max-width: 250px;
  width: 100%;
}
.site-header .main-navigationbar .logo-col a {
  display: block;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li:not(:last-of-type) {
  padding-right: 20px;
}
.site-header .main-navigationbar .main-nav>li>a {
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  padding: 0;
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  font-size: 16px;
  text-transform: capitalize;
}
/* header menu common arrow css start */
.common-arrow {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  margin: 0 0 0 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.common-arrow:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 1;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  transition: all 500ms ease-in-out 0s;
  border-top: 1px solid var(--black);
  border-left: 1px solid var(--black);
  -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 .menu-items-col .main-nav li.menu_active .common-arrow:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 6px;
}
/* header menu common arrow css end */
.site-header .main-navigationbar .main-nav>li>a:before,.site-header .menu-dropdown ul>li>a:before,.site-header .megamenu-card .megamenu-content a:before,.cms-list-item ul li a:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 0;
  bottom: -3px;
  right: 0;
  background: var(--black);
  margin: 0 auto;
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
}

.site-header .main-navigationbar .main-nav>li>a:hover:before,
.site-header .main-navigationbar .main-nav>li.menu_active>a:before,
.site-header .menu-dropdown ul>li>a:hover::before,
.site-header .megamenu-card:hover .megamenu-content a::before,
.cms-list-item ul li a:hover:before {
  opacity: 1;
  width: 100%;
  visibility: visible;
}

.site-header .menu-item-right {
  gap: 15px;
  padding: 12px 20px;
  background-color: var(--light-gray);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.site-header .menu-item-right>li>a svg {
  width: 26px;
  height: 26px;
}

.site-header .menu-item-right li {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}

.site-header .menu-item-right li>a {
  position: relative;
}

.site-header .menu-item-right .search-header .form-input {
  z-index: 1;
  position: relative;
}

.site-header .menu-item-right .search-header input {
  border: 0;
  background-color: var(--primary-color);
  padding: 8px 30px 8px 15px;
  border-radius: 20px;
}

.site-header .menu-item-right .search-header .search-btn svg {
  height: 15px;
  width: 15px;
}

.site-header .menu-item-right .search-header .search-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
}

.site-header .cart-icon,
.site-header .wishlist-icon {
  position: relative;
}

.site-header .count {
  position: absolute;
  top: -7px;
  right: -6px;
  height: 15px;
  width: 15px;
  background: var(--first-color);
  color: var(--white);
  font-size: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  line-height: 1;
  border-radius: 100%;
  line-height: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

/*** mega dropdown css  ***/
.site-header .main-navigationbar .main-nav>li.menu-lnk .menu-dropdown {
  position: absolute;
  top: 100%;
  background-color: var(--white);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding: 15px;
  max-width: 150px;
  z-index: 3;
  color: var(--black);
  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);
  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;
  min-width: 200px;
  border-radius:0 0 10px 10px;
}

.menu-items-col .main-nav>li.menu-lnk .menu-dropdown li {
  text-transform: capitalize;
}

.site-header .menu-dropdown ul>li:not(:last-of-type) {
  margin-bottom: 10px;
}

.site-header .menu-dropdown ul>li.with_ul>a {
  margin-bottom: 10px;
}

.site-header .menu-dropdown ul>li span {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}

.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%);
}

.site-header .menu-dropdown ul>li>a {
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  padding: 0;
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  border-bottom: 1px solid transparent;
}

/**  mega menu css  **/
.site-header .main-navigationbar .menu-items-col .main-nav>li.menu-lnk .menu-dropdown.mega-menu {
  max-width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.site-header .megamenu-card .megamenu-image {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.site-header .megamenu-card .megamenu-image a {
  padding-top: 100%;
  position: relative;
  display: block;
  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;
}

.site-header .megamenu-card .megamenu-content a {
  font: var(--h6);
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: var(--first-font);
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}

.site-header .mega-menu .img-col {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 60%;
}

.site-header .mega-menu .img-col img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
}

/* ========overlay======= */

.overlay {
  content: " ";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.7);
  z-index: 4;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

/* ============================================= */
/* !!!!           cartdrawer CSS            !!!! */
/* ============================================= */
/* cart-progress-bar */
.cart-progress-bar {
  height: 7px;
  border-radius: 5px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin: 30px auto;
  width: 100%;
}

progress[value] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  position: relative;
  margin: 0 10px 0 0;
  height: 7px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

progress[value]::-webkit-progress-bar {
  position: relative;
  border-radius: 5px;
  background-color: #e4e4e4;
}

progress[value]::-webkit-progress-value {
  position: relative;
  border-radius: 5px;
  background: var(--first-color);
}

progress[value]::-moz-progress-bar {
  position: relative;
  border-radius: 5px;
  background: 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 {
  width: 50px;
  height: 50px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  background: var(--first-color);
  border-radius: 50%;
  border: 1px solid var(--first-color);
  -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);
  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;
}

.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;
  color: var(--black);
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
}

.coupon-popup .close-coupon svg,
.gift-popup .close-gift svg,
.search-popup .close-search svg {
  width: 12px;
  height: 12px;
}

.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;
  color: var(--black);
}

.cartdrawer .mini-cart-item {
  padding: 10px 0;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid var(--border-color);
  background: var(--white);
}

.cartdrawer .mini-cart-image {
  width: 100px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.cartdrawer .mini-cart-image a {
  position: relative;
  display: block;
  padding-top: 122%;
}

.cartdrawer .mini-cart-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}

.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 var(--second-font);
  color: var(--black);
  letter-spacing: 0.6px;
}

.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,
.cartdrawer .cart-variable {
  margin-bottom: 8px;
}

.cartdrawer .cart-variable p {
    font-size: 14px;
}
.cartdrawer .mini-cart-title {
  gap: 10px;
}

.cartdrawer .mini-cart-details .cart-rating svg {
  width: auto;
  height: auto;
}

.cartdrawer .cart-rating svg path:first-of-type {
  fill: var(--light-gray);
}

.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;
}

.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;
  font-family: var(--first-font);
  line-height: 1;
  gap: 10px;
}

.cartdrawer .mini-cart-details .price {
  font: var(--common-text);
  font-size: 14px;
}

.price ins {
  font-size: 20px;
  font-weight: 600;
}

.cartdrawer .price ins {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.price del.text-danger {
  color: var(--third-color);
}

del {
  color: var(--error-color);
  opacity: 0.6;
  text-decoration: line-through;
}
.cartdrawer dl.cart-item__discounted-prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.cartdrawer ul.discounts.list-unstyled {
    margin-bottom: 5px;
}
/* qty-spinner start */
.qty-spinner {
  border: 1px solid var(--border-color);
  max-width: 100px;
  width: 100%;
  height: 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.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: 10px;
  width: 10px;
  pointer-events: none;
}

.qty-spinner button svg path,
.site-header .cartdrawer .qty-spinner button svg path {
  fill: var(--black);
}

.qty-spinner input,
.site-header .cartdrawer .qty-spinner input {
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  width: 30px;
  color: var(--black);
  height: 100%;
  background: none;
}

/* qty-spinner end */

.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%);
}

/* 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;
  background: var(--light-gray);
  width: 47%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.cartdrawer .mini-cart-footer .footer-bottom-icon svg,
.coupon-popup .coupon-body .coupon-txt svg {
  width: 30px;
  height: 30px;
}

.cartdrawer .mini-cart-footer-icons .footer-bottom-icon:hover svg {
  -webkit-animation-name: beat;
  animation-name: beat;
  -webkit-animation-duration: 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;
}

@-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);
  color: var(--black);
}

.cartdrawer .mini-total-lbl {
  font-weight: 500;
  margin-bottom: 7px;
  display: block;
}

.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;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 2px;
  color: var(--white);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
}

.cartdrawer .minicart-btn-wrapper .view-cart-btn {
  background: var(--first-color);
}

.cartdrawer .minicart-btn-wrapper .Check-btn {
  background: var(--second-color);
  border: 0;
}

.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: 5px;
  top: 5px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.coupon-popup .coupon-txt {
  gap: 10px;
  margin-bottom: 12px;
  color: var(--black);
}

.coupon-code {
  position: relative;
}

.coupon-code input {
  height: 45px;
  width: 100%;
  padding: 14px 100px 14px 15px !important;
  border-radius: 10px;
}

.coupon-code .apply-coupon-btn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  border-radius: 10px;
  height: 100%;
}

.gift-popup .checkbox-custom label {
  color: var(--black);
}

/* cart empty */
.cartdrawer.is-empty .minicart__warnings {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-align-items: center;
  -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;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  height: 100%;
}

.cartdrawer.is-empty .cart__empty-text,
.cartdrawer.is-empty .cart__warnings {
  margin: 0 0 15px 0;
}

.cartDrawer svg#icon-cart-emty {
  width: 55px;
  margin: 0 auto 30px auto;
}

.mini-cart-footer.is-empty {
  display: none;
}


::-webkit-scrollbar {
  width: 6px;
  height: 3px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--second-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: var(--border-color);
}

/********* mobile menu button **********/
.site-header .menu-right-item li.mobile-menu {
  display: initial;
}

.site-header .menu-right-item li a svg {
  width: 20px;
  height: 20px;
}

.site-header .mobile-menu {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
}

.site-header .mobile-menu .mobile-menu-button {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  padding: 0;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: transparent;
  border: none;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.site-header .mobile-menu .mobile-menu-button div {
  width: 100%;
  height: 1px;
  margin: 5px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: var(--black);
}

/*****  MOBILE MENU CSS START  *****/
.mobile-menu-wrapper {
  position: fixed;
  z-index: 4;
  background: var(--white);
  top: 0;
  height: 100%;
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
  right: 0;
  display: block;
  width: 100%;
  max-width: 400px;
}

.mobile-menu-wrapper.active-menu {
  -webkit-transform: translate(0%, 0px);
      -ms-transform: translate(0%, 0px);
          transform: translate(0%, 0px);
}

.mobile-menu-wrapper .menu-close-icon {
  text-align: right;
  padding: 15px 20px;
  background: var(--primary-color);
}

.mobile-menu-wrapper .mobile-menu-bar>ul {
  height: calc(100vh - 115px);
  overflow: auto;
  padding: 15px 20px;
  background: var(--white);
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li a {
  font-size: 18px;
  color: var(--black);
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li:not(:first-child) {
  margin-top: 8px;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li a .close-menu-ioc {
  display: none;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li.is_open>a.acnav-label .menu-open-arrow {
  display: none;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li.is_open>a.acnav-label .close-menu-ioc {
  display: block;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .acnav-list {
  margin: 12px 0;
  padding: 0;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is_open .acnav-label .close-menu-ioc {
  display: block;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is_open .acnav-label .menu-open-arrow {
  display: none;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link ul li:not(:last-of-type) {
  margin-bottom: 8px;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link ul li a, .mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link a,
.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link.menu-h-drop .acnav-list a {
  font-size: 16px;
  line-height: 18px;
  text-transform: lowercase;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li a svg {
  margin-left: auto;
  width: 14px;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile-menu-inner .menu-h-link ul {
  margin-bottom: 15px;
}

.mobile-menu-wrapper .mobile-menu-bar .has-children>ul {
  margin: 12px 0 0;
}

.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li:not(:last-of-type) {
  margin-bottom: 12px;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children .menu-h-link.menu-h-drop a{
  font-size: 14px;
  font-family: var(--first-font);
}
.mobile-menu-wrapper .mobile-menu-bar .has-children .menu-h-drop.has-children {
  font-weight: 600;
}

/*****  MOBILE MENU CSS END  *****/

/**** SUBSCRIBE POPUP CSS START ****/
.subscribe-overlay {
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 4;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
}

.subscribe-overlay.open {
  opacity: 1;
  visibility: visible;
}

.subscribe-popup {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background: var(--white);
  z-index: 4;
  padding: 20px;
  -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;
  opacity: 0;
  visibility: hidden;
}

.subscribe-popup.active {
  opacity: 1;
  visibility: visible;
}

.subscribe-popup .subscribe-popup-inner {
  border: 2px solid var(--first-color);
  border-radius: 10px;
  overflow: hidden;
}

.subscribe-popup .subscribe-right-col {
  padding: 15px 15px 15px 0;
}

.subscribe-popup .newsletter-image {
  padding-top: 100%;
}

.subscribe-popup .subscribe-inner {
  overflow-y: auto;
  max-height: 90vh;
  padding: 30px;
}

.subscribe-popup .section-title,
.subscribe-popup p,
.subscribe-popup .subscribe-form>input {
  margin-bottom: 15px;
}

.subscribe-popup h2 {
  font: var(--h4);
}

.subscribe-popup p {
  font-weight: 500;
}

.subscribe-popup .btn {
  margin-bottom: 20px;
}

.subscribe-popup .btn svg {
  height: 14px;
  width: 14px;
}

.subscribe-popup .checkbox-custom label {
  font-size: 16px;
}

.subscribe-popup .close-sub-btn {
  position: absolute;
  top: -20px;
  right: -20px;
  padding: 0;
  background: var(--second-color);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.subscribe-popup .common-close::before,
.subscribe-popup .common-close::after {
  background-color: var(--first-color);
}

/**** SUBSCRIBE POPUP CSS END ****/

/**** SEARCH POPUP CSS ****/
.search-popup .common-close:hover::after,
.search-popup .common-close:hover::before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0);
      transform: rotate(0);
}

.search-popup .close-search {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.search-popup {
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 50px 15px;
  transition: all 500ms ease-in-out 0s;
  background-color: var(--white);
  color: var(--black);
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}

.search-popup.active {
  height: auto;
  opacity: 1;
  visibility: visible;
  z-index: 5;
  padding-bottom: 50px;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.search-popup .search-top {
  display: block;
  transition: all 500ms ease 0s;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.search-popup.active .search-top {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.search-popup .search-top .section-title {
  text-align: center;
}

.search-popup .search-top .section-title h2 {
  font: var(--h3);
}

.search-popup .search-form {
  position: relative;
  transition: all 500ms linear 0s;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transition: all 500ms linear 0s;
  -moz-transition: all 500ms linear 0s;
  -ms-transition: all 500ms linear 0s;
  -o-transition: all 500ms linear 0s;
}

.search-popup.active .search-form {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.search-popup .search-form .search-input {
  border: none;
  border-bottom: 2px solid var(--border-color);
  padding: 12px 35px 12px 0px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.search-popup .search-form button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  background-color: transparent;
  border: none;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.search-popup .result-prod {
  margin-top: 20px;
}

.search-popup .search-form .search-form-inner {
  position: relative;
}

.search-btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/**** SEARCH POPUP CSS ****/

/* QUICK-VIEW POPUP CSS START */
.quick-view-popup.active {
  opacity: 1;
  visibility: visible;
}

.quick-view-popup {
  position: fixed;
  background: rgb(0 0 0 / 75%);
  height: 100%;
  width: 100%;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 3;
  padding: 0 15px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 500ms ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.quick-view-wrapper {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  color: var(--body-text-color);
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  background-color: var(--white);
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.quick-view-popup.active .quick-view-wrapper {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.quick-view-inner {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  position: relative;
    max-height: 90vh;
  overflow-y: auto;
}

.quick-view-right-inner {
  width: 100%;
  padding: 20px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.quick-view-right .quickview-card {
  padding: 0;
}

.quick-view-right .quickview-card .quickview-card-image {
  padding-top: 105%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

.quick-view-left-inner {
  padding: 25px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
}

.quick-view-left .section-title h3 {
  font: var(--h4);
}

.quick-view-left .price,
.quick-view-left .color-variant-swatch,
.quick-view-left-inner .section-title {
  margin-bottom: 15px;
}

.quick-view-left .price ins {
  font-size: 22px;
}
.quick-view-left .color-variant-swatch > span{
  margin:0 0 10px ;
  display:block;
}
.quick-view-left .quick-product-dis p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px;
}

.quick-view-left .view-more {
  text-decoration: underline;
  font-size: 16px;
  font-weight: 600;
}

.quick-view-left .qnty-btn-wrp {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.quick-view-left .qnty-btn-wrp .quantity-select {
  max-width: 90px;
  width: 100%;
}

.quick-view-left .qnty-btn-wrp .pro-cart-btn .btn {
  width: 100%;
}

.quick-view-left .qnty-btn-wrp .pro-cart-btn {
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  width: 100%;
  height: 100%;
}

.quick-view-popup .common-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  background: transparent;
  border: none;
  z-index: 1;
  width: 25px;
  height: 25px;
  background-color: var(--secondary-color);
  border-radius: 5px;
}

.quick-view-popup .common-close:before,
.quick-view-popup .common-close:after {
  background-color: var(--white);
}

.quick-view-popup .common-close svg {
  width: 20px;
  height: 20px;
  display: none;
}

.quick-view-right-inner .swiper-button-prev {
  left: 10px;
}

.quick-view-right-inner .swiper-button-next {
  right: 10px;
}

.quick-view-wrapper .product-colors-widget .text-checkbox .checkbox .clr {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.quick-view-wrapper .product-colors-widget .text-checkbox .checkbox input[type="checkbox"]+.checkbox-label {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* QUICK-VIEW POPUP CSS END */
/* product notification popup css start   */
.product-notification-popup {
  position: fixed;
  text-align: center;
  bottom: 20px;
  left: 20px;
  max-width: 400px;
  width: 100%;
  -webkit-box-shadow: #00000017 0 0 10px;
          box-shadow: #00000017 0 0 10px;
  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;
}

.product-notification-popup.active {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  visibility: visible;
}

.product-notification-inner {
  background-color: var(--white);
  padding: 20px 10px 15px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-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%;
}

.product-notification-content {
  max-width: calc(100% - 30%);
  width: 100%;
  padding-left: 10px;
  text-align: left;
}

.product-notification-content h5 {
  font: var(--h6);
  color: var(--first-color);
  margin-bottom: 10px;
  font-weight: 600;
}

.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-color: 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 {
  background: none;
  border: 0;
  position: absolute;
  top: 15px;
  right: 15px;
}

.notification-close-btn svg {
  width: 12px;
  height: 12px;
}

/* product notification popup css end   */
/* COOKIE POPUP */
.cookie-popup {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--white);
  color: var(--text-color);
  -webkit-box-shadow: #00000017 0 0 10px;
          box-shadow: #00000017 0 0 10px;
  max-width: 370px;
  z-index: 3;
  padding: 30px;
  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;
}

.cookie-popup.active {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  visibility: visible;
}

.cookie-popup p {
  margin-bottom: 10px;
}

.cookie-popup h5 {
  margin-bottom: 10px;
  font: var(--h5);
}

.cookie-popup .cookie-btn {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.cookie-popup .cookie-inner {
  gap: 10px;
}

/******** Mobile sticky bar *******/
.mobile-sticky-wrp {
  -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
          box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
  background-color: var(--white);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  padding: 8px 40px;
  gap: 15px;
}

.mobile-sticky-wrp svg {
  height: 22px;
  width: 22px;
  margin: 0 auto 8px;
}

.mobile-stickybar {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 2;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.mobile-sticky-wrp ul li a {
  text-align: center;
}

.mobile-stickybar.show {
  visibility: visible;
  opacity: 1;
}

.mobile-sticky-wrp li {
  line-height: 1;
}

.mobile-sticky-wrp span {
  display: block;
  line-height: 1;
}

/******** Mobile sticky bar  *******/
/******** Back to Top button *******/
.scroll-top {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}

.scroll-progress .scroll-text {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  margin-bottom: 15px;
  color: var(--black);
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}

.scroll-progress .scroll-line {
  width: 2px;
  height: 60px;
  position: relative;
  background-color: var(--black);
  color: inherit;
  display: block;
}

.scroll-progress .scroll-point {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 9px;
  background-color: var(--black);
  top: -4px;
  left: -4px;
}

.scroll-progress {
  position: fixed;
  top: 40%;
  right: 10px;
  z-index: 2;
  opacity: 0;
  background-color: var(--white);
  padding: 15px 0;
  border-radius: 15px;
  -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
          box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.scroll-progress.visible {
  opacity: 1;
}

/******** Back to Top button *******/
.languages .nice-select-arrow,
 .currency .nice-select-arrow,
 .currency .nice-select li,
 .languages .disclosure__list-wrapper ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.disclosure__list-wrapper .disclosure__item a.disclosure__link--active, .disclosure__list-wrapper .disclosure__item a:hover {
    background-color: #f3f0ee;
}

.lang-dropdown .nice-select.disclosure__button[aria-expanded=true]:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/********* FOOTER CSS START ********/
.site-footer {
  position: relative;
  z-index: 1;
  background-color: var(--footer-bg-color);
  color: var(--white);
  margin-top: 70px;
  padding-top: 50px;
}

.product .site-footer {
  margin-bottom: 100px;
}

.site-footer .footer-bg {
  position: absolute;
  z-index: -1;
  right: 20%;
  height: 100%;
}

.site-footer .footer-row {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding: 40px 0 50px 0;
}

.site-footer .footer-col {
  width: 100%;
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.site-footer .footer-col .acnav-label1 svg {
  height: 11px;
  width: 11px;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.site-footer .footer-col .footer-widget .acnav-label1 svg path {
  fill: var(--white);
}

.site-footer .footer-logo {
  max-width: 20%;
  width: 100%;
}

.site-footer .footer-col:not(:first-child) {
  padding-left: 70px;
}

.site-footer .footer-widget h2 {
  color: var(--footer-title-color);
  font: var(--h4);
  padding: 0 0 15px 0;
  text-transform: capitalize;
  position: relative;
}

.site-footer .footer-link .footer-widget ul.acnav-list1>li:not(:last-of-type) {
  margin-bottom: 10px;
}

/*Footer Changes*/
.site-footer .footer-link .footer-widget ul li {
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.site-footer .footer-link .footer-widget ul li a {
  color: var(--footer-text-color);
  text-transform: capitalize;
}

.footer-col-links,
.footer-col-links .contact-link {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}

.footer-col-links p {
  color: var(--footer-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;
}

.footer-col-links:not(:last-of-type) {
  margin-bottom: 15px;
}

.footer-col-links svg {
  max-width: 20px;
  height: 20px;
}

.site-footer .footer-link .footer-widget ul li a:hover,
.footer-col-links .contact-link:hover p {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.site-footer .footer-link .footer-widget .footer-social-icon li a:hover,
.site-footer .footer-link .footer-widget .footer-contacts li a:hover,
.site-footer .footer-link .footer-widget .footer-tags li a:hover {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.site-footer .subscribe-form-wrapper {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.site-footer .subscribe-form-wrapper input {
  color: var(--text-color);
  background-color: var(--white);
  border: none;
}

.site-footer .subscribe-form-wrapper input::-webkit-input-placeholder {
  color: var(--white);
}

.site-footer .subscribe-form-wrapper input::-moz-placeholder {
  color: var(--white);
}

.site-footer .subscribe-form-wrapper input:-ms-input-placeholder {
  color: var(--white);
}

.site-footer .subscribe-form-wrapper input::-ms-input-placeholder {
  color: var(--white);
}

.site-footer .subscribe-form-wrapper input::placeholder {
  color: var(--white);
}

.site-footer .subscribe-form-wrapper .subscribe-btn span {
  display: block;
}

.site-footer .subscribe-form-wrapper .subscribe-btn svg {
  display: none;
}

.site-footer .subscribe-form-wrapper .subscribe-btn:hover {
  background-color: var(--primary-color);
}

.site-footer .footer-social-icon li a {
  --tilt: 20px;
  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;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  width: 35px;
  height: 35px;
  background-color: var(--white);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.site-footer .footer-social-icon li a::before,
.site-footer .footer-social-icon li a::after {
  content: "";
  z-index: -1;
  width: calc(100% + var(--tilt));
  height: 100%;
  position: absolute;
  top: 0;
  background: var(--secondary-color);
  -webkit-clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - var(--tilt)) 0, 100% 100%, 0 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;
}

.site-footer .footer-social-icon li a::before {
  left: calc(-100% - var(--tilt));
}

.site-footer .footer-social-icon li a::after {
  left: 100%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.site-footer .footer-social-icon li a:hover::before {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.site-footer .footer-social-icon li a:hover::after {
  -webkit-transform: rotate(180deg) translateX(100%);
      -ms-transform: rotate(180deg) translateX(100%);
          transform: rotate(180deg) translateX(100%);
}

.site-footer .footer-social-icon li a svg path {
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.site-footer .footer-social-icon li a:hover svg path {
  fill: var(--secondary-text-color);
}

.site-footer .footer-social-icon {
  gap: 10px;
  margin-top: 15px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border-color);
}

.site-footer .footer-bottom {
  background-color: var(--first-color);
  color: var(--white);
  padding: 15px 0px;
}

.site-footer .footer-bottom-inner {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.site-footer .footer-bottom-inner p a {
  border-bottom: 1px solid transparent;
}
.site-footer .footer-bottom-inner p a:hover {
  border-color: var(--white);
}

.site-footer .footer-bottom-inner .payment-image-wrapper {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  gap: 10px;
}

.site-footer .footer-top {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--border-color);
}

.site-footer .footer-top .footer-widget {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  gap: 10px;
}

.site-footer .footer-top .footer-widget h2 {
  padding: 0;
  white-space: nowrap;
  font: var(--h5);
}

.site-footer .footer-top .newsletter-wrapper {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 10px;
}

.site-footer .footer-top .subscribe-form-wrapper {
  width: 480px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.site-footer .footer-top .subscribe-form-wrapper .sub_form_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--white);
  border-radius: 10px;
}

.site-footer .subscribe-form-wrapper input::-webkit-input-placeholder {
  color: var(--text-color);
}

.site-footer .subscribe-form-wrapper input::-moz-placeholder {
  color: var(--text-color);
}

.site-footer .subscribe-form-wrapper input:-ms-input-placeholder {
  color: var(--text-color);
}

.site-footer .subscribe-form-wrapper input::-ms-input-placeholder {
  color: var(--text-color);
}

.site-footer .subscribe-form-wrapper input::placeholder {
  color: var(--text-color);
}

.site-footer .footer-col:last-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
}

/********* FOOTER  CSS END ********/

/********* wrapper css start ************/

/* MAIN BANNER SECTION CSS START */
.main-banner-sec {
  padding-top: 20px;
}

/* home banner slider css */
.home-banner-slider .banner-slide {
  padding-top: 80vh;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

.home-banner-slider .banner-slide .btn {
  font-size: 22px;
  padding: 18px 20px;
  letter-spacing: 1px;
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: 40px;
  font-weight: 500;
}

/* PRODUCT SECTION CSS START */

.product-sec .section-title img {
  margin: 0 auto;
}

.product-slider .swiper-slide {
  margin-top: 0 !important;
}

.product-card {
  height: 100%;
}

.product-card .product-card-inner, .predictive-search-main {
  position: relative;
  background-color: var(--white);
  transition: all 500ms ease-in-out 0s;
  overflow: hidden;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.product-card .product-card-image, .predictive-product-card-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.product-card-inner .img-wrapper {
  padding-top: 120%;
}

.product-card-inner .img-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: rgba(168, 168, 168, 0.1);
  transform: scale(0);
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.product-card-inner .img-wrapper:hover::before {
  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 .product-card-image .pro-btn-wrapper {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 2;
}

.product-card .product-card-inner .pro-btn-wrapper .pro-btn {
  transform: translateY(200%);
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -o-transform: translateY(200%);
}

.product-card .product-card-inner .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 .product-card-inner .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 .product-card-inner .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 .product-card-inner .pro-btn-wrapper .pro-btn a, .product-card .product-card-inner .pro-btn-wrapper .pro-btn label {
  width: 40px;
  height: 40px;
  background-color: 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;
  -webkit-box-shadow: 0px 0px 25px 0px #0000000d;
          box-shadow: 0px 0px 25px 0px #0000000d;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn.active label {
  background-color: var(--pro-btn-color);
}
.product-card .pro-btn-wrapper .pro-btn a svg, .product-card .pro-btn-wrapper .pro-btn label svg {
  height: 24px;
  width: 24px;
}
.product-card .pro-btn-wrapper .pro-btn a svg path, .product-card .pro-btn-wrapper .pro-btn label 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.active label svg path{
  fill: var(--pro-text-color);
}
.product-card .pro-btn-wrapper .pro-btn:hover a svg path, .product-card .pro-btn-wrapper .pro-btn:hover label svg path {
  fill: var(--pro-text-color);
}
.product-card:hover .product-card-inner .pro-btn-wrapper .pro-btn {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.product-card .product-card-inner .pro-btn-wrapper .pro-btn:hover a, .product-card .product-card-inner .pro-btn-wrapper .pro-btn:hover label {
  background-color: var(--pro-btn-color);
}
.product-card-image .product-label-wrp {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
}

.pro-label {
  color: var(--first-color);
  background-color: var(--second-color);
  font-weight: 500;
  font-size: 14px;
  padding: 4px 10px;
  line-height: 1;
  letter-spacing: 1px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.product-card .product-card-image .time-counter {
  width: 100%;
  text-align: center;
  position: absolute;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 10px;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  bottom: 50%;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
}

.product-card .btn {
  background-color: var(--pro-btn-color);
  color: var(--pro-text-color);
}

.product-card .btn:hover {
  background-color: var(--pro-btn-hover-color);
  color: var(--pro-hover-text-color);
}

.product-card .btn:hover svg path {
  fill: var(--pro-hover-text-color);
}

.time-counter .deal-timeline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--white);
  color: var(--text-color);
  padding: 12px 20px;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-shadow: 0px 0px 20px 0px #0000000d;
          box-shadow: 0px 0px 20px 0px #0000000d;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.product-card:hover .time-counter {
  opacity: 0;
}

.time-counter .counter {
  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;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  gap: 7px;
  position: relative;
}

.product-card .time-counter .counter:not(:last-of-type) {
  padding: 0 15px 0 0;
}

.product-card .time-counter .counter:not(:last-of-type):before,
.product-card .time-counter .counter:not(:last-of-type)::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 3px;
  background-color: var(--first-color);
  right: 5px;
}

.product-card .time-counter .counter:not(:last-of-type)::before {
  top: 10px;
}

.product-card .time-counter .counter:not(:last-of-type)::after {
  top: 20px;
}

.product-card-inner .product-content {
  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;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 15px 0px 0;
}

.product-subtitle {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: var(--second-color);
  margin-bottom: 10px;
}

.product-card .product-content .product-content-top {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

.product-card .product-content .add-to-cart {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: end;
          justify-content: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  margin-bottom: 10px;
}

.product-card .product-content .add-to-cart::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 4px double rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: 0 auto;
}
.product-card .product-content .product-content-top h3 {
  font: var(--h6);
  margin-bottom: 10px;
}
.product-card .product-content .product-content-top h3 a, .predictive-search__item-content h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
}
.product-card .product-content .product-content-bottom {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.product-card .color-variant-swatch {
  margin-bottom: 10px;
  display: block;
}
.product-card .color-variant-swatch .radio-buttons label.color-var {
  height: 16px;
  width: 16px;
}
.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: 6px;
}

.product-card .rating-wrapper img {
  height: 16px;
  width: 17px;
}

.product-card .rating-wrapper span {
  line-height: 1;
}

.product-slider.swiper-grid-column>.swiper-wrapper {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  gap: 35px 0;
}

/* Discount Section CSS Start */
.discount-sec .discount-inner {
  background-color: var(--light-gray);
}

.discount-sec .discount-content {
  padding: 40px 0;
}

.discount-sec .section-title {
  margin-bottom: 15px;
}

.discount-sec .section-title h2 {
  max-width: 500px;
}

.sec-counter .time-counter .deal-timeline {
  padding: 20px 0 40px 0;
  background-color: unset;
  color: var(--first-color);
  gap: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sec-counter .deal-timeline .count {
  font-family: var(--second-font);
  font-size: 32px;
  line-height: 38px;
  padding: 6px 16px;
  background-color: var(--second-color);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.sec-counter .deal-timeline .counter-dtl {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
}

.discount-sec .discount-sec-image {
  margin-right: -15px;
  height: 100%;
  padding-top: 55%;
  border-radius: 500px 0 0 500px;
  -webkit-border-radius: 500px 0 0 500px;
  -moz-border-radius: 500px 0 0 500px;
  -ms-border-radius: 500px 0 0 500px;
  -o-border-radius: 500px 0 0 500px;
  overflow: hidden;
}

/* Discount Section CSS End */

/* Tabs Section Css Start */
.tabs-wrapper .tabs-wrapper-inner {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.tabs-wrapper .tabs-left-wrapper {
  background-color: var(--first-color);
  padding: 30px 20px;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
}

.tabs-wrapper .tabs-left-wrapper .section-title {
  margin-bottom: 20px;
}

.tabs-wrapper .tabs-left-wrapper ul {
  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;
  gap: 10px;
}

.tabs-wrapper .tabs-left-wrapper .tab {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--white);
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
}

.tabs-wrapper .tabs-left-wrapper .tab:hover,
.tabs-wrapper .tabs-left-wrapper .active .tab {
  color: var(--second-color);
}

.tabs-wrapper .tabs-left-wrapper .view-all-btn svg path {
  -webkit-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
}

.tabs-wrapper .tabs-left-wrapper .view-all-btn:hover svg path {
  fill: var(--second-color);
}

.tabs-wrapper .tabs-left-wrapper .view-all-btn {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.tabs-wrapper .image-container img {
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
}

.tabs-wrapper .tabs-left-wrapper h6 {
  font: var(--h4);
  color: var(--second-color);
}

.tabs-wrapper .tabs-right-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tabs-wrapper .tabs-right-wrapper .tab-content {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 30px;
}

.tabs-wrapper .tabs-right-wrapper .tab-content .image-container {
  max-width: 35%;
  padding-top: 55%;
  width: 100%;
}

.tabs-wrapper .tabs-right-wrapper .tab-content .product-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Tabs Section Css End */

/* Arrivals Section Start Here */
.arrivals-sec .arrivals-inner {
  background-color: var(--light-gray);
  padding: 50px 0;
}

.arrivals-inner .arrivals-image-wrapper {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 20px;
}

.arrivals-inner .arrivals-image-wrapper .product-image:nth-child(2) {
  margin-top: 40px;
}

.arrivals-inner .arrivals-image-wrapper .product-image img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.arrivals-inner .arrivals-content-wrapper {
  padding-left: 20px;
}

.arrivals-inner .arrivals-content-wrapper p {
  margin-bottom: 30px;
}

/* Arrivals Section End Here */

/* Testimonial Section Css Starts Here */
.testimonial-sec .testimonial-sec-inner {
  background-color: var(--light-gray);
  padding: 50px 0;
}

.testimonial-sec .section-title .subtitle img {
  margin: 0 auto 5px auto;
}

.testimonial-sec .testimonial-card-wrapper {
  margin: 0 10%;
  position: relative;
}

.testimonial-card .testimonial-card-image {
  min-width: 30%;
  z-index: 1;
}

.testimonial-card .testimonial-image {
  padding-top: 70%;
  border-radius: 3% 3% 3% 3% / 50% 50% 50% 50%;
  -webkit-border-radius: 3% 3% 3% 3% / 50% 50% 50% 50%;
  -moz-border-radius: 3% 3% 3% 3% / 50% 50% 50% 50%;
  -ms-border-radius: 3% 3% 3% 3% / 50% 50% 50% 50%;
  -o-border-radius: 3% 3% 3% 3% / 50% 50% 50% 50%;
  overflow: hidden;
  height: 100%;
}

.testimonial-card .testimonial-content {
  padding: 40px 50px;
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-left: 0;
  margin-left: -10px;
  border-radius: 0% 3% 3% 0% / 50% 50% 50% 50%;
  -webkit-border-radius: 0% 3% 3% 0% / 50% 50% 50% 50%;
  -moz-border-radius: 0% 3% 3% 0% / 50% 50% 50% 50%;
  -ms-border-radius: 0% 3% 3% 0% / 50% 50% 50% 50%;
  -o-border-radius: 0% 3% 3% 0% / 50% 50% 50% 50%;
  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;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
}

.testimonial-card .testimonial-content p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.testimonial-card .testimonial-content .customer-name {
  font: var(--h5);
  margin: 6px 0;
  color: var(--first-color);
}

.testimonial-card .testimonial-bottom {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
}

.testimonial-card .testimonial-bottom h6 {
  color: var(--second-color);
}

.testimonial-card .testimonial-bottom .rating-wrapper img {
  height: 24px;
}

.testimonial-sec .swiper-button-prev,
.testimonial-sec .swiper-button-next {
  opacity: 1;
  visibility: visible;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.testimonial-sec .swiper-button-prev {
  left: -22px;
}

.testimonial-sec .swiper-button-next {
  right: -22px;
}

/* Testimonial Section Css Ends Here */

/* Blog Section Css Starts Here */
.blog-card .blog-card-inner {
  position: relative;
}

.blog-sec .section-title .subtitle img {
  margin: 0 auto;
}

/* .blog-card .blog-image {
  padding-top: 100%;
} */

.blog-card .blog-image img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.blog-card .blog-card-content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 5%;
  width: auto;
}

.blog-card-content .blog-date {
  color: var(--first-color);
  padding: 8px 12px;
  display: inline-block;
  background-color: var(--white);
  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);
  margin-bottom: 5px;
}

.blog-card-content h3 {
  font: var(--h4);
}

.blog-card-content h3 a {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: var(--second-font);
  line-height: 1;
  text-transform: capitalize;
}

.blog-card-content .blog-info {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 10px;
  padding: 15px 0;
}
.blog-card-content .blog-info .info-inner {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  gap: 8px;
}
.blog-card-content .blog-info .info-inner svg {
  height: 20px;
  width: 20px;
}
.blog-card-content .blog-info .user {
  padding-right: 10px;
  border-right: 1px solid var(--border-color);
}
.blog-card-content .blog-info .info-inner span {
  line-height: 1;
}
/* Blog Section Css Ends Here */
/* Common banner sec css starts here */
.common-banner-sec {
  padding: 30px 0;
  background-color: var(--light-gray);
}
.breadcrumbs {
  text-transform: capitalize;
}

.filter-cat {
  gap: 10px 15px;
  text-align: center;
}

.filter-cat li:not(:last-of-type) {
  position: relative;
  padding-right: 35px;
}

.common-banner-sec .filter-cat li:not(:last-child):after {
     content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(135deg) translate(0, 50%);
        -ms-transform: rotate(135deg) translate(0, 50%);
            transform: rotate(135deg) translate(0, 50%);
    border-top: 1px solid var(--first-color);
    border-left: 1px solid var(--first-color);
}

.common-banner-sec .filter-cat a {
  font-size: 24px;
}

.filter-cat li:not(:first-of-type) a {
  font-weight: 600;
  color: var(--first-color);
}

.pdp-page-main-sec .sticky-column {
  position: sticky;
  top: 20px;
}

.pdp-page-main-sec .product-item-img {
  padding-top: 100%;
}

.pdp-page-main-sec .product-item-img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.bottom-thumbslider {
  margin-top: 20px;
}

.pdp-thumb-image img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    inset: 0;
}
.pdp-thumb-image {
  position: relative;
  display: block;
  padding-top: 19%;
}
.pdp-thumb-image.swiper-slide-thumb-active {
  border: 1px solid var(--second-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.pdp-right-column .section-title,
.pdp-right-column .pro-label {
  margin-bottom: 10px;
}

.pdp-right-column .price {
  margin: 15px 0;
}

.pdp-right-column .price ins {
  font-size: 30px;
  color: var(--first-color);
}

.pdp-right-column .pdp-text {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
}

.pdp-right-column .rating-wrapper img {
  width: 22px;
  height: 20px;
}

.pdp-right-column .pdp-timer {
  margin: 15px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--first-color);
}
.share-button svg{
  margin-right: 5px;
}
.see-size {
  margin: 15px 0 15px;
  gap: 20px 30px;
}
.pdp-right-column .pro-cart-btn .cart-form {
    gap: 13px;
}
.pdp-right-column .pro-cart-btn .cart-form button {
  padding: 12px 20px;
}
.pdp-right-column .available-product {
    gap: 8px;
    border-radius: 10px;
    background-color: var(--light-gray);
    padding: 8px 20px;
}
.pdp-right-column .available-product span{
  color: var(--first-color);
  font-weight: 500;
}
.size-btn {
  gap: 10px;
  color: var(--first-color);
}
.pdp-right-column .color-variant-swatch label.color-var {
  display: block;
  margin: 0 0 10px;
}
.see-size .size-btn svg {
  width: 16px;
  height: 16px;
}

.see-size .size-btn svg path {
  fill: var(--first-color);
}

/* SIZE POPUP CSS START  */
.size-popup {
  display: table;
  position: fixed;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 5;
  padding: 0 30px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  -webkit-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
}

.size-popup.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.size-table-wrapper {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 60%;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
  -webkit-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.size-popup .size-form {
  background-color: var(--white);
  color: var(--black);
  max-height: 80vh;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.size-popup .size-form-inner {
    max-height: 80vh;
    height: 100%;
    overflow: auto;
    padding: 20px;
}
.size-popup .size-form h4 {
  text-align: center;
  margin-bottom: 20px;
}

.size-popup table tr td {
  padding: 10px;
}

.size-popup .size-close-btn, .out-of-stock-form .notify-popup-close {
  position: absolute;
  right: 16px;
  top: 6px;
}
 .out-of-stock-form .notify-popup-close .common-close {
  background: none;
  border: none;
}

.size-popup .size-close-btn .common-close {
    background: var(--second-color);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    border: none;
}
.pdp-right-column .color-variant-swatch .button {
  margin-bottom: 20px;
  gap: 10px;
}

.color-variant-swatch input[type="radio"]:checked+label.size-var,
.color-variant-swatch label.size-var:hover, .pdp-right-column .color-variant-swatch label.size-var:hover {
  background-color: var(--first-color);
  color: var(--white);
  border-color: var(--first-color);
}

.product-card .color-variant-swatch label.size-var{
      padding: 3px 4px;
      margin: 5px 0;
}
.pdp-right-column .size-variant-swatch p,
.pdp-right-column .qnty-btn-wrp p {
  color: var(--first-color);
}

.pdp-right-column .qnty-wrapper-btn {
  gap: 15px;
  padding: 10px 0;
}

.pdp-right-column .pro-cart-btn {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 20px;
}

.pdp-timer>span {
  padding: 5px;
  width: 42px;
  height: 42px;
  background-color: var(--first-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  z-index: 1;
}

.pdp-timer>span svg {
  width: 30px;
  height: 30px;
}

.pdp-right-column .deal-timeline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--light-gray);
  padding: 8px 20px;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  margin-left: -5px;
  z-index: 0;
}
.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: 16px;
  line-height: 1;
}

.pdp-right-column .color-variant-swatch label.size-var {
  background-color: var(--light-gray);
  border: none;
  margin: 0;
}

.pdp-right-column .qnty-btn-wrp .quantity-select .qty-spinner {
  padding: 6px 12px;
  height: auto;
  max-width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: none;
  background-color: var(--light-gray);
}

.pdp-right-column .qty-spinner button {
  height: 32px;
  width: 32px;
  background-color: var(--primary-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.pdp-right-column .qty-spinner button svg path {
  fill: var(--white);
}

.pdp-right-column .qty-spinner input {
  width: 40px;
}

.pdp-right-column .pro-features {
  gap: 10px;
  margin-top: 10px;
}

.pdp-right-column .pro-features li a, 
.pdp-right-column .pro-features li span,
.pdp-right-column .share-button__button {
  font-size: 16px;
  gap: 8px;
  color: var(--body-text-color);
  padding-right: 10px;
}

.pdp-right-column .pro-features li label {
  cursor: pointer;
}

.pdp-right-column .pro-features li a:hover,
.pdp-right-column .pro-features li span:hover {
  color: var(--second-color);
}

.pdp-right-column .pro-features li a svg path,
.pdp-right-column .pro-features li span,
.pdp-right-column .pro-features li span svg path {
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
}

.pdp-right-column .pro-features li a:hover svg path,
.pdp-right-column .pro-features li span:hover svg path {
  fill: var(--second-color);
}

.pdp-right-column .pro-features li svg {
  height: 20px;
  width: 20px;
}

.pdp-right-column .pro-features li:not(:last-of-type) a, .pdp-right-column .pro-features li:not(:last-of-type) span, .pdp-right-column .pro-features .ask-qus {
  border-right: 1px solid var(--border-color);
}

.pdp-right-column .pdp-tab .set {
  padding-top: 20px;
}

.pdp-right-column .pdp-tab .acnav-label {
  font-size: 18px;
  font-weight: 500;
  color: var(--first-color);
  position: relative;
  width: 100%;
  border-top: 1px solid var(--border-color);
  padding-top: 15px;
}

.set .acnav-label svg {
  width: 22px;
  height: 10px;
  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;
}

.set.is-open .acnav-label svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.pdp-right-column .pro-details {
  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;
  gap: 15px;
}

.pdp-right-column .pro-details li {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.pdp-right-column .pro-details li span {
  font-size: 16px;
  font-weight: 500;
  color: var(--first-color);
}

.pdp-right-column .pro-details li p {
  font-size: 14px;
}

.pdp-right-column .form-group label {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
}

.pdp-right-column .pdp-tab .rating-wrapper img {
  height: 22px;
  width: 22px;
}

/* PRODUCT ADD CART STICKY POPUP  */
.products-add-cart-sticky {
  position: fixed;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: block;
  background-color: var(--white);
  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;
  -webkit-box-shadow: 0px -3px 6px 0px #00000024;
          box-shadow: 0px -3px 6px 0px #00000024;
}

.products-add-cart-sticky .sticky-pro-inner {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  padding: 12px 0;
  gap: 10px;
}

.sticky-pro-info {
  gap: 10px;
}

.sticky-pro-info img {
  display: none !important;
  height: 55px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.sticky-data h3 {
  font: var(--h6);
  margin-bottom: 10px;
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.products-add-cart-sticky .price {
  font-size: 14px;
}

.products-add-cart-sticky .price ins {
  font-size: 16px;
}

.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: uppercase;
}

.products-add-cart-sticky .size-variant-swatch .radio-buttons {
  gap: 0;
}

.products-add-cart-sticky .sticky-pro-inner .sticky-btn {
  font-size: 14px;
  min-width: 120px;
  padding: 12px 15px;

}

.products-add-cart-sticky .color-variant-swatch .radio-buttons label.color-var {
  width: 25px;
  height: 25px;
}
.products-add-cart-sticky .text-checkbox .nice-select .current{
  border:1px solid var(--first-color);
  padding:10px 30px 10px 10px;
  border-radius:10px;
  color:var(--first-color);
}
.products-add-cart-sticky .text-checkbox{
  max-width:150px;
  width:100%
}
.products-add-cart-sticky .text-checkbox .nice-select .current::after{
  border-color:var(--first-color);
  right:13px;
  top:34%;
}
.products-add-cart-sticky .text-checkbox  .nice-select.open .current:after {
  top:46%;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn.loading>svg{
  display:none;
}

.products-add-cart-sticky .nice-select.open .list {
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.products-add-cart-sticky .nice-select .list {
    top: auto;
    bottom: 100%;
    margin: 0 0 5px;
  width:100%;
    -webkit-transform: scale(.75) translateY(21px);
    -ms-transform: scale(.75) translateY(21px);
    transform: scale(.75) translateY(21px);
}
li.soldout.option{
  cursor:no-drop;
}
/**** ASK QUATION POPUP CSS ****/
.ask-qus-popup,
.delivery-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,
.delivery-popup.active {
  opacity: 1;
  visibility: visible;
}

.delivery-popup-inner,
.ask-qus-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    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%);
    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;
}

.delivery-popup.active .delivery-popup-inner,
.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,
.del-form-wrapper {
    padding: 30px 20px;
    max-height: 90vh;
    overflow-y: auto;
}

.ask-form-wrapper .common-close,
.del-form-wrapper .common-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  width: 22px;
  height: 22px;
}

.ask-form-wrapper .form-inputs input,
.ask-form-wrapper .form-inputs textarea,
.ask-form-wrapper .form-inputs p {
  margin-bottom: 15px;
}

/************  delivery-popup  **********/
.delivery-popup .del-form-wrapper .section-title {
  margin-bottom: 25px;
}

.del-form-wrapper h3 {
  margin-bottom: 15px;
  font: var(--h4);
  font-family: var(--first-font);
}

.del-form-wrapper .shipping {
  margin-top: 25px;
}

.delivery-popup-inner p:not(:last-of-type) {
  margin-bottom: 8px;
}


/* Recently viewed section css starts here */
.recently-viewed-pro-sec .section-title .subtitle img {
  margin: 0 auto;
}

.recently-viewed-pro-slider.swiper-grid-column>.swiper-wrapper {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  gap: 20px 0;
}

/* Recently viewed section css ends here */
/* Product Page Css Ends  Here */

/* Product listing page css starts here */
.product-heading-column .filter-title {
  padding: 21px 30px;
  background-color: var(--light-gray);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.product-heading-column .filter-title h2 {
  font: var(--h6);
}

.product-heading-column .filter-title svg {
  height: 24px;
  width: 24px;
  display: none;
}

.product-heading-right-column .product-sorting-row {
  padding: 10px 28px;
  background-color: var(--light-gray);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.product-heading-right-column .product-sorting-row .filter-list-wrp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
}

.product-heading-right-column .filter-list-wrp ul {
  gap: 5px;
}

.product-heading-right-column .filter-list-wrp ul li {
  width: 30px;
  height: 30px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}

.product-heading-right-column ul li.active {
  background-color: var(--first-color);
}

.product-heading-right-column ul li svg {
  height: 17px;
  width: 17px;
}

.product-heading-right-column ul li svg rect {
  fill: var(--body-text-color);
}

.product-heading-right-column ul li.active svg rect {
  fill: var(--white);
}

.product-heading-row .sort-lbl {
  font-size: 16px;
  font-weight: 600;
}

.product-heading-row .nice-select {
  width: 170px;
  font-size: 16px;
  color: var(--first-color);
  padding: 0 10px 0 0;
}

.product-heading-row .current,
.product-price-widget .price-select .current {
  display: block;
  width: 100%;
}

.product-heading-row .nice-select ul,
.product-heading-row .nice-select ul li,
.acnav-list .nice-select ul {
  width: 100%;
  background: var(--white);
}

.featured-select .nice-select .current:after,
.featured-select .nice-select.current:after,
.product-filter-body .nice-select .current:after,
.product-filter-body .nice-select.current:after {
  right: 10px;
  top: 40%;
  transform: translateY(-50%) rotate(225deg);
  border-color: var(--first-color);
  -webkit-transform: translateY(-50%) rotate(225deg);
  -moz-transform: translateY(-50%) rotate(225deg);
  -ms-transform: translateY(-50%) rotate(225deg);
  -o-transform: translateY(-50%) rotate(225deg);
}

.close-filter {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 30px;
  width: 30px;
  padding: 7px;
  cursor: pointer;
  background-color: var(--first-color);
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
}

.product-filter-left-column .product-filter-body {
  margin-top: 25px;
  padding: 15px 0;
  background-color: var(--light-gray);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.product-filter-body .close-filter {
  display: none;
}

.product-widget {
  padding: 10px 15px;
}

.product-widget>.pro-itm>.acnav-label,.product-widget>.pro-itm>.filter-label {
  display: block;
  position: relative;
  padding: 10px 15px;
  text-transform: capitalize;
  background-color: var(--first-color);
  letter-spacing: 1px;
  font-size: 16px;
  color: var(--white);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
}

.product-widget>.pro-itm>.acnav-label:after,.product-widget>.pro-itm>.filter-label:after {
  content: "";
  position: absolute;
  top: 40%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
  transform: rotate(225deg) translateX(50%);
  -webkit-transform: rotate(225deg) translateX(50%);
  -moz-transform: rotate(225deg) translateX(50%);
  -ms-transform: rotate(225deg) translateX(50%);
  -o-transform: rotate(225deg) translateX(50%);
  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 .jdgm-write-rev-link.jdgm-write-rev-link,
.product .jdgm-widget:not(.jdgm-review-widget--small) .jdgm-form__fieldset-actions .jdgm-cancel-rev,
.product .jdgm-widget .jdgm-btn.jdgm-btn{
  border-radius:10px !important;
}
 .product .jdgm-form-wrapper .jdgm-form,
 .product .jdgm-form-wrapper .jdgm-form input,
 .product .jdgm-review-widget .jdgm-form textarea{
   border-radius:10px !important;
 }
.product-widget>.pro-itm.is-open>.acnav-label:after,.product-widget>.pro-itm.is-open>.filter-label:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  top: 45%;
}

.product-widget .acnav-list .colors-checkbox:not(:last-of-type) {
  margin-bottom: 10px;
}

.product-widget .acnav-list {
  padding-top: 20px;
}
.cartopen .quick-view-popup{
  background-color:transparent;
}
.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;
  cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
  margin-top: 4px;
  cursor: pointer;
  position: absolute;
  opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  left: 0;
}

.color,
.custom-checkbox input[type="checkbox"]+span.color {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  background-size: contain;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-color: var(--second-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.custom-checkbox input[type="checkbox"]:checked+span.color:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--first-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.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;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  font-size: 16px;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.color-name .color-count {
  min-height: 30px;
  min-width: 30px;
  line-height: 1;
  padding: 5px;
  background-color: var(--white);
  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;
  text-align: center;
}

.price-select {
  margin-left: -5px;
  margin-right: -5px;
}

.select-col {
  width: 100%;
  max-width: 50%;
  padding: 0 5px;
}

.select-col p {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.product-price-widget .price-select .current {
  display: block;
  border: 1px solid var(--border-color);
  padding: 10px;
  width: 100%;
}

#range-slider {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 23px;
}

.ui-widget-content {
  background: var(--second-color) !important;
  border: none !important;
  border-radius: 0 !important;
  height: 5px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-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: 14px !important;
  width: 14px !important;
  top: -5px !important;
  margin-left: 0 !important;
  background: var(--first-color) !important;
  border: 2px solid var(--primary-color) !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  z-index: 1 !important;
}

.ui-slider-horizontal .ui-slider-range {
  background-color: var(--first-color);
  height: 6px !important;
  top: -1px !important;
  border-radius: 0 !important;
}

.text-checkbox .checkbox {
  margin: 0;
  padding-right: 7px;
  padding-bottom: 10px;
}

.text-checkbox .checkbox input[type="checkbox"] {
  display: none;
}

.text-checkbox .checkbox input[type="checkbox"]+.checkbox-label {
  content: "";
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  gap: 10px;
  border: 1px solid var(--border-color);
  width: auto;
  position: relative;
  font-weight: 600;
  letter-spacing: 0px;
  top: 0;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  font-size: 13px;
  padding: 8px 15px;
  text-transform: capitalize;
  -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 {
  padding: 2px;
  border: 1px solid transparent;
}

.product-colors-widget .text-checkbox .checkbox input[type="checkbox"]:checked+.checkbox-label {
  border: 1px solid var(--black);
  background-color: transparent;
}

.text-checkbox .checkbox .clr {
  width: 12px;
  height: 12px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product-colors-widget .text-checkbox .checkbox .clr {
  width: 28px;
  height: 28px;
}

.size-variant-swatch input[type=checkbox] {
  position: absolute;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

.color-variant-swatch label.size-var {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  background-color: var(--white);
  color: var(--body-text-color);
  padding: 6px 12px;
  border: 1px solid var(--border-color);
  margin: 5px;
  text-align: center;
  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;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.product-widget.product-fil-btn {
  padding-top: 30px;
  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;
  gap: 20px;
}
.quick-view-popup .qty-spinner{
  height:40px;
}
.product-widget.product-fil-btn .btn {
  width: 100%;
}

.product-filter-right-column .product-card, .search .product-card {
  margin-top: 25px;
}

.product-filter-right-column .product-card {
  height: auto;
}

.product-filter-right-column .tab-content {
  display: none;
}

.product-filter-right-column .tab-content.active {
  display: block;
}

.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;
  background-color: var(--light-gray);
}

.product-list-view .product-card-inner .product-card-image {
  max-width: 25%;
  width: 100%;
}

.product-list-view .product-card-inner .img-wrapper {
  padding-top: 100%;
  height: 100%;
}

.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;
}

.product-list-view .product-card .product-content .product-content-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product-list-view .product-card .product-content .add-to-cart {
  margin: 0;
}

.product-list-view .product-card .product-card-inner .pro-btn-wrapper .pro-btn {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.product-list-view .product-card .product-card-inner .pro-btn-wrapper .pro-btn a, .product-list-view .product-card .product-card-inner .pro-btn-wrapper .pro-btn label {
  height: 35px;
  width: 35px;
}

.product-list-view .product-card .product-card-inner .pro-btn-wrapper .pro-btn a svg, .product-list-view .product-card .product-card-inner .pro-btn-wrapper .pro-btn label svg {
  height: 20px;
  width: 20px;
}

.product-list-view .product-card .price {
  color: var(--first-color);
}

.product-list-view .pro-btn-wrapper {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 10px;
}

.product-list-view .color-variant-swatch {
  margin: 0;
}

.product-list-view .time-counter {
  opacity: 1 !important;
}

.product-list-view .time-counter .deal-timeline {
  -webkit-box-shadow: none;
          box-shadow: none;
  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;
  background-color: var(--white);
  padding: 12px;
}

.product-list-view .product-card .product-content .product-content-top {
  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;
  gap: 15px;
  height: auto;
}

.product-list-view .product-card .product-content .product-content-top h3,
.product-list-view .product-card-inner .product-content-top p {
  margin: 0;
}

.product-list-view .text-checkbox .checkbox {
  padding-bottom: 0;
}

.product-list-view .product-colors-widget .text-checkbox .checkbox .clr {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.product-list-view .product-colors-widget .text-checkbox .checkbox input[type="checkbox"]+.checkbox-label {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* Product listing page css ends here */

/* collection page css starts here  */
.collection-list-page .collection-card {
  padding: 12px;
}

.collection-main-sec .collection-card-inner {
  position: relative;
}

.collection-list-page .collection-card-inner .img-rasio {
  padding-top: 100%;
}

.collection-list-page .collection-card-inner .img-rasio img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.collection-main-sec .collection-card .collection-btn {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  max-width: 75%;
  width: 100%;
  margin: 0 auto;
  text-transform: capitalize;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  z-index: 1;
}

.collection-main-sec .collection-card .collection-btn .btn {
  width: 100%;
  font-weight: 500;
  letter-spacing: 0.6px;
}

.facet-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-widget .acnav-list ul li:not(:last-of-type) {
  margin: 0 0 10px;
}
.facet-checkbox input[type=checkbox] {
  top: 3px !important;
}
.facet-checkbox .feather-check {
  left: 2px !important;
  top: 5px !important;
}
.active-facets {
  padding: 0 15px !important;
}

/* collection page css ends here  */

/* blog page css starts here */
.blog-grid-sec .blog-card {
  padding: 15px 0;
}
/* blog page css ends here */
/* Article page css starts here */
.articlebar .date-wrp {
  gap: 15px;
  margin: 0 0 15px;
}
.articlebar .date-wrp li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.article-bnr-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.article-sec .articlebar .quote-box {
  position: relative;
  background-color: var(--light-gray);
  padding: 30px 30px 40px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  margin: 40px 0;
}

.article-sec .articlebar .quote-box img {
  position: absolute;
  top: -10px;
}

.article-sec .articlebar .quote-box .quote-name {
  border-radius: 12px 12px 0;
  position: absolute;
  bottom: -18px;
  left: 13%;
  padding: 10px 20px;
  background-color: var(--primary-color);
  color: var(--primary-text-color);
  font-weight: 500;
  -webkit-border-radius: 12px 12px 0;
  -moz-border-radius: 12px 12px 0;
  -ms-border-radius: 12px 12px 0;
  -o-border-radius: 12px 12px 0;
}

.article-sec .article-gallery {
  padding: 30px 0;
}

.article-sec .article-gallery img {
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.article-sec .articlebar .art-tags-icons-wrp {
  color: var(--text-color);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 30px 0;
  margin: 30px 0;
}
.article-sec .articlebar .art-tags-icons-wrp label {
  margin-right: 10px;
  font-size: 18px;
}
.article-sec .articlebar .art-tags-icons-wrp .tags-ul {
  gap: 10px;
}
.articlebar .art-tags-icons-wrp .social-ul {
  gap: 20px;
}
.articlebar .art-tags-icons-wrp .social-ul a svg path {
  fill: var(--body-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;
}
.articlebar .art-tags-icons-wrp .social-ul a:hover svg path {
  fill: var(--first-color);
}
.articlebar .art-tags-icons-wrp .tags-ul li {
  padding: 8px 15px;
  border: 1px solid var(--border-color);
  background-color: var(--light-gray);
  line-height: 1;
  font-size: 14px;
  color: var(--body-text-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.article-sec .comment-form-wrp {
  padding: 30px 35px 50px 35px;
  background-color: var(--light-gray);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.article-sec .comment-form p {
  margin: 0 0 15px;
}
.article-sec .comment-form-wrp .section-title h4 {
  gap: 20px;
  margin-bottom: 15px;
}
.article-sec .comment-form-wrp .form-group {
  margin-bottom: 20px;
}
.related-post-sec .blog-card {
  padding: 15px 0;
}
.article-sec .comment-form-wrp .comment-inner {
    padding: 20px 0 40px;
}
.comment-inner .article-comment:not(:last-of-type) {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dashed var(--border-color);
}
.comment-inner .article-comment {
    gap: 20px;
}
.article-sec .comment-form-wrp .comment-inner .comment-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.article-sec .comment-form-wrp .comment-inner .comment-content h6, .article-sec .comment-form-wrp .comment-inner .comment-content span {
    display: block;
    text-transform: capitalize;
    margin: 0 0 10px;
}
/* Article page css ends here */
/* About Page css starts here */
.about-banner-sec .about-image-wrp .about-big-image {
  padding-top: 50%;
}
.about-banner-sec .about-image-wrp .about-image-gallery {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  margin-top: 20px;
  gap: 20px;
}

.about-banner-sec .about-image-wrp .about-image-gallery .about-image {
  max-width: 50%;
  width: 100%;
  padding-top: 30%;
}

.about-banner-sec .about-image-wrp img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.about-banner-sec .customer-wrp {
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
}

.about-banner-sec .customer-wrp .customer-image {
    width: 110px;
  height: 110px;
  border: 5px solid var(--white);
  -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}

.about-banner-sec .customer-wrp .customer-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-banner-sec .customer-wrp .customer-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.about-banner-sec .customer-wrp .customer-detail p {
  color: var(--second-color);
  margin-top: 5px;
}

.counter-wrapper {
  background-color: var(--first-color);
}

.counter-wrapper .counter-item {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}

.counter-wrapper .counter-item:not(:last-of-type)::before {
  content: "";
  top: 0;
  left: 100%;
  border-width: 2px 0 0 0;
  border-style: solid;
  -o-border-image: -o-linear-gradient(179.98deg, rgba(255, 255, 255, 0) 3.98%, #FFC700 55.12%, rgba(255, 255, 255, 0) 100.4%);
     border-image: linear-gradient(270.02deg, rgba(255, 255, 255, 0) 3.98%, #FFC700 55.12%, rgba(255, 255, 255, 0) 100.4%);
  border-image-slice: 1;
  width: 100px;
  height: 0px;
  position: absolute;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
  -webkit-transform: rotate(90deg) scale(1, 1);
  -moz-transform: rotate(90deg) scale(1, 1);
  -ms-transform: rotate(90deg) scale(1, 1);
  -o-transform: rotate(90deg) scale(1, 1);
}

.counter-wrapper .counter-item-inner {
  gap: 15px;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.counter-wrapper .counter-icon {
  height: 80px;
  width: 65px;
  background-color: rgb(255 199 0 / 20%);
  border-radius: 90px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
}

.counter-wrapper .counter-icon svg {
  height: 30px;
  width: 30px;
}

.counter-wrapper .counting {
  position: relative;
  margin-bottom: 10px;
  font: normal 600 36px / 1 var(--first-font);
  color: var(--second-color);
}

.counter-wrapper .counting::after {
  content: "+";
  display: inline-block;
}

.counter-wrapper .counter-details p {
  font-size: 16px;
  color: var(--white);
}

/* About Page css ends here */


/* FAQ page css starts here */
.faq-page .faq-col {
  padding: 0 30px;
  position: relative;
}

.faq-page .faq-col:not(:last-of-type)::after {
  content: "";
  top: 0;
  left: 100%;
  width: 2px;
  height: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(49%, #FFC700), to(rgba(255, 255, 255, 1)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, #FFC700 49%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #FFC700 49%, rgba(255, 255, 255, 1) 100%);
}

.faq-page .faqs-item {
  padding: 20px 0;
  border-bottom: 1px solid var(--border-color);
}

.faqs-item .acnav-label {
  color: var(--first-color);
  font-weight: 500;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  gap: 15px;
  letter-spacing: 1px;
}

.faqs-item .acnav-label span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.faqs-item.is-open .acnav-label {
  font-weight: 600;
}

.faqs-item .acnav-label .faq-icon {
  width: 30px;
  height: 30px;
  position: relative;
}
.faqs-item .acnav-label h4{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.faqs-item .acnav-label .faq-icon::before,.faqs-item .acnav-label .faq-icon::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  background-color: var(--primary-color);
  right: 13px;
  top: 50%;
  height: 15px;
  width: 2px;
  transform: translateY(-50%);  
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  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;
}
.faqs-item .acnav-label .faq-icon::after {
  height: 2px;
  width: 15px;
  right: 6px;
}
.faqs-item.is-open .acnav-label .faq-icon::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
/* FAQ page css ends here */
/* Contact us Page css starts here */
.contact-wrapper .contact-form p.desc {
  margin: 0 0 15px;
}
.contact-wrapper .contact-form p.desc a:hover {
  color: var(--first-color);
}
.contact-page .contact-wrapper {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  background-color: var(--light-gray);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.contact-wrapper .form-wrapper {
  padding: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
}
.contact-wrapper .form-group {
  margin-bottom: 20px;
}
.contact-wrapper .details-wrapper {
  padding: 30px;
  background-color: var(--first-color);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  color: var(--white);
}
.contact-wrapper .details-wrapper .contact-details {
  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;
  gap: 40px;
}
.contact-wrapper .single-detail {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 15px;
}
.contact-wrapper .single-detail .icon {
  background-color: var(--second-color);
  height: 50px;
  width: 100%;
  max-width: 50px;
  border-radius: 10px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.contact-wrapper .single-detail .icon svg {
  width: 30px;
  height: 30px;
}
.contact-wrapper .single-detail .details h6 {
  font-weight: 600;
  color: var(--white);
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.contact-wrapper .single-detail .details p,.contact-wrapper .single-detail .details a {
  display: block;
  font-weight: 400;
  letter-spacing: 1px;
}
.contact-wrapper .single-detail .details a:hover {
  color: var(--second-color);
}
.contact-direction-inner {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  position: relative;
}
/* Contact us Page css ends here */
/* Privacy Policy page css starts here */
.cms-content-item:not(:last-of-type) {
  margin-bottom: 40px;
}
.cms-content-item h4 {
  font-family: var(--first-font);
  margin-bottom: 15px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.cms-content-item p {
  letter-spacing: 0.8px;
}
.cms-list-item ul {
  padding-left: 30px;
  margin-top: 20px;
}

.cms-list-item ul li:not(:last-of-type) {
  margin-bottom: 5px;
}

.cms-list-item ul li {
  list-style: disc;
}

.cms-list-item ul li::marker {
  font-size: 16px;
}

.cms-list-item ul li a {
  position: relative;
}

.cms-list-item ul li a:hover {
  color: var(--first-color);
}

/* Privacy Policy page css ends here */
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: auto;
  text-align: left;
}

table tr {
  display: block;
}

table tr th {
  text-align: center;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 500;
  background-color: var(--light-gray);
}

table tr td {
  padding: 5px 10px 5px;
  display: block;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}

.shipping-list-content p {
  color: var(--first-color);
  font-weight: 500;
}

.shipping-list-content ul {
  margin-bottom: 10px;
}

.cms-page .shipping-tbl {
  max-width: 500px;
  border: 0;
  margin: 25px 0 0px;
}

.cms-page table tr th:first-of-type {
  border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -ms-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
}

.cms-page table tr th:last-of-type {
  border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -ms-border-radius: 0 10px 0 0;
  -o-border-radius: 0 10px 0 0;
}

.cms-page table tr th,
.cms-page table tr td {
  text-align: start;
}

.cms-page table tr th {
  background-color: var(--first-color);
  padding: 10px;
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
}

.cms-page table tr:nth-child(odd) td {
  background-color: #F6F6F6;
}

.cms-page table tr th,
.cms-page table tr td {
  text-align: start;
}

/* login page css starts here */
.login-page .login-form-wrapper {
  padding: 50px 60px;
  background-color: var(--light-gray);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.login-form-wrapper .section-title {
  margin-bottom: 40px;
}

.login-form-wrapper h2 {
  font: var(--h3);
  font-weight: 600;
}

.login-form-wrapper .forgot-pass-wrp {
  gap: 15px;
}

.login-form-wrapper .form-btn {
  margin-top: 40px;
}

.login-form-wrapper .form-bottom {
  margin-top: 20px;
}

.login-form-wrapper .form-bottom p {
  color: var(--first-color);
}

.login-form-wrapper .forgot-pass{
  border-bottom: 1px solid transparent;
  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;
}
.login-form-wrapper .forgot-pass:hover {
  color: var(--first-color);
  border-bottom: 1px solid var(--first-color)
}
.login-form-wrapper .form-bottom p a {
  font-weight: 600;
  text-decoration: underline;
}

.login-form-wrapper .form-btn .btn {
  width: 200px;
}

.login-form-wrapper .checkbox-custom label:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* login page css ends here */

/* Cart Page Css start  */
.cart-table th {
  font: var(--h5);
  color: var(--first-color);
  padding: 5px 10px 30px 10px;
}
.cart-table tr th,
.cart-table tr td {
  text-align: left;
  vertical-align: middle;
  background-color: unset;
}
.cart-table tbody tr {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.cart-table tr td {
  padding: 25px 10px;
}
.cart-table .cart-product {
  width: 45%;
}
.cart-table .product-wrapper {
  gap: 20px;
}
.cart-table .pro-img-cart {
  width: 220px;
  padding-top: 90%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}
.cart-table .product-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cart-table .product-details h6 {
  margin-bottom: 10px;
}
.cart-table .product-price {
  font-size: 20px;
  color: var(--first-color);
  font-weight: 500;
}
.cart-table .product-details .product-color {
  margin: 10px 0 0;
  font: var(--common-text);
}
.cart-table .product-details .product-color dt {
  color: var(--first-color);
  font-weight: 500;
  margin-right: 5px;
}
.cart-table .cart-quantity {
  width: 25%;
}
.cart-table .total {
  color: var(--first-color);
  display: table-cell;
}
.cart-table .total .price--end {
  font-size: 20px;
  color: var(--first-color);
  font-weight: 500;
  margin:0 0 5px;
}
.cart-table .cart-remove .remove-btn a{
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  color: var(--first-color);
}
.cart-table .cart-remove .remove-btn a:hover {
  color: var(--error-color);
}
/* gift-cart */
.cart-page-sec .gift-label-wrp {
    background: var(--light-gray);
    color: var(--text-color);
    padding: 15px;
    gap: 10px;
    margin-bottom:20px;
    border-radius: 10px;
}
.cart-page-sec #cart-gift-wrap .gift-label-left  {
    gap: 10px;
}
.cart-page-sec #cart-gift-wrap .gift-label-left span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.cart-page-sec .gift-label-wrp svg path {
  fill: var(--first-color);
}
/* cart-total-row */
.order-history-content .cart-table{
    margin-bottom: 40px;
}
.cart-total-row{
    background: var(--light-gray);
    color: var(--text-color);
    padding: 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 10px;
}
.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: 10px;
    font-size: 16px;
    font-weight: 500;
    display: block;
}
.cart-total-left textarea{
    padding: 12px;
    background-color: var(--white);
}
.cart-total-right {
    max-width: 350px;
    width: 100%;
}
.cart-total-right .cart-total{
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
}
.cart-total-right .total-save{
    margin-bottom: 25px;
}
.cart-total-right .btn{
    width: 100%;
}
.cart-total-right .checkout-btn{
    margin-bottom: 15px;
}

/* Cart Page css end */
.testimonial-slider .swiper-slide{
  height:auto;
}
.testimonial-slider .testimonial-card{
  height:100%;
}
/******* WISHLIST & COMPARE CSS START *******/
.pro-compare-wrap .pro-compare-left .compare-title,
.pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
  text-align: left;
  padding: 0 20px 15px;
  color: var(--first-color);
  font:normal 600 20px/1.1 var(--second-font);
  border-bottom: 1px solid var(--border-color);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pro-compare-wrap .pro-compare-left .compare-detail,
.pro-wishlist-wrap .pro-wishlist-left .wishlist-detail {
  max-width: 30%;
  width: 100%;
}
.compare-remove,
.compare-pro-remove-btn,
.wishlist-remove,
.wishlist-pro-remove-btn {
  max-width: 12%;
}
.compare-wrap,
.wishlist-wrap {
  background-color: var(--white);
}
.compare-wrap:not(:last-of-type),
.wishlist-wrap:not(:last-of-type) {
  margin-bottom: 30px;
}
.pro-compare-scroll .compare-val-prod, 
.pro-wishlist-scroll .wishlist-val-prod {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
}
.pro-compare-scroll .compare-data-label,
.pro-wishlist-scroll .wishlist-data-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  padding: 20px;
}
.compare-pro-detail .prod-img a,
.wishlist-pro-detail .prod-img a {
  position: relative;
  padding-top: 75%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.compare-pro-detail .prod-img a img,
.wishlist-pro-detail .prod-img a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-pro-detail, 
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-pro-detail {
  max-width: 30%;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .prod-ven.compare-pro-detail,
.pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .prod-ven.wishlist-pro-detail {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
.compare-pro-detail .compare-val-prod .prod-title,
.wishlist-pro-detail .wishlist-val-prod .prod-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--first-color);
}
.compare-pro-detail .compare-val-prod .prod-price,
.pro-wishlist-sec .wishlist-val-prod .wishlist-pro-price {
  font-size: 16px;
  color: var(--first-color);
  font-weight: 600;
  padding: 10px 0 0 !important;
}
.pro-detail-inner .compare-pro-var,
.pro-detail-inner .wishlist-pro-var {
    margin: 10px 0 0 0;
}
.pro-detail-inner .compare-pro-var label,
.pro-detail-inner .wishlist-pro-var label {
    font-weight: 600;
    color: var(--first-color);
}
.pro-compare-scroll .compare-pro-cart-btn .cart-btn,
.pro-wishlist-scroll .wishlist-pro-cart-btn .cart-btn {
  gap: 7px;
  padding: 12px 15px;
  font-size: 14px;
}
.compare-pro-detail .compare-val-prod .compare-pro-remove-btn ,
.wishlist-pro-detail .wishlist-val-prod .wishlist-pro-remove-btn{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  gap: 10px;
}
.compare-pro-detail .compare-prod-remove,
.wishlist-pro-detail .wishlist-prod-remove {
  text-decoration: underline;
  font-weight: 600;
  color: var(--first-color);
  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;
}

.compare-pro-detail .compare-prod-remove:hover,
.wishlist-pro-detail .wishlist-prod-remove:hover {
  color: var(--error-color);
}
.pro-compare-sec .compare-bottom-btn,
.pro-wishlist-sec .wishlist-bottom-btn {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  margin-top: 40px;
}

.pro-compare-sec .compare-bottom-btn .btn,
.pro-wishlist-sec .wishlist-bottom-btn .btn {
  min-width: 200px;
}

/****** WISHLIST PAGE CSS END ******/


/* ERROR PAGE CSS START */
.error-main-sec .error-content {
  text-align: center;
}

.error-main-sec .error-content .large-text {
  font-size: 100px;
  font-weight: 500;
  line-height: 75%;
}

.error-main-sec .error-content .section-title h3 {
  text-transform: capitalize;
  margin: 30px 0 20px;
}

/* ERROR PAGE CSS END */

/**** ADDRESS PAGE CSS START ****/
.my-add-sec .main-new-address {
  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;
}

.my-add-sec .main-new-address .section-title h2 {
  font: var(--h3);
  color: var(--black);
  -webkit-text-fill-color: unset;
}

.my-add-sec .main-new-address .section-title {
  margin-bottom: 25px;
}

.my-add-sec .main-new-address .back-btn {
  margin: 0 0 20px;
}

.my-add-sec .add-primary .acc-details span {
  display: block;
  line-height: 1;
}

.my-add-sec .address-main-list {
  border: 1px solid var(--border-color);
  padding: 15px;
  margin: 30px 0 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.acc-details p,
.acc-details h2 {
  margin-bottom: 20px;
}

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

.acc-details h2 {
  font: var(--h4);
  color: var(--black);
}

/**** ADDRESS PAGE CSS END ****/

/** MY ACCOUNT PAGE CSS START **/
.my-acc-sec table tr th {
  padding: 10px;
  font-weight: 600;
  color: var(--black);
}

.my-acc-sec table {
  border: 1px solid var(--border-color);
}

.my-acc-sec table tr {
  border-bottom: 1px solid var(--border-color);
}

.my-acc-sec table tr td {
  padding: 10px 15px 10px;
}

.my-acc-sec .account-details ul li {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-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:not(:last-of-type) {
  border-top: 1px solid var(--border-color);
}

.my-acc-sec .account-details ul li label {
  max-width: 10%;
  width: 100%;
}

.my-acc-sec .order-history-frame {
  margin-bottom: 40px;
}

.my-acc-sec.order-main-sec .section-title {
  margin-bottom: 30px;
}

.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 h3,
.account-details .section-title h3 {
  color: var(--black);
}

.my-acc-sec .order-history-frame .section-title,
.account-details .section-title {
  margin-bottom: 30px;
}
.color-variant-swatch .radio-buttons label.var-image {
    width: 50px;
    height: 50px;
    margin: 0;
    background-size: contain;
      background-repeat: no-repeat;
}
/** MY ACCOUNT PAGE CSS END**/
/** ORDER PAGE CSS START **/
.order-history-list .order-title {
  margin-bottom: 26px;
}

.order-history-list .order-title h4 {
  margin-bottom: 15px;
  color: var(--black);
}

.order-payment-box {
  max-width: 300px;
  margin-left: auto;
  border: 1px solid var(--border-color);
  padding: 20px;
  border-top: 0;
}

.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;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
}

.order-payment-box ul li:not(:last-of-type) {
  margin-bottom: 12px;
}

.order-address-inner {
  margin-bottom: 15px;
}

.order-address-inner .address-title {
  background: var(--first-color);
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.order-address-inner .address-title h4 {
  color: var(--white);
}

.order-history-tbl tr td a {
  text-transform: inherit;
}

/** ORDER PAGE CSS END **/

/* =========== shopify css start ========================== */
.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);
}
.site-header .disclosure__list-wrapper {
    position: absolute;
    top: 33px;
    right: 0;
    left: 0;
    min-width: 100px;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    margin: 0;
    opacity: 1;
    pointer-events: auto;
    background-color: var(--white);
  -webkit-box-shadow:0 0 0 1px #444444b3;
          box-shadow:0 0 0 1px #444444b3;
    transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
 -webkit-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;
 transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  border-radius:10px;
}
.site-header .disclosure__list-wrapper .disclosure__item {
    margin: 0;
  color:var(--black);
}
.site-header .disclosure__list-wrapper .disclosure__item a {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 10px;
    width: 100%;
    text-align: start;
}
.site-header .disclosure__list-wrapper .disclosure__item a.disclosure__link--active {
    font-weight: bold;
    background-color: #eae9e9;
}
.site-header .disclosure__list-wrapper .disclosure__item a:hover{
  background-color: #eae9e9;
}
.site-header .langauge-lbl {
    position: relative;
}

/*=========== SHF home product image hover ===============*/
.card__media .hover-img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__media:hover .hover-img {
  opacity: 1;
  visibility: visible;
}
.card__media:hover .default-img {
  opacity: 0;
  visibility: hidden;
}

.hidden, .visually-hidden, [hidden] {
    display: none!important;
}
.product-card-inner .product-content-top p {
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
}
body.account table tr td:first-child a{
  text-decoration: underline;
}
fieldset {
    border: none;
}
#recover:target+.recover-password, #recover:target {
    display: block;
}
.product-card .product__media-item:not(:first-child), #recover, #recover+.recover-password, #recover:target~.back-toshop, #recover:target~.section-title, #recover:target~.login-form-wrapper.login_form{
      display: none;
}
.form__message {
    border: 1px solid #ff0000;
    display: block;
    padding: 10px;
    color: red;
    background: #ff00001c;
    margin: 0 0 15px;
    outline:none;
      width: 100%;
  border-radius: 10px;
}
.form__message_success {
    border: 1px solid #276221;
    display: block;
    padding: 10px;
    color: #276221;
    background: #27622147;
        width: 100%;
  border-radius: 10px;
    margin: 0 0 15px;
}
.login-page .ssl-secure {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
}
.login-page .ssl-secure svg{
  margin-bottom: 4px;
}
.addresses [aria-expanded="false"] ~ div[id] {
  display: none;
}
.addresses [aria-expanded="true"] ~ div[id] {
  display: block;
  margin: 30px 0 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%;
}
.shopify-payment-button__more-options{
  display: none;
}
.pdp-right-column .select-box .nice-select{
  max-width:200px;
  width:100%;
  border:1px solid var(--border-color);
  border-radius:10px;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-image:url(pdp-down-arrow.svg);
      background-repeat: no-repeat;
    background-position: 96%;
    background-size: 14px;
}
/* =======product review=========== */
.jdgm-rev-widg__summary-stars{
    margin-bottom: 10px !important;
}
.jdgm-star {
    font-weight: normal !important;
}
.product .jdgm-widget-actions-wrapper {
    margin: 0;
}
.product .jdgm-rev-widg {
    border: none;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 !important;
}
.jdgm-review-widget--small .jdgm-form__fieldset-actions .jdgm-btn {
    text-align:center;
}
.jdgm-widget .jdgm-btn.jdgm-btn {
    width: auto;
}
.jdgm-widget:not(.jdgm-review-widget--small) .jdgm-form__fieldset-actions .jdgm-cancel-rev {
    background: transparent;
}
.jdgm-form__title {
    margin-top: 15px !important;
    text-align: center;
}
.jdgm-form {
    border: 1px solid var(--border-color);
    background: var(--white);
    text-align: left;
}
.jdgm-row-actions {
    display: none !important;
}
.jdgm-rev-widg__body {
    position: relative;
    border: 1px solid var(--border-color);
    background: var(--white);
    padding: 15px;
}
.jdgm-rev-widg__body .jdgm-rev {
    border-top: 0;
    padding: 0;
}
.jdgm-rev-widg__body .jdgm-rev:last-of-type {
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
}
.jdgm-paginate {
    border-top: none !important;
}
.jdgm-row-rating {
    border-bottom: 1px solid rgba(51, 153, 153, 0.1);
    border-color: var(--jdgm-secondary-color);
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.pdp-right-column .jdgm-prev-badge {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    gap: 15px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.jdgm-widget .jdgm-rev-widg .jdgm-star {
    font-size: 12px;
}
.jdgm-widget .jdgm-rev-widg__summary-stars {
    margin-bottom: 10px;
}
.jdgm-review-widget .jdgm-form input::-webkit-input-placeholder, .jdgm-review-widget .jdgm-form textarea::-webkit-input-placeholder{
  color:var(--theme-color) !important;
}
.jdgm-review-widget .jdgm-form input::-moz-placeholder, .jdgm-review-widget .jdgm-form textarea::-moz-placeholder{
  color:var(--theme-color) !important;
}
.jdgm-review-widget .jdgm-form input:-ms-input-placeholder, .jdgm-review-widget .jdgm-form textarea:-ms-input-placeholder{
  color:var(--theme-color) !important;
}
.jdgm-review-widget .jdgm-form input::-ms-input-placeholder, .jdgm-review-widget .jdgm-form textarea::-ms-input-placeholder{
  color:var(--theme-color) !important;
}
.jdgm-write-rev-link.jdgm-write-rev-link , .jdgm-form-wrapper,.jdgm-review-widget .jdgm-form .jdgm-star,.jdgm-review-widget .jdgm-form input[type="text"],
.jdgm-review-widget .jdgm-form input::placeholder,.jdgm-review-widget .jdgm-form textarea,.jdgm-review-widget .jdgm-form textarea::placeholder,.jdgm-review-widget .jdgm-form .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow, .jdgm-widget input[type="submit"].jdgm-btn--solid{
  color:var(--theme-color) !important;
}
.jdgm-widget:not(.jdgm-review-widget--small) .jdgm-form__fieldset-actions .jdgm-cancel-rev{
   color:var(--theme-color) !important;
  border-color:var(--theme-color) !important;
}
a.product-write-review{
  gap: 5px;
}
/*======= product notify btn custom css =======*/
.out-of-stock-form {
    position: fixed;
    top: 50%;
    padding: 50px 40px;
    left: 0;
    right: 0;
    max-width: 30%;
    max-height: calc(100% - 100px);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: var(--white);
    z-index: 5;
    -webkit-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  border-radius:15px;
}
.out-of-stock-form.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.notify-txt {
  line-height: 1.4;
  color: var(--black);
}
.notify-send-btn {
  position: relative;
  margin-top: 20px;
}
.notify-send-btn input {
  height: 45px;
  width: 100%;
  padding: 15px 120px 15px 15px;
  color: var(--black);
}
.notify-send-btn input::-webkit-input-placeholder {
  color: var(--black);
}
.notify-send-btn input::-moz-placeholder {
  color: var(--black);
}
.notify-send-btn input:-ms-input-placeholder {
  color: var(--black);
}
.notify-send-btn input::-ms-input-placeholder {
  color: var(--black);
}
.notify-send-btn input::placeholder {
  color: var(--black);
}
.notify-send-btn input::-webkit-input-placeholder {
  color: var(--black);
}
.notify-send-btn input::-ms-input-placeholder {
  color: var(--black);
}
.notify-send-btn button {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: auto;
  padding: 10px 35px;
}
.pro-features .pro-compare.active .compare-label, .pdp-right-column .available-product p {
    color: green;
}
.pdp-right-column .available-product .sold-txt{
  color: red;
}
.pro-features .pro-compare.active .compare-label svg path {
    fill: green!important;
}
.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;
}
.cart__items-wrapper .is-empty .cart__warnings {
    display: block;
}
.predictive-product-card-image .img-wrapper{
  padding-top: 100%;
}
.search .field {
    position: relative;
}
.search .search__button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: 0;
    width: 40px;
    height: 40px;
    background: var(--secondary-color);
    padding: 12px;
    border-radius: 10px;
    border: 0;
}
.search .search__button svg {
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.search .search__button svg path{
  fill: var(--white);
}
.search .count-desc {
    margin: 20px 0;
    font: var(--h5);
    text-align: center;
    background: var(--body-bg-color);
    padding: 15px 5px;
}
.products-add-cart-sticky .color-variant-swatch .button .color-var.sticky-active{
  -webkit-box-shadow: 0 0 0 1px #333, inset 0 0 0 3px #fff;
          box-shadow: 0 0 0 1px #333, inset 0 0 0 3px #fff;
  border: none;
}

/* pagination */

.pagination-row {
    margin: 40px 0 0 0;
}
.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;
    width: 35px;
    height: 35px;
}

.pagination-row ul li a {
    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;
    width: 100%;
    height: 100%;
  border-radius: 8px;
}

.pagination-row ul li a.active {
    background-color: var(--first-color);
    color: var(--white);
}

.pagination-row ul li:not(:last-of-type) {
    margin-right: 5px;
}

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

/* error msg */
.error {
    color: var(--error-color);
}

.shopify-challenge__container {
    padding: 70px 0 0;
}
.shopify-challenge__container .g-recaptcha {
    margin: 15px 0;
}
.shopify-challenge__container .shopify-challenge__button {
    color: var(--primary-text-color);
    background-color: var(--primary-color);
    font-size: 16px;
    width: auto;
}
/* =========== shopify css end ========================== */
/************** video product page css *************/
deferred-media.deferred-media {
   position: relative;
    display: block;
    height: 100%;
    padding-top: 100%!important;
    overflow: hidden;
    border-radius: 10px;
}
.media>*:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  max-width: 100%;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
}
.deferred-media[loaded]>.deferred-media__poster {
  display: none !important;
}
.product__modal-opener:not(.product__modal-opener--image) {
  display: none;
}
.deferred-media__poster-button.motion-reduce {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  padding: 10px;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), to(var(--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;
  background: var(--second-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}
.deferred-media__poster-button.motion-reduce svg {
  fill: var(--white);
}
.deferred-media:not([loaded]) template {
  z-index: -1;
}
.deferred-media[loaded]>.deferred-media__poster {
    display: none !important;
}
.customer.reset-password {
    padding: 30px;
     background: #203d3e12;
}
.customer.reset-password .btn {
  width:100%;
}

  /*================= reset password page =============*/
.reset-password {
    border: 1px solid var(--border-color);
    padding: 20px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}
.reset-password .section-title h3 {
  margin: 0 0 15px;
}
.reset-password .form-container {
  padding: 0;
  border: none;
}
.reset-password label {
  text-align: right;
  width: 100%;
}
.customer.reset-password {
  text-align: center;
}
.my-resetpwd-sec .row{
  margin:0;
}
.login-page .form-message-success{
  margin-bottom:10px;
  color:#24d57a;
}
.reset-password .form-container .row {
  margin: 0;
}
.reset-password .form-container .row [class*=col-] {
  padding: 0;
}
#AddAddress .form-group label {
    width: 100%;
    text-align: left;
}
/* =====pdp-timer========= */
.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(--first-color);
    right: -9px;
}
.pdp-right-column .pdp-timer .counter {
    position: relative;
}
.pdp-timer .countdown-block {
    gap: 15px;
}
/* silder zoom */
.product-item-img.zoom img {
  cursor: crosshair;
  background-color: var(--body-bg-color);
}

/* =====pdp-timer end========= */
/* releted product cart popup */
.cartdrawer .related-cart-wrp {
    margin-top: 25px;
}

.cartdrawer .related-cart-wrp h3 {
    margin-bottom: 15px;
    font-size: 22px;
}

.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: 125%;
    display: block;
  border-radius:10px;
  overflow:hidden;
}

.cartdrawer .related-cart-inner a img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.cartdrawer .related-image {
    position: relative;
    max-width: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 100%;
    background: whitesmoke;
    padding: 10px;
  border-radius:10px;
}

.cart-variable p {
    color: var(--black);
    margin-bottom: 12px;
}

.cartdrawer .related-cart-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 15px;
}

.cartdrawer .related-cart-text h4 {
    font-size: 18px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cartdrawer .related-cart-text a {
    text-decoration: underline;
}

.cartdrawer .related-cart-price {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.cartdrawer .pvarprice svg path {
    fill: red;
}

.cartdrawer .cart-slider {
    position: relative;
}

.cartdrawer .swiper-pagination {
    position: relative;
    margin-top: 10px;
    bottom: 0;
}

.related-cart-wrp .swiper-pagination-bullet-active {
    outline: 1px solid var(--primary-color);
    outline-offset: 3px;
}

.related-cart-wrp .swiper-pagination-bullet {
    background: var(--primary-color);
}
.products-add-cart-sticky .qty-spinner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-color:var(--theme-color);
}
.sticky-pro-info .sticky-data{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
/* responsive start */
.cart-item-wrap.is-empty, .cart-footer-wrap.is-empty{
  display: none;
}
.cart__warnings svg{
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }

    .desk-only {
        display: block !important;
    }

    /*** about page css start ***/
    .about-video-sec .row .banner-left {
        height: 100%;
    }

}

@media screen and (min-width: 768px) {
  .jdgm-write-rev-link.jdgm-write-rev-link{
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
  }
      /* shf filter */
  #ProductGridContainer .mobile-only {
        display: none !important;
  }
  
    .mobile-stickybar {
        display: none !important;
    }

    /*** footer css start **/
    .footer-row .acnav-list1 {
        display: block !important;
    }

    .site-footer .footer-col .footer-widget .acnav-label1 svg {
        display: none;
    }

    table tr {
        display: table-row;
    }

    table tr td {
        padding: 15px 10px 15px;
        display: table-cell;
    }
   .sticky-pro-info {
        max-width: 250px;
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
      .out-of-stock-form {
        max-width: 45%;
    }
    :root {
        --h1: normal 600 40px/1.1 var(--first-font);
        --h2: normal 600 36px/1.1 var(--second-font);
        --h3: normal 600 32px/1.1 var(--first-font);
        --h4: normal 600 24px/1.1 var(--second-font);
        --h5: normal 500 20px/1.1 var(--second-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 .main-nav>li>a {
        font-size: 16px;
    }

    .site-header .menu-item-right {
        gap: 10px;
    }

    .site-header .menu-item-right>li>a svg {
        height: 22px;
        width: 22px;
    }

    /*** footer css start ***/
    .container-fluid {
        padding: 0 15px;
    }

    .site-footer .footer-col:not(:first-child) {
        padding-left: 30px;
    }

    .site-footer .footer-top .subscribe-form-wrapper {
        width: 400px;
    }

    .site-footer .subscribe-form-wrapper .subscribe-btn {
        font-size: 16px;
    }

    .site-footer .subscribe-form-wrapper input {
        font-size: 16px;
    }

  .site-footer .footer-col:last-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
}
  .home-banner-slider .banner-slide {
    padding-top: 50vh;
  }

    /**** MAIN BANNER SECTION CSS START ****/

    /*** BANNER SLIDER CSS ****/
    .home-banner-slider .banner-slide .btn {
        font-size: 18px;
        padding: 15px;
    }

    /*** Tabs Section Css Start **/
    .tabs-wrapper .tabs-left-wrapper {
        padding: 20px 15px;
    }

    .tabs-wrapper .tabs-left-wrapper ul .tab {
        font-size: 16px;
    }

    .tabs-wrapper .tabs-right-wrapper .tab-content .image-container {
        max-width: 30%;
    }

    /***** Tabs Section Css End *****/

    /* DISCOUNT SECTION CSS START */
    .discount-sec .section-title h2 {
        max-width: 350px;
    }

    /* Cart pagee css start */
    .cart-table .pro-img-cart {
        width: 200px;
    }

    .cart-table .cart-product {
        width: 60%;
    }
   .cart-table .cart-quantity {
        width: 15%;
    }

    /* ABOUT PAGE CSS START  */
    .counter-wrapper .counter-wrapper-inner {
        row-gap: 25px;
    }

    .counter-wrapper .counter-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
    }

    /* product-cart-sticky-info */
    .products-add-cart-sticky .size-variant-swatch {
        max-width: 360px;
    }

    .products-add-cart-sticky .color-variant-swatch {
        max-width: 200px;
    }
}

@media screen and (max-width: 991px) {
  .mobile-menu-wrapper .mobile-lag {
        padding: 15px;
        gap: 20px;
        border-bottom: 1px solid var(--black);
    }
  .cart-table .total .price--end{
    font-size:16px;
  }
.cart-table .product-price{
  font-size:17px;
}
    .mobile-lag .languages,
    .mobile-lag .country-name {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-shadow: 0 1px 2px 1px #00000029;
        box-shadow: 0 1px 2px 1px #00000029;
        color: var(--black);
      border-radius:7px;
    }
.languages .nice-select-arrow::after,
  .currency .nice-select-arrow::after{
    border-color:var(--black);
    right:13px;
  }
  .site-header .disclosure__list-wrapper{
    top:40px;
  }
  .languages .nice-select-arrow,
  .currency .nice-select-arrow{
    padding:10px 20px 10px 15px;
  }
    .currency ul.list {
      width:100%;
      top:40px;
    }
      .out-of-stock-form {
        max-width: 50%;
        padding: 50px 30px;
    }
  .jdgm-widget .jdgm-temp-hidden {
        display: none !important;
  }
  .jdgm-row-stars, .jdgm-rev-widg__summary {
        margin-bottom: 15px !important;
  }
    :root {
        --h1: normal 600 36px/1.1 var(--first-font);
        --h2: normal 600 32px/1.1 var(--second-font);
        --h3: normal 600 28px/1.1 var(--first-font);
        --h4: normal 600 22px/1.1 var(--second-font);
        --h5: normal 500 18px/1.1 var(--second-font);
    }

    .pb {
        padding-bottom: 40px;
    }

    .pt {
        padding-top: 40px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .offset-right {
        margin-right: 0;
    }

    /* SUBSCRIBE POPUP CSS START */
    .subscribe-popup {
        max-width: 700px;
    }

    /**** header *****/

    .site-header .menu-item-right {
        background-color: unset;
        padding: 0;
    }

    .header-style-two .main-navigationbar .menu-item-right .service-header {
        display: none;
    }

    .site-header .announcebar,
    .header-style-five .cart-header .cart-price,
    .site-header .main-navigationbar .menu-items-col,
    .header-style-five .logobar .logobar-inner>p,
    .header-style-five .main-navigationbar,
    .header-style-four .header-topbar {
        display: none;
    }

    /**** footer css start *****/
    .site-footer {
        margin-top: 40px;
        padding-top: 30px;
    }

    .site-footer .footer-top {
        padding-bottom: 30px;
    }

    .site-footer .footer-row {
        padding: 30px 0;
    }

    .site-footer .footer-top .footer-widget {
        -webkit-box-pack: justify;
                justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
    }

    .site-footer .footer-top .newsletter-wrapper {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-box-pack: center;
                justify-content: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .site-footer .footer-logo {
        max-width: 22%;
    }

    .site-footer .footer-top .subscribe-form-wrapper {
        width: 320px;
    }

    .site-footer .subscribe-form-wrapper .subscribe-btn span {
        display: none;
    }

    .site-footer .subscribe-form-wrapper .subscribe-btn svg {
        display: block;
    }

    .site-footer .subscribe-form-wrapper .subscribe-btn {
        padding: 8px 12px;
        font-size: 16px;
    }

    .site-footer .footer-subscribe-col h2 {
        font: var(--h5);
        line-height: 1.4;
    }

    .site-footer .footer-col:not(:first-child) {
        padding-left: 20px;
    }

    .site-footer .footer-social-icon {
        gap: 6px;
    }

    .site-footer .footer-social-icon li a {
        height: 30px;
        width: 30px;
    }
  .site-footer .footer-social-icon li a svg {
    height: 16px;
    width: 16px;
  }

  .site-footer .footer-col:last-of-type {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
}

    /*** search-popup css start *****/
    .search-popup .search-popup-wrapper .search-form,
    .search-popup .search-popup-wrapper .search-result {
        max-width: calc(100% - 30px);
    }

    .search-popup .search-popup-wrapper .common-close {
        right: 15px;
        top: 15px;
        width: 18px;
        height: 18px;
    }

    /**** main banner section csss *****/

    /***** home banner slider css start *****/
    .home-banner-slider .swiper-slide .slide-wrapper .btn {
        padding: 20px 40px;
        font-size: 24px;
    }

    /***** home banner slider css end *****/


    /**** Discount Section Css Starts from here *****/

    .discount-sec .section-title h2 {
        max-width: 300px;
    }

    .sec-counter .time-counter .deal-timeline {
        padding: 20px 0;
        gap: 20px;
    }

    /**** Discount Section Css Ends here *****/

    /**** Tabs Wrapper Css Start *****/
    .tabs-wrapper .tabs-wrapper-inner {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 20px;
    }

    .tabs-wrapper .tabs-left-wrapper {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .tabs-wrapper .tabs-left-wrapper .section-title {
        text-align: center;
    }

    .tabs-wrapper .tabs-left-wrapper .section-title img {
        margin: 0 auto;
    }

    .tabs-wrapper .tabs-left-wrapper ul {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        overflow: auto;
        padding-bottom: 10px;
    }

    .tabs-wrapper .tabs-left-wrapper ul li {
        padding: 4px 12px;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
    }

    .tabs-wrapper .tabs-left-wrapper .view-all-btn {
        display: none;
    }

    .tabs-wrapper .image-container img {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    /**** Tabs Wrapper Css End *****/


    /* Arrivals Section Css Starts Here */
  .arrivals-inner .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
    .arrivals-inner .arrivals-content-wrapper {
        padding: 0 0 30px;
        text-align: center;
    }

    .arrivals-inner .arrivals-content-wrapper .subtitle img {
        margin: 0 auto;
    }

    /* Arrivals Section Css Ends Here */

    /* Testimonial Section Css Starts Here */
    .testimonial-card .testimonial-content {
        padding: 20px 30px;
    }

    .testimonial-card .testimonial-bottom .rating-wrapper img {
        height: 18px;
    }

    /* Testimonial Section Css Ends Here */

    /* Faqs page css starts here */
    .faq-page .faq-col:not(:last-of-type)::after {
        display: none;
    }

    /* Faqs page css ends here */


    /* Cart pagee css start */
    .cart-table .pro-img-cart {
        width: 140px;
    }

    /* Cart pagee css start */

    /* PRODUCT PAGE CSS START */
    .pdp-right-column .pro-details {
        gap: 10px;
        padding: 5px 0;
    }

    .pdp-right-column .pro-details li {
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
                align-items: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }

    .pdp-right-column .pro-details li span {
        margin-right: 8px;
    }

    .pdp-right-column .deal-timeline>span {
        display: none;
    }

    .product-filter-right-column #third-tab1.tab-content {
        visibility: visible;
        opacity: 1;
        height: auto;
        display: block;
    }

    .product-heading-right-column ul.tabs li:nth-child(2),
    .product-filter-right-column #third-tab2 {
        display: none;
    }


    /* ABOUT PAGE CSS START  */
    .about-banner-sec .about-content-wrp {
        margin-top: 20px;
    }

    .counter-wrapper .counter-item-inner {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        text-align: center;
    }

    .counter-wrapper .counting {
        font-size: 30px;
    }

    .counter-wrapper .counter-icon {
        height: 70px;
        width: 55px;
    }
  .counter-wrapper .counter-icon img {
    max-width: 40px;
    width: 100%;
  }

    .counter-wrapper .counter-item:not(:last-of-type)::before {
        top: 15%;
        width: 110px;
    }

    /* CONTACT PAGE CSS START */
    .contact-wrapper .form-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 60%;
                flex: 0 0 60%;
        padding: 25px;
    }

    .contact-wrapper .details-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%;
        padding: 25px;
    }

    .contact-wrapper .single-detail .icon {
        height: 40px;
        max-width: 40px;
    }

    .contact-wrapper .single-detail .icon svg {
        height: 22px;
        width: 22px;
    }

    /* WISHLIST PAGE CSS START  */
    .pro-compare-wrap .pro-compare-left .compare-title,
    .pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
        padding: 10px;
    }

    .pro-wishlist-scroll .wishlist-val-prod .wishlist-pro-cart-btn .cart-btn svg,
    .pro-compare-scroll .compare-val-prod .compare-pro-cart-btn .cart-btn svg {
        display: none;
    }

    /* PRODUCT ADD CART STICKY */
    .products-add-cart-sticky .color-variant-swatch,
    .products-add-cart-sticky .size-variant-swatch {
        display: none;
    }

    /* SIZE POPUP CSS START  */
    .size-table-wrapper {
        max-width: 75%;
    }

    .product .site-footer {
        margin-bottom: 100px;
    }

  .cart-total-right, .cart-total-left {
    max-width: 45%;
}
  .cart-total-row {
    padding: 20px;
}
  .pro-compare-scroll .compare-data-label, .pro-wishlist-scroll .wishlist-data-label {
    padding: 20px 10px;
}
  .pro-compare-sec .compare-bottom-btn, .pro-wishlist-sec .wishlist-bottom-btn {
    margin-top: 20px;
  }
  .product-list-view .product-card .product-card-inner,
  .product-list-view .product-card-inner .product-content{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product-list-view .product-card .product-card-inner {
    padding: 15px;
    gap: 20px;
  }
  .product-list-view .product-card-inner .product-content {
    padding:0;
  }
  .product-list-view .product-card .product-content .product-content-bottom {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .product-filter-right-column .product-list-view .product-card {
    max-width: 50%;
    width: 100%;
  }
  .product-list-view .product-card-inner .product-card-image {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  
  .sticky-pro-info, .products-add-cart-sticky .qty-spinner {
        display: none;
    }
  .pdp-right-column .select-box .nice-select{
    padding:10px 30px 10px 15px;
  }
 .products-add-cart-sticky .text-checkbox {
        max-width: 60%;
    }
      .products-add-cart-sticky .sticky-pro-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .out-of-stock-form {
        max-width: 75%;
    }
  .color-variant-swatch .radio-buttons label.var-image{
    width:40px;
    height:40px;
  }
.product-card .product-card-inner .pro-btn-wrapper .pro-btn{
  -webkit-transform:translateY(0);
      -ms-transform:translateY(0);
          transform:translateY(0);
}
    .jdgm-widget-actions-wrapper .jdgm-write-rev-link {
        width: 35%;
    }
    .mobile-facets__item .color-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    :root {
        --h1: normal 600 32px/1.1 var(--first-font);
        --h2: normal 600 28px/1.1 var(--second-font);
        --h3: normal 600 24px/1.1 var(--first-font);
        --h4: normal 600 20px/1.1 var(--second-font);
        --h5: normal 600 18px/1.1 var(--second-font);
    }

    .pb {
        padding-bottom: 30px;
    }

    .pt {
        padding-top: 30px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    .price ins {
        font-size: 18px;
    }

    ul.tabs {
        gap: 10px;
    }

    .btn,
    .btn-secondary {
        padding: 10px 14px;
        gap: 8px;
    }

    .subtitle {
        font-size: 14px;
    }


    .mobile-stickybar {
        display: block;
    }

    .scroll-progress {
        display: none;
    }

    .subscribe-popup {
        max-width: calc(100% - 55px);
      padding:15px;
    }

    .subscribe-popup .newsletter-image {
        padding-top: 125%;
    }
  .subscribe-popup .close-sub-btn{
        width: 30px;
    height: 30px;
        top: -15px;
    right: -15px;
  }

    .form-group .form-control {
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        -ms-border-radius: 10px !important;
        -o-border-radius: 10px !important;
    }

    .form-control,
    input:not([type="submit"]),
    input:not([type="checkbox"]),
    input:not([type="button"]),
    input:not([type="radio"]),
    select,
    textarea {
        padding: 10px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 35px;
        width: 35px;
    }

    .pro-compare-left,
    .pro-wishlist-left,
    table thead {
        display: none;
    }

    .mobile-menu-wrapper .mobile-menu-bar>ul>li a {
        font-size: 16px;
    }

    .mobile-menu-wrapper .mobile-menu-bar>ul>li>a {
        font-weight: 600;
    }

    /***** header *****/

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

    .announce-close-wrp span {
        display: none;
    }


    .header-style-nine .menu-item-right .header-icon>li>a svg {
        width: 18px;
        height: 18px;
    }

    /***** QUICK-VIEW POPUP CSS START *****/
    .quick-view-right .quickview-card .quickview-card-image {
        padding-top: 94%;
    }

    .quick-view-left-inner {
        padding: 15px;
    }

    .quick-view-left .select-material-grp .radio-buttons {
        gap: 10px;
    }

    .quick-view-left .qty-spinner {
        height: 36px;
    }

    .quick-view-left .price ins {
        font-size: 20px;
    }

    .cookie-popup .cookie-inner {
        -webkit-box-pack: center;
                justify-content: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        text-align: center;
    }

    /****** footer css start *****/
    .index .site-footer {
        margin: 30px 0 65px 0;
        padding-top: 30px;
    }

    .product .site-footer {
        margin-bottom: 100px;
    }

    .site-footer .footer-top {
        padding-bottom: 20px;
    }

    .site-footer {
        margin-top: 30px;
    }

    .site-footer .footer-top .newsletter-wrapper {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-box-pack: center;
                justify-content: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .site-footer .footer-logo {
        margin: 0 auto;
    }

    .site-footer .footer-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-left: 0px;
    }

    .site-footer .footer-subscribe-col h2 {
        font: var(--h6);
    }

    .site-footer .footer-subscribe-col .footer-newsletter {
        display: none;
    }

    .site-footer .footer-top .subscribe-form-wrapper {
        width: 100%;
    }

    .site-footer .footer-top .footer-widget {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .site-footer .footer-widget h2 {
        padding: 0;
        position: relative;
        line-height: normal;
        cursor: pointer;
    }

    .footer-row .footer-col {
        padding: 0 0 10px;
    }

    .site-footer .footer-social-icon {
        padding-bottom: 0;
        border: none;
    }

    .footer-col .footer-mobile.is_open>.acnav-label .menu-open-arrow {
        display: none;
    }

    .footer-col .footer-mobile.is_open>.acnav-label .close-menu-ioc {
        display: block;
    }

    .footer-row .acnav-list1 {
        display: none;
        padding-top: 10px;
    }

    .site-footer .footer-bottom-inner {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
                align-items: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        gap: 10px;
        text-align: center;
    }

    .site-footer .footer-col:not(:first-child) {
        padding-left: 0px;
    }

    .site-footer .footer-col:last-child {
        padding-bottom: 20px;
    }

    .site-footer .footer-row {
        padding: 15px 0 0;
    }

    .site-footer .footer-col .footer-widget .acnav-label1 {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
                align-items: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-pack: justify;
                justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
    }

    .site-footer .footer-col .footer-widget .acnav-label1 span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: block;
    }

    .site-footer .footer-col .footer-widget .acnav-label1 svg {
        margin-left: 10px;
        -webkit-filter: invert(1);
                filter: invert(1);
    }

    .site-footer .footer-col .is_open>.acnav-label1>svg {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .site-footer .footer-bg {
        display: none;
    }

    .site-footer .footer-col:last-of-type {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}


    /****** CART SIDE BAR CSS ********/
    .gift-popup .gift-body {
        padding: 20px 15px 15px;
    }

    .coupon-popup .coupon-body .coupon-code {
        margin-bottom: 0;
    }

    .cartdrawer,
    .coupon-popup,
    .gift-popup {
        width: 100%;
    }

    .cartdrawer .minicart-btn-wrapper .cart-bottom-btn {
        padding: 15px 18px;
    }

    .cartdrawer .mini-cart-container {
        border-bottom: 2px solid var(--border-color);
        padding: 0 15px;
    }

    .cartdrawer .mini-cart-footer .u-save {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .cartdrawer .mini-cart-footer .checkout-btn {
        max-width: 100%;
        padding: 12px 11px;
    }

    .cartdrawer .closecart {
        width: 15px;
        height: 22px;
    }

    .cartdrawer .mini-cart-body,
    .coupon-popup .coupon-body {
        padding: 20px 15px 15px;
    }

    .cartdrawer .mini-cart-footer .cart-footer-top {
        padding: 15px 15px;
    }

    .cartdrawer .free-shipping-txt {
        font-size: 14px;
    }

    .cartdrawer .mini-cart-header {
        padding: 16px 0px 16px 0px;
        border-bottom: 0;
    }

    .cartdrawer .closecart svg path {
        fill: var(--black);
    }

    .cartdrawer .mini-cart-footer-total-row {
        font-size: 18px;
        line-height: 18px;
    }

    .cartdrawer .mini-cart-footer .mini-cart-top {
        padding: 15px;
    }

    /******* search-popup css start *****/
    .search-popup .search-top .section-title h2 {
        max-width: 100%;
    }
    /******* home-banner css start *****/
    .home-banner-slider {
        padding: 0 15px;
    }
    /******* Tabs Wrapper Css Start *****/
    .tabs-wrapper .tabs-right-wrapper .tab-content .image-container {
        display: none;
    }

    /******* Tabs Wrapper Css End *****/

    /* COMMON BANNER SECTION CSS START  */
    .common-banner-sec {
        padding: 20px 0;
    }

    .pdp-right-column {
        margin: 20px 0 0 0;
    }

    /* Testimonial Section Css Starts Here */
    .testimonial-card .testimonial-card-image {
        min-width: 40%;
    }

    .testimonial-sec .testimonial-card-wrapper {
        margin: 0 5%;
    }

    .testimonial-card .testimonial-bottom {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 10px;
        -webkit-box-align: start;
                align-items: start;
        -ms-flex-align: start;
        -webkit-align-items: start;
    }

    /* Testimonial Section Css Ends Here */

    /* DISCOUNT SECTION CSS STARTS */
    .discount-sec .discount-inner {
        padding-bottom: 30px;
    }

    .discount-sec .discount-content {
        text-align: center;
    }

    .discount-sec .discount-content .section-title img {
        margin: 0 auto;
    }

    .discount-sec .discount-sec-image {
        margin-right: 0;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .discount-sec .section-title h2 {
        max-width: 250px;
        margin: 0 auto;
    }

    /* PRODUCT PAGE CSS START  */

    .pdp-right-column .size-variant-swatch {
        margin-bottom: 10px;
    }

    /* Product list page css  */

      .product-heading-column .filter-title {
        padding: 5px;
        max-width: 35px;
        background-color: var(--white);
        border: 1px solid var(--first-color);
    }
  .product-filter-left-column .product-filter-body {
        background-color: unset;
      padding: 40px 15px 0;
      margin: 0;
    }
    .product-filter-body .close-filter svg {
        height: 16px;
        width: 16px;
    }

    .product-filter-body .close-filter svg path {
        fill: var(--white);
    }
  
    .product-filter-body .close-filter {
        display: block;
    }
    /* shf filter */
  .filter_open .product-filter-left-column {
      -ms-transform: translate(0px);
      -webkit-transform: translate(0px);
      transform: translate(0px);
        overflow: auto;
        height: 100%;
    }
  
  .mobile-facets__open .icon {
      display: block;
      width: 25px;
       height:25px;
      margin: 0 auto;
    }
    .mobile-facets__open {
      max-width: 35px;
      border: 1px solid var(--border-color);
      padding: 2px;
      display: block;
      border-radius: 5px;
    }
    .product-heading-column .filter-title {
      display: block;
      padding: 0;
      border: 0;
      cursor: pointer;
    }
     .mobile-facets{
      position: fixed;
      top: 0;
      background: var(--white);
      left: 0;
      max-width: 320px;
      width:100%;
      height: 100%;
      z-index: 4;
      overflow: hidden;
      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;
    }
    .mobile-open .mobile-facets{
      -ms-transform: translate(0);
      -webkit-transform: translate(0);
      transform: translate(0);
      overflow: auto;
      height: 100%;
    }
    .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: 15px;
      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;
     }
  
    .product-widget {
      padding: 0px 0px;
    }
  
    .mobile-facets__item .color-name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .small-hide, .medium-hide {
      display: none !important;
    }
  
    /* Article section css starts here*/
    .article-sec .articlebar .art-tags-icons-wrp {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
                align-items: start;
        -ms-flex-align: start;
        -webkit-align-items: start;
    }

    .article-sec .comment-form-wrp {
        padding: 20px 15px;
    }

    /* Article section css End here*/

    /**** CMS PAGE CSS START ****/
    .cms-page p {
        padding-left: 0px;
    }

    .cms-page .shipping-tbl {
        max-width: 100%;
    }

    .cms-page table tr th,
    .cms-page table tr td,
    .my-acc-sec table tr td {
        text-align: right;
    }

    .cms-page table tr td,
    .my-acc-sec table tr td {
        padding: 7px 10px 7px;
    }

    .cms-page table td::before,
    .my-acc-sec table tr td::before {
        content: attr(data-label) ":";
        float: left;
        font-weight: 800;
    }

    /* Cart Page css start */
    .cart-table .cart-product,
    .cart-table .product-price,
    .cart-table .cart-quantity,
    .cart-table .total {
        width: 100%;
        font-size: 18px;
    }

    .cart-table tr td {
        padding: 10px;
        text-align: center;
    }

    .cart-table .product-wrapper {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 15px;
    }

    .cart-table .pro-img-cart {
        width: 300px;
    }

    .cart-table .cart-quantity .qty-spinner {
        margin: 0 auto;
    }

    .cart-table .total {
        display: block;
    }

    /* Cart Page css end */
    /* Wishlist Page css start */
    .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;
        -webkit-box-pack: center;
                justify-content: center;
        -ms-flex-pack: center;
        -webkit-justify-content: 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;
                justify-content: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }
    .compare-pro-detail .prod-img a,
    .wishlist-pro-detail .prod-img a {
        padding-top: 180px;
        max-width: 180px;
        width: 100%;
        margin: 0 auto;
    }

    .compare-data-label:not(:last-of-type),
    .wishlist-data-label:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .compare-pro-detail .compare-val-prod .prod-title,
    .wishlist-pro-detail .wishlist-val-prod .prod-title {
        font-size: 16px;
    }

  .pro-compare-scroll .compare-val-prod, 
  .pro-wishlist-scroll .wishlist-val-prod {
        border-bottom: 0;
        display: block;
    }

    .pro-compare-right,
    .pro-wishlist-right {
        overflow: hidden;
    }

    .compare-wrap,
    .wishlist-wrap {
        padding: 20px 0;
    }

    .compare-wrap:not(:last-of-type),
    .wishlist-wrap:not(:last-of-type) {
        margin-bottom: 0;
        border-bottom: 1px solid var(--border-color);
    }

    .pro-wishlist-sec .section-title,
    .pro-compare-sec .section-title {
        text-align: center;
    }

    /* ERROR PAGE CSS START */
    .error-main-sec .error-content .large-text {
        font-size: 70px;
    }

    /**** ADDRESS PAGE CSS START ****/
    .my-add-sec .address-main-list {
        margin: 20px 0 0;
    }

    /**** ACCOUNT PAGE CSS START ****/
    .my-acc-sec .account-details ul li label {
        max-width: 100%;
        margin-bottom: 5px;
    }

    .my-acc-sec .account-details ul li {
        padding: 10px 0px;
    }

    .my-acc-sec .acc-btn-wrp {
        margin-top: 20px;
    }

    .my-acc-sec table tr {
        padding: 5px 0px;
        border: 0;
    }

    .my-acc-sec .order-history-frame {
        margin-bottom: 20px;
    }

    .my-acc-sec .order-history-frame .section-title,
    .account-details .section-title {
        margin-bottom: 20px;
    }

    .my-acc-sec table tr:not(:last-of-type) {
        border-bottom: 1px solid var(--border-color);
    }

    /**** ORDER PAGE CSS START ****/
    .order-history-list .order-title {
        margin-bottom: 20px;
        text-align: center;
    }

    .my-acc-sec.order-main-sec .section-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .order-payment-box {
        padding: 15px;
    }

    /* CONTACT PAGE CSS START  */
    .contact-page .contact-wrapper {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .contact-wrapper .form-wrapper {
        padding: 20px 20px 30px 20px;
    }

    .contact-wrapper .details-wrapper .contact-details {
        gap: 20px;
    }

    .delivery-popup-inner,
    .ask-qus-inner {
        max-width: 90%;
    }

    /* ABOUT PAGE CSS START  */
    .counter-wrapper .counting {
        font-size: 26px;
        margin-bottom: 6px;
    }

    /* SIZE POPUP CSS START  */
    .size-table-wrapper {
        max-width: calc(100% - 30px);
    }

    .size-popup table tr {
        padding: 10px 0 0;
        border-bottom: 1px solid var(--border-color);
    }

    .size-popup table tr td {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
                align-items: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-pack: justify;
                justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        padding: 0;
    }

    .size-popup table tr td:before {
        content: attr(data-label);
        display: block;
        text-align: center;
        padding-bottom: 10px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
    }

  .testimonial-sec .testimonial-sec-inner,
  .arrivals-sec .arrivals-inner,
  .discount-sec .discount-content {
    padding: 30px 0;
  }

  .pdp-right-column .price ins {
    font-size: 22px;
}
  .product-heading-column .filter-title h2,
  .product-heading-right-column .product-sorting-row .filter-list-wrp>p,
  .product-heading-right-column .product-sorting-row .filter-list-wrp{
    display: none;
  }
  .product-listing-section .product-heading-row .row [class*="col-"] {
    padding: 0;
}
  .product-listing-section .product-heading-row .row {
    background-color: var(--light-gray);
    margin: 0;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
  .product-heading-right-column .product-sorting-row {
    padding: 0;
    background: none;
    border-radius: 0;
  }
  .product-listing-section .product-sorting-row {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
  .order-history-content .cart-table {
    border: 1px solid var(--border-color);
    border-bottom: 0;
  }
  .cart-table tbody tr{
    border-top:0;
  }
  .cart-table tbody tr.spaced-row {
    border: 0;
  }
  .cart-table .product-details .product-color,
  .cart-table .product-price{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cart-table .total .price--end {
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
  .cart-total-row {
    padding: 15px;
    gap: 20px;
}
  .cart-total-right, .cart-total-left {
    max-width: 100%;
}
  .pro-compare-right, .pro-wishlist-right {
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
    .home-banner-slider .banner-slide {
    padding-top: 85%;
  }
      .blog-grid-sec .row {
        row-gap: 20px;
    }
  .blog-grid-sec .blog-card {
    padding: 0;
}
  .article-sec .articlebar .quote-box {
    padding: 30px 20px 40px;
}
  .article-sec .articlebar .art-tags-icons-wrp {
    padding: 15px 0;
    margin: 20px 0;
}
  .contact-wrapper .form-wrapper,
  .contact-wrapper .details-wrapper{
    padding: 20px 15px;
  }
  .contact-direction-inner #map {
    height: 300px;
  }
  .faq-page .faqs-item {
    padding: 15px 0;
}
  .about-banner-sec .customer-wrp .customer-image {
    width: 90px;
    height: 90px;
  }
  .about-banner-sec .customer-wrp {
    padding-top: 20px;
    gap: 15px;
  }
  .my-add-sec .main-new-address .section-title {
    margin-bottom: 20px;
}
  .my-add-sec .main-new-address .back-btn,
  .acc-details p, .acc-details h2{
    margin: 0 0 15px;
}
  .cms-content-item:not(:last-of-type) {
    margin-bottom: 20px;
}
    .common-banner-sec .filter-cat a {
        font-size: 18px;
    }
  .notify-send-btn input{
    padding:15px 100px 15px 15px;
  }
  .notify-send-btn button{
    padding:10px 20px;
  }
}

@media screen and (max-width: 575px) {
  .out-of-stock-form {
        max-width: calc(100% - 30px);
        padding: 30px 20px 20px;
    }
  .footer-bottom-inner p{
    font-size:12px;
  }
   .products-add-cart-sticky .sticky-pro-inner .sticky-btn span {
        display: none;
    }
  .products-add-cart-sticky .sticky-pro-inner .sticky-btn{
    padding:10px 15px;
    min-width:auto;
  }
.products-add-cart-sticky .sticky-pro-inner .sticky-btn svg {
        width: 15px;
        height: 15px;
        margin-right: 0;
    }
  .jdgm-widget-actions-wrapper .jdgm-write-rev-link {
      width: 100%;
  }

  .jdgm-widget .jdgm-btn.jdgm-btn{
    padding:10px;
    font-size:14px;
  }
    :root {
        --h1: normal 600 30px/1.1 var(--first-font);
        --h2: normal 600 26px/1.1 var(--second-font);
        --h3: normal 600 22px/1.1 var(--first-font);
    }

    .arrow-header {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
                align-items: start;
        -ms-flex-align: start;
        -webkit-align-items: start;
    }

    /***** header *****/
    .site-header .menu-item-right>li>a svg,
    .site-header .logobar .logobar-right>li>a svg {
        width: 18px;
        height: 18px;
    }

    .header-style-five .logobar-right>li>a {
        display: inline;
    }

    /***** footer css start *****/
    .site-footer .footer-logo {
        max-width: 120px;
    }

    /******** CART SIDE BAR CSS ********/
    .cartdrawer .mini-cart-image {
        width: 85px;
    }


    .cartdrawer .mini-cart-footer {
        padding: 0px;
    }

    .cartdrawer .mini-cart-footer-icons .footer-bottom-icon {
        padding: 10px;
    }

    .site-header .cartdrawer .mini-cart-footer .footer-bottom-icon svg,
    .site-header .coupon-popup .coupon-body .coupon-txt svg {
        width: 24px;
        height: 24px;
    }

    .common-close::before,
    .common-close::after {
        width: 16px;
      left: calc(50% - 9px);
    }

    .mini-cart-details .qty-spinner {
        height: 28px;
        max-width: 76px;
    }

    .qty-spinner button svg,
    .site-header .cartdrawer .qty-spinner button svg {
        margin: auto;
        height: 9px;
        width: 9px;
    }

    .site-header .cart-header .coupon-popup .close-coupon svg,
    .site-header .cart-header .gift-popup .close-gift svg {
        height: 10px;
        width: 10px;
    }

    .coupon-popup .close-coupon,
    .gift-popup .close-gift {
        right: 0px;
        top: 0px;
        width: 22px;
        height: 22px;
    }

    /***** mobile-menu-wrapper CSS ********/
    .mobile-menu-wrapper .mobile-menu-bar>ul {
        padding: 15px;
    }

    .mobile-menu-wrapper .menu-close-icon {
        padding: 15px;
    }

    /**** SEARCH POPUP CSS *** *****/
    .search-popup .search-popup-wrapper .section-title {
        padding: 40px 15px;
    }

    .search-popup .close-search {
        top: 15px;
        right: 15px;
    }



    /**** QUICK-VIEW POPUP CSS START *****/
    .quick-view-left-inner .section-title,
    .quick-view-left-inner .section-title .subtitle,
    .quick-view-left .price {
        margin-bottom: 10px;
    }

    .quick-view-left .select-material-grp {
        margin-bottom: 15px;
    }

    .quick-view-right-inner {
        padding: 15px 15px 10px;
    }

    .quick-view-left .select-material-grp .button label {
        padding: 8px;
    }

    /***** mobile sticky bar CSS START *****/
    .mobile-sticky-wrp svg {
        width: 18px;
        height: 18px;
    }

    .mobile-sticky-wrp span {
        font-size: 12px;
    }

    .mobile-sticky-wrp {
        padding: 10px;
    }

  .home-banner-slider .banner-slide .btn {
    font-size: 16px;
    padding: 12px;
}

    /* COMMON BANNER SECTION CSS START  */
  .filter-cat {
    gap: 10px 8px;
}
    .filter-cat li:not(:last-of-type) {
        padding-right: 15px;
    }

    .common-banner-sec .filter-cat li:not(:last-child):after {
        width: 8px;
        height: 8px;
    }
    /* COUNTER CSS START HERE  */
    .sec-counter .deal-timeline .count {
        font-size: 22px;
        line-height: 30px;
        padding: 6px 12px;
    }

    .sec-counter .time-counter .deal-timeline {
        gap: 15px;
    }

    /* TABS WRAPPER SECTION CSS START */
    .tabs-wrapper .product-container .row {
        gap: 20px;
    }

    /* Testimonial Section Css Starts Here */
    .testimonial-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .testimonial-card .testimonial-image {
        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;
    }

    .testimonial-card .testimonial-content {
        padding: 20px;
        margin-left: 0;
        border-left: 1px solid var(--border-color);
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
        margin-top: -5px;
      height:100%;
    }
    .testimonial-sec .testimonial-card-wrapper {
        margin: 0;
    }
    .testimonial-sec .swiper-button-prev {
      left: 0;
    }
    
    .testimonial-sec .swiper-button-next {
      right: 0;
    }
    /* Testimonial Section Css Ends Here */

    /* PRODUCT PAGE CSS START */
    .product-card .product-card-inner .pro-btn-wrapper .pro-btn a, .product-card .product-card-inner .pro-btn-wrapper .pro-btn label {
        height: 30px;
        width: 30px;
    }

    .product-card .pro-btn-wrapper .pro-btn a svg, .product-card .pro-btn-wrapper .pro-btn label svg {
        height: 18px;
        width: 18px;
    }

    .product-card .product-card-image .pro-btn-wrapper {
        gap: 8px;
    }

    .pdp-right-column .pro-cart-btn {
        gap: 8px;
    }

    .product-heading-row .sort-lbl {
        margin-right: 0;
    }

    .product-card .product-card-inner .pro-btn-wrapper .pro-btn {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .pdp-right-column .pdp-tab .set {
        padding-top: 15px;
    }

    /* PRODUCT LIST PAGE  */
    .nice-select .current, .nice-select.current {
        padding: 5px 10px 5px 5px;
    }

    .featured-select .nice-select .current:after {
        right: 0;
    }

    .product-heading-row .nice-select {
        width: 150px;
    }

    /* COLLECTION LIST PAGE  */
    .collection-list-page .collection-card {
        padding: 0;
    }

    .collection-list-page {
        gap: 20px;
    }

    .product-filter-right-column .product-card, .search .product-card {
        margin-bottom: 0;
    }

    /* FAQS PAGE CSS  */
    .faq-page .faq-col {
        padding: 0 15px;
    }

    /* Article section css starts here */
    .article-sec .article-gallery {
        padding: 15px 0;
    }

    .article-sec .article-gallery .row {
        gap: 15px;
    }

    /* LOGIN PAGE CSS START  */
    .login-page .login-form-wrapper {
        padding: 20px 15px;
    }
    .login-form-wrapper .form-btn {
      margin-top: 20px;
    }
    .login-form-wrapper .section-title {
      margin-bottom: 20px;
    }

    /* ERROR PAGE CSS START */
    .error-main-sec .error-content .large-text {
        font-size: 50px;
    }

    /**** MY ACCOUNT PAGE CSS START ****/
    .my-acc-sec .acc-btn-wrp .acc-btn {
        padding: 11px;
    }

    /**** ORDER PAGE CSS START ****/
    .order-address-sec .row [class*="col-"]:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .order-payment-box {
        max-width: 100%;
    }

    .order-address-sec p:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .order-address-inner .address-title {
        margin-bottom: 15px;
    }

    /* CONTACT pAGE CSS START */

    /* ABOUT PAGE CSS START  */

    .counter-wrapper .counter-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }

    .counter-wrapper .counter-item:nth-child(even)::before {
        display: none;
    }

    /* BLOG PAGE CSS START  */
    .blog-card .blog-card-content {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    /* CART PAGE CSS START */
    .cart-table .pro-img-cart {
        width: 250px;
    }

    .cart-total-sec .cart-total-left textarea {
        max-width: unset;
    }

    .cart-total-sec {
        padding-top: 30px;
    }

    /*** ask qustion popup & delivery popup ***/
    .ask-qus-popup {
        padding: 0 15px;
    }

    .del-form-wrapper .shipping {
        margin-top: 15px;
    }

    .del-form-wrapper .parcel h3,
    .del-form-wrapper .shipping h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ask-form-wrapper .common-close,
    .del-form-wrapper .common-close {
        top: 4px;
        right: 4px;
    }

    .ask-form-wrapper,
    .del-form-wrapper {
        padding: 20px 15px;
    }

    /* SUBSCRIBE POPUP CSS START  */
    .subscribe-popup .newsletter-image {
        display: none;
    }

    .subscribe-popup .subscribe-right-col {
        padding: 15px;
    }

    .subscribe-popup .common-close::before,
    .subscribe-popup .common-close::after {
        left: calc(50% - 8px);
    }
    .product .site-footer {
        margin-bottom: 65px;
    }
    .sticky-pro-info img {
        display: none;
    }
    .pagination-row ul li {
        width: 30px;
        height: 30px;
    }
    .cart-page-sec .gift-label-wrp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .product-filter-right-column .product-list-view .product-card {
        max-width: 100%;
    }
    .sticky-pro-info {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .pdp-right-column li.available-product.d-flex {
        padding: 8px 15px;
    }
    .set .acnav-label svg {
        width: 15px;
    }
    .delivery-popup .del-form-wrapper .section-title {
        text-align: left !important;
    }
}

@media screen and (min-width: 1850px) {
    .offset-left {
        margin-left: calc((100% - 1850px) / 2);
        margin-right: 0;
        padding-left: 15px;
    }
}

@media screen and (max-width:480px) {
    .cookie-popup {
        max-width: calc(100% - 30px);
        right: 15px;
        padding: 20px;
    }

    .product-notification-info {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
                align-items: flex-start;
        -ms-flex-align: start;
        -webkit-align-items: start;
    }

    .product-notification-popup {
        left: 15px;
        right: 15px;
        max-width: calc(100% - 30px);
    }

    .product-notification-inner {
        padding-top: 30px;
    }

    .product-notification-info .product-notification-iteam {
        font-size: 12px;
    }

    .product-notification-info .product-notification-iteam:first-of-type {
        padding: 0;
    }

    .product-notification-info .product-notification-iteam:first-of-type::after {
        display: none;
    }
}
@media screen and (max-width:336px){
  .pdp-right-column .qnty-wrapper-btn{
    padding:0;
  }
}

/* Accordion CSS Code by WebSensePro.com 
https://websensepro.com/blog/how-to-create-collapsible-accordion-for-product-description-shopify/
*/
.accordion {
	 margin: 1rem 0;
	 padding: 0;
	 list-style: none;
	 border-top: 1px solid #e5e5e5;
}
 .accordion-item {
	 border-bottom: 1px solid #e5e5e5;
   list-style: none !important; 
}
/* Thumb */
 .accordion-thumb {
	 margin: 0;
	 padding: 0.8rem 0;
	 cursor: pointer;
	 font-weight: normal;
}
 .accordion-thumb::before {
	 content: '';
	 display: inline-block;
	 height: 7px;
	 width: 7px;
	 margin-right: 1rem;
	 margin-left: 0.5rem;
	 vertical-align: middle;
	 border-right: 1px solid;
	 border-bottom: 1px solid;
	 transform: rotate(-45deg);
	 transition: transform 0.2s ease-out;
}
/* Panel */
 .accordion-panel {
	 margin: 0;
	 padding-bottom: 0.8rem;
	 display: none;
}
/* Active */
 .accordion-item.is-active .accordion-thumb::before {
	 transform: rotate(45deg);
}
/* Accordion Styles */
.accordion {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ddd;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion-thumb {
  margin: 0;
  padding: 15px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-thumb::after {
  content: "+";
  font-weight: bold;
  transition: transform 0.3s ease;
}

.accordion-item.is-active .accordion-thumb::after {
  content: "-";
}

.accordion-panel {
  display: none;
  padding: 15px;
  font-size: 14px;
  color: #444;
}

.accordion-item.is-active .accordion-panel {
  display: block;
}
/* --- Blog layout adjustments --- */
.article-template__hero-image {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 2rem auto;
  display: block;
  object-fit: cover;
}

.article-template__content {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.7;
}

.article-template__title {
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.product-tabs {
  width: 100%;
  margin-top: 20px;
}

.tab-buttons {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  border-bottom: 2px solid #ddd;
}

.tab-button {
  padding: 12px 20px;
  cursor: pointer;
  font-weight: 600;
  color: #2d7a45;
  border-bottom: 3px solid transparent;
  transition: 0.3s;
}

.tab-button.active {
  border-bottom: 3px solid #2d7a45;
  color: #2d7a45;
}

.tab-content {
  display: none;
  padding: 15px 0;
}

.tab-content.active {
  display: block;
}
/* Add spacing inside tab content only */
.product-tabs .tab-content {
    padding: 25px 20px !important;
}

/* Optional: add space above/below section */
.product-tabs {
    margin-top: 25px;
    margin-bottom: 25px;
}
/* Default unselected button */
.product-form__input input[type="radio"] + label {
    background: #f2f2f2 !important;
    color: #777 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    border: none !important;
    transition: 0.25s ease !important;
    display: inline-block !important;
}

/* Selected variant button */
.product-form__input input[type="radio"]:checked + label {
    background: #133d3a !important;   /* active green color */
    color: #fff !important;
}

/* Hide radio input */
.product-form__input input[type="radio"] {
    display: none !important;
}
/* Desktop styles */
.section-title {
    font-size: 25px !important;
    text-align: center; /* or whatever you currently use */
}

/* Mobile styles (max width 767px) */
@media (max-width: 767px) {
    .section-title {
        font-size: 30px !important;
        text-align: left !important;  /* text starts from left */
    }
}
/* Limit video size on desktop */
.video-container {
  max-width: 700px; /* Reduce desktop width here */
  margin: 0 auto;   /* Center the video */
  padding: 20px 0;
}

/* Maintain perfect 16:9 video ratio */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ot-estimated-shipping-basic-layout {
    display: block;
    margin-top: -41px!important;
}

/* Mobile size stays full width */
@media (max-width: 600px) {
  .video-container {
    max-width: 100%;
    padding: 10px 0;
  }
}
/* MOBILE ONLY */
@media (max-width: 768px) {
  .tab-buttons {
    gap: 6px !important; /* reduce space between buttons */
  }

  .tab-buttons .tab-button {
    padding: 6px 10px !important; /* smaller padding only on mobile */
    font-size: 13px !important;
  }
}

.ai-faq-headline-at2hdeenjtufvl2luzaigenblockc3de69cfrgzya {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
/* --------------------------------------------
   1) TOP-LEVEL DROPDOWN FIX (NO FULL WIDTH)
---------------------------------------------*/
.menu-item-left .main-nav > li.menu-lnk {
    position: relative !important;
}

.menu-lnk .menu-dropdown.mega-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;

    width: auto !important;
    min-width: 240px !important;

    background: #fff !important;
    display: none !important;

    border: 1px solid #e5e5e5 !important;
    padding: 10px 0 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
    z-index: 99999 !important;

    white-space: nowrap;
}

/* Show dropdown on hover */
.menu-lnk:hover > .menu-dropdown.mega-menu {
    display: block !important;
}


/* --------------------------------------------
   2) FIRST LEVEL SUBMENU ITEMS
---------------------------------------------*/
.menu-dropdown.mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-dropdown.mega-menu ul li a {
    display: block;
    padding: 10px 16px;
    color: #222;
    text-decoration: none;
}

.menu-dropdown.mega-menu ul li a:hover {
    background: #f5f5f5;
}


/* --------------------------------------------
   3) RIGHT-SIDE SUBMENU (SECOND LEVEL)
---------------------------------------------*/
.mega-parent {
    position: relative !important;
}

.mega-parent > .mega-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;

    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);

    z-index: 999999;
}

.mega-parent:hover > .mega-submenu {
    display: block;
}

/* inner submenu links */
.mega-submenu li a {
    padding: 10px 14px;
    display: block;
    white-space: nowrap;
}

.mega-submenu li a:hover {
    background: #f5f5f5;
}


/* --------------------------------------------
   4) FIX ARROWS & ALIGNMENT
---------------------------------------------*/
.menu-dropdown .arrow {
    float: right;
    font-size: 14px;
    margin-left: 10px;
}
/* ---------- Unified menu responsive styles ---------- */

/* Hide mobile wrapper by default (desktop view) */
.mobile-menu-wrapper { display: none; }

/* Desktop main nav visible by default */
.main-nav { display: flex; gap: 8px; }

/* Mobile button visible on small screens */
@media (max-width: 991px) {
  /* hide desktop nav, show mobile button + wrapper */
  .menu-item-left { display: none !important; }
  .mobile-menu { display: block !important; } /* your hamburger */
  .mobile-menu-wrapper {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    max-width: 100%;
    height: 100%;
    background: #fff;
    z-index: 120000;
    transform: translateX(100%);
    transition: transform .28s ease;
    overflow-y: auto;
    box-shadow: -4px 0 20px rgba(0,0,0,0.12);
  }

  .mobile-menu-wrapper.open {
    transform: translateX(0);
  }

  .mobile-menu-wrapper .menu-close-icon { padding: 18px; cursor: pointer; }
  .mobile-menu-bar { padding: 8px 0 60px 0; }

  .mobile-main-nav { margin: 0; padding: 8px 0; list-style: none; }
  .mobile-main-nav .mobile-item { border-bottom: 1px solid #f0f0f0; }
  .mobile-main-nav a { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; color: #222; text-decoration: none; }
  .mobile-main-nav .mobile-submenu { display: none; padding-left: 8px; }
  .mobile-main-nav .mobile-item.open > .mobile-submenu { display: block; }

  .mobile-main-nav .mobile-arrow { transition: transform .25s ease; }
  .mobile-main-nav .mobile-item.open > a .mobile-arrow { transform: rotate(90deg); }

  /* smaller nested level spacing */
  .mobile-main-nav .mobile-submenu.level-2 { padding-left: 12px; border-left: 2px solid #f5f5f5; }

  /* image items */
  .mobile-image-item img { width: 100%; height: auto; display: block; margin: 8px 0; }
}

/* Desktop hover + flyout behavior (keep existing) */
@media (min-width: 992px) {
  .menu-lnk { position: relative; }
  .menu-lnk .menu-dropdown.mega-menu { position: absolute; top:100%; left:0; display:none; min-width:240px; background:#fff; border:1px solid #eaeaea; box-shadow:0 8px 30px rgba(0,0,0,0.06); z-index:99999; }
  .menu-lnk:hover > .menu-dropdown.mega-menu { display:block; }
  .mega-parent { position: relative; }
  .mega-parent > .mega-submenu { position: absolute; top:0; left:100%; display:none; min-width:220px; background:#fff; border:1px solid #eaeaea; }
  .mega-parent:hover > .mega-submenu { display:block; }
}

/* Parent & Submenu links – KEEP arrow on same line */
.mobile-main-nav .mobile-item > a,
.mobile-main-nav .mobile-subitem > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* Parent arrow */
.mobile-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin-left: 8px !important;
}

/* Submenu arrow (same styling) */
.mobile-arrow.toggle-sub {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin-left: 8px !important;
}

/* Rotation animation for both */
.mobile-main-nav .mobile-arrow,
.mobile-main-nav .mobile-arrow.toggle-sub {
    transition: transform .25s ease;
}

.mobile-main-nav .mobile-item.open > a .mobile-arrow,
.mobile-main-nav .mobile-subitem.open > a .mobile-arrow.toggle-sub {
    transform: rotate(90deg);
}

.mobile-menu-wrapper .mobile-menu-bar > ul > li a {
    font-size: 16px !important;
    text-transform: capitalize !important;
}
.blog-card {
  padding: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}

.blog-card img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

.blog-card .p-3 {
  padding: 15px !important;
}
/* MAIN BLOG CARD */
.clean-blog-card {
  width: 100%;
  background: #fff;
  padding-top:24px;

}

.clean-blog-image img {
  width: 100%;
  height: fit-content;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

/* META SECTION */
.clean-blog-meta {
  margin-top: 12px;
  font-size: 14px;
  color: #777;
  display: flex;
  gap: 20px;
  align-items: center;
}

.clean-blog-meta i {
  color: #0073aa;
  margin-right: 5px;
}

/* TITLE */
.clean-blog-title {
  margin: 12px 0 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.clean-blog-title a {
  text-decoration: none;
  color: #111;
}

.clean-blog-title a:hover {
  color: #0073aa;
}

/* DESCRIPTION */
.clean-blog-excerpt {
  font-size: 15px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 15px;
}

/* READ MORE BUTTON */
.clean-blog-btn {
  background: #0073aa;
  padding: 8px 18px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-size: 15px;
}

.clean-blog-btn:hover {
  background: #005e8a;
}

/* Blog content table fix */
.article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  table-layout: fixed;
}

.article-content table th,
.article-content table td {
  border: 1px solid #ddd;
  padding: 12px 15px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
}

.article-content table th {
  background: #f7f7f7;
  font-weight: 600;
}

.article-content table tr:nth-child(even) {
  background: #fafafa;
}

/* --- Mobile FIX --- */
@media (max-width: 768px) {
  .article-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .article-content table thead,
  .article-content table tbody,
  .article-content table tr {
    display: table-row;
  }

  .article-content table th,
  .article-content table td {
    display: table-cell;
    white-space: nowrap;  /* force columns in one row */
    min-width: 180px;     /* ensures space for each column */
  }
}
/* Mobile top header fix */
@media (max-width: 768px) {

  /* Make header row stretch full width */
  .article-content table thead tr {
    display: table !important;
    width: 100% !important;
    table-layout: fixed;
  }

  .article-content table th {
    background: #f7f7f7;
    white-space: normal !important;
    min-width: auto !important;
    width: 33.33% !important; /* equal width for 3 columns */
  }

  /* Remove weird offset border misalignment */
  .article-content table {
    border: 1px solid #ddd;
    border-collapse: collapse;
  }

  /* Fix extra spacing when table scrolls */
  .article-content table tr {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}




/* Checkbox / tick icons spacing fix */
.article-content td svg,
.article-content td img {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.{
.article-bnr-img img {
    max-width: 700px;   /* jitna chhota chahiye utna change kar do (600, 500, etc.) */
    width: 90%;
    height: auto;
    margin: 0 auto 20px;
    display: block;
    border-radius: 8px;  /* optional */
}
@media screen and (max-width: 767px) {
  .article-template__title {
    font-size: medium !important;
  }
}

.off-type {
    max-width: 80px !important;
    height: auto !important;
    margin-left: 4px !important;
}

/* Correct way to target element with all three classes */
.no-js-hidden.sticky-price.price img.price-beat-image {
  display: none !important;
}

.product-form_sticky .price-beat-img {
  display: none !important;
}

  .ai-faq-container-at2hdeenjtufvl2luzaigenblockc3de69cfrgzya {
      padding-left: 24px !important;
      padding-right: 38px !important;
  }
}


<style>
.offer-section {
  margin-top: 15px;
  font-family: 'Poppins', sans-serif;
}

.offer-section-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.offer-box-wrapper {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap; /* keep in one row always */
  overflow-x: auto;  /* scroll on mobile */
  padding-bottom: 5px;
}

/* Desktop size */
.offer-box {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 12px;
  width: 200px;
  min-width: 200px;
  border: 1px solid #ddd;
  text-align: center;
}

.offer-box h3 {
  background: #006400;
  color: #fff;
  padding: 6px 0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}

.offer-box p {
  margin: 6px 0;
  font-size: 13px;
}

.offer-code {
  font-weight: 600;
  margin-top: 6px;
  font-size: 13px;
}

.offer-code span {
  color: #0064e0;
}

.copy-btn {
  cursor: pointer;
  margin-left: 4px;
  font-size: 14px;
}

/* 🔥 Mobile Styling (smaller + still in ONE ROW) */
@media (max-width: 600px) {
  .offer-box {
    width: 160px;
    min-width: 160px;
    padding: 10px;
  }

  .offer-box h3 {
    font-size: 12px;
    padding: 5px 0;
  }

  .offer-box p,
  .offer-code {
    font-size: 12px;
  }

  .offer-section-title {
    font-size: 16px;
  }
}
</style>
@media (max-width: 768px) {
  .ai-hero-image-aze43bxvjagttk0pelaigenblockdcc0e59jvprt8 {
    display: block !important;
  }
}
.article-template__title {
    font-size: 30px !important;
}

}
@media screen and (max-width: 768px) {
    ._spinWheelWrapper_rg2mi_63 {
        height: 0px !important;
        overflow-x: hidden !important;
    }
}
@media screen and (max-width: 768px) {
    .ecomsend-SpinWheel__Modal__Content._modalContent_rg2mi_15 {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 999999 !important;
        margin: 0 !important;
    }
}
.pdp-right-column .qty-spinner input {
    width: 50px;
    margin-left: 2px;
    margin-right: 2px;
}


.offer-box-wrapper {
    display: flex;
    gap: 12px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 17px;
}
/* Multi-step form */
#quan-popup-form .form-step {
  display: none;
}

#quan-popup-form .form-step.active {
  display: block;
}

/* Button spacing */
#quan-popup-form .ask-submit-btn {
  margin-top: 20px;
}

/* Optional: smooth transition */
#quan-popup-form .form-step {
  animation: fadeStep 0.3s ease-in-out;
}

@keyframes fadeStep {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

.option-group label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.step-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.form-field {
  width: 100%;
  margin-bottom: 15px;
}
/* force bullets in USP area only */
.product-usps ul {
  margin: 10px 0 12px;
  padding-left: 26px;
}

.product-usps li {
  list-style: disc !important;
  display: list-item !important;
}
/* FORCE bullets only inside product tabs description */
.article-content.rte ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 26px !important;
  margin: 10px 0;
}

.article-content.rte li {
  display: list-item !important;
  margin-bottom: 6px;
}

/* in case theme hides markers */
.article-content.rte li::marker {
  content: "• " !important;
}

/* Make bullets bigger */
.article-content.rte li::marker {
  font-size: 20px !important;   /* try 18–22 as you like */
  font-weight: 700;
}
body.template-collection .ot-estimated-shipping,
body.collection .ot-estimated-shipping {
  display: none !important;
}