:root {
    --bg: #f7f5ff;
    --bg-soft: #ffffffcc;
    --primary: #7a3cff;
    --primary-dark: #5b2ccc;
    --accent: #ff8c9f;
    --text: #1a1330;
    --text-muted: #5c5676;
    --border: rgba(90, 80, 120, 0.15);
    --shadow: 0 24px 48px rgba(50, 35, 90, 0.08);
    --radius-lg: 32px;
    --radius-md: 20px;
    --radius-sm: 12px;
}
@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-Thin.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-ExtraLight.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-Light.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-Regular.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-Medium.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-SemiBold.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-Bold.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-ExtraBold.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-Black.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaFaNumWeb';
    src: url('../font/woff2/PeydaFaNumWeb-ExtraBlack.woff2') format('woff2'),
    url('../font/woff/PeydaFaNumWeb-ExtraBlack.woff') format('woff');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'PeydaFaNumWeb';
    box-sizing: border-box;
}
.d-flex {
    display: flex;
}
.mt-2{
    margin-top: 8px;
}
.mb-2{
    margin-bottom: 8px;
}
.mb-3{
    margin-bottom: 12px;
}
.mb-10{
    margin-bottom: 30px;
}
.mt-10{
    margin-top: 40px;
}
.ml-2{
    margin-left: 8px;
}
.mr-1{
    margin-right: 4px;
}
.py-1{
    padding-top: 4px;
    padding-bottom: 4px;
}
.p-8{
    padding:32px;
}
.jc-start {
    justify-content: flex-start;
}
.Snackbar__root-_963b0 {
    transition: 0.3s all ease-in-out;
    z-index: 30;
    border-radius: 8px;
    opacity: 0;
}
.color-000 {
    color: #FFF;
}
.align-center {
    align-self: center;
}
.text-body-1 {
    font-size: .75rem;
    font-weight: 400;
    line-height: 2.15;
}
@media (min-width: 1024px) {
    .text-body-1 {
        font-size: 1.4rem;
    }
}
@media (min-width: 1024px) {
    .text-body-1 {
        font-size: .875rem;
        font-weight: 400;
        line-height: 2.15;
    }
}
.pos-fixed {
    position: fixed;
}
.font-size__14{
    font-size: 14px;
}
.line-height-27{
    line-height: 27px;
}
.line-height-12{
    line-height: 12px;
}
div.text-2xs, h1, h2, h3, h4, h5, h6, p, textarea {
    max-height: 999999px;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}
.container-xs-w{width:100%;max-width:320px}
.container-sm-w{width:100%;max-width:640px}
.container-md-w{width:100%;max-width:768px}
.container-lg-w{width:100%;max-width:1024px}
.container-xl-w{width:100%;max-width:1280px}
@media (max-width: 1200px) {
    .container-xl-w{
        max-width: 1000px;
    }
}
@media (max-width: 1024px) {
    .container-xl-w{
        max-width: 956px;
    }
}
@media (max-width: 768px) {
    .container-xl-w{
        max-width: 768px;
    }
}
@media (max-width: 500px) {
    .container-xl-w{
        max-width: 500px;
    }
}
@media (max-width: 300px) {
    .container-xl-w{
        max-width: 300px;
    }
}
.container-2xl-w{width:100%;max-width:1336px}
.container-3xl-w{width:100%;max-width:1440px}
.container-4xl-w{width:100%;max-width:1676px}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.gap-2 {
    gap: 8px;
}
.shrink-0 {
    flex-shrink: 0;
}
.lg\:\w-25{
    width: 25%;
}
.lg\:\w-50{
    width: 50%;
}
.lg\:\w-20{
    width: 20%;
}
.lg\:\w-24{
    width: 24%;
}
.lg\:\w-23{
    width: 23%;
}
.lg\:\w-30{
    width: 30%;
}
.lg\:\w-75{
    width: 75%;
}
.lg\:\w-60{
    width: 60%;
}
.lg\:\w-40{
    width: 40%;
}
.lg\:\w-71{
    width: 71%;
}
.lg\:\w-70{
    width: 70%;
}
.lg\:\w-80{
    width: 80%;
}
.lg\:\w-100{
    width: 100%;
}
.text-center {
    text-align: center;
}

a{
    text-decoration: none;
}
.bg_while{
    background-color: #FFF;
}
.r-border-6{
    border-radius: 12px;
}
.box-shadow{
    box-shadow: 1px 1px 3px #e3e3e3bf;
}
.bg-normaul-300{
    background-color: #e93358;
}
.bg-normal-red {
    background-color: #f00f0f;
}
.bg-000 {
    background-color: #000;
}
.py-5{
    padding-top: 10px;
    padding-bottom: 10px;
}
.px-5{
    padding-left: 10px;
    padding-right: 10px;
}
.item-justify-content{
    justify-content: space-between;
}
.h-73{
    height: 73px;
}
.justify-between {
    justify-content: space-between;
}
.grow {
    flex-grow: 1;
}
.w-full {
    width: 100%;
}
.relative ,.position-relative{
    position: relative;
}
.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}
.px-2 {
    padding-left: 8px;
    padding-right: 8px;
}
.items-center {
    align-items: center;
}
.h-full {
    height: 100%;
}
.text-body-2 {
    font-size: 11px;
    font-weight: 400;
    line-height: 2.17;
}
.text-neutral-600 {
    color: #62666d;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.cursor-pointer {
    cursor: pointer;
}
.justify-end {
    justify-content: flex-end;
}
.bg-neutral-200 {
    background-color: #e0e0e2;
}
.hidden {
    display: none !important;
}
.mx-3 {
    margin-left: 12px;
    margin-right: 12px;
}
.flex-col {
    flex-direction: column;
}
.pr-2 {
    padding-right: 8px;
}
.pl-0 {
    padding-left: 0px;
}
.bg-neutral-000 {
    background-color: #FFF;
}
.rounded {
    border-radius: 8px;
}
.inline-flex {
    display: inline-flex;
}
.overflow-hidden {
    overflow: hidden;
}
.block {
    display: block;
}
.position-absolute,.absolute {
    position: absolute;
}
.top-0 {
    top: 0;
}
.z-1 {
    z-index: 1;
}
img {
    overflow: hidden;
    position: relative;
}

* {
    box-sizing: border-box;
    outline: none;
    margin: 0;
    padding: 0;
}
.mr-10 {
    margin-right: 40px;
}
.ml-1 {
    margin-left: 4px;
}
.rounded-circle {
    border-radius: 50%;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.right-0 {
    right: 0;
}
.opacity-0 {
    opacity: 0;
}

.inline-block {
    display: inline-block;
}
@media (min-width: 1024px) {
    .lg\:text-lg {
        font-size: 18px;
    }
}
.font-extrabold {
    font-weight: 800;
}
.text-larger {
    font-size: 17px;
}

@media (min-width: 1024px) {
    .lg\:text-xs {
        font-size: 14px;
    }
}
@media (min-width: 1024px) {
    .lg\:mt-8 {
        margin-top: 32px;
    }
}
.text-dark {
    --tw-text-opacity: 1;
    color: rgb(68 69 82 / var(--tw-text-opacity));
}
.font-light {
    font-weight: 300;
}
.text-2xs {
    font-size: 11.7px;
}
.text-justify{
    text-align: justify;
}

.pt-8 {
    padding-top: 32px;
}
.fpt-8 {
    padding-top: 8px;
}
.p-20 {
    padding: 20px;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-1 {
    flex: 1 1 0%;
}
.grid {
    display: grid;
}
.pt-12 {
    padding-top: 12px;
}
.items-center {
    align-items: center;
}
.h-48 {
    height: 48px;
}
.text-secondary {
    --tw-text-opacity: 1;
    color: rgb(49 50 57 / var(--tw-text-opacity));
}
.tracking-tight {
    letter-spacing: -.03em;
}
.text-neutral-400 {
    color: #c1c1c1;
}
.ml-20{
    margin-left: 80px;
}
.md\:m-0 {
    margin: 0;
}
.md\:p-\[26px\] {
    padding: 26px;
}
.md\:p-\[19px\] {
    padding: 19px;
}
.md\:border-b-\[\#F5F6F9\] {
    border-bottom-color: #f5f6f9;
}
.md\:border-b-\[\#F5F6F9\] {
    border-color: #f5f6f9;
}
.px-4 {
    padding-inline: 16px;
}
.pb-4 {
    padding-bottom: 16px;
}
.text-\[\#424244\] {
    color: #424244;
}
.font-bold {
    font-weight: 500;
}
.flex-column {
    flex-direction: column;
}
.text-\[22px\] {
    font-size: 22px;
}
.jc-center {
    justify-content: center;
}
.jc-center {
    justify-content: center;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}
.z-1000 {
    z-index: 1000;
}
.mr-0 {
    margin-right: 0;
}
.my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.overflow-visible {
    overflow: visible;
}
.mb-6 {
    margin-bottom: 24px;
}
.max-w-\[168px\] {
    max-width: 168px;
}
.justify-end {
    justify-content: flex-end;
}
.h-10 {
    height: 40px;
}
button, input:where([type=button],[type=reset],[type=submit]) {
    appearance: button;
}
button, input, optgroup, select, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
}
.border-none {
    border-style: none;
}
.border-2 {
    border-style: solid;
    border-width: 2px;
}
.rounded-full {
    border-radius: 3.40282e+38px;
}
.pb-\[18px\] {
    padding-bottom: 18px;
}
.pt-\[30px\] {
    padding-top: 30px;
}
.px-\[25px\] {
    padding: 25px;
}
.bg-\[linear-gradient\(180deg\,_\#F9FAFC_0\%\,_\#FFFFFF_30\.97\%\)\] {
//background-image: linear-gradient(#f9fafc, #fff 30.97%);
    background-image: linear-gradient(#eff3fc, #fdfdfd 100%);
}
.md\:border-b-\[\#0000001A\] {
    border-bottom-color: #0000001a;
}
.md\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
}
.text-\[\#424B57\] {
    color: #424b57;
}
.text-lg {
    font-size: 16.2px;
    line-height: 1.55556;
}
.py-2 {
    padding-block: 8px;
}
.py-05 {
    padding-top: 2px;
    padding-bottom: 2px;
}
.border-b-\[\#F4F5F6\] {
    border-bottom-color: #f4f5f6;
}
.py-1 {
    padding-block: 4px;
}
.gap-2\.5 {
    gap: 10px;
}
.justify-start {
    justify-content: flex-start;
}
.duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
}
.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
}
.text-\[\#76767C\] {
    color: #76767c;
}
.leading-7 {
    line-height: 28px;
}
.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
menu, ol, ul {
    list-style: none;
}
.mr-3{
    margin-right:12px;
}
.pt-0{
    padding-top:0;
}
.w-height{
    height: 100%;
}
.h-54{
    height:54px;
}
.md\:border-t-\[\#EDEEF2\] {
    border-top-color: #edeef2;
}
.md\:border-t-\[1px\] {
    border-top-style: solid;
    border-top-width: 1px;
}
.md\:gap-\[31px\] {
    gap: 31px;
}
.md\:col-span-3 {
    grid-column: span 3 / span 3;
}
.overflow-x-auto {
    overflow-x: auto;
}
.gap-6 {
    gap: 24px ;
}
.columns-3 {
    column-count: 3;
}
.md\:mt-\[22px\] {
    margin-top: 22px;
}
.outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
}

*, ::backdrop, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
.p-0 {
    padding: 0;
}
.gap-3 {
    gap: 12px;
}
.leading-7 {
    line-height: 28px;
}
.text-sm {
    font-size: 14px;
}
@media (min-width: 48rem) {
    .md\:flex {
        display: flex;
    }
}
.left-0 {
    left: 0;
}
.bottom-0 {
    bottom: 0;
}
.top-0 {
    top: 0;
}
.p-3\.5 {
    padding: 14px;
}
.bg-\[\#F9FAFC\] {
    background-color: #f9fafc;
}
.rounded-lg {
    border-radius: 8px;
}
.cursor-pointer {
    cursor: pointer;
}
.w-12 {
    width: 48px;
}
.h-12 {
    height: 48px;
}
.z-10 {
    z-index: 10;
}
@media (hover: hover) {
    .hover\:bg-\[\#E5E8EB\]:hover {
        background-color: #e5e8eb;
    }
}
.block {
    display: block;
}
img, video {
    max-width: 100%;
    height: auto;
}
audio, canvas, embed, iframe, img, object, svg, video {
    vertical-align: middle;
    display: block;
}
.btn--primary {
    background: linear-gradient(135deg, var(--primary), #a259ff);
    color: #fff;
    box-shadow: 0 14px 32px rgba(122, 60, 255, 0.28);
}
.navbar__menu {
    display: none;
    background: none;
    border: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .navbar__menu {
        display: flex !important;
    }
    .navbar__actions > button {
        display: none;
    }
    .navbar__links {
        display: none;
    }

}
.page-loading {
    opacity: 0.4;
    transition: opacity .3s;
}
.btn--primary {
    background: linear-gradient(135deg, #7a3cff, #a259ff);
    color: #fff;
    box-shadow: 0 14px 32px rgba(122, 60, 255, 0.28);
}
.card__product{
    position: relative;
    overflow: hidden;
}
.height-auto {
    height: auto;
}
@media (min-width: 1471px) {
    .card__product:hover .card__actions{
        opacity: 1;
        bottom: -16px;
    }
    .product-card:hover .card__actions {
        opacity: 1;
        bottom: 24px;
    }
    .gift-card:hover .card__actions {
        opacity: 1;
        bottom: 9px;
    }
    .product-tile:hover .card__actions {
        opacity: 1;
        bottom: 9px;
    }
    .product-tile:hover .product-tile__price {
        opacity: 0;
        transition: opacity .3s;
    }
    .card__product:hover .offer-card__price,article:hover .gift-card__footer,article:hover .product-card__meta {
        opacity: 0;
        transition: opacity .3s;
    }
}
.card__originalPrice {
    text-align: right;
    text-decoration: line-through;
    font-size: 14px !important;
    font-weight: 400;
    color: #959595 !important;
    padding-right: 6px;
}
.Snackbar__bg--success-UqXMB3 {
    stroke: #09960f;
    background-color: #09960f;
    color: #FFF;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}
.my-3 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.z-1000 {
    z-index: 1000;
}
.left-1\/2 {
    left: 50%;
}
.z-1000 {
    z-index: 1000;
}
.bottom-0 {
    bottom: 0;
}
.pos-fixed {
    position: fixed;
}
.p-4 {
    padding: 16px;
}
.Snackbar__bg--error-_533ca {
    stroke: #ef5661;
    background-color: #ef5661;
    color: #FFFF;
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #feb20d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #feb20d, 0 0 5px #feb20d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #feb20d;
    border-left-color: #feb20d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.w-24 {
    width: 24px;
}
.h-24 {
    height: 24px;
}
.flex {
    display: flex;
}
.text-\[9px\] {
    font-size: 9px;
}
.pt-2 {
    padding-top: 2px;
}
.rounded-sm {
    border-radius: 6px;
}

.footer_logo {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    cursor: pointer;
    margin-bottom: 10px;
}
.text-primary-dark {
    --tw-text-opacity: 1;
    color: rgb(225 155 2 / var(--tw-text-opacity));
}
.h-screen {
    height: 100vh;
}
.ai-center {
    align-items: center;
}
@media (min-width: 768px) {
    .flex-row-md {
        flex-direction: row;
    }
}
@media (min-width: 1024px) {
    .text-h5 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 2.1;
    }
    .text-body-1 {
        font-size: .875rem;
        font-weight: 400;
        line-height: 2.15;
    }
    .text-body-2-c {
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.34;
    }
    .text-subtitle {
        font-size: .9375rem;
        font-weight: 400;
        line-height: 2.15;
    }
    .text-button-1 {
        font-size: .875rem;
        font-weight: 700;
        line-height: 2.15;
    }
    .text-h5 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 2.1;
    }
    .text-button-2 {
        font-size: .75rem;
        font-weight: 700;
        line-height: 2.15;
    }
    .text-body2-strong {
        font-size: .75rem;
        font-weight: 700;
        line-height: 2.15;
    }
    .text-body-2 {
        font-size: .75rem;
        font-weight: 400;
        line-height: 2.15;
    }
}
.mr-5 {
    margin-right: 5px;
}
.color-text-high-emphasis {
    color: #424750;
}
.pointer {
    cursor: pointer;
}
.m-auto {
    margin: auto;
}

.mr-2 {
    margin-right: 4px;
}
.mt-5 {
    margin-top: 20px;
}
.color-n-900 {
    color: #030a16;
}
.mb-4 {
    margin-bottom: 16px;
}
.mb-2 {
    margin-bottom: 8px;
}
.color-n-700 {
    color: #424750;
}
.px-2 {
    padding-left: 8px;
    padding-right: 8px;
}
.grow-1 {
    flex-grow: 1;
}
.radius {
    border-radius: 8px;
}
.user-select-none {
    user-select: none;
}
.relative {
    position: relative;
}
.w-100 {
    width: 100%;
}
.d-none{
    display: none;
}
.radius-12 { border-radius: 12px; }

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 8px;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
.login-register .label {
    font-size: 16px;
}
.fw-medium {
    font-weight: 600 !important;
}
.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem;
}
.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -4px;
    margin-right: -4px;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.rounded-2 {
    border-radius: 16px !important;
}
/**** header ****/

.site-header .site-header-top {
    position: relative;
}
.site-header .site-header-top:before {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 100%;
    box-shadow: 0 0 20px 0 rgba(54, 83, 120, .0784313725);
    height: 191%;
}
.site-header .header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-header .header-logo .toggle-responsive-menu {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    margin-left: 15px;
    background: transparent !important;
}
.rip-s-bars:before {
    content: "\e9de";
}
.site-header .img-logo {
    width: 160px;
}
.header-search {
    position: absolute;
    z-index: 9999;
    border-radius: 4px;
    background-color: #f3f4f5;
}
.input-group {
    width: 100%;
}
.input-group {
    display: inline-flex;
    flex-wrap: nowrap;
}
.input-group .input-field {
    padding: 0;
    margin-bottom: 10px;
}
.header-search .input-field {
    margin: 0 !important;
}
.input-group .input-field {
    padding-left: 0;
}
.input-group .input-field {
    flex: 1;
    width: 100%;
    position: relative;
    padding-left: 15px;
}
.form-field {
    display: block;
    background-color: #f8f9fa;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    color: #6a6a6a;
    transition: .3s;
    -webkit-transition: .3s;
    border: none;
    border-radius: 4px;
    font-size: 13.5px;

}
.header-search .form-field {
    background-color: #f3f4f5 !important;
}
.header-search .search-field__remove {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(70%, -35%);
    cursor: pointer;
    display: none;
    font-size: 18px;
}
.input-group .input-field .input-append, .input-group .input-field .input-prepend {
    display: block;
    margin-bottom: 0;
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    line-height: 52px;
    text-align: center;
    min-width: 46px;
    z-index: 3;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .05);
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 5px 30px;
    transition: .3s;
    -webkit-transition: .3s;
    color: #c9c9c9;
}
.site-header .header-search-outer .header-search .input-prepend {
    background: transparent;
    box-shadow: none;
    min-width: 40px;
    color: #6a6a6a;
}
.input-group .input-field .input-append>i, .input-group .input-field .input-prepend>i {
    font-size: 18px;
}
.header-search-result {
    transition: .3s;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    max-width: 440px;
    height: 0;
    opacity: 0;
}
.header-search-result.header-search-result--first {
    display: block;
}
.header-search-result:after {
    content: "";
    position: absolute;
    border-top: 1px solid #ade085;
    top: 5px;
    width: 92%;
}
.header-search-result__area {
    max-height: 175px;
    overflow: hidden;
}
.header-search-result__products-more {
    display: flex;
}
.header-search-result__products-more-btn {
    margin: 0 auto;
    background-color: transparent;
    color: #8ed557;
}
.btn {
    border: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    cursor: pointer;
    padding: 0.75rem 1.6rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    background-color: #f8f9fb;
    color: #a2a6ab;
}
.btn:disabled{
    opacity: 0.9;
}
.rip-l-angle-down:before {
    content: "\e901";
}
.header-search-result__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-search-result__head-text {
    font-family: IRANSans, dana, Tahoma, sans, serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02em;
    color: #666;
    display: flex;
    align-items: center;
}
.header-search-result__head-text i {
    color: #ffb400;
    margin-left: 8px;
    line-height: 0;
}
.rip-l-arrows-repeat:before {
    content: "\e90d";
}
.header-search-result__category {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px 0 20px;
    overflow-x: auto;
    margin-left: -16px;
}
.header-search-result .searchResultSwiper {
    margin-right: 0;
}
.header-search-result__history-section-hide {
    display: none !important;
}
. {
    border-top: 1px solid #f1f1f1;
}
.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}
.header-search-result.header-search-result--second .header-search-result__history {
    padding: 8px 0;
    border-top: none;
    margin-top: 0;
}
.c-spinner {
    display: none;
    width: 50px;
    height: 50px;
    border: 4px solid #ddd;
    border-top-color: #8ed557;
    border-radius: 100%;
    margin: 15% auto 0;
    -webkit-animation: SpinnerRotate .5s
    linear infinite;
    animation: SpinnerRotate .5s
    linear infinite;
}
.spinner--styles {
    width: 23px !important;
    height: 23px !important;
    margin: 0 !important;
    position: absolute;
    left: 45px;
    top: 14px;
}
.site-header .responsive-header-left-panel {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.site-header .header-left-panel {
    justify-content: flex-end;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center !important;
}
.site-header .header-left-panel>div {
    padding-left: 11px;
    padding-right: 11px;
    justify-content: center !important;
    align-items: center !important;
}
.site-header .header-mini-cart-section {
    z-index: 9999;
}
.site-header .responsive-header-left-panel .header-basket .btn, .site-header .responsive-header-left-panel .header-notifications .btn {
    line-height: 2;
    padding: 0;
    text-align: center;
    position: relative;
    font-size: 16px;
    background-color: transparent !important;
}
.site-header .responsive-header-left-panel .header-basket .btn i, .site-header .responsive-header-left-panel .header-notifications .btn i {
    font-size: 24px;
    transform: translateY(5px) !important;
}
.rip-basket:before {
    content: "\eab2";
}

#credential_picker_container {
    position: absolute !important;
    top: 53px !important;
    left: 4px !important;
    right: auto !important;
    padding: 0 !important;
}

#credential_picker_container > iframe, #credential_picker_iframe {
    color-scheme: light;
}

#goftino_w {
    z-index: 9998 !important;
}

.site-header .header-account .login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px !important;
    border-radius: 8px;
}
.btn-outline {
    background-color: #fff !important;
    color: #a2a6ab;
    border: 1px solid #a2a6ab;
}
.site-header .header-account .login-btn-inner {
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: -.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    gap: 5.4px;
}
.site-header .header-account .login-btn-inner-text {
    padding-left: 7px;
    position: relative;
}
.site-header .header-account .login-btn-inner-text:after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    height: 16px;
    border-left: 2px solid #e1e1e1;
}
.site-header .header-account .btn .prepend-icon {
    margin: 0;
}
.btn .prepend-icon {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}
.rip-l-logout:before {
    content: "\eb87";
}
.site-header .header-account .btn .prepend-icon i {
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
}
.site-header .main-navbar {
    position: relative;
    z-index: 999;
    transition: all .2s
    linear;
}
@media (min-width: 1200px) {
    .site-header .main-navbar {
        margin-top: 19.5px;
        margin-bottom: -8px;
    }
    .site-header .main-navbar .responsive-item {
        display: none !important;
    }
}
.site-header .main-navbar>* {
    position: relative;
    z-index: 1;
}
.site-header .main-navbar .toggle-responsive-menu {
    display: none !important;
}
.site-header .header-logo .toggle-responsive-menu {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    margin-left: 15px;
    background: transparent !important;
}
.site-header .img-logo {
    width: 160px;
}
img {
    max-width: 100%;
    height: auto;
}
.site-header .main-navbar>* {
    position: relative;
    z-index: 1;
}
@media (min-width: 1200px) {
    .site-header .main-navbar .responsive-item {
        display: none !important;
    }
}.header-search {
     position: absolute;
     z-index: 9999;
     border-radius: 4px;
     background-color: #f3f4f5;
 }
.input-group {
    width: 100%;
}
.input-group {
    display: inline-flex;
    flex-wrap: nowrap;
}
.input-group .input-field {
    flex: 1;
    width: 100%;
    position: relative;
    padding-left: 15px;
}
.header-search .input-field {
    margin: 0 !important;
}
.input-group .input-field {
    padding-left: 0;
}
.header-search .form-field {
    background-color: #f3f4f5 !important;
}
.site-header .header-search-outer .header-search .form-field {
    background-color: #f3f4f5;
    width: 394px;
    height: 40px;
    line-height: 45px;
    padding-right: 42.3px;
}
.header-search .search-field__remove {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(70%, -35%);
    cursor: pointer;
    display: none;
    font-size: 18px;
}
.site-header .header-search-outer .header-search .input-prepend {
    background: transparent;
    box-shadow: none;
    min-width: 40px;
    color: #6a6a6a;
}
.header-search .input-prepend i:last-child {
    display: none;
}
.header-search-result.header-search-result--first {
    display: block;
}
.p-0 {
    padding: 0 !important;
}
.header-search-result__products-more {
    display: flex;
}
.header-search-result__category {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px 0 20px;
    overflow-x: auto;
    margin-left: -16px;
}
.col-lg,.col-lg-auto,.col-12{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    @media (min-width: 992px) {
        .col-lg-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }
    }
}


@media (min-width: 1200px) {
    .site-header .main-navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .site-header .main-navbar ul.categories-menu {
        display: flex;
        flex-wrap: wrap;
    }
    .site-header .main-navbar ul.categories-menu>li {
        display: inline-block;
        margin-left: 15px;
    }
    .site-header .main-navbar ul a {
        transition: .3s;
        -webkit-transition: .3s;
    }
    .site-header .main-navbar ul.categories-menu>li>a {
        display: flex !important;
        align-items: center;
    }
    .site-header .main-navbar ul.categories-menu li>a {
        display: block;
        padding: 21px 0;
        font-size: 14px;
        color: #3c4354;
    }
    .site-header .main-navbar ul.categories-menu>li>a>i {
        margin-left: 10px;
        display: inline-block;
        transition: .3s;
        -webkit-transition: .3s;
        margin-right: 5px;
        color: #3c4354;
        transform: scale(1.1) translateY(-2px);
    }
    .site-header .main-navbar ul.categories-menu li.menu-item-has-children>a>.menu-append-icon {
        margin-right: 10px;
        display: inline-block;
        transform: translateY(2px);
        transition: .3s;
        -webkit-transition: .3s;
        color: #acadb1;
        float: left;
        font-size: 10px;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu {
        position: absolute;
        background: #fff;
        width: 230px;
        border-radius: 4px;
        box-shadow: 0 15px 50px rgba(173, 188, 200, .22);
        -webkit-box-shadow: rgba(173, 188, 200, .22) 0 15px 50px;
        padding: 25px;
        line-height: 2.7;
        transition: .3s;
        -webkit-transition: .3s;
        -webkit-animation-name: MenuSlideUp;
        animation-name: MenuSlideUp;
        z-index: 999;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu {
        padding: 29px 0 0 16px;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container {
        width: 1439px;
        right: 15px;
    }
    .site-header .main-navbar ul.categories-menu li:not(:hover)>.sub-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        margin-top: -10px;
        padding: 0;
        -webkit-animation-name: MenuSlideDown;
        animation-name: MenuSlideDown;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        pointer-events: none;
    }
    .site-header .main-navbar ul.categories-menu li:not(:hover)>.sub-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        margin-top: -10px;
        padding: 0;
        -webkit-animation-name: MenuSlideDown;
        animation-name: MenuSlideDown;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        pointer-events: none;
    }
    .site-header .main-navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items {
        display: flex;
        flex-wrap: wrap;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu li {
        display: block;
        position: relative;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li {
        width: 25%;
        margin-bottom: 16px;
        padding-right: 60px;
        transition: all .3s;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu li a {
        padding: 0;
        font-size: 14px;
        transition: .3s;
        -webkit-transition: .3s;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li a {
        display: inline-block;
        font-size: 18px;
        color: #6d6d6d;
        line-height: normal;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li a .desc {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #a4a4a4;
        padding-right: 32px;
        line-height: 2;
    }
    .rip-b-wordpress:before {
        content: "\eaa4";
    }
}
.rip-price-chart:before {
    content: "\eb36";
}
.rip-s-angle-down:before {
    content: "\e9c9";
}

.site-header .main-navbar .header-main-left {
    border: none;
    background-color: #fff !important;
    padding: 1px 0;
}
.header-extra__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f8f8f8 !important;
    border-radius: 8px;
    position: relative;
}
@media (min-width: 1200px) {
    .site-header .main-navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
}
.header-extra__item {
    transition: all .3s;
    padding: 7px 9px;
    width: 236px;
    height: 44px;
}
.header-extra__item-icon {
    font-size: 18px;
    transition: all .3s;
    line-height: 1;
}
.rip-script:before {
    content: "\eb3c";
}
.header-extra__item-title--full {
    display: inline;
}
.header-extra__item-title {
    font-size: 15px;
    font-weight: 400;
    color: #3c4354;
    transition: all .3s;
}
@media (min-width: 1200px) {
    .site-header .main-navbar ul a {
        transition: .3s;
        -webkit-transition: .3s;
    }
}
.header-extra__item:hover .header-extra__item-append-icon {
    transform: translateY(1px);
    color: #8cd455;
    transition: all .3s;
}
.pointerEventsNone {
    pointer-events: none;
}
.barMega {
    position: absolute;
    width: 512px;
    height: 365px;
    background: #fff;
    top: 45px;
    box-shadow: 0 0 20px 0 rgba(54, 83, 120, .10196078431372549);
    border-radius: 8px;
    left: 205px;
    transform: translate(-40%);
    padding: 17px 27px 18px 18px;
    display: none;
    align-items: flex-start;
    justify-content: space-between;
    transition: all .8s;
}
@media (min-width: 1200px) {
    .barMega {
        display: flex;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
    }
}
.barMega.show {
    visibility: visible;
    opacity: 1;
    transition: all .8s;
}
.header-extra__item:hover .header-extra__item-icon {
    color: #8cd455;
    transition: all .3s;
}
.header-extra__item:hover .header-extra__item-title {
    color: #8cd455 !important;
    transition: all .3s;
}
@media (min-width: 1200px) {
    .site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container:not(.page-mega-menu) .menu-items {
        display: flex;
        flex-wrap: wrap;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu li {
        display: block;
        position: relative;
    }    .site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container:not(.page-mega-menu) .menu-items li {
             width: 25%;
         }
    .site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container:not(.page-mega-menu) .menu-items li a {
        display: inline-block;
        color: #6d6d6d;
        transition: .3s;
        font-size: 15px;
        line-height: 4;
        white-space: nowrap;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container:not(.page-mega-menu) .menu-items li a i {
        color: inherit;
        font-size: 18px;
        width: 30px;
        display: inline-block;
        text-align: center;
        margin-left: 0;
    }
    .site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container:not(.page-mega-menu) .menu-items li a:hover {
        color: #8ed557;
    }
}
.site-header .main-navbar ul.categories-menu li>.sub-menu.mega-menu-container:not(.page-mega-menu) .icon{
    width: auto;
    height: auto;
}
.header-demo {
    width: 226px;
    text-align: center;
}
.header-demo__num {
    background-color: #f8f8f8;
    border-radius: 12px 12px 0 0;
    height: 100px;
    margin-bottom: 5px;
    font-size: 48px;
    font-weight: 400;
    color: #8ed557;
}
.header-demo__num, .header-demo__text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-demo__text {
    background-color: #8ed557;
    border-radius: 0 0 12px 12px;
    height: 55px;
    gap: 5px;
    color: #fff;
    font-size: 18px;
}
.header-search-result.show {
    height: 100% !important;
    transition: .3s;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 22px 16px 0;
}
.rip-l-magnifying-glass:before {
    content: "\e97e";
}
.site-header .header-dashboard {
    position: relative;
    z-index: 9999;
}
@media (min-width: 992px) {
    .site-header .header-dashboard .outer {
        position: absolute;
        width: 282px;
        left: 0;
        top: 100%;
        margin-top: 17px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 20px 0 rgba(54, 83, 120, .0784313725490196);
        transition: .3s;
        -webkit-transition: .3s;
        padding: 20px 25px !important;
        z-index: 20;
    }
    .site-header .header-dashboard:hover .inner .arrow {
        transform: rotate(180deg);
    }
    .site-header .header-dashboard .outer:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 20px;
    }
}
.site-header .header-dashboard .outer .user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
}
.site-header .header-dashboard .outer .list-items {
    padding: 0;
    margin: 0 -20px;
    list-style: none;
}
.site-header .header-dashboard .outer .list-items li a
{
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #969ba2;
    transition: .3s;
    -webkit-transition: .3s;
}
.site-header .header-dashboard .outer .list-items li a i {
    color: rgba(119, 132, 157, .45);
    margin-left: 10px;
    transition: .3s;
    -webkit-transition: .3s;
    display: inline-block;
    vertical-align: middle;
}
.site-header .header-dashboard .outer:after {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 12px;
    position: absolute;
    top: -11px;
    left: 20px;
    z-index: -1;
}
.site-header .header-dashboard .outer .user .user-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0;
}
.site-header .header-dashboard .outer .user .user-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}
.site-header .header-dashboard .user-name,.site-header .header-dashboard .arrow{
    color: #6a6a6a;
}
.site-header .header-dashboard .outer hr {
    border: 1px solid;
    border-bottom-width: 0;
    border-color: rgb(175 178 186 / 20%);
    margin: 15px -8px;
}
.site-header .header-basket .badge {
    background-color: #8ed557 !important;
}
.site-header .responsive-header-left-panel .header-basket .btn .badge, .site-header .responsive-header-left-panel .header-notifications .btn .badge {
    position: absolute;
    top: 4px;
    right: 0;
    transform: translate(50%, -50%);
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    min-width: 14px;
    background: #ff2e00;
    display: block;
    text-align: center;
    padding: 0 5px;
    color: #fff;
    border-radius: 11px;
    box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: #fff 0 0 0 1px;
    -webkit-animation-name: BasketBadge;
    animation-name: BasketBadge;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}
@media (min-width: 1200px) {
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li {
        width: 25%;
        margin-bottom: 16px;
        padding-right: 60px;
        transition: all .3s;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li a {
        display: inline-block;
        font-size: 18px;
        color: #6d6d6d;
        line-height: normal;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li a .desc {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #a4a4a4;
        padding-right: 32px;
        line-height: 2;
    }
    .site-header .main-navbar ul.categories-menu li .bold-menu .bold-items li:not(:first-of-type) {
        border-right: 1px solid #eee;
    }
    .site-header .main-navbar ul a {
        transition: .3s;
        -webkit-transition: .3s;
    }
}
.col-9, .col-auto, .col-3 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.rip {
    font-family: RTL-Icon-Package, serif !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.site-header {
    padding-top: 18px;
    padding-bottom: 10px;
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    top: 0;
    z-index: 1000;
    box-shadow: 0 0 20px 0 rgba(54, 83, 120, .0784313725490196);
}
.site-header .responsive-header-left-panel {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.col-xl-7, .col-xl-5, .col-lg-12, .col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.menuCard__banner img {
    width: 126px;
    border-radius: 7px;
}
.menuCard__desc {
    color: #a4a4a4;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px;
}
.menuCard:hover .menuCard__title a{
    color: #008301;

}
.menuCard:hover .menuCard__title {
    white-space: normal;
}
.menuCard__desc, .menuCard__title {
    max-height: 64px;
    transition: .3s;
    font-size: 16px;
    color: #6d6d6d;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
.menuCard-area {
    margin: 16px 0 28px;
    padding: 23px 0;
    width: 100%;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.menuCard {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 25%;
    padding-right: 60px;
}
.menuCard:nth-child(-n+4) {
    margin-bottom: 32px;
}
.menuCard-area:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 33px;
    background-color: #f8f8f8;
    border-radius: 12px;
    z-index: -1;
}
@media (max-width: 1199px) {
    .site-header .main-navbar {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        background: #fff;
        z-index: 9999999;
        transition: .3s;
        box-shadow: 5px 0 15px 5px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 5px 0 15px 5px rgba(0, 0, 0, .1);
        overflow: auto;
    }
    body:not(.show-responsive-menu) .site-header .main-navbar {
        overflow: hidden;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
    .site-header .header-logo .toggle-responsive-menu {
        display: block;
        font-size: 22px;
    }
    .site-header .main-navbar .responsive-logo {
        padding: 20px;
    }
    .site-header .main-navbar .responsive-logo img {
        max-width: 100%;
        height: 40px;
    }
    .site-header .main-navbar .col, .site-header .main-navbar .container, .site-header .main-navbar [class*=col-] {
        padding: 0;
    }
    .site-header .main-navbar .row {
        display: block;
        margin: 0;
    }
    .site-header .main-navbar .responsive-search {
        padding: 0 15px;
    }
    .site-header .main-navbar .responsive-search .header-search-outer {
        display: block;
    }
    .site-header .main-navbar .responsive-search .header-search-outer .header-search .form-field, .site-header .main-navbar .responsive-search .header-search-outer .header-search .input-group {
        width: 100% !important;
    }
    .site-header .main-navbar .responsive-search .header-search-outer .header-search .form-field, .site-header .main-navbar .responsive-search .header-search-outer .header-search .input-group {
        width: 100% !important;
    }
    .site-header .main-navbar ul, .site-header .main-navbar ul li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .site-header .main-navbar ul.categories-menu li a {
        display: flex;
        padding: 0 20px 0 0;
        align-items: center;
        transition: .3s;
        color: #777;
        position: relative;
        height: 50px;
    }
    .site-header .main-navbar ul.categories-menu li a>i {
        margin-left: 10px;
    }
    .site-header .main-navbar ul.categories-menu li a .menu-append-icon {
        display: flex;
        flex: 1;
        justify-content: flex-end;
        opacity: .5;
        padding: 15px 0 15px 20px;
    }
    .site-header .main-navbar ul.categories-menu li a .menu-append-icon i {
        transition: .3s;
    }
    .site-header .main-navbar ul.categories-menu li .sub-menu {
        display: none;
        background: rgba(0, 0, 0, .05);
    }
    .site-header .main-navbar ul.categories-menu li a {
        display: flex;
        padding: 0 20px 0 0;
        align-items: center;
        transition: .3s;
        color: #777;
        position: relative;
        height: 50px;
    }
    .site-header .main-navbar ul.categories-menu li ul a {
        height: 40px;
    }
    .site-header .main-navbar ul.categories-menu li a>i {
        margin-left: 10px;
    }
    .site-header .main-navbar ul.categories-menu li a .desc {
        display: none;
    }
    .site-header .main-navbar .header-main-left {
        border-top: 1px dashed #dbdbdb !important;
        padding: 0 !important;
    }
    .site-header .main-navbar .header-main-left {
        border-top: 1px solid #eee;
        margin-top: 30px;
        padding-top: 15px;
    }
    .site-header .main-navbar .header-main-left {
        display: flex;
        flex-direction: column-reverse;
    }
    .header-extra__list {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 5px !important;
        border-top: 1px dashed #dbdbdb;
        border-radius: 0;
        background-color: #fff;
    }
    .site-header .main-navbar ul.categories-menu li.show-menu>a .menu-append-icon i {
        transform: rotateX(180deg);
    }
}
.bk_menu .bakala>ul>li>span.arrow {
    color: #fff;
    display: none !important;
}
@media (max-width: 1199px) {
    .bk_menu.bk_vertical_menu.level{
        height: 100% !important;
    }
    .site-header .main-navbar ul {
        display: flex;
        flex-direction: column;
        gap: 5px;
        position: relative !important;
        height: auto !important;
        float: none !important;
    }
    .bk_vertical_menu .bakala>ul>li:first-child::after{
        content: none !important;
    }
    .site-header .main-navbar ul li{
        height: auto !important;
        padding: 0 16px 3px 0 !important;
        display: flex;
        justify-content: space-between;
        margin-left: 0px !important;
    }
    .bk_vertical_menu .bakala>ul>li a{
        color: #777 !important;
        font-weight: 700 !important;
        font-size: 15px !important;
    }
    .bk_menu .bakala>ul>li>span.arrow{
        display: block !important;
        color: #777;
    }
}
@media (max-width: 1200px) {
    .header-search {
        height: 50px;
        position: relative;
        box-shadow: none;
        overflow: hidden;
    }
    .header-search-result {
        padding: 22px 16px 0;
    }
    .header-extra__item {
        padding: 5px 20px;
        width: 100%;
    }
    .header-extra__item-append-icon {
        margin-right: auto;
    }
    .header-search {
        height: 50px;
        position: relative;
        box-shadow: none;
        overflow: hidden;
    }
    .site-header .header-search-outer {
        display: none;
    }
    .site-header .site-header-top:before {
        box-shadow: none;
    }
}
.rip-s-bars:before {
    content: "\e9de";
}
@media (max-width: 480px) {
    .header-left-panel {
        justify-content: center !important;
    }
}
@media (max-width: 420px) {
    .site-header .header-left-panel>div {
        padding: 7px 5px;
    }
    .site-header .header-left-panel>div:last-of-type {
        padding: 0 5px 0 0;
        margin: 0;
    }
    .site-header .header-dashboard .inner {
        margin-left: 10px;
    }
    .site-header .header-dashboard .inner .arrow {
        display: none;
    }
}
@media (max-width: 991px) {
    body:not(.show-responsive-profile) .site-header .header-dashboard .outer {
        overflow: hidden;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
}
@media (max-width: 1199px) {
    body:not(.show-responsive-menu) .site-header .main-navbar+.rtl-dimmer {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@media (max-width: 991px) {
    body:not(.show-responsive-profile) .site-header .header-dashboard .outer+.rtl-dimmer {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .site-header .header-dashboard .outer {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 300px;
        background: #fff;
        z-index: 9999999;
        transition: .3s;
        box-shadow: 5px 0 15px 5px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 5px 0 15px 5px rgba(0, 0, 0, .1);
        overflow: auto;
        padding: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .header-search-result {
        max-width: 100%;
        opacity: 0;
        overflow: hidden;
        width: 0;
    }
}

.rtl-dimmer {
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: 99;
    position: absolute !important;
    background: hsla(0, 0%, 100%, .8);
}
.rtl-dimmer, .rtl-page-spinner {
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
}
.site-header .rtl-dimmer {
    position: fixed !important;
    z-index: 999999;
}
.site-header .main-navbar+.rtl-dimmer {
    transition: .3s;
}
@media (min-width: 992px) {
    .site-header .header-dashboard .outer+.rtl-dimmer {
        display: none;
    }
}
@media (max-width: 767px) {
    .site-header .header-account .login-btn {
        padding: 10px 8px !important;
        gap: 8px;
    }
    .site-header .header-account .login-btn-inner {
        font-size: 11.7px;
        gap: 5px;
    }
    .site-header .header-account .login-btn .prepend-icon i {
        font-size: 18px !important;
    }
}
@media (max-width: 420px) {
    .site-header .responsive-header-left-panel .header-basket .btn i, .site-header .responsive-header-left-panel .header-notifications .btn i {
        font-size: 20px;
    }
}
@media (max-width: 574px) {
    .site-header .header-account .login-btn {
        margin-left: 10px !important;
        margin-right: 0 !important;
    }
    .site-header .header-account .login-btn .prepend-icon {
        display: none;
    }
    .site-header .header-account .login-btn-inner {
        font-size: 10px;
    }
    .site-header .header-logo .toggle-responsive-menu {
        margin-left: 0;
    }

}
@media (max-width: 480px) {
    .header-left-panel {
        justify-content: center !important;
    }
    .site-header .img-logo {
        width: 125px;
    }
}
.site-header .responsive-header-left-panel {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 1199px) {
    .site-header .main-navbar ul.categories-menu li a {
        display: flex;
        padding: 0 20px 0 0;
        align-items: center;
        transition: .3s;
        color: #777;
        position: relative;
        height: 50px;
    }
    .site-header .main-navbar ul.categories-menu li ul a {
        height: 40px;
    }
    .site-header .main-navbar ul.categories-menu li a>i {
        margin-left: 10px;
    }
    .site-header .main-navbar ul.categories-menu li a .desc {
        display: none;
    }
    .menuCard-area {
        margin: 20px 0 0;
        padding: 26px 0 0;
        border-radius: 0;
        border-top: 1px dashed #b0b0b0;
    }
    .site-header .main-navbar ul.categories-menu li a {
        display: flex;
        padding: 0 20px 0 0;
        align-items: center;
        transition: .3s;
        color: #777;
        position: relative;
        height: 50px;
    }
    .site-header .main-navbar ul.categories-menu li ul a {
        height: 40px;
    }
    .site-header:not(.header-dashboard) {
        padding-top: 20px;
        padding-bottom: 20px;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }
}
@media (min-width: 1200px) {
    .site-header .main-navbar+.rtl-dimmer {
        display: none;
    }
}
@media (max-width: 1200px) {
    .menuCard {
        padding: 0 20px 0 0;
        width: 100%;
        margin-bottom: 16px !important;
    }
}
@media (max-width: 1470px) {
    .menuCard__title {
        max-width: 160px;
    }
}
a {
    color: #000;
    text-decoration: none;
}
@media (min-width: 1200px) {
    .site-header .main-navbar ul a {
        transition: .3s;
        -webkit-transition: .3s;
    }
}
.align-items-center {
    align-items: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.mt-18 { margin-top: 72px; }
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.leading-xs {
    line-height: 1.5;
}
.font-normal {
    font-weight: 400;
}
.text-xs {
    font-size: 12.6px;
}
.py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.block {
    display: block;
}
.hover\:text-blue-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(42 114 228 / var(--tw-text-opacity));
}
@media (min-width: 1232px) {
    .xl\:p-20 {
        padding: 20px;
    }
}
.self-end {
    align-self: flex-end;
}
.shrink-0 {
    flex-shrink: 0;
}
.w-auto {
    width: auto;
}
.pb-2 {
    padding-bottom: 2px;
}
.justify-center {
    justify-content: center;
}
.align-items-end{
    align-items: flex-end;
}
@media (min-width: 1024px) {
    .lg\:py-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 1024px) {
    .lg\:rounded {
        border-radius: 8px;
    }
}
@media (min-width: 1024px) {
    .lg\:w-104 {
        width: 104px;
    }
}
@media (min-width: 1024px) {
    .lg\:h-104 {
        height: 104px;
    }
}
.border {
    border-width: 1px;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.w-76 {
    width: 76px;
}
.h-76 {
    height: 76px;
}
.border {
    --tw-border-opacity: 1;
    border-color: rgb(223 227 235 / var(--tw-border-opacity));
}
.\[\&_\*\]\:cursor-pointer * {
    cursor: pointer;
}
.\[\&_\*\]\:w-auto * {
    width: auto;
}
.\[\&_\*\]\:h-full * {
    height: 100%;
}
img {
    overflow: hidden;
}
@media (min-width: 1024px) {
    .lg\:w-104 {
        width: 104px;
    }
}
@media (min-width: 1024px) {
    .lg\:h-104 {
        height: 104px;
    }
}
@media (min-width: 1024px) {
    .lg\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(12px * (1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(12px * var(--tw-space-y-reverse));
    }
}
@media (min-width: 1024px) {
    .lg\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
    }
}
.mt-32 {
    margin-top: 32px;
}
.-m-2 {
    margin: -2px;
}
.text-gray {
    --tw-text-opacity: 1;
    color: rgb(93 101 122 / var(--tw-text-opacity));
}
.leading-1 {
    line-height: 1;
}
.hover\:text-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(68 69 82 / var(--tw-text-opacity));
}
.flex-wrap {
    flex-wrap: wrap
}
.px-8 {
    padding-left: 8px;
    padding-right: 8px;
}
.pb-6 {
    padding-bottom: 24px;
}
.fpb-6 {
    padding-bottom: 6px;
}
.p-2 {
    padding: 2px;
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-white {
    --tw-gradient-from: #fff 50%;
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.pr-60 {
    padding-right: 60px;
}
.from-50\% {
    --tw-gradient-from-position: 50%;
}
.pointer-events-none {
    pointer-events: none;
}
.border-light {
    --tw-border-opacity: 1;
    border-color: rgb(238 240 245 / var(--tw-border-opacity));
}
.bg-light {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 245 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group:hover .group-hover\:text-primary-dark {
    --tw-text-opacity: 1;
    color: rgb(225 155 2 / var(--tw-text-opacity));
}
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 178 13 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-15:hover {
    --tw-bg-opacity: 0.15;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.opacity-75 {
    opacity: .75;
}
.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}
/**** navbar header ****/
.bk_menu {
    box-sizing: content-box;
    height: 43px;
    padding-bottom: 0;
    width: 100%;
}
.bk_menu.bk_vertical_menu.level {
    width: 100%;
}
.bakala {
    display: block;
    position: relative;
    margin-right: -5px;
    margin-top: 10px;
}
.bk_menu>.bakala>ul {
    position: absolute;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    border-width: 0;
    height: 41px;
}
.bk_menu > .bakala > ul {
    height: 36px;
}
.bk_menu .bakala>ul>li {
    float: right;
    cursor: pointer;
    margin: 0 5px;
    height: 38px;
}
.bk_vertical_menu .bakala>ul>li:first-child {
    padding-right: 2px;
    margin-left: 20px;
    border-radius: 11px 11px 0 0;
    height: 43px;
}
.bk_vertical_menu .bakala>ul>li:first-child {
    padding-right: 2px;
    margin-left: 20px;
    border-radius: 11px 11px 0 0;
    height: 43px;
}
.bk_menu .bakala>ul>li span {
    padding: 0;
}
.bk_menu.bk_vertical_menu .title {
    display: flex;
    align-items: center;
    padding: 0 5px 0 10px;
}
.bk_vertical_menu .bakala>ul>li:first-child span a {
    font-weight: 700;
}
.bk_menu .bakala>ul>li>span.title a {
    font-size: 11.7px;
    color: #000;
    line-height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
}
.bk_menu .bakala > ul > li > span.title a {
    cursor: pointer;
}
.navbar-primary .bk_menu.bk_vertical_menu.level a {
    color: #000;
    cursor: pointer;
}
.navbar-primary .bk_menu.bk_vertical_menu.level a {
    color: #000 !important;
}
.bakala-tab-menu-items {
    min-height: 0 !important;
    max-height: 0 !important;
    height: 0;
    opacity: 0;
    transition: opacity .5s ease-in-out !important;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items {
    background: #fff;
    width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 0 0 8px 8px;
    z-index: -10;
    opacity: 0;
    transition: all .1s ease-in-out;
    max-height: 450px;
    min-height: 392px;
    overflow: hidden;
    min-width: 1220px;
    margin-top: 7px;
    -webkit-box-shadow: 0 10000px 0 10000px #7c7d86cc;
    -moz-box-shadow: 0 10000px 0 10000px #7c7d86cc;
    box-shadow: 0 10000px 0 10000px #7c7d86cc;
    -o-box-shadow: 0 10000px 0 10000px #7c7d86cc;
}
.bk_vertical_menu .bakala>ul>li:first-child::after {
    content: "";
    height: 20px;
    bottom: 24px;
    position: relative;
    width: 2px;
    background: #666;
    display: block;
    float: left;
    margin-left: -14px;
}
.bk_vertical_menu .bakala>ul>li:hover .bakala-tab-menu-items {
    z-index: 110 !important;
    opacity: 1 !important;
    display: block !important;
    border-top: 1px solid #eee;
}
.bk_vertical_menu .bakala>ul>li:hover .bakala-tab-menu-items {
    height: 504px;
    max-height: 450px !important;
    min-height: 392px !important;
    opacity: 1;
}

.header .cart-box .dk-button-container, .hr-widget .blog-widget-title span, .archive-header .media-header__follow-btn, .bk_menu.bk_new_menu .submenu .title a:hover, .ship::before, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .c-header__user-dropdown-sign-up a, div.swatch-wrapper.selected .color-title, .seller-v, .dk-product-meta span a, .woocommerce div.product form.cart .button, .readmore a, .readmore a:hover, .title__sep, #more-link, .show-more-seller::after, .vendors-table-col--sellerTitle a, .page-numbers.current, .report-button-container .edit-info, .return-to-product a, .bottom-box .qus a, #bakala_login .forget, .bk_vertical_menu .bakala > ul > li:first-child:hover, #bakala_login .footer .register a, .bk_menu.bk_new_menu .bakala > ul > li:hover > ul.level > li:hover > h3, .show-more-seller.playing::after, .wishlist-item .btn.btn-blue.woocommerce-Button.button, #feedback_submit, .bk_menu .bakala > ul > li:hover, .product-list-table td a, .bk_menu.bk_new_menu .bakala > ul > li:hover > ul.level > li > .submenu > ul > li.title a:hover, .ship, .profile-img img, .post_tags a:hover, .widget .tagcloud a:hover, .widget_shopping_cart .buttons a.view_cart, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_product_categories ul li.current-cat > a::before, .woocommerce-page .widget_product_categories ul li.current-cat > a::before, .widget_product_categories ul li.current-cat > a::before, .widget_product_categories ul li a:hover::before, .widget_layered_nav ul li a:hover::before, input[type="radio"]:checked::after, .input-radio:checked::after, input[type="checkbox"]:checked::after, .input-checkbox:checked::after, .return-to-shop .button.wc-backward {
    border-color: #3d39e5 !important;
}

.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul {
    width: 20% !important;
    float: right;
    box-sizing: border-box;
    background-color: #fff;
    max-height: 501px;
    min-height: 390px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-left: 1px solid #f0f0f1;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level {
    margin-top: 0;
    display: block !important;
    z-index: 999;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0 0 14px 14px;
    padding: 0;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level {
    border-radius: 0 0 14px 14px;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level {
    overflow-y: auto;
}
ul.level>li {
    float: right;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 7px 8px 0;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    height: 50px;
    margin-right: -7px;
}
.navbar-primary .title2, .navbar-primary h4, .navbar-primary h5, .navbar-primary h6 {
    color: inherit;
    font-weight: 400;
    margin: inherit;
    padding: inherit;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2 {
    padding: 14px 8px;
    color: #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 11.7px;
    line-height: 2;
    height: 50px;
    border-radius: 0;
    margin: 0;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2 {
    width: 250%;
}
.bk_menu .menu-item-icon {
    color: #000;
    font-size: 15px;
    max-width: 21px;
    margin: 0 4px;
    height: auto;
}
.bk_menu img.menu-item-icon {
    width: auto;
    max-height: 23px;
    display: inline;
    margin-top: 0;
}
.bk_menu.bk_vertical_menu .title2 .menu-item-icon {
    font-size: 18px;
    margin-right: 4px;
    width: 20px;
}
.bk_menu.bk_vertical_menu .title2 .menu-item-icon {
    margin-top: 0 !important;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2 a {
    font-size: 11.7px;
    margin-top: -2px;
    line-height: 1.833;
    font-weight: bold;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2 a {
    min-width: 130px;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items .submenu ul {
    position: absolute;
    left: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    top: 0;
    z-index: -10;
    opacity: 0;
    padding: 20px 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    visibility: hidden;
    max-height: 501px;
    min-height: 390px;
    overflow-y: auto;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul>li:hover .submenu ul, .bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul>li.first .submenu ul, .bk_menu.bk_vertical_menu.level .bakala>ul>li.active .submenu ul {
    z-index: 10;
    opacity: 1;
    visibility: visible;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul>li:hover .submenu ul, .bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul>li.first .submenu ul, .bk_menu.bk_vertical_menu.level .bakala>ul>li.active .submenu ul {
    display: flex;
    line-height: 2;
}
.bk_menu.bk_vertical_menu .title {
    display: flex;
    align-items: center;
    padding: 0 5px 0 10px;
}
.submenu .item, .submenu .title {
    z-index: 9999;
}
.bk_menu.bk_vertical_menu.level .submenu .title a {
    font-weight: bold;
    font-size: 11.7px;
    line-height: 3;
    background-color: #000;
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0;
    margin-right: 0;
}
a.dokan-btn-theme, .c-profile-box__header, .header .cart-box.fill .dk-button-container .dk-button, .header .cart-box.fill .dk-button-container, .white_catspecial-offers-homepage-page a, .products__item-compare-txt.checked::before, .compare__toggle-handler, .footer-newsletter input[type=submit], .custom_order_by_sort.selected, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .compare__button--compare, .btn.product-dle-btn, .woocommerce button.button:hover, .products-tabs ul.tabs.wc-tabs li.active[role=tab]::before, span.blue-ratebar, .form-submit .submit, .header .cart-box.fill .dk-button-container, .c-navi-list__basket-submit:hover, .c-navi-list__basket-submit, .widget_price_filter .price_slider_amount .button, .dk-button-container .dk-button .dk-button-label, #login-register-e button:not(#edit-phone-number-e), .c-remodal-loader__bullet, .wms-checkout-button, .wms-proceed-buttons .next, .checkout-products .product_count, input.input-radio:checked + span.newlabel::before, input[type=checkbox]:checked + span.required.fill::before, .wms-progress-bar .retrangle .step.active i, .wms-progress-bar .retrangle .step.active i::before, #night_mode_switcher .dk-switch-enabled, .container-bakala.main-menu-div .dk-switch-container, .edit-info, .woocommerce-Button.button, .available_widget .woocommerce-widget-layered-nav-list__item--chosen a::before, #login-register-c button:not(#edit-phone-number-c), .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before, .activeItem, .captionItem:hover, .c-header__user-dropdown-login, .dk-button .dk-button-container .dk-button .dk-button-label, .form-submit input#submit, .comment-reply-link, .main-wp-post-image .cat_of_post, .loop-add-to-cart a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .woocommerce nav.woocommerce-pagination ul li span.current, .dk-button-container .dk-button, .dk-button-container .dk-button i.dk-button-icon, input.c-ui-radio__check:checked + span.c-ui-radio__check::before, .order-again a.button, .order-again a.button:hover, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.return, #bakala_login .dk-button-container .dk-button.blue, .radio-control input[type=radio]:checked + label, .bakala-tabs li a.active::after, a.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button, .available_widget .woocommerce-widget-layered-nav-list__item:hover::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover::before, .wishlist-item .btn.btn-blue.woocommerce-Button.button, .woocommerce a.button, .woocommerce a.button:hover, a.button.product_type_external, a.button.product_type_simple, #feedback_submit, .dk-button-container.full, .rememberpassword .dk-button-container .dk-button.blue, .woocommerce a.button, .woocommerce a.button:hover, .bk_menu.bk_vertical_menu.level .submenu .title a::before, a.dokan-btn-theme, .c-profile-box__header, .header .cart-box.fill .dk-button-container .dk-button, .header .cart-box.fill .dk-button-container, .white_catspecial-offers-homepage-page a, .products__item-compare-txt.checked::before, .compare__toggle-handler, .footer-newsletter input[type=submit], .custom_order_by_sort.selected, .woocommerce button.button:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .compare__button--compare, .btn.product-dle-btn, .woocommerce button.button, .woocommerce button.button:hover, .products-tabs ul.tabs.wc-tabs li.active[role=tab]::before, span.blue-ratebar, .form-submit .submit, .header .cart-box.fill .dk-button-container, .c-navi-list__basket-submit:hover, .c-navi-list__basket-submit, .widget_price_filter .price_slider_amount .button, .dk-button-container .dk-button .dk-button-label, #login-register-e button:not(#edit-phone-number-e), .c-remodal-loader__bullet, .wms-checkout-button, .wms-proceed-buttons .next, .checkout-products .product_count, input.input-radio:checked + span.newlabel::before, input[type=checkbox]:checked + span.required.fill::before, .wms-progress-bar .retrangle .step.active i, .wms-progress-bar .retrangle .step.active i::before, #night_mode_switcher .dk-switch-enabled, .container-bakala.main-menu-div .dk-switch-container, .edit-info, .woocommerce-Button.button, .available_widget .woocommerce-widget-layered-nav-list__item--chosen a::before, #login-register-c button:not(#edit-phone-number-c), .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before, .activeItem, .captionItem:hover, .c-header__user-dropdown-login, .dk-button .dk-button-container .dk-button .dk-button-label, .form-submit input#submit, .comment-reply-link, .main-wp-post-image .cat_of_post, .loop-add-to-cart a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .woocommerce nav.woocommerce-pagination ul li span.current, .rememberpassword .dk-button-container .dk-button.blue, .dk-button-container .dk-button, .dk-button-container .dk-button i.dk-button-icon, input.c-ui-radio__check:checked + span.c-ui-radio__check::before, .order-again a.button, .order-again a.button:hover, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.return, #bakala_login .dk-button-container .dk-button.blue, .radio-control input[type=radio]:checked + label, .bakala-tabs li a.active::after, a.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button, .available_widget .woocommerce-widget-layered-nav-list__item:hover::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover::before, .wishlist-item .btn.btn-blue.woocommerce-Button.button, .woocommerce a.button, .woocommerce a.button:hover, a.button.product_type_external, a.button.product_type_simple, #feedback_submit, .wms-progress-bar .retrangle .step.active i, .wms-progress-bar .retrangle .step.active i::before, .dokan-pagination-container .dokan-pagination li.active a, .dgwt-wcas-sf-wrapp::before, .wms-checkout-button {
    background-color: #3d39e5;
    border-color: #3d39e5;
}
.bk_menu.bk_vertical_menu.level .submenu .title a::before {
    content: "|";
    margin: 0 2px;
    font-size: 14px;
    line-height: 20px;
    top: 2px;
    position: relative;
    right: 0;
    border-radius: 10px;
    background: #3d39e5;
}
.item {
    overflow: hidden;
}
.submenu .item a {
    color: #777;
}
.bk_menu.bk_vertical_menu.level .bakala .submenu li.item a {
    font-size: 11.7px;
    line-height: 2.1;
    font-weight: normal;
    color: #777 !important;
    position: relative;
    right: 15px;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2:active, .bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2:focus, .bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2:hover {
    background-color: #f7f7f7;
    padding: 14px 8px;
    color: #0071e3;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 11.7px;
    line-height: 11.7px;
    border-radius: 0;
    margin: 0 !important;
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2:active, .bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2:focus, .bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li>.title2:hover {
    background-color: #f7f7f7;
    padding: 14px 8px;
    color: #0071e3;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 11.7px;
    line-height: 11.7px;
    border-radius: 0;
    margin: 0 !important;
}
.uikit-atomic-Button-Button-module__Loading--jNJ_Z {
    display: inline-block;
    height: 20px;
    width: 20px;
}
.uikit-atomic-Button-Button-module__Loading--jNJ_Z div {
    animation: uikit-atomic-Button-Button-module__LoadingAnimation--nol2W 1.2s
    cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #fff transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    display: block;
    height: 20px;
    width: 20px;
}
@keyframes uikit-atomic-Button-Button-module__LoadingAnimation--nol2W {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.site-header .header-dashboard .inner {
    transition: .3s;
    -webkit-transition: .3s;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.site-header .header-dashboard .inner a {
    display: flex;
    align-items: center;
}
.site-header .header-dashboard .inner .avatar {
    margin-bottom: 0;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    padding: 2px;
    background: #eeeff2;
    border-radius: 50%;
    position: relative;
}
@media (max-width: 991px) {
    .site-header .header-dashboard .inner .avatar {
        margin-left: 0;
    }
}
.site-header .header-dashboard .inner .avatar img {
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    border-radius: 50%;
}
.site-header .header-dashboard .inner .title {
    font-size: 0;
    color: #6a6a6a;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 124px;
    white-space: nowrap;
}
.site-header .header-dashboard .inner .arrow {
    margin-right: 5px;
    color: #6a6a6a;
    transition: .3s;
    -webkit-transition: .3s;
}
.site-header .header-dashboard .inner .arrow i {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
@media (min-width: 992px) {
    .site-header .header-dashboard .outer {
        position: absolute;
        width: 282px;
        left: 0;
        top: 100%;
        margin-top: 17px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 20px 0 rgba(54, 83, 120, .0784313725490196);
        transition: .3s;
        -webkit-transition: .3s;
        padding: 20px 25px !important;
        z-index: 20;
    }
}

.site-header .header-dashboard .outer .user .user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.site-header .header-dashboard .outer .user .arrow {
    color: #b1b2b6;
    line-height: 0;
    font-size: 12px;
}
.site-header .header-dashboard .outer .wallet {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.site-header .header-dashboard .outer .wallet .title {
    color: #c2c8d3;
    flex: 1;
    font-size: 14px;
}
.site-header .header-dashboard .outer .wallet .value {
    color: #8ed557;
    font-weight: 500;
}
.site-header .header-dashboard .outer .wallet .value span {
    direction: ltr;
    display: inline-block;
}
@media (min-width: 992px) {
    .site-header .header-dashboard:hover .inner {
        opacity: .8;
    }
}
@media (min-width: 992px) {
    .site-header .header-dashboard:not(:hover) .outer {
        margin-top: 35px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
.site-header .header-dashboard .outer .list-items li a.active, .site-header .header-dashboard .outer .list-items li a.router-link-active, .site-header .header-dashboard .outer .list-items li a:hover {
    color: #8ed557;
    background-color: rgba(142, 213, 87, .08);
}
@font-face {
    font-family: icons;
    src: url(../font/icons/icons.5a29ba88.eot);
    src: url(../font/icons/icons.5a29ba88.eot#iefix) format("embedded-opentype"),url(../font/icons/icons.42527b56.ttf) format("truetype"),url(../font/icons/icons.c4ba3040.woff) format("woff"),url(../font/icons/icons.c94c3a63.svg#icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}
.purchaseScore{
    background-color: rgb(254 178 13 / 20%);
    padding: 4px 9px;
    font-size: 13px;
    line-height: 1.5;
    color: #885d02;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
}
[class*=" icon-"],[class^=icon-]{
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.purchaseScore i{
    color: rgb(209 148 17 / 1);
    font-size: 10px;
    margin-left: 2px;
    background: transparent;
    display: block;
}
.purchaseScore i:before{
    content: "\e952";
}
.lock-body-scroll {
    overflow: hidden !important;
}
.site-header__pro {
    background-color: rgba(142, 213, 87, .14901960784313725);
    border-radius: 8px;
    padding: 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 14px;
    cursor: pointer;
}
@media (max-width: 991px) {
    .site-header__pro{
        display: none;
    }
}
.site-header__pro-badge {
    background-color: #367755;
    text-align: center;
    color: #fff;
    padding: 6px 7px;
    border-radius: 6px;
    max-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.site-header__pro-text {
    color: #367755;
    font-size: 15px;
    font-weight: 700;
}
@media (max-width: 991px) {
    .site-header__pro-badge{
        font-size: 13px;
        padding: 3px;
        max-height: 19px;
    }
    .site-header__pro-text{
        font-size: 12px;
    }
}
.uikit-collections-FormComponentFrame-FormComponentFrame-module__FormComponentFrame__div-container--D5edN {
    border-radius: 11px;
    padding: 8px 8px;
    border: 1px solid rgb(212 212 212 / 35%);
}
.uikit-collections-FormComponentFrame-FormComponentFrame-module__FormComponentFrame__div-container--D5edN div{
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 34px;
    font-size: 20px;
    margin-left: 12px;
}
.w-38\:\h-33{
    width: 38px !important;
    height: 33px !important;
}
.uikit-atomic-Button-tel{
    color: green;
    background-color: rgb(71 183 37 / 15%);
}
.uikit-atomic-Button-telegram{
    color: rgb(46 165 220);
    background-color: rgb(46 165 220 / 30%);
}
.icon-phone:before {
    content: "\e93b";
}
.icon-telegram:before {
    content: "\e917";
}
.icon-message-fill:before {
    content: "\e930";
}
.uikit-atomic-Button-support{
    color: rgb(80 145 250);
    background-color: rgb(80 145 250 / 30%);
}
.uikit-atomic-Button-whatsapp{
    color: rgb(42 187 98);
    background-color: rgb(42 187 98 / 30%);
}
.uikit-atomic-Button-email{
    color: rgb(93 101 122 / 80%);
    background-color: rgb(93 101 122 / 20%);
}
.icon-whatsapp:before {
    content: "\e92f";
}
.icon-support-fill:before {
    content: "\e92b";
}
@media screen and (min-width: 1204px) {
    ::-webkit-scrollbar {
        width:8px
    }

    ::-webkit-scrollbar-track {
        background-color: #F0F0F1FF;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #C0C2C5FF;
        border-radius: 16px;
        width: 8px
    }
}
.bk_menu.bk_vertical_menu.level .bakala>ul>li>.bakala-tab-menu-items>ul.level>li.active>.title2 {
    background-color: #f7f7f7;
    padding: 14px 8px;
    color: #0071e3;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    border-radius: 0;
    margin: 0 !important;
    transition: background-color 350ms;
}
.animationDivInnerNav {
    position: absolute;
    height: 33px;
    top: 0;
    z-index: -1;
    opacity: 0.5;
    background-color:#d9d8d8;
    border-radius: 12px;
    transition: all .5s ease 0s;
}
.bg-transparent,.bg-transparent:hover{
    background: transparent !important;
}
.zIndex-high{
    z-index:999999999;
}
.text-txt-error-default {
    color: #e54c50;
}
.text-headline-xSmall {
    font-size: 18px;
    line-height: 1.75rem;
    letter-spacing: 0;
    font-weight: 700;
}
.text-txt-success-default {
    color: #2bad87;
}
.size-coin {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.swiper-coin{
    cursor: pointer;
}
.Buton-df96 {
    padding: 7px 15px;
    border-radius: 8px;
}
.disabled {
    pointer-events: none;
    filter: blur(3px);
    background: rgb(0 0 0 / 6%);
}
@media (max-width: 768px) {
    .act-catagory-title-right ,.act-our-services-carousel-head-title-divs{
        padding-right: 15px;
    }
    .site-header .row{
        margin: 0;
    }
    footer .d-flex{
        flex-direction: column;
    }
    footer .w-auto.shrink-0.lg\:p-16.xl\:p-20.self-end.mt-16.lg\:mt-0{
        width: 100%;
    }
    footer .pb-2.flex.flex-row-reverse.justify-center.space-x-8.lg\:space-x-0.lg\:space-y-12.flex-col{
        gap: 5px;
        flex-direction: row;
    }
    footer .container-2xl-w.mx-auto.flex.flex-col{
        gap: 10px;
    }
    footer{
        width: 95% !important;
        margin: 0 auto;
    }
}
.skeleton-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    z-index: 999999;

}

.skeleton-loader__header {
    width: 100%;
    height: 25%;
    background-color: #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    animation: pulse-WmAvBU 1s infinite ease-in-out;
}

.skeleton-loader__body {
    width: 100%;
    height: 50%;
    background-color: #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    animation: pulse-WmAvBU 1s infinite ease-in-out;
}

.skeleton-loader__footer {
    width: 100%;
    height: 25%;
    background-color: #ddd;
    border-radius: 10px;
    animation: pulse-WmAvBU 1s infinite ease-in-out;
}
@keyframes pulse-WmAvBU {
    0% {
        opacity: 1
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}
.icon-menu:before {
    content: "\e921";
}
.icon-angle-down:before {
    content: "\f107"
}
.icon-angle-left:before {
    content: "\f104"
}
.font-size-14{
    font-size: 14px;
}
.font-size-13{
    font-size: 13px;
}
.font-size-12{
    font-size: 14px;
}