@charset"UTF-8";

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden
}
:root{
    --cmn-br-clr-rgb: 221, 221, 221;
    --heading-color: #000;
    --light-color: #6c757d;

    --fs-global-36: 36px;
    --fs-global-24: 24px;
    --fs-global-20: 20px;
    --fs-global-18: 18px;
    --fs-global-normal: 16px;
    --fs-global-14: 14px;
    --fs-global-12: 12px;
    --fs-global-10: 10px;

    --theme-light-bg: #f2f2f2;
    --theme-main-txt: #000;
    --theme-light-txt: #6c757d;
    --theme-br: #dee2e6;
}

@font-face {
    font-family: MHE Riyal Sign;
    src: url(/landlord/frontend/fonts/MHE-Riyal-Sign.ttf);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0;
    padding: 0 !important;
    color: var(--body-color);
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 26px
}

h1 {
    font-size: 60px;
    line-height: 1.0833333333
}
h2 {
    font-size: 36px;
    line-height: 1.4444444444
}
h3 {
    font-size: 28px;
    line-height: 1.0833333333
}
h4 {
    font-size: 24px;
    line-height: 1.0833333333
}
h5 {
    font-size: 20px;
    line-height: 1.2380952381
}
h6 {
    font-size: 18px;
    line-height: 1.2380952381
}

@media(max-width:991.98px) {
    h2 {
        font-size: 30px
    }
    h3 {
        font-size: 26px
    }
}
@media(max-width:575.98px) {
    body {
        font-size: 14px
    }
    h2 {
        font-size: 24px
    }
    h3 {
        font-size: 22px
    }
    h4 {
        font-size: 20px
    }
    h5 {
        font-size: 18px
    }
    h6 {
        font-size: 16px
    }
}

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

.rsf-24 {
    font-size: var(--fs-global-24) !important
}

.rsf-20 {
    font-size: var(--fs-global-20) !important
}

.rsf-18 {
    font-size: var(--fs-global-18) !important
}

.rsf-16 {
    font-size: var(--fs-global-normal) !important
}

.rsf-14 {
    font-size: var(--fs-global-14) !important
}
@media(max-width:991px) {
    *{
        --fs-global-36: 32px;
    }
}

@media(max-width:767px) {
    *{
        --fs-global-36: 28px;
        --fs-global-24: 20px;
        --fs-global-20: 18px;
        --fs-global-18: 16px;
        --fs-global-normal: 14px;
        --fs-global-14: 12px;
        --fs-global-12: 10px;
        --fs-global-10: 8px;
    }
    .f24-mobile {
        font-size: 24px !important
    }

    .f14-mobile {
        font-size: 14px !important
    }
}

.z-n1{
    z-index: -1 !important;
}
.z-0{
    z-index: 0 !important;
}
.z-1{
    z-index: 1 !important;
}
.z-2{
    z-index: 2 !important;
}
.z-3{
    z-index: 3 !important;
}

p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 0;
    font-size: var(--fs-global-normal)
}

a {
    color: inherit;
    text-decoration: none;
    color: var(--extra-light-color);
    -webkit-transition: 300ms;
    transition: 300ms
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
    color: inherit
}

pre {
    word-break: break-word
}

a i {
    padding: 0 2px
}

img {
    max-width: 100%
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px
}

ul li {
    list-style: none
}

ol {
    counter-reset: counter;
    padding-left: 0
}

ol li {
    list-style: none
}

ol li:before {
    font-weight: 500;
    margin-right: 10px
}

.summernote ol,
.summernote ol li,
.dynamic ol,
.dynamic ol li,
.summernote ul,
.summernote ul li,
.dynamic ul,
.dynamic ul li{
    list-style: revert;
    padding: revert;
}

span {
    display: inline-block
}

.text-primary{
    color: var(--main-color-one) !important
}

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

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

.form-control {
    width: 100%
}

.form-select {
    box-shadow: none !important
}

textarea {
    width: 100%;
    padding: 15px 15px 0
}

.form-group .dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: none;
    color: var(--bs-gray);
    border: 2px dashed rgb(221, 221, 221, .4);
    padding: 24px;
}

.form-group .dropzone:has(.dz-preview)>h3 {
    display: none;
}

.form-group .dz-preview {
    flex-direction: column;
}

.form-group .dropzone .dz-preview .dz-details,
.form-group .dropzone .dz-preview .dz-image {
    border-radius: 0;
}

.flex-start{
    display: flex;
    align-items: center;
    justify-content: start;
}
.runded-5 {
    border-radius: 24px
}

@media(max-width:767px) {
    .runded-5 {
        border-radius: 16px
    }
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-end{
    display: flex;
    align-items: center;
    justify-content: end;
}

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

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.single-border {
    border: 1px solid rgba(221, 221, 221, .5)
}

.color-light {
    color: var(--light-color) !important
}

.color-heading {
    color: var(--heading-color)
}

.section-bg-1 {
    background-color: var(--section-bg-1)
}

.color-one {
    color: var(--main-color-one)
}

.color-stock {
    color: var(--stock-color)
}

.review-color {
    color: var(--review-color)
}

.bg-color-new {
    background: var(--new-color)
}

.facebook-bg {
    background-color: #3b5999 !important
}

.twitter-bg {
    background-color: #55acee !important
}

.pintarest-bg {
    background-color: #c40014 !important
}

.youtube-bg {
    background-color: #ff1544 !important
}

.instagram-bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#fea038), color-stop(#ff8841), color-stop(#ff704e), color-stop(#ff575f), color-stop(#ff3e71), color-stop(#fa3080), color-stop(#f12690), color-stop(#e523a0), color-stop(#d12dac), color-stop(#bb37b7), color-stop(#a140bf), to(#8347c5)) !important;
    background: linear-gradient(to top, #fea038, #ff8841, #ff704e, #ff575f, #ff3e71, #fa3080, #f12690, #e523a0, #d12dac, #bb37b7, #a140bf, #8347c5) !important
}

.linkedin-bg {
    background-color: #326DE4 !important
}

.bg-image,
.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.lazyloads {
    display: block
}

.border-1 {
    border: 1px solid rgba(221, 221, 221, .5)
}

.white-color {
    color: #fff
}

[dir=ltr] .start-text {
    text-align: left !important
}

[dir=rtl] .start-text {
    text-align: right !important
}

.center-text {
    text-align: center
}

[dir=ltr] .end-text {
    text-align: right
}

[dir=rtl] .end-text {
    text-align: left
}

.tab-content-item {
    display: none
}

.tab-content-item.active {
    display: block;
    -webkit-animation: 1s fade-effects;
    animation: 1s fade-effects
}

.toast-close-button {
    display: flex !important;
    justify-content: end;
    padding: 10px 10px !important;
    font-size: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0;
}

.toast-close-button:before {
    content: "\f00d";
    font-family: 'Line Awesome Free';
    font-size: 16px;
    font-weight: 900;
}

.global-slick-init:hover.nav-style-three .prev-icon,
.global-slick-init:hover.nav-style-three .next-icon {
    visibility: visible;
    opacity: 1
}

.global-slick-init.nav-style-three .prev-icon,
.global-slick-init.nav-style-three .next-icon {
    visibility: hidden;
    opacity: 0
}

.nav-style-two {
    position: relative
}

.nav-style-two.nav-color-two .prev-icon,
.nav-style-two.nav-color-two .next-icon {
    background: var(--main-color-two)
}

.nav-style-two.nav-color-two .prev-icon:hover,
.nav-style-two.nav-color-two .next-icon:hover {
    color: var(--main-color-two)
}

.nav-style-two.nav-color-three .prev-icon,
.nav-style-two.nav-color-three .next-icon {
    background: var(--main-color-three)
}

.nav-style-two.nav-color-three .prev-icon:hover,
.nav-style-two.nav-color-three .next-icon:hover {
    color: var(--main-color-three)
}

.nav-style-two.nav-color-four .prev-icon:hover,
.nav-style-two.nav-color-four .next-icon:hover {
    color: var(--main-color-four)
}

.nav-style-two .prev-icon,
.nav-style-two .next-icon {
    position: absolute;
    right: 35px;
    top: -78px;
    font-size: 30px;
    cursor: pointer;
    z-index: 9;
    background: none;
    color: var(--heading-color);
    -webkit-transition: 300ms;
    transition: 300ms
}

.nav-style-two .prev-icon:hover,
.nav-style-two .next-icon:hover {
    color: var(--main-color-one)
}

.nav-style-two .next-icon {
    left: auto;
    right: 5px
}

.nav-style-one {
    position: relative
}

.nav-style-one.nav-color-two .prev-icon:hover,
.nav-style-one.nav-color-two .next-icon:hover {
    color: var(--main-color-two);
    border-color: var(--main-color-two)
}

.nav-style-one.nav-color-three .prev-icon:hover,
.nav-style-one.nav-color-three .next-icon:hover {
    color: var(--main-color-three);
    border-color: var(--main-color-three)
}

.nav-style-one:hover .prev-icon,
.nav-style-one:hover .next-icon {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-50%)rotateY(0);
    transform: translateY(-50%)rotateY(0)
}

.nav-style-one .prev-icon,
.nav-style-one .next-icon {
    position: absolute;
    right: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%)rotateY(180deg);
    transform: translateY(-50%)rotateY(180deg);
    font-size: 24px;
    cursor: pointer;
    z-index: 9;
    background: #fff;
    border: 1px solid #ddd;
    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;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -webkit-transition: 300ms;
    transition: 300ms;
    visibility: hidden;
    opacity: 0
}

.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover {
    color: var(--main-color-one);
    border-color: var(--main-color-one)
}

@media(min-width:1200px) and (max-width:1880px) {

    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: -20px
    }
}

@media(max-width:1199.98px) {

    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: -20px
    }
}

@media(max-width:991.98px) {

    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: -20px
    }
}

@media(max-width:575.98px) {

    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        right: 0;
        padding: 5px;
        text-align: center
    }
}

.nav-style-one .prev-icon {
    right: auto;
    left: -20px
}

@media(min-width:1200px) and (max-width:1880px) {
    .nav-style-one .prev-icon {
        left: -20px
    }
}

@media(max-width:1199.98px) {
    .nav-style-one .prev-icon {
        left: -20px
    }
}

@media(max-width:991.98px) {
    .nav-style-one .prev-icon {
        left: -20px
    }
}

@media(max-width:575.98px) {
    .nav-style-one .prev-icon {
        left: 0
    }
}

.dot-style-one.banner-dots .slick-dots li {
    height: 5px;
    width: 20px;
    display: block;
    border-radius: 0
}

.dot-style-one.banner-dots .slick-dots li.slick-active {
    width: 40px;
    height: 5px
}

.dot-style-one.banner-dots.dot-color-two .slick-dots li {
    background: #DDD
}

.dot-style-one.banner-dots.dot-color-two .slick-dots li.slick-active {
    background: var(--main-color-two)
}

.dot-style-one.banner-dots.dot-color-three .slick-dots li.slick-active {
    background: var(--main-color-three)
}

.dot-style-one.dot-absolute .slick-dots {
    position: absolute;
    bottom: 30px;
    right: 0
}

@media(max-width:480px) {
    .dot-style-one.dot-absolute .slick-dots {
        bottom: 20px
    }
}

@media(max-width:375px) {
    .dot-style-one.dot-absolute .slick-dots {
        bottom: 10px
    }
}

.dot-style-one.dot-style-two .slick-dots li {
    height: 5px;
    width: 12px;
    border-radius: 0
}

.dot-style-one.dot-style-two .slick-dots li.slick-active {
    background: var(--main-color-one);
    width: 35px;
    border-radius: 2px
}

.dot-style-one.dot-style-three .slick-dots li {
    border-radius: 0
}

.dot-style-one.dot-color-two .slick-dots li {
    background-color: #DDD
}

.dot-style-one.dot-color-two .slick-dots li.slick-active {
    background: var(--main-color-two)
}

.dot-style-one.dot-color-three .slick-dots li.slick-active {
    background: var(--main-color-three)
}

.dot-style-one.dot-color-four .slick-dots li.slick-active {
    background: var(--main-color-four)
}

.dot-style-one .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    padding: 10px 0 0
}

.dot-style-one .slick-dots li {
    text-indent: -9999px;
    height: 10px;
    width: 10px;
    background: #DDD;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.dot-style-one .slick-dots li.slick-active {
    background: var(--main-color-one)
}

.dot-style-one .slick-dots li button {
    border: 0;
    outline: 0
}

.body-overlay-desktop {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.body-overlay-desktop.active {
    visibility: visible;
    opacity: 1;
    z-index: 9;
    left: 0
}

.btn-wrapper button {
    outline: 0
}

.btn-wrapper button:focus {
    outline: 0
}

.btn,
.btn-close {
    border-radius: 0;
    box-shadow: none !important
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:disabled {
    background: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
}

.btn-main {
    background: var(--main-color-one);
    color: #fff !important
}


@media(max-width:991.98px) {
    section.promo-area.padding-top-10 {
        padding-top: 0 !important
    }
}

@media(max-width:991px) and (min-width:320px) {
    .row.margin-top-65 {
        margin-top: 45px !important
    }

    .row.margin-top-40 {
        margin-top: 20px !important
    }

    .row.margin-top-10 {
        margin-top: 0 !important
    }

    .col-lg-12.margin-top-10 {
        margin-top: 0 !important
    }

    .btn-wrapper.margin-top-50 {
        margin-top: 30px !important
    }
}

.container-one,
.container-two,
.container-three {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media(max-width:575px) and (min-width:354px) {
    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media(min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }

    .container-one {
        max-width: 540px
    }

    .container-two {
        max-width: 540px
    }

    .container-three {
        max-width: 540px
    }
}

@media(min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }

    .container-one {
        max-width: 720px
    }

    .container-two {
        max-width: 720px
    }

    .container-three {
        max-width: 720px
    }
}

@media(min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }

    .container-one {
        max-width: 960px
    }

    .container-two {
        max-width: 960px
    }

    .container-three {
        max-width: 960px
    }
}

@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }

    .container-one {
        max-width: 1140px
    }

    .container-two {
        max-width: 1140px
    }

    .container-three {
        max-width: 1140px
    }
}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }

    .container-one {
        max-width: 1320px
    }

    .container-two {
        max-width: 1320px
    }

    .container-three {
        max-width: 1320px
    }
}

@media(min-width:1600px) {
    .container-one {
        max-width: 1540px
    }

    .container-two {
        max-width: 1540px
    }

    .container-three {
        max-width: 1540px
    }
}

@media(min-width:1800px) {
    .container-one {
        max-width: 1735px
    }

    .container-two {
        max-width: 1735px
    }
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-17 {
    font-size: 17px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-26 {
    font-size: 26px !important
}

.fs-27 {
    font-size: 27px !important
}

.fs-28 {
    font-size: 28px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-32 {
    font-size: 32px !important
}

.fs-36 {
    font-size: 36px !important
}

.fs-46 {
    font-size: 46px !important
}

.fs-65 {
    font-size: 65px !important
}

.fw-semibold {
    font-weight: 600;
}

.overflow-hidden {
    overflow: hidden
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after{
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after{
    clear: both
}

.mobile-logo {
    display: none
}

@media(max-width:991px) {
    .mobile-logo {
        display: block
    }

    .desktop-logo {
        display: none !important
    }
}

.navbar-area {
    position: relative;
    z-index: 95
}

@media(max-width:991.98px) {
    .navbar-area {
        padding: 0
    }
}

.navbar-area.nav-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 99
}


.navbar-area .nav-container {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px
}

@media(max-width:1399.98px) {
    .navbar-area .nav-container {
        padding: 20px 0
    }
}

@media(max-width:1199.98px) {
    .navbar-area .nav-container {
        padding: 15px 0
    }
}

.navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 160px;
    max-height: 60px
}

@media(max-width:991.98px) {
    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 150px;
        max-height: 50px
    }
}

.navbar-3 .nav-logo-center {
    position: relative;
    z-index: 99
}

@media(min-width:992px) {
    .navbar-3 .nav-logo-center {
        z-index: 100
    }
}

.navbar-3 .navbar-toggler {
    position: relative;
    transform: translateY(0)
}

.navbar-3 .navbar-collapse {
    border-top: 1px solid var(--bs-gray-300)
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
    margin-top: 15px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
    text-align: center
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: 16px;
    font-family: var(--body-font);
    text-transform: capitalize;
    color: var(--heading-color);
    font-weight: 400;
    line-height: 32px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0
}

@media(max-width:1399.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 15px
    }
}

@media(max-width:1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 14px
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 10px 22px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

@media(max-width:1599.98px) and (min-width:992px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 6px 12px
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-one);
    background: none
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
    background: none
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
    padding-right: 0;
    position: relative
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 20px;
    position: relative;
    z-index: 0
}

@media(max-width:1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
        padding: 10px 10px
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    top: 1px;
    left: 4px;
    position: relative
}

footer .sub-menu,
footer .sub-category-insider-list {
    display: none
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 50px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-color: rgba(221, 221, 221, .3);
    -moz-column-rule-color: rgba(221, 221, 221, .3);
    column-rule-color: rgba(221, 221, 221, .3);
    -webkit-column-rule-width: 2px;
    -moz-column-rule-width: 2px;
    column-rule-width: 2px
}

@media(max-width:991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
    margin-bottom: -1px
}

@media(max-width:991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
        margin-bottom: 0
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    display: block;
    margin-left: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: -1px
}

@media(max-width:991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        margin-bottom: 0
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
    margin-bottom: -1px
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: 1px solid #e2e2e2
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 10px 30px;
    background-color: #fff;
    white-space: nowrap;
    color: var(--heading-color);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
    position: relative;
    z-index: 0;
    padding-right: 0
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
    left: 100%;
    top: 0
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: #fff
}

.navbar-inner-all {
    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
}

@media(max-width:991.98px) {
    .navbar-inner-all {
        display: block;
        width: 100%
    }
}

.click-nav-right-icon {
    display: none
}

@media(max-width:991.98px) {
    .click-nav-right-icon {
        position: absolute;
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 30px;
        color: rgba(0, 0, 0, .7);
        display: block
    }

    .click-nav-right-icon:hover {
        color: var(--heading-color)
    }

    .click-nav-right-icon.white-color {
        color: #fff
    }

    .click-nav-right-icon.white-color:hover {
        color: #fff
    }
}

@media(max-width:991.98px) {
    .show-nav-content {
        visibility: hidden;
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transition: 300ms;
        transition: 300ms;
        margin-top: -60px;
        margin-left: auto
    }
}

@media(max-width:991.98px) {
    .show-nav-content.show {
        visibility: visible;
        opacity: 1;
        margin-top: 10px
    }
}

.single-right-content .btn-track {
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-right-content .btn-track:hover {
    color: var(--main-color-one)
}

.single-right-content .btn-track .track-icon {
    color: var(--main-color-one)
}

.single-right-content .user-icon-price {
    background: rgba(var(--main-color-three-rgb), .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-right-content .user-icon-price .user-icon {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--main-color-three);
    color: #fff;
    height: 46px;
    width: 46px
}

.single-right-content .user-icon-price .user-price {
    font-size: 20px;
    line-height: 30px;
    padding: 0 10px;
    color: var(--main-color-three)
}

.single-right-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

/* free shipping progress */
.fs_track-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 14px 16px 20px;
    margin: 0;
    z-index: 1;
}

.fs_track-wrap {
    width: 100%;
    height: 20px;
    background: var(--bs-gray-200);
    border-radius: 10rem;
    position: relative;
}

.fs_track-bar {
    max-width: 100%;
    min-width: 32px;
    height: 100%;
    border-radius: 10rem;
    background-color: var(--main-color-one);
    position: absolute;
    top: 0;
    left: 0;
}

[dir=rtl] .fs_track-bar {
    left: auto;
    right: 0;
}

.fs_track-bar i {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--main-color-one);
    border: 2px solid var(--main-color-one);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
}

[dir=rtl] .fs_track-bar i {
    left: 0;
    right: auto;
}

.fs_track-row .btn-close {
    min-width: 14px;
    position: relative;
    padding: 0;
}

@media(max-width:575px) {
    .fs_track-wrap {
        height: 16px;
    }

    .fs_track-bar {
        min-width: 28px;
    }

    .fs_track-bar i {
        width: 30px;
        height: 30px;
        font-size: 8px;
    }
}

.navbar-right-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.track-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.track-icon-list.white-color .single-icon .icon {
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.track-icon-list .single-icon {
    position: relative
}

.track-icon-list .single-icon:hover .icon:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.single-icon:hover .icon-notification {
    background-color: #fff;
    color: var(--main-color-one)
}

.mobile-nav-icon {
    position: relative;
    width: fit-content;
    margin: auto
}

.mobile-nav-icon .icon-count {
    position: absolute;
    top: 0;
    right: -10px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    background: var(--main-color-one);
    color: #fff;
    border-radius: 50%;
}

.single-icon .icon {
    font-size: var(--fs-global-20);
    color: var(--heading-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    background-color: rgba(221, 221, 221, .3)
}

.single-icon .icon-notification {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--fs-global-12);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    line-height: 1;
    background: var(--main-color-one);
    color: #fff;
    border-radius: 50%;
    pointer-events: none;
}

.login-account {
    position: relative;
    z-index: 3;
    -webkit-transition: .3s;
    transition: .3s
}

.login-account:hover .account-list-item {
    visibility: visible;
    opacity: 1;
    top: 105%;
    background: #fff
}

.login-account:hover .accounts {
    color: #fff;
    background-color: var(--main-color-one)
}

.login-account:hover .accounts i {
    color: #fff
}

.login-account .account-list-item {
    position: absolute;
    top: 130%;
    right: 0;
    background: #fff;
    z-index: 9998;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, .4);
    box-shadow: 0 0 10px rgba(221, 221, 221, .4);
    width: 260px;
    background: #fff;
    padding: 16px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    display: block !important;
    margin-left: 0 !important
}

.login-account .account-list-item .list {
    margin: 0 !important;
    display: block !important
}

.login-account .account-list-item .list a {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: var(--bs-dark);
    -webkit-transition: .3s;
    transition: .3s
}

.login-account .account-list-item a:hover {
    color: var(--main-color-one)
}

.login-account .accounts {
    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;
    height: 45px;
    width: 45px;
    background-color: rgba(221, 221, 221, .3);
    gap: 10px;
    color: var(--light-color);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    overflow: hidden
}

.login-account .accounts i {
    font-size: 20px;
    color: var(--heading-color);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.login-account .accounts-img {
    border: 1px solid rgba(221, 221, 221, .3);
    border-radius: 50%
}

.login-account .accounts img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width:375px) {
    .login-account .accounts {
        gap: 5px
    }
}

.cart-shopping {
    position: relative;
    z-index: 2
}

.cart-shopping:hover .icon {
    background-color: var(--main-color-one);
    color: #fff
}

.cart-shopping:hover .addto-cart-contents {
    visibility: visible;
    opacity: 1;
    top: 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cart-shopping .addto-cart-contents {
    position: absolute;
    right: 0;
    top: 130%;
    z-index: 3;
    width: 400px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, .5);
    box-shadow: 0 0 10px rgba(221, 221, 221, .5);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s;
    transition: all .3s
}

.cart-empty {
    width: 280px !important;
    height: 220px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

[dir=ltr] .navbar-2 .account-list-item,
[dir=ltr] .navbar-2 .addto-cart-contents,
[dir=ltr] .navbar-2 .search-suggestions-icon-wrapper .search-suggetions-show {
    right: auto;
    left: 0
}

[dir=ltr] .navbar-3 .account-list-item,
[dir=ltr] .navbar-3 .search-suggestions-icon-wrapper .search-suggetions-show {
    right: auto;
    left: 0
}

.cart-shopping .cart-total-amount {
    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;
    padding: 12px 0;
    border-top: 1px dashed #dee2e6;
    border-bottom: 1px dashed #dee2e6;
    font-size: 14px;
}

.cart-shopping .single-addto-cart-wrappers {
    max-height: 280px;
    scrollbar-width: none;
    scrollbar-color: var(--bs-gray-200) #cccccc20;
    overflow-y: auto;
}

.cart-shopping .single-addto-cart-wrappers:hover {
    scrollbar-width: thin;
}

.cart-shopping .single-addto-carts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding-bottom: 6px;
}


.cart-shopping .single-addto-carts {
    border-bottom: 1px dashed #dee2e6;
    padding-bottom: 14px;
    margin-bottom: 14px
}

.cart-shopping .single-addto-carts:nth-last-of-type(1) {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 0
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.cart-shopping .single-addto-carts .addto-cart-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px
}

.cart-shopping .single-addto-carts .addto-cart-thumb a,
.cart-shopping .single-addto-carts .addto-cart-thumb img {
    max-height: 100%;
}

.cart-shopping .addto-cart-item-contents {
    flex: 1 0 0%;
}

.cart-shopping .addto-cart-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 16px;
}

.cart-shopping .addto-cart-title a {
    font-weight: 600;
}

.addto-cart-title .la-times,
.cart-item__delete {
    cursor: pointer;
}

.cart-item__delete:hover {
    color: var(--bs-danger);
}

.cart-shopping .name-subtitle {
    color: var(--bs-gray);
    font-size: 12px;
    line-height: 1.4;
}

.cart-shopping .price-title {
    color: var(--main-color-one);
    font-size: 14px;
    font-weight: 600;
}

.cart-shopping .btn-wrapper .cart-btn {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--body-font);
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid var(--main-color-one);
    background-color: var(--main-color-one);
    -webkit-transition: all .3s;
    transition: all .3s
}

.cart-shopping .btn-wrapper .cart-btn:hover {
    background: none;
    color: var(--main-color-one)
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    background: none;
    color: var(--main-color-one);
    border: 1px solid var(--main-color-one)
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    background-color: var(--main-color-one);
    color: #fff
}

@media(max-width:991px) {
    .navbar-area .navbar-toggler {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        outline: 0
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon {
        background: none
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
    .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
        background: rgba(0, 0, 0, .7);
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon {
        background: rgba(0, 0, 0, .7);
        display: inline-block;
        width: 25px;
        height: 2px;
        margin: 10px -4px 10px;
        position: relative
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon::before,
    .navbar-area .navbar-toggler .navbar-toggler-icon::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 25px;
        background: rgba(0, 0, 0, .7);
        top: -7px;
        left: 0;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon::after {
        top: auto;
        bottom: -7px
    }

    .navbar-area .nav-container {
        position: relative;
        z-index: 0;
        min-height: 50px;
        padding: 5px 0 5px
    }

    .navbar-area .nav-container .responsive-mobile-menu {
        display: block;
        position: relative;
        width: 100%
    }

    .navbar-area .nav-container .navbar-brand {
        display: block
    }

    .navbar-area .nav-container .navbar-brand .navbar-toggler {
        position: absolute;
        right: 10px;
        border: 1px solid #e2e2e2;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 17px 20px
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
        border-bottom: none
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
        margin-left: 0
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
        top: 25px;
        right: 20px
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
        padding-bottom: 0
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        visibility: visible;
        height: auto;
        opacity: 1;
        background-color: transparent;
        border-bottom: none;
        padding-top: 10px
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
        content: ""
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        padding: 0
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
        color: #fff
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
        border-top: none
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid rgba(221, 221, 221, .4)
    }
}

@media(max-width:575px) {
    .navbar-area .nav-container {
        padding: 0 15px
    }

    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 110px
    }
}

[dir="ltr"] .fixed-bottom.tjar-badg {
    right: auto
}

[dir="rtl"] .fixed-bottom.tjar-badg {
    left: auto
}

.modal-dialog-certificate {
    max-width: 600px !important
}

.modal-certificate {
    padding: 32px 24px;
    border: 0;
    border-radius: 24px
}

.modal-certificate .btn-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 10px;
    color: var(--bs-danger);
    padding: 0 !important;
    background-color: var(--bs-gray-200)
}

.modal-certificate .modal-title {
    color: var(--bs-dark);
    font-size: 12px
}

.certificate-num {
    padding: 12px;
    border-radius: 8px;
    color: var(--bs-dark);
    background: var(--bs-gray-200);
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    min-width: 160px
}

.modal-certificate-img {
    width: 100%;
    aspect-ratio: 1.3;
    border-radius: 16px
}

.supportZone-modal,
.branches-modal {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.supportZone-icon {
    width: 48px;
    height: 48px;
    fill: var(--main-color-one);
    padding: 13px;
    line-height: 1.4;
    border-radius: 50%;
    box-shadow: 0 0 0 1.2px #03071214, 0 1.2px 2.4px 0 #0307121F, 0 -2.4px 0 0 #8787871F inset
}

#supportZone_error .supportZone-icon {
    fill: var(--bs-danger);
}

.supportZone-modal .btn-close,
.branches-modal .btn-close{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 12px;
    padding: 0 !important;
    transition: .3s
}

.supportZone-modal .btn-close:hover,
.branches-modal .btn-close:hover {
    background-color: var(--bs-gray-200)
}

.supportZone-modal .modal-content,
.branches-modal .modal-content {
    border-radius: 0
}

.supportZone-title,
.branches-title {
    font-weight: 600
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.tabs li {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-color);
    line-height: 28px;
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms
}

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--main-color-one);
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    z-index: 99;
    font-size: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    display: none
}

@media(max-width:575.98px) {
    .back-to-top {
        height: 40px;
        width: 40px;
        font-size: 22px;
        line-height: 40px;
        bottom: 20px;
        right: 20px
    }
}

.single-input {
    width: 100%
}

.single-input .label-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    display: block;
    margin-bottom: 12px
}

@media(max-width:480px) {
    .single-input .label-title {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .single-input .label-title {
        font-size: 14px
    }
}

.single-input .form--control {
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    border: 1px solid rgba(221, 221, 221, .3);
    background-color: unset;
    outline: 0;
    color: var(--light-color);
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, .1);
    box-shadow: 0 0 10px rgba(255, 255, 255, .1)
}

.single-input .form--control:focus {
    border-color: rgba(var(--main-color-one-rgb), .3);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), .1);
    box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), .1)
}

@media(max-width:480px) {
    .single-input .form--control {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .single-input .form--control {
        font-size: 14px
    }
}

.single-input .textarea--form {
    height: 100px;
    line-height: 28px;
    padding: 15px
}

.submit-btn {
    border: 1px solid var(--main-color-one);
    background-color: var(--main-color-one);
    color: #fff;
    padding: 12px 20px;
    -webkit-transition: 300ms;
    transition: 300ms
}

.submit-btn:hover {
    background-color: unset;
    color: var(--main-color-one)
}

.checkbox-inlines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    gap: 10px
}

.checkbox-inlines .check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    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;
    height: 18px;
    width: 18px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-top: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.checkbox-inlines .check-input::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 10px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.6)rotate(90deg);
    transform: scale(1.6)rotate(90deg);
    -webkit-transition: all .2s;
    transition: all .2s
}

.checkbox-inlines .check-input:checked {
    background: var(--main-color-one);
    border-color: var(--main-color-one);
    background: var(--main-color-one)
}

.checkbox-inlines .check-input:checked::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.2)rotate(0);
    transform: scale(1.2)rotate(0)
}

.checkbox-inlines .checkbox-label {
    cursor: pointer;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-color);
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width:575.98px) {
    .checkbox-inlines .checkbox-label {
        font-size: 15px
    }
}

.btn-wrapper {
    display: block
}

.btn-wrapper .cmn-btn {
    color: var(--main-color-one);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: 8px 16px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

@media(max-width:575.98px) {
    .btn-wrapper .cmn-btn {
        padding: 10px 25px;
        font-size: 15px;
        line-height: 28px
    }
}

@media(max-width:375px) {
    .btn-wrapper .cmn-btn {
        padding: 5px 15px;
        font-size: 14px
    }
}

.submit-style,
.checkout-form .btn-submit,
.order-track-contents .btn-submit {
    border: 2px solid var(--main-color-one);
    background-color: var(--main-color-one);
    color: #fff;
    padding: 12px 20px
}

@media(max-width:767px) {
    .order-cancel-area .title {
        font-size: 32px
    }
}

.section-title {
    gap: 20px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[lang=ar] .section-title {
    line-height: 1.6
}

.section-title.text-left {
    text-align: left
}

.section-title.center-text {
    text-align: center
}

.section-title .title {
    font-size: 56px;
    font-weight: 400;
    line-height: 70px;
    color: var(--heading-color);
    margin: -12px 0 0 0
}

@media(max-width:1599.98px) {
    .section-title .title {
        font-size: 52px;
        line-height: 60px;
        margin: -10px 0 0
    }
}

@media(max-width:1399.98px) {
    .section-title .title {
        font-size: 48px;
        line-height: 60px;
        margin: -10px 0 0
    }
}

@media(max-width:1199.98px) {
    .section-title .title {
        font-size: 42px;
        line-height: 50px;
        margin: -9px 0 0
    }
}

@media(max-width:991.98px) {
    .section-title .title {
        font-size: 36px;
        line-height: 36px
    }
}

@media(max-width:575.98px) {
    .section-title .title {
        font-size: 32px;
        line-height: 32px
    }
}

@media(max-width:375px) {
    .section-title .title {
        font-size: 28px;
        line-height: 28px
    }
}

.section-title .section-para {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px
}

.section-title-btn .view-all {
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 400;
    color: var(--light-color);
    border: 1px solid var(--light-color);
    -webkit-transition: 300ms;
    transition: 300ms
}

.section-title-btn .view-all:hover {
    background-color: var(--light-color);
    color: #fff
}

@media(max-width:375px) {
    .center-text .rating-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.rating-wrap .ratings {
    position: relative;
    z-index: 0;
    width: fit-content;
    height: 16px;
    display: inline-block
}

.rating-wrap .ratings span {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 16px
}

.rating-wrap .ratings span:after {
    content: "" "" "" "" "";
    width: 100%;
    font-family: "Line Awesome Free";
    font-weight: 900
}

.rating-wrap .ratings span.hide-rating:after {
    color: var(--bs-gray-300)
}

.rating-wrap .ratings span.show-rating:after {
    color: var(--bs-dark)
}

.rating-wrap .ratings .show-rating {
    position: absolute;
    top: 0
}

@media(max-width:375px) {
    .center-text .price-update-through {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.price-update-through {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.price-update-through .flash-prices {
    color: var(--heading-color);
    font-size: 20px;
    font-weight: 500
}

.price-update-through .flash-prices.color-one {
    color: var(--main-color-one)
}

.price-update-through .flash-prices.hover-color-one:hover {
    color: var(--main-color-one)
}

.price-update-through .flash-old-prices {
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    color: var(--extra-light-color)
}

.counter-area {
    position: relative;
    z-index: 1
}

.counter-shape img {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2
}

.counter-wrapper {
    padding: 65px 0 80px
}

@media(max-width:991.98px) {
    .counter-wrapper {
        padding: 35px 0 50px
    }
}

.counter-wrapper-border {
    border: 2px dashed var(--main-color-one)
}

.center-text .single-counter-count {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.single-counter-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: -8px 0 0
}

.single-counter-count.border-counter {
    padding-bottom: 20px
}

.single-counter-count.border-counter::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--main-color-one);
    height: 3px;
    width: 50px
}

.single-counter-count .odometer {
    font-size: 42px;
    line-height: 36px;
    font-weight: 700;
    font-family: var(--heading-font);
    color: var(--heading-color)
}

@media(max-width:1599.98px) {
    .single-counter-count .odometer {
        font-size: 36px
    }
}

@media(max-width:1399.98px) {
    .single-counter-count .odometer {
        font-size: 32px
    }
}

@media(max-width:1199.98px) {
    .single-counter-count .odometer {
        font-size: 30px
    }
}

@media(max-width:991.98px) {
    .single-counter-count .odometer {
        font-size: 36px
    }
}

@media(max-width:480px) {
    .single-counter-count .odometer {
        font-size: 32px
    }
}

@media(max-width:375px) {
    .single-counter-count .odometer {
        font-size: 28px
    }
}

.single-counter-count-title {
    font-size: 56px;
    font-weight: 400;
    line-height: 50px
}

@media(min-width:1600px) and (max-width:1849.98px) {
    .single-counter-count-title {
        font-size: 52px
    }
}

@media(max-width:1599.98px) {
    .single-counter-count-title {
        font-size: 48px
    }
}

@media(max-width:1399.98px) {
    .single-counter-count-title {
        font-size: 40px
    }
}

@media(max-width:1199.98px) {
    .single-counter-count-title {
        font-size: 36px
    }
}

@media(max-width:991.98px) {
    .single-counter-count-title {
        font-size: 36px
    }
}

@media(max-width:480px) {
    .single-counter-count-title {
        font-size: 32px
    }
}

@media(max-width:375px) {
    .single-counter-count-title {
        font-size: 28px
    }
}

.single-counter-para {
    font-size: 20px;
    line-height: 30px
}

@media(max-width:1399.98px) {
    .single-counter-para {
        font-size: 18px
    }
}

@media(max-width:1199.98px) {
    .single-counter-para {
        font-size: 16px
    }
}

@media(max-width:991.98px) {
    .single-counter-para {
        font-size: 16px
    }
}

@media(max-width:480px) {
    .single-counter-para {
        font-size: 15px
    }
}

.theme-one .single-counter-count-title {
    font-size: 48px;
    line-height: 48px;
    margin-top: -12px
}

.theme-one .counter-wrapper-border {
    border: 2px dashed var(--main-color-two)
}

.theme-one .single-counter-count.border-counter::before {
    background-color: var(--main-color-two)
}

.countdown-para {
    line-height: 30px
}

.global-timer .syotimer__body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.global-timer .syotimer__body .syotimer-cell {
    text-align: center;
    position: relative;
    z-index: 1
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-weight: 600;
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
    text-transform: capitalize;
}

.center-text .global-timer .syotimer__body {
    justify-content: center
}

.price-range-slider {
    padding: 0 10px
}

.price-range-slider .ui-range-slider.noUi-target {
    position: relative;
    border-radius: 3px;
    height: 3px
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle {
    top: -11px;
    left: -3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    background: var(--main-color-one)
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle.noUi-handle-upper::before {
    background-color: var(--main-color-one)
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
    background: var(--main-color-one)
}

.price-range-slider .ui-range-slider-footer {
    display: table;
    width: 100%;
    padding-top: 20px
}

.price-range-slider .ui-range-slider-footer .ui-range-values {
    display: inline-block;
    color: var(--heading-color)
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-price-title {
    font-size: 18px;
    font-weight: 400;
    margin-right: 10px;
    color: var(--light-color)
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-min,
.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-max {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: var(--heading-color)
}

.noUi-background {
    background: #DDD
}

[dir=rtl] .price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
    right: auto;
    left: 0
}

[dir=rtl] .price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
    background: var(--main-color-one)
}

.custom--table {
    width: 100%;
    color: inherit;
    vertical-align: middle;
    font-weight: 400;
    text-align: center
}

.custom--table thead {
    font-weight: 700;
    font-size: 18px;
    background: inherit;
    color: inherit;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--heading-font)
}

.custom--table tbody {
    border-top: 0;
    overflow: hidden;
    border-radius: 10px
}

.custom--table tbody tr:nth-child(odd) {
    background-color: inherit
}

.custom--table tbody tr:nth-child(even) {
    background-color: inherit
}

.custom--table tr th {
    font-size: 18px;
    font-weight: 500;
    color: var(--light-color)
}

.custom--table tr td {
    font-size: 18px;
    color: var(--heading-color);
    padding: 20px 0;
    line-height: 22px
}

@media(max-width:991.98px) {
    .custom--table tr td {
        padding: 10px 0
    }
}

.custom--table tr td:last-child {
    padding: 0
}

[data-label] {
    position: relative
}

[data-label]::before {
    position: absolute;
    content: attr(data-label);
    font-weight: 600;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    padding: 8px 20px;
    display: none;
    font-size: 18px
}

[dir=rtl] [data-label]::before {
    left: auto;
    right: 10px
}

@media(max-width:991px) {
    .table-responsive {
        overflow-x: unset
    }

    .table-responsive thead {
        display: none
    }

    .table-responsive thead tr {
        display: block
    }

    .table-responsive thead tr .check-all-rows {
        display: block
    }

    .table-responsive [data-label]::before {
        display: block
    }

    [dir=ltr] .table-responsive tr td {
        display: block;
        text-align: right;
        padding-right: 5px
    }

    [dir=rtl] .table-responsive tr td {
        display: block;
        text-align: left;
        padding-left: 5px
    }

    .table-responsive [data-label]::before {
        padding: 8px 10px 8px 5px
    }
}

@media(max-width:991px) {
    .table-responsive [data-label]::before {
        padding: 8px 10px 8px 5px;
        font-size: 14px
    }
}

.filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 20px
}

@media(max-width:991.98px) {
    .filter-list {
        gap: 10px
    }
}

.filter-list .list {
    font-size: 18px;
    line-height: 32px;
    cursor: pointer;
    -webkit-transition: 200ms;
    transition: 200ms
}

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

.store-isotope-list .list {
    display: inline-block;
    font-weight: 500;
    color: var(--heading-color);
    -webkit-transition: 300ms;
    transition: 300ms;
    position: relative;
    padding-bottom: 10px
}

.store-isotope-list .list:hover {
    color: var(--main-color-one)
}

.store-isotope-list .list:hover::before {
    width: 100%;
    visibility: visible;
    opacity: 1
}

.store-isotope-list .list::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: var(--main-color-one);
    height: 2px;
    width: 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    visibility: hidden;
    opacity: 0
}

.store-isotope-list .list.active {
    color: var(--main-color-one);
    font-weight: 600
}

.store-isotope-list .list.active::before {
    width: 100%;
    visibility: visible;
    opacity: 1
}

.breadcrumb-area {
    position: relative
}

.breadcrumb-padding {
    padding: 200px 0 0
}

.breadcrumb-padding-two {
    padding: 40px 0
}

.breadcrumb-padding-three {
    padding: 40px 0 50px
}

.breadcrumb-shapes img:nth-child(1) {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    -webkit-animation: 12s floating_long linear infinite;
    animation: 12s floating_long linear infinite
}

.breadcrumb-shapes img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 0;
    -webkit-animation: 10s floating_long linear infinite;
    animation: 10s floating_long linear infinite
}

.breadcrumb-contents-title-two {
    font-size: 36px;
    line-height: 42px;
    margin: -10px 0 0
}

.breadcrumb-contents-title {
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    margin: -10px 0 0;
    color: var(--heading-color)
}

@media(max-width:991.98px) {
    .breadcrumb-contents-title {
        font-size: 36px;
        line-height: 48px
    }
}

@media(max-width:480px) {
    .breadcrumb-contents-title {
        font-size: 32px;
        line-height: 42px
    }
}

@media(max-width:375px) {
    .breadcrumb-contents-title {
        font-size: 28px;
        line-height: 36px
    }
}

.breadcrumb-contents-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -5px
}

.breadcrumb-contents-list-item {
    font-size: 18px;
    font-weight: 500;
    color: var(--light-color);
    position: relative;
    -webkit-transition: 200ms;
    transition: 200ms
}

.breadcrumb-contents-list-item:hover {
    color: var(--main-color-one)
}

@media(max-width:991.98px) {
    .breadcrumb-contents-list-item {
        font-size: 16px
    }
}

@media(max-width:480px) {
    .breadcrumb-contents-list-item {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .breadcrumb-contents-list-item {
        font-size: 14px
    }
}

.breadcrumb-contents-list-item:not(:last-child) {
    padding-right: 20px
}

.breadcrumb-contents-list-item:not(:last-child)::after {
    position: absolute;
    content: "";
    height: 15px;
    width: 2px;
    background-color: var(--extra-light-color);
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumb-contents-list-item:not(:first-child) {
    padding-left: 20px
}

.theme-one .breadcrumb-contents-list-item:hover {
    color: var(--main-color-two)
}

.theme-two .breadcrumb-contents-list-item:hover {
    color: var(--main-color-three)
}

.theme-three .breadcrumb-contents-list-item:hover {
    color: var(--main-color-four)
}

.breadcrumb-item {
    display: inline-flex;
    gap: .5rem;
    padding: 0 !important
}

.breadcrumb-item+.breadcrumb-item::before {
    float: none;
    margin: 0
}

.single-promo {
    position: relative
}

.single-promo.promo-padding {
    padding: 40px
}

.single-promo-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 20px
}

.single-promo-icon {
    color: var(--main-color-one);
    font-size: 40px
}

.single-promo-contents-title {
    font-size: 22px;
    line-height: 30px;
    color: var(--heading-color)
}

.single-promo-contents-para {
    font-size: 16px;
    font-weight: 400;
    color: var(--bs-gray)
}

.color-one .single-promo-icon {
    color: var(--main-color-one)
}

.color-three .single-promo-icon {
    color: var(--main-color-three)
}

.theme-three .theme-three-padding {
    padding-right: 60px
}

@media(max-width:1199.98px) {
    .theme-three .theme-three-padding {
        padding-right: 0
    }
}

@media(max-width:991.98px) {
    .theme-three .theme-three-padding {
        padding-right: 0
    }
}

.theme-three .single-promo-icon {
    color: var(--main-color-four);
    font-size: 70px
}

@media(max-width:991.98px) {
    .single-promo-icon {
        font-size: 32px
    }

    .theme-three .single-promo-icon {
        font-size: 60px
    }
}

@media(max-width:575.98px) {
    .theme-three .single-promo-icon {
        font-size: 50px
    }
}

.promo-inner-border div[class*=col]:not(:nth-child(3n+1)) .single-promo::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #F2F3F5
}

@media(max-width:1199.98px) {
    .promo-inner-border div[class*=col]:not(:nth-child(3n+1)) .single-promo::before {
        left: -18px
    }
}

@media(max-width:991.98px) {
    .promo-inner-border div[class*=col]:not(:nth-child(3n+1)) .single-promo::before {
        display: none
    }
}

.about-contents {
    margin-bottom: 50px
}

.about-title {
    font-size: 32px
}

.about-para {
    font-size: 20px;
    line-height: 34px
}

@media(max-width:991.98px) {
    .about-contents {
        margin-bottom: 0
    }
}

@media(max-width:767px) {
    .about-title {
        font-size: 26px
    }

    .about-para {
        font-size: 14px;
        line-height: 30px
    }
}

.about-contents-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width:991.98px) {
    .about-contents-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.about-contents-title {
    font-size: 80px;
    font-weight: 400;
    color: var(--heading-color);
    line-height: 100px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 70px;
    margin: -18px 0 0
}

@media(max-width:1599.98px) {
    .about-contents-title {
        font-size: 75px;
        line-height: 85px;
        padding-right: 50px;
        margin: -12px 0 0
    }
}

@media(max-width:1399.98px) {
    .about-contents-title {
        font-size: 65px;
        line-height: 75px;
        padding-right: 50px;
        margin: -12px 0 0
    }
}

@media(max-width:1199.98px) {
    .about-contents-title {
        font-size: 55px;
        line-height: 70px;
        padding-right: 50px;
        margin: -12px 0 0
    }
}

@media(max-width:991.98px) {
    .about-contents-title {
        font-size: 52px;
        line-height: 70px;
        margin: 0;
        padding-right: 0
    }
}

@media(max-width:767.98px) {
    .about-contents-title {
        font-size: 42px;
        line-height: 60px
    }
}

@media(max-width:575.98px) {
    .about-contents-title {
        font-size: 36px;
        line-height: 48px
    }
}

@media(max-width:480px) {
    .about-contents-title {
        font-size: 32px;
        line-height: 42px
    }
}

@media(max-width:375px) {
    .about-contents-title {
        font-size: 26px;
        line-height: 36px
    }
}

.about-contents-para {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 24px;
    line-height: 42px;
    color: var(--light-color);
    margin: -9px 0 0
}

@media(max-width:1599.98px) {
    .about-contents-para {
        font-size: 22px;
        line-height: 36px
    }
}

@media(max-width:1399.98px) {
    .about-contents-para {
        font-size: 20px;
        line-height: 36px
    }
}

@media(max-width:1199.98px) {
    .about-contents-para {
        font-size: 18px;
        line-height: 36px
    }
}

@media(max-width:991.98px) {
    .about-contents-para {
        font-size: 18px;
        line-height: 32px;
        margin: 10px 0 0
    }
}

@media(max-width:575.98px) {
    .about-contents-para {
        font-size: 16px;
        line-height: 28px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical
    }
}

@media(max-width:375px) {
    .about-contents-para {
        font-size: 15px;
        line-height: 28px
    }
}

.title-shapes {
    position: relative;
    z-index: 1
}

.title-shapes::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 35px;
    background-image: url(../img/about/title-line-shapes.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2
}

.about-thumb-wrappers .about-thumbs img {
    width: 100%;
    padding-right: 30px
}

@media(max-width:991.98px) {
    .about-thumb-wrappers .about-thumbs img {
        padding-right: 0
    }
}

.about-content-theme-title {
    font-size: 46px;
    line-height: 60px;
    margin: -13px 0 0
}

.about-content-theme-single-title {
    font-size: 28px;
    line-height: 36px;
    margin: -10px 0 0
}

.about-content-theme-single-para {
    font-size: 16px;
    line-height: 26px
}

.global-card {
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, .5);
    box-shadow: 0 0 10px rgba(221, 221, 221, .5);
    -webkit-transition: all .3s;
    transition: all .3s
}

.global-card.center-text {
    text-align: center
}

.global-card.center-text .single-global-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.global-card:hover .global-card-thumb .global-card-thumb-icons {
    visibility: visible;
    opacity: 1;
    bottom: 20px
}

.global-card.radius-0 .global-thumb-icons .lists .icon {
    border-radius: 0
}

.global-card-thumb {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.global-card-thumb img {
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

@media(max-width:991.98px) {
    .global-card-thumb img {
        width: 100%
    }
}

.global-card-thumb-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: block
}

.global-card-thumb-badge.right-side {
    left: auto;
    right: 10px
}

.global-card-thumb-badge-box {
    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;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 12px;
    color: #fff;
    background-color: var(--main-color-two)
}

.global-card-thumb-badge-box:not(:last-child) {
    margin-bottom: 10px
}

.global-card-thumb-badge-box.bg-color-stock {
    background-color: var(--stock-color)
}

.global-card-thumb-badge-box.bg-color-one {
    background-color: var(--main-color-one)
}

.global-card-thumb-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.global-card-thumb-icons.hover-color-two .icon-list .icon:hover {
    background: var(--main-color-two);
    color: #fff
}

.global-card-thumb-icons.hover-color-three .icon-list .icon:hover {
    background: var(--main-color-three);
    color: #fff
}

.global-card-thumb-icons.hover-color-four .icon-list .icon:hover {
    background: var(--main-color-four);
    color: #fff
}

.global-card-thumb-icons .icon-list .icon {
    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;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    background: #fff;
    color: var(--light-color);
    font-size: 24px;
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, .2);
    box-shadow: 0 0 5px rgba(221, 221, 221, .2);
    -webkit-transition: all .3s;
    transition: all .3s
}

.global-card-thumb-icons .icon-list .icon:hover {
    background: var(--main-color-two);
    color: #fff
}

.global-card-contents {
    padding: 25px 20px 30px
}

.global-card-contents-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.global-card-contents-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--heading-color)
}

.global-flex-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px
}

@media(max-width:1199.98px) {
    .global-flex-card {
        gap: 20px
    }
}

@media(max-width:991.98px) {
    .global-flex-card {
        gap: 20px
    }
}

@media(max-width:575.98px) {
    .global-flex-card {
        display: block
    }
}

.global-flex-card-thumb {
    width: 405px;
    height: 405px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media(max-width:1599.98px) {
    .global-flex-card-thumb {
        width: 320px
    }
}

@media(max-width:1399.98px) {
    .global-flex-card-thumb {
        width: 280px
    }
}

@media(max-width:1199.98px) {
    .global-flex-card-thumb {
        width: 270px
    }
}

@media(max-width:991.98px) {
    .global-flex-card-thumb {
        width: 270px
    }
}

@media(max-width:767.98px) {
    .global-flex-card-thumb {
        margin-bottom: 20px
    }
}

@media(max-width:375px) {
    .global-flex-card-thumb {
        width: 100%
    }
}

.global-flex-card-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.global-flex-card-contents-title {
    font-size: 24px;
    line-height: 32px
}

.global-flex-card-contents-para {
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

@media(max-width:1399.98px) {
    .global-flex-card-contents-para {
        -webkit-line-clamp: 3
    }
}

@media(max-width:1199.98px) {
    .global-flex-card-contents-para {
        -webkit-line-clamp: 3
    }
}

@media(max-width:991.98px) {
    .global-flex-card-contents-para {
        -webkit-line-clamp: 3
    }
}

.global-flex-card-contents-para.extra-padding-right {
    padding-right: 220px
}

@media(max-width:1599.98px) {
    .global-flex-card-contents-para.extra-padding-right {
        padding-right: 50px
    }
}

@media(max-width:1399.98px) {
    .global-flex-card-contents-para.extra-padding-right {
        padding-right: 0
    }
}

@media(max-width:1199.98px) {
    .global-flex-card-contents-para.extra-padding-right {
        padding-right: 0
    }
}

@media(max-width:991.98px) {
    .global-flex-card-contents-para.extra-padding-right {
        padding-right: 0
    }
}

.global-flex-card-contents-bottom.border-flex-card {
    border-top: 2px solid rgba(221, 221, 221, .5)
}

.global-flex-card-contents-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width:1399.98px) {
    .global-flex-card-contents-icon {
        gap: 10px
    }
}

@media(max-width:1199.98px) {
    .global-flex-card-contents-icon {
        gap: 10px
    }
}

@media(max-width:991.98px) {
    .global-flex-card-contents-icon {
        gap: 10px
    }
}

.global-flex-card-contents .icon-list .icon {
    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;
    height: 50px;
    width: 50px;
    background-color: rgba(221, 221, 221, .5);
    color: var(--heading-color);
    font-size: 24px;
    -webkit-transition: 300ms;
    transition: 300ms
}

.global-flex-card-contents .icon-list .icon:hover {
    background-color: var(--main-color-two);
    color: #fff
}

.pb-0 .global-card-contents {
    padding: 25px 0 0
}

.special-offer-small {
    display: block
}

.special-offer-small img {
    width: unset
}

.center-text .single-global-card {
    display: -ms-grid;
    display: grid
}

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

.center-text .global-card-left {
    margin-right: 0
}

@media(max-width:375px) {
    .center-text .global-card-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0
    }
}

.center-text .price-update-through {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-loading {
    position: relative;
    z-index: 0
}

.cart-loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    height: auto;
    width: auto;
    visibility: hidden;
    opacity: 0
}

.cart-loading.active-loading::before {
    visibility: visible;
    opacity: 1
}

.cart-loading::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(var(--main-color-one-rgb), .9);
    border-color: rgba(var(--main-color-one-rgb), .9);
    color: #fff;
    border: 2px solid transparent;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 5px;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center
}

.cart-loading.bg-two::before {
    background-color: var(--main-color-two);
    color: #fff
}

.cart-loading.bg-three::before {
    background-color: var(--main-color-three);
    color: #fff
}

.shop-area {
    overflow: hidden
}

.shop-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

@media(max-width:991.98px) {
    .shop-right {
        gap: 12px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 24px
    }
}

@media(max-width:767.98px) {
    .shop-right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px
    }
}

.shop-nice-select .nice-select {
    font-size: 16px;
    color: var(--light-color);
    border: 1px solid rgba(221, 221, 221, .4);
    outline: 0;
    height: 48px;
    line-height: 48px
}

@media(max-width:575.98px) {
    .shop-nice-select .nice-select {
        padding: 0 30px 0 0;
        font-size: 15px
    }
}

@media(max-width:375px) {
    .shop-nice-select .nice-select {
        padding: 0 25px 0 10px;
        font-size: 14px
    }
}

.shop-nice-select .nice-select::after {
    border-bottom: 2px solid var(--light-color);
    border-right: 2px solid var(--light-color);
    right: 10px
}

.shop-nice-select .nice-select .list {
    min-width: 100% !important
}

.single-shops {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 20px;
    margin-top: 45px;
    margin-left: 205px
}

.single-shops .shop-flex-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.single-shops .shop-icons {
    font-size: 24px;
    height: 40px;
    width: 40px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.single-shops .shop-icons.active {
    background: #F2F3F5
}

.selectder-filter-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px
}

.selectder-filter-contents .selected-clear-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px
}

.selectder-filter-contents .selected-flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.selectder-filter-contents .selected-flex-list li {
    font-size: 16px;
    color: var(--extra-light-colors);
    line-height: 26px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width:575.98px) {
    .selectder-filter-contents .selected-flex-list li {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .selectder-filter-contents .selected-flex-list li {
        font-size: 14px
    }
}

.selectder-filter-contents .selected-flex-list li a {
    color: var(--light-color);
    position: relative;
    z-index: 2;
    padding-right: 20px
}

.selectder-filter-contents .selected-flex-list li a:hover {
    color: var(--main-color-one)
}

.selectder-filter-contents .selected-flex-list li a::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    -webkit-transition: all 100ms;
    transition: all 100ms
}

.shop-sidebar-all {
    position: sticky;
    top: 0
}

@media(max-width:991.98px) {
    .shop-sidebar-all {
        position: unset
    }
}

.shop-contents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px
}

@media(max-width:991.98px) {
    .shop-contents-wrapper {
        display: block
    }
}

.shop-contents-wrapper.style-02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.shop-contents-wrapper.style-02 .shop-close-main {
    left: auto;
    right: 0
}

.shop-contents-wrapper.style-02 .shop-close-main.active {
    right: 0
}

.shop-contents-wrapper.style-02 .shop-icon .sidebar-icon {
    margin-left: auto
}

.shop-contents-wrapper .shop-sidebar-content {
    min-width: 300px;
    max-width: 320px;
}

@media(max-width:991.98px) {
    .shop-contents-wrapper .shop-sidebar-content {
        min-width: 375px;
        width: 375px !important
    }
}

.shop-contents-wrapper .shop-grid-contents {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-shop-left {
    padding: 0;
    padding-right: 30px
}

@media(max-width:991.98px) {
    .single-shop-left {
        padding-right: 0
    }
}

.single-shop-left-search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 100%
}

.single-shop-left-search-input .form--control {
    height: 55px;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid rgba(221, 221, 221, .5);
    width: 100%;
    padding: 0 15px;
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .1);
    box-shadow: 0 0 20px rgba(255, 255, 255, .1);
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-shop-left-search-input .form--control:focus {
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), .1);
    box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), .1);
    border-color: rgba(var(--main-color-two-rgb), .5)
}

.single-shop-left-search-input button {
    height: 55px;
    padding: 0 20px;
    font-size: 22px;
    background-color: var(--main-color-two);
    color: #fff;
    border: 0;
    outline: 0
}

.single-shop-left .shop-left-title.open .title::after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.single-shop-left .shop-left-title .title {
    cursor: pointer;
    position: relative;
    font-size: 20px;
    line-height: 36px;
    margin: -10px 0 0
}

.single-shop-left .shop-left-title .title.title-borders {
    border-bottom: 2px solid rgba(221, 221, 221, .5);
    padding-bottom: 10px
}

.single-shop-left .shop-left-title .title::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.single-shop-left .shop-left-title .shop-left-list .category-lists .list {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    text-align: left;
    z-index: 2;
    padding-left: 0;
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-shop-left .shop-left-title .shop-left-list .category-lists .list .item {
    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;
    padding: 10px 0;
    text-align: start;
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-shop-left .shop-left-title .shop-left-list .category-lists .list.active>a {
    color: var(--main-color-two)
}

.single-shop-left .shop-left-title .shop-left-list .category-lists .list:hover>a {
    color: var(--main-color-two)
}

.single-shop-left .shop-left-title .shop-left-list .category-lists .list:last-child a {
    padding-bottom: 0
}

.single-shop-left .shop-left-title .shop-left-list .size-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list.active a {
    border: 2px solid var(--main-color-two);
    color: var(--main-color-two);
    font-weight: 500
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list:hover a {
    border: 2px solid var(--main-color-two);
    color: var(--main-color-two);
    font-weight: 500
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list a {
    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;
    height: 40px;
    width: 40px;
    font-size: 15px;
    background: #fff;
    color: var(--light-color);
    border: 1px solid var(--light-color);
    border-radius: 0
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list {
    font-size: 16px;
    line-height: 1;
    position: relative;
    text-align: left;
    z-index: 2;
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list.active>a {
    color: var(--main-color-two);
    font-weight: 600
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list:hover>a {
    color: var(--main-color-two);
    font-weight: 600
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list:last-child a {
    padding-bottom: 0
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list {
    position: relative;
    z-index: 2;
    display: block;
    padding-left: 30px !important;
}

[dir=rtl] .single-shop-left .shop-left-title .shop-left-list .filter-lists .list {
    padding-left: 0 !important;
    padding-right: 30px !important;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list.active label {
    color: var(--main-color-two);
    font-weight: 500
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list input[type=radio] {
    display: none
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list label {
    position: relative;
    color: var(--extra-light-color);
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
    gap: 10px;
    -webkit-transition: 300ms;
    transition: 300ms
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list label:hover {
    color: var(--main-color-two);
    font-weight: 500
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list label:before {
    content: "";
    height: 20px;
    width: 20px;
    border: 2px solid var(--extra-light-color);
    border-radius: 50%;
    background-color: #fff
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list input[type=radio]:checked+label::before {
    height: 20px;
    width: 20px;
    border: 6px solid var(--main-color-two);
    background: #fff;
    color: var(--heading-color)
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list.active a {
    border: 2px solid var(--main-color-two);
    color: var(--main-color-two)
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
    border: 1px solid rgba(221, 221, 221, .5);
    font-size: 15px;
    color: var(--light-color);
    padding: 7px 10px;
    display: inline-block;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

@media(max-width:1399.98px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        padding: 7px 10px
    }
}

@media(max-width:1199.98px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        padding: 7px 10px
    }
}

@media(max-width:575.98px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        font-size: 14px;
        padding: 5px 15px
    }
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a:hover {
    border: 2px solid var(--main-color-two);
    color: var(--main-color-two)
}

.shop-icon {
    display: none
}

@media(max-width:991.98px) {
    .shop-icon {
        display: block
    }
}

@media(max-width:991.98px) {
    .shop-icon .sidebar-icon {
        font-size: 24px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        width: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--main-color-two);
        -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, .5);
        box-shadow: 0 0 10px rgba(221, 221, 221, .5);
        z-index: 95;
        color: #fff;
        margin-bottom: 20px
    }
}

@media(max-width:991.98px) {
    .shop-close-main {
        z-index: 1;
        position: absolute;
        left: -100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
        z-index: 99;
        background: #fff;
        max-width: 375px;
        display: block;
        padding: 20px;
        transition: all .5s
    }

    .shop-close-main.active {
        visibility: visible;
        opacity: 1;
        left: 0;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }
}

@media(max-width:991.98px) and (max-width:480px) {
    .shop-close-main {
        max-width: 320px
    }
}

@media(max-width:991.98px) and (max-width:375px) {
    .shop-close-main {
        max-width: 270px
    }
}

.shop-close-main .close-bars {
    display: none
}

@media(max-width:991.98px) {
    .shop-close-main .close-bars {
        display: block;
        position: relative;
        top: 0;
        font-size: 24px;
        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;
        text-align: center
    }
}

@media(max-width:991.98px) and (max-width:375px) {
    .shop-close-main .close-bars {
        font-size: 20px
    }
}

@media(max-width:991.98px) {
    .responsive-overlay {
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 100%;
        z-index: -1;
        visibility: hidden;
        opacity: 0;
        background: rgba(0, 0, 0, .1);
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .responsive-overlay.active {
        visibility: visible;
        opacity: 1;
        z-index: 99;
        left: 0
    }
}

.recent-post-contents .recent-post-single:not(:last-child) {
    margin-bottom: 20px
}

.recent-post-contents .recent-post-single .recent-post-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width:480px) {
    .recent-post-contents .recent-post-single .recent-post-flex {
        display: block
    }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
    margin-right: 15px;
    height: 80px;
    min-width: 80px;
    display: inline-block
}

@media(max-width:480px) {
    .recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-post-title {
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width:480px) {
    .recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-post-title {
        font-size: 16px;
        line-height: 24px
    }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-date {
    display: block;
    margin-top: 5px
}

.sidebar-search-form .single-search-sidebar {
    position: relative;
    z-index: 1
}

.sidebar-search-form .single-search-sidebar .form--control {
    border: 0;
    background: rgba(221, 221, 221, .2);
    padding: 0 40px 0 15px
}

.sidebar-search-form .single-search-sidebar button {
    position: absolute;
    right: 15px;
    top: 0;
    height: 100%;
    background: none;
    font-size: 20px;
    z-index: 2;
    border: 0;
    cursor: pointer;
    outline: 0
}

[dir=rtl] .shop-close-main {
    left: auto;
    right: -100%
}

[dir=rtl] .shop-close-main.active {
    left: auto;
    right: 0
}

.discount-padding {
    padding: 10px 20px
}

.discount-card:hover .global-card-thumb .global-card-thumb-icons {
    bottom: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.discount-card .global-card-thumb-icons {
    bottom: 100px;
    -webkit-transition: 500ms;
    transition: 500ms
}

.discount-timer {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 20px;
    z-index: 95
}

.discount-timer .global-timer .syotimer__body {
    gap: 10px 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width:1599.98px) {
    .discount-timer .global-timer .syotimer__body {
        gap: 10px
    }
}

@media(max-width:1399.98px) {
    .discount-timer .global-timer .syotimer__body {
        gap: 10px
    }
}

@media(max-width:1199.98px) {
    .discount-timer .global-timer .syotimer__body {
        gap: 10px
    }
}

@media(max-width:991.98px) {
    .discount-timer .global-timer .syotimer__body {
        gap: 10px
    }
}

.discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 32px;
    line-height: 36px
}

@media(max-width:1599.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px
    }
}

@media(max-width:1399.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px
    }
}

@media(max-width:1199.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px
    }
}

@media(max-width:991.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px
    }
}

.discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
    font-size: 18px;
    line-height: 28px
}

@media(max-width:1599.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 16px
    }
}

@media(max-width:1399.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 16px
    }
}

@media(max-width:1199.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 16px
    }
}

@media(max-width:991.98px) {
    .discount-timer .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 16px
    }
}

.single-blog-details-thumb img {
    width: 100%;
    max-height: 600px
}

.single-blog-details-content {
    padding: 30px 0 55px;
    border-bottom: 2px solid rgba(221, 221, 221, .5)
}

.single-blog-details-content-title {
    font-size: 48px;
    line-height: 60px;
    font-weight: 400;
    margin: -9px 0 0
}

@media(max-width:1399.98px) {
    .single-blog-details-content-title {
        font-size: 42px;
        line-height: 48px
    }
}

@media(max-width:991.98px) {
    .single-blog-details-content-title {
        font-size: 36px;
        line-height: 48px
    }
}

@media(max-width:575.98px) {
    .single-blog-details-content-title {
        font-size: 32px;
        line-height: 42px
    }
}

@media(max-width:375px) {
    .single-blog-details-content-title {
        font-size: 26px;
        line-height: 36px
    }
}

.single-blog-details-content-para {
    font-size: 16px;
    line-height: 28px;
    color: var(--light-color)
}

.single-blog-details-content-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.single-blog-details-content-tags-item {
    font-size: 16px;
    color: var(--extra-light-color);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.single-blog-details-content-tags-item:not(:first-child)::before {
    content: "";
    height: 10px;
    width: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--main-color-one);
    border-radius: 50%
}

.single-blog-details-content-tags-item a {
    position: relative;
    font-weight: 500;
    color: var(--light-color);
    -webkit-transition: 200ms;
    transition: 200ms
}

.single-blog-details-content-tags-item a:hover {
    color: var(--main-color-one)
}

.single-blog-details-content-tags-item a:not(:last-child)::after {
    content: ",";
    margin: 0 5px
}

blockquote {
    padding: 50px;
    position: relative;
    border-left: 5px solid var(--main-color-one)
}

@media(max-width:991.98px) {
    blockquote {
        padding: 20px
    }
}

@media(max-width:375px) {
    blockquote {
        padding: 15px
    }
}

.blog-details-share-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width:991.98px) {
    .blog-details-share-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.blog-details-share-content.right-align {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:991.98px) {
    .blog-details-share-content.right-align {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.blog-details-share-content-title {
    font-size: 24px;
    line-height: 28px;
    color: var(--heading-color);
    font-weight: 400;
    margin-top: 2px
}

.blog-details-share-content .blog-details-share-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.blog-details-share-content .blog-details-share-social-list-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    height: 40px;
    width: 40px;
    font-size: 20px;
    background-color: #f2f2f2;
    color: var(--heading-color);
    -webkit-transition: 200ms;
    transition: 200ms
}

.blog-details-share-content .blog-details-share-social-list-icon:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.blog-details-share-content .blog-details-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.blog-details-share-content .blog-details-tag-list-item {
    font-size: 16px;
    border: 1px solid rgba(221, 221, 221, .5);
    padding: 10px 20px;
    color: var(--heading-color);
    border-radius: 3px;
    -webkit-transition: 200ms;
    transition: 200ms
}

.blog-details-share-content .blog-details-tag-list-item:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.details-section-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
    margin: -10px 0 0;
    color: var(--heading-color);
    position: relative;
    padding-bottom: 15px
}

.details-section-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 70px;
    background-color: var(--main-color-one)
}

[dir=rtl] .details-section-title::before {
    left: auto;
    right: 0
}

@media(max-width:991.98px) {
    .details-section-title {
        font-size: 32px;
        line-height: 42px
    }
}

@media(max-width:480px) {
    .details-section-title {
        font-size: 28px;
        line-height: 36px
    }
}

@media(max-width:375px) {
    .details-section-title {
        font-size: 26px
    }
}

.details-comment-content .single-commetns {
    width: 100%;
    margin-top: 30px
}

.details-comment-content .single-commetns .comment-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--heading-color);
    display: block;
    margin-bottom: 15px
}

.details-comment-content .single-commetns .form--control {
    height: 60px;
    border: 1px solid rgba(221, 221, 221, .2);
    outline: 0;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    font-size: 14px;
    line-height: 22px;
    color: var(--light-color);
    padding: 0 20px;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.details-comment-content .single-commetns .form--control:focus {
    -webkit-box-shadow: 0 0 18px rgba(var(--main-color-one-rgb), .1);
    box-shadow: 0 0 18px rgba(var(--main-color-one-rgb), .1);
    border-color: rgba(var(--main-color-one-rgb), .3)
}

.details-comment-content .single-commetns .form--message {
    padding: 20px 20px;
    height: 160px
}

.comment-list .comment-list {
    margin-left: 120px
}

@media(max-width:991.98px) {
    .comment-list .comment-list {
        margin-left: 70px
    }
}

@media(max-width:767.98px) {
    .comment-list .comment-list {
        margin-left: 50px
    }
}

@media(max-width:375px) {
    .comment-list .comment-list {
        margin-left: 30px
    }
}

.comment-list .blog-details-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0;
    gap: 30px;
    border-bottom: 2px solid rgba(221, 221, 221, .5)
}

@media(max-width:991.98px) {
    .comment-list .blog-details-flex-content {
        gap: 20px
    }
}

@media(max-width:575.98px) {
    .comment-list .blog-details-flex-content {
        gap: 10px;
        padding: 30px 0 20px
    }
}

@media(max-width:480px) {
    .comment-list .blog-details-flex-content {
        display: block
    }
}

.comment-list .blog-details-flex-content .blog-details-thumb {
    height: 80px;
    min-width: 80px;
    border-radius: 10px;
    display: block
}

@media(max-width:480px) {
    .comment-list .blog-details-flex-content .blog-details-thumb {
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-bottom: 15px
    }
}

.comment-list .blog-details-flex-content .blog-details-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.comment-list .blog-details-flex-content .blog-details-content-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment-list .blog-details-flex-content .blog-details-content-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px
}

@media(max-width:375px) {
    .comment-list .blog-details-flex-content .blog-details-content-title {
        font-size: 18px
    }
}

.comment-list .blog-details-flex-content .blog-details-content-para {
    font-size: 18px;
    font-weight: 400;
    color: var(--light-color);
    margin-top: 10px;
    line-height: 30px
}

@media(max-width:991.98px) {
    .comment-list .blog-details-flex-content .blog-details-content-para {
        font-size: 16px
    }
}

@media(max-width:575.98px) {
    .comment-list .blog-details-flex-content .blog-details-content-para {
        font-size: 14px
    }
}

.comment-list .blog-details-flex-content .blog-details-content-date {
    color: var(--extra-light-color);
    margin-top: 5px;
    display: block
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    background-color: var(--main-color-one);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid var(--main-color-one);
    -webkit-transition: 300ms;
    transition: 300ms
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay:hover {
    color: var(--main-color-one);
    background-color: unset
}

.theme-one .single-blog-details-content-tags-item a:hover {
    color: var(--main-color-two)
}

.theme-one .single-blog-details-content-tags-item:not(:first-child)::before {
    background-color: var(--main-color-two)
}

.theme-one blockquote {
    border-left: 5px solid var(--main-color-two)
}

.theme-one .blog-details-share-content .blog-details-share-social-list-icon:hover {
    background-color: var(--main-color-two)
}

.theme-one .blog-details-share-content .blog-details-tag-list-item:hover {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two)
}

.theme-one .details-section-title::before {
    background-color: var(--main-color-two)
}

.theme-one .comment-list .blog-details-flex-content .blog-details-content .btn-replay {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two)
}

.theme-one .comment-list .blog-details-flex-content .blog-details-content .btn-replay:hover {
    color: var(--main-color-two);
    background-color: unset
}

.theme-one .details-comment-content .single-commetns .form--control:focus {
    border-color: rgba(var(--main-color-two-rgb), .3);
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), .1);
    box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), .1)
}

.theme-one .submit-btn {
    border-color: var(--main-color-two);
    background-color: var(--main-color-two)
}

.theme-one .submit-btn:hover {
    color: var(--main-color-two);
    background-color: unset
}

.contact-map-area iframe._gmap {
    width: 100%;
    max-height: 400px;
    height: 50vh
}

.contact-contents-para {
    font-size: 18px;
    line-height: 32px
}

.contact-contents-inner-single:not(:last-child) {
    margin-bottom: 30px
}

.contact-contents-inner-single:hover .contact-contents-inner-single-icon {
    border-color: var(--main-color-two);
    color: var(--main-color-two)
}

.contact-contents-inner-single-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px
}

.contact-contents-inner-single-icon {
    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;
    height: 60px;
    width: 60px;
    font-size: 28px;
    border: 1px solid rgba(221, 221, 221, .5);
    color: var(--heading-color);
    border-radius: 50%;
    -webkit-transition: 300ms;
    transition: 300ms
}

.contact-contents-inner-single-contents-title {
    font-size: 20px
}

.contact-contents-inner-single-contents-item {
    font-size: 16px;
    color: var(--extra-light-color);
    margin-top: 7px;
    -webkit-transition: 300ms;
    transition: 300ms
}

.contact-contents-inner-single-contents-item:hover {
    color: var(--main-color-two)
}

.contact-map-theme iframe {
    width: 100%;
    height: 100%
}

.iframe-height iframe {
    height: 500px
}

.single-page-contents-title {
    font-size: 36px;
    line-height: 42px
}

.order-track-wrapper {
    max-width: 600px;
    margin: auto;
}

.order-track-contents-title {
    font-size: var(--fs-global-36);
    line-height: 1.6
}

.order-track-contents .btn-submit {
    width: 100%;
    -webkit-transition: 300ms;
    transition: 300ms
}

.order-track-contents .btn-submit:hover {
    background: none;
    color: var(--main-color-one)
}

.single-compare-contents-title {
    font-size: 24px;
    line-height: 36px;
    margin: -7px 0 0
}

@media(max-width:1199.98px) {
    .single-compare-contents-title {
        font-size: 22px
    }
}

.single-compare-contents-price {
    font-size: 20px;
    line-height: 28px
}

@media(max-width:1199.98px) {
    .single-compare-contents-price {
        font-size: 18px
    }
}

.single-compare-contents-id {
    font-size: 18px;
    line-height: 28px;
    color: var(--light-color);
    border-bottom: 2px solid rgba(221, 221, 221, .3);
    padding-bottom: 15px
}

@media(max-width:1199.98px) {
    .single-compare-contents-id {
        font-size: 16px
    }
}

.single-compare-contents-para {
    font-size: 16px;
    line-height: 26px;
    color: var(--extra-light-color);
    border-bottom: 2px solid rgba(221, 221, 221, .3);
    padding: 15px 0 18px
}

@media(max-width:1199.98px) {
    .single-compare-contents-para {
        font-size: 16px
    }
}

.single-compare-contents-list {
    display: block
}

.single-compare-contents-list-item {
    display: block;
    padding: 15px 0;
    border-bottom: 2px solid rgba(221, 221, 221, .3)
}

@media(max-width:1199.98px) {
    .single-compare-contents-list-item {
        font-size: 15px
    }
}

.single-compare .remove-btn {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    border-bottom: 2px solid rgba(221, 221, 221, .5);
    color: var(--extra-light-color)
}

.table-list-content.style-02 {
    max-width: 1250px;
    margin: 0 auto
}

.table-list-content .custom--table.table-border {
    border: 1px solid rgba(221, 221, 221, .4)
}

.table-list-content .custom--table thead.head-bg {
    background: rgba(221, 221, 221, .4)
}

.table-list-content .custom--table thead tr th {
    padding: 20px 5px;
    font-size: 20px;
    font-weight: 500
}

@media(max-width:1399.98px) {
    .table-list-content .custom--table thead tr th {
        white-space: nowrap
    }
}

.table-list-content .custom--table thead tr th:first-child {
    padding-left: 20px
}

.table-list-content .custom--table thead tr th:last-child {
    padding-right: 20px
}

.table-list-content .custom--table thead tr th:nth-child(1) {
    text-align: left
}

.table-list-content .custom--table tbody tr {
    border-bottom: 1px solid rgba(221, 221, 221, .4);
    position: relative;
    z-index: 1
}

.table-list-content .custom--table tbody tr td:first-child {
    padding-left: 20px
}

.table-list-content .custom--table tbody tr td:last-child {
    padding-right: 20px
}

@media(max-width:991.98px) {
    .table-list-content .custom--table tbody tr td:last-child {
        padding-right: 7px
    }
}

.table-list-content .custom--table tbody tr td .close-table-cart {
    position: unset;
    right: 5px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.table-list-content .custom--table tbody tr td .close-table-cart:hover {
    color: var(--bs-red)
}

@media(max-width:991.98px) {
    .table-list-content .custom--table tbody tr td .close-table-cart {
        top: 10px;
        right: auto;
        left: 10px;
        background: var(--bs-red);
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 30px;
        width: 30px;
        margin-left: auto;
        margin-bottom: 10px;
        margin-right: 10px
    }

    [dir=rtl] .table-list-content .custom--table tbody tr td .close-table-cart {
        margin-left: 10px;
        margin-right: auto
    }

    .table-list-content .custom--table tbody tr td .close-table-cart:hover {
        background: #fff;
        color: var(--bs-red)
    }
}

.table-list-content .custom--table tbody tr td .product-name-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width:1399.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media(max-width:991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table {
        display: block;
        margin-right: 10px
    }
}

@media(max-width:480px) {
    .table-list-content .custom--table tbody tr td .product-name-table {
        display: block;
        margin-right: 10px;
        max-width: 250px;
        margin-left: auto
    }
}

@media(max-width:375px) {
    .table-list-content .custom--table tbody tr td .product-name-table {
        max-width: 200px
    }
}

.table-list-content .custom--table tbody tr td .product-name-table .thumbs {
    height: 110px;
    width: 110px
}

.table-list-content .custom--table tbody tr td .product-name-table .thumbs img {
    max-height: 100%
}

@media(max-width:991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .thumbs {
        height: 100px;
        width: 100px
    }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width:1599.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
        margin-left: 20px
    }
}

@media(max-width:1399.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
        margin-left: 10px
    }
}

@media(max-width:991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
        margin-left: 0;
        text-align: right;
        margin-top: 10px
    }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--heading-color)
}

@media(max-width:991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
        margin-top: 10px
    }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-subtitle {
    font-size: 16px;
    margin-top: 10px;
    display: block
}

.table-list-content .custom--table tbody tr td.price-td {
    font-weight: 500
}

@media(max-width:991.98px) {
    [dir=ltr] .table-list-content .custom--table tbody tr td.price-td {
        margin-right: 10px
    }

    [dir=rtl] .table-list-content .custom--table tbody tr td.price-td {
        margin-left: 10px
    }
}

.table-list-content .custom--table tbody tr td .product-quantity {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 150px;
    text-align: center;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

@media(max-width:991.98px) {
    [dir=ltr] .table-list-content .custom--table tbody tr td .product-quantity {
        margin-right: 0;
        margin-left: auto
    }

    [dir=rtl] .table-list-content .custom--table tbody tr td .product-quantity {
        margin-left: 0;
        margin-right: auto
    }
}

.table-list-content .custom--table tbody tr td .product-quantity .quantity-input {
    border: 0;
    background-color: transparent;
    width: 40px;
    height: 35px;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 5px 0;
    font-size: 14px
}

.table-list-content .custom--table tbody tr td .product-quantity .quantity-input::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(221, 221, 221, .4)
}

.table-list-content .custom--table tbody tr td .product-quantity>span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 5px;
    cursor: pointer;
}

.table-list-content .custom--table tbody tr td .product-quantity .substract,
.table-list-content .custom--table tbody tr td .product-quantity .plus {
    padding: 0 5px;
    left: 5px;
    cursor: pointer;
    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;
    height: 100%;
    width: 35px
}

.table-list-content .custom--table tbody tr td .product-quantity .plus {
    left: auto;
    right: 5px
}

.table-update-btn .btn-table {
    font-size: 18px;
    padding: 10px 30px;
    color: var(--light-color);
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width:480px) {
    .table-update-btn .btn-table {
        padding: 8px 18px
    }
}

@media(max-width:375px) {
    .table-update-btn .btn-table {
        font-size: 16px
    }
}

.table-update-btn .btn-table.btn-border-1 {
    border: 1px solid rgba(221, 221, 221, .4)
}

.table-update-btn .btn-table:hover {
    background: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.cart-btn .cart-available {
    background-color: var(--main-color-two);
    border: 2px solid var(--main-color-two);
    color: #fff;
    padding: 7px 15px;
    font-size: 14px
}

.cart-btn .disabled {
    cursor: no-drop;
    background-color: #DDD;
    border-color: #DDD;
    color: var(--light-color)
}

.stock-out {
    color: #f00;
    cursor: no-drop
}

.coupon-wrapper {
    position: sticky;
    top: 0;
    z-index: 9
}

.coupon-wrapper.border-1 {
    border-color: rgba(221, 221, 221, .4)
}

.coupon-border {
    border-top: 1px solid rgba(221, 221, 221, .4)
}

.coupon-contents {
    padding: 50px
}

@media(max-width:1599.98px) {
    .coupon-contents {
        padding: 35px 35px 40px
    }
}

@media(max-width:1399.98px) {
    .coupon-contents {
        padding: 40px 30px
    }
}

@media(max-width:480px) {
    .coupon-contents {
        padding: 30px
    }
}

@media(max-width:375px) {
    .coupon-contents {
        padding: 24px
    }
}

.coupon-contents-title {
    font-size: 24px;
    line-height: 32px
}

.coupon-contents-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.coupon-contents-form .single-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.coupon-contents-form .btn-submit {
    padding: 12px 20px;
    font-size: 16px;
    background: none;
    border: 2px solid rgba(var(--main-color-two-rgb), .5);
    -webkit-transition: 300ms;
    transition: 300ms;
    color: var(--main-color-two)
}

.coupon-contents-form .btn-submit:hover {
    background: var(--main-color-two);
    color: #fff
}

.coupon-contents-details-list-item {
    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;
    padding: 10px 0;
    color: var(--light-color);
    font-size: 18px
}

.summery-title {
    font-size: 28px;
    line-height: 36px;
    margin: -5px 0 0
}

@media(max-width:991.98px) {
    .summery-title {
        font-size: 32px
    }
}

@media(max-width:575.98px) {
    .summery-title {
        font-size: 30px;
        line-height: 36px
    }
}

@media(max-width:375px) {
    .summery-title {
        font-size: 28px
    }
}

#productOptions .form-group:not(:last-child) {
    margin-bottom: 12px
}

#productOptions .form-label,
#productOptions .form-check-label {
    line-height: 1.4;
    text-align: start
}

#productOptions .checkbox_list,
#productOptions .radio_list {
    display: flex;
    flex-direction: column;
    gap: 8px 12px;
    margin: 0
}

#productOptions .checkbox_list li,
#productOptions .radio_list li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0
}

#productOptions .checkbox_list li .form-check-input,
#productOptions .radio_list li .form-check-input {
    margin: 0 !important;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.checkout-title .click-open-form {
    color: var(--main-color-two)
}

.checkout-title .click-open-form:hover {
    color: var(--main-color-two);
    font-weight: 500
}

.checkout-title i {
    color: var(--main-color-two)
}

.checkout-form-open {
    max-width: 500px;
    background: #fff;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear
}

.checkout-form-open.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 30px
}

.checkout-form-contents {
    -webkit-box-shadow: 0 0 20px rgba(221, 221, 221, .2);
    box-shadow: 0 0 20px rgba(221, 221, 221, .2)
}

.checkout-form-contents.form-padding {
    padding: 40px
}

.checkout-form-contents-title {
    font-size: 24px;
    line-height: 32px;
    margin: -6px 0 0
}

.checkout-form-contents-form-input .label-title {
    font-size: 15px
}

.checkout-form-contents-form-input .form--control {
    font-size: 15px;
    padding: 0 15px;
    color: var(--extra-light-color);
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .1);
    box-shadow: 0 0 20px rgba(255, 255, 255, .1);
    border: 1px solid rgba(221, 221, 221, .4)
}

.checkout-form-contents-form-input .form--control:focus {
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), .1);
    box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), .1);
    border-color: rgba(var(--main-color-two-rgb), .3)
}

.checkout-form-contents-form .btn-submit {
    padding: 12px 20px;
    background-color: var(--main-color-two);
    border: 2px solid var(--main-color-two);
    color: #fff;
    -webkit-transition: 300ms;
    transition: 300ms
}

.checkout-form-contents-form .btn-submit:hover {
    background: none;
    color: var(--main-color-two)
}

.checkout-form-contents-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

@media(max-width:575.98px) {
    .checkout-form-contents-flex {
        display: block
    }
}

.checkout-form-contents .check-input:checked {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two)
}

.checkout-form-contents-bottom .or-contents {
    text-align: center;
    position: relative;
    z-index: 2
}

.checkout-form-contents-bottom .or-contents .or-para {
    background: #fff;
    padding: 10px 30px;
    color: var(--light-color)
}

.checkout-form-contents-bottom .or-contents::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(221, 221, 221, .4);
    width: 100%;
    height: 1px;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.checkout-form-contents-bottom .signin-others-single:not(:last-child) {
    margin-bottom: 20px
}

.checkout-form-contents-bottom .signin-others-single-btn {
    padding: 13px 10px;
    display: inline-block;
    border: 1px solid rgba(221, 221, 221, .4);
    color: var(--light-color);
    text-align: center;
    -webkit-transition: 300ms;
    transition: 300ms;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkout-form-contents-bottom .signin-others-single-btn:hover {
    border-color: var(--main-color-two);
    color: var(--main-color-two)
}

.checkout-signup-form-wrapper {
    max-width: 700px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.checkout-signup-form-wrapper.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 30px;
    background: #fff
}

.checkout-address-form-wrapper {
    max-width: 700px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.checkout-address-form-wrapper.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 30px;
    background: #fff
}

.create-accounts {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 10px;
    color: var(--heading-color) !important
}

@media(max-width:991.98px) {
    .create-accounts {
        font-size: 18px
    }
}

@media(max-width:575.98px) {
    .create-accounts {
        font-size: 16px
    }
}

.create-accounts:hover {
    color: var(--heading-color)
}

.create-accounts::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    width: 20px;
    border: 1px solid #DDD;
    content: "";
    -webkit-transition: all .2s;
    transition: all .2s
}

.create-accounts.active::before {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    background: var(--main-color-two);
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    border-color: var(--main-color-two)
}

.checkout-inner-title {
    font-size: 28px;
    line-height: 36px;
    margin: -8px 0 0
}

.checkout-form-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px 24px
}

.checkout-form .single-input .label-title {
    font-size: 15px
}

.checkout-form .single-input .form--control {
    height: 55px;
    width: 100%;
    border: 1px solid rgba(221, 221, 221, .4);
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .1);
    box-shadow: 0 0 20px rgba(255, 255, 255, .1);
    -webkit-transition: 300ms;
    transition: 300ms;
    font-size: 15px;
    color: var(--extra-light-color)
}

.checkout-form .single-input .form--control:focus {
    -webkit-box-shadow: 0 0 20px rgba(221, 221, 221, .1);
    box-shadow: 0 0 20px rgba(221, 221, 221, .1);
    border-color: rgba(var(--main-color-two-rgb), .3)
}

.checkout-form .single-input .form--message {
    height: 150px
}

.checkout-form .input-flex-item .single-input .form--message {
    height: 120px
}

.checkout-form .checkbox-inlines .checkbox-label {
    color: var(--heading-color);
    font-size: 18px
}

.checkout-form .btn-submit {
    -webkit-transition: 300ms;
    transition: 300ms;
    font-size: 18px
}

.checkout-form .btn-submit:hover {
    background: none;
    color: var(--main-color-two)
}

.checkout-order-summery {
    position: sticky;
    top: 0;
    padding: 40px
}

@media(max-width:1599.98px) {
    .checkout-order-summery {
        padding: 40px
    }
}

@media(max-width:1399.98px) {
    .checkout-order-summery {
        padding: 30px
    }
}

@media(max-width:1199.98px) {
    .checkout-order-summery {
        padding: 30px
    }
}

@media(max-width:480px) {
    .checkout-order-summery {
        padding: 30px
    }
}

@media(max-width:375px) {
    .checkout-order-summery {
        padding: 20px 10px
    }
}

.checkout-order-summery .checkbox-inlines .check-input:checked {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two)
}

.checkout-order-summery .terms-condition {
    color: var(--main-color-two)
}

.checkout-cart-wrapper {
    max-height: 400px;
    overflow-y: auto
}

.single-checkout-cart-items .single-check-carts {
    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
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb {
    height: 95px;
    width: 100px
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb img {
    max-height: 100%;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents .product-items {
    margin-top: 10px
}

.single-checkout-cart-items .single-check-carts .checkout-cart-price {
    font-size: 18px
}

.coupon-form {
    position: relative
}

.coupon-form .single-input .form--control {
    height: 60px;
    background: #fff;
    border: 1px solid rgba(221, 221, 221, .4);
    -webkit-transition: all .3s;
    transition: all .3s
}

.coupon-form .single-input .form--control:focus {
    border-color: rgba(var(--main-color-two-rgb), .3);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-two-rgb), .1);
    box-shadow: 0 0 10px rgba(var(--main-color-two-rgb), .1)
}

.coupon-form .apply-coupon {
    position: absolute;
    right: 5px;
    height: 50px;
    border: 0;
    outline: 0;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--main-color-two);
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.coupon-form .apply-coupon:hover {
    background: none;
    color: var(--main-color-two);
    border-color: var(--main-color-two)
}

.btn-coupon {
    outline: 0;
    border: 1px solid #DDD;
    background: #DDD;
    padding: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn-coupon.btn-bg-heading {
    background: var(--heading-color);
    color: #fff;
    border: 2px solid transparent
}

.btn-coupon.btn-bg-heading:hover {
    background: none;
    color: var(--heading-color);
    border-color: var(--heading-color)
}

.payment-inlines .payment-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payment-inlines .payment-card .single-card {
    background: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s
}

.payment-inlines .payment-card .single-card.active {
    border-color: var(--main-color-two)
}

.payment-inlines .payment-card .single-card.active::before {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    background: var(--main-color-two);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    font-size: 10px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 9;
    -webkit-transition: all .3s;
    transition: all .3s
}

.payment-inlines .payment-card .single-card:not(:last-child) {
    margin-right: 10px
}

.product a {
    text-decoration: none
}

.product-head {
    position: relative;
    overflow: hidden
}

a.product-img {
    display: block;
    padding-top: 100%;
    position: relative
}

.product-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    max-height: 100%;
    background: #00000008
}

.product-badge-box {
    max-width: 160px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    position: absolute;
    top: 16px;
    left: 16px
}

[dir=rtl] .product-badge-box {
    left: auto;
    right: 16px
}

.product-badge {
    background: #fff;
    padding: 8px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1
}

.product-badge.bg-warning {
    color: #fff
}

.product-icons {
    position: absolute;
    top: 16px;
    right: 16px
}

[dir=rtl] .product-icons {
    left: 16px;
    right: auto
}

.product-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: var(--main-color-one);
    padding: 10px;
    margin-bottom: 6px;
    border: 1px solid rgba(0, 0, 0, .10);
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    transition: .4s
}

.related-product .product-icons a {
    padding: 8px;
    font-size: 18px
}

.product-icons a:hover {
    background: #F4F4F4
}

.product-icons a.active {
    background: var(--main-color-one)
}

.product-icons a i {
    padding: 0
}

.wish-icon.active i::before {
    font-weight: 900;
    color: #fff
}

.product-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0 24px;
    gap: 14px;
    text-transform: uppercase
}

.category {
    max-width: 90%;
    color: var(--main-color-one);
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

.product-title {
    max-width: 95%;
    font-size: 14px;
    font-weight: 400
}

.product-title:hover {
    text-decoration: underline
}

.product-card .rating-wrap {
    margin: 6px 0
}

.price-stock {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.product-price {
    font-size: 16px;
    font-weight: 700
}

.sale,
.product-card .flash-old-prices {
    color: #888;
    font-size: 12px;
    font-weight: 500;
    text-decoration: line-through
}

.product-card .add-to-cart-btn,
.product-card .booking-btn {
    width: 100%;
    color: var(--secondary-color);
    border: 1px solid;
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    text-transform: uppercase;
    transition: 0s
}

.add-to-cart-btn.active {
    background: var(--main-color-one);
    color: #fff !important;
    border: 0;
    font-size: 0 !important
}

.add-to-cart-btn.active i,
.add-to-cart-btn.active svg,
.add-to-cart-btn:not(.active) .done-txt {
    display: none
}

.add-to-cart-btn.active:before,
.digital-add-to-cart-btn.active:before {
    content: "\f058";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    line-height: 1
}

.add-to-cart-btn .done-txt,
.digital-add-to-cart-btn .done-txt {
    font-size: 14px
}

.product-card .digital-add-to-cart-btn {
    width: 100%;
    color: var(--secondary-color);
    border: 1px solid;
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    text-transform: uppercase;
    transition: 0s
}

.digital-add-to-cart-btn.active {
    background: var(--main-color-one);
    color: #fff;
    border: 0;
    font-size: 0
}

.digital-add-to-cart-btn.active i,
.digital-add-to-cart-btn:not(.active) .done-txt {
    display: none
}

.digital-add-to-cart-btn.active:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"width="20"height="20"viewBox="0 0 20 20"fill="none"><rect width="20"height="20"rx="10"fill="white"fill-opacity=".25"/><path d="M8 1.4L9.42857 12L13 8"stroke="white"stroke-width="1.25"stroke-linecap="round"stroke-linejoin="round"/></svg>');
    font-size: 14px;
    line-height: .5
}

.digital-add-to-cart-btn .done-txt {
    font-size: 14px
}

@media(max-width:1200px) {
    .product-badge-box {
        top: 12px;
        left: 12px
    }

    [dir=rtl] .product-badge-box {
        right: 12px
    }

    .product-badge {
        padding: 4px
    }

    .product-icons {
        top: 12px;
        right: 12px
    }

    [dir=rtl] .product-icons {
        left: 12px
    }

    .product-icons a {
        padding: 8px !important;
        font-size: 16px !important
    }
}

@media(max-width:767px) {
    .product-badge {
        font-size: 8px
    }

    .product-price {
        font-size: 14px
    }

    .product-card .ratings,
    .product-card .total-ratings,
    .product-card .product-price {
        font-size: 12px !important
    }

    .sale,
    .product-card .flash-old-prices {
        font-size: 10px
    }

    .product-card .add-to-cart-btn,
    .product-card .digital-add-to-cart-btn,
    .product-card .booking-btn {
        font-size: 12px;
    }

    .add-to-cart-btn .done-txt,
    .digital-add-to-cart-btn .done-txt {
        font-size: 12px;
    }
}

.container.slider-full {
    max-width: 1920px;
    min-width: 100%;
    padding: 0 !important;
    margin: 0 !important
}

.hero-slider .splide__list {
    align-items: center;
}

.slider-full .hero-slider,
.slider-full .hero-image {
    border-radius: 0 !important
}

.slider-full .hero-slider .item,
.slider-full .hero-slider .splide__slide {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 45%
}

@media(min-width:992px) {

    .slider-full .hero-slider .item,
    .slider-full .hero-slider .splide__slide {
        padding-top: 35%
    }
}

.hero-image {
    display: block;
    width: auto !important;
    max-width: 100%;
    max-height: 600px;
    margin: 0 auto;
}

.slider-full .hero-image {
    width: 100% !important;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.default__arrow .splide__arrow {
    font-size: 22px;
    background: #fff;
    transition: .3s;
}

.default__arrow:not(:hover) .splide__arrow {
    opacity: 0;
}

[dir=rtl] .default__arrow:not(:hover) .splide__arrow--next,
[dir=ltr] .default__arrow:not(:hover) .splide__arrow--prev {
    left: 0;
}

[dir=ltr] .default__arrow:not(:hover) .splide__arrow--next,
[dir=rtl] .default__arrow:not(:hover) .splide__arrow--prev {
    right: 0;
}

.default__arrow .splide__arrows--ltr .splide__arrow i {
    scale: -1;
}

.hero-next,
.hero-prev {
    position: absolute;
    font-size: 30px;
    padding: 10px;
    color: #fff;
    background: #00000020;
    border-radius: 50%;
    top: 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    transition: .3s
}

[dir=rtl] .hero-next,
[dir=rtl] .hero-prev {
    transform: scaleX(-1)
}

[dir=ltr] .hero-next {
    right: 0
}

[dir=ltr] .hero-prev {
    left: 0
}

[dir=rtl] .hero-next {
    left: 0
}

[dir=rtl] .hero-prev {
    right: 0
}

.hero-slider:hover .hero-next {
    right: 20px;
    opacity: 1
}

.hero-slider:hover .hero-prev {
    left: 20px;
    opacity: 1
}

[dir=rtl] .hero-slider:hover .hero-next {
    right: auto;
    left: 20px
}

[dir=rtl] .hero-slider:hover .hero-prev {
    left: auto;
    right: 20px
}

@media(max-width: 991px) {
    .default__arrow .splide__arrow {
        font-size: 18px;
    }
}

@media(max-width: 576px) {
    .slider-box .hero-image {
        max-height: 360px;
    }

    .default__arrow .splide__arrow {
        font-size: 14px;
    }
}

.slider-box .hero-slider .splide__pagination {
    position: relative;
    bottom: 0;
    margin: 16px 0;
}

.slider-full .hero-slider .splide__pagination {
    bottom: 1em;
}

.splide__pagination__page.is-active {
    background: var(--main-color-one) !important;
    transform: scale(1) !important;
    opacity: 1;
}


[dir="rtl"] .dataTables_paginate .previous a,
[dir="rtl"] .dataTables_paginate .next a {
    transform: scale(-1)
}

.arrow-box {
    display: flex;
    gap: 10px
}

[dir=rtl] .arrow-box button {
    transform: scaleX(-1)
}

.arrow-box button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #000;
    border: 0;
    padding: 10px;
    line-height: 1;
    font-size: 18px;
    cursor: pointer
}

.arrow-box button.disabled {
    opacity: .7
}

.service-grid,
.four-blocks-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -10px
}

.service-box {
    flex: 1 0 calc(33.33% - 20px);
    margin: 10px
}

.four-blocks-box {
    flex: calc(25% - 20px);
    margin: 10px
}

@media(max-width:991px) {

    .service-box,
    .four-blocks-box {
        flex-basis: calc(50% - 20px)
    }
}

@media(max-width:767px) {

    .service-box,
    .four-blocks-box {
        flex-basis: calc(100% - 20px)
    }

    .hero-next,
    .hero-prev {
        font-size: 16px;
        padding: 8px
    }
}

.single-collection-wrapper {
    display: grid;
    gap: 32px
}

.single-collection-wrapper .col:nth-child(3n - 2) {
    grid-column: span 2
}

.single-collection-wrapper .col:nth-child(3n - 1):last-child {
    grid-column: span 2
}

.single-collection {
    height: auto;
    aspect-ratio: 2.6;
    text-align: center;
    position: relative;
    overflow: hidden
}

@media(max-width:991px) {
    .single-collection-wrapper {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .single-collection {
        aspect-ratio: unset;
        padding-top: 0 !important
    }

    .single-collection img {
        height: 100%;
        min-height: 100px;
        max-height: 300px;
        position: relative
    }
}

.single-collection img {
    width: 100%;
    height: 100%
}

.single-collection-contents {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 5px;
    padding: 25px 15px;
    background: linear-gradient(0, rgba(0, 0, 0, .80), rgba(0, 0, 0, .00));
    position: absolute;
    top: 50%;
    opacity: 0;
    transition: .3s
}

.single-collection:hover .single-collection-contents {
    top: 0;
    opacity: 1
}

.single-collection-contents p {
    max-width: 650px;
    color: var(--bs-gray-300)
}

.single-collection-contents .btn {
    background: var(--bs-white);
    color: var(--bs-dark);
    padding: 8px 30px;
    border: 0
}

.single-collection-contents .btn:hover {
    background: var(--main-color-one);
    color: #fff;
    padding: 8px 30px
}

@media(max-width:767px) {
    .single-collection-contents {
        padding: 15px;
    }

    .single-collection-contents .btn {
        font-size: 12px;
        line-height: 1.2;
        padding: 6px 20px !important;
        margin-top: 5px !important
    }
}

.brand-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 20px;
    border: 1px solid var(--bs-gray-200);
    background: var(--bs-gray-100)
}

.brand-img img {
    width: auto !important;
    max-height: 100%
}

@media(max-width:767px) {
    .brand-img {
        padding: 15px
    }
}

.single-shop-details-wrapper {
    padding: 0 10px;
    max-width: 600px;
    margin-left: 100px
}

@media(min-width:1600px) and (max-width:1849.98px) {
    .single-shop-details-wrapper {
        max-height: 870px;
        overflow-y: scroll;
        margin-left: 70px
    }
}

@media(max-width:1599.98px) {
    .single-shop-details-wrapper {
        max-height: 800px;
        overflow-y: scroll;
        margin-left: 50px
    }
}

@media(max-width:1399.98px) {
    .single-shop-details-wrapper {
        max-height: 720px;
        overflow-y: scroll;
        margin-left: 40px
    }
}

@media(max-width:1199.98px) {
    .single-shop-details-wrapper {
        max-height: 630px;
        overflow-y: scroll;
        margin-left: 30px
    }
}

@media(max-width:991.98px) {
    .single-shop-details-wrapper {
        margin-top: 20px;
        margin-left: 0
    }
}

.single-shop-details-wrapper .details-title {
    font-size: 32px;
    line-height: 42px;
    margin: -8px 0 0
}

@media(max-width:1399.98px) {
    .single-shop-details-wrapper .details-title {
        font-size: 30px;
        line-height: 36px
    }
}

@media(max-width:1199.98px) {
    .single-shop-details-wrapper .details-title {
        font-size: 28px;
        line-height: 36px
    }
}

@media(max-width:991.98px) {
    .single-shop-details-wrapper .details-title {
        font-size: 28px;
        line-height: 36px
    }
}

@media(max-width:575.98px) {
    .single-shop-details-wrapper .details-title {
        font-size: 26px;
        line-height: 32px
    }
}

@media(max-width:375px) {
    .single-shop-details-wrapper .details-title {
        font-size: 24px
    }
}

.single-shop-details-wrapper .common-para {
    margin-top: 30px
}

@media(min-width:992px) and (max-width:1399.98px) {

    .single-shop-details-wrapper .common-para,
    .single-shop-details-wrapper .price-update-through {
        margin-top: 15px !important
    }
}

@media(max-width:767.98px) {
    .single-shop-details-wrapper .price-update-through .flash-prices {
        font-size: 28px !important
    }
}

@media(max-width:991.98px) {
    .single-shop-details-wrapper .price-update-through .flash-old-prices {
        font-size: 20px !important
    }
}

.quantity-area .quantity-flex {
    display: flex;
    gap: 12px;
    flex-direction: column
}

.quantity-title {
    font-size: 14px;
    font-weight: 600
}

.product-quantity {
    display: flex;
    border: 1px solid #F1F1F1
}

.product-quantity .quantity-input {
    width: 45px;
    height: 36px;
    color: #000;
    border: 0;
    font-size: 14px;
    text-align: center
}

.product-quantity .substract,
.product-quantity .plus {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    font-size: 18px;
    color: #646464;
    cursor: pointer
}

.product-quantity .substract:hover,
.product-quantity .plus:hover {
    color: var(--main-color-one)
}

.quantity-area .product-btn {
    display: flex;
    flex-direction: column;
    gap: 12px
}

#product-info-accordion .accordion-item {
    border-bottom: 1px solid #E8E8E8
}

#product-info-accordion .accordion-button {
    background: none;
    justify-content: space-between;
    color: var(--bs-dark);
    padding: 16px 0;
    box-shadow: none;
    border: 0;
    cursor: pointer
}

#product-info-accordion .accordion-button::after {
    background-image: none;
    content: "\f068";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    width: auto;
    height: auto;
    margin: 0
}

#product-info-accordion .accordion-button.collapsed::after {
    content: "\f067"
}

#product-info-accordion .accordion-body {
    font-size: 16px;
    padding: 0 0 1rem !important;
    overflow: auto
}

#product-info-accordion .accordion-body::-webkit-scrollbar,
.iti .iti__country-list::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

#product-info-accordion .accordion-body::-webkit-scrollbar-track,
.iti .iti__country-list::-webkit-scrollbar-track {
    background: #f1f1f1
}

#product-info-accordion .accordion-body::-webkit-scrollbar-thumb,
.iti .iti__country-list::-webkit-scrollbar-thumb {
    background: #ccc
}

#product-info-accordion .delivery-options {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 10px
}

#product-info .stock-category {
    font-size: 14px
}

.video-modal-btn.btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 1
}

.product-video-modal {
    border-radius: 0
}

.product-video-modal .btn-close {
    padding: 0;
    margin: 0;
    font-size: 16px
}

.mdodal-video-box {
    width: 100%;
    padding-top: 55%;
    position: relative
}

.mdodal-video-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media(max-width:767px) {
    .product-video-modal .btn-close {
        font-size: 14px
    }

    .video-modal-btn.btn {
        width: 28px;
        height: 28px;
        padding: 4px;
        font-size: 12px
    }
}

.review-section {
    border: 1px solid rgba(0, 0, 0, .10);
    background: #FBFBFB
}

.review-section .btn {
    text-transform: uppercase
}

.review-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 50px 10px;
    padding: 72px 0
}

.review-heading4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.no-review-msg {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.star-progress-list {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

.star-progress-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    white-space: nowrap;
    cursor: pointer
}

.star-progress {
    width: 100%;
    height: 10px;
    background-color: #EFEFEF
}

.star-progress-item:hover .star-progress {
    border: 2px solid #D1D1D1
}

.pr_text {
    text-decoration: underline
}

.star-progress b {
    display: block;
    height: 100%;
    background: var(--bs-dark)
}

@media(max-width:767px) {
    .star-progress-list {
        max-width: 100%
    }
}

.reating-overview {
    display: flex;
    justify-content: center;
    gap: 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bs-dark);
    margin-bottom: 32px
}

.reating-overview p {
    color: var(--bs-dark)
}

.reating-overview .vr-line {
    width: 1px;
    background: #E9E9E9
}

.reating-count,
.rc-percentage {
    font-size: 32px;
    color: var(--main-color-one)
}

.review-btn {
    width: 200px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600
}

.all-reviews .review-row {
    border-bottom: 1px solid rgba(0, 0, 0, .10)
}

.review-row .container {
    display: flex;
    flex-wrap: wrap
}

.reviewer-info {
    padding: 48px 48px 48px 0;
    border-right: 1px solid rgba(0, 0, 0, .10)
}

[dir="rtl"] .reviewer-info {
    padding: 48px 0 48px 48px;
    border-left: 1px solid rgba(0, 0, 0, .10);
    border-right: 0
}

.reviewer-info img {
    min-width: 45px;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%
}

.reviewer-name {
    display: block;
    color: var(--bs-dark);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1
}

.verified {
    display: flex;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #12B76A;
    line-height: 1
}

.verified:before {
    content: "\f26a";
    font-family: bootstrap-icons !important;
    font-size: 16px
}

.reviewer-product-info b {
    color: var(--bs-dark)
}

.review-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
    padding: 20px 48px 20px 72px
}

[dir="rtl"] .review-content {
    padding: 20px 72px 20px 48px
}

.review-heading {
    color: var(--bs-dark);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 24px
}

.see-more-review {
    padding: 10px 18px
}

@media(max-width:992px) {
    .review-content {
        padding: 20px 48px !important
    }
}

@media(max-width:575px) {
    .reviewer-info {
        padding: 16px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #E2E2E2 !important
    }

    .reviewer-product-info {
        display: none
    }

    .review-content {
        padding: 16px 0 !important
    }
}

#review-modal {
    padding: 0 !important;
    background: rgba(0, 0, 0, .30);
    backdrop-filter: blur(6px)
}

#review-modal .modal-dialog {
    max-width: 600px
}

.review-form-container .form-head {
    display: flex;
    justify-content: space-between;
    align-items: start
}

.review-form-container .form-head .title {
    font-size: 24px;
    font-weight: 700
}

.review-form-container .mark {
    color: var(--main-color-one);
    font-size: 16px;
    background: none
}

.review-form-container label {
    font-size: 16px;
    font-weight: 600
}

.review-form-container .form-control {
    padding: 16px;
    border: 1px solid rgba(221, 221, 221, .40);
    background: rgba(255, 255, 255, .00);
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, .10);
    border-radius: 0
}

.small-product {
    display: flex;
    gap: 12px
}

.small-product img {
    width: 64px;
    height: 64px;
    background: #f2f2f2
}

.small-product .cat {
    font-size: 10px;
    line-height: 1
}

.small-product .title {
    font-weight: 600;
    font-size: 16px
}

.gl-star-rating--stars {
    width: 145px !important
}

.gl-star-rating--stars span {
    color: var(--bs-dark);
    max-width: fit-content;
    height: fit-content !important;
    font-size: 22px
}

.gl-active i::before {
    font-weight: 900
}

.review-product-info p {
    font-size: 16px;
    font-weight: 600;
    color: var(--bs-dark)
}

.review-product-info hr {
    background: var(--bs-dark);
    margin: 10px 0;
    opacity: 1
}

.recommend-text {
    color: var(--bs-dark);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px
}

.recommend-option {
    width: 100%
}

.recommend-option input {
    display: none
}

.review-form-container .recommend-option label {
    width: 100%;
    padding: 13px 18px;
    border: 1px solid #F4F4F4;
    font-weight: 400;
    text-align: center;
    cursor: pointer
}

.recommend-option label:hover {
    background: #F4F4F4
}

.recommend-option input[type="radio"]:checked+label {
    background: var(--bs-dark);
    color: #fff
}

.review-form .btn {
    padding: 12px 18px;
    text-transform: uppercase
}

.review-form .btn_close {
    color: var(--bs-dark);
    border: 1px solid
}

.related-product {
    border-top: 1px solid #00020
}

.stock-available {
    font-weight: 500;
    line-height: 26px;
    font-size: 16px;
    padding: 5px 0
}

.stock-available .count-stock {
    color: var(--extra-light-color)
}

.shop-border-top {
    border-top: 1px solid rgba(221, 221, 221, .4)
}

.product-sold-btn {
    font-size: 16px;
    background: rgba(90, 178, 126, .1);
    color: #5AB27E;
    padding: 10px 20px;
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.product-sold-btn:hover {
    background: #5AB27E;
    color: #fff
}

@media(max-width:1399.98px) {
    .shop-details-stock .stock-category {
        margin-top: 20px
    }
}

@media(max-width:1199.98px) {
    .shop-details-stock .stock-category {
        margin-top: 20px
    }
}

.shop-details-stock .stock-category li {
    font-size: 16px;
    line-height: 26px
}

@media(max-width:480px) {
    .shop-details-stock .stock-category li {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .shop-details-stock .stock-category li {
        font-size: 14px
    }
}

.shop-details-stock .stock-category li:not(:last-child) {
    padding-bottom: 10px
}

@media(max-width:1399.98px) {
    .shop-details-stock .stock-category li:not(:last-child) {
        margin-top: 15px
    }
}

@media(max-width:1199.98px) {
    .shop-details-stock .stock-category li:not(:last-child) {
        margin-top: 15px
    }
}

.shop-details-stock .stock-category li a:hover {
    color: var(--main-color-two)
}

.shop-details-stock .stock-category .category-list .list-item {
    padding-left: 3px
}

.shop-details-stock .stock-category .category-list .list-item:not(:last-child)::after {
    content: ","
}

.details-small-product {
    height: 150px;
    width: 150px
}

.shop-details-click-img .shop-small-thumb-wrapper {
    cursor: pointer
}

.wishlist-compare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 1
}

.wishlist-compare .wishlist-compare-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 10px
}

.wishlist-compare .wishlist-compare-btn .btn-details {
    display: inline-block;
    font-size: 18px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.wishlist-compare .wishlist-compare-btn .btn-details i {
    margin-right: 3px
}

.wishlist-compare .wishlist-compare-btn .btn-details:hover {
    color: var(--main-color-two)
}

.wishlist-compare .wishlist-compare-btn .btn-details:not(:last-child) {
    margin-right: 10px
}

.single-details-tab .tab-description .description-para {
    font-size: 18px;
    line-height: 30px;
    color: var(--light-color);
    padding-top: 30px
}

@media(max-width:991.98px) {
    .single-details-tab .tab-description .description-para {
        font-size: 16px
    }
}

@media(max-width:480px) {
    .single-details-tab .tab-description .description-para {
        font-size: 15px
    }
}

@media(max-width:375px) {
    .single-details-tab .tab-description .description-para {
        font-size: 14px
    }
}

.about-seller-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0;
    gap: 30px
}

@media(max-width:480px) {
    .about-seller-flex-content {
        display: block
    }
}

@media(max-width:575.98px) {
    .about-seller-flex-content {
        padding: 30px 0
    }
}

.about-seller-flex-content:not(:first-child) {
    border-top: 2px solid rgba(221, 221, 221, .5)
}

.about-seller-flex-content .about-seller-thumb {
    height: 80px;
    min-width: 80px;
    border-radius: 10px;
    display: block
}

@media(max-width:480px) {
    .about-seller-flex-content .about-seller-thumb {
        width: 80px;
        margin-bottom: 15px
    }
}

.about-seller-flex-content .about-seller-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-seller-flex-content .about-seller-content .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px
}

.about-seller-flex-content .about-seller-content .about-seller-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.about-seller-flex-content .about-seller-content .about-seller-list .icon {
    color: var(--main-color-two);
    font-size: 12px
}

.about-seller-flex-content .about-seller-content .about-seller-list .reviews {
    margin-left: 10px
}

.about-seller-flex-content .about-seller-content .about-review-para {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-color);
    margin-top: 5px;
    line-height: 26px
}

.about-seller-flex-content .about-seller-content .review-date {
    margin-top: 10px;
    line-height: 1
}

.payment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

@media(max-width:1199.98px) {
    .value-input-area {
        margin-top: 20px
    }
}

.value-input-area.style-02 .size-lists {
    margin-top: 10px
}

.value-input-area.style-02 .size-lists li {
    font-size: 13px;
    height: 30px;
    width: 35px
}

.value-input-area.style-02 .color-list {
    margin-top: 10px
}

.value-input-area.style-02 .color-list li {
    height: 18px;
    width: 18px
}

.value-input-area .input-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.value-input-area .input-list .form--input {
    width: auto;
    border: 0;
    outline: 0;
    color: var(--extra-light-color)
}

.value-input-area .size-lists {
    display: flex;
    gap: 10px;
    margin-top: 12px
}

.value-input-area .size-lists li {
    cursor: pointer;
    display: flex;
    font-size: 12px;
    padding: 13px 18px !important;
    border: 1px solid #F4F4F4;
    line-height: 1;
    position: relative
}

.value-input-area .size-lists li.active {
    background: var(--main-color-one);
    color: #fff
}

.value-input-area .color-list {
    gap: 5px
}

.value-input-area .color-list li {
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 2px !important
}

.value-input-area .color-list li.active {
    background: none !important;
    border-color: var(--main-color-one)
}

.value-input-area .color-list li span {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.value-input-area .color-list li.shop-color-2 {
    border-color: #30BB6F
}

.value-input-area .color-list li.shop-color-3 {
    border-color: #AB47BC
}

.value-input-area .color-list li.shop-color-4 {
    border-color: #FFC576
}

.value-input-area .color-list li.shop-color-5 {
    border-color: #040B25
}

.value-input-area .color-list li.shop-color-6 {
    border: 1px solid #FF9800
}

.value-input-area .color-list li.shop-color-7 {
    border: 1px solid #FF695C
}

.hr_line {
    opacity: 1;
    background: rgba(0, 0, 0, .10);
    margin: 20px 0
}

.details-tab-wrapper .details-tab {
    display: flex;
    gap: 10px 20px
}

@media(max-width:991.98px) {
    .details-tab-wrapper .details-tab {
        gap: 10px 15px
    }
}

@media(max-width:480px) {
    .details-tab-wrapper .details-tab {
        gap: 10px
    }
}

.details-tab-wrapper .details-tab.details-tab-border {
    border-bottom: 2px solid rgba(221, 221, 221, .4);
    padding-bottom: 30px
}

.details-tab-wrapper .details-tab li {
    font-size: 18px;
    padding: 10px 20px;
    background: none;
    color: var(--extra-light-color);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(221, 221, 221, .4)
}

.details-tab-wrapper .details-tab li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--main-color-two);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media(max-width:991.98px) {
    .details-tab-wrapper .details-tab li {
        font-size: 16px;
        font-weight: 400;
        padding: 7px 20px
    }
}

@media(max-width:575.98px) {
    .details-tab-wrapper .details-tab li {
        font-size: 15px;
        padding: 6px 20px;
        line-height: 26px
    }
}

@media(max-width:375px) {
    .details-tab-wrapper .details-tab li {
        font-size: 14px;
        padding: 0 2px
    }
}

.details-tab-wrapper .details-tab li.active {
    color: var(--heading-color)
}

.details-tab-wrapper .details-tab li.active::before {
    width: 100%;
    visibility: visible;
    opacity: 1
}

.details-tab-wrapper .details-tab li:hover {
    color: var(--heading-color)
}

.details-tab-wrapper .details-tab.hover-color-two li.active {
    background: var(--main-color-two);
    color: #fff;
    border-color: var(--main-color-two)
}

.details-tab-wrapper .details-tab.hover-color-two li:hover {
    background: var(--main-color-two);
    color: #fff;
    border-color: var(--main-color-two)
}

.details-tab-wrapper .details-tab.hover-color-three li.active {
    background: var(--main-color-three);
    color: #fff;
    border-color: var(--main-color-three)
}

.details-tab-wrapper .details-tab.hover-color-three li:hover {
    background: var(--main-color-three);
    color: #fff;
    border-color: var(--main-color-three)
}

.details-tab-wrapper .details-tab.hover-color-four li.active {
    background: var(--main-color-four);
    color: #fff;
    border-color: var(--main-color-four)
}

.details-tab-wrapper .details-tab.hover-color-four li:hover {
    background: var(--main-color-four);
    color: #fff;
    border-color: var(--main-color-four)
}

.single-description-tab-content:not(:last-child) {
    margin-bottom: 30px
}

.single-description-tab-content-title {
    font-size: 24px;
    line-height: 32px
}

.single-size-chart-contents-title {
    font-size: 24px;
    line-height: 32px;
    margin: -4px 0 0
}

.single-size-chart-contents-subtitle {
    font-size: 16px
}

.size-chart-table .custom--table {
    text-align: left
}

.size-chart-table .custom--table thead {
    font-size: 16px
}

.size-chart-table .custom--table thead tr {
    border-bottom: 2px solid rgba(221, 221, 221, .4)
}

.size-chart-table .custom--table thead tr th {
    font-size: 16px;
    color: var(--heading-color);
    padding-bottom: 10px
}

.size-chart-table .custom--table thead tr th:first-child {
    padding-left: 20px
}

.size-chart-table .custom--table thead tr th:last-child {
    padding-right: 20px
}

.size-chart-table .custom--table tbody tr:nth-child(even) {
    background-color: rgba(221, 221, 221, .2)
}

.size-chart-table .custom--table tbody tr td {
    font-size: 16px
}

.size-chart-table .custom--table tbody tr td:first-child {
    padding-left: 20px
}

.size-chart-table .custom--table tbody tr td:last-child {
    padding-right: 20px
}

@media(max-width:991.98px) {
    .size-chart-table .custom--table tbody tr td {
        padding: 10px 20px
    }
}

.shop-popup-color-two .value-input-area .size-lists li.active {
    border-color: var(--main-color-two)
}

.shop-popup-color-two .product-quantity .substract:hover,
.shop-popup-color-two .product-quantity .plus:hover {
    color: var(--main-color-two)
}

.shop-popup-color-two .quantity-btn .heart-btn {
    border-color: var(--main-color-two)
}

.shop-popup-color-two .quantity-btn .heart-btn:hover {
    background-color: var(--main-color-two);
    color: #fff
}

.shop-popup-color-two .wishlist-compare .wishlist-compare-btn .btn-details:hover {
    color: var(--main-color-two)
}

.shop-popup-color-two .payment-list .payments.selected {
    border-color: var(--main-color-two)
}

.shop-popup-color-two .payment-list .payments::before {
    background: var(--main-color-two)
}

.shop-popup-color-two .shop-details-stock .stock-category li a:hover {
    color: var(--main-color-two)
}

.shop-popup-color-two .tags-area-shop .tags-shop-list .list a:hover {
    background: var(--main-color-two);
    color: #fff;
    border-color: var(--main-color-two)
}

.shop-popup-color-three .value-input-area .size-lists li.active {
    border-color: var(--main-color-three)
}

.shop-popup-color-three .product-quantity .substract:hover,
.shop-popup-color-three .product-quantity .plus:hover {
    color: var(--main-color-three)
}

.shop-popup-color-three .quantity-btn .heart-btn {
    border-color: var(--main-color-three)
}

.shop-popup-color-three .quantity-btn .heart-btn:hover {
    background-color: var(--main-color-three);
    color: #fff
}

.shop-popup-color-three .wishlist-compare .wishlist-compare-btn .btn-details:hover {
    color: var(--main-color-three)
}

.shop-popup-color-three .payment-list .payments.selected {
    border-color: var(--main-color-three)
}

.shop-popup-color-three .payment-list .payments::before {
    background: var(--main-color-three)
}

.shop-popup-color-three .shop-details-stock .stock-category li a:hover {
    color: var(--main-color-two)
}

.shop-popup-color-three .tags-area-shop .tags-shop-list .list a:hover {
    background: var(--main-color-three);
    color: #fff;
    border-color: var(--main-color-three)
}

.shop-popup-color-four .value-input-area .size-lists li.active {
    border-color: var(--main-color-four)
}

.shop-popup-color-four .product-quantity .substract:hover,
.shop-popup-color-four .product-quantity .plus:hover {
    color: var(--main-color-four)
}

.shop-popup-color-four .quantity-btn .heart-btn {
    border-color: var(--main-color-four)
}

.shop-popup-color-four .quantity-btn .heart-btn:hover {
    background-color: var(--main-color-four);
    color: #fff
}

.swal2-close {
    min-width: 1.4em;
    min-height: 1.4em;
    box-shadow: none !important;
}

.search-suggestions-icon-wrapper {
    position: relative;
    z-index: 1
}

.search-suggestions-icon-wrapper .search-suggetions-show {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 400ms;
    transition: 400ms
}

.search-suggestions-icon-wrapper .search-suggetions-show.open {
    visibility: visible;
    opacity: 1;
    top: 110%
}

.search-suggestions-icon-wrapper .search-open-form {
    position: relative;
    z-index: 1
}

.search-suggestions-icon-wrapper .search-open-form .suggetions-icon-close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    height: 100%;
    padding: 0 12px;
    transition: 300ms
}

.search-suggestions-icon-wrapper .search-open-form .suggetions-icon-close:hover {
    color: var(--main-color-one)
}

.navbar-input {
    position: relative
}

.navbar-input .form--control {
    padding: 0 15px;
    padding-left: 50px;
    padding-right: 70px;
    font-size: 15px;
    height: 55px;
    width: 100%;
    color: var(--extra-light-color);
    border: 1px solid rgba(221, 221, 221, .5);
    -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, .01);
    box-shadow: 0 0 30px rgba(255, 255, 255, .01);
    -webkit-transition: 300ms;
    transition: 300ms
}

.navbar-input .form--control:focus {
    -webkit-box-shadow: 0 0 30px rgba(var(--main-color-one-rgb), .1);
    box-shadow: 0 0 30px rgba(var(--main-color-one-rgb), .1);
    border-color: rgba(var(--main-color-one-rgb), .3)
}

@media(max-width:767.98px) {
    .navbar-input .form--control {
        width: 100%
    }
}

.navbar-input button {
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 20px;
    background: none;
    border: 0;
    outline: 0;
    color: var(--light-color);
    bottom: 0
}

.searchbar-suggetions {
    width: 340px;
    position: relative
}

.searchbar-suggetions .search-suggestions {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 20px #f1f1f1;
    overflow-y: hidden
}


@media(max-width:767.98px) {
    .searchbar-suggetions .search-suggestions {
        width: 100%
    }
}

.searchbar-suggetions .search-suggestions.show {
    visibility: visible;
    opacity: 1
}

.searchbar-suggetions .search-suggestions .nicescroll-rails .nicescroll-cursors {
    background-color: var(--main-color-two) !important
}

.searchbar-suggetions .search-suggestions-title {
    font-size: 18px;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.product-suggestion-list {
    height:auto;
    max-height:400px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color:var(--bs-gray-200) #cccccc20;
    padding: 0 10px
}

.product-suggestion-list-item:not(:last-child) {
    margin-bottom: 20px
}

.product-suggestion-list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.product-suggestion-list-link .product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(221, 221, 221, .5);
    padding: 5px;
    width: 72px;
    min-width: 72px;
    height: 72px;
}
.product-suggestion-list-link .product-image img{
    max-height: 100%;
}

.product-suggestion-list-link .product-info .product-info-top .product-name {
    font-size: 16px;
}

.product-suggestion-list-link .product-info .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px
}

.product-suggestion-list-link .product-info .product-price .price-update-through {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px
}

.product-suggestion-list-link .product-info .product-price .price-update-through .flash-price {
    font-size: 14px;
    color: var(--heading-color)
}

.product-suggestion-list-link .product-info .product-price .price-update-through .flash-old-prices {
    font-size: 11px;
    text-decoration: line-through
}

.product-suggestion-list-link .product-info .stock-out {
    font-size: 16px;
    background: #f00;
    color: #fff;
    padding: 5px 10px;
    display: inline-block
}

@media(max-width:1199.98px) {
    .product-suggestion-list-link .product-info .stock-out {
        font-size: 15px;
        padding: 5px 5px
    }
}

.search-suggestion-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 94;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 500ms;
    transition: 500ms
}

.search-suggestion-overlay.show {
    visibility: visible;
    opacity: 1
}

.category-inner-border .slick-slide .single-category::after,
.category-inner-border div[class*=col] .single-category::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    right: -12px;
    background-color: #fff
}

@media(max-width:991.98px) {

    .category-inner-border .slick-slide .single-category::after,
    .category-inner-border div[class*=col] .single-category::after {
        right: -13px
    }
}

.single-category {
    position: relative
}

.single-category-thumb img {
    margin: auto
}

.single-category-contents-title {
    font-size: 22px;
    padding-bottom: 6px
}

.theme-three .category-slider {
    margin: 0 2px
}

@media(max-width:1599.98px) {
    .theme-three .category-slider {
        margin: 0 5px
    }
}

@media(max-width:1399.98px) {
    .theme-three .category-slider {
        margin: 0 4px
    }
}

@media(max-width:1199.98px) {
    .theme-three .category-slider {
        margin: 0 4px
    }
}

@media(max-width:991.98px) {
    .theme-three .category-slider {
        margin: 0
    }
}

.cat-img {
    display: block;
    padding-top: 80%;
    position: relative;
    height: 0;
    margin-bottom: 16px
}

.cat-img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 80%;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    border-radius: 50%;
    object-fit: cover
}

@media(max-width:767px) {
    .brand-img {
        height: 70px
    }
}

.deal-wrapper {
    position: relative
}

.deal-wrapper-thumb img:nth-child(1) {
    position: absolute;
    right: 100px;
    bottom: 0
}

@media(max-width:1599.98px) {
    .deal-wrapper-thumb img:nth-child(1) {
        right: 40px
    }
}

@media(max-width:1399.98px) {
    .deal-wrapper-thumb img:nth-child(1) {
        right: 0
    }
}

@media(max-width:1199.98px) {
    .deal-wrapper-thumb img:nth-child(1) {
        right: 0
    }
}

@media(max-width:991.98px) {
    .deal-wrapper-thumb img:nth-child(1) {
        display: none
    }
}

.deal-wrapper-thumb img:nth-child(2) {
    position: absolute;
    left: 100px;
    bottom: 0
}

@media(max-width:1599.98px) {
    .deal-wrapper-thumb img:nth-child(2) {
        left: 40px
    }
}

@media(max-width:1399.98px) {
    .deal-wrapper-thumb img:nth-child(2) {
        left: 0
    }
}

@media(max-width:1199.98px) {
    .deal-wrapper-thumb img:nth-child(2) {
        left: 0
    }
}

@media(max-width:991.98px) {
    .deal-wrapper-thumb img:nth-child(2) {
        display: none
    }
}

.deal-content {
    padding: 150px 0 150px 200px;
    max-width: 600px
}

@media(max-width:1599.98px) {
    .deal-content {
        padding: 150px 0 150px 150px
    }
}

@media(max-width:1399.98px) {
    .deal-content {
        padding: 150px 0 150px 70px
    }
}

@media(max-width:1199.98px) {
    .deal-content {
        padding: 130px 0 130px 50px;
        max-width: 450px
    }
}

@media(max-width:991.98px) {
    .deal-content {
        padding: 50px 0 50px 30px
    }
}

@media(max-width:480px) {
    .deal-content {
        padding: 50px 0 50px 20px
    }
}

.deal-content-title {
    font-size: 46px;
    font-weight: 600;
    color: var(--heading-color)
}

@media(max-width:1399.98px) {
    .deal-content-title {
        font-size: 42px;
        line-height: 48px
    }
}

@media(max-width:1199.98px) {
    .deal-content-title {
        font-size: 42px;
        line-height: 48px
    }
}

@media(max-width:991.98px) {
    .deal-content-title {
        font-size: 36px;
        line-height: 42px
    }
}

@media(max-width:480px) {
    .deal-content-title {
        font-size: 32px;
        line-height: 36px
    }
}

.deal-content-para {
    font-size: 18px;
    line-height: 28px;
    color: var(--light-color)
}

.center-text .deal-content {
    margin: auto;
    padding: 100px 0
}

.center-text .deal-wrapper-thumb img:nth-child(1) {
    right: 150px
}

@media(max-width:1599.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(1) {
        right: 60px
    }
}

@media(max-width:1399.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(1) {
        right: 20px
    }
}

@media(max-width:1199.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(1) {
        right: 0
    }
}

@media(max-width:991.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(1) {
        display: none
    }
}

.center-text .deal-wrapper-thumb img:nth-child(2) {
    left: 150px
}

@media(max-width:1599.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(2) {
        left: 60px
    }
}

@media(max-width:1399.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(2) {
        left: 20px
    }
}

@media(max-width:1199.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(2) {
        left: 0
    }
}

@media(max-width:991.98px) {
    .center-text .deal-wrapper-thumb img:nth-child(2) {
        display: none
    }
}

.signin-wrappers {
    max-width: 480px;
    margin: 0 auto
}

.sign-in-area-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    min-height: 80vh
}

.signin-wrappers.style-02 {
    max-width: 600px
}

.signin-contents {
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 0 30px rgba(221, 221, 221, .2);
    box-shadow: 0 0 30px rgba(221, 221, 221, .2)
}

.signin-contents .single-title {
    text-align: center;
    font-size: 48px;
    font-weight: 400;
    color: var(--heading-color);
    margin: -10px 0 0
}

.signin-contents .singnin-subtitle {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: var(--light-color);
    text-align: center;
    display: block;
    margin-bottom: 10px
}

.input-flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 24px
}

@media(max-width:480px) {
    .input-flex-item {
        display: block
    }
}

.input-flex-item .single-input {
    width: 100%
}

.input-flex-item .single-input .form--control {
    border: 1px solid rgba(221, 221, 221, .4)
}

.single-input {
    display: inline-block;
    width: 100%
}

.single-input .form--control {
    border: 1px solid rgba(221, 221, 221, .4);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 10px transparent;
    box-shadow: 0 0 10px transparent
}

.single-input .form--control:focus {
    border-color: rgba(var(--main-color-one-rgb), .3);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), .1);
    box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), .1)
}

.single-input .form--message {
    padding: 15px 0 0 15px
}

.label-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color)
}

@media(max-width:480px) {
    .label-title {
        font-size: 15px
    }
}

.single-checbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.or-contents {
    text-align: center;
    position: relative;
    z-index: 2
}

.or-contents::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(221, 221, 221, .4);
    width: 100%;
    height: 1px;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.or-contents .or-para {
    background: #fff;
    padding: 10px 30px;
    color: var(--light-color)
}

.signin-others .single-other-signin:not(:last-child) {
    margin-bottom: 20px
}

.signin-others .single-other-signin .btn-others {
    padding: 13px 10px;
    display: inline-block;
    border: 1px solid rgba(221, 221, 221, .4);
    color: var(--light-color);
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.signin-others .single-other-signin .btn-others:hover {
    border-color: var(--main-color-one);
    color: var(--main-color-one)
}

.forgot-password .forgot-btn {
    color: var(--main-color-one)
}

.single-input {
    position: relative;
    z-index: 1
}

.toggle-password {
    position: absolute;
    bottom: 13px;
    right: 20px;
    cursor: pointer
}

.hide-icon {
    display: none
}

.toggle-password.show-pass .hide-icon {
    display: block
}

.toggle-password.show-pass .show-icon {
    display: none
}

.discount-popup-wrapper {
    max-width: 900px;
    margin: 200px auto;
    text-align: center;
    padding: 80px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999
}

@media(max-width:991.98px) {
    .discount-popup-wrapper {
        max-width: 500px;
        padding: 50px 10px;
        margin: 100px auto
    }
}

@media(max-width:767.98px) {
    .discount-popup-wrapper {
        max-width: 400px
    }
}

@media(max-width:575.98px) {
    .discount-popup-wrapper {
        max-width: 350px
    }
}

@media(max-width:480px) {
    .discount-popup-wrapper {
        max-width: 300px
    }
}

@media(max-width:375px) {
    .discount-popup-wrapper {
        max-width: 280px
    }
}

.discount-popup-wrapper .close-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 99;
    cursor: pointer;
    font-size: 24px;
    color: var(--light-color)
}

@media(max-width:991.98px) {
    .discount-popup-wrapper .close-icon {
        top: 10px;
        right: 15px
    }
}

.discount-popup-contents .popup-title {
    font-size: 60px;
    line-height: 80px
}

@media(max-width:1599.98px) {
    .discount-popup-contents .popup-title {
        font-size: 55px;
        line-height: 70px
    }
}

@media(max-width:1399.98px) {
    .discount-popup-contents .popup-title {
        font-size: 50px;
        line-height: 65px
    }
}

@media(max-width:1199.98px) {
    .discount-popup-contents .popup-title {
        font-size: 50px;
        line-height: 60px
    }
}

@media(max-width:991.98px) {
    .discount-popup-contents .popup-title {
        font-size: 36px;
        line-height: 40px
    }
}

@media(max-width:767.98px) {
    .discount-popup-contents .popup-title {
        font-size: 32px
    }
}

@media(max-width:480px) {
    .discount-popup-contents .popup-title {
        font-size: 28px;
        line-height: 36px
    }
}

.discount-popup-contents .popup-para {
    font-size: 18px;
    line-height: 30px;
    max-width: 460px;
    margin: 0 auto;
    margin-top: 20px;
    color: var(--light-color)
}

@media(max-width:991.98px) {
    .discount-popup-contents .popup-para {
        font-size: 16px;
        line-height: 28px
    }
}

.discount-popup-contents .popup-form {
    max-width: 500px;
    margin: 50px auto 0
}

@media(max-width:991.98px) {
    .discount-popup-contents .popup-form {
        margin: 30px auto 0
    }
}

.discount-popup-contents .popup-form .single-input {
    position: relative;
    z-index: 1
}

.discount-popup-contents .popup-form .single-input .form--control {
    border: 0;
    outline: 0;
    background: #fff;
    padding: 0 140px 0 20px
}

@media(max-width:375px) {
    .discount-popup-contents .popup-form .single-input .form--control {
        height: 50px
    }
}

.discount-popup-contents .popup-form .single-input button {
    background: var(--main-color-one);
    color: #fff;
    border: 0;
    outline: 0;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer
}

@media(max-width:480px) {
    .discount-popup-contents .popup-form .single-input button {
        font-size: 15px;
        padding: 8px 20px
    }
}

.discount-popup-contents .popup-form .checkbox-inlines {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:991.98px) {
    .discount-popup-contents .popup-form .checkbox-inlines {
        margin-top: 30px
    }
}

.discount-overlays {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .7)
}

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

.popup-modal {
    position: relative;
    z-index: 9
}

.shop-detail-cart-content {
    max-width: 1000px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(0)scale(.6);
    transform: translateY(0)scale(.6);
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    padding: 20px 0
}

.shop-detail-cart-content.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-50%)scale(1);
    transform: translateY(-50%)scale(1)
}

@media(max-width:1599.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0)scale(1);
        transform: translateY(0)scale(1)
    }
}

@media(max-width:1399.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0)scale(1);
        transform: translateY(0)scale(1)
    }
}

@media(max-width:1199.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0)scale(1);
        transform: translateY(0)scale(1)
    }
}

@media(max-width:991.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0)scale(1);
        transform: translateY(0)scale(1)
    }
}

@media(max-width:991.98px) {
    .shop-detail-cart-content .shop-details-cart-scroll-responsive {
        height: calc(100vh - 50px);
        overflow-y: scroll;
        overflow-x: hidden
    }
}

.shop-detail-cart-content .shop-details-cart-contents {
    overflow-y: auto;
    max-height: 650px
}

@media(max-width:1199.98px) {
    .shop-detail-cart-content .shop-details-cart-contents {
        max-height: 690px
    }
}

@media(max-width:991.98px) {
    .shop-detail-cart-content .shop-details-cart-contents {
        padding: 0 10px;
        overflow-y: hidden !important;
        max-height: initial
    }
}

.shop-detail-cart-content .nicescroll-rails {
    left: auto !important;
    right: 5px !important
}

.shop-detail-cart-content .nicescroll-rails .nicescroll-cursors {
    background-color: var(--main-color-one) !important
}

.shop-detail-cart-content .single-shop-details-wrapper {
    max-width: 100%;
    max-height: calc(620px - 10px);
    overflow-y: auto;
    margin-left: 0;
    margin-top: 30px
}

@media(max-width:991.98px) {
    .shop-detail-cart-content .single-shop-details-wrapper {
        margin-top: 20px;
        overflow-y: hidden !important;
        max-height: initial
    }
}

.shop-detail-cart-content .single-shop-details-wrapper .close-icon {
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
    z-index: 999
}

@media(max-width:991.98px) {
    .shop-detail-cart-content .single-shop-details-wrapper .close-icon {
        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;
        height: 50px;
        width: 50px;
        background: var(--main-color-one);
        color: #fff;
        right: 20px;
        top: 20px
    }
}

@media(max-width:575.98px) {
    .shop-detail-cart-content .single-shop-details-wrapper .close-icon {
        height: 40px;
        width: 40px;
        top: 10px;
        right: 10px
    }
}

.global-card-thumb-badge-box-product-details {
    display: initial;
    vertical-align: middle
}

.coupon_promo-card {
    padding: 24px;
    margin: 32px 0 24px;
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-200);
    border-radius: 14px;
    position: relative;
    /* z-index: 1; */
}

.coupon_promo-card:before {
    content: '🎉';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: #fff;
    border: 1px solid var(--bs-gray-200);
    border-radius: 50%;
    position: absolute;
    top: -18px;
    right: -18px;
    font-size: 14px;
}

[dir=rtl] .coupon_promo-card:before,
[dir=ltr] .checkout .coupon_promo-card:before {
    left: -18px;
    right: auto;
}

[dir=rtl] .checkout .coupon_promo-card:before {
    left: auto;
    right: -18px;
}

.coupon_promo-title {
    font-weight: bold;
}

.coupon_promo-input {
    display: flex;
    background: #fff;
    border: 1px solid var(--bs-gray-200);
    border-radius: 10rem;
    padding: 8px;
    margin-top: 20px;
}

.coupon_promo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--bs-gray-200);
    border-radius: 50%;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(170, 170, 170, 0.2) 100%);
    box-shadow: 0px 1px 0px 0px #0000001A, 0px 4px 0px 0px #00000005 inset;
}

.coupon_promo-input .form-control,
.checkout .coupon_promo-input .form-control {
    background: none;
    border: none !important;
    padding: 0 8px !important;
    box-shadow: none !important;
    font-weight: bold;
    border-radius: 0;
}

.coupon_promo-input .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 10rem !important;
    font-weight: bold;
    line-height: 1;
}

@media(max-width:456px) {
    .coupon_promo-card {
        padding: 16px;
    }

    .coupon_promo-card:before {
        display: none;
    }

    [dir=rtl] .coupon_promo-card:before {
        left: -14px;
        right: auto;
    }

    .coupon_promo-icon {
        display: none;
    }

    .coupon_promo-input {
        padding: 6px;
        margin-top: 16px;
    }

    .coupon_promo-input .btn {
        padding: 8px 12px !important;
    }

    .coupon_promo-input .btn svg {
        width: 14px;
        height: 14px;
    }
}


/* custome styles */

.blog-details-content {
    width: 100%
}

.filter-lists .list.active::before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "";
    background: var(--main-color-one);
    border-color: var(--main-color-one)
}

.filter-lists .list a {
    font-size: 25px;
    line-height: 26px;
    color: #FFBA5C
}

.filter-lists .list::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid rgba(221, 221, 221, .4);
    left: 0;
    top: 4px;
    background: none;
    border-radius: 3px;
    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;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

[dir=rtl] .filter-lists .list::before {
    left: auto;
    right: 0;
}

.color-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.pagination .pagination-list {
    margin: 0 auto
}

.pagination .pagination-list li {
    display: inline-block
}

.pagination .pagination-list li .page-number {
    color: var(--paragraph-color);
    background: #F7F7F7;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 6px;
    transition: all linear .2s;
    border: 0;
    font-weight: 400;
    font-size: 21px
}

@media(max-width:575px) {
    .pagination .pagination-list li .page-number {
        width: 29px;
        height: 29px;
        line-height: 29px;
        margin: 0 2px;
        font-size: 13px
    }
}

.pagination .pagination-list li .page-number.current {
    background-color: var(--main-color-one);
    color: #F7F7F7
}

.pagination .pagination-list li .page-number:hover {
    background-color: var(--main-color-one);
    color: #F7F7F7
}

.share-icon .icon {
    background: var(--main-color-one)
}

.share-icon .icon i {
    font-size: 20px;
    padding: 8px 10px;
    color: #fff;
    margin: 0
}

.list_sub_item {
    margin-top: 10px
}

.list_sub_item li {
    position: relative;
    padding-left: 20px
}

.list_sub_item li:before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: var(--main-color-one);
    border-radius: 50%;
    top: 8px;
    left: 0
}

.social_share_parent {
    position: relative;
    cursor: pointer
}

.social_share_wrapper_item {
    display: flex;
    background-color: var(--main-color-one);
    transition: .3s ease;
    padding: 10px;
    position: absolute;
    top: 110%;
    right: 0;
    visibility: hidden;
    opacity: 0
}

[dir=rtl] .social_share_wrapper_item {
    left: 0;
    right: auto
}

.social_share_wrapper_item:before {
    position: absolute;
    top: -10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--main-color-one);
    z-index: -1;
    right: 10px
}

[dir=rtl] .social_share_wrapper_item:before {
    right: auto;
    left: 10px
}

.social_share_wrapper_item.show {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 10px
}

.social_share_wrapper_item>li {
    color: #fff;
    transition: .3s
}

.social_share_wrapper_item>li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: none;
    padding: 0;
    line-height: 1
}

.login-form-wrapper.verify-accounts {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 20px #f3f3f3
}

.send-verify-code {
    color: var(--heading-color);
    font-size: 16px;
    transition: all .3s
}

.send-verify-code:hover {
    color: var(--main-color-one)
}

.login-form-wrapper .alert-block .close {
    color: var(--bs-danger);
    font-size: 20px;
    padding: 0 5px;
    cursor: pointer
}

.btn-replay {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    background-color: var(--main-color-one);
    color: #fff;
    padding: 5px 10px;
    border: 1px solid var(--main-color-one);
    -webkit-transition: 300ms;
    transition: 300ms
}

.btn-replay:hover {
    color: var(--main-color-one);
    background-color: unset
}

.blog-details-share-social li a {
    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;
    height: 40px;
    width: 40px;
    font-size: 20px;
    background-color: #f2f2f2;
    color: var(--heading-color);
    -webkit-transition: 200ms;
    transition: 200ms
}

.blog-details-share-social li a:hover {
    background-color: var(--main-color-one);
    color: #fff
}

.single-shop-left-search-input {
    position: relative;
    display: unset
}

.single-shop-left-search-input button {
    position: absolute;
    bottom: 0;
    right: 0
}

.single-shop-left-search-input .form--control {
    padding-right: 80px
}

.pagination-wrap .pagination {
    gap: 10px;
    flex-wrap: wrap
}

.pagination-wrap .page-link {
    color: var(--main-color-one);
    padding: 9px 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    border-color: var(--main-color-one);
    outline: 0
}

.pagination-wrap .page-link:hover {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one)
}

.pagination-wrap .page-link:focus {
    background-color: var(--main-color-one);
    color: #fff;
    border-color: var(--main-color-one);
    outline: 0;
    box-shadow: unset
}

.pagination-wrap .page-item.active .page-link {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one)
}

.value-input-area .size-lists li {
    height: unset;
    width: unset;
    padding: 5px 10px
}

.value-input-area .color-list li {
    height: 30px;
    width: 30px
}

.value-input-area .form--input.value-size {
    border: 0
}

.banner-social-content {
    bottom: 120px
}

.search-results-fields>ul {
    display: flex;
    align-items: center;
    gap: 20px
}

.search-results-fields>ul .close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    background-color: #f1f1f1;
    color: #f00;
    border: transparent;
    padding: 0;
    font-size: 16px;
    transition: all .3s
}

.search-results-fields>ul .close:hover {
    background-color: #f00;
    color: #fff
}

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

.pagination-custom .pagination .page-item {
    display: inline-block
}

.pagination-custom .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    color: var(--bs-dark);
    background: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    border: 0;
    border-radius: 0;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer
}

.pagination-custom .pagination .page-item .page-link:focus {
    box-shadow: unset
}

[dir=rtl] .page-link.arrow {
    transform: scaleX(-1)
}

.page-link i {
    padding: 0
}

@media(max-width:575px) {
    .pagination-custom .pagination .page-item .page-link {
        width: 28px;
        height: 28px;
        font-size: 16px
    }
}

.pagination-custom .pagination .page-item.active .page-link {
    background-color: var(--main-color-one);
    color: #F7F7F7
}

.pagination-custom .pagination .page-item .page-link:hover {
    background-color: var(--main-color-one);
    color: #F7F7F7
}

.shop-details-stock .delivery-options.delivery-parent {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.delivery-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.delivery-item {
    width: fit-content;
    border: 1px solid var(--main-color-one);
    padding: 10px 12px !important;
    height: fit-content;
    padding-top: 15px;
    transition: all .3s;
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap
}

.delivery-item.active {
    border-color: var(--main-color-one);
    border-width: 1px;
    background-color: rgba(255, 128, 93, .1)
}

.delivery-item .icon {
    font-size: 30px;
    color: var(--main-color-one)
}

.delivery-item.active .icon {
    color: #ff805d
}

.delivery-item .title {
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--heading-color);
    transition: all .3s
}

.delivery-item p {
    font-size: 14px;
    font-weight: 400
}

.shop-detail-cart-content.active {
    max-height: calc(100vh - 20px);
    overflow-y: auto
}

.quick-view-close-btn {
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
    z-index: 999;
    background: none;
    border: 0;
    color: var(--main-color-one)
}

.move-to-wishlist {
    cursor: pointer
}

.close-table-wishlist {
    font-size: 20px;
    color: red;
    cursor: pointer
}

.price-table {
    overflow-x: auto
}

.billing-items:not(:first-child) {
    margin-top: 24px
}

.billing-items {
    background: #f3f3f3;
    padding: 20px
}

.billing-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px
}

.billing-details li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #666
}

.billing-details li:not(:last-child) {
    margin-bottom: 15px
}

.billing-details li strong {
    font-weight: 600;
    color: #333
}

.sign-in {
    max-width: 550px;
    position: relative;
    padding: 72px 48px 48px;
    border: 1px solid #DEE2E6;
    background: rgba(255, 255, 255, .00);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.sign-in-icon {
    width: 72px;
    height: 72px;
    color: var(--main-color-one);
    background: #fff;
    border: 1px solid #DEE2E6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: var(--main-color-one);
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%)
}

.sign-in>.title,
.sign-up>.title {
    font-size: 32px;
    font-weight: 500;
    color: var(--heading-color);
    margin-bottom: 20px
}

.sign-in>.sub {
    color: #888;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.sign-in hr {
    background: #DEE2E6
}

#otp-form .form-title,
#otp-form .form-sub {
    text-align: start;
}

.change_numb {
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: var(--bs-gray-100);
    padding: 8px 12px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 10rem;
    left: 50%;
    line-height: 1.4;
    color: var(--bs-gray-600);
    transition: .3s;
}

.change_numb:hover {
    color: var(--main-color-one)
}

#ResendOTP {
    cursor: pointer
}

#ResendOTP.disabled {
    pointer-events: none
}

.input-flag-wrap,
.input-wrap .iti {
    display: flex;
    gap: 12px;
    direction: ltr !important;
}

.input-flag-wrap .input-wrap {
    width: 100%;
    margin-bottom: 0
}

.input-wrap .iti__country-container {
    position: unset !important;
}

.iti .form-control {
    padding: 12px !important;
}

.iti .iti__selected-country {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px;
    border: 1px solid rgba(221, 221, 221, .4);
    transition: .3s;
}

.iti .iti__selected-country-primary {
    padding: 0 !important;
    background: none !important;
}

.iti__selected-dial-code {
    margin: 0 !important;
}

.iti .iti__selected-country-primary .iti__arrow {
    display: none !important;
}

.iti.iti--inline-dropdown .iti__dropdown-content {
    width: 100% !important;
    box-shadow: none;
    border-color: rgba(221, 221, 221, .4);
    border-radius: 0;
    margin-top: 12px;
    overflow: hidden;
}

ul.iti__country-list {
    padding: 0 !important;
}

#review-modal .sign-in {
    border: none;
    box-shadow: none;
    padding: 0 !important;
}

#review-modal .sign-in:before {
    display: none;
}

.sign-in .alert {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.sign-in .alert.alert-danger {
    color: var(--bs-danger);
}

.sign-in .form-control {
    min-height: 55px;
}

.iti__selected-country[aria-expanded=true],
.sign-in .form-group .form-control:focus {
    border-color: var(--main-color-one);
}

.input-flag-wrap .input-wrap .form-control {
    height: 100% !important;
    min-height: 55px
}

.input-wrap {
    position: relative;
    margin-bottom: 16px
}

.input-wrap .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    left: 12px;
    pointer-events: none
}

[dir="rtl"] .input-wrap .icon {
    left: auto !important;
    right: 12px
}

.input-flag-wrap .input-wrap .icon {
    left: 12px !important;
    right: auto
}

.input-wrap input.form-control {
    padding-left: 45px
}

[dir="rtl"] .input-wrap input.form-control {
    padding-left: 12px;
    padding-right: 45px
}

.input-flag-wrap .input-wrap input.form-control {
    padding-left: 45px;
    padding-right: 12px
}

.form-group:not(:last-child) {
    margin-bottom: 24px
}

.form-group label {
    font-size: 15px;
    color: var(--heading-color);
    margin-bottom: 10px
}

.form-group .form-control {
    color: var(--light-color);
    border: 1px solid rgba(221, 221, 221, .4);
    border-radius: 0
}

.form-group .form-control:focus {
    border-color: rgba(var(--main-color-one-rgb), .3);
    box-shadow: none
}

.form-group.textarea .form-control,
#productOptions .form-group.textarea .form-control{
    height: auto;
    max-height: 240px;
    padding-top: 12px;
    padding-bottom: 12px;
    scrollbar-width: thin
}

.form-group .checkbox_list,
.form-group .radio_list {
    list-style: none;
    padding: 0
}

.form-group .checkbox_list li,
.form-group .radio_list li {
    padding: 0;
    margin-bottom: 6px
}

.form-group .form-check-input:checked {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one)
}

.form-group .form-check-input:focus {
    box-shadow: none
}

.form-group .checkbox_list li .form-check-label,
.form-group .radio_list li .form-check-label {
    margin: 0
}

.form-group.select2 .select2-container {
    max-width: 100%;
    width: 100%;
    height: fit-content;
}

.select2 .select2-container {
    z-index: 1
}

.form-group.select2 .select2-selection {
    display: flex;
    align-items: center;
    border: 1px solid rgba(221, 221, 221, .4);
    border-radius: 0;
    font-size: 14px;
    height: 44px
}

.form-group.select2 .select2-selection__arrow {
    margin: 0 5px;
    top: 0 !important;
    height: 100% !important;
}

.form-group.select2 .select2-selection__arrow>b,
.form-group.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove span {
    display: none !important
}

.form-group.select2 .select2-selection__arrow:before {
    content: '\F282';
    font-family: 'bootstrap-icons'
}

.form-group.select2 .select2-selection--multiple.select2-selection {
    flex-wrap: wrap;
    gap: 6px;
    min-height: 44px;
    height: auto;
    padding: 6px
}

.form-group.select2 .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px
}

.form-group.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 0
}

.form-group.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    border-radius: 0;
    background: var(--bs-gray-100);
    padding: 6px
}

.form-group.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    position: relative;
    border: 0;
    background: none;
    padding: 0;
    font-size: 16px;
    height: 100%;
    line-height: 1
}

.form-group.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:before {
    content: '\F62A';
    font-family: 'bootstrap-icons'
}

.form-group.select2 .select2-selection--multiple .select2-search {
    line-height: 1
}
.select2-selection--multiple .select2-selection__choice__display{
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.select2-container--default .select2-search--inline .select2-search__field {
    padding: 2px !important;
}

.select2-container--open .select2-dropdown {
    border: 1px solid var(--bs-gray-200);
    border-radius: 0;
    padding: 12px
}

.select2-search.select2-search--dropdown {
    padding: 0 0 14px
}

.select2-search__field {
    line-height: 1;
    padding: 8px !important
}

.select2-results__options {
    scrollbar-color: var(--bs-gray-200)transparent;
    scrollbar-width: thin
}

.select2-results__option {
    line-height: 1.4;
    padding: 12px !important
}

.select2-container--default .select2-results__option--selected:not(.select2-results__option--highlighted) {
    background: var(--bs-gray-100) !important
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--main-color-one) !important
}

.form-group .box-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px
}

.form-group .box-wrap .left {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.form-check-label {
    cursor: pointer;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-color);
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-group .box-wrap .right a:hover {
    color: var(--main-color-one)
}

.form-wrapper .info {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    margin-top: 15px
}

.form-wrapper .info a {
    color: var(--heading-color);
    font-weight: 600;
    transition: all .3s
}

.form-wrapper .info a:hover {
    color: var(--main-color-one)
}

.login-form-wrapper {
    box-shadow: 0 0 20px #f3f3f3;
    padding: 30px 20px
}

.contact_map iframe {
    width: 100%
}

.flash-countdown-camp {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, .17);
    background: rgba(255, 255, 255, .80);
    backdrop-filter: blur(14.5px);
    position: absolute;
    left: 0;
    bottom: 0
}

.flash-countdown-camp .single-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #000
}

.counter-line {
    width: 1px;
    height: 34px;
    opacity: .2;
    background: #000
}

.flash-countdown-camp .single-box .item {
    line-height: 1;
    font-size: 18px;
    font-weight: 800
}

.flash-countdown-camp .single-box .item.label {
    font-size: 12px;
    font-weight: 400;
    opacity: .8
}

.quick-view-shop-wrapper .single-shop-details-wrapper {
    margin-left: 20px
}

.modal.product-quick-view-bg-color {
    background: rgb(0 0 0 / 85%)
}

html body.stop-scroll {
    margin: 0;
    height: 100vh;
    overflow: hidden;
    overscroll-behavior: contain
}

.campaign_countdown_wrapper h3 {
    color: var(--main-color-one)
}

.select2-container {
    display: grid !important;
    z-index: 9991;
    height: 45px;
    line-height: 42px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 30px;
    line-height: 30px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ddd
}

.mobile-nav {
    display: none
}

@media(min-width:300px) and (max-width:767.98px) {
    .mobile-nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        z-index: 99;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        border-top: 1px solid #ddd;
        z-index: 9999
    }

    .mobile-nav-link {
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    .mobile-nav-icon {
        font-size: 24px;
        color: var(--heading-color)
    }

    .mobile-nav-title {
        font-size: 12px;
        font-weight: 500;
        color: var(--heading-color)
    }

    .back-to-top.forMobile-nav {
        bottom: 75px
    }
}

@media(max-width:500px) {
    .sign-in {
        padding: 60px 24px 24px
    }
}

.global-slick-init .slick-track {
    margin-left: unset
}


/* booking product */
.product_booking-section {
    padding: 50px 0;
}
.product_booking-section hr{
    background: var(--theme-br);
    opacity: 1;
}
.product_booking-details{
    width: 274px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 16px;
}
.product_booking-main {
    background: var(--booking-bg);
    border: 1px solid var(--theme-br);
    padding: 8px;
}
.product_booking-main > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid var(--theme-br);
    padding: 16px;
}
.product_image-wrapper {
    position: relative;
    padding-top: 100%;
    background: #f2f2f280;
    overflow: hidden;
}
.product_image-wrapper img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product_booking-cat,
.product_booking-summary,
.booking_description,
.booking_description p{
    color: var(--theme-light-txt);
    font-size: var(--fs-global-12);
    line-height: 1.6;
}
.booking_description{
    max-height: 600px;
    font-size: var(--fs-global-14);
    font-size: calc(var(--fs-global-14) + 1px);
    line-height: 1.4;
}
.custom-scroll{
    overflow: auto;
    scrollbar-color: auto;
}
.custom-scroll::-webkit-scrollbar {
    width: var(--scroll-width, 6px);
    height: var(--scroll-width, 6px);
}
.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
}
.custom-scroll:hover::-webkit-scrollbar-thumb {
    background: #11111130; 
}
.product_booking-cat a{
    color: var(--theme-light-txt);
}
.booking_description img{
    max-width: 100%;
}
.product_booking-info{
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 1px solid var(--theme-br);
    padding: 24px;
}
.booking_info-item > hr {
    width: 1px;
    height: auto;
}
.booking-info-label{
    color: var(--theme-light-txt);
    margin-bottom: 12px;
    font-size: var(--fs-global-12);
    font-size: calc(var(--fs-global-12) + 1px);
    line-height: 1.4;
}
.session-duration{
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--theme-main-txt);
    font-size: var(--fs-global-14);
    font-weight: 500;
}
.booking_quantity{
    --qty-input: 32px;
    --qty-btn: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--theme-main-txt);
    padding: 8px;
    border: 1px solid var(--theme-br);
    border-radius: 99px;
}
.booking_qty-btn{
    width: var(--qty-btn);
    height: var(--qty-btn);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    background: var(--theme-light-bg);
    transition: .3s;
    cursor: pointer;
}
.booking_qty-btn:hover{
    background: #E5E5E5;
}
.quantity-input{
    width: var(--qty-input);
    height: var(--qty-btn);
    text-align: center;
    border: none !important;
}
.service_provider-select .select2{
    --select2-height: 37px;
    min-width: 100%;
}
.service_provider-select .select2-selection {
    height: var(--select2-height) !important;
    padding: 8px;
    border-color: var(--theme-br);
    border-radius: 99px !important;
}
.service_provider-select .select2-selection__rendered {
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: var(--theme-main-txt) !important;
    padding: 0 !important;
    font-size: var(--fs-global-12);
    line-height: 1.4 !important;
}
.service_provider-select .select2-selection__rendered:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2M8.5 9.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0m9.758 7.484A7.99 7.99 0 0 1 12 20a7.99 7.99 0 0 1-6.258-3.016C7.363 15.821 9.575 15 12 15s4.637.821 6.258 1.984'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.service_provider-select .select2-selection__arrow{
    display: none;
}

/* calendar css */
.product_booking-area{
    --arrow: 32px;
    --tic-size: 10px;
    --date-size: 46px;
    --date-round: 0;
    --calendar-bg: var(--main-color-one);
    --calendar-clr-primary: var(--main-color-one);
    --calendar-br-active: var(--main-color-one);
    --timeBtn-bg: var(--main-color-one);
    --timeBtn-br-active: var(--main-color-one);
    display: flex;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.booking_colander{
    border: 1px solid var(--theme-br);
    padding: 32px 32px;
}
.booking_colander-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.booking_arrow{
    width: var(--arrow);
    height: var(--arrow);
    display: flex;
    align-items: var(--arrow);
    justify-content: center;
    background: var(--theme-light-bg);
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
}
[dir=rtl] .booking_arrow svg {
    transform: scale(-1);
}
.booking_date-selected{
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--theme-main-txt);
    font-size: var(--fs-global-14);
    font-weight: 500;
}
.datepicker, .datepicker__wrapper {width:100% !important}
.booking_colander .datepicker__wrapper {
    width: 100%;
    border: none;
    padding: 0;
    z-index: 10 !important;
}
.booking_colander .datepicker__header {display: none !important;}

.booking_colander .datepicker table thead th {
    color: var(--theme-main-txt);
    font-size: var(--fs-global-12) !important;
}
.datepicker table th, .datepicker table td {
    position: relative;
    border: none;
}
.booking_colander .datepicker__day:after {
    content: '';
    display: block;
    padding-top: 100%;
    pointer-events: none;
}

.booking_colander .datepicker__day div {
    max-width: var(--date-size);
    width: 100%;
    margin: 0 auto;
    border: 1px solid var(--theme-br);
    border-radius: var(--date-round);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease-in-out;
}
.booking_colander .datepicker__daynum{font-size: var(--fs-global-14);}
.booking_colander .datepicker__day div:hover,
.datepicker__day.is-highlighted div{
    background: none !important;
    box-shadow: inset 0 0 0 1px var(--calendar-br-active);
    border-color: var(--calendar-br-active);
}
.booking_colander .datepicker__day.is-selected div,
.booking_colander .datepicker__day.is-selected:hover div::after{
    background-color: var(--calendar-bg);
    border-color: var(--calendar-br-active);
}
.booking_colander .datepicker__day.is-disabled div,
.booking_colander .datepicker__day.is-otherMonth div{
    background: none !important;
    border: none !important;
    opacity: .4;
}
.booking_colander .datepicker__day div:after {
    border-radius: var(--date-round) !important;
    box-shadow: none;
}
.booking_colander .datepicker__day.is-disabled,
.booking_colander .datepicker__day.is-otherMonth{
    color: var(--theme-light-txt);
}
.booking_colander .datepicker__day.is-today{
    color: var(--calendar-clr-primary);
}
td.datepicker__day.is-selected div:before,
.btn.booking-time-btn.active:before,
td.datepicker__day.is-selected + .is-selected div::before,
td.datepicker__day.is-highlighted + .is-highlighted div::before {
    content: '\F272';
    font-family: bootstrap-icons;
    color: #fff;
    width: unset;
    height: unset;
    position: absolute;
    top: -5px;
    left: auto;
    right: -5px;
    background: #007D48 !important;
    padding: 2px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 1;
    font-size: var(--fs-global-10);
    z-index: 4
}
td.is-disabled.datepicker__day > div:before {
    display: none !important;
}



.booking-times-container{
    min-width: 220px;
    padding: 32px 24px;
    border: 1px solid var(--theme-br);
}
.booking_time-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 8px;
}
.booking_time-title {
    margin: 0;
    font-size: var(--fs-global-14);
    font-weight: 500;
}
.booking-time-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 6px;
    max-height: 320px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #cccccc60 transparent;
}
.btn.booking-time-btn {
    position: relative;
    font-size: var(--fs-global-14) !important;
    border: 1px solid var(--theme-br);
    transition: .3s;
}
.booking-time-btn:hover {
    border-color: var(--timeBtn-br-active);
    box-shadow: inset 0 0 0 1px var(--timeBtn-br-active) !important;
}
.btn.booking-time-btn.active {
    background: var(--timeBtn-bg);
    color: #fff;
    border-color: var(--timeBtn-br-active);
}

.time_switch-slide{
    --posX: 0;
    display: flex;
    align-items: center;
    padding: 4px;
    border: 1px solid var(--theme-br);
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
#time_switch:checked + .time_switch-slide{
    --posX: 100%;
}
.time_switch-slide span{
    width: 34px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-global-12);
    position: relative;
}

.time_switch-slide span:first-child{
    font-weight: 500;
}
#time_switch:checked + .time_switch-slide span:first-child{
    font-weight: 400;
}
#time_switch:checked + .time_switch-slide span:last-child{
    font-weight: 500;
}
.time_switch-slide span:first-child::before{
    content: '';
    width: 100%;
    height: 100%;
    background: var(--theme-light-bg);
    position: absolute;
    top: 0;
    left: var(--posX);
    border-radius: 2px;
    transition: .3s;
    z-index: -1;
}
[dir=rtl] .time_switch-slide span:first-child::before{
    left: auto;
    right: var(--posX);
}

.time_empty_msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    color: var(--theme-light-txt);
    font-size: var(--fs-global-14);
}

#book_now_container:not(.hasTime) .but_now_single_page {
    opacity: .4;
    pointer-events: none;
}

body[style*="overflow: hidden"] ._wa {
    z-index: 1 !important;
}

sar::before {
    content: 'A';
    font-family: MHE Riyal Sign;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-rendering: auto;
}
@media(min-width:1200px){
    .product_booking-section .container{
        max-width:1024px;
        padding: 0;
    }
}
@media(max-width:991px) {
    .product_booking-details{width:100%;}
    .booking-wrap {
        gap: 12px
    }

    .booking-wrap .datepicker__day div {
        max-width: 28px
    }
}
@media(max-width:767px){
    .product_booking-area{
        --date-size: 32px;
    }
    .booking_colander{
        padding: 24px;
    }
}


.fa-spin,
.spin_loader {
    animation: spin_loader 2s linear infinite;
}

@keyframes spin_loader {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}