/*
Theme Name:           shevi-theme
Theme URI:            http://sikabiz.com
Author:               sizable Co
Author URI:           http://sikabiz.com
Version:              1.0.0
Requires at least:    5.0.0
Requires PHP:         8.0
*/

@import "assets/css/variable.css";

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_fat.ttf') format('truetype');
    font-weight: 900;
    /* Use extra-bold weight for fat */
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_hairline.ttf') format('truetype');
    font-weight: 100;
    /* Hairline weight */
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_heavy.ttf') format('truetype');
    font-weight: 800;
    /* Heavy weight */
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_light.ttf') format('truetype');
    font-weight: 300;
    /* Light weight */
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_medium.ttf') format('truetype');
    font-weight: 500;
    /* Medium weight */
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_regular.ttf') format('truetype');
    font-weight: normal;
    /* Regular weight */
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('./assets/fonts/YekanBakh/yekan_bakh_en_thin.ttf') format('truetype');
    font-weight: 200;
    /* Thin weight */
}


@font-face {
    font-family: cinema;
    src: url('./assets/fonts/cinema/cinema_font.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    background-color: var(--gray);
    font-family: 'Yekan Bakh', sans-serif;
    min-height: 100vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: var(--text-primary);
}

h2 {
    font-size: 1rem;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

img {
    max-height: 100%;
    max-width: 100%;
}

.fs-14p {
    font-size: 14px;
}

.pm-color {
    color: var(--primary-color);
}

.pm-color.disabled {
    color: var(--disabled-color);
    cursor: not-allowed;
}

.sd-color {
    color: var(--secondary-color);
}

.text-dark {
    color: var(--text-primary) !important;
}

.star-color {
    color: var(--star-color);
}

.sd-color-100 {
    color: var(--secondary-color-100);
}

.sd-color-200 {
    color: var(--secondary-color-200) !important;
}

.sd-color-300 {
    color: var(--secondary-color-300);
}

.sd-color-400 {
    color: var(--secondary-color-400);
}

.gray-color {
    color: var(--gray);
}

.light-gray-color {
    color: var(--light-gray);
}

.red-color {
    color: var(--red) !important;
}

.dark-gray-color {
    color: var(--dark-gray) !important;
}

.pm-background,
.bg-primary {
    background-color: var(--primary-color) !important;
}

.gray-background {
    background-color: var(--gray);
}

.light-gray-background {
    background-color: var(--light-gray);
}

.pm-light-primary-background {
    background-color: var(--primary-color-light);
}

.sd-background {
    background-color: var(--secondary-color);
}

.sd-background-100 {
    background-color: var(--secondary-color-100);
}

.sd-background-200 {
    background-color: var(--secondary-color-200);
}

.sd-background-300 {
    background-color: var(--secondary-color-300);
}

.sd-background-400 {
    background-color: var(--secondary-color-400);
}

.red-background {
    background-color: var(--red) !important;
}

.dark-gray-background {
    background-color: var(--dark-gray) !important;
}

.font-cinema {
    font-family: cinema, serif;
}

.title {
    color: #333333 !important;
}

.default {
    color: #424242 !important;
}

.description {
    color: #777777 !important;
}

.btn-pm {
    background-color: var(--primary-color);
    border: var(--primary-color);
    color: var(--white);
    border-radius: 50px;
    white-space: nowrap;
}

.btn-pm.disabled {
    background-color: var(--disabled-color);
    border: var(--disabled-color);
    color: var(--black);
    border-radius: 50px;
    cursor: not-allowed;
}

.btn-pm:hover {
    background-color: var(--primary-color);
    color: var(--white) !important;
    border: unset;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color) !important;
}

.btn-outline-pm {
    background-color: var(--white);
    color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 50px;
}

.btn-outline-pm:active {
    background-color: var(--white);
    color: var(--white) !important;
    border-color: var(--primary-color);
    border-radius: 50px;
}

.btn-outline-pm:hover {
    background-color: var(--primary-color);
    color: var(--white) !important;
    border: unset;
}

.btn-sd {
    background-color: var(--secondary-color);
    border: var(--secondary-color);
    color: var(--white);
    border-radius: 50px;
}

.btn-sd:hover {
    background-color: var(--secondary-color);
    color: var(--white);

}

.btn-outline-sd {
    background-color: var(--white);
    color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-radius: 50px;
}

.btn-outline-sd:hover {
    background-color: var(--white);
    color: var(--secondary-color) !important;
    border-color: var(--secondary-color);
}

.link-pm {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 7px;
}

.link-pm:hover {
    color: var(--primary-color);
}

.link-sd {
    color: var(--secondary-color);
    text-decoration: underline;
    text-underline-offset: 7px;
}

.link-sd:hover {
    color: var(--secondary-color);
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--primary-color);
    padding: 1%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 24px;
    background-color: var(--white) !important;

}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 15px;
    font-weight: bolder;
    content: "" !important;
}

.w-80 {
    width: 80%;
}

nav.navbar:first-child {
    height: 64px;
}

.pure-menu-children {
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0.375rem;
}

.pure-menu-horizontal .pure-menu-children {
    right: 100%;
    left: unset !important;
}

.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
    content: "\2BC7" !important;
    color: var(--primary-color);
    float: left;
}

.pure-menu-horizontal {
    width: unset !important;
}

.pure-menu-has-children>.pure-menu-link:after {
    padding-right: .5em !important;
    padding-left: unset !important;
}

#menuLink1 {
    color: var(--primary-color);
}

#menuLink1:after {
    content: "\F035D" !important;
    font: normal normal normal 20px / 1 "Material Design Icons";
    padding-right: 0 !important;
}

#menuLink1:hover {
    background-color: var(--white);
}

li.pure-menu-item.pure-menu-has-children.pure-menu-allow-hover {
    padding: 0 !important;
}

ul li::marker {
    color: var(--primary-color);
}

a.pure-menu-link {
    color: var(--black);
    padding: 0;
    height: 100%;
}

.header-blur {
    backdrop-filter: blur(3px);
    background-color: rgb(255, 255, 255, .8);
}

.border-bottom.menu-item.menu-item-type-post_type.menu-item-object-page:last-child {
    border-bottom: unset !important;
}

.fs-10p {
    font-size: 10px !important;
}

.fs-12p {
    font-size: 12px;
}

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

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

.fs-18p {
    font-size: 18px;
}

/* ICONS */
span.mdi::before {
    font-size: 1.5rem;
    margin-inline-end: .2rem;
    vertical-align: middle;
}

/* NAVBAR */
.navbar.primary {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.10);
}

.navbar a.active {
    color: var(--primary-color) !important;
}

.navbar-logo {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1460px) {
    .navbar-logo {
        width: 120px;
    }
}

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

#search-input:focus {
    box-shadow: 0 0;
}

#content-search {
    padding-inline: 10px;
    background-color: var(--lighter-gray);
    border-radius: 50px;
}

.offcanvas-body ul li {
    border-bottom: 1px solid var(--gray);
    padding: .5rem 1rem;
}

#offcanvasCart {
    width: 500px !important;
}

/*USER MENU*/
ul.menu-user {
    margin-top: 0 !important;
    padding: 0;
}

ul.menu-user li {
    padding: 1em 1.25em;
}

ul.menu-user li:hover {
    background-color: #eee;
    border-radius: 8px;
}

.object-fit-contain {
    object-fit: contain;
}

.object-fit-cover {
    object-fit: cover;
}

.container {
    max-width: 1600px;
}

.overlayer {
    background: linear-gradient(0deg, rgba(33, 33, 33, 0.7) 0%, rgba(33, 33, 33, 0) 100%);
    position: relative;
    height: 233px;
    top: -300px;
}

.product-card {
    border-radius: 12px;
    background-color: var(--white);
    padding: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.swiper-slide.shadow {
    box-shadow: 0 0 30px 0 #2E2E2E26;
}

.swiper-slide {
    height: auto;
}

.product-card img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: .5s;
}

.product-card:hover img {
    transform: scale(1.15);
}

.product-card .wrapper-img {
    height: 200px;
    display: flex;
    justify-content: center;
}

.product-card p.discount {
    font-size: 12px !important;
}

.product-card div.price,
.product-card div.overlayer-product {
    display: none !important;
}

button.btn,
a.btn {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-wrap-mode: nowrap;
}

.form-link-footer {
    box-sizing: border-box;
    width: 35vw;
    min-width: 17.8125rem;
    max-width: 100%;
    height: 3rem;
    margin-top: 0.375rem;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgba(58, 61, 66, 0.12);
    border-radius: 0.375rem;
    box-shadow: rgba(58, 61, 66, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -8px;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    align-content: initial;
    -moz-box-align: center;
    align-items: center;
    flex-flow: row nowrap;
}

.input-link-footer {
    padding: 0.75rem;
    border: medium none;
    outline: none;
    direction: rtl;
    margin: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 0.375rem;
    color: rgb(58, 61, 66);
}

.btn-link-footer {
    moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
    transition: all 150ms ease-out 0s;
    box-sizing: border-box;
    min-width: 6.6875rem;
    width: auto;
    height: 2rem;
    border: 0.09375rem solid var(--primary-color);
    border-radius: 0.375rem;
    color: var(--white);
    background-color: var(--primary-color);
    background-clip: padding-box;
    box-shadow: none;
    font-size: 0.875rem;
    font-weight: 700;
    margin-left: 2%;
}

footer .bg-dark {
    background-color: #1F1F1F !important;
    font-weight: 500;
    font-size: 16px;
}

footer ul {
    list-style: unset;
    padding-right: 0;
}

footer li {
    list-style: none;
}

footer span.mdi::before {
    margin-inline: 0 !important;
}

@media screen and (max-width: 1200px) {
    footer {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 900px) {
    footer .market-links {
        order: 1 !important;
        margin-bottom: 1rem;
    }

    footer .section-info,
    footer .section-widget,
    footer .section-widget-two {
        order: 2 !important;
    }
}

.product-card .badge-off {
    width: 35px;
    height: 35px;
    gap: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-card p.title {
    color: var(--dark-blue);
    display: -webkit-box;
    width: 100%;
    height: 45px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.product-card p.price {
    font-size: 16px;
    color: var(--black-light);
    margin-bottom: 0;
}

p.price::after {
    font-size: small;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
}

.product-card p.description {
    color: var(--silver)
}

/* branch Code */

.branch-card {
    height: inherit;
    border-radius: 20px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    background-color: var(--white);
}

.branch-card .branch-info {
    padding: 16px;
}

.branch-card p.address-branch {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 6em;
    line-height: 1.6em;
    height: 50px;
}

/*End Branch Code*/
.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-container:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 99999;
    opacity: 1;
    transition: opacity 0.3s;
    width: 100%;
    height: auto;
}

footer {
    background-color: var(--footer-bg);
    color: #e0e0e0;
}

footer .container {
    min-height: 100%;
}

footer .phone-img {
    position: relative;
    top: -150px;
    left: 10%;
}

footer ul li {
    margin-bottom: 10px;
}

footer p:last-child {
    font-size: 16px;
}

#newsletter::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #949494;
}

#newsletter:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #949494;
    opacity: 1;
}

#newsletter::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #949494;
    opacity: 1;
}

#newsletter:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #949494;
}

#newsletter::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #949494;
}

#newsletter::placeholder {
    /* Most modern browsers support this now. */
    color: #949494;
}

main {
    flex: 1 0 auto;
}

.px-6 {
    padding-left: 6rem;
    padding-right: 6rem;
}

#basket-product-grid.mdi-basket-off::before {
    font-size: 100px !important;
}

/*product page*/

.product-page .product-title {
    font-size: 18px;
    font-weight: 700;
}

.radio {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-custom {
    height: 50px;
    width: 50px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #cccccc;
}

.radio input:checked~.radio-custom:before {
    content: "";
    display: block;
}


.radio input:checked~.radio-custom {
    background-color: #fff;
    border-color: #7D7D7D;
    color: #7D7D7D;
}

.product-page .gallery-container .badge-off {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
}

.product-page .product-title {
    border-right: 4px solid var(--primary-color);
}

.product-page .discount {
    font-size: 14px;
}

.product-page p.price {
    font-size: 18px;
}

input.color-input {
    display: none;
}

input.color-input+label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 2px solid #ccc;
    cursor: pointer;
    margin-right: 10px;
}

input.color-input:checked+label {
    border-color: var(--primary-color) !important;
    border-width: 3px;

}

input.color-size {
    display: none;
}

input.color-size+label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ccc;
    cursor: pointer;
    padding: 1%;
}

input.color-size:checked+label {
    border: 2px solid #000 !important;
}

/*end product page*/

.top-1 {
    top: 1%;
}

.top-5 {
    top: 5%;
}

html {
    margin-top: 0;
}

.menu-primary li {
    margin: 0 30px;
}


.btn-white:hover {
    background: var(--Colors-White);
    color: var(--Colors-PrimaryColor);
}

.btn-white {
    background: var(--Colors-White);
    color: var(--Colors-PrimaryColor);
}

.btn-outline-white:hover {
    border: 1px solid var(--Colors-White);
    color: var(--Colors-White);
}

.btn-outline-white {
    border: 1px solid var(--Colors-White);
    color: var(--Colors-White);
}

.btn-primary {
    border: 1px solid var(--Colors-White);
    color: var(--Colors-White);
    background-color: var(--Colors-PrimaryColor);
    border-color: var(--Colors-PrimaryColor);
}

.btn-primary:hover,
.btn-primary:active {
    border: 1px solid var(--Colors-White);
    color: var(--Colors-White);
    background-color: var(--Colors-PrimaryColor) !important;
    border-color: var(--Colors-PrimaryColor) !important;
}


.gap-6 {
    gap: var(--Spacing-Space06);
}

.gap-7 {
    gap: var(--Spacing-Space07);
}

.mygap-3 {
    gap: var(--Spacing-Space03);
}

.mygap-5 {
    gap: var(--Spacing-Space05);
}

.ms-6 {
    margin-right: var(--Spacing-Space06);
}

.me-6 {
    margin-left: var(--Spacing-Space06);
}

.mx-6 {
    margin-left: var(--Spacing-Space06);
    margin-right: var(--Spacing-Space06);
}

.mt-6 {
    margin-top: var(--Spacing-Space06);
}


.p-6 {
    padding: var(--Spacing-Space06);
}

.ps-6 {
    padding-right: var(--Spacing-Space06);
}

.pe-6 {
    padding-left: var(--Spacing-Space06);
}

.px-6 {
    padding-left: var(--Spacing-Space06);
    padding-right: var(--Spacing-Space06);
}

.px-9 {
    padding-left: var(--Spacing-Space09);
    padding-right: var(--Spacing-Space09);
}

.text-colors-gray-scale1 {
    color: var(--Colors-GrayScale01);
}

.text-colors-gray-scale2 {
    color: var(--Colors-GrayScale02);
}

.text-colors-gray-scale3 {
    color: var(--Colors-GrayScale03);
}

.text-colors-gray-scale4 {
    color: var(--Colors-GrayScale04);
}

.text-colors-gray-scale5 {
    color: var(--Colors-GrayScale05);
}

.text-colors-gray-scale6 {
    color: var(--Colors-GrayScale06);
}

.text-colors-gray-scale6-hover:hover {
    color: var(--Colors-GrayScale06);
}

.text-colors-error-color {
    color: var(--Colors-ErrorColor);
}

.text-colors-success-color {
    color: var(--Colors-SuccessColor);
}

.text-colors-primary-color {
    color: var(--Colors-PrimaryColor);
}

.text-colors-error-color-hover:hover {
    color: var(--Colors-ErrorColor);
}

.two-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
    line-height: 1.5em;
}

.btn-md {
    display: inline-flex;
    height: 48px;
    min-width: 120px;
    padding: 0px var(--Spacing-Space04) 0px var(--Spacing-Space03);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-Space03);
    flex-shrink: 0;
}


/* Header */
.navbar-logo {
    max-width: 372px;
    height: 36px;
}

.nav-link {
    color: var(--Colors-GrayScale04);
}

nav.first-navbar {
    height: 80px;
    background-color: var(--header-bg-color, --Colors-GrayScale06);
    /* background-color: var(--Colors-GrayScale06); */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav.second-navbar {
    height: 80px;
    background-color: var(--Colors-White);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav.first-navbar img.navbar-logo {
    width: 47px;
    height: 36px;
}

nav.first-navbar input.search-input {
    border-radius: var(--Radius-Radius02);
    border-left: 0;
    width: 320px;
    height: 36px;
    padding-right: var(--Spacing-Space04);
    padding-left: var(--Spacing-Space04);
}

nav.first-navbar input.search-input:focus {
    box-shadow: unset;
    border-color: var(--Colors-White);
}

nav.first-navbar span.search-icon {
    border-radius: var(--Radius-Radius02);
    background-color: var(--Colors-White);
    height: 36px;
}

nav.first-navbar .btn-login.show {
    background: var(--Colors-White);
    color: var(--Colors-PrimaryColor) !important;
}

ul.menu-user {
    left: 7% !important;
    margin-top: 0 !important;
}

ul.menu-user li {
    padding: 1em 1.25em;
}

ul.menu-user li:hover {
    background-color: var(--Colors-GrayScale02);
}

ul.menu-user li a {
    color: var(--Colors-GrayScale04);
    text-decoration: none;
}

/* End Header */

/* Cart */
.cart-dropdown-menu {
    margin-bottom: 0;
}

.cart-dropdown-menu .btn-product-footer input {
    color: var(--white);
}

.navbar-cart .btn.show {
    border: 1px solid var(--Colors-White);
    color: var(--Colors-White);
}

.navbar-cart .dropdown-menu[data-bs-popper] {
    right: unset;
    margin-left: 1%;
}

.cart-item-sp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dropdown-menu-cart-item div.cart-item-image {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.name-cart-item a {
    text-decoration: none;
    color: var(--Colors-GrayScale04);
}

.name-cart-item p {
    max-width: 14rem;
}

@media screen and (max-height: 450px) {
    .name-cart-item p {
        max-width: 100%;
    }

}

@media screen and (min-width:768px) {
    .h-sm-auto {
        height: auto !important;
    }
}

.badge-cart-number {
    background-color: var(--Colors-ErrorColor);
    display: flex;
    min-width: 16px;
    padding: var(--Spacing-Space01) var(--Spacing-Space02);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--Colors-White);
    font-size: 8px;
    font-weight: 700;
    border-radius: var(--Radius-Radius09);
}

/* End Cart */

header nav:first-child li.current_page_item>a {
    color: var(--primary-color);
}

header nav:first-child li.current_page_item>a.profile-sub-menu {
    color: var(--primary-color);
}

header nav:nth-child(2) li.current_page_item>a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 10px;
}


.mdi-font-size-70 {
    font-size: 70px;
}

.page-link,
.page-link:hover {
    z-index: 2;
    color: var(--primary-color);
}

html {
    margin-top: 0 !important;
}

.active-wizard {
    color: var(--primary-color)
}

/* DROPDOWN-MENU */
.dropdown-menu-popup {
    z-index: 1000;
    /* width: 32rem; */
    min-width: 32rem;
    max-width: 32rem;
    margin-top: 0 !important;
    box-shadow: var(--bs-box-shadow) !important;
    left: 0;
    right: unset !important;
}

.dropdown-toggle::after {
    vertical-align: middle;
}

.dropdown-menu-end[data-bs-popper] {
    left: unset;
}

.dropdown-menu-header {
    padding-bottom: var(--bs-dropdown-padding-y);
}

.dropdown-menu-header-close {
    margin-inline-start: -1rem;
}

.dropdown-menu-header-action-buttons {
    flex: 1;
    justify-content: end;
    display: flex;
}


.dropdown-menu-start[data-bs-popper] {
    right: 15%;
}

.dropdown-cart {
    right: unset !important;
    left: 0;
    width: 32rem;
    max-width: 32rem;
}

.dropdown-item:active {
    color: unset !important;
    text-decoration: unset !important;
    background-color: unset !important;
}

.badge-cart-number {
    width: 20px;
    height: 20px;
    font-size: 10px !important;
    text-align: center;
}

.jconfirm-buttons button.btn-success {
    background-color: #2ecc71 !important;
}

.jconfirm-buttons button.btn-danger {
    background-color: #e74c3c !important;
}


.h-0 {
    height: 0 !important;
}


/* mobile-navbar */

.mobile-navbar {
    min-height: 100px;
}

.mobile-navbar>div {
    min-height: inherit;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}


.sidenav ul li>a {
    padding: 8px 20px 8px 0;
    text-decoration: none;
    font-size: 15px;
    color: var(--black);
    display: block;
    transition: 0.3s;
}


.sidenav ul li>a:hover {
    color: var(--white);
    background-color: var(--primary-color);

}

.dropdown-container {
    display: none;
    padding-left: 8px;
}

.dropdown-container ul li a {
    border-bottom: none !important;
}


.sidenav .closebtn {
    position: absolute;
    top: 30px;
    font-size: 24px;
    color: #b1b1b1;
    padding: 5%;
}

ul.sub-menu {
    list-style-type: none;
}

.overlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 999;
}

/* end mobile-navbar */

/*wordpress css*/

.wp-block-button__link {
    border-radius: 0;
}

.wp-block-button__link:hover {
    background-color: var(--primary-color);
    color: var(--white);
}

/*end wordpress css*/


ul.categories li.list-group-item:hover {
    background-color: var(--primary-color-light) !important;
    border-radius: var(--bs-border-radius-pill) !important;
}

div.input-group span,
div.input-group input {
    background-color: #ECECEC !important;
}

.sika-purple {
    color: var(--sika-purple);
}

.disable-label {
    color: var(--disable-label);
}

.disable-button {
    background-color: #DADADA;
}

.disable-button:hover {
    background-color: #DADADAEE !important;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:checked+label.form-check-label {
    color: var(--black);
}

.form-check-input:focus {
    box-shadow: none !important;
}

.btn-gift-code {
    font-size: 12px;
    padding: 4px 16px;
    min-width: fit-content;
}

form.gift-form input:focus {
    box-shadow: none;
    border: none;
}

.payment-radio {
    padding: 0 5px;
    border-radius: 5px;
}

.border-pm {
    border-color: var(--primary-color) !important;
}

.border-pm.disabled {
    border-color: var(--disabled-color) !important;
    cursor: not-allowed;
}

.border-sd {
    border-color: var(--secondary-color) !important;
}

.border-gray {
    border-color: var(--gray);
}

.border-light-gray {
    border-color: var(--light-gray);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--nav-pills-link-active-color);
    background-color: var(--nav-pills-link-active-bg);
}

.loader {
    margin: auto;
    border: 5px solid var(--border-loading);
    border-radius: 50%;
    border-top: 5px solid var(--primary-color);
    width: 40px;
    height: 40px;
    animation: spinner 4s linear infinite;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bg-dark {
    background-color: var(--black) !important;
}

.breadcrumb {
    padding: 8px 15px;
    list-style: none;
    border-radius: 4px;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.breadcrumb.mdi-chevron-left {
    color: var(--secondary-color-100) !important;
}

.breadcrumb a:last-child {
    color: var(--primary-color);
}

ul.cart-items.dropdown-cart .btn-product-footer {
    height: 40px;
    width: 190px;
    margin-top: 1rem;
    margin-bottom: 10px;
}

.dropdown-menu-cart-item div.cart-item-image {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-item-sp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dropdown-menu-cart-item li.dropdown-menu-cart-item {
    border-bottom: 1px solid #5C5C5C;
}

.breadcrumb a {
    color: #00000096;
    text-decoration: none;
}

div.btn-product-footer {
    padding: 2px;
}

.btn-plus-cart,
.btn-minus-cart {
    width: 36px;
    height: 36px !important;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.btn-plus-cart.disabled,
.btn-minus-cart.disabled {
    border-color: var(--disabled-color);
}

/*.btn-minus-cart {*/
/*    box-shadow: 4px 4px 20px 0 #8BBC4226;*/
/*}*/


.fs-32 {
    font-size: 32px;
}

.nav-tabs .nav-link.active {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color) !important;
}

.nav-tabs .nav-link {
    color: var(--secondary-color-100);
}

.nav-tabs .nav-link:hover {
    color: var(--primary-color);
}

.category-card {
    width: 405px;
    height: 601px;
    outline: 5px solid #000;
    border: 3px solid #fff;
}

/*.category-card-non-border {*/
/*    width: 206px;*/
/*    height: 254px;*/
/*}*/

.category-card-title {
    background-color: #fff;
    opacity: .7;
    width: 100%;
    height: 118px;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    top: 35%;
}

li.menu-item ul.dropdown-menu.show {
    /*width: 100vw;*/
    /*display: flex;*/
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
    /*padding: 0;*/
    /*margin-top: 1vw;*/
    /*justify-content: center;*/
    transition-delay: 0.2s;
    /*margin-right: -38vw;*/
    /*right: 25%;*/
    /*left: -15%;*/
    /*position: absolute;*/
    /*background-color: var(--secondary-color-400);*/
}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border-left: 1px solid var(--secondary-color-300);
    padding: 0;
}

div.primary-menu {
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.primary-menu ul:first-child,
div.primary-menu ul:first-child li {
    height: 100%;
}


div.primary-menu ul:nth-child(2) li {
    padding: 1em 1.25em;
}

div.primary-menu ul:nth-child(2) li:hover,
div.primary-menu ul:nth-child(2) li a {
    div.primary-menu ul:nth-child(2) li a:hover {
        margin-block: .5rem;
        background-color: #eee;
        border-radius: 8px;
    }
}

div.primary-menu ul li a {
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

li.menu-item ul.dropdown-menu.show li {
    border-left: 1px solid var(--secondary-color-300);
    padding: 10px 25px 10px 25px;
}

div.nav:nth-child(2) li.has-children .current-menu-item,
div.nav:nth-child(2) li.has-children .current-menu-item a {
    background-color: var(--primary-color);
    color: var(--white) !important;
    text-decoration: none;
}

.btn-category {
    width: 200px !important;
    height: 55px;
    font-size: 25px;
}

.pm-box-shadow {
    background: var(--white, #FFF);
    box-shadow: 0 0 10px 0 rgba(204, 32, 39, 0.20);
}

.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    background-color: var(--primary-color);
    border: var(--primary-color);
    color: var(--white);
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: 'Yekan Bakh';
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: 'Yekan Bakh', sans-serif;
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

form.wpcf7-form p:last-of-type {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
    align-self: end;
}


form.wpcf7-form p {
    margin: 15px 0;
}

.accordion-item,
.has-black-color {
    color: #777777 !important;
    font-size: 14px;
}

.accordion-button:not(.collapsed) {
    color: var(--text-primary);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: unset;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.accordion-button::after {
    content: "\F0415";
    color: var(--primary-color);
    background-image: unset;
    display: inline-block;
    font: normal normal normal 30px/1 "Material Design Icons";
    font-size: 25px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: none;
}

.accordion-button:not(.collapsed)::after {
    content: "\F0374";
    background-image: unset;
    display: inline-block;
    font: normal normal normal 30px/1 "Material Design Icons";
    font-size: 25px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: var(--white);
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}


.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .close_btn {
    position: absolute;
    top: 50px;
    left: 30px;
    font-size: 36px;
}

#main {
    transition: margin-left .5s;
    padding: 20px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.title-cart {
    color: var(--secondary-color-100);
    text-decoration-line: underline;
    text-decoration-color: var(--primary-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

.cursor-pointer {
    cursor: pointer;
}

.dropdown-menu-main-category {
    right: unset !important;
    width: 300px;
}

ul.dropdown-menu-main-category li {
    margin-bottom: 16px;
    margin-top: 16px;
}

li.sub-menu-item {
    padding: 10px;
    font-weight: 700 !important;
    margin: 0 20px;
}

li.sub-menu-item:hover {
    border-radius: 5px;
    background-color: var(--primary-color-light);
    border: 1px solid var(--primary-color);
}

.dropdown-submenu {
    width: auto;
    height: auto;
    overflow: auto;
    margin-right: 2rem !important;
}

.animation {
    transition: all 2s !important;
}

.sticky-top {
    top: 38px;
}

.wrapper-social-media {
    width: 40px;
    height: 40px;
}

.wrapper-trusted-certificates {
    width: 64px;
    height: 64px;
}

.btn-product-footer {
    width: 100%;
}

#newsletter {
    background-color: var(--black) !important;
    color: var(--white);
}

#newsletter:focus {
    box-shadow: none;
}

#newsletter-icon {
    background-color: var(--black) !important;
    color: var(--white);
    border-top: 0;
    border-left: 0;
}

.pm-fantasy {
    min-width: 151px;
    height: 48px;
    border-radius: 50px 50px 50px 0;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}


.pm-fantasy:hover {
    background-color: var(--primary-color);
    color: var(--white) !important;
}

.pm-fantasy-sm {
    min-width: 151px;
    height: 48px;
    border-radius: 24px 24px 0 0;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    color: var(--white);
}

.sd-fantasy {
    border-radius: 50px 50px 0 50px;
    padding: 10px 26px 10px 26px;
    font-size: 18px;
    min-width: 161px;
    height: 56px;
    top: 10px;
}

.banner-title {
    font-size: 40px;
    font-weight: 600;
}

/* Small devices (phones, 576px and up , sm) */
@media screen and (max-width: 576px) {
    .banner-title {
        font-size: 24px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 768px) and (min-width: 576px) {
    .banner-title {
        font-size: 32px;
    }
}

.border-fantasy {
    width: 100%;
    margin-top: -2px;
    z-index: 0;
    border: 0;
    border-bottom: 2px solid var(--primary-color) !important;
    opacity: 1;
}

/* pagination code */
.primary-border {
    border-bottom: 2px solid var(--primary-color);
}

.pagination .active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--white);
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-border-color);
}

.disabled>.page-link {
    border-radius: 50px;
}

.pagination li.page-item:first-child a,
.pagination li.page-item:last-child a {
    border: 0 !important;
    color: var(--primary-color);
}

.pagination li.page-item {
    margin: 0 .5rem;
}

.pagination li.page-item a.active {
    color: var(--white);
}

.pagination li.page-item a,
.pagination li.page-item a span {
    border-radius: 50px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--light-gray);
}

/* end pagination code */

.wpcf7-form p label {
    width: 100%;
}

.rounded-50 {
    border-radius: 50px;
}

.jq-star {
    margin: 0 16px;
}


.btn-outline-dark:hover {
    color: var(--white);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--primary-color);
}

.nav-link {
    color: var(--primary-color);
}

.page-item:first-child .page-link {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.page-item:last-child .page-link {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.gap-80px {
    gap: 80px;
}

button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.btn-like {
    color: var(--red);
}

.px-34p {
    padding-left: 34px;
    padding-right: 34px;
}

span.tracking-icon.mdi::before {
    font-size: 150px;
}

@media screen and (max-width: 425px) {
    span.tracking-icon.mdi::before {
        font-size: 90px;
    }
}

.title-border {
    border-right: 3px solid var(--primary-color);
}

.mdi-margin-0::before {
    margin-inline-end: 0 !important;
}

.btn-check:checked+.btn {
    color: var(--white);
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: var(--disabled-color);
    opacity: 1;
}

/* Checkout Page */

@media screen and (max-width: 575px) {
    form.form-delete-cart {
        justify-content: flex-start !important;
        margin-top: 1rem;
    }
}

/* End Checkout Page */

/* Wordpress */

#wpadminbar {
    position: relative;
    z-index: 1000;
}

/* End Wordpress */

.offcanvas {
    z-index: 1051;
}

#offcanvasCart li.dropdown-menu-cart-item .btn-product-footer input {
    width: 100%;
}

#backToTop {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 30px;
    left: 30px;
    z-index: 100;
    background-color: var(--white);
    border: none;
    padding: 10px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
    box-shadow: var(--bs-box-shadow) !important;
}


/* Utility Classes */
.fw-700 {
    font-weight: 700;
}

.no-hover:hover {
    background-color: unset !important;
    color: unset !important;
    border-color: unset !important;
}

.mt-minus-1 {
    margin-top: -.5rem;
}

.py-25px {
    padding-block: 25px;
}

@media (min-width: 769px) {
    .px-sm-25px {
        padding-inline: 25px;
    }
}

.two-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
    line-height: 1.5em;
}

.box-shadow-focus-unset:focus {
    box-shadow: unset !important;
}

@media (min-width: 576px) {

    .mb-sm-6 {
        margin-bottom: 3.25rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 3.5rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 3.75rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 4rem !important;
    }
}

@media (max-width: 576px) {
    .d-xs-none {
        display: none !important;
    }
}

.my-5rem {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

/* Small devices (≥576px) */
@media (min-width: 576px) {
    .fs-sm-1 {
        font-size: 1rem;
    }

    .fs-sm-2 {
        font-size: 1.25rem;
    }

    .fs-sm-3 {
        font-size: 1.5rem;
    }

    .fs-sm-4 {
        font-size: 2rem;
    }

    .fs-sm-5 {
        font-size: 2.5rem;
    }

    .fs-sm-6 {
        font-size: 3rem;
    }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
    .fs-md-1 {
        font-size: 1rem;
    }

    .fs-md-2 {
        font-size: 1.25rem;
    }

    .fs-md-3 {
        font-size: 1.5rem;
    }

    .fs-md-4 {
        font-size: 2rem;
    }

    .fs-md-5 {
        font-size: 2.5rem;
    }

    .fs-md-6 {
        font-size: 3rem;
    }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
    .fs-lg-1 {
        font-size: 1rem;
    }

    .fs-lg-2 {
        font-size: 1.25rem;
    }

    .fs-lg-3 {
        font-size: 1.5rem;
    }

    .fs-lg-4 {
        font-size: 2rem;
    }

    .fs-lg-5 {
        font-size: 2.5rem;
    }

    .fs-lg-6 {
        font-size: 3rem;
    }
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .fs-xl-1 {
        font-size: 1rem;
    }

    .fs-xl-2 {
        font-size: 1.25rem;
    }

    .fs-xl-3 {
        font-size: 1.5rem;
    }

    .fs-xl-4 {
        font-size: 2rem;
    }

    .fs-xl-5 {
        font-size: 2.5rem;
    }

    .fs-xl-6 {
        font-size: 3rem;
    }
}

/* Base (default for all screens unless overridden) */
.text-left {
    text-align: left !important;
}

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

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

/* Small screens (≥576px) */
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

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

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

/* Medium screens (≥768px) */
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

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

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

/* Large screens (≥992px) */
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

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

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

/* Extra large screens (≥1200px) */
@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

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

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

/* Extra extra large screens (≥1400px) */
@media (min-width: 1400px) {
    .text-xxl-left {
        text-align: left !important;
    }

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

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

/* End Utility Classes */


/* BOTTOM NAVIGATION */
.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--primary-color);
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 60px;
    z-index: 1000;
    right: 0;
}

.bottom-nav .nav-item {
    flex: 1;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: background-color 0.3s ease;
}

.bottom-nav .nav-item:hover {
    background-color: #0000001a;
}

.bottom-nav .nav-item i {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
}

.bottom-nav .nav-item span {
    font-size: 12px;
}

/* END BOTTOM NAVIGATION */


/* Filter Styles */

.filter-price {
    background-color: var(--white);
}

div.wrapper-filter-button {
    background-color: var(--gray);
}

#offcanvasfilter div.wrapper-filter-button {
    background-color: var(--white);
}

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

input[type=number].filter-price {
    -moz-appearance: textfield;
}

.filter-price-label {
    font-size: 13px;
}

.noUi-connect {
    background-color: var(--primary-color);
}

/* Custom Checkbox Color  */

.color-checkbox {
    display: none;
}

.color-checkbox-label {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

.color-checkbox-label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    display: none;
}

.color-checkbox:checked+.color-checkbox-label::after {
    display: block;
}

/* End Custom Checkbox Color  */

/* Switch Css */
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px;
}

.switch input {
    display: none;
}

.switch.s-primary input:checked+.slider {
    background-color: var(--primary-color);
}

.switch .slider.round {
    border-radius: 34px;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #ebedf2;
    transition: .4s;
}

.switch input:checked+.slider::before {
    background-color: #fff;
    transform: translateX(-17px);
}

.switch .slider.round::before {
    border-radius: 50%;
}

.switch.s-primary .slider::before {
    background-color: var(--primary-color);
}

.switch .slider::before {
    position: absolute;
    content: "";
    background-color: #fff;
    transition: .4s;
    height: 14px;
    width: 14px;
    right: 2px;
    bottom: 2px;
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .34);
}

/* End Switch Css */

/* End Filter Styles */

/* Leaflet Map */

.leaflet-control-geocoder-alternatives li a span,
.leaflet-control-geocoder-form input {
    font-family: 'Yekan Bakh', sans-serif;
}

.leaflet-control-geocoder-form-no-error {
    font-family: 'Yekan Bakh', sans-serif;
    text-align: center;
}

.leaflet-control-geocoder.leaflet-bar.leaflet-control {
    border-radius: 8px;
}

.leaflet-touch .leaflet-control-geocoder-icon {
    border-radius: 8px;
}

.leaflet-control-geocoder-icon {
    color: var(--light-gray);
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: unset;
}

@media screen and (min-width: 560px) {

    .leaflet-control-geocoder.leaflet-bar.leaflet-control {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .leaflet-control-geocoder-form {
        display: inline-block !important;
    }

    .leaflet-control-geocoder-form input {
        width: 300px !important;
    }

    .leaflet-control-geocoder-alternatives {
        width: 100% !important;
    }
}

/* End Leaflet Map */



/* Ensure the posts are displayed as grid items */
.wp-block-query .wp-block-post {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: var(--white);
    border-radius: 8px;
    padding: 1rem;
    min-width: 330px;
    min-height: 559px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.wp-block-post-excerpt__excerpt {
    font-size: 14px;
    color: #00000096;
}

/* For medium screens (small laptops) */
@media (max-width: 1024px) {
    .wp-block-query .wp-block-post {
        width: 32%;
    }
}

/* For small screens (tablets) */
@media (max-width: 768px) {
    .wp-block-query .wp-block-post {
        width: 48%;
    }
}

/* For small screens (phones) */
@media (max-width: 425px) {
    .wp-block-query .wp-block-post {
        width: 100%;
    }
}

.wp-block-post-featured-image {
    width: 100%;
    height: 433px;
}


.wp-block-post-featured-image :where(img) {
    height: 100%;
    border-radius: 4px;
}

/* Flexbox container to hold the grid */
.wp-block-query {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding-left: 0;
    padding-right: 0;
}

/* Pagination styles */
.wp-block-query-pagination {
    width: 100%;
    text-align: center;
}

.wp-block-post-date {
    color: var(--secondary-color-200);
    font-size: .75rem;
}

.wp-block-post-title {
    word-break: break-word;
    color: var(--secondary-color-100);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px;
}

.wp-block-post-template {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    gap: 1rem;
}

/* Pagination container styling */
.wp-block-query-pagination {
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin-bottom: 3rem;
}

/* Pagination link styling */
.wp-block-query-pagination a {
    padding: 10px 15px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.wp-block-query-pagination a:hover {
    background-color: var(--primary-color);
    color: var(--white);
}

/* Current page number styling */
.wp-block-query-pagination-numbers {
    display: flex;
    gap: .5rem;
}

.wp-block-query-pagination .current {
    padding: 10px 15px;
    background-color: var(--primary-color);
    color: var(--white);
    border: 1px solid var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* Styling for next/previous buttons */
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-next a {
    padding: 10px 20px;
    background-color: var(--primary-color);
    color: white;
    border: none;
    cursor: pointer;
}

.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-next a:hover {
    background-color: #005177;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    margin-right: unset;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    margin-left: unset;
}

a.wp-block-post-excerpt__more-link {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: .75rem;
    padding-block: .375rem;
}

a.wp-block-post-excerpt__more-link:hover {
    background-color: var(--primary-color);
    color: var(--white) !important;
    border: unset;
}

.wp-block-post-excerpt__more-text {
    width: 100%;
    margin-top: .25rem;
}

.wrapper-blog-card div:first-child,
.wp-block-post-excerpt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: .5rem;
    width: 100%;
}




.btn-outline-primary {
    border: 1px solid var(--Colors-PrimaryColor);
    color: var(--Colors-PrimaryColor);
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    border-color: var(--Colors-PrimaryColor) !important;
    background-color: var(--Colors-PrimaryColor) !important;
    color: var(--Colors-White) !important;
}

.border-primary {
    border-color: var(--Colors-PrimaryColor) !important;
}

.border-start-3px {
    border-right-width: 3px !important;
}

.btn:focus-visible {
    color: unset;
    background-color: unset;
    border-color: unset;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, .5);
}

/* Address Item */
.radio-color-primary:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}


.radio-color-primary:checked {
    background-color: var(--Colors-PrimaryColor);
    border-color: var(--Colors-PrimaryColor);
}

.address-items-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.address-items-wrapper .address-items {
    display: flex;
    flex-direction: column;
    justify-content: start;
    max-height: 640px;
    overflow-y: auto;
}

.address-items-wrapper .address-items .address-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: var(--Spacing-Space03);
    margin-bottom: var(--Spacing-Space05);
    border-bottom: 1px solid var(--Colors-GrayScale02);
    padding-bottom: var(--Spacing-Space05);
}

.address-items-wrapper .address-items .address-item-title-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.address-items-wrapper .address-items .address-item-title-section .address-item-title label {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: var(--Spacing-Space02);
    font-weight: 700;
    font-size: var(--Typo-Body02);
}

.address-items-wrapper .address-items .address-item-title-section .address-item-icon-wrapper .radio-color-primary:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.address-items-wrapper .address-items .address-item-title-section .address-item-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-Space05);
}

.address-items-wrapper .address-items .address-item .address-item-text-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-weight: 400;
    font-size: var(--Typo-Body02);
}


.border-radius-6 {
    border-radius: var(--Radius-Radius06);
}

/* End Address Item */