/** Shopify CDN: Minification failed

Line 6498:17 Unexpected "-8404441989454"
Line 6502:17 Unexpected "-8404441989454"
Line 6534:17 Unexpected "-8404441989454"
Line 6552:11 Expected ":"

**/
@font-face {
    font-family: 'Marchellia';
    src: url('https://cdn.shopify.com/s/files/1/0751/3771/2446/files/MarchelliaRegular.eot?v=1684205595');
    src: url('https://cdn.shopify.com/s/files/1/0751/3771/2446/files/MarchelliaRegular.eot?v=1684205595?#iefix') format('embedded-opentype'),
        url('https://cdn.shopify.com/s/files/1/0751/3771/2446/files/MarchelliaRegular.woff2?v=1684205595') format('woff2'),
        url('https://cdn.shopify.com/s/files/1/0751/3771/2446/files/MarchelliaRegular.woff?v=1684205595') format('woff'),
        url('https://cdn.shopify.com/s/files/1/0751/3771/2446/files/MarchelliaRegular.ttf?v=1684205595') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*,:after,:before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    text-decoration: inherit;
    vertical-align: inherit;
}
html {
    outline: none;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
  padding: 0px !important;
}
body,html {
    scrollbar-width: 6px;
}
/* Styles personnalisés pour la barre de défilement WebKit */
body::-webkit-scrollbar {
    width: 12px; /* Largeur de la barre de défilement */
}

body::-webkit-scrollbar-thumb {
    background-color: #cccccc; /* Couleur de la poignée de défilement */
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #999999; /* Couleur de la poignée de défilement au survol */
}


svg,img {
    max-width: 100%;
    display: block;
}
a,.btn,button { 
    text-decoration: none;
    outline: none; 
    color: inherit;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    display: inline-block;
    cursor: pointer;
}
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;
    -moz-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] {
    appearance: textfield;
    -moz-appearance: textfield;
}
::-webkit-input-placeholder {
    color: var(--theme-color);
}
:-ms-input-placeholder {
    color: var(--theme-color);
}
::placeholder {
    color: var(--theme-color);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
*{
    margin: 0;
    padding: 0;
    font-size: 100%;
    list-style: none;
    vertical-align: baseline;
}
body { 
    font: var(--common-text);
    height: 100%;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
    background: var(--white);
    color: var(--theme-color);
}
/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
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);
}
.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(--second-color);
    display: inline;
    font-weight: 700;
}
p:not(:last-of-type) {
    margin-bottom: 15px;
}
/* ============================================= */
/* !!!!             GRID CSS                !!!! */
/* ============================================= */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end;
}
.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}
.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.desk-only, .hidden, .visually-hidden, [hidden] {
    display: none !important;
}
.mobile-only {
    display: block !important;
}
/*****  Columns  *****/
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    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 {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        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 {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        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 {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        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 {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        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 {
        flex: 1 0 0%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
}
/* ============================================= */
/* !!!!          NICE SELECT CSS           !!!! */
/* ============================================= */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border: solid 1px var(--second-color);
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 35px 10px 15px;
  width: 100%;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background: url(down-arrow1.svg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 11px;
}
/* ============================================= */
/* !!!!          COMMON BUTTON              !!!! */
/* ============================================= */
.btn {
    text-align: center;
    padding: 11px 35px;
    font-family: var(--first-font);
    color: var(--white);
    background-color: var(--theme-color);
    appearance: none;
    outline: none;
    border: 1px solid var(--theme-color);
    position: relative;
    border-radius: 30px;
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -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;
    transition: all ease-in-out 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
} 
.btn-secondary svg,.btn svg   { 
    margin-left: 10px; 
    height: 15px;
    width: 15px;
}
.btn svg path {
    fill: var(--theme-color);
    -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;
    transition: all ease-in-out 0.5s;
}
.btn:hover svg path{
    fill: var(--white);
}
.btn:hover,.btn:focus {
    background-color: var(--third-color);
    color: var(--white);
    border-color: var(--third-color);
}
.btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 11px 35px;
    border: 1px solid var(--theme-color);
    color: var(--white);
    background: var(--theme-color);
    justify-content: center;
    line-height: 1;
    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;
    border-radius: 30px;
}
.btn-secondary svg path {
    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;
    fill:  var(--white);
}
.btn-secondary:hover {
    background: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}
.btn-secondary:hover svg path {
    fill: var(--theme-color);
}
.btn-transparent{
    background: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}
.btn-transparent:hover{
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.btn-white{
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}
.btn-white svg path{
    fill: var(--white);
}
.cart-btn svg path{
    fill: var(--white);
}
/************** video product page css *************/
deferred-media.deferred-media {
    position: relative;
    display: block;
}
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.deferred-media[loaded]>.deferred-media__poster {
    display: none !important;
}
.product__modal-opener:not(.product__modal-opener--image) {
    display: none;
}
.deferred-media__poster-button.motion-reduce {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(1);
  z-index: 1;
  padding: 10px;
  background: linear-gradient(to left, var(--blue) 50%, var(--second-color) ) border-box;
  background: var(--second-color);
  border-radius: 10px;
}
.deferred-media__poster-button.motion-reduce svg {
    fill: var(--white);
}
.deferred-media:not([loaded]) template {
    z-index: -1;
}
/***** SHF LANGUAGE CSS *****/
.lang-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  position:relative;
  margin-left: 10px;
  padding: 5px 15px;
  border: 1px solid var(--white);
  border-radius: 10px;
}
.lang-dropdown svg {
    width: 18px;
    height: 18px;
}
.header-style-three .lang-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    position: relative;
    margin-left: 20px;
    padding:0;
    border:none;
}
.header-style-three .lang-dropdown svg {
    width: 22px;
    height: 22px;
}
.home-layout-one .lang-dropdown svg path {
    fill: var(--black);
}
.header-style-one .lang-dropdown .nice-select, .header-style-three .lang-dropdown .nice-select {
  border: 0;
  font-family: var(--first-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 0;
  background: none;
}
.header-style-one .menu-right .disclosure__list-wrapper, .header-style-two .header-topbar-right .disclosure__list-wrapper, .header-style-three .menu-right .disclosure__list-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 140px;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  margin: 22px 0 0;
  opacity: 1;
  pointer-events: auto;
  background-color: var(--white);
  transition: all .4s ease-in-out 0s;
  -o-transition: all .4s ease-in-out 0s;
  -webkit-transition: all .4s ease-in-out 0s;
  -moz-transition: all .4s ease-in-out 0s;
  -ms-transition: all .4s ease-in-out 0s;
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  padding: 15px;
  color:black
}
.header-style-one .menu-right .disclosure__list-wrapper.hide, .header-style-two .header-topbar-right .disclosure__list-wrapper.hide, .header-style-three .menu-right .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);
}
.header-style-one .menu-right .disclosure__list-wrapper .disclosure__item, .header-style-three .menu-right .disclosure__list-wrapper .disclosure__item {
    margin: 0;
}
.header-style-one .menu-right .disclosure__list-wrapper .disclosure__item a, .header-style-three .menu-right .disclosure__list-wrapper .disclosure__item a{
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 0 0 10px;
  color: var(--theme-color) !important;
  width: 100%;
}
.header-style-one .menu-right .disclosure__list-wrapper .disclosure__item:last-child a, .header-style-three .menu-right .disclosure__list-wrapper .disclosure__item:last-child a{
  padding: 0px;
}
.header-style-one .menu-right .disclosure__list-wrapper .disclosure__item a.disclosure__link--active, .header-style-three .menu-right .disclosure__list-wrapper .disclosure__item a.disclosure__link--active{
  font-weight: bold;
}
/* shf order page css */
.order-detail h4{
  margin-bottom: 15px;
}
.order-detail p{
  margin-bottom:20px
}
.order-detail{
  margin-bottom:40px;
}
.order-history-tbl tr{
  border-bottom: 1px solid #F0F0F0;
}
.add-details {
    padding: 20px 5px;
    margin: 0;
    margin-bottom: 70px;
    background: var(--border-color);
}
.add-details h5 {
    margin: 0 0 15px;
    background: var(--theme-color);
    padding: 10px 15px;
    color: var(--white);
}
/*-------------------- GoTo Top ------------------*/
.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 55px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px #0000001a;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: #fff;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap.active-progress:after {
  content: '';
  background: url(top-arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  right: 0;
  bottom: 0;
  margin: auto;
}
.progress-wrap svg path { 
  fill: none; 
}
.progress-wrap svg.progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 4;
  box-sizing:border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
/* ============================================= */
/* !!!!             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: 14px 20px;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--theme-color);
}
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-size: 14px;
    font-weight: 500;
}
.form-group .nice-select .list,
.form-group .form-control {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
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-left: 1px;
}
.checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkbox-custom label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;  
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 30px;
}
.checkbox-custom label:before {
    content: '';
    appearance: none;
    -webkit-appearance: none;
    background-color:transparent;
    border: 1px solid var(--white);
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.checkbox-custom input:checked+label:before { 
    background-color: var(--second-color);
    border-color: var(--second-color);
}
.checkbox-custom input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 7px;
    width: 4px;
    height: 8px;
    border: solid var(--white);
    border-width: 0px 1px 1px 0;
    transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}
.checkbox-custom label a {
    text-decoration: underline;
    font-weight: 600;
}
/** 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(--second-color);
    margin: 0;
    vertical-align: bottom;
}
.radio-group label::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid var(--second-color);
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
    -webkit-transition: border-color 400ms ease;
    -moz-transition: border-color 400ms ease;
    -ms-transition: border-color 400ms ease;
    -o-transition: border-color 400ms ease;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-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: transform 400ms ease;
    -webkit-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -ms-transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    -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(--second-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);
}
/***** COMMON CSS ****/
body.active-menu,
body.no-scroll {
    overflow: hidden;
    position: fixed;
}
.right-gliter {
    bottom: 0;
    right: 0;
}
.gliter-img {
    position: absolute;
    z-index: -1;
}
.pt{
    padding-top: 70px;
}
.pb{
    padding-bottom: 70px;
}
.section-title {
    margin-bottom: 30px;
}
.section-title.text-center p {
    margin-top: 14px;
}
.subtitle {
    font-weight: 600;
    line-height: 1; 
    margin-bottom: 15px;
    color: var(--theme-color);
}
.img-wrapper {
    position: relative;
    width: 100%;
    display: block;
}
.img-wrapper img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
} 
/*** 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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.flex-slider .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%;
}
/* swiper slider css arrow  */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: 40px;
    height: 40px;
    background: var(--white);
    z-index: 2;
    border-radius: 20px;
  outline: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
    color: #fff;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-prev::focus ,.swiper-button-next::focus,.swiper-button-prev::hover,.swiper-button-next::hover{
  outline: none;
}
.swiper-button-prev::after ,.swiper-button-next::after{
    display: none;
}
.swiper-button-prev::before ,.swiper-button-next::before{
    content: '';
    position: absolute;
    left: 0;
    background-image: url(arrow-right.svg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}
.swiper-button-next::before{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.swiper-button-prev:hover, .swiper-button-next:hover{
    background-color: var(--third-color);
}
/* ============================================= */
/* !!!!     CUSTOMIZE THE NAVBAR            !!!! */
/* ============================================= */
.site-header { 
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    -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;
    transition: all ease-in-out 0.5s;  
    background-color: var(--theme-color);
    border-bottom: 1px solid #3F5868;
}
.home-header{
    background-color: transparent;
    border-bottom: 0px;
}
/*****  MAIN NAVIGATIONBAR CSS  *****/
.site-header .main-navigationbar {
    position: relative;
    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;
    padding: 20px 0px;
    color: #000000;
}
.site-header .main-navigationbar .menu-items-col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    transition: all ease-in-out 0.4s;
    flex: 1;
    -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;
}
.site-header .menu-items-col .main-nav> .menu-lnk.has-item>a:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    right: 0px;
    top: 2px;
    padding: 6px 0;
    background: url(down-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px;
    -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;
    transition: all ease-in-out 0.5s;
}
.site-header .main-navigationbar .logo-col {
    max-width: 90px;
    width: 100%;
}
.site-header .main-navigationbar .logo-col a {
    display: block;
}
.site-header .main-navigationbar .logo-col img {
    width: 100%;
}
.site-header .menu-right li svg {
    width: 18px;
    height: 18px;
}
.site-header .menu-right li a {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 8px;
    padding: 5px 15px;
    border: 1px solid var(--white);
    border-radius: 10px;
}
.site-header .menu-right li a p{
    line-height: 1;
}
.site-header .menu-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li:not(:last-of-type) {
    padding-right: 25px;
}
.main-navigationbar .menu-items-col-right .menu-right{
    display: flex;
    justify-content: end;
    flex:1;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li>a {
    color: var(--white);
    text-transform: capitalize;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    padding: 0;
    position: relative;
    display: flex;
    font-weight: 400;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
}
.site-header .main-navigationbar .menu-items-col .drop>a:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    right: -18px;
    top: 7px;
    background: url(dropdown.png);
    background-repeat: no-repeat;
    background-position: center center;
    -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;
    transition: all ease-in-out 0.5s;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.has-item:hover>a:after,
.site-header .main-navigationbar .menu-items-col .drop:hover>a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.site-header .main-navigationbar .menu-items-col .main-nav>li>a:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    bottom: -3px;
    left: 0;
    right: 0;
    background: var(--white);
    margin: 0 auto;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li>a:hover:before {
    width: 100%;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.has-item>.category-btn:before {
    display: none;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.has-item>.category-btn svg {
    margin-left: 20px;
}
.site-header .menu-items-col .main-nav> .menu-lnk.has-item>a{
    padding-right: 20px;
    font-weight: 500;
}
.site-header .main-navigationbar .menu-items-col .main-nav{
    padding-left: 40px;
}
.site-header .menu-right li:not(:first-of-type) {
    margin-left: 10px;
}
/*****  Megamenu css  *****/
.site-header .mobile-menu {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 22px;
    height: 22px;
    margin: 0 0 0 20px;
}
.site-header .menu-close-icon svg {
    cursor: pointer;
} 
.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;
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.site-header .mobile-menu .mobile-menu-button div {
    width: 100%;
    height: 2px;
    margin: 4px 0;
    backface-visibility: hidden;
    background: var(--white);
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.menu-lnk .menu-dropdown {
    position: absolute;
    top: 100%;
    background-color: var(--white);
    transform-origin: top;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    min-width: 220px;
    z-index: 2;
    padding: 20px;
    border-top: 1px solid var(--border-color);
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.site-header .main-navigationbar .menu-items-col .main-nav>li.menu-lnk .menu-dropdown.mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px 0 5px;
}
.site-header .main-navigationbar .menu-items-col .main-nav>li:hover .menu-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.site-header .menu-dropdown ul>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.site-header .megamenu-list>li span {
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--black);
}
.site-header .menu-dropdown ul>li a {
    border-bottom: 1px solid transparent;
    font-size: 14px;
    font-family: var(--first-font);
    color: var(--black);
}
.site-header .menu-dropdown .arrow-list>li a:hover,
.second-menu-dropdown ul li a:hover {
    border-color: var(--black);
}
.site-header .wishlist-counter{
    background: #F7EEE5;
    color: var(--black);
}
.site-header .menu-items-col .main-nav .mobile-menu-button svg{
    height: 22px;
    width: 22px;
}
.site-header .menu-right .cart-header .cart-icon {
    position: relative;
}
.head-sticky .main-navigationbar{
    background-color: var(--theme-color);
}
.megamenu-card-inner {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.09);
}
.site-header .megamenu-card .megamenu-image {
    position: relative;
}
.site-header .megamenu-card .megamenu-image a {
    padding-top: 92%;
}
.site-header .megamenu-card .megamenu-image a img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.site-header .megamenu-card .megamenu-content {
    margin-top: 15px;
    text-align: center;
}
.site-header .megamenu-card .megamenu-content span {
    font: var(--h5);
    color: var(--black);
}
.site-header .menu-right .cart-header .cart-price {
    font-size: 16px;
    margin-left: 10px;
}
.site-header .login-header .nice-select{
    border: 1px solid var(--white);
    border-radius: 10px;
    background: url(header-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.megamenu-card{
    margin-bottom:15px;
}
/*****  MOBILE MENU CSS  *****/
.mobile-menu-wrapper {
    position: fixed;
    z-index: 4;
    background: var(--white);
    top: 0;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
    right: 0;
    display: block;
    width: 100%;
    max-width: 400px;
}
.mobile-menu-wrapper.active-menu {
    transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -moz-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
}
.mobile-menu-wrapper .menu-close-icon {
    text-align: right;
    padding: 15px 20px;
    background:var(--theme-color);
}
.mobile-menu-wrapper .mobile-menu-bar>ul {
    height: calc(100vh - 48px);
    overflow: auto;
    padding: 10px 20px;
    background: var(--white);
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li a {
    font-size: 18px;
    color: var(--theme-color);
    letter-spacing: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li {
    margin-top: 12px;
}
.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 a .close-menu-ioc {
    display: none;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .acnav-list {
    margin: 12px 0;
    display: none;
    padding: 0;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is-open .acnav-label .close-menu-ioc {
    display: block;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is-open .acnav-label .menu-open-arrow {
    display: none;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile_menu_inner .menu-h-link ul li:not(:last-of-type) {
    margin-bottom: 8px;
}
.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile_menu_inner .menu-h-link ul li a {
    font-size: 14px;
    line-height: 18px;
    text-transform: lowercase;
    font-family: var(--first-font);
}
.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: 12px;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul {
    margin: 12px 0 0;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li:not(:last-of-type) {
    margin-bottom: 12px;
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li>a {
    font-size: 14px;
    font-family: var(--first-font);
}
.mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li>a.acnav-label {
    font-weight: 600;
}
.mobile-menu-wrapper .menu-close-icon svg path {
    fill: var(--white);
}
/****** CART DRAWER CSS ********/
.overlay{
    transition: all ease-in-out 0.4s;
    -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;
}
.overlay.active, .cartOpen .overlay:after, .quick-active .overlay:after, .notify-active .overlay::after{
    content: " ";
    z-index: 3;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}
.cartDrawer {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
    background: var(--white);
    width: 410px;
    height: 100%;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -o-transition: 0.4s all;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
}
.cartOpen .cartDrawer {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}
.cartDrawer .mini-cart-header {
    position: relative;
    text-align: center;
    padding: 17px 30px 16px 30px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--theme-color);
    color: var(--white);
}
.cartDrawer .cart-tottl-itm {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
}
.cartDrawer .closecart {
    position: absolute;
    left: -38px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: 0;
    visibility: hidden;
}
.cartOpen .cartDrawer .closecart {
    opacity: 1;
    visibility: visible;
}
.cartDrawer .mini-cart-has-item {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color:var(--black);
}
.cartDrawer .mini-cart-body {
    overflow-y: auto;
    padding: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.cartDrawer .mini-cart-body::-webkit-scrollbar {
    width: 6px;
}
.cartDrawer .mini-cart-body::-webkit-scrollbar-track {
    background: var(--second-color);
}
.cartDrawer .mini-cart-body::-webkit-scrollbar-thumb {
    background-color: #183a40;
}
.mini-cart-item {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--border-color);
    background: var(--white);
}
.mini-cart-item:not(:last-of-type) {
    margin-bottom: 30px;
}
.mini-cart-image {
    width: 80px;
}
.mini-cart-image a {
    display: block;
    padding-top: 138%!important;
    position: relative;
}
.mini-cart-image img {
    top: 0;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
}
.mini-cart-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-left: 15px;
}
.mini-cart-title {
    margin-bottom: 8px;
    font-weight: 600;
}
.cartDrawer .cart-variable {
    margin-bottom: 10px;
}
.cartDrawer .cart-variable p {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 14px;
    color: #4e4e4e;
}
.cart__items-wrapper .is-empty .cart__warnings {
    display: block;
}
.qty-spinner {
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100px;
    height: 35px;
    width: 100%;
}
.qty-spinner button {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.qty-spinner button svg {
    margin: auto;
    height: 10px;
    width: 10px;
    pointer-events: none;
}
.qty-spinner button svg path {
    fill: var(--black);
}
.qty-spinner input {
    border: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 30px;
    color: var(--black);
    padding: 0;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    margin: 0;
  border: none;
    box-shadow: none;
    outline: none;
}
del {
    color: var(--theme-color);
    opacity: 0.6;
    text-decoration: line-through;
}
.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
}
.price ins {
    font-size: 16px;
    font-weight: 600;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.price ins.text-danger {
    color: #FF0000;
}
.price .currency-type {
    font-size: 12px;
}
.price del {
    font-weight: 500;
    margin-left: 8px;
    font-size: 16px;
}
.cartDrawer .mini-cart-details .price {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font: var(--common-text);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
}
.cartDrawer .pvarprice {
    margin-top: 12px;
}
.cartDrawer .price del {
    margin-left: 10px;
}
.cartDrawer .price ins {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
}
.cartDrawer .price .currency-type {
    font-weight: 500;
    font-size: 10px;
    margin-left: 3px;
    display: inline-block;
    font-size: 12px;
}
.cartDrawer .webi-mini-cart-footer {
    padding: 30px;
    border-top: 1px solid var(--border-color);
}
.cartDrawer .mini-cart-footer-total-row {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-color);
    margin: 0 -10px 20px;
}
.cartDrawer .mini-cart-footer-total-row div {
    padding: 0 10px;
}
.cartDrawer .webi-mini-cart-footer .u-save {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.cartDrawer .webi-mini-cart-footer .checkout-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 30px;
}
.cartDrawer .webi-mini-cart-footer .checkout-btn svg path{
    fill: var(--white);
}
.cartDrawer .webi-mini-cart-footer .link-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color:var(--black);
}
.cart__ctas button svg path {
    fill: var(--white);
}
.link-btn svg {
    fill: var(--second-color);
    margin-left: 10px;
    width: 20px;
    height: auto;
}
.cartDrawer .remove_item svg path {
    fill: var(--theme-color);
}
.cartDrawer .remove_item svg {
    height: 15px;
    width: 15px;
}
.cartDrawer .emptyCart {
    padding: 50px 0 0 0;
}
.cartDrawer .link-btn:before {
    display: none;
}
/**** SEARCH POPUP CSS ****/
.search-popup, .size-popup {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    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: 3;
    padding: 0 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    -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;
}
.search-popup.active, .size-popup.active {
    opacity: 1;
    visibility: visible;
}
.search-form-wrapper {
    max-width: 1000px;
    width: 100%;
}
.search-form-wrapper form {
    width: 100%;
    position: relative;
}
.search-popup .close-search {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border:none;
    background: transparent;
}
.search-popup .close-search svg {
    height: 100%;
    width: 100%;
}
.search-form-wrapper .form-inputs {
    width: 100%;
    position: relative;
}
.search-form-wrapper .form-inputs input::-webkit-input-placeholder {
    color: white;
}
.search-form-wrapper .form-inputs input::-moz-placeholder {
    color: white;
}
.search-form-wrapper .form-inputs input:-ms-input-placeholder {
    color: white;
}
.search-form-wrapper .form-inputs input::-ms-input-placeholder {
    color: white;
}
.search-form-wrapper .form-inputs input::placeholder {
    color: white;
}
.search-form-wrapper input {
    padding: 15px 60px 15px 20px;
    color: var(--white);
}
.search-form-wrapper input::-webkit-input-placeholder {
    color: var(--theme-color);
}
.search-form-wrapper input::-moz-placeholder {
    color: var(--theme-color);
}
.search-form-wrapper input:-ms-input-placeholder {
    color: var(--theme-color);
}
.search-form-wrapper input::-ms-input-placeholder {
    color: var(--theme-color);
}
.search-form-wrapper input::placeholder {
    color: var(--theme-color);
}
.search-form-wrapper .btn {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 45px;
    padding: 0;
    height: calc(100% - 10px);
    border-radius: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.search-form-wrapper .btn svg {
    width: 16px;
    height: 16px;
    margin: 0 auto;
}
.search-form-wrapper .btn svg path {
    fill: var(--white) !important;
}
#predictive-search-results {
    color: var(--white);
}
.predictive-search__item-content .price del {
    color: var(--white);
}
.template-search .search__button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: 5px;
    width: 40px;
    height: 40px;
    background: var(--theme-color);
    padding: 10px;
    border-radius: 5px;
}
.template-search .field {
    position: relative;
}
.template-search .search__button svg {
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.template-search .search__button svg path {
    fill: var(--white);
}
.count-desc {
    margin: 20px 0;
    font: var(--h5);
    text-align: center;
    background: #f5f5f5;
    padding: 15px 5px;
}
.template-search__results .grid__item {
    margin: 0 0 30px;
}
.template-search__search .predictive-search {
    position: absolute;
}
/*****  SUBSCRIBE POPUP CSS *****/
.subscribe-popup {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 950px;
    width: 95%;
    margin: 0 auto;
    color: var(--white);
    z-index: 5;
    -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;
    transition: all ease-in-out 0.5s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.subscribe-popup h2 {
    font-family: var(--second-font);
    font-weight: 500; 
    font-size: 31px;
    letter-spacing: 1px;
    margin-bottom: 24px;
    font-style: italic;
}
.subscribe-overlay {
    transition: all ease-in-out 0.4s;
    -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;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    background: rgba(30, 47, 58, 0.85);
    visibility: hidden;
    opacity: 1;
}
.subscribe-overlay.open{ 
    opacity: 1;
    visibility: visible;
}
.subscribe-popup .sub-close-btn{
    text-align: end;
    margin-bottom: 20px;
}
.subscribe-popup .sub-close-btn .btn-secondary svg{
    margin-left: 0px;
    margin-right: 8px;
}
.subscribe-popup .sub-close-btn .btn-secondary:hover{
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: var(--white);
}
.subscribe-popup .sub-close-btn .btn-secondary:hover svg path{
    fill: var(--theme-color);
}
.subscribe-popup .sub-left-inner{
    background: var(--white);
    padding: 40px 29px;
    color: var(--theme-color);
}
.subscribe-popup .sub-right-inner img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.subscribe-popup .sub-right-inner .img-wrapper{
    padding-top: 96%;
}
.subscribe-popup .sub-left-inner h3 b{
    color: var(--theme-color);
}
.subscribe-popup .sub-left-inner p{
    margin: 15px 0px;
}
.subscribe-popup .subscriber-form input{
    margin-top: 10px;
   color: var(--theme-color);
   padding: 14px 40px 14px 20px;
}
.subscribe-popup .subscriber-form .enter-email-row{
    position: relative;
}
.subscribe-popup .subscriber-form .btn-svg {
    background: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    padding: 0;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.subscribe-popup .subscriber-form .btn {
    margin-top: 20px;
}
.subscribe-popup .sub-left-inner .btn svg path{
    fill: var(--white);
}
/********** COMMON  CSS  **********/ 
.offset-container { 
    position: relative; 
}
.offset-left{
    margin-left: calc((100% - 1200px) / 2);
    padding-left: 15px;
}  
.offset-right {
    margin-right: calc((100% - 1200px) / 2);
    margin-left: 0;
    padding-right: 15px;
}   
/****************  TABS CSS *****************/ 
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
/* ============================================= */
/* !!!!             FOOTER CSS             !!!! */
/* ============================================= */
.site-footer {
    position: relative;
    z-index: 1;
    padding: 70px 0px 30px 0px;
    background-color: var(--theme-color);
    color: var(--white);
}
.site-footer .footer-top{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.site-footer .footer-top .footer-logo{
    max-width: 150px;
    width: 100%;
}
.site-footer .footer-top .footer-logo a{
    display: block;
}
.site-footer .footer-top p{
    flex: 1;
    padding-left: 100px;
}
.footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0px;
    border-top: 1px solid #435E70;
    border-bottom: 1px solid #435E70;
}
.footer-col {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 70px;
}
.footer-subscribe-col {
    max-width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
}
.footer-row .footer-col:nth-child(1) {
    padding: 0;
}
.site-footer .footer-widget p {
    padding: 0 0 20px;
    color: var(--black);
}
.site-footer .footer-widget h5{
    padding: 0 0 20px 0;
    position: relative;
}
.site-footer .footer-link .footer-widget ul li:not(:last-of-type) {
    margin-bottom: 10px;
}
.site-footer .footer-link-3 .footer-widget h4 {
    text-align: end;
}
.footer-subscribe-col h6{
    font-size: 15px;
    margin-bottom: 5px;
}
.footer-subscribe-col .contactlink {
    font-size: 24px;
    margin-bottom: 15px;
}
.footer-subscribe-col .addresslink{
    font-size: 18px;
    color: var(--second-color);
}
.footer-bottom {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.payment-image-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
.acnav-list {
    display: none;
} 
.footer-subscribe-col .social-ul {
    display: flex;
    align-items: center;
}
.footer-subscribe-col .social-ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-subscribe-col .social-ul li:not(:last-of-type) {
    margin-right: 15px;
}
.footer-subscribe-col .social-ul li a svg {
    height: 22px;
    width: 22px;
}
/***** FOOTER TWO CSS *****/
.site-footer-two .footer-top p{
    padding-left: 0;
}
.site-footer-two .footer-row{
    border-top: 0;
    border-bottom: 0;
}
.site-footer-two .footer-row-main{
    border-top: 1px solid #435E70;
    border-bottom: 1px solid #435E70;
}
.site-footer-two .footer-subscribe-col{
    padding-left: 0;
    border-right: 1px solid #435E70;
}
.site-footer-two .footer-link-1 {
    padding-left: 70px;
}
/***** FOOTER THREE CSS *****/
.site-footer-three .footer-row{
    border-bottom: 0;
}
.site-footer-three .footer-row-main{
    border-bottom: 1px solid #435E70;
}
.site-footer-three .footer-subscribe-col .our-contact a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}
.site-footer-three .payment-image-wrapper {
    gap: 5px;
}
.site-footer-three .payment-image-wrapper .payment-image{
    width: 35px;
}
.site-footer-three .footer-subscribe-col{
    padding-left: 0;
}
.site-footer-three .footer-subscribe-col .our-contact a p{
    padding-bottom: 0;
    padding-left: 15px;
    color: var(--white);
    font-size:14px;
}
.site-footer-three .footer-subscribe-col .our-contact a p span{
    display: block;
    font-size: 20px;
}
.site-footer-three .contact-ul{
    margin-top: 15px;
  font-size:14px;
}
.site-footer-three .contact-ul li:not(:last-of-type){
    margin-bottom: 10px;
}
.site-footer-three .contact-ul li a strong{
    margin-right: 5px;
}
.site-footer-three .footer-link-3 .social-ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.site-footer-three .footer-link-3 .social-ul li{
    margin-bottom: 0px !important;
}
.site-footer-three .footer-link-3 .social-ul li:not(:last-of-type){
    margin-right: 15px;
}
.site-footer-three .footer-link-3 .social-subtitle{
    margin-top: 20px;
    padding-bottom: 10px;
}   
.site-footer-three .footer-link-1 {
    padding-left: 25px;
}
/***** HOME BANNER SECTION *****/
.main-banner-sec .banner-content-wrapper{
    position: relative;
    padding: 300px 0px 100px;
    max-width: 520px;
    width: 100%;
    margin: auto;
    color: var(--white);
}
.main-banner-sec .banner-content-inner .section-title h2{
    font-family: var(--second-font);
    font-size: 70px;
    font-weight: 500;
}
.banner-content-wrapper p {
    margin-bottom: 20px;
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.main-banner-sec .banner-content-inner .btn-transparent{
    border: 1px solid var(--white);
    color: var(--white);
}
.main-banner-sec .banner-content-inner .btn-transparent svg path{
    fill: var(--white);
}
.main-banner-sec .banner-content-inner .btn-transparent:hover{
    border: 1px solid var(--theme-color);
}
.main-banner-sec .img-wrapper img{
    border-radius: 0;
    object-fit: cover;
}
/***** DISCOUNTS SECTION *****/
.discount-sec{
    padding: 10px 0;
    overflow-x: hidden;
}
.discount-sec .swiper-wrapper{
    -webkit-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
    position: relative;
    display: inline-flex;
}
.discount-sec .swiper-slide{	
    display: flex;	
    justify-content: center;	
    align-items: center;	
    width: auto;	
    position: relative;	
    overflow: hidden;
    padding: 0 40px;	
}	
.discount-sec .swiper-slide p{	
    text-align: center;	
    font-size: 16px;	
}
.discount-sec .swiper-slide::before{
    content: "";
    position: absolute;
    top: 8px;
    right: 0px;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    background-color: var(--theme-color);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
@keyframes line-slide {
    0% {
        background-position: -5% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
.discount-sec{
    padding: 10px 0;
    background-color: var(--white);
    overflow-x: hidden;
}
.discount-sec .swiper-slide p{
    text-align: center;
    font-size: 16px;
}
.discount-sec .swiper-slide::before{
    content: "";
    position: absolute;
    top: 8px;
    right: 0px;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    background-color: var(--theme-color);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/***** NEW STORE SECTION *****/
.new-store-sec{
    background-color: var(--theme-color);
    position: relative;
    z-index: 1;
}
.new-store-sec .section-title h2{
    color: var(--white);
}
.new-store-sec .section-title .btn-transparent{
    border: 1px solid var(--white);
    color: var(--white);
}
.new-store-sec .section-title .btn-transparent svg path{
    fill: var(--white);
}
.new-store-sec .section-title .btn-transparent:hover{
    background-color: var(--white);
    color: var(--theme-color);
}
.new-store-sec .section-title .btn-transparent:hover svg path{
    fill: var(--theme-color);
}
.new-store-sec .store-img-box{
    display: flex;
}
.new-store-sec .store-img-box-inner{
    display: flex;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.store-img-box-inner:hover .store-img-box-body img{
    transform: scale(1.1);
    transition: all 8s cubic-bezier(0, 0, 0.1, 1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    -moz-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    -ms-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    -o-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.new-store-sec .store-img-box-body{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    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;
    padding: 30px 20px 150px 30px;
    align-items: start;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
   -webkit-mask-image: -webkit-radial-gradient(white, black);
}   
.new-store-sec .store-img-box-body img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all ease-in-out 0.5s;
    object-fit: cover;
    -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;
     border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    
}
.new-store-sec .content-box-title p{
    margin: 15px 0px;
}
.new-store-sec .store-box-left{
    color: var(--white);
}
.new-store-sec  .store-box-right .store-img-box:not(:last-of-type){
    margin-bottom: 20px;
}
/***** FURNITURE TAB SECTION *****/
.product-top-content h4 a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.furniture-tab-sec{
    position: relative;
    z-index: 1;
}
.furniture-tab-sec .section-title-left{
    max-width: 500px;
    width: 100%;
}
.view-product-sec .product-top-content a{
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.furniture-tab-sec .section-title h2{
    margin-bottom: 15px;
}
ul.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.tabs li.active {
    font-weight: 700;
    text-decoration: underline;
}
ul.tabs li {
    font-weight: 500;
    cursor: pointer;
    color: var(--theme-color);
}
.spr-starrating i {
    color: var(--theme-color)!important;
}
.furniture-slider .rating-content {
    margin-top: 10px;
}
.product-card .product-card-inner, .blog-card .blog-card-inner {
    position: relative;
}
.product-card .img-wrapper{
    padding-top: 105%;
}
.product-card .product-image-top{
  position: absolute;
  top: 10px;
  left: 15px;
}
.product-card .new-lbl{
    color: var(--white);   
    text-transform: uppercase;
    background: var(--theme-color);
    color: var(--white);
    padding: 2px 10px;
    border-radius: 10px;
    font-weight: 600;
    width: auto;
    display: inline-block;
}
.product-card .pro-compare, .compare-label svg {
  cursor: pointer;
}
.product-card .wishlist-btn, .product-card .pro-compare,  .product-card .quickview-btn {
  opacity: 0;
  width: 30px;
  height: 30px;
  background-color: var(--theme-color);
  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;
  border: 0;
  visibility: hidden;
  border-radius: 10px;
  transform: translate(50%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-transform: translate(50%);
  -moz-transform: translate(50%);
  -ms-transform: translate(50%);
  -o-transform: translate(50%);
   transition: all ease-in-out .3s;
}
.product-card:hover .wishlist-btn, .product-card:hover .pro-compare,  .product-card:hover .quickview-btn {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}
.wish-lbl-wrp{
  position:absolute;
  top:10px;
  right:15px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.product-card .pro-discount {
    display: flex;
    align-items: center;
    border: 1px solid var(--theme-color);
    max-width: fit-content;
    padding: 2px 10px;
    border-radius: 33px;
    background-color: var(--white);
    margin-bottom: 10px;
}
.product-card .simple-countdown.both-cnt{
    position: relative;
    margin-left: 5px;
    padding-left: 8px;
}
.product-card .simple-countdown.both-cnt::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    background: var(--theme-color);
    width: 1px;
    height: 15px;
    margin: auto;
}

.product-card variant-radios .pro-color {
    border: none;
}
.product-card .product-content, .blog-card .blog-content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product-card .product-content .product-top-content, .blog-card .blog-content .blog-top-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}
.product-card .color-swatch-variants {
    margin: 15px 0px;
}
.pro-color:not(:last-of-type) {
    margin-right: 3px;
}
.product-card input[type=radio] {
    display: none;
}
.product-card .color-swatch-variants label {
    margin: 0 2px;
    padding: 0;
    border-radius: 100%;
    min-width: 18px;
    min-height: 18px;
    border: none;
    text-align: center;
    font-size: 11px;
    border: 1px solid #AAAAAA;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.product-card .color-swatch-variants label.varcolor {
    font-size: 0px;
}
.pro-color.active label:after, .product-card input:checked + label:after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 1px solid var(--theme-color);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.product-card .price{
    margin-bottom: 15px;
}
.product-card .product-image-wrapper {
    position: relative;
}
.product-card .product-content .product-top-content p{
    margin-top: 10px;
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-card .img-wrapper, .product-card .hover-img {
    border: 1px solid var(--border-color);
    border-radius: 22px;
    overflow: hidden;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
}
.product-card input:checked+label.varsize:after {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.product-card .color-swatch-variants label.varsize {
    border-radius: 0;
    padding: 2px!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
/***** FURNITURE IMAGE SECTION *****/
.furniture-img-sec{
    position: relative;
    z-index: 1;
    padding: 70px 0px;
    overflow: hidden;
}
.furniture-img-sec:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.furniture-img-sec .furniture-bnr-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all 4s cubic-bezier(0,0,.1,1);
    -webkit-transition: all 4s cubic-bezier(0,0,.1,1);
    -moz-transition: all 4s cubic-bezier(0,0,.1,1);
    -ms-transition: all 4s cubic-bezier(0,0,.1,1);
    -o-transition: all 4s cubic-bezier(0,0,.1,1);
}
.furniture-img-sec .full-img-bnr {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    text-align: center;
    background-color: var(--white);
    border-radius: 20px;
    padding: 25px 50px;
}
.furniture-img-sec .full-img-bnr .section-title h3{
    margin-bottom: 15px;
    font-family: var(--second-font);
}
.furniture-img-second-sec .full-img-bnr{
    margin-left: 0;
    margin-right: auto;
}
/***** SHOP CATEGORIES SECTION *****/
.shop-categories-sec .categorie-left-inner .section-title h2{
    margin-bottom: 20px;
    font-family: var(--second-font);
}
.shop-categories-sec .categorie-left-inner .section-title p{
    margin-bottom: 15px;
}
.shop-categories-sec .categorie-left-inner .section-title{
    max-width: 70%;
    width: 100%;
}
.categorie-card .categorie-card-top-content{
    margin-bottom: 15px;
}
.categorie-card .categorie-card-top-content h4{
    margin-bottom: 10px;
}
.categorie-card .categorie-image a{
    padding-top: 140%;
    margin-bottom: 20px;
}
.collection--empty h3 {
    margin-bottom: 15px;
}
.about-right-inner::after,
.categorie-card .categorie-image a::after {
    content: '';
    background: none repeat scroll 0 0 rgba(255,255,255,.2);
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    left: 10px;
    border-radius: 20px;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    -webkit-transform: rotate(-180deg) scale(0);
    -moz-transform: rotate(-180deg) scale(0);
    -ms-transform: rotate(-180deg) scale(0);
    -o-transform: rotate(-180deg) scale(0);
    transform: rotate(-180deg) scale(0);
}
.grid-product .rating-content {
    margin: 15px 0 0;
}
.about-right-inner {
    position: relative;
    overflow: hidden;
}
.about-right-inner:hover::after,
.categorie-image:hover a::after {
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}
/***** FEATURED PRODUCT SECTION *****/
.featured-product-sec {
    background-color: var(--theme-color);
    color: var(--white);
}
.featured-product-sec .section-title-left{
    margin-bottom: 30px;
    max-width: 500px;
    width: 100%;
}
.featured-product-sec h2 {
    margin-bottom: 15px;
}
.featured-product-sec .product-card .pro-discount {
    color: var(--theme-color);
}
.featured-product-sec .product-bottom-content .product-form .btn-secondary {
    border: 1px solid var(--white);
}
.featured-product-sec .product-bottom-content .product-form .btn-secondary:hover {
    background-color: var(--white);
}
.featured-product-sec .product-card input:checked+label:after{
      border: 1px solid var(--third-color);
}
.featured-pro-slider .product-top-content {
    margin-bottom: 10px;
}
.featured-pro-slider .spr-starrating i {
    color: var(--border-color)!important;
}
.featured-pro-slider .flex-slider .flex-card {
    width: 100%;
}
/***** TESTIMONIALS SECTION *****/
.testimonials-sec{
    background-color: var(--theme-color);
    color: var(--white);
}
.testimonials-sec .section-title h2, .blog-sec .section-title h2, .our-insta-sec .section-title h2{
    margin-bottom: 15px;
}
.testimonials-sec .section-title, .blog-sec .section-title, .our-insta-sec .section-title{
    max-width: 40%;
    width: 100%;
}
.testimonials-sec .testi-card{  
    background-color: var(--white);
    color: var(--second-color);
    padding: 20px;
    border-radius: 20px;
    text-align: center;
}
.testimonials-sec .testi-card p{
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.testimonials-sec .testi-card h3{
    margin: 15px 0px;
    font-family: var(--second-font);
}
.testimonials-sec .testi-card-inner .review-star img {
    margin: 15px auto 15px;
}
.testimonials-sec .testi-card-inner .client-info{
    margin-left: 10px;
}
.testimonials-sec .btn-arrow-wrp{
    padding-top: 30px;
  padding-bottom: 5px;
}
.testimonials-sec .btn-arrow-wrp .btn-white:hover{
    background-color: var(--white);
    color: var(--theme-color);
}
.testimonials-sec .btn-arrow-wrp .btn-white:hover svg path{
    fill: var(--theme-color);
}
.testimonials-sec .product-arrow-wrapper {
   display: flex;
   flex-direction: row-reverse;
   gap: 10px;
}
.btn-arrow-wrp{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.testimonials-sec .swiper-button-prev, .testimonials-sec .swiper-button-next{
    position: relative;
}
.testimonials-sec .swiper-pagination{
    z-index: -1;
}
/***** BLOG SECTION *****/
.blog-card .blog-content .blog-top-content p{
    margin: 10px 0px 15px;
  display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-sec .swiper-button-prev, .blog-sec .swiper-button-next, .furniture-tab-sec .swiper-button-prev, .furniture-tab-sec .swiper-button-next, .product-slider .swiper-button-prev, .product-slider .swiper-button-next{
    background: transparent;
    border: 1px solid var(--theme-color);
}
.blog-sec .swiper-button-prev:hover, .blog-sec .swiper-button-next:hover, .furniture-tab-sec .swiper-button-prev:hover, .furniture-tab-sec .swiper-button-next:hover, .product-slider .swiper-button-prev:hover, .product-slider .swiper-button-next:hover{
    background: var(--third-color);
    border: 1px solid var(--third-color);
}
.furniture-tab-sec .swiper-button-prev, .furniture-tab-sec .swiper-button-next,
.featured-pro-slider .swiper-button-prev, .featured-pro-slider .swiper-button-next{
  transition: all 400ms ease-in-out 0s;
  opacity: 0;
  visibility: hidden; 
}
.furniture-tab-sec:hover .swiper-button-prev, .furniture-tab-sec:hover .swiper-button-next,
.featured-pro-slider:hover .swiper-button-prev, .featured-pro-slider:hover .swiper-button-next{
    opacity: 1;
  visibility: visible; 
}
.blog-slider {
    padding-bottom: 70px;
}
.blog-slider .product-arrow-wrapper{
    position: absolute;
    bottom: 22px;
    left: 50%;
}
.blog-slider .product-arrow-wrapper .swiper-button-next {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
}
.blog-slider .product-arrow-wrapper .swiper-button-prev {
    transform: translate(-120%, 0);
    -webkit-transform: translate(-120%, 0);
    -moz-transform: translate(-120%, 0);
    -ms-transform: translate(-120%, 0);
    -o-transform: translate(-120%, 0);
}
.blog-slider  .swiper-pagination{
    z-index: -1;
    left: -80px;
}
.blog-grid-sec .blogleftbar .elegant-slider .product-arrow-wrapper {
    bottom: 0px;
    left: 50%;
}
.blog-grid-sec .product-arrow-wrapper .swiper-button-next {
    top: auto;
    bottom: 14px;
    right: 47%;
    transition: none;
    transform: translate(100%);
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    -o-transform: translate(100%);
}
.blog-grid-sec .product-arrow-wrapper .swiper-button-prev {
    top: auto;
    bottom: 14px;
    left: 50%;
    transition: none;
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
}
.blog-grid-sec .swiper-button-prev, .blog-grid-sec .swiper-button-next{
    border: 1px solid var(--third-color);
}
.blog-top-content h4 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/***** OUR INSTA SECTION *****/
.our-insta-sec{
    background-color: var(--theme-color);
    color: var(--white);
}
.our-insta-sec ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.our-insta-sec ul li {
    padding: 0px 10px 0;
    display: flex;
    max-width: 16.667%;
    width: 100%;
}
.our-insta-sec ul li a {
    display: flex;
    width: 100%;
}
.our-insta-sec ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/***** PARTNER LOGO SECTION *****/
.partner-logo-sec .partner-logo-slider {
    padding: 10px 0px;
}
.partner-logo-sec .partner-logo-item a img {
    opacity: .4;
    height: 100%;
    width: 100%;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}
.partner-logo-sec .swiper-slide.swiper-slide-active img {
    opacity: 1;
}
.partner-logo-sec .partner-logo-slider .swiper-slide {
    display: flex !important;
    justify-content: center;
}
.partner-logo-sec .swiper-button-prev:before,
.partner-logo-sec .swiper-button-next:before {
    content: "";
    background-color: var(--theme-color);
    border-radius: 50%;
    background-image: url(arrow-right1.svg);
}
.partner-logo-item:hover img {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}
/***** FUTRNITURE ABOUT SECTION *****/
.furniture-about-sec{
    background-color: var(--theme-color);
    color: var(--white);
}
.furniture-about-sec .subtitle{
    color: var(--white);
    margin-bottom: 10px;
}
.furniture-about-sec .cms-center:nth-child(even) .furniture-content-inner {
    background-color: var(--white);
    color: var(--theme-color);
}
.furniture-about-sec .furniture-content-inner {
    text-align: center;
    padding: 20px;
}
.furniture-about-sec .furniture-image img{
    margin: 0 auto 15px;
    height: 32px;
    width: 32px;
}
.furniture-about-sec  .furniture-content-center{
    background-color: var(--white);
    color: var(--theme-color);
}
.furniture-about-sec .cms-center:nth-child(even) .furniture-content-inner .subtitle{
    color: var(--theme-color);
}
/***** SUBSCRIBE SECTION *****/
.subscribe-sec-form .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.subscribe-sec-form .input-wrapper input {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.subscribe-sec-form .input-wrapper .btn-subscibe {
    padding: 15px 20px;
    background-color: var(--theme-color);
    color: var(--white);
    border: 1px solid var(--theme-color);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.suscribe-sec .full-img-bnr {
    max-width: 600px;
}    
/********** PRODUCT PAGE CSS **********/
.pdp-page-main-sec{
    position: relative;
    padding: 40px 0px;
    background-color: #F8F7F7;
    z-index: 1;
    color: var(--white);
}
.pdp-page-main-sec:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: var(--theme-color);
    width: 50%;
    z-index: -1;
}
.pdp-left-column .gallery-main .swiper-wrapper {
    height: 100% !important;
}
/** pdp slider **/
.pdp-slider-wrapper {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pdp-left-column.product-slider-left .pdp-slider-wrapper {
    flex-direction: row-reverse;
}
.product-slider-right .gallery-thumbs {
    padding: 0 0 0 20px;
}
.product-slider-center .gallery-main, .product-slider-center .gallery-thumbs {
  max-width: 100%;
  padding:0px;
}
.product-noslider .gallery-main {
    max-width: 100%;
}
.product-slider-center .gallery-thumbs {
    margin: 20px 0 0;
}
.pdp-left-column.product-slider-center .gallery-thumbs .pdp-thumb-image {
    margin: 0;
  padding-top: 32%;
}
.gallery-main {
    position: relative;
    max-width: calc(100% - 120px);
    width: 100%;
    margin-left: auto;
}
.gallery-main .swiper-button-next {
    border-radius: 0 0 10px 0!important;
    -webkit-border-radius: 0 0 10px 0!important;
    -moz-border-radius: 0 0 10px 0!important;
    -ms-border-radius: 0 0 10px 0!important;
    -o-border-radius: 0 0 10px 0!important;
}
.gallery-thumbs {
    max-width: 120px;
    width: 100%;
    max-height: 550px;
    padding-left: 20px;
    overflow: hidden;
} 
.pdp-left-column{
    position: relative;
}
.pdp-slider-img {
    position: relative;
    padding-top: 122%;
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--border-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.pdp-slider-img img, .pdp-slider-img video, .pdp-slider-img iframe, .pdp-thumb-img svg, .pdp-thumb-img video, .pdp-thumb-img iframe, .pdp-thumb-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.description-content div b {
    margin-bottom: 5px;
}
.pdp-thumb-image{
    background-color: var(--border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/** pdp slider end **/
.pdp-right-column .pdp-top-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}
.pdp-right-column .pdp-top-content .pdp-top-labl{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.new-labl{
    background: #1A4939;
    color: var(--white);
    font-weight: 900;
    padding: 5px 15px;
    width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.dis-labl{
    background: #1A4939 !important;
}
.pdp-whislist-btn{
    height: 40px;
    width: 40px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pdp-right-column  .pdp-rating{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}
.pdp-right-column .available-product{
    position: relative;
    background-color: #F8F0E8;
    padding: 8px 15px 8px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.pdp-right-column .available-product::before{
    content: '';
    position: absolute;
    top: 11px;
    left: 8px;
    height: 12px;
    width: 12px;
    border-radius: 10px;
    background-color: #B1DB3A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pdp-right-column .available-product.soldout {
    color: #ff0000;
}
.pdp-right-column .available-product.soldout::before {
    background-color: #ff0000;
}
.pdp-right-column .pdp-rating .review-rating svg{
    margin-right: 10px;
}
.pdp-right-column .size-select .radio-buttons{
    display: flex;
    align-items: center;
    gap: 10px;
}
.pdp-right-column .size-select .button input[type="radio"]  {
    display: none;
}
 .pdp-right-column  .size-select .button input[type="radio"]:checked+label {
    border-color: var(--second-color);
    color: var(--second-color);
}
 .pdp-right-column .size-select .button label  {
    cursor: pointer;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 40px;
    font-size: 14px;
    border: 2px solid #DFDACC;
    color: #B1A88F;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.pdp-right-column .size-select .button label.size-var{
    border-radius: 10px;
}
.pdp-right-column .size-select .radio-buttons .button .clr,.sticky-pro-inn .radio-buttons .button .clr{
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
     border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
    border: 1px solid var(--border-color);
}
.pdp-right-column .free-dlvry-wrp .free-delivery {
    padding: 10px;
    flex: 1;
} 
.pdp-right-column .size-based{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #F1DDC7;
  padding: 5px 12px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.pdp-right-column .size-guide-wrapper {
    gap: 10px;
}
.pdp-right-column .size-based svg{
    height: 16px;
    width: 16px;
}
.pdp-right-column .size-guide-wrapper .see-size a{
    display: flex;
    align-items: center;
    font-weight: bold;
    text-decoration: underline;
    gap: 5px;
    margin-left: 5px;
}
.pdp-right-column .size-guide-wrapper .see-size a svg{
    height: 12px;
    width: 12px;
}
.pdp-right-column .pdp-top-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 15px;
}
.pdp-right-column .pdp-top-content .pdp-top-labl{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.new-labl{
    background: var(--second-color);
    color: var(--white);
    padding: 5px 15px;
    width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.dis-labl{
    background: var(--third-color);
}
.pdp-right-column  .pdp-rating{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}
.pdp-whislist-btn .addtowish svg path {
    fill: var(--theme-color);
}
.pdp-rating .spr-starrating i {
    color: var(--border-color)!important;
}
.pdp-right-column .available-product{
    position: relative;
    background-color: #F8F0E8;
    padding: 8px 15px 8px 30px;
    border-radius: 5px;
    color: var(--fourth-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.pdp-right-column .available-product::before{
    content: '';
    position: absolute;
    top: 11px;
    left: 8px;
    height: 12px;
    width: 12px;
    border-radius: 10px;
    background-color: #B1DB3A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pdp-right-column .available-product.soldout {
    color: #FF0000;
}
.pdp-right-column .available-product.soldout:before {
    background-color: #FF0000;
}
.pdp-right-column .pdp-rating .review-rating svg{
    margin-right: 10px;
}
.pdp-right-column .select-color-grp .radio-buttons, .pdp-right-column .size-select .radio-buttons{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border: none;
}
.pdp-right-column .select-color-grp .button input[type="radio"], .pdp-right-column .size-select .button input[type="radio"]  {
    display: none;
}
.pdp-right-column  .select-color-grp .button input[type="radio"]:checked+label, .pdp-right-column  .size-select .button input[type="radio"]:checked+label, .button label.sticky-active {
    border-color: #C4996C;
    color: #C4996C;
}
.pdp-right-column .select-color-grp .button label, .pdp-right-column .size-select .button label  {
    cursor: pointer;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    border: 2px solid #DFDACC;
    color: var(--white);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pdp-right-column .size-select .button label {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pdp-right-column .select-color-grp .radio-buttons .button .clr {
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.pdp-right-column .size-based{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #F1DDC7;
    padding: 8px 10px;
    border-radius: 5px;
    color: var(--fourth-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.pdp-right-column .size-based svg{
    height: 16px;
    width: 16px;
}
.pdp-right-column .size-guide-wrapper .see-size a{
    display: flex;
    align-items: center;
    font-weight: bold;
    text-decoration: underline;
    gap: 5px;
    margin-left: 5px;
}
.pdp-right-column .size-guide-wrapper .see-size a svg{
    height: 12px;
    width: 12px;
}
.pdp-filter-cat-sec {
    background: #1A4939 !important;
    font-weight: 700 !important;
    color: var(--white);
    padding: 10px 0;
}
.pdp-filter-cat li:not(:last-of-type) {
    padding-right: 20px;
    margin-right: 10px;
    position: relative;
}
.pdp-filter-cat li:not(:last-of-type):after {
    content: ">";
    position: absolute;
    right: -1px;
}
.section-title-center {
    text-align: center;
    max-width: 570px;
    width: 100%;
    margin: 0 auto 26px;
}
.section-title-center h2 {
    margin-bottom: 15px;
}
.check-svg svg {
    height: 30px;
    width: 30px;
}
/*--------------shf recently view product css--------------------*/
#recently-viewed-products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
#recently-viewed-products .product {
    width: 25%;
    display: flex;
    flex-direction: column;
  padding: 0 15px;
}
#recently-viewed-products .product .image {
    margin: 0 0 20px;
    display: flex;
}
#recently-viewed-products .product .product-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 10px;
    width: 100%;
}
#recently-viewed-products .product-top-content {
    flex: 1;
}
#recently-viewed-products .img-wrapper {
    padding-top: 122%;
    margin: 0 0 15px;
}
/***** SIZE POPUP *****/
.size-popup{
    background: rgba(30, 47, 58, 0.72);
    display: table;
}
.size-close-btn{
    text-align: end;
}
.size-close-btn svg{
    margin-left: 0px;
    margin-right: 5px;
}
/** table css **/
table {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: auto;
    text-align: left;
    border: 2PX solid var(--border-color);
}
table tr {
    display: block;
}
@media (min-width: 576px){
  .size-tbl table tr {
    display: table-row;
  }
  
}
table tr th {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--border-color);
}
table tr td[data-label="Stamp ID"], table tr td[data-label="Country"], table tr td[data-label="Scott"] {
    font-weight: 700;
}
table tr td[data-label="Stamp ID"] {
    text-align: center;
    background-color: #C0C0C0;
}
table tr td {
    padding: 5px 10px 5px;
    display: block;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
}
table tr {
    padding: 20px 0 0;
}   
@media (min-width: 768px){
  table tr td {
    padding: 20px 10px 20px;
    display: table-cell;
    text-align: center;
  }
  table tr {
    display: table-row;
  }
}    
.size-popup table tr td{
    padding: 10px;
}
.size-table-wrapper{
    margin-top: 200px;
}
.size-popup .size-form{
    background-color: var(--white);
    border-radius: 10PX;
    padding: 20PX;
    max-height: 80vh;
    height: 100%;
    overflow: auto;
    -webkit-border-radius: 10PX;
    -moz-border-radius: 10PX;
    -ms-border-radius: 10PX;
    -o-border-radius: 10PX;
}
.size-popup .size-form H4{
    margin-bottom: 20px;
}
.size-popup .btn-white{
    border-radius: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
table tr .bg-gray{
    background: #f8f8f8;
}
.pdp-right-column .pdp-timer .time-counter{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.pdp-right-column #timer{
    display: flex;
    font-size: 18px;
}
.pdp-right-column .time-counter svg{
    height: 20px;
    width: 20px;
}
.pdp-right-column .time-counter #timer span{
    margin: 0px 3px;
}
.pdp-right-column .price-qty-wrp{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}
.pdp-right-column .price-qty-wrp .price ins{
    font-size: 24px;
}
.pdp-right-column .price-qty-wrp .price del{
    font-size: 14px;
    color: var(--white);
    opacity: 1;
}
.pdp-right-column  .qty-spinner button, .qty-spinner input{
    width: 30px;
    background-color: var(--white);
}
.pdp-right-column .price-qty-wrp .btn{
    padding: 11px 15px;
    border: 1px solid var(--fifth-color);
    color: var(--fifth-color);
}
.pdp-right-column .price-qty-wrp .btn:hover {
  color:var(--white);
  border:1px solid var(--white);
}
.pdp-right-column .price-qty-wrp .btn-transparent svg path{
    fill: var(--third-color);
}
.pdp-right-column .price-qty-wrp .btn-transparent:hover svg path{
    fill: var(--white);
}
.pdp-right-column  .free-dlvry-wrp{
    display: flex;
    align-items: center;
    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;
}
.pdp-right-column  .free-dlvry-wrp .free-delivery{
    padding: 10px;
}
.pdp-right-column  .free-dlvry-wrp .delivery-svg svg{
    height: 25px;
    width: 25px;
}
.pdp-right-column  .free-dlvry-wrp .delivery-content{
    margin-left: 10px;
    flex: 1;
}
.pdp-right-column  .free-dlvry-wrp .delivery-content h6{
    margin-bottom: 7px;
}
.pdp-right-column  .free-dlvry-wrp .free-delivery:not(:last-of-type){
    border-right: 1px solid var(--border-color);
}
.pdp-page-main-sec .pdp-right-column{
    position: relative;
}
.pdp-right-column .pdp-social-icons {
    padding: 10px 0px;
   float: right;
   margin-top: 15px;
}
.pdp-right-column .pdp-social-icons p{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    -webkit-text-orientation: mixed;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin: 0 auto;
}
.pdp-right-column .pdp-social-icons ul li{
    display: flex;
    justify-content: center;
}
.pdp-right-column .pdp-social-icons ul li:not(:last-of-type){
    margin-bottom: 10px;
}
.pdp-right-column .pdp-social-icons ul{
    margin-top: 15px;
}
.pdp-right-column .section-title{
    max-width: 74%;
    width: 100%;
    margin-bottom: 20px;
}
.pdp-right-column .section-title h3{
    margin-bottom: 10px;
}
.pdp-right-column  .select-color-grp .radio-buttons, .pdp-right-column .size-select .radio-buttons{
    margin: 8px 0 15px;
}
.pdp-right-column .select-color-grp {
    margin-bottom: 15px;
}
.pdp-right-column .size-select{
    margin-bottom: 15px;
}
.pdp-right-column .price-qty-wrp .qty-spinner{
    height: 39px;
}
.pdp-right-column .size-guide-wrapper{
    margin-bottom: 15px;
    gap: 10px;
}
.pdp-right-column .pdp-timer{
    margin-bottom: 15px;
}
.pdp-right-column .pdp-top-labl .new-labl{
    background-color: var(--white);
    color: var(--theme-color);
}
.pdp-right-column .pdp-top-labl .dis-labl{
    background-color: #C4996C;
    color: var(--white);
}
.pdp-page-main-sec .gallery-main .product-arrow-wrapper {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    right: 0;
}
.pdp-right-column .pdp-timer {
    margin: 0 0 15px;
}
.pdp-right-column .pdp-timer .simple-countdown {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 6px 20px;
    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;
}
.pdp-right-column .simple-countdown svg{
    height: 20px;
    width: 20px;
}
.pdp-right-column .countdown-container{
    display: flex;
    font-size: 18px;
}
.pdp-right-column .simple-countdown .countdown-container span{
    margin: 0px 3px;
}
.cart-form {
    display: flex;
    gap: 15px;
}
.product-form__input input, .shopify-payment-button__more-options, .cart-button span {
    display: none;
}
.shopify-payment-button__button {
    text-align: center;
    padding: 11px 25px;
    font-family: var(--first-font);
    color: var(--white);
    background-color: var(--theme-color);
    appearance: none;
    outline: none;
    border: 1px solid var(--white);
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.gallery-main .swiper-button-prev, .gallery-main .swiper-button-next {
    position: relative;
    border-radius: 0px;
    background-color: var(--theme-color);
}
.gallery-main .swiper-button-prev::before, .gallery-main .swiper-button-next::before{
    background-image: url(arrow-right1.svg);
}
/** pdp tab sec **/ 
.pdp-tab-sec .tab-img img{
    height: 100%;
    width: 100%;
}
.pdp-tab-sec .tab-head-row{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px
}
.pdp-tab-sec ul.tabs {
    margin-bottom: 0px;
    justify-content: start;
}
.pdp-tab-sec ul.tabs li a{
    padding: 0 20px 10px;
    position: relative;
    display: block;
}
.pdp-tab-sec ul.tabs li a:before {
    content: '';
    height: 2px;
    width: 100%;
    bottom: -1px;
    background: var(--second-color);
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    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;
}
.pdp-tab-sec ul li a:hover:before, .pdp-tab-sec ul li.active a:before {
    opacity: 1;
}
.pdp-tab-sec ul.tabs li.active {
    text-decoration: none;
    font-weight: 500;
    color: var(--second-color);
}
.pdp-tab-sec .review-content .review-wrp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.pdp-tab-sec .review-content .customer-review .review-image{
    margin: 10px 0px;
}
.pdp-tab-sec .review-content .review-pdp-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 10px;
}
.pdp-tab-sec .review-content .review-pdp-wrp{
    padding: 15px 0px;
    border-bottom: 1px solid var(--border-color);
}
.pdp-tab-sec .review-content .review-title-left h6{
    margin-left: 15px;
}
.pdp-tab-sec .review-content .review-title-left h6 span{
    font-size: 14px;
    color: var(--theme-color);
}
.pdp-tab-sec .review-pdp-wrp .section-title{
    max-width: 80%;
    width: 100%;
    margin: 0px;
}
.pdp-tab-sec .review-pdp-wrp .section-title p{
    margin-top: 10px;
}
.pdp-tab-sec .payment-wrp h5{
    margin-bottom: 15px;
}
.pdp-tab-sec .payment-wrp .section-title p:not(:last-of-type) {
    margin-bottom: 10px;
}
.pdp-tab-sec .ship-content{
    border-left: 1px solid var(--border-color);
}
/** pdp image banner sec **/ 
.pdp-img-bnr-sec{
    position: relative;
}
.pdp-img-bnr:hover img {
    transform: scale(1.1);
}
.pdp-img-bnr{
    position: relative;
    z-index: 1;
    padding: 40px 40px 40px 60px;
    color: var(--white);
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.pdp-img-bnr .section-title{
    margin-bottom: 25px;
}
.pdp-img-bnr img{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
    border-radius: 20px;
    transition: all 4s cubic-bezier(0,0,.1,1);
    -webkit-transition: all 4s cubic-bezier(0,0,.1,1);
    -moz-transition: all 4s cubic-bezier(0,0,.1,1);
    -ms-transition: all 4s cubic-bezier(0,0,.1,1);
    -o-transition: all 4s cubic-bezier(0,0,.1,1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.pdp-img-bnr-sec .img-bnr-column{
    max-width: 500px;
}
.pdp-img-bnr-sec .img-bnr-column ul{
    margin-top: 15px;
}
.pdp-img-bnr-sec .img-bnr-column ul li{
    display: flex;
    align-items: center;
} 
.pdp-img-bnr-sec .img-bnr-column ul li:not(:last-of-type){
    margin-bottom: 15px;
}
.pdp-img-bnr-sec .img-bnr-column ul li .check-svg{
    margin-right: 10px;
    flex-shrink: 0;
}
.pdp-img-bnr-sec .img-bnr-column ul li p{
    flex: 1;
}
.view-slider .swiper-wrapper {
    justify-content: center;
}
.view-product-sec .product-card .product-top-content p{
    margin: 10px 0px 0px;
}
.pdp-img-bnr-sec .img-bnr-column .subtitle{
    color: var(--white);
}
/** cms sec **/ 
.cms-sec .cms-image {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.cms-sec .cms-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 4s cubic-bezier(0,0,.1,1);
    -webkit-transition: all 4s cubic-bezier(0,0,.1,1);
    -moz-transition: all 4s cubic-bezier(0,0,.1,1);
    -ms-transition: all 4s cubic-bezier(0,0,.1,1);
    -o-transition: all 4s cubic-bezier(0,0,.1,1);
}
.cms-sec .cms-image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.cms-sec .cms-content {
    text-align: center;
    max-width: 540px;
    margin: auto;
    padding: 75px 0px;
}
.cms-sec .cms-content p {
    margin-bottom: 15px;
}
.cms-sec .cms-content .section-title{
    margin-bottom: 20px;
}
.row-reverse {
    flex-direction: row-reverse;
}
.row-reverse .cms-content {
    padding-bottom: 0;
}
.view-product-sec .section-title{
    text-align: center;
    max-width: 570px;
    width: 100%;
    margin: 0 auto 30px;
}
.view-product-sec .section-title h2{
    margin-bottom: 15px;
}
/************** COMMON BANNER SECTION CSS *************/
.common-banner-section {
    padding: 70px 0;
    background: var(--theme-color);
    color: var(--white);
    background-position: 50% 50%;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}   
.common-banner-content .section-title {
    margin-bottom: 15px;
}
.common-banner-section .filter-cat{
    margin-bottom: 15px;
    text-transform: uppercase;
}
.common-banner-section .filter-cat li:not(:last-of-type) {
    padding-right: 20px;
    margin-right: 10px;
    position: relative;
}
.common-banner-section .filter-cat  li:not(:last-of-type):after {
    content: '>';
    position: absolute;
    right: -1px;
}
.back-btn {
    color: var(--theme-color);
    text-decoration: underline;
}
.back-btn svg{
    height: 12px;
    width: 12px;
    margin-right: 5px;
}
/*********** PRODUCT LISTING PAGE CSS  ***********/  
.product-heading-row .row {
    align-items: center; 
    padding: 70px 0 0px;
}
.product-filter-body {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin: 20px 0 0;
} 
.product-heading-column .filter-title{
    padding: 12px;
    border: 1px solid var(--border-color);
    display: flex;
}
.product-filter-column .product-filter-body:before {
    content: '';
    position: absolute;
    left: -50vw;
    width: 50vw;
    height: 100%; 
}  
.filter-select-box {
    min-width: 160px;
}
.filter-title .icon {
    display: none;
}
.filter-title .filter-icon svg{
    height: 20px;
    width: 20px;
    margin-right: 15px;
}
.product-heading-row .sort-lbl {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}  
.product-heading-row .nice-select {
    width: 170px;
    padding: 5px 10px;
    border-radius: 5px;
    appearance: none;
    background-image: url(down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px)50%;
}
.produdt-filter-cat li a {
    font-weight: 500;
}
.produdt-filter-cat li:not(:last-of-type) {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}
.produdt-filter-cat li:not(:last-of-type):after {
    content: '/';
    position: absolute;
    right: -1px;
}
.acnav-list {
    display: none;
    padding: 10px 0px 0px 0px;
}
.product-cat-widget .acnav-list {
    padding: 10px 0 0px 20px;
}
.product-widget .acnav-label {
    display: block;
    position: relative;
    font-weight: 600;
}
.product-widget>.pro-itm>.acnav-label {
    font-weight: 600;
    padding: 10px ;
    text-transform: uppercase;
    background-color: var(--border-color);
    border-radius: 5px;
    font-size: 13px;
}
.product-widget .acnav-list li a {
    text-transform: capitalize;
}
.product-widget .acnav-list li:not(:last-of-type) {
    margin-bottom: 8px;
}
.pro-itm-inner>.filter-listing>ul>li>.acnav-list {
    padding: 10px 0 0px 10px;
}
.product-widget .acnav-label:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    background-image: url(down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    -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;
}
.product-widget .is-open>.acnav-label:after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
} 
.product-widget:not(:last-of-type){
    border-bottom: 1px solid #E2E2E2;
}
.product-widget {  
    padding: 10px ;
} 
.text-checkbox .checkbox {
    margin: 0;
    float: left;
    padding-right: 9px;
    padding-bottom: 10px;
}
.text-checkbox .checkbox input[type=checkbox] {
    display: none;
}
.text-checkbox .checkbox input[type=checkbox]+.checkbox-label {
    content: "";
    display: flex;
    align-items: center;
    gap: 10px;
    border: 2px solid #DFDACC;
    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;
    border-radius: 5px;
    padding: 8px 19px;
    text-transform: lowercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.text-checkbox .checkbox input[type=checkbox]:checked+.checkbox-label {
    border: 2px solid var(--second-color);
} 
.delete-all {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    margin: 0px 0 0;
}
.delete-all svg {
    height: 12px;
    margin-right: 5px;
    width: 12px;
}
.delete-all svg  path{
    fill: var(--second-color);
}
.product-tag-widget ul li a {
    padding: 10px 12px;
    background: transparent;
    color: var(--theme-color);
    font-size: 12px;
    line-height: 1;
    border: 1px solid var(--theme-color);
}
.product-tag-widget ul li a:hover,
.product-tag-widget ul li.active a {
    background: var(--theme-color);
    color: var(--white);
}
.product-tag-widget ul li:not(:last-of-type) {
    margin-right: 5px;
}
.product-tag-widget ul li {
    display: inline-block;
}
#range-slider {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 23px;
}
.ui-slider-horizontal .ui-slider-range {
    background-color: var(--second-color);
    height: 3px !important;
    top: -1px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-active,.ui-widget-content .ui-state-active,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    background: var(--theme-color) !important;
    border: 1px solid var(--second-color) !important;
}
.ui-widget-content {
    background: #dddddd !important;
    border: none !important;
    border-radius: 0 !important;
    height: 1px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    font-weight: normal;
    height: 11px !important;
    width: 11px !important;
    top: -5px !important;
    margin-left: 0 !important;
    background: #dddddd; 
    border: 2px solid var(--second-color) !important;
    border-radius: 10px;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.colour-col:not(:last-of-type) {
    padding: 0 15px 0 0;
}
.price-select {
    margin-left: -5px;
    margin-right: -5px;
}
.select-col p {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
}
.select-col {
    width: 100%;
    max-width: 50%;
    padding: 0 5px;
}
.sorting-select {
    min-width: 125px;
}
.sorting-select select {
    padding: 10px 15px 9px;
    color: var(--black);
}
.product-price-widget .acnav-list {
    padding: 10px 0px 10px 0;
}
.colors-checkbox label {
    width: 100%;
}
.custom-checkbox {
    flex-shrink: 0;
}
.custom-checkbox,.colors-checkbox label {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative;
    text-align: left;
}
.custom-checkbox input[type="checkbox"] {
    margin-top: 0.25rem;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    left: 0;
}
.custom-checkbox input[type="checkbox"]+.color,.custom-checkbox input[type="radio"]+.color {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    width: 0.9375rem;
    height: 0.9375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.color,.custom-checkbox input[type="checkbox"]+span.color {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    background-size: contain;
    width: 1.25rem;
    height: 1.25rem;
}
.custom-checkbox input[type="checkbox"]:checked+span.color {
    border: 2px solid var(--second-color);
}
.custom-checkbox input[type="checkbox"]:checked+span.color:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 5px;
    height: 9px;
    border: solid var(--second-color);
    border-width: 0px 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.color-name {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 500;
}
.colors-checkbox .color-count{
    background: var(--border-color);
    padding: 1px 4px;
    font-size: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.product-widget .acnav-list .colors-checkbox:not(:last-of-type) {
    margin-bottom: 8px;
}
.product-filter-right-column {
    padding-top: 20px !important;
}
.product-filter-right-column .theme-colored-card {
    padding: 0 10px;
    margin-bottom: 20px;
}
.product-filter-right-column .pagination-row {
    margin: 40px 0 0;
}
.theme-colored-card .product-card-inner{
    color: var(--theme-color);
    background: rgba(106, 89, 61, 0.13);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
} 
.theme-colored-card .product-card-inner:hover {
    background: rgb(78 56 20 / 51%);
}
.theme-colored-card .link-btn:before{
    background-color: var(--theme-color);
}
.theme-colored-card .wish-btn svg path {
    fill: var(--theme-color);
}
.prod-listing-cat {
    color: var(--theme-color);
} 
.product-filter-right-column .product-card { 
    margin-bottom: 20px;
/*     display: flex; */
}
.product-card .product-card-inner {
    display: flex;
    flex-direction: column;
    width:100%;
}
.product-card {
    display: flex;
}
.featured-inner-section .product-card .product-card-inner{
    border: 1px solid var(--second-color);
}
.text-checkbox .checkbox .clr {
    width: 12px;
    height: 12px;
    display: block;
    flex-shrink: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.product-size-widget .text-checkbox .checkbox input[type=checkbox]+.checkbox-label{
    padding: 8px 8px;
    font-size: 14px;
}
.product-size-widget  .text-checkbox .checkbox input[type=checkbox]:checked+.checkbox-label {
   color: var(--second-color);
}
.product-fil-btn .filter-btn{
    width: 100%;
    margin-bottom: 15px;
}
.product-fil-btn .btn-transparent{
    width: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    color: var(--theme-color);
}
.product-fil-btn .btn-transparent:hover{
    background: transparent;
}
.product-heading-right-column .product-sorting-row{
    border: 1px solid var(--border-color);
    padding: 10px;
}
.product-heading-right-column ul.tabs li{
    background: var(--border-color);
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-heading-right-column ul.tabs{
    gap: 10px;
    margin-bottom: 0px;
}
.product-heading-right-column ul.tabs li.active{
    background: var(--second-color);
}
.product-heading-right-column ul.tabs li.active svg path{
    fill: var(--white);
}
.product-heading-right-column .filter-list-wrp p{
    margin-left: 10px;
}
.filter-select-wrp .featured-select{
    display: flex;
    align-items: center;
}
.product-heading-row .show-select .nice-select {
    width: 60px;
}
.filter-select-wrp .show-select{
    margin-left: 15px;
}
.product-heading-right-column ul.tabs li svg{
    height: 14px;
    width: 14px;
}
.cart-table tr td:nth-child(2) {
    width: 600px;
}
/** grid view css **/
.product-grid-view .product-card-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}
.product-grid-view .product-card-inner .product-card-image{
    max-width: 200px;
    flex: 0 0 200px;
    width: 100%;
}
.product-grid-view .product-card-inner .product-top-content{
    max-width: 350px;
    flex: 0 0 350px;
    width: 100%;
    margin-left: 15px;
}
.product-grid-view .product-card-inner .product-bottom-content{
    flex: 1;
    text-align: end;
}
.product-grid-view .product-card-inner .product-label-wrp{
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-grid-view .product-card-inner .product-lbl{
   position: unset;
    padding: 2px 10px;
    background: var(--theme-color);
    color: var(--white);
    border-radius: 10px;
    font-weight: 600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 12px;
}
.product-grid-view .product-card-inner .product-top-content h4{
    margin: 15px 0px 10px;
}
.product-grid-view .product-bottom-content .product-star-wrp{
    display: flex;
    justify-content: end;
    gap: 15px;
    align-items: center;
}
.product-grid-view .product-card .wishlist-btn, .product-grid-view .product-card .pro-compare, .product-grid-view .product-card .quickview-btn{
    position: unset;
    opacity: 1;
    visibility: visible;
    transform: none;
}
.product-grid-view .wish-lbl-wrp {
    position: unset;
    top: 10px;
    right: 15px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: end;
  margin-top:15px;
}
.product-grid-view .product-card .price{
    justify-content: end;
    margin: 10px 0px;
}
.product-grid-view .color-swatch-variants {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}
.product-grid-view .product-card .cart-btn-content{
    opacity: 1;
    visibility: visible;
    margin: 0;
}
.product-grid-view .product-card .cart-btn-content .btn{
    width: auto;
}
.product-card .cart-btn[disabled] {
    cursor: not-allowed;
    opacity: .6;
}
.product-filter-right-column .product-grid-view .product-card {
    margin-bottom: 0px;
    width: 100%;
}
.product-filter-right-column .product-grid-view .product-card .product-card-inner{
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0px;
}
.product-grid-view .product-card:first-of-type .product-card-inner{
    border-top: 1px solid var(--border-color);
}
.product-filter-body .close-filter{
    display: none;
}
/*********** PRODUCT LISTING LEFT CANVAS PAGE CSS  ***********/
.collection-rightbar .product-heading-row .row, .collection-rightbar .product-list-row{
    flex-direction: row-reverse;
}
.collection-rightbar .facets-container menu-drawer .mobile-facets__open,.collection-rightfilter .facets-container menu-drawer .mobile-facets__open{
  margin-left: auto;
}
#ProductGridContainer .filter-column-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding: 0 0 10px;
  margin: 0 0 15px;
}
.filter-column-title svg {
  width: 16px;
  height: 16px;
}
.collection-leftfilter .product-filter-body,.collection-rightfilter .product-filter-body{
    border: none;
}
.collection-leftfilter .product-widget,.collection-rightfilter .product-widget {
    padding: 20px 0;
}
.product-filter-column::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(6 6 6 / 30%);
  background-color: #F5F5F5;
}
.product-filter-column::-webkit-scrollbar {
  width: 5px;
}
.product-filter-column::-webkit-scrollbar-thumb {
  background-color:var(--border-color);
}
.collection-rightfilter .product-heading-row .row {
    flex-direction: row-reverse;
}
/** PRODUCT PAGE **/
.product-sec .section-title{
    text-align: center;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 30px;
}
.product-sec .section-title H2{
    margin-bottom: 15px;
}
/** COLLECTION LIST PAGE CSS **/    
.collection-main-sec .product-card .new-lbl{
    right: auto;
    left: 15px;
}
.collection-main-sec .product-card-inner .product-content{
    background-color: var(--border-color);
    margin-top: 0px;
    padding: 20px;
    align-items: center;
}
.collection-main-sec .product-card-inner .product-bottom-content{
    width: 100%;
    margin-top: 15px;
}
.collection-main-sec .product-card-inner .product-bottom-content .btn{
    padding: 11px 25px;
    width: 100%;
}
.collection-main-sec .product-card {
    margin-bottom: 20px;
}
.collection-main-sec{
    padding-bottom: 50px;
}
.collection-main-sec .product-card-inner {
    height: 100%;	
}
.collection-main-sec .product-card .img-wrapper {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.collection-main-sec .product-bottom-content .btn svg path{
  fill: var(--white);
}
/** BLOG PAGE CSS **/    
.blog-banner-sec .common-banner-content .section-title{
    margin-bottom: 0px;
}
.blog-grid-sec .blg-recent .blog-itm{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    border-top: 1px solid var(--border-color);
}
.blog-grid-sec .blg-recent{
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.blog-grid-sec .blogleftbar .section-title{
    padding: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--border-color);
}
.blg-elagant .leave-form p{
    margin-bottom: 15px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image{
    max-width: 90px;
    flex: 0 0 90px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-image .img-wrapper{
    padding-top: 90%;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content{
    flex: 1;
    margin-left: 10px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content h6{
    margin-bottom: 10px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content svg{
    height: 13px;
    width: 13px;
    margin-right: 5px;
}
.blog-grid-sec .blg-recent .blog-itm .blog-content svg path{
    fill: var(--theme-color);
}
.blog-grid-sec .blogrightbar .blog-content .blg-cmnt{
    margin-top: 10px;
}
.blog-grid-sec .blogrightbar .blog-card{
    margin-bottom: 20px;
}
.blog-grid-sec .rightbar {
    flex-direction: row-reverse;
}
.blog-grid-sec .blg-elagant{
    border: 1px solid var(--border-color);
    border-radius: 5px;
    margin-top: 20px;
}
.blog-grid-sec .blogleftbar .elegant-slider{
    padding: 10px 10px 60px;
}
.blog-grid-sec .blogleftbar  .product-card-inner .product-content{
    align-items: center;
}
.blog-grid-sec .blogleftbar .product-card .product-top-content{
    text-align: center;
    margin-bottom: 10px;
}
.blog-card .img-wrapper {
    padding-top: 110%;
    border-radius: 20px;
    overflow: hidden;
}
.pagination-row ul{
    display: flex;
    justify-content: center;
}
.pagination-row ul li{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination-row ul li a{
    padding: 5px 10px;
    display: inline-block;
}
.pagination-row ul li a.active {
    background-color: var(--border-color);  
}
.pagination-row ul li:not(:last-of-type){
    margin-right: 5px;
}
.pagination-row ul li a svg{
    height: 10px;
    width: 10px;
}
/* WISHLIST PAGE */
.wishlist-page-sec .innerwish.product-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--border-color);
}
.wishlist-page-sec .cart {
    margin: 0 0 30px;
}
.wishlist-page-sec .innerwimg {
    position: relative;
    display: flex;
}
.wishlist-page-sec .innerwimg .wishlist-img, .wishlist-page-sec .innerwimg .wishlist-img img {
    width: 100%;
}
.wishdesc.product-content-bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 15px 15px;
}
.wishdesc.product-content-bottom .product-title {
    margin: 0 0 10px;
    flex: 1;
}
.wishlist-page-sec .wish-btn-wrp {
    gap: 20px;
}
.pdp-whislist-btn.add-wishlist svg path {
    fill: var(--theme-color);
}
/** ARTICLE PAGE CSS **/   
.article-banner-sec .common-banner-content{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.article-banner-sec .filter-cat {
    margin-bottom: 0px;
}
.article-banner-sec .common-banner-content .back-btn{
    margin-right: 50px;
    display: flex;
    gap: 10px;
    color: var(--white);
    align-items: center;
    text-decoration: none;
}
.article-banner-sec .common-banner-content .back-btn svg{	
    margin-right: 0px;	
}
.article-banner-sec .article-bnr-img img{
    width: 100%;
}
.article-banner-sec {
    background: linear-gradient(to bottom, var(--theme-color) 80%, transparent 20% 100%);
}
.articlebar .section-title{
    max-width: 60%;
    width: 100%;
}
.articlebar .section-title .subtitle{
    padding: 5px 15px;
    border: 1px solid var(--theme-color);
    display: inline-flex;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.articlebar .about-user{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.articlebar .abt-user-img img{
    height: 100%;
    width: 100%;
}
.articlebar p {
    margin-bottom: 20px;
}
.articlebar p a{
    text-decoration: underline;
}
.articlebar h4{
  font-size: 28px;
  margin-bottom: 20px;
}
.articlebar h5,
.articlebar .art-auther{
    margin-bottom: 20px;
}
.articlebar .art-top-heading{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 40px;
    padding-bottom: 15px;
}
.articlebar .article-img{
    width: 100%;
    margin-bottom: 15px;
}
.articlebar .quote-box{
    padding-left: 25px;
    border-left: 2px solid var(--second-color);
    margin-bottom: 30px;
}
.articlebar .quote-box h5{
    color: var(--theme-color);
    font-size: 24px;
    line-height: 1.2;
}
.direction-column svg path {
    fill: var(--white);
}
.articlebar .art-tags-icons-wrp{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}   
.articlebar .art-tags-icons-wrp .tags-ul li{
    padding: 4px 20px;
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.articlebar .art-tags-icons-wrp .tags-ul li:not(:last-of-type){
    margin-right: 10px;
}
.articlebar .art-tags-icons-wrp label{
    margin-right: 15px;
}
.art-tags-icons-wrp .art-social{
    background-color: #f5f5f5;
    padding: 10px;
}
.articlebar .comment-form-wrp{
    background: #FBFBFB;
    border-radius: 10px;
    margin-bottom: 70px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.articlebar .comment-form{
    max-width: 750px;
    margin: auto;
    padding: 40px 40px 0;
}
.articlebar .comment-form .section-title{
    margin: auto;
    max-width: 100%;
    text-align: center;
}
.articlebar .social-icon .social-ul li a svg{
    height: 18px;
    width: 18px;
}
.social-icon .social-ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-icon .social-ul li:not(:last-of-type) {
    margin-right: 15px;
}
/** MY ACCOUNT PAGE CSS **/  
.my-acc-sec table tr th{
    background-color: #F0F0F0;
    padding: 10px;
}
.my-acc-sec table{
    border: 1px solid #F0F0F0;
}
.my-acc-sec table tr {
    border-bottom: 1px solid #F0F0F0;
}
.my-acc-sec table tr td{
    padding: 10px 15px 10px;
}
.my-acc-sec .account-details ul li{
    display: flex;
    flex-wrap: wrap;
    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 .acc-btn-wrp{
    margin-top: 30px;
}
.my-acc-sec .acc-btn-wrp .acc-btn{
    margin-right: 15px;
}
@media (max-width: 767px) {
  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;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: none;
  }
}    
/** ABOUT PAGE CSS **/  
.about-us-page .about-right-inner img{
    width: 100%;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.about-us-page .about-left-inner .section-title{
    max-width: 80%;
    width: 100%;
}
.about-us-page .about-left-inner .section-title h3{
    margin-bottom: 26px;
    font-family: var(--first-font);
}
.about-full-img-sec .about-full-img img{
    width: 100%;
    border-radius: 25px;
    transition: all 4s cubic-bezier(0,0,.1,1);
    -webkit-transition: all 4s cubic-bezier(0,0,.1,1);
    -moz-transition: all 4s cubic-bezier(0,0,.1,1);
    -ms-transition: all 4s cubic-bezier(0,0,.1,1);
    -o-transition: all 4s cubic-bezier(0,0,.1,1);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.about-full-img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.about-full-img {
    overflow: hidden;
    border-radius: 20px;
}
.about-counter-sec .counting{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}
.about-counter-sec .counting::after{
    content: " +";
     display: inline-block;
}
.about-counter-sec .counting-letter::after{
    content: "k";
}
.about-counter-sec .counter-item{
    text-align: center;
}
.about-counter-sec .counter-item p{
    margin-top: 10px;
}
.about-team-sec  .product-card .product-top-content p{
    margin: 10px 0px 0px;
}
.about-team-sec .section-title h2{
    margin-bottom: 15px;
}
/** FAQ PAGE CSS **/  
.faq-page .set {
    border: 1px solid var(--border-color);
}
.faq-page .faq-acnav .set:not(:last-of-type){
    margin-bottom: 30px;
}
.faq-page .set .acnav-label {
    padding: 15px 25px 15px 15px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.faq-page .set .acnav-label:after {
    content: "";
    position: absolute;
    background-image: url(plus.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: var(--theme-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 15px;
    transition: all ease-in-out 0.5s;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -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;
}
.faq-page .set.is-open .acnav-label::after {
    background-image: url(minus.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
}
.faq-page .set .acnav-list {
    padding: 15px;
    border-top: 1px solid var(--border-color);
    color: var(--theme-color);
}
.faq-page .faq-right-itm .faq-form, .contact-page .contact-right-inner .contact-form{
    border: 1px solid var(--border-color);
}
.form-container {
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
}
.form-container .btn{
    width: 100%;
}
.form-container:last-child {
    border-bottom: 0;
}
.faq-page .faq-left-itm .section-title h2{
    margin-bottom: 20px;
}
/** CONTACT PAGE CSS **/  
.contact-page{
    position: relative;
    z-index: 2;
}
.contact-left-inner ul li h5{
    margin-bottom: 15px;
}
.contact-left-inner ul .social-link{
    margin-bottom: 30px;
}
.contact-left-inner ul .social-link .social-inner-link li{
    margin-bottom: 5px;
}
.contact-about-sec{
    margin-bottom: 0px;
    background-color: var(--fifth-color);
    padding: 40px 0px;
}
.contact-about-sec .fashionable-content-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.contact-left-inner ul li .address{
    line-height: 26px;
}
.contact-left-inner ul .social-link .social-icons{
    display: flex;
    align-items: center;
}
.contact-left-inner ul .social-link .social-icons li{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-left-inner ul .social-link .social-icons li:not(:last-of-type){
    margin-right: 15px;
}
.contact-form .form-heading h4{
    margin-bottom: 15px;
}
.contact-form .form-container p a {
    text-decoration: underline;
}
.contact-direction-sec{
    position: relative;
    z-index: 1;
    padding: 100px 0px 0;
}
.contact-direction-sec .contact-direction-column{
    background-color: var(--white);
    max-width: 300px;
    padding: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.contact-direction-sec .contact-direction-column .direction-logo{
    max-width: 120px;
    width: 100%;
    margin: auto;
}
.contact-direction-sec .contact-direction-column .direction-logo img{
    height: 100%;
    width: 100%;
}
.contact-direction-sec .contact-direction-column p{
    margin: 15px 0 0;
}
.contact-right-inner{
    margin-bottom: -350px;
    background-color: var(--white);
}
.contact-right-inner .form-message-success,
.faq-right-itm .form-message-success{
    display: flex;
    align-items: center;
    margin: 10px 15px;
    outline: none;
    border: 1px solid #448349;
    padding: 15px;
    color: #448349;
    background-color: #C9EDCC;
}
.contact-right-inner .form-message-success svg, .faq-right-itm .form-message-success svg {
    margin-right: 5px;
}
.form-status.form-message-error {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: red;
}
.form-status-list.caption-large {
    padding: 0 15px;
    color: red;
}
.form-status.form-message-error svg {
    margin-right: 5px;
}
/** CMS PAGE CSS **/ 
.cms-page {
    margin-bottom: 80px;
}
.cms-page h4, .cms-page h6{
    margin-bottom: 20px;
}
.cms-page p:not(:last-of-type) {
    margin-bottom: 25px;
}
.cms-page p, .cms-page ul li{
    color: var(--seventh-color);
}
.cms-page ul {
    margin: 0px 15px 25px;
    padding-left: 20px;
}
.cms-page ul li {
    list-style: disc;
}
.cms-page ul li:not(:last-of-type) {
    margin-bottom: 9px;
}
.cms-page .shipping-tbl {
    max-width: 500px;
    border: 0;
    margin: 0 0 25px;
}
.cms-page .shipping-tbl{
    max-width: 500px;
    border: 0;
    margin: 0 0 25px;
}
.cms-page table tr th, .cms-page table tr td{
    text-align: start;
}
.cms-page table tr th{
    background-color: var(--theme-color);
    color: var(--white);
    padding: 15px;
}
.cms-page table tr td{
    background-color: #F5F5F5;
    padding: 10px 10px 10px;
}
.cms-page table .bg-transparent td{
    background-color: transparent;
}
.cms-page .help-link {
    margin: 0px 15px 0px;
}
/** CART PAGE CSS **/  
.cart-table{
    border: 0;
}
.cart-table tr th, .cart-table tr td {
    text-align: left;
    padding: 10px;
}
table tr td:first-child a {
    vertical-align: middle;
}
.cart-table tr{
    border-bottom: 1px solid var(--border-color);
}
.cart-table tr td:first-child {
    padding-left: 0;
}
.cart-table .price{
    margin: 15px 0px 10px;
    font-weight: 600;
}
.cart-table .product-option{
    display: flex;
    align-items: center;
}
.cart-table .product-option:not(:last-of-type){
    margin-bottom: 5px;
}
.cart-table .product-option dt{
    font-weight: 500;
    margin-right: 5px;
}
.cart-table .qty-spinner button, .cart-table .qty-spinner input{
    background-color: var(--border-color);
}
.cart-table tr td:last-child{
    font-weight: 600;
}
.cart-page-sec .coupon-table{
    display: flex;
    align-items: center;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 30px;
}
.cart-page-sec .coupon-text-btn-wrp{
    display: flex;
    flex:1;
    align-items: center;
    flex-wrap: wrap;
}
.cart-page-sec .subtotal{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.cart-page-sec .btn-transparent{
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 10px 15px 11px;
}
.cart-page-sec .btn-transparent svg path{
    fill: var(--theme-color);
}
.cart-page-sec .btn-transparent svg {
    margin-left: 0;
    margin-right: 10px;
}
.cart-page-sec .btn-transparent:hover{
    color: var(--white);
}
.cart-page-sec .btn-transparent:hover svg path{
    fill: var(--white);
}   
.cart-page-sec .continue-btn{
    width: auto;
    margin-right: 20px;
}
.cart-page-sec .order-note{
    flex: 1;
}
.cart-page-sec textarea{
    padding: 12px 20px;
}
.cart-page-sec .subtotal span p{
    font-size: 12px;
    margin-top: 5px;
}
.cart-page-sec .subtotal .price ins{
    font-size: 22px;
    margin-left: 10px;
}
.cart-banner-sec .common-banner-content .section-title {
    margin-bottom: 0px;
}
.cart-table tr td .quantity-wrp{
    display: flex;
    align-items: center;
}
.cart-table tr td .quantity-wrp .remove-btn svg{
    height: 20px;
    width: 20px;
    margin-left: 10px;
}
/** REGISTER PAGE CSS **/ 
.register-page .login-form-inner{
    background-color: #FAF9F6;
    padding: 20px;
    border-radius: 10px;
}
.register-page  .account-info-icon li a{
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin: 0 auto 10px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.register-page  .account-info-icon{
    display: flex;
    justify-content: space-around;
    gap: 20px;
}
.register-page  .account-info-icon li a svg{
    height: 30px;
    width: 30px;
}
.register-page .login-form-inner .section-title h3{
    margin-bottom: 15px;
}
.register-page .login-form-inner .form-container{
    padding: 0;
    border: 0;
}
.register-page .login-form-inner .form-container .forgot-pass{
    text-decoration: underline;
    text-align: end;
    display: flex;
    justify-content: end;
    margin-bottom: 15px;
}
.register-page .login-form-inner .form-container .ssl-secure{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.register-page .login-form-inner .create-btn{
    width: 100%;
}
.register-page .login-right-inner{
    display: flex;
    flex-direction: column;
    padding: 0;
}
.register-page .login-right-inner .login-right-top{
    flex: 1;
    padding: 20px;
}
.register-page .login-right-inner .login-right-bottom{
    height: 100%;
    padding: 20px;
    background-color: var(--theme-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.register-page  .account-info-icon li p{
    color: var(--white);
    text-align: center;
}
.register-page .shop-btn{
    text-align: center;
    margin-top: 30px;
}
/** ERROR PAGE CSS **/ 
.error-main-sec{
    background-color: var(--theme-color);
    color: var(--white);
}
.error-main-sec .eroor-content{
    text-align: center;
}
.error-main-sec .eroor-content .large-text{
    font-size: 100px;
    font-family: var(--second-font);
    font-weight: 500;
}
.error-main-sec .eroor-content .form-input{
    max-width: 400px;
    width: 100%;
    margin: auto;
    position: relative;
}
.error-main-sec .eroor-content .form-input input{
    padding: 14px 40px 14px 20px;
    color: var(--white);
}
.error-main-sec .eroor-content .form-input input::placeholder{
    color: var(--white);
}
.error-main-sec .eroor-content .form-input .input-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    border: none;
}
.error-main-sec .eroor-content .section-title h3{
    margin: 25px 0 20px;
}
.error-banner-sec .filter-cat{
    margin-bottom: 0px;
}
/** ORDER PAGE CSS **/ 
.order-history-list .order-title{
    margin-bottom: 26px;
}
.order-history-list .order-title h4{
    margin-bottom: 15px;
}
.order-payment-box{
    max-width: 300px;
    margin-left: auto;
    border: 1px solid #F0F0F0;
    padding: 20px;
    border-top: 0;
}
.order-payment-box ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-payment-box ul li:not(:last-of-type) {
    margin-bottom: 12px;
}
.order-address-inner .address-title{
    background: var(--border-color);
    padding: 10px;
    margin-bottom: 20px;
}
/** mobile sticky CSS **/ 
.mobile-sticky-wrp{
    box-shadow: 0 5px 30px rgb(0 0 0 / 26%);
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 40px;
    padding: 8px 40px;
    gap: 15px;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}
.mobile-sticky-wrp svg {
    height: 22px;
    width: 22px;
    margin: 0 auto 5px;
}
.mobile-stickybar {
    position: fixed;
    bottom: 20px;
    right: 0px;
    left: 0px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all 700ms ease-in-out;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
} 
.mobile-sticky-wrp ul li a{
    text-align: center;
}
.mobile-stickybar.show{
    visibility: visible;
    opacity: 1;
}
.mobile-stickybar-wrap {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 10px;
}
.mobile-sticky-wrp li {	
    line-height: 1;	
}	
.mobile-sticky-wrp span{	
    display: block;	
    line-height: 1;	
}
/* ============================================= */
/* !!!!              Shopify CSS            !!!! */
/* ============================================= */
/* ========================= cart popup custom css ====================== */
.site-header .menu-right .apply-coupan-btn{
    position:absolute;
  top:0;
  right:0;
  height:45px;
}
.site-header .menu-right .apply-coupan-btn a{
      display: flex;
    align-items: center;
    position: relative;
    padding: 10px 30px;
    background: #f3ebe4;
  color:var(--black);
  height:100%;
   /* position:absolute;
  top:0;
  right:0;
  height:45px; */
  width:auto;
}
.coupan_code{
  position:relative;
  margin-bottom: 15px;
}
.coupan-txt{
      display: flex;
    align-items: center;
  margin-bottom:10px;
  color:var(--black);
}
.coupan-txt span{
  margin-left:8px;
}
.coupan_code input{
  height:45px;
  width:100%;
  border-color: var(--border-color);
  padding: 14px 100px 14px 15px;
  border-radius: 0 40px 40px 0; 
}
.site-header .menu-right .coupan-txt svg {
  margin:0;
}
/* silder zoom */
.pdp-slider-img.zoom img {
    cursor: crosshair;
}
/*===========================SHF FREE SHIPPING BAR=======================*/
.mini-cart-has-item .free_shipping_bar{
      margin-bottom: 20px;
}
.free_shipping_txt{
      font-size: 17px;
}
.free_shipping_txt .progress_bar_design{
  margin-top:20px;
  display:flex;
  align-items: center;
}
.bar_design_icon{
    width: 26px;
    height: 26px;
    border: 1px solid #ffbc11;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: center;
    background: #fff;
}
.free_shipping_txt .progress_bar_design .bar_design_icon svg{
  width:12px;
  height:12px;
}
.free_shipping_txt .progress_bar_design .bar_design_icon svg path{
  fill:#ffbc11;
}
.progress_bar_design{
  width: 100%;
    height: 6px;
    max-width: 100%;
    background-color: #e5e5e5;
}
.bar_design{
  background:#ffbc11;
    height: 6px;
}
.success_progress .bar_design {
    background: #3d9851;
}
.success_progress .bar_design_icon {
    border-color: #3d9851;
}
.free_shipping_txt .progress_bar_design.success_progress .bar_design_icon svg path {
    fill: #3d9851;
}
/* sticky button */
.products_add-cart-sticky{
  display: none;
  z-index: 9;
  position: -webkit-fixed;
  position: fixed;
  bottom: 0;
  background-color: #131519;
  font-size: 20px;
  width: 100%;
  max-height: 100%;
  padding: 10px 50px;
}
.products_add-cart-sticky.show-btn{
  display: block;
}
.products_add-cart-sticky .sticky-image{
  height: 60px;
}
.products_add-cart-sticky .sticky-pro-inn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding:15px 0px;
}
/*==== product bottom sticky css ======  */
.products_add-cart-sticky.pro-bottom-sticky-cart{
  padding:0px;
  
}

#shopify-section  > div.products_add-cart-sticky.pro-bottom-sticky-cart.show-btn > div > div > div > h4 {
    color: #BCBEC2;
}

#shopify-section  > div.products_add-cart-sticky.pro-bottom-sticky-cart.show-btn > div > div > div > img {
    border-radius: 10px; /* Vous pouvez ajuster la valeur pour déterminer le degré d'arrondi */
}

#price  {
    color: #FFFFFF;
    font-weight: 900;
}

#price  > del {
    font-weight: 900;
    color : #E40513
}

#mainProductInfo -8404441989454 > div.size-guide-wrapper.d-flex.align-items-center {
    display: none;
}

#mainProductInfo -8404441989454 > div.pdp-top-content > div > div {
    background-color: green !important;
    font-weight: 900;
}

#recently-viewed-products img {
    border-radius: 10px !important; /* Vous pouvez ajuster la valeur pour déterminer le degré d'arrondi */
}

#product-form  > div > div > div > div > div {
    display: none !important;
}

#product-form  {
    color: #FFFFFF !important;
    font-weight:900 !important;
}

#product-form  {
    color: #FFFFFF !important;
    font-weight:900 !important;
}

#product-form  > button {
    border-color: #FFFFFF !important/* Couleur de la bordure */;
    color: #FFFFFF !important/* Couleur du texte */;
}

#product-form  > button > svg {
    fill: #FFFFFF !important/* Couleur de l'icône */;
}

#mainProductInfo -8404441989454 > div.pdp-top-content > a {
    border-radius: 10px !important; /* Vous pouvez ajuster la valeur pour déterminer le degré d'arrondi */
}


.pro-bottom-sticky-cart .sticky-btn{
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 18px;
    background: #000;
    color: #fff;
}
.sticky-pro-info{
  display:flex;
  align-items:center;
}
.sticky-pro-info .sticky_title{
      margin-left: 20px;
      font-
}
.sticky-pro-inn .size-select .radio-buttons{
    display: flex;
    align-items: center;
    gap: 10px;
}
.sticky-pro-inn .size-select .button input[type="radio"]  {
    display: none;
}
.sticky-pro-inn .size-select .button label.sticky-active {
    border-color: var(--second-color);
    color: var(--second-color);
}
 .sticky-pro-inn .size-select .button label  {
    cursor: pointer;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 40px;
    font-size: 14px;
    border: 2px solid #DFDACC;
    color: #B1A88F;
}
.sticky-pro-inn .size-select .button label.size-var{
    border-radius: 10px;
}
fieldset {
    border: none;
}
/*======= product notify btn custom css =======*/
.notify-sold .notify-btn{
  padding: 10px 35px;
    border-radius: 30px;
    border: 1px solid var(--white);
    color:var(--white);
    background: transparent;
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.notify-sold .notify-btn:hover, .notify-sold .notify-btn:focus {
    background-color: var(--third-color);
    color: var(--white);
    border-color: var(--third-color);
}
.out-of-stock-form{
  position: fixed;
  top: 50%;
  padding: 50px 40px;
  left: 0;
  right: 0;
  max-width: 500px;
  max-height: calc(100% - 100px);
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: var(--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;
  transform: scale(.9);
  transition: all .3s ease-in-out;
}
.out-of-stock-form.active {
  opacity: 1;
  transform: scale(1);
  visibility:visible;
}
.notify-txt{
  line-height:1.4;
}
.notify-popup-close{
     width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.notify-send-btn{
  position:relative;
  margin-top:20px;
}
.notify-send-btn input{
  height: 45px;
  width:100%;
  padding: 15px 106px 15px 15px;
}
.notify-send-btn button{
      position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: auto;
    padding: 10px 35px;
    background: #000;
    color: #fff;
}
/*======= currency =======*/
.currency select {
    color: var(--white);
    border: 1px solid var(--white);
    padding: 7px 30px 7px 12px;
    border-radius: 10px;
    line-height: 1;
    background: url(down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 9PX;
    background-position: calc(100% - 8px) 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.currency select option {
    color: black;
}
.currency {
    padding-left: 10px;
}
/* ====compare======== */
.compare-prod-remove svg {
    margin: 0 auto;
  cursor:pointer;
}
.product-card-inner .wish-lbl-wrp .pro-compare.active {
    background: var(--third-color);
}
.compare-head .section-title{
  text-align:center;
}
.pro-compare-wrap .pro-compare-left {
  display:flex;
  align-items:center;
}
.pro-compare-wrap .pro-compare-left .compare-title{
  max-width:25%;
  flex:0 0 25%;
  width:100%;
      text-align: center;
    padding: 10px;
    background: var(--border-color);
    font-size: 16px;
    font-weight: 500;
}
.pro-compare-scroll .compare-wrap .compare-val-prod{
  display: flex;
    align-items: center;
  width:100%;
}
/* .pro-compare-scroll .compare-wrap .compare-val-prod  .prod-img,
.pro-compare-scroll .compare-wrap .compare-val-prod .pro_detail-inner,
.pro-compare-scroll .compare-wrap .compare-val-prod .product-form,
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-prod-remove{
   max-width: 25%;
    width: 100%;
    flex: 0 0 25%;
    text-align: center;
  padding: 15px;
} */
.pro-compare-scroll .compare-wrap .compare-val-prod  .compare-data-label{
   max-width: 25%;
    width: 100%;
    flex: 0 0 25%;
    text-align: center;
  padding: 15px;
}
.compare-pro-detail .compare-val-prod .product-form .cart-form{
  justify-content:center;
    margin-right: 0px;
}
.compare-pro-detail .compare-val-prod .prod-title{
     font-size: 20px;
    margin: 10px 0;
    font-weight: 600;
}
.prod-price del {
    margin-left: 5px;
}
.compare-pro-detail .compare-val-prod .prod-price{
  margin:15px 0
}
.compare-pro-detail .prod-img a{
  position:relative;
      padding-top: 80%;
    display: block;
}
.compare-pro-detail .prod-img a img{
 position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.compare-wrap{
  border-bottom:1px solid var(--border-color);
}
.pro-compare-section  .pro-compare-wrap{
    margin-bottom:50px;
}
.pro-compare-section .compare-bottom-btn{
  display:flex;
  justify-content:center;
}
.pro-compare-section .compare-bottom-btn a{
  min-width: 170px;
}
/*compare end  */
/* ========quick-view===== */
.quickview-popup{
  display: none; 
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 1100px;
  max-height: 100%;
      max-height: calc(100% - 100px);
  width: 95%;
  margin: 0 auto;
  text-align: center;
 background-color: var(--white);
  z-index: 4;
  -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%);
      overflow: auto;
}
.pdp-right-column .qnty-btn-wrp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 10px;
}
.quickview_popup_data .pdp-whislist-btn {
    margin-left: auto;
    background: var(--theme-color);
}
.quickview_popup_data .pdp-whislist-btn svg path {
  fill:var(--white);
}
.quickview_popup_data .pdp-right-column .nice-select {
  color:var(--theme-color);
  background: url(arrow-down-small.svg);
  -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
    background-size: 9px;
}
.quickview_popup_data .pdp-page-main-sec:after {
  background:transparent;
}
.quickview_popup_data  .pdp-page-main-sec {
  color:var(--theme-color);
}
/*======== quickview custom css ======== */
.quickview-close{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 3;
}
.quickview_popup_data .pdp-right-column .section-title{
  max-width: 100%;
    text-align: left;
}
.quickview_popup_data .pdp-right-column{
      text-align: left;
}
.quickview_popup_data .row {
    align-items: center;
}
.quickview_popup_data{
   padding: 30px 15px;
}
.qv-price{
  margin-top:15px;
}
.qv_select__select{
  margin-top:10px;
}
.qv-price ins{
  font-size: 26px;
    font-weight: 600;
}
/*==== quickview end =====  */
.shopify-payment-button__button[disabled] {
    display: none;
}
/* shf collection page */
.product-grid-view .product-card-inner .product-image-wrapper {
    display: none;
}
.product-grid-view .product-card-inner .product-image-top {
    position: unset;
}
.product-grid-view .product-card-inner .rating-content {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}
/* shf Common css */
.home-btn-wrapper .swiper-button-next {
    right: 10px;
}
.home-btn-wrapper .swiper-button-prev {
    left: 10px;
}
.fe-pro.swiper-button-next, .fe-pro.swiper-button-prev {
    border: 1px solid var(--theme-color);
}
.no-js:not(html) {
    display: none!important;
}
.shopify-challenge__container {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.shopify-challenge__container .g-recaptcha {
    margin: 0 0 20px;
}
.form__message {
    border: 1px solid #ff0000;
    display: block;
    padding: 10px;
    color: red;
    background: #ff00001c;
    margin: 0 0 15px;
    outline: none;
}
.error-main-sec .shop-btn a {
    border: 1px solid var(--third-color);
}
/* shf cms Email */
.newsletter-form__message{
    color: #448349;
    display: flex;
    margin-top: 5px;
    outline: none;
}
.newsletter-form__message svg {
    margin-right: 5px;
}
/* shf product card  */
.mobile-menu-wrapper .mobile-menu-bar>ul>li:not(.has-children) a svg,
.product-card .product__media-item:not(:first-child) {
    display: none;
}
.wishlist-btn .addtowish svg path {
    fill: var(--white);
}
.card__media {
  position: relative;
}
.card__media .hover-img {
  opacity: 0;
    visibility: hidden;
    position: absolute!important;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
.card__media:hover .hover-img {
  opacity: 1;
  visibility: visible;
}
.card__media:hover .default-img  {
  opacity: 0;
  visibility: hidden;
}
.card__media .hover-img img {
    width: 100%;
}
.wishlist-action a {
  display: inline-block;
}
.wishremove.loadtowish .loadtowish {
  display: block;
}
.wishremove.wishactive .addtowish,.wishremove .loadtowish,.wishremove .wishirmv,a.go-to-wishlist,.wishremove.loadtowish .addtowish,.wishremove.wishadding .wishirmv,.wishremove.wishadding + a.go-to-wishlist {
  display: none;
}
.wishlist-page-sec .innerwimg .wishactive .addtowish {
    display: block;
}
.wishlist-page-sec .innerwimg svg path {
    fill: red;
}
.wishlist-page-sec .innerwimg .wishactive {
    position: absolute;
    top: 5px;
    right: 5px;
    background: var(--border-color);
    padding: 5px;
}
.wishremove.wishactive .wishirmv,.wishremove.wishactive + a.go-to-wishlist {
  display: block;
}
.wishremove.wishactive.wishadding .wishirmv,.wishremove.wishactive.wishadding + a.go-to-wishlist {
  display: block;
}
.wishremove.loadtowish.wishadding .wishirmv,.wishremove.loadtowish.wishadding + a.go-to-wishlist {
  display: none;
}
.product-card .wishlist.wishremove:not(.wishactive) + a,.pdp-right-column .pdp-whislist-btn.wishremove:not(.wishactive) + a {
  display: none;
}
.product-card .wishlist.wishremove.wishactive,.pdp-right-column .pdp-whislist-btn.wishremove.wishactive {
  display: none;
}
/* shf header */
.profile-header {
  position: relative;
}
.profile-header .menu-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--white)!important;
  min-width: 160px;
  margin: 22px 0 0;
  padding: 15px;
  transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.profile-header:hover .menu-dropdown {
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
}
.header-style-one .menu-right li.profile-header li {
  background: none;
  margin: 0 0 10px;
}
.header-style-one .menu-right li.profile-header li:last-child{
  margin: 0px;
}
.header-style-one .menu-right li.profile-header li a {
    color: var(--black);
  padding:0px;
}
/*=================SHF address page =============*/
.adress-list li {
    margin-bottom: 25px;
}
.add-default .btn {
    min-width: 100px;
}
.add-default-check.checkbox-custom label::before {
    border-color: var(--theme-color);
}
.adadress {
    border: 1px solid var(--border-color);
}
.addressheading {
    padding-top: 15px;
}
.adadress .form-group label {
    text-align: start!important;
    width: 100%;
}
#recover,#recover + .recover-password,#recover:target ~ .back-toshop,#recover:target ~ .section-title,#recover:target ~ .login-form{
  display: none;
}
#recover:target + .recover-password,#recover:target {
  display: block;
}
.addresses [aria-expanded="false"] ~ div[id] {
  display: none;
}
.addresses [aria-expanded="true"] ~ div[id] {
  display: block;
  margin: 30px 0 0;
}
#recover .btn {
    width: auto;
}
.login-form button svg path,.login-form .account-btn a svg path,.form-container .btn svg path,.acc-btn-wrp .btn svg path {
    fill: var(--white);
}
.my-add-sec .main-new-address {
    border: 1px solid var(--border-color);
    padding: 15px;
}
.my-add-sec .main-new-address .back-btn {
    margin: 0 0 10px;
}
.my-add-sec .adress-main-list {
    border: 1px solid var(--border-color);
    padding: 15px;
    margin: 30px 0 0;
}
.my-add-sec .adress-list .form-wrapper {
    border: 1px solid var(--border-color);
}
.acc-details p, .acc-details h4 {
    margin-bottom: 20px;
}
.my-add-sec select {
    border-radius: 5px;
    background-image: url(down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 11PX;
    background-position: calc(100% - 15px) 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-container:last-child {
    border-bottom: 0;
}
.form-container {
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
}
.acc-back-btn-wrp {
    gap: 10px;
}
.my-add-sec .adress-list .continue-btn,
.adadress .form-container .continue-btn{
    width: auto;
}
.acc-back-btn-wrp button {
    gap: 5px;
}
/* shf cart */
.cartOpen header:after, .active-menu header:after, .popup-toggle header:after, .open header:after, .mobile-open header:after, .quick-active header:after, .notify-active header:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}
.cartOpen header:after {
    height: calc(100% + 15px);
}
.cartOpen header.head-sticky:after {
    height: calc(100% + 1px);
}
.cart-header .closecart{
    position: fixed!important;
    right: 424px;
    top: 20px;
    width: 20px;
    height: 20px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    background: transparent!important;
    border: none!important;
    padding: 0!important;
}
.cartOpen .cart-header .closecart{
  opacity: 1;
  visibility: visible;
}
.header-style-one .menu-right .cart-header .closecart svg path {
    fill: var(--white);
}
.cartDrawer.is-empty .cart__warnings {
    margin: 20% 0 0;
    text-align: center;
}
.site-header .menu-right .cartDrawer svg#icon-cart-emty, .header-style-one .cartDrawer svg#icon-cart-emty {
    width: 55px;
    height: auto;
    fill: currentColor;
    margin: 0 auto 30px;
}
.cart__warnings, .cartDrawer .cart__warnings, .cartDrawer .cart__empty-text, .cartDrawer.is-empty .cart__contents, .cartDrawer.is-empty .cart__footer, .cartDrawer cart-items.is-empty .title-wrapper-with-link, #main-cart-footer.is-empty {
    display: none;
}
.cartDrawer.is-empty .cart__empty-text, .cartDrawer.is-empty .cart__warnings {
    display: block;
    color: var(--black);
    margin: 15px 0 0;
}
.cartDrawer.is-empty .cart__warnings {
    margin: 20% 0 0;
    text-align: center;
}
.mini-cart-details a {
    padding: 0!important;
}
.mini-cart-details .quantity button svg {
    width: 10px;
}
.cart-item__error-text:empty+svg {
    display: none;
}
/* shf color css */
.color_steel-blue {
    background-color: #496074!important;
}
.color_maroon {
    background-color: #93453e!important;
}
.color_cream {
    background-color: #c1b1a1!important;
}
.color_sea-green {
    background-color: #779388!important;
}
.color_purple {
    background-color: #6b4787!important;
}
.color_violet-red {
    background-color: #b78e8c!important;
}
.color_light-pink {
    background-color: #e4c2c0!important;
}
.color_dark-blue {
    background-color: #292f44!important;
}
/*=================shf - recommandation ================*/
.product-notification{
  background: var(--white);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px 0px;
  max-width: 350px;
  position: fixed;
  bottom: 10px;
  left: 30px;
  padding:10px;
  border-radius: 10px;
  z-index:2;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  visibility: hidden; 
}
.product-notification.active {
  bottom: 30px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.product-notification .product-suggest{
  display: flex;
  align-items: center;
  gap: 25px;
}
.product-notification .closeNotify {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.product-notification .closeNotify svg {
    width: 16px;
    height: 16px;
}
.product-suggest .product-image img{
  border-radius: 5px;
}
.product-notification .product-suggest .product-label {
    margin: 0 0 5px;
}
.product-notification .product-suggest .product-name {
    font: var(--h6);
    margin: 0 0 15px;
}
/* shf current theme common scc */
.blg-elagant .product-card .price {
    margin: 12px 0;
    justify-content: center;
}
.spr-summary-actions-newreview, .spr-form .spr-button-primary {
    text-align: center;
    padding: 11px 15px;
    font-family: var(--first-font);
    color: var(--white);
    background-color: var(--theme-color);
    appearance: none;
    outline: none;
    border: 1px solid var(--theme-color);
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
    width: auto;
}
.spr-summary-actions-newreview:hover, .spr-summary-actions-newreview:focus, .spr-form .spr-button-primary:hover, .spr-form .spr-button-primary:focus {
    background-color: var(--third-color);
    color: var(--white);
    border-color: var(--third-color);
}
.add-wishlist svg path {
    fill: #fff;
}
.search  .predictive-search-bottom .btn {
    border-color: var(--third-color);
}
.newsletter-form__message--success {
    border-color: green;
    background-color: #CDF5D1;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}
/* ============================================= */
/* !!!!         header style two css        !!!! */
/* ============================================= */
.header-style-two .announcebar{
    background-color: var(--theme-color);
    padding: 10px 0px;
    color: var(--white);
    text-align: center;
}
.header-style-two .header-topbar{
    color: var(--white);
    padding: 12px 0px;
    border-bottom: 1px solid var(--white);
}
.header-style-two .header-topbar-right{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header-style-two .header-topbar-right li:not(:last-of-type){
    margin-right: 15px;
}
.header-style-two .header-topbar-right .nice-select{
    padding: 0px 25px 0px 0px;
    border: 0;
    right: 0;
    filter: invert(1);    
    color: var(--black);
}
.header-style-two .header-topbar-right li a{
    display: flex;
    align-items: center;
    gap: 10px;
}
.header-style-two .header-topbar-right li a svg{
    height: 16px;
    width: 16px;
}
.header-style-two .menu-right li a{
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
}
.header-style-two .count{
    position: absolute;
    top: -6px;
    right: -8px;
    height: 16px;
    width: 16px;
    background: var(--white);
    color: var(--theme-color);
    font-size: 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.header-style-two .menu-right li svg {
    width: 22px;
    height: 22px;
}
.header-style-two.head-sticky .header-topbar{
    background-color: var(--theme-color);
} 
header.head-sticky .announcebar {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
}
/* ============================================= */
/* !!!!         header style three css      !!!! */
/* ============================================= */
.header-style-three .header-topbar-left  li:not(:last-of-type) {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid var(--white);
}
.header-style-three .header-topbar{
    color: var(--white);
    padding: 12px 0px;
    border-bottom: 1px solid var(--white);
}
.header-style-three .header-topbar-right li a {
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 10px;
}
.header-style-three .header-topbar-right li:not(:last-of-type){
    margin-right: 20px;
}
.header-style-three.head-sticky .header-topbar{
    background-color: #202124 !important);
} 
.header-style-three .menu-right li a{
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
}
.header-style-three .count{
    position: absolute;
    top: -6px;
    right: -8px;
    height: 16px;
    width: 16px;
    background: var(--white);
    color: var(--theme-color);
    font-size: 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.header-style-three .menu-right li svg {
    width: 22px;
    height: 22px;
}
.header-style-three .menu-right .search-header .form-inputs {
    position: relative;
}
.header-style-three .menu-right .search-header .form-inputs input {
    background-color: #F8F8F8;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px 40px 10px 20px;
}
.header-style-three .menu-right .search-header .form-inputs .input-btn{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
}
.header-style-three .menu-right .search-header .form-inputs .input-btn svg {
    height: 16px;
    width: 16px;
}
.pdp-right-column .nice-select{
    color: var(--white);
    background: url(down-arrow.svg);
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
    background-size: 9px;
    margin-bottom: 20px;
}
/* ============================================= */
/* !!!!           Responsive CSS            !!!! */
/* ============================================= */
@media (min-width: 768px){
  .cart-table tr th:first-child, .cart-table tr td:first-child {
      width: 165px;
  }
  #ProductGridContainer .mobile-only {
    display: none!important;
  }
  .mobile-stickybar{
    display: none!important;
  }
  .cart-table tr th:last-child, .cart-table tr td:last-child {
    text-align: right;
  }
  .cart-table tr td:last-child{
      padding-right: 0;
  }
  .footer-row .acnav-list1{
    display: block !important;
  }
  .gallery-main.left {
    order: 2;
  }
  .gallery-thumbs.left {
    padding-right: 20px;
    padding-left: 0;
  }
  .site-footer .footer-widget h5 svg {
    display: none;
  }
  /*********** PRODUCT LISTING LEFT CANVAS PAGE CSS  ***********/
  .collection-leftfilter .product-filter-column,.collection-rightfilter .product-filter-column {
    position: fixed;
    top: 0;
    background: var(--white);
    left: 0;
    max-width: 350px;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
    transition: all ease-in-out .5s;
    -webkit-transform: translate(-100%,0px);
    -moz-transform: translate(-100%,0px);
    -ms-transform: translate(-100%,0px);
    -o-transform: translate(-100%,0px);
    transform: translate(-100%);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    margin: 0;
    padding: 20px;
  }
  .collection-rightfilter .product-filter-column{
    -webkit-transform: translate(100%,0px);
    -moz-transform: translate(100%,0px);
    -ms-transform: translate(100%,0px);
    -o-transform: translate(100%,0px);
    transform: translate(100%, 0px);
    left: auto;
    right: 0px;
  }
  .filter-open .collection-leftfilter .product-filter-column,.filter-open .collection-rightfilter .product-filter-column {
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: auto;
    height: 100%;
  }
}
@media (min-width:1200px) {
  .header-style-three .menu-right .search-header a{
    display: none !important;
  }
}
@media (min-width:992px) {
  .desk-only {
    display: block !important;
  }
  .mobile-only {
    display: none !important;
  }  
  .site-header .main-navigationbar .menu-items-col .main-nav {
    display: flex;
    align-items: center;
  }
  .site-header .mobile-menu {
    display: none;
  }
  .product-grid-view .product-card-inner .product-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    margin: 0;
  }
}  
@media screen and (max-width:1199px){
  :root { 
    --h1: normal 600 40px/1 var(--first-font);
    --h2: normal 600 34px/1 var(--second-font);
    --h3: normal 600 26px/1 var(--first-font); 
    --h4: normal 600 20px/1 var(--first-font);
    --h5: normal 600 18px/1 var(--first-font);
    --h6: normal 600 16px/1 var(--first-font);
  } 
  /**** HEADER CSS ****/
 .site-header .menu-right li a p{
    display: none;
  }
  .site-header .main-navigationbar .menu-items-col .main-nav>li:not(:last-of-type) {
    padding-right: 20px;
  }
  .footer-col {
    padding-left: 25px;
  }
  .footer-subscribe-col {
    max-width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
  }
  .site-footer-two .footer-link-1 {
    padding-left: 25px;
  }
  .site-footer-three .footer-link-3{
    max-width: 250px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
  }
  .header-style-three .menu-right .search-header .form-inputs{
    display: none;
  }
  /**** HOME PAGE CSS ****/
  .main-category-sec .btn-white{
    padding: 11px 18px;
  }
  .category-img-box-body {
    padding: 150px 15px 15px 15px;
  }  
  .product-arrow-wrapper {
    position: unset;
  }
  .product-arrow-wrapper  .swiper-button-next {
    transform: unset;
    top: 50%;
    right: 0;
  }
  .product-arrow-wrapper  .swiper-button-prev {
    transform: unset;
    top: 50%;
    left: 0;
  }
  /**** PRODUCT PAGE CSS ****/
  .pdp-page-main-sec:after{
    width: 100%;
  }
  .pdp-tab-sec .pdp-tab-left {
    max-width: 100%;
  }  
  .gallery-thumbs {
    max-height: 400px;
  }  
  .pdp-right-column .size-guide-wrapper .see-size {
    flex-direction: column;
    align-items: start;
  }
  .pdp-right-column .size-guide-wrapper .see-size a{
    margin-left: 0px;
  }
  .pdp-img-bnr {
    padding: 40px 40px 40px 40px;
  }
  /**** PRODUCT-LIST PAGE CSS START ****/
  .text-checkbox .checkbox input[type=checkbox]+.checkbox-label{
    padding: 8px 8px;
  }
  .product-grid-view .product-card-inner .product-top-content {
    max-width: 270px;
    flex: 0 0 270px;
  }  
  /**** COLLECTION-LIST PAGE CSS START ****/
  .collection-main-sec .product-card-inner .product-content {
    padding: 15px;
  }  
  .collection-main-sec .product-card-inner .product-bottom-content .btn {
    padding: 11px 10px;
  }  
  /**** ARTICLE PAGE CSS START****/
  .articlebar h4 {
    font-size: 22px;
  }
  .blg-elagant .form-container .btn{
    padding: 11px 20px;
  }
  /**** BLOG PAGE CSS ****/
  .blog-grid-sec .blogleftbar .elegant-slider {
    padding: 10px 10px 10px;
  }   
  .blog-grid-sec .blg-recent .blog-itm .blog-image {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .blog-grid-sec .blg-recent .blog-itm .blog-content {
    margin-left: 0px;
    margin-top: 10px;
  }
  .blg-recent > div {
    border: 1px solid var(--border-color);
    margin-bottom: 15px!important;
  }
  .blog-grid-sec .blg-recent {
    border: none;
  }
  .blog-grid-sec .product-arrow-wrapper .swiper-button-prev{
    top: 50%;
    left:0%;
    transform: unset;
  }
  .blog-grid-sec .product-arrow-wrapper .swiper-button-next{
    top: 50%;
    right:0%;
    transform: unset;
  }
  .testimonials-sec .product-arrow-wrapper{
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width:991px){
  :root { 
    --h1: normal 600 36px/1 var(--first-font);  
    --h2: normal 600 32px/1.2 var(--second-font);  
  } 
  /**** HEADER CSS START ****/
  .site-header .main-navigationbar .menu-items-col .main-nav{
 display: none;
}
.site-header .main-navigationbar .menu-items-col{
    justify-content: end;
}
.site-header .main-navigationbar {
    padding: 15px 0px;
    background-color: var(--theme-color);
}
.main-banner-sec .banner-content-wrapper {
    padding: 100px 0px 40px;
}
.profile-header .menu-dropdown {
    margin: 15px 0 0;
}
.header-style-two .announcebar{
  display: none !important;
}
.header-style-two .header-topbar,  .header-style-three .header-topbar{
  display: none !important;
}
  /**** FOOTER CSS START  ****/
  .site-footer {
    padding: 40px 0px 20px 0px;
  }
  .footer-row {
    padding: 20px 0px;
  }
  .footer-subscribe-col {
    max-width: 180px;
    flex: 0 0 180px;
  }
  .site-footer .footer-top .footer-logo {
    max-width: 90px;
  }
  .site-footer .footer-top p {
    padding-left: 40px;
  }  
  .site-footer .footer-top {
    margin-bottom: 20px;
  }
  .site-footer .social-icon {
    padding: 0;
    max-width: 190px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
  }
  .social-icon .footer-logo {
    margin-bottom: 15px;
  }
  .footer-subscribe-col .contactlink, .footer-subscribe-col .addresslink {
    font-size: 16px;
  }
  .site-footer .footer-widget h5 {
    padding: 0 0 15px 0;
  }
  .footer-subscribe-col h6 {
    font-size: 14px;
  }    
  .footer-bottom {
    margin-top: 25px;
  }
  .subscribe-popup {
    max-width: 100%;
  }  
  .subscribe-popup .sub-left-inner {
    padding: 20px 20px;
  }  
  /**** FOOTER CSS END  ****/
  .pt{
    padding-top: 40px;
  }
  .cms-page {
    margin-bottom: 40px;
  }
  .pb{
    padding-bottom:40px;
  }   
  .section-title {
    margin-bottom: 24px;
  }
  .subtitle {
    margin-bottom: 10px;
  }  
  .container-fluid{
    padding: 0 15px;
    margin: 0 auto;
  }
  .add-details {
    margin-bottom: 40px;
  }
  .article-banner .blog-cat {
    margin: 20px 0;
  } 
  .art-auther {
    margin-bottom: 15px;
  }
  .quote-box h3 {  
    font-size: 15px;
  }
  .common-banner-section {
    padding: 40px 0;
  }
  /**** HOME PAGE CSS ****/
  .btn-secondary { 
    padding: 9px 16px;
  }
  .main-banner-sec .banner-content-inner .section-title h2 {
    font-size: 41px;
  }  
  .new-store-sec .store-img-box-body{
    padding: 20px 20px 100px 20px;
  }
  ul.tabs {
    margin-bottom: 25px;
  }  
  .shop-categories-sec .categorie-left-inner .section-title {
    max-width: 100%;
  }  
  .furniture-img-sec .full-img-bnr {
    padding: 20px 20px;
  }
  .furniture-img-sec {
    padding: 40px 0px;
  }
  #recently-viewed-products .img-wrapper {
    padding-top: 100%;
  }
  /**** PRODUCT PAGE CSS ****/ 
  .pdp-right-column .pdp-rating {
    gap: 10px;
  } 
  .pdp-right-column .price-qty-wrp {
    margin-bottom: 20px;
  }
  .pdp-tab-sec ul.tabs li a {
    padding: 0 0px 10px;
  }
  .gallery-main {
    max-width: 100%;
    margin: 0;
  }
  .gallery-thumbs {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-top: 20px;
    padding-left: 0;
  }
  .product-slider-right .gallery-thumbs{
    padding: 0px;
  }
  .gallery-thumbs .pdp-thumb-image{
    display: block;
    position: relative;
    padding-top: 28%;
  }
  .pdp-tab-sec .review-content .review-wrp .review-btn .btn{
    padding: 11px 15px;
  }
  .pdp-img-bnr {
    padding: 20px;
  }
  /**** PRODUCT-LIST PAGE CSS START ****/
  .product-heading-row .row {
    align-items: center;
    padding: 40px 0 0px;
  }
  .product-heading-right-column .filter-list-wrp p{
    display: none;
  }
  .product-filter-right-column .product-grid-view .product-card{
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }
  .product-grid-view .product-card-inner .product-card-image, .product-grid-view .product-card-inner .product-bottom-content{
    max-width: 100%;
    flex: 0 0 100%;
  }
  .product-grid-view .product-card-inner .product-top-content {
    max-width: unset;
    flex: 1;
    margin-left: 0;
  }
  .product-filter-right-column .product-grid-view .product-card .product-card-inner {
    padding: 0px 0px;
    border: 0;
  }
  .product-grid-view .product-card-inner .product-lbl {
    position: absolute;
  }  
  .product-grid-view .product-bottom-inner .product-star-wrp, .product-grid-view .product-card .price, .product-grid-view .color-swatch-variants {
    display: flex;
    justify-content: start;
  }  
  .product-grid-view .product-card .cart-btn-content .btn{
    width: 100%;
  }
  .product-grid-view .product-bottom-inner .product-star-wrp{
    margin-top: 15px;
  }
  .product-grid-view{
    display: flex;
  }
  .product-grid-view .product-card-inner .product-content {
    height: auto;
  }
  .product-grid-view .product-card-inner .product-bottom-content {
    max-width: unset;
    flex: unset;
  }
  .collection-main-sec {
    padding-bottom: 20px;
  }
  .product-sec .section-title {
    margin: 0 auto 25px;
  }
  .product-grid-view .product-bottom-content .product-star-wrp {
    margin-top: 15px;
  }
  #recently-viewed-products .product {
    width: 33.33%;
    margin: 0 0 20px;
  }
  #recently-viewed-products .product:last-of-type {
    margin-bottom: 0;
  }
  .product-card .wishlist-btn, .product-card .pro-compare, .product-card .quickview-btn {
    visibility: visible;
    opacity: 1;
    transition: none;
    transform: none;
  }
  .product-grid-view .product-card-inner .wish-lbl-wrp {
    display: flex;
    gap: 8px;
    justify-content: end;
    position: absolute;
    top: 15px;
    flex-direction: column;
    margin: 0;
    right: 15px;
}
  /**** ARTICLE PAGE CSS START****/
  .articlebar .art-top-heading {
    margin-bottom: 25px;
    padding-bottom: 0PX;
  }  
  .articlebar .quote-box h5 {
    font-size: 20px;
  }   
  .articlebar .quote-box {
    padding-left: 15px;
  }  
  .article-banner-sec .common-banner-content {
    margin-bottom: 20px;
  }
  .article-banner-sec .common-banner-content .back-btn {
    margin-right: 30px;
  }
  /**** MY ACCOUNT PAGE CSS START ****/
  .my-acc-sec .order-history-frame {
    margin-bottom: 25px;
  }
  /**** ABOUT PAGE CSS START ****/
  .about-us-page .about-left-inner .section-title {
    max-width: 100%;
  }
  .about-us-page .about-left-inner .section-title h2 {
    margin-bottom: 20px;
  }
  .about-counter-sec .counting {
    font-size: 34px;
  }  
  /**** CONTACT PAGE CSS START ****/
  .contact-about-sec {
    margin-bottom: 0px;
  }
  .contact-right-inner {
    margin-bottom: -300px;
  }
  /**** CMS PAGE CSS START ****/
  .cms-page ul {
    padding-left: 0px;
  }
  /**** CART PAGE CSS START ****/
  .cart-page-sec .coupon-table {
    gap: 15px;
  }
  .cart-page-sec .coupon-text-btn-wrp{
    flex: 0 0 100%;
  }
  .register-page .shop-btn {
    margin-top: 20px;
  }
  .product-grid-view .product-card-inner .product-image-top {
    position: absolute;
  }
  .product-grid-view .product-card .cart-btn-content {
    display: flex;
  }
  .product-grid-view .product-card .price,
  .product-grid-view .product-card-inner .rating-content{
    justify-content: start;
  }
/*   .product-filter-right-column .product-grid-view .product-card {
    display: block;
  } */
  .cart-table tr td:nth-child(2) {
    width: 350px;
  }
  .faq-page .set .acnav-label {
    padding: 15px 40px 15px 15px;
  }  
  .product-grid-view .product-card-inner .product-top-content h4 {
    margin-top: 0;
  }
      /*===== product sicky css =====  */
  .sticky-pro-info{
        max-width: 50%;
    width:100%;
  }
  .progress-wrap {
    right: 20px;
    bottom: 75px;
  }
  .pro-compare-section .compare-bottom-btn,.pro-compare-section .pro-compare-wrap{
        margin-bottom: 30px;
  }
  .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label {
    max-width: 20%;
    width: 100%;
    flex: 0 0 20%;
    text-align: center;
    padding: 15px;
}
   .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label.compare-pro-detail{
       max-width: 40%;
    width: 100%;
    flex: 0 0 40%;
   } 
  .compare-wrap .product-form .product-form__submit {
    padding: 10px 20px;
  }
  .out-of-stock-form {
    padding: 50px 30px;
  }
}
@media screen and (max-width:767px){
  #recently-viewed-products .product {
    width: 50%;
  }
    .site-footer .footer-widget h5 .close-menu-ioc, .site-footer .footer-widget.is-open h5 .menu-open-arrow {
    display: none;
  }
  .site-footer .footer-widget.is-open h5 .close-menu-ioc {
    display: block;
  }
   .site-header .main-navigationbar .logo-col {
    max-width: 70px;
  }  
  .site-header .menu-right li {
    display: block;
    line-height: 1;
  }  
  .products_add-cart-sticky.pro-bottom-sticky-cart .sticky-pro-inn {
    justify-content: center;
    gap: 20px;
    align-items: end;
  }
  /**** FOOTER CSS START  ****/
  .footer-subscribe-col { 
    flex: 0 0 100%; 
    max-width:100%;
    margin-top: 0px; 
    padding-left: 0;
  }
  .site-footer .footer-widget p {
    padding: 0 0 15px;
  }  
 .payment-image-wrapper{
      margin-top: 20px;
      gap: 10px;
  }
  .site-footer .social-icon {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .footer-col {
    flex: 0 0 100%;
    padding-left: 0px;
  }  
  .footer-bottom {
    flex-direction: column;
  }
  .site-footer {
    padding: 40px 0 90px;
  }
  .footer-col .footer-mobile  h5{
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
  }
  .footer-col .footer-mobile  h5 svg{
    margin-left: auto;
    width: 14px;
  }
  .footer-col .footer-mobile  h5 .close-menu-ioc {
    display: 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;
  }
  .site-footer .set {
    margin-bottom: 0px;
  }
  .footer-row {
    padding: 0px 0px 0px;
  }
  .site-footer .footer-top p {
    flex: 0 0 100%;
    padding-top: 15px;
    padding-left: 0px;
  }  
  .footer-row .footer-col:nth-child(1) {
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .site-footer .footer-link .footer-mobile  ul {
    padding-bottom: 15px;
  } 
  .footer-subscribe-col .contactlink {
    margin-bottom: 15px;
  }
  .site-footer .footer-widget h5 {
    padding: 0;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-row .footer-link, .footer-subscribe-col{
    padding-bottom: 20px;
  }
  .footer-row .acnav-list1{
    padding-top: 25px;
    display: none;
  }
  .product .furniture-tab-sec .section-title {
    gap: 15px;
  }
  .pdp-img-bnr-sec .img-bnr-column ul li .check-svg svg {
    height: 20px;
    width: 20px;
  }
  /**** FOOTER CSS END  ****/
  .cms-page .shipping-tbl {
    max-width: 100%;
  }
  .cms-page table tr th, .cms-page table tr td {
    text-align: center;
  }
  .abt-shp-column-right,
  .about-our-shop-section .row {
    margin-top: 30px;
  }
  .contact-right-column {
    margin-top: 0;
  }
  .articlerightbar {
    padding-top: 40px;
  } 
  .aticleleftbar h5 {
    margin: 0 0 20px 0;
    line-height: 1.3;
  }
  .articlerightbar .blog-grid .blog-widget:last-of-type {
    margin-bottom: 0;
  }
  .latest-article-slider-section .section-title {
    padding-top: 40px; 
  }
  .post-lbl {
    margin: 0 0 0 10px; 
    font-size: 12px;
  }
  .article-section .abt-user-img { 
    margin-right: 5px;
  }
  .aticleleftbar p {
    margin-bottom: 15px;
  }
  .articlebar .comment-form-wrp{
    margin-bottom: 40px;
  }
  .common-banner-content .section-title h2{
    margin-bottom: 0px;
  }
  .quote-box svg { 
    height: 20px;
    width: 20px;
  }
  .our-blog-section .section-title,
  .my-acc-head {
    margin-bottom:26px;
  }
  .my-acc-rightbar {
    margin-top: 40px;
  }
  #scroll {
    background: var(--white); 
    top: 53px;
    padding: 0;
  }
  .checkbox-custom label{
    font-size: 13px; 
  }
  .faq-page .faq-acnav .set:not(:last-of-type) {
    margin-bottom: 15px;
  }
  .checkout-page .set .acnav-list {
    padding: 20px 15px;
  } 
  .contact-left-inner ul li h5 {
    margin-bottom: 10px;
  }
  .contact-left-inner ul .social-link {
    margin-bottom: 20px;
  }
  .contact-right-inner {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  /****  COMMON BANNER SECTION CSS ****/
  .common-banner-content .section-title h2 span { 
    font-size: 12px;
  }  
  .btn,
  .btn-secondary { 
    padding: 9px 15px 11px;
  }
  .btn-secondary svg, .btn svg {
    margin-left: 8px;
  }
  /*** ABOUT PAGE CSS ****/
  .about-us-section .about-us-box {
    margin-bottom: 20px;
  } 
  .about-us-page .about-left-inner .section-title h3 {
    margin-bottom: 15px;
  }
  /**** HOME PAGE CSS ****/ 
  .main-banner-sec .banner-content-wrapper {
    max-width: 430px;
  }  
  .discount-sec .swiper-slide{
    padding: 0px 30px;
  }
  .new-store-sec .store-img-box {
    display: block;
  }
  .new-store-sec .store-box-left{
    margin-bottom: 20px;
  }
  .new-store-sec .store-img-box-body {
    padding: 20px 20px 50px 20px;
  }
  .section-title{
    flex-direction: column;
    align-items: start;
  }
  .section-title h2{
    margin-bottom: 15px;
  }
  .home-page .section-title p{
    margin-bottom: 15px;
  }
  .shop-categories-sec .categorie-left-inner .section-title h2 {
    margin-bottom: 15px;
    font: var(--h2);
  }  
  .shop-categories-sec .category-main-content{
    display: flex;
    flex-direction: column-reverse;
  }
  .categorie-card .categorie-image a {
    margin-bottom: 15px;
  }
  .testimonials-sec .btn-arrow-wrp {
    padding-top: 20px;
  }
  .testimonials-sec .section-title, .blog-sec .section-title, .our-insta-sec .section-title {
    max-width: 70%;
  }
  .blog-slider {
    padding-bottom: 60px;
  }
  .our-insta-sec ul li {
    max-width: 33.3334%;
    padding: 20px 10px 0;
  }
  .our-insta-sec .section-title {
    margin-bottom: 5px;
  }
  .our-insta-sec .section-title p{
    margin-bottom: 0px;
  }
  .furniture-about-sec .furniture-content-inner {
    padding: 15px;
  }
  .main-banner-sec .section-title {
    margin-bottom: 15px;
  }
  .search-popup .close-search {
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
  }
  .search-popup, .size-popup {
    padding: 0 20px;
  } 
  /**** PRODUCT PAGE CSS ****/
  .pdp-slider-img {
    position: relative;
    padding-top: 90%;
  }  
  .pdp-page-main-sec .pdp-right-column{
    margin-top:  30px;
  }
  .pdp-right-column .price-qty-wrp .price ins {
    font-size: 18px;
  }
  .pdp-right-column .price-qty-wrp .price del {
    font-size: 14px;
  }
  .view-slider .swiper-wrapper {
    justify-content: start;
  }
  .size-popup {
    padding: 0 0px;
  }
  .size-popup .btn-white {
    margin-bottom: 15px;
  }
  .pdp-right-column .size-guide-wrapper .see-size {
    flex-direction: row;
  }  
  .size-table-wrapper {
    margin-top: 20px;
  }
  .pdp-tab-sec .review-pdp-wrp .section-title p {
    margin-bottom: 0px;
  }
  .pdp-tab-sec .ship-content {
    border-left: 0;
  }
  .pdp-img-bnr-sec .section-title {
    margin-bottom: 20px;
  }
  .cms-sec .cms-content .section-title {
    margin-bottom: 15px;
  }
  .pdp-furniture-sec .section-title p{
    margin-bottom: 15px;
  }
  .pdp-right-column .pdp-timer .time-counter {
    padding: 6px 10px;
  }  
  .size-popup .size-form-inner{
    position: relative;
  }
  /**** PRODUCT-LIST PAGE CSS START ****/
  .filter-title .icon {
    display: block;
    max-width: 25px;
    margin: 0 auto;
  }
  .filter-title .filter-ic {
    max-width: 35px;
    border: 1px solid var(--second-color);
    padding: 2px;
    display: block;
  }
  .product-heading-column .filter-title H4{
    display: none;
  }

  .product-heading-column .filter-title {
    display: none !important;
    padding: 0;
    border: 0;
  }
  .product-filter-right-column {
    width: 100%;
  }
  .small-hide, .medium-hide {
    display: none!important;
  }
  .product-widget>.pro-itm>.acnav-label {
    display: flex;
  }
  .product-heading-column .filter-title {
    display: none;
  }
  .mobile-facets {
    position: fixed;
    top: 0;
    background: var(--white);
    left: 0;
    max-width: 315px;
    height: 100%;
    width: 100%;
    z-index: 4;
    overflow: hidden;
    transition: all ease-in-out 0.5s;
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-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;
}
  .product-heading-column .mobile-facets__open-wrapper{
    display: block;
    padding: 0;
    border: 0;
  }
  .mobile-facets__open .icon {
    display: block;
    max-width: 25px;
    margin: 0 auto;
  }
  .mobile-facets__open{
    max-width: 35px;
    border: 1px solid var(--second-color);
    padding: 2px;
    display: block;
  }
  .mobile-open .mobile-facets {
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: auto;
    height: 100%;
  }
  .product-filter-body {
    padding: 40px 15px 0px 15px;
    background: var(--white);
    border: 0;
    margin: 0px;
  }
  .close-filter {
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0px;
    right: auto;
    left: 0px;
    z-index: 101;
    width: 30px;
    height: 30px;
    padding: 7px;
    opacity: 0;
    transition: opacity .4s ease;
    background: var(--theme-color);
    pointer-events: none;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
}
  .mobile-open .close-filter {
    opacity: 1;
    pointer-events: visible;
  }
  .close-filter svg {
    height: 100%;
    width: 100%;
  }
  .product-filter-body .close-filter {
    display: block;
  }
  .product-widget {
    padding: 10px 0px;
  }
  .cartDrawer {
    width: 100%;
  }
  .cart-table tr td:nth-child(2) {
    margin: 0 auto;
  }
  .cartDrawer .closecart {
    left: 19px;
    width: 15px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .cartDrawer .mini-cart-header {
    padding: 16px 20px 16px 50px;
  }
  .cart-header .closecart {
    left: 15px;
    right: auto;
    top: 15px;
  }
  /**** ARTICLE PAGE CSS START ****/
  .articlebar .section-title {
    max-width: 70%;
  }  
  .articlebar .about-user {
    margin-bottom: 20px;
  } 
  .articlebar p {
    margin-bottom: 15px;
  } 
  .articlebar .art-auther {
    margin-bottom: 15px;
  }
  .articlebar h4, .articlebar h5 {
    margin-bottom: 15px;
  }
  .articlebar .art-top-heading {
    margin-bottom: 15px;
  }  
  .articlebar .quote-box {
    margin-bottom: 20px;
  }
  .articlebar .art-tags-icons-wrp{
    padding: 10px;
  }
  .articlebar .art-tags-icons-wrp .tags-ul li {
    padding: 4px 10px;
  }  
  .articlebar .art-tags-icons-wrp label {
    margin-right: 10px;
  }
  .articlebar .social-icon .social-ul li:not(:last-of-type) {
    margin-right: 10px;
  }
  .articlebar .art-tags-icons-wrp {
    margin-bottom: 20px;
  }
  .articlebar .comment-form {
    max-width: 100%;
    padding: 15px 15px 0;
  }
  /**** ACCOUNT PAGE CSS START ****/
  table tr {
    padding: 0px 0 0;
  }
  .my-acc-sec .account-details ul li label {
    max-width: 100%;
    margin-bottom: 5px;
  }  
  .my-acc-sec .account-details ul li {
    padding: 10px 0px;
  }
  /**** CMS PAGE CSS START ****/
  .shipping-page table tr th, .shipping-page table tr td{
    text-align: center;
  }
  .shipping-page .shipping-tbl {
    max-width: 100%;
  }
  /**** CART PAGE CSS START ****/
  .cart-table tr th, .cart-table tr td{
    text-align: center;
  }
  .cart-table .price, .cart-table .product-option, .cart-table tr td .quantity-wrp{
    justify-content: center;
  }
  .cart-table .qty-spinner{
    margin: 0;
  }
  .cart-table{
    border: 1px solid var(--border-color);
    border-bottom: 0;
  }
  /**** LOGIN PAGE CSS START ****/
  .login-page .login-left-inner {
    margin-bottom: 30px;
  }
  .register-page .login-form-inner .form-container .forgot-pass{
    justify-content: center;
  }
  .register-page .form-container .btn, .register-page .login-form-inner .create-btn {
    width: auto;
  }
  .register-page .login-btn-wrp, .register-page .account-btn{
    text-align: center;
  }
  .register-page .account-info-icon li a {
    height: 50px;
    width: 50px;
  }  
  .register-page .account-info-icon li a svg {
    height: 22px;
    width: 22px;
  }
  .contact-about-sec .fashionable-content-inner {
    flex-direction: column;
  }
  .contact-about-sec .fashionable-content {
    text-align: center;
  }
  .contact-form .form-container .btn {
    width: auto;
  }
   /**** ORDER PAGE CSS START ****/
   .my-acc-sec table tr td {
    padding: 10px 15px 10px;
  }
  .my-acc-sec table tr{
    padding: 5px 0px;
  }
  .order-payment-box {
    padding: 15px;
  }  
  .order-history-list .order-title {
    margin-bottom: 20px;
    text-align: center;
  } 
  .order-history-list .order-title h4 {
    margin-bottom: 10px;
  }
  /**** ORDER PAGE CSS END ****/
  .mobile-stickybar{
    display: block !important;
  }
  .mobile-sticky-wrp {
    padding: 8px 20px;
    gap: 10px;
  }
  .mobile-sticky-wrp svg {
    height: 18px;
    width: 18px;
  } 
  .product-widget .acnav-label:after{
    display: none;
  }
  .contact-direction-sec {
    padding: 0;
  }
    #ProductGridContainer .filter-column-title{
    display:none;
  }
  .collection-leftfilter .product-widget, .collection-rightfilter .product-widget {
    padding: 5px 0;
}
      /*===== product sicky css =====  */
  .sticky-pro-info{
      display:none;
  }
 .products_add-cart-sticky.pro-bottom-sticky-cart .sticky-pro-inn{
   justify-content: center;
   gap:20px;
       align-items: end;
 }
.compare-data-label::before{
  content: attr(data-label);
    display: block;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color:var(--second-color);

}
  .compare-data-label{
    margin-bottom:20px;
  }
  .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 {
    max-width: 100%;
    padding: 0px;
}
  .compare-wrap .product-form .product-form__submit{
        padding: 10px 30px;
  }
  .pro-compare-left {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: none;
  }
  .pro-compare-scroll .compare-wrap .compare-val-prod{
    display:block;
  }
 .pro-compare-scroll .compare-wrap .compare-val-prod .prod-img,.pro-compare-scroll .compare-wrap .compare-val-prod .pro_detail-inner, .pro-compare-scroll .compare-wrap .compare-val-prod .product-form, .pro-compare-scroll .compare-wrap .compare-val-prod .compare-prod-remove{
    max-width:100%;
   padding:0 0 0px;
  }
 .compare-pro-detail .prod-img a {
    padding-top: 30%;
}
  .pro-compare-right{
    border:1px solid var(--border-color)
  }
  .compare-wrap{
    padding-top:20px;
  }
  .compare-pro-detail .compare-val-prod .prod-title {
    font-size: 14px;
  }
  .out-of-stock-form {
    max-width: 75%;
  }
.currency, .main-navigationbar .currency{
    display: none;
  }
}
@media screen and (max-width:575px){  
  :root {  
    --h2: normal 600 26px/1 var(--second-font);
    --h3: normal 600 22px/1 var(--first-font); 
    --h4: normal 600 20px/1 var(--first-font); 
  }
  .out-of-stock-form{
    max-width: 300px;
  }
  .mobile-facets__open .icon {
    height: 19px;
    width: 19px;
   }
  /**** HEADER CSS START ****/
  .site-header .menu-right li a span{
    display: none;
  }
  .site-header .menu-right li a,.lang-dropdown{
    gap: 0px;
    padding: 0;
    border: 0;
  }
  .site-header .menu-right .cart-header a{
    background: transparent;
  }
  .site-header .menu-right .cart-header a.hcart svg path{
    fill: var(--white);
  }
  .search-popup, .size-popup {
    padding: 0 15px;
  }  
  .search-popup .close-search svg {
    height: 20px;
    width: 20px;
  } 
  .filter-select-wrp {
    display: none;
  }
  .product-heading-right-column .product-sorting-row {
    flex-direction: column;
    align-items: end;
    margin-top: 0;
    gap: 0px;
    border: 0px;
    padding: 0;
  }
  /**** HEADER CSS END ****/
  .footer-col {
    flex: 0 0 100%;
    padding-left: 0;
    margin-top: 0;
  }
  .site-footer .social-icon {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .footer-widget h4 {
    margin-bottom: 15px;
  }
  .footer-bottom {
    margin-top: 20px;
  }
  .checkout-page .payment-method-form .checkbox-custom{
    margin: 0 15px 15px 0;
    width: 100%;
  } 
  .payment-method-form .radio-group label .radio-right{
    flex: 0 0 32%
  }
  .payment-method-form .radio-group label .radio-right>*{ 
    text-align: right;
  } 
  .blog-cat li:not(:last-of-type) {
      margin-right: 0;
  }
  .blog-cat li a {
    padding: 10px 11px; 
    font-size: 10px; 
  }
  .reg-lbl { 
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
  }
  .login-form .submit-btn {
    max-width: 170px;
    margin: 15px 0 0 0;
  }
  .mobile-direction-column{
    flex-direction: column;
  }
  .order-confirm-details {
    margin-bottom: 20px;
  }
  .dated {
    width: 100%;
    margin-top: 12px;
  }
  .subtitle {  
    font-size: 14px;
  }
  .two-coll-media .tool-content {
    display: none;
  } 
  /********* BLOG PAGE CSS start  **********/ 
  .blog-cat li {
    padding: 6px 8px; 
    font-size: 10px; 
  }
  .blog-widget-inner h3 {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 15px;
    padding: 0;
  }
  .blog-widget-inner p {
    margin: 12px 0 15px;
  }
  .blog-grid-section .blog-cat li {
    padding: 10px 5px; 
  }
  /********* BLOG PAGE CSS end  **********/
  .input-wrapper input {  
    font-size: 14px;
  }  
  .articlerightbar .blog-cat li{
    padding: 10px 5px;
  }   
  .price-btn ins { 
    font-size: 12px; 
  }
  .produdt-filter-cat {
    display: none;
  }
  .filter-select-box {
    margin-left: 5px;
  }
  /**** HOME PAGE CSS ****/ 
  .main-banner-sec .banner-content-wrapper {
    padding: 84px 0px 40px;
    max-width: 100%;
  }
  .main-banner-sec .banner-content-inner .section-title h2 {
    font-size: 32px;
  }
  ul.tabs {
    gap: 10px;
    justify-content: start;
  }
  .categorie-card-first{
    margin-bottom: 20px;
  }
  .testimonials-sec .section-title, .blog-sec .section-title, .our-insta-sec .section-title {
    max-width: 100%;
  }
  .our-insta-sec ul li {
    max-width: 50%;
  }
  .furniture-about-sec .furniture-content-inner{
    background-color: var(--white);
    color: var(--theme-color);
  }
  .furniture-about-sec .furniture-content-inner .subtitle{
    color: var(--theme-color);
  }
  .furniture-about-sec .cms-center:nth-child(odd) .furniture-content-inner img {
    filter: invert(1);
  }
  .furniture-about-sec{
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .furniture-img-sec .full-img-bnr {
    padding: 20px 15px;
  }
  .subscribe-sec-form .input-wrapper {
      flex-direction: column;
  } 
  .subscribe-sec-form .input-wrapper .btn-subscibe{
    font-size: 12px;
    padding: 14px 20px;
  }
  .testimonials-sec .swiper-pagination, .blog-slider  .swiper-pagination{
    display: none;
  }
  /**** PRODUCT PAGE CSS START ****/
  .pdp-filter-cat li:not(:last-of-type) {
    padding-right: 13px;
    margin-right: 6px;
  }  
  .pdp-right-column .pdp-social-icons {
    float: unset;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0;
  }  
  .pdp-right-column .pdp-social-icons p{
    text-orientation: unset;
    -webkit-writing-mode: horizontal-tb;
    transform: rotate(0deg);
    margin-right: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
  .pdp-right-column .pdp-social-icons ul li:not(:last-of-type) {
    margin-bottom: 0px;
    margin-right: 15px;
  }
  .pdp-right-column .pdp-social-icons ul{
    display: flex;
    margin-top: 0;
    flex: 1;
  }
  .pdp-whislist-btn {
    height: 30px;
    width: 30px;
  }  
  .pdp-right-column .section-title {
    max-width: 100%;
  }  
  .pdp-right-column .select-color-grp .radio-buttons .button .clr {
    width: 10px;
    height: 10px;
  }
  .pdp-right-column .select-color-grp .button label, .pdp-right-column .size-select .button label {
    gap: 5px;
  }    
  .pdp-right-column .size-based {
    margin-left: 0px;
  }
  .pdp-right-column .size-based {
    padding: 5px 10px;
  }  
  .pdp-right-column .free-dlvry-wrp .free-delivery {
      flex-direction: column;
      flex: 1;
  } 
  .pdp-right-column .free-dlvry-wrp .delivery-svg svg{
    margin: 0 auto 10px;
  }
  .pdp-tab-sec ul.tabs li a {
    padding: 0 0px 5px;
  }
  .pdp-tab-sec .tab-head-row{
    border-bottom: 0px;
    margin-bottom: 15px;
  }
  .pdp-tab-sec .review-content .review-wrp .review-btn{
    margin-top: 10px;
  }
  .pdp-tab-sec .review-content .review-pdp-title .review-title-left {
    gap: 10px;
  }
  .pdp-tab-sec .review-content .review-title-left h6 {
    margin-left: 0px;
  }
  .filter-select-wrp .featured-select{
    display: none;
  }
  .product-filter-right-column .product-grid-view .product-card {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .cms-sec .cms-content {
    padding: 20px 0px;
  }
  .filter-title .filter-ic{
    padding: 2px;
  }
  .filter-title .icon{
    height: 19px;
    width: 19px;
  }
  .product-listing-section .product-heading-row .row {
    justify-content: space-between;
  }
  .pdp-right-column .free-dlvry-wrp .delivery-content {
    text-align: center;
    margin-left: 0;
  }
  .product-card .product-content .product-top-content, .blog-card .blog-content .blog-top-content {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
      height: unset;
  } 
  /**** ARTICLE PAGE CSS START ****/
  .blog-grid-sec .blogleftbar{
    margin-bottom: 30px;
  }
  .article-banner-sec .common-banner-content{
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .articlebar .section-title {
    max-width: 100%;
  }
  .articlebar .quote-box {
    padding-left: 0px;
    border-left: 0Px;
  }
  .articlebar .art-tags-icons-wrp{
    flex-direction: column; 
    gap: 15px;
    align-items: start;
  }
  .my-acc-sec .acc-btn-wrp .acc-btn {
    margin-right: 10px;
  }
  /**** ABOUT PAGE CSS START ****/
  .about-counter-sec .row [class*="col"]:not(:last-of-type){
      margin-bottom: 20px;
  }
  /**** FAQS PAGE CSS START ****/
  .faq-page .faq-left-itm .section-title h2 {
    margin-bottom: 15px;
  }
  .faq-page .faq-left-itm{
    margin-bottom: 30px;
  }
  /**** CART PAGE CSS START ****/   
  .cart-page-sec .continue-btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }  
  .cart-page-sec .subtotal {
    gap: 10px;
  }
  .cart-table tr td:nth-child(2) {
    width: 100%;
  }
  /**** LOGIN PAGE CSS START ****/
  .register-page .account-info-icon{
    flex-direction: column;
  }
  .contact-direction-sec .contact-direction-column {
    padding: 20px;
  }  
  .contact-about-sec .row [class*="col-"]:not(:last-of-type) {
    margin-bottom: 20px;
  }
  /**** ERROR PAGE CSS START ****/
  .error-main-sec .eroor-content .form-input {
    max-width: 100%;
  }  
  .error-main-sec .eroor-content .large-text {
    font-size: 70px;
  }
  .error-main-sec .eroor-content .section-title h3 {
    margin: 20px 0 15px;
  }
  /**** ORDER PAGE CSS START ****/
  .order-payment-box{
    max-width: 100%;
  }
  .order-address-sec .row [class*="col-"]:not(:last-of-type){
    margin-bottom: 25px;
  }
  .order-address-sec p:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .order-address-inner .address-title {
    margin-bottom: 15px;
  }
  .add-details {
    gap: 15px;
  }
  /**** ORDER PAGE CSS END ****/
  .product-notification{
    left: 10px;
    max-width: 300px;
  }
  .cartDrawer .mini-cart-body {
    padding: 15px;
  }
  .mini-cart-item:not(:last-of-type) {
    margin-bottom: 15px;
  }
  #recently-viewed-products .product {
    width: 100%;
  }
  .sub-right-inner {
      display: none;
  }
} 
@media only screen and (max-width: 480px){
  .spr-summary.rte {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
}
/*======== infinty loader =========*/
.infinit-pagination a {
    margin: 30px auto 0;
    display: block;
}
.infinity-loader {
    width: 30px;
    height: 30px;
  margin:0 auto;
}
.js-load-more .hide .infinity-loader {
    margin-left: 8px;
}
.js-load-more {
    margin: auto;
    display: flex;
}
.load-more_wrap {
    margin: 30px auto 0;
}
/* load more btn */
.hide{
  display:none;
}
.collection .grid-product .rating-content{
  display: none;
}

.testimonials-sec .testi-card,
.testimonials-sec .testi-card * {
  color: #333333 !important; /* Noir pur – ou #333333 pour un gris foncé plus doux */
  /* background-color: transparent !important; /* Évite tout fond blanc caché */
}

/*======== Page produit =========*/
.view-product-sec,
#view-product-sec,
[class*="view-product-sec"] {
  display: none !important;
}

.products_add-cart-sticky,
.pro-bottom-sticky-cart,
.show-btn,
[class*="sticky"][class*="cart"],
[class*="add-cart"][class*="sticky"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.products_add-cart-sticky,
.pro-bottom-sticky-cart,
.show-btn,
.mobile-stickybar,
[class*="sticky"][class*="cart"],
[class*="mobile"][class*="stickybar"],
.show {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

.cart-notification-wrapper,
#cart-notification-wrapper,
.page-width.cart-notification-wrapper {
 
  position:relative !important;
  z-index:9999999 !important;
}

.swiper-slide.pdp-thumb-image,
.pdp-thumb-image,
.swiper-slide-thumb-active,
[class*="pdp-thumb-image"],
.swiper-thumbs .swiper-slide,
.gallery-thumbs .swiper-slide {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

.mobile-menu-wrapper.active-menu,
.mobile-menu-wrapper.active {
  z-index: 999999 !important;     /* niveau le plus haut possible */
  position: fixed !important;     /* indispensable pour que le z-index fonctionne à fond */
}

.quickview-popup,
#quickview-popup,
.quick-view-popup,
.quickview-modal,
[class*="quickview"][class*="open"],
[class*="quickview"].show,
.quickview-popup.active,
.quickview-popup[style*="block"] {
  z-index: 2147483647 !important;   /* valeur maximale possible en CSS */
  position: fixed !important;
}

cart-drawer,
#cartDrawer,
.cart-drawer,
.cartDrawer,
.cart-drawer.is-empty,
.cartDrawer[open],
cart-drawer[open],
.cart-drawer.active,
#CartDrawer {
  z-index: 2147483647 !important;   /* niveau maximum absolu */
  position: fixed !important;
}

.cart-btn.product-form__submit,
.btn.cart-btn.product-button {
  font-weight: 900 !important;
}