:root {
    --primary-100: #FF9800;
    --primary-100-50: #FF980080;
    --primary-200: #FFB74D;
    --primary-300: #FFCB80;
    --primary-400: #FFE0B3;
    --primary-500: #FFF5E5;
    --primary-hover: #EB8C00;
    --secondary-100: #2C7865;
    --secondary-200: #4D9784;
    --secondary-300: #6CB7A4;
    --secondary-400: #9DDACB;
    --secondary-500: #D9F3ED;
    --secondary-hover: #225D4F;
    --tertiary-100: #90D26D;
    --tertiary-200: #B1DF99;
    --tertiary-300: #C7E8B6;
    --tertiary-400: #DEF2D3;
    --tertiary-500: #F4FBF0;
    --gray-100: #353535;
    --gray-200: #5F5F5F;
    --gray-300: #888888;
    --gray-400: #ADADAD;
    --gray-500: #CFCFCF;
    --gray-500-50: #CFCFCF80;
    --gray-500-20: #CFCFCF33;
    --gray-600: #F0F0F0;
    --gray-600-75: #F0F0F0bf;
    --gray-600-50: #f0f0f080;
    --gray-700: #7E8089;
    --text-100: #2e313c;
    --text-100-70: #2e313cb3;
    --text-200: #4e5364;
    --text-300: #7e8089;
    --text-400: #9b9ca4;
    --text-400-50: #9b9ca480;
    --text-500: #cfcfcf;
    --text-600: #f0f0f0;
    --body: #fff;
    --text-main: #9B9CA4;
    --header-action-bg: #F0F0F0;
    --widget-bg: #ffffff;
    --widget-title-bg: #F0F0F0;
    --widget-title-color: #4E5364;
    --input-bg: #F0F0F0;
    --input-text: #9B9CA4;
    --shadow: 0 4px 20px 0 #00000014;
    --drop-shadow: 0 4px 20px #00000014;
    --header-shadow: 0 0 8px 0 #938F8F29;
    --main-font: IRANYekanXFANum
}

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset,
figure {
    margin: 0;
    padding: 0;
    outline-color: rgba(0, 0, 0, 0)
}

img,
fieldset,
a {
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

iframe,
audio {
    max-width: 100%
}

html,
body {
    scroll-behavior: smooth
}

body {
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-wrap: break-word;
    position: relative;
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    line-height: 2
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ins {
    text-decoration: none
}

::-moz-selection {
    color: #fff;
    background: var(--tertiary-100)
}

::selection {
    color: #fff;
    background: var(--tertiary-100)
}

html {
    overflow-x: hidden;
    font-family: var(--main-font)
}

html:has(body.sticky-header) {
    scroll-padding-top: 120px
}

body {
    background-color: var(--body);
    color: var(--text-main)
}

a {
    color: var(--primary-100);
    text-decoration: none;
    will-change: color, background, border, font-size, font-weight, line-height, transform;
    transition: .2s ease-in-out;
    transition-property: color, background, border, font-size, font-weight, line-height, transform
}

a:has(>i:only-child) {
    line-height: 1;
    display: flex
}

h1,
h2,
h3,
h4 {
    font-weight: 900
}

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

img {
    max-width: 100%;
    height: auto;
    object-fit: cover
}

video {
    max-width: 100%
}

.rounded {
    border-radius: 999px !important
}

.circle {
    border-radius: 50% !important
}

.ltr {
    text-align: left;
    direction: ltr
}

.hide {
    display: none !important
}

.fullwidth {
    width: 100% !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px) !important;
    word-wrap: normal !important;
    border: 0 !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

::-webkit-scrollbar {
    width: 8px
}

body *::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    border-radius: 96px;
    background: var(--gray-600)
}

::-webkit-scrollbar-thumb {
    background: var(--primary-200);
    border-radius: 96px
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-100)
}

.line-clamp:not(:has(a)),
.line-clamp a {
    overflow: hidden !important;
    -webkit-box-orient: vertical
}

.line-clamp:not(:has(a)):not(.line-clamp-1),
.line-clamp a:not(.line-clamp-1) {
    display: -webkit-box !important
}

.line-clamp-1:not(:has(a)),
.line-clamp-1 a {
    text-overflow: ellipsis;
    text-wrap: nowrap;
    max-width: 100%
}

.line-clamp-2:not(:has(a)),
.line-clamp-2 a {
    -webkit-line-clamp: 2
}

.line-clamp-3:not(:has(a)),
.line-clamp-3 a {
    -webkit-line-clamp: 3
}

a,
a:active,
button,
button:active,
input,
input:active,
textarea,
textarea:active {
    outline: 1px solid rgba(0, 0, 0, 0)
}

.disabled,
[disabled] {
    opacity: .5;
    touch-action: none;
    pointer-events: none
}

.page-width {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

#layout {
    padding-top: 92px
}

.show {
    opacity: 1 !important;
    visibility: visible !important
}

body.sticky-header {
    --header-height: 112px
}

#header {
    display: flex;
    align-items: center;
    padding-block: 5px;
    z-index: 100
}

#header>* {
    z-index: 2
}

#header-container {
    --header-bg: #fff;
    filter: drop-shadow(var(--drop-shadow));
    position: relative;
    z-index: 10000
}

#header-container::after {
    content: "";
    position: absolute;
    background: var(--header-bg);
    inset: 0
}

#header-container+* {
    padding-top: 24px;
    position: relative;
    z-index: 99
}

#header-search-wrap {
    width: 100%;
    max-width: 344px
}

#header-toggle-mobile-menu {
    cursor: pointer;
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: var(--text-400)
}

#header-actions {
    margin-inline-start: auto;
    display: flex;
    gap: 12px;
    align-items: center
}

#header>svg {
    position: absolute;
    bottom: -19px;
    inset-inline-start: -20px
}

#header>svg rect,
#header>svg path {
    fill: var(--header-bg, #fff)
}

#header-account-arrow {
    will-change: transform;
    transition: transform .2s ease-in-out
}

#site-logo {
    display: flex
}

.header {
    gap: 40px;
    position: relative
}

.header-cart-texts {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 2px
}

.header-cart-empty {
    padding-inline-start: 8px
}

.header-cart-count-wrap,
.header-cart-total {
    line-height: 1
}

.header-cart-count-wrap {
    color: var(--primary-100);
    font-size: .875rem
}

.header-cart-total {
    color: var(--text-200);
    font-size: 1.25rem
}

.header-cart-total .amount bdi {
    justify-content: end;
    gap: 2px
}

.header-cart-total .woocommerce-Price-currencySymbol {
    color: var(--text-400);
    font-size: .875rem
}

.header-cart-total .woocommerce-Price-currencySymbol .currency-symbol-text {
    display: block
}

.header-cart-total .woocommerce-Price-currencySymbol svg {
    display: none
}

.header-cart-wrap {
    position: relative;
    min-width: 168px
}

.header-cart-wrap:hover .header-mini-cart-wrap {
    opacity: 1;
    visibility: visible
}

.header-cart-icon {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 50%
}

.header-action-btn {
    background: var(--gray-600-50);
    border-radius: 960px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    box-sizing: border-box;
    width: 100%
}

.header-action-icon {
    color: var(--text-200);
    font-size: 1.5rem
}

#bottom-header {
    background: #f8f8f8
}

#bottom-header-inner {
    padding-top: 4px;
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap
}

.menu-wrap .menu,
.menu-wrap .menu>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.menu-wrap .menu .menu-item-has-children a::after,
.menu-wrap .menu>ul .menu-item-has-children a::after {
    display: inline-block;
    font-family: "Bijan" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: .75rem;
    margin-inline-start: auto
}

.menu-wrap .menu li>a,
.menu-wrap .menu>ul li>a {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--text-300);
    box-sizing: border-box
}

.menu-wrap .menu li>a i,
.menu-wrap .menu>ul li>a i {
    font-size: 1.25rem
}

.menu-wrap .menu li>a svg,
.menu-wrap .menu li>a svg path,
.menu-wrap .menu li>a img,
.menu-wrap .menu li>a img path,
.menu-wrap .menu>ul li>a svg,
.menu-wrap .menu>ul li>a svg path,
.menu-wrap .menu>ul li>a img,
.menu-wrap .menu>ul li>a img path {
    width: 20px;
    height: 20px;
    color: var(--text-300)
}

.menu-wrap .menu li.bijan-featured-item>a,
.menu-wrap .menu>ul li.bijan-featured-item>a {
    color: var(--text-100)
}

.menu-wrap .menu li.bijan-featured-item>a i,
.menu-wrap .menu>ul li.bijan-featured-item>a i {
    color: var(--secondary-100)
}

.menu-wrap .menu li.bijan-featured-item>a svg,
.menu-wrap .menu li.bijan-featured-item>a svg path,
.menu-wrap .menu>ul li.bijan-featured-item>a svg,
.menu-wrap .menu>ul li.bijan-featured-item>a svg path {
    color: var(--secondary-100)
}

.menu-wrap .menu>li,
.menu-wrap .menu>ul>li {
    border-radius: 8px
}

.menu-wrap .menu>li.menu-item-has-children>a::after,
.menu-wrap .menu>ul>li.menu-item-has-children>a::after {
    content: "";
    will-change: transform;
    transition: transform .2s ease-in-out
}

.menu-wrap .menu>li.menu-item-has-children .menu-item-has-children:not(.megamenu-wrap)>a::after,
.menu-wrap .menu>ul>li.menu-item-has-children .menu-item-has-children:not(.megamenu-wrap)>a::after {
    content: ""
}

.menu-wrap .menu>li:not(.bijan-megamenu-container) ul,
.menu-wrap .menu>li.bijan-megamenu-container>ul,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) ul,
.menu-wrap .menu>ul>li.bijan-megamenu-container>ul {
    opacity: 0;
    visibility: hidden;
    min-width: 200px;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    z-index: 100;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: var(--header-shadow);
    will-change: opacity, visibility;
    transition: .2s ease-in-out;
    transition-property: opacity, visibility
}

.menu-wrap .menu>li:not(.bijan-megamenu-container),
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) {
    position: relative
}

.menu-wrap .menu>li:not(.bijan-megamenu-container).current_page_item::before,
.menu-wrap .menu>li:not(.bijan-megamenu-container).current-menu-item::before,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container).current_page_item::before,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container).current-menu-item::before {
    content: "";
    position: absolute;
    top: auto;
    inset-inline: 0;
    bottom: -18px;
    height: 4px;
    width: 100%;
    background: var(--primary-100);
    border-radius: 96px
}

.menu-wrap .menu>li:not(.bijan-megamenu-container) ul,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px
}

.menu-wrap .menu>li:not(.bijan-megamenu-container) ul li,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) ul li {
    position: relative
}

.menu-wrap .menu>li:not(.bijan-megamenu-container) ul li:hover>a,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) ul li:hover>a {
    color: var(--primary-100)
}

.menu-wrap .menu>li:not(.bijan-megamenu-container) ul ul,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) ul ul {
    inset-inline-start: calc(100% + 16px);
    margin-top: 0;
    top: 0
}

.menu-wrap .menu>li:not(.bijan-megamenu-container) ul a,
.menu-wrap .menu>ul>li:not(.bijan-megamenu-container) ul a {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--text-400);
    border-radius: 12px;
    font-weight: 400;
    font-size: .875rem
}

.menu-wrap .menu>li>a,
.menu-wrap .menu>ul>li>a {
    padding-inline: 16px;
    position: relative
}

.menu-wrap .menu>li:first-child>a,
.menu-wrap .menu>ul>li:first-child>a {
    padding-inline-start: 0
}

.menu-wrap .menu>li:last-child>a,
.menu-wrap .menu>ul>li:last-child>a {
    padding-inline-end: 0
}

.menu-wrap .menu>li:not(.bijan-featured-item):hover>a,
.menu-wrap .menu>ul>li:not(.bijan-featured-item):hover>a {
    color: var(--primary-100)
}

.menu-wrap .menu>li:not(:last-child)>a::before,
.menu-wrap .menu>ul>li:not(:last-child)>a::before {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    inset-block: 8px;
    width: 1px;
    background: var(--gray-600)
}

.menu-wrap .menu>li:hover>a::after,
.menu-wrap .menu>ul>li:hover>a::after {
    transform: rotate(180deg)
}

.menu-wrap .menu li:hover>ul,
.menu-wrap .menu>ul li:hover>ul {
    opacity: 1;
    visibility: visible
}

.sticky-header #header-container {
    position: fixed;
    top: 0;
    inset-inline: 0
}

.sticky-header #header-container+* {
    margin-top: var(--header-height)
}

.sticky-header.admin-bar #header-container+* {
    margin-top: calc(var(--header-height) - 32px)
}

.sticky-header-active #header>svg {
    display: none
}

#sort-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--text-200);
    font-size: .875rem
}

#sort-wrap .orderby {
    display: none
}

#sort-label {
    font-weight: 500
}

#sort-separator {
    color: var(--text-400)
}

.sort-item {
    color: inherit;
    position: relative;
    padding-inline: 4px;
    cursor: pointer
}

.sort-item-active::after {
    content: "";
    position: absolute;
    bottom: -8px;
    inset-inline: 0;
    height: 4px;
    border-radius: 96px;
    background: var(--primary-100)
}

.list-posts {
    gap: 24px
}

.list-posts article {
    border-radius: 24px;
    height: 200px;
    position: relative
}

.list-posts article img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    position: absolute;
    inset: 0
}

.list-posts article .post-texts {
    position: absolute;
    top: calc(100% - 80px);
    bottom: 12px;
    inset-inline: 12px;
    z-index: 1;
    background-color: rgba(0, 0, 0, .4);
    backdrop-filter: blur(5px);
    padding: 4px 12px 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #fff;
    border-radius: 16px;
    overflow: hidden;
    height: 68px;
    will-change: inset, height, border-radius;
    transition: .3s ease-in-out;
    transition-property: inset, height, border-radius
}

.list-posts article .post-top-texts {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    transition: all .2s ease
}

.list-posts article .post-title {
    color: #fff;
    font-size: 1rem;
    font-weight: normal
}

.list-posts article .post-time {
    font-size: .875rem
}

.list-posts article .post-excerpt {
    grid-column: 1/-1;
    font-size: .875rem;
    opacity: 0;
    will-change: opacity;
    transition: opacity .2s ease-in-out
}

.list-posts article:is(:hover, :focus-within) .post-texts {
    inset: 0 !important;
    height: 100% !important;
    border-radius: 24px !important
}

.list-posts article:is(:hover, :focus-within) .post-top-texts {
    margin-top: 0
}

.list-posts article:is(:hover, :focus-within) .post-excerpt {
    opacity: 1
}

#primary {
    align-items: flex-start;
    row-gap: 20px
}

#bijan-overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    z-index: 9999;
    display: none;
    cursor: pointer
}

#page-body {
    /* padding-top: 32px */
}

#page-header,
.woocommerce-products-header {
    margin-block: 40px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center
}

.content-area:not(.content-area-empty) #page-header {
    margin-top: 0;
    margin-bottom: 16px
}

table {
    width: 100%;
    margin-bottom: 1em
}

table th,
table td {
    border: 1px solid var(--gray-500);
    padding: 2px 12px
}

table th {
    text-align: start
}

table td {
    text-align: start
}

.empty-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.empty-page-icon {
    font-size: 11.25rem;
    margin-block: 60px 32px;
    padding: 12px;
    box-sizing: border-box;
    color: var(--text-400);
    font-size: 5.5rem;
    background: var(--gray-600);
    border-radius: 16px;
    position: relative;
    z-index: 1
}

.empty-page-icon::after {
    content: "";
    background: url(../img/empty-dots.svg) no-repeat;
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    z-index: -1;
    width: 82px;
    height: 82px;
    display: block
}

.empty-page-text {
    font-size: 1.125rem;
    margin-bottom: 24px;
    color: var(--text-200)
}

.empty-page .woocommerce-info {
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.empty-page .button {
    border-radius: 960px
}

.shape-curve {
    position: absolute
}

.bijan-popover {
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: #fff;
    box-shadow: var(--header-shadow);
    padding: 24px;
    border-radius: 32px;
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    inset-inline: 0;
    top: calc(100% + 8px);
    z-index: 1;
    cursor: initial;
    will-change: opacity, visibility;
    transition: .2s ease-in-out;
    transition-property: opacity, visibility
}

.bijan-count-badge {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    transform: translate(50%, -50%);
    z-index: 1;
    padding: 4px;
    background: var(--primary-100);
    color: #fff;
    font-size: .875rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
    min-width: 12px;
    min-height: 12px;
    aspect-ratio: 1
}

.bijan-count-badge.bottom {
    top: auto;
    bottom: 0;
    transform: unset
}

.bijan-loading {
    display: none;
    will-change: opacity, visibility;
    transition: .2s ease-in-out;
    transition-property: opacity, visibility
}

.loading .bijan-loading {
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px
}

label {
    cursor: pointer;
    will-change: color;
    transition: color .2s ease-in-out
}

label:hover {
    color: var(--text-200)
}

input,
textarea,
select {
    font-family: inherit;
    border: 0;
    outline: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    font-size: 1rem
}

input:is([type=text], [type=password], [type=tel], [type=url], [type=date], [type=datetime-local], [type=search], [type=email], [type=month], [type=number], [type=time], [type=week]),
textarea,
select {
    background: var(--input-bg);
    border: 0;
    border-radius: 16px;
    padding: 12px 16px;
    color: var(--input-text);
    width: 100%;
    box-sizing: border-box
}

input:is([type=text], [type=password], [type=tel], [type=url], [type=date], [type=datetime-local], [type=search], [type=email], [type=month], [type=number], [type=time], [type=week])::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--gray-400)
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.input-label {
    font-size: .875rem;
    color: var(--text-300)
}

.input-wrap {
    background: var(--input-bg);
    border: 0;
    border-radius: 16px;
    padding: 12px 16px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center
}

.input-wrap input {
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0
}

.input-icon {
    color: var(--text-400);
    font-size: 1.5rem;
    cursor: pointer
}

.password-wrap input[type=password]~.hide-password {
    display: none
}

.password-wrap input[type=text]~.show-password {
    display: none
}

.input-ltr {
    direction: ltr !important;
    text-align: left !important
}

input:is([type=checkbox], [type=radio]) {
    width: auto;
    margin: 0;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0)
}

input:is([type=checkbox], [type=radio])::before,
input:is([type=checkbox], [type=radio])::after {
    cursor: pointer
}

input:is([type=checkbox], [type=radio])::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid var(--gray-500);
    will-change: border-color;
    transition: border-color .2s ease-in-out
}

input:is([type=checkbox], [type=radio])::before {
    content: "";
    font-family: "Bijan";
    position: absolute;
    inset: 2px;
    color: var(--primary-100);
    transform: scale(0);
    will-change: transform;
    transition: transform .1s ease-in-out
}

input:is([type=checkbox], [type=radio]):checked::after {
    border-color: var(--primary-100)
}

input:is([type=checkbox], [type=radio]):checked::before {
    transform: scale(1)
}

input[type=radio]::after {
    border-radius: 50%
}

input[type=radio]::before {
    inset: 3px
}

input[type=radio]:checked::after {
    background: var(--primary-100)
}

input[type=radio]:checked::before {
    transform: scale(0.8);
    color: #fff
}

.checkbox-wrap {
    display: flex;
    align-items: center;
    gap: 8px
}

body.sticky-header>.select2-container {
    margin-top: calc(-1*var(--header-height))
}

body .select2-dropdown {
    border: 0 !important;
    box-shadow: 0 4px 16px 0 rgba(20, 20, 20, 0.0784313725)
}

body .select2-container--default .select2-selection--single {
    border: 0;
    height: auto;
    margin: 0;
    background: var(--input-bg);
    border-radius: 16px
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2;
    font-weight: normal
}

body .select2-container .select2-selection--single .select2-selection__rendered.select2-selection__rendered {
    padding: 6px 16px;
    box-sizing: border-box
}

body .select2-container--default .select2-selection--single .select2-selection__arrow.select2-selection__arrow {
    height: 100%;
    inset-inline-end: 16px
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--primary-100)
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0;
    padding: 12px 16px
}

button,
.button,
input:is([type=button], [type=submit], [type=reset]) {
    position: relative;
    padding: 6px 24px;
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-family: inherit;
    text-align: center;
    width: fit-content;
    cursor: pointer;
    color: #fff;
    background-color: var(--primary-100);
    box-shadow: unset;
    border: 0;
    font-weight: 500;
    line-height: 2;
    font-size: 1rem;
    will-change: width, color, background, border, opacity, font-size, font-weight, line-height, transform, margin, padding;
    transition: .2s ease-in-out;
    transition-property: width, color, background, border, opacity, font-size, font-weight, line-height, transform, margin, padding
}

button:has(>i:only-child),
.button:has(>i:only-child),
input:is([type=button], [type=submit], [type=reset]):has(>i:only-child) {
    padding: 6px
}

button:hover,
.button:hover,
input:is([type=button], [type=submit], [type=reset]):hover {
    background-color: var(--primary-hover)
}

button.button-secondary,
.button.button-secondary,
input:is([type=button], [type=submit], [type=reset]).button-secondary {
    background-color: var(--secondary-100)
}

button.button-secondary:hover,
.button.button-secondary:hover,
input:is([type=button], [type=submit], [type=reset]).button-secondary:hover {
    background-color: var(--secondary-hover)
}

button.button-gray,
.button.button-gray,
input:is([type=button], [type=submit], [type=reset]).button-gray {
    background-color: var(--gray-600);
    color: var(--text-300)
}

button.button-gray:hover,
.button.button-gray:hover,
input:is([type=button], [type=submit], [type=reset]).button-gray:hover {
    background-color: var(--primary-100);
    color: #fff
}

button.button-action,
.button.button-action,
input:is([type=button], [type=submit], [type=reset]).button-action {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--gray-500);
    color: var(--text-200)
}

button.button-action:hover,
.button.button-action:hover,
input:is([type=button], [type=submit], [type=reset]).button-action:hover {
    border-color: var(--gray-700)
}

button.button-transparent,
.button.button-transparent,
input:is([type=button], [type=submit], [type=reset]).button-transparent {
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: var(--text-300)
}

button.button-right,
.button.button-right,
input:is([type=button], [type=submit], [type=reset]).button-right {
    margin-left: auto
}

button.button-center,
.button.button-center,
input:is([type=button], [type=submit], [type=reset]).button-center {
    margin-inline: auto
}

button.button-left,
.button.button-left,
input:is([type=button], [type=submit], [type=reset]).button-left {
    margin-right: auto
}

button.circle,
.button.circle,
input:is([type=button], [type=submit], [type=reset]).circle {
    padding: 12px
}

button.small,
.button.small,
input:is([type=button], [type=submit], [type=reset]).small {
    font-size: .875rem;
    padding: 2px 12px;
    border-radius: 6px
}

button.small.circle,
.button.small.circle,
input:is([type=button], [type=submit], [type=reset]).small.circle {
    padding: 8px
}

button.small:has(>i:only-child),
.button.small:has(>i:only-child),
input:is([type=button], [type=submit], [type=reset]).small:has(>i:only-child) {
    padding: 4px
}

button.loading,
.button.loading,
input:is([type=button], [type=submit], [type=reset]).loading {
    pointer-events: none;
    touch-action: none
}

button.loading>*:not(.button-loading),
.button.loading>*:not(.button-loading),
input:is([type=button], [type=submit], [type=reset]).loading>*:not(.button-loading) {
    display: none
}

button.loading .button-loading,
.button.loading .button-loading,
input:is([type=button], [type=submit], [type=reset]).loading .button-loading {
    display: block
}

.button-loading {
    display: none;
    line-height: 1 !important
}

.button-loading circle {
    fill: currentColor
}

.bijan-title {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1;
    font-weight: normal;
    text-align: center;
    width: fit-content;
    background: #fff;
    white-space: nowrap
}

.bijan-title-wrap {
    position: relative
}

.bijan-title-wrap:hover .bijan-title {
    display: block
}

.bijan-title svg {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%)
}

.bijan-title.style-1 {
    --radius: 12px;
    padding: 6px 20px;
    border-radius: var(--radius);
    color: var(--text-200);
    font-size: .875rem;
    filter: drop-shadow(0 -2px 20px rgba(34, 181, 214, 0.0509803922))
}

.bijan-title.style-1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: inherit;
    border-radius: calc(var(--radius) - 2px)
}

.bijan-title.style-1::after {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(180deg, rgba(255, 152, 0, 0.5) -40.01%, rgba(255, 152, 0, 0) 109.69%);
    z-index: -2;
    border-radius: inherit
}

.bijan-title.style-2 {
    border-radius: 960px;
    color: var(--text-300);
    font-size: .75rem;
    border: 1px solid var(--gray-500-20);
    padding: 4px 16px
}

#breadcrumb-wrap {
    margin-top: 24px
}

#breadcrumb-wrap+.woocommerce-notices-wrapper {
    margin-top: 16px
}

#bijan-breadcrumbs,
.woocommerce-breadcrumb {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto
}

.breadcrumb-item,
.woocommerce-breadcrumb a {
    color: var(--text-400);
    text-wrap: nowrap
}

.breadcrumb-item-active {
    color: var(--primary-100)
}

.breadcrumb-item-separator,
.breadcrumb-separator {
    line-height: 1
}

.breadcrumb-item-separator:has(+.breadcrumb-item-active),
.breadcrumb-separator:has(+.breadcrumb-item-active) {
    color: var(--primary-100)
}

.widget-area {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.widget-area .widget {
    box-shadow: 0 4px 16px 0 rgba(20, 20, 20, .0784313725);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    padding-bottom: 16px
}

.widget-area .widgettitle {
    border-radius: inherit;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    padding: 16px;
    background: var(--gray-600);
    color: var(--text-200);
    font-weight: 500;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box
}

.widget-area .widgettitle~* {
    padding-inline: 16px
}

.widget-area .widget:is(.widget_search, .widget_bijan_recent_posts) .widgettitle {
    background: rgba(0, 0, 0, 0);
    padding-bottom: 0
}

.searchform:first-child {
    margin: 16px 16px 0
}

.searchform button {
    color: var(--primary-100);
    font-size: 1.5rem
}

.widget_categories ul {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.widget_categories ul li {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    color: #414141;
    position: relative;
    z-index: 1;
    padding-inline-end: 8px
}

.widget_categories ul li ul {
    padding-inline-start: 8px
}

.widget_categories ul li a {
    color: var(--text-300);
    padding-top: 4px;
    padding-inline-end: 8px;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    max-width: 100%
}

.widget_categories ul li a:hover {
    color: #414141
}

.widget_categories ul li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    width: 36px;
    border-radius: 8px;
    background: var(--gray-600);
    z-index: -1
}

.social-items {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px
}

.social-items .social-item {
    display: flex;
    align-items: center;
    gap: 4px
}

.social-items .social-item:hover .social-name {
    color: inherit
}

.social-items .social-icon {
    font-size: 1.5rem
}

.social-items .social-name {
    color: var(--text-300);
    will-change: color;
    transition: color .2s ease-in-out
}

.account-btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.account-btn-wrap .header-action-btn {
    padding: 12px
}

.account-btn-wrap:hover .account-btn-arrow {
    transform: rotate(180deg)
}

.account-btn-wrap:hover .account-items {
    opacity: 1;
    visibility: visible
}

.account-btn-arrow {
    will-change: transform;
    transition: transform .2s ease-in-out
}

.account-btn-link {
    background: var(--gray-600-50);
    border-radius: 960px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    box-sizing: border-box;
    width: 100%
}

.account-btn-icon {
    color: var(--text-200);
    font-size: 1.5rem
}

.section-title {
    display: flex;
    gap: 12px;
    align-items: center
}

.section-title-icon {
    color: var(--primary-100);
    font-size: 1.5rem;
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(101, 101, 101, .1019607843);
    border-radius: 8px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    box-sizing: border-box
}

.section-title-title {
    color: var(--text-200);
    font-weight: 500;
    font-size: 1.125rem;
    padding-inline-end: 12px
}

.section-title-divider {
    flex: 1;
    height: 1px;
    border-bottom: 1px dashed #cfcfcf
}

.section-title-2 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0 4px
}

.section-title-2-wrap {
    display: flex
}

.section-title-2-icon {
    color: var(--secondary-100);
    font-size: 1.875rem;
    order: 1
}

.section-title-2-title {
    color: var(--primary-100);
    font-size: 1.25rem;
    font-weight: 600;
    order: 2
}

.section-title-2-subtitle {
    font-weight: 400;
    font-size: .75rem;
    color: var(--text-300);
    grid-column: 1/-1;
    order: 3
}

.section-title-2-right {
    justify-content: flex-end
}

.section-title-2-right .section-title-2 {
    justify-items: start
}

.section-title-2-center {
    justify-content: center
}

.section-title-2-center .section-title-2 {
    justify-items: center
}

.section-title-2-left {
    justify-content: flex-end
}

.section-title-2-left .section-title-2 {
    justify-items: end
}

.section-title-2-left .section-title-2-icon {
    order: 2
}

.section-title-2-left .section-title-2-title {
    order: 1
}

body.tablet .section-title-2-tablet-right {
    justify-content: flex-end
}

body.tablet .section-title-2-tablet-right .section-title-2 {
    justify-items: start
}

body.tablet .section-title-2-tablet-center {
    justify-content: center
}

body.tablet .section-title-2-tablet-center .section-title-2 {
    justify-items: center
}

body.tablet .section-title-2-tablet-left {
    justify-content: flex-end
}

body.tablet .section-title-2-tablet-left .section-title-2 {
    justify-items: end
}

body.tablet .section-title-2-tablet-left .section-title-2-icon {
    order: 2
}

body.tablet .section-title-2-tablet-left .section-title-2-title {
    order: 1
}

body.mobile .section-title-2-mobile-right {
    justify-content: flex-end
}

body.mobile .section-title-2-mobile-right .section-title-2 {
    justify-items: start
}

body.mobile .section-title-2-mobile-center {
    justify-content: center
}

body.mobile .section-title-2-mobile-center .section-title-2 {
    justify-items: center
}

body.mobile .section-title-2-mobile-left {
    justify-content: flex-end
}

body.mobile .section-title-2-mobile-left .section-title-2 {
    justify-items: end
}

body.mobile .section-title-2-mobile-left .section-title-2-icon {
    order: 2
}

body.mobile .section-title-2-mobile-left .section-title-2-title {
    order: 1
}

.story-item {
    display: flex;
    flex-direction: column;
    width: 80px !important;
    gap: 12px;
    text-align: center;
    cursor: pointer
}

.story-item-small-img {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 80px
}

.story-item-small-img img {
    padding: 3px;
    border-radius: 50% !important;
    aspect-ratio: 1;
    position: relative;
    z-index: 1;
    background: #fff;
    will-change: filter;
    transition: filter .2s ease-in-out
}

.story-item-small-img::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%
}

.story-item-title {
    color: var(--text-200);
    font-size: .75rem;
    font-weight: 300
}

.story-grayscale .story-item-small-img img {
    filter: grayscale(1)
}

.story-grayscale .story-item:hover .story-item-small-img img {
    filter: grayscale(0)
}

.elementor-widget-bijan_story:not(.bijan_story-custom-item-border-color) .story-item-small-img::after {
    background: linear-gradient(144.69deg, rgba(253, 95, 27, 0.8) 14.07%, rgba(255, 152, 0, 0.8) 95.22%)
}

#story-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 340px;
    max-height: 602px
}

#story-popup-content {
    aspect-ratio: 9/16;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 36px;
    position: relative;
    overflow: hidden
}

#story-popup-attachment {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

#story-popup-attachment-inner {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
    backdrop-filter: blur(32px)
}

#story-popup-back-btn {
    position: absolute;
    top: 20px;
    inset-inline-start: 20px;
    color: #fff;
    line-height: 1;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 1
}

#story-popup-details {
    position: absolute;
    bottom: 16px;
    inset-inline: 16px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #fff
}

#story-popup-title {
    font-weight: 500
}

#story-popup-bottom {
    display: flex;
    gap: 20px;
    align-items: center
}

#story-popup-video-progress {
    width: 100%;
    position: relative;
    height: 8px;
    border-radius: 999px;
    background: #fff;
    direction: ltr
}

#story-popup-video-progress-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: center
}

#story-popup-video-progress-fill {
    background: var(--primary-100);
    border-radius: 9999px;
    height: 100%
}

#story-popup-video-progress-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary-100);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

#story-popup-video-progress-time {
    margin-inline-start: auto
}

#story-popup-post {
    flex-grow: 1;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 8px;
    background: #fff;
    border-radius: 24px;
    padding: 12px;
    box-sizing: border-box;
    align-items: center;
    color: var(--text-100)
}

#story-popup-post-img {
    display: flex
}

#story-popup-post-img img {
    border-radius: 16px
}

#story-popup-like {
    margin-inline-start: auto;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    align-items: center
}

#story-popup-like i {
    font-size: 1.5rem
}

.story-popup-attachment-item {
    width: 100%;
    position: relative;
    z-index: 1
}

#instant-discount-mask {
    display: none
}

.instant-discount-wrap.swiper {
    -webkit-mask-image: url("../img/instant-discount.svg");
    mask-image: url("../img/instant-discount.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-image: url(../img/instant-discount-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-width: 233px;
    padding: 30px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.instant-discount-title {
    border-radius: 96px;
    border-end-end-radius: 0;
    background: linear-gradient(224.73deg, rgba(57, 57, 57, 0.15) 14.66%, rgba(57, 57, 57, 0.045) 90.94%);
    color: var(--text-200);
    margin-bottom: 24px
}

.instant-discount-item {
    text-align: center
}

.instant-discount-item>a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%
}

.instant-discount-item-img {
    display: flex;
    margin: auto;
    justify-content: center
}

.instant-discount-item-name {
    color: var(--secondary-100);
    font-size: .875rem;
    font-weight: normal;
    margin-top: 4px
}

.instant-discount-item-price {
    font-size: 1.5rem;
    color: var(--primary-100)
}

.instant-discount-item .product-progress {
    width: 120px;
    margin: auto
}

.instant-discount-item .amount bdi {
    justify-content: center
}

.product-progress {
    background: #f5f5f5;
    border-radius: 960px;
    width: 100%;
    height: 8px;
    position: relative;
    direction: ltr
}

.product-progress-line {
    position: absolute;
    height: 4px;
    inset: 2px;
    border-radius: inherit;
    width: var(--progress-width);
    background: var(--primary-200);
    will-change: width;
    transition: width .2s ease-in-out
}

.product-progress-secondary {
    background: #fff
}

.product-progress-secondary .product-progress-line {
    background: linear-gradient(90deg, rgba(44, 120, 101, 0.1) 25.36%, #2C7865 100%)
}

.bijan-slider-wrap .swiper-slide {
    overflow: unset
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: unset !important
}

.bijan-slider-wrap:not(.swiper) .swiper-button-next,
.bijan-slider-wrap:not(.swiper) .swiper-button-prev {
    display: none
}

.bijan-slider-nav-btn {
    position: absolute
}

.bijan-slider-nav-btn.swiper-button-prev {
    inset-inline: 0 auto !important;
    padding-inline-start: 0 !important;
    justify-content: flex-start
}

.bijan-slider-nav-btn.swiper-button-next {
    inset-inline: auto 0 !important;
    padding-inline-end: 0 !important;
    justify-content: flex-end
}

.slider-arrows-hover .bijan-slider-nav-btn,
.slider-arrows-hover .bijan-slider-nav-btn.swiper-button-disabled {
    opacity: 0
}

.slider-arrows-hover:hover .bijan-slider-nav-btn {
    opacity: 1
}

.slider-arrows-hover:hover .bijan-slider-nav-btn.swiper-button-disabled {
    opacity: .35
}

.bijan-slider img {
    -webkit-mask-image: url("../img/slider-mask.svg");
    mask-image: url("../img/slider-mask.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 100%
}

.bijan-slider img:nth-child(2) {
    display: none
}

.bijan-slider .slider-item-link {
    display: flex
}

.bijan-thumbnail-slider-wrap,
.elementor .bijan-thumbnail-slider-wrap {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 16px
}

.bijan-thumbnail-slider-wrap img,
.elementor .bijan-thumbnail-slider-wrap img {
    box-sizing: border-box;
    max-height: 100%;
    border: 1px solid var(--primary-100);
    filter: grayscale(1);
    will-change: filter;
    transition: filter .2s ease-in-out
}

.bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .bijan-thumbnail-slider,
.bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .elementor .bijan-thumbnail-slider,
.elementor .bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .bijan-thumbnail-slider,
.elementor .bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .elementor .bijan-thumbnail-slider {
    padding-inline-start: 24px
}

.bijan-thumbnail-slider,
.elementor .bijan-thumbnail-slider {
    width: 80px
}

.bijan-thumbnail-slider .swiper-scrollbar,
.elementor .bijan-thumbnail-slider .swiper-scrollbar {
    inset-inline-start: 0;
    width: 8px;
    background: var(--gray-600);
    border-radius: 96px
}

.bijan-thumbnail-slider .swiper-scrollbar .swiper-scrollbar-drag,
.elementor .bijan-thumbnail-slider .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--primary-100);
    border-radius: inherit
}

.bijan-thumbnail-slider img,
.elementor .bijan-thumbnail-slider img {
    border-radius: 16px;
    cursor: pointer;
    aspect-ratio: 1
}

.bijan-thumbnail-slider .swiper-slide-thumb-active img,
.elementor .bijan-thumbnail-slider .swiper-slide-thumb-active img {
    filter: grayscale(0)
}

.bijan-main-slider,
.elementor .bijan-main-slider {
    width: 100%
}

.bijan-main-slider img,
.elementor .bijan-main-slider img {
    border-radius: 24px
}

.bijan-main-slider .swiper-slide,
.elementor .bijan-main-slider .swiper-slide {
    display: flex;
    align-items: center
}

.bijan-main-slider .swiper-slide a,
.bijan-main-slider .swiper-slide .main-slider-item,
.elementor .bijan-main-slider .swiper-slide a,
.elementor .bijan-main-slider .swiper-slide .main-slider-item {
    display: flex;
    height: 100%
}

.bijan-main-slider .swiper-slide-active img,
.elementor .bijan-main-slider .swiper-slide-active img {
    filter: grayscale(0)
}

.categories-slider.swiper {
    --active-background: var(--primary-100);
    padding-block: 44px;
    margin-block: -44px -32px
}

.categories-slider.swiper .bijan-slider-nav-btn {
    color: var(--primary-100)
}

.categories-slider.swiper .bijan-slider-nav-btn i {
    background: var(--gray-600);
    padding: 6px;
    border-radius: 8px
}

.categories-slider.swiper .bijan-slider-nav-btn:hover {
    color: var(--text-600)
}

.categories-slider.swiper .bijan-slider-nav-btn:hover i {
    background: var(--primary-100)
}

.swiper-slide.category-item {
    width: 110px;
    height: 110px
}

.swiper-slide.category-item:first-child,
.swiper-slide.category-item:last-child {
    box-sizing: content-box
}

.swiper-slide.category-item:first-child {
    padding-inline-start: 48px
}

.swiper-slide.category-item:last-child {
    padding-inline-end: 48px
}

.category-item {
    position: relative;
    border-radius: 24px
}

.category-item-wrap {
    padding: 15px;
    text-align: center;
    color: var(--text-300);
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    will-change: background, padding;
    transition: .2s ease-in-out;
    transition-property: background, padding
}

.category-item-wrap::after {
    content: "";
    opacity: 0;
    position: absolute;
    inset-inline: 24px;
    bottom: 4px;
    z-index: -1;
    background: var(--active-background, var(--primary-100));
    filter: blur(25px);
    width: 64px;
    height: 64px;
    will-change: opacity;
    transition: opacity .2s ease-in-out
}

.category-item:first-child .category-item-wrap::after {
    inset-inline-start: 72px
}

.category-item:last-child .category-item-wrap::after {
    inset-inline-end: 72px
}

.category-item-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--text-300);
    border-radius: 20px;
    padding: 25px 0;
    will-change: border-color, color, padding;
    transition: .2s ease-in-out;
    transition-property: border-color, color, padding
}

.category-item:hover .category-item-wrap {
    background: var(--active-background, var(--primary-100));
    padding: 8px
}

.category-item:hover .category-item-wrap::after {
    opacity: 1
}

.category-item:hover .category-item-inner {
    border-color: #fff;
    color: #fff;
    padding: 12px 0 4px
}

.category-item:hover .category-icon {
    font-size: 2.5rem
}

.category-item:hover .category-icon:is(img) {
    width: 40px;
    height: 40px;
    filter: brightness(0) invert(1)
}

.category-item:hover .category-title {
    opacity: 1
}

.category-icon {
    font-size: 1.75rem;
    will-change: font-size, width, height, filter;
    transition: .2s ease-in-out;
    transition-property: font-size, width, height, filter
}

.category-icon:is(img) {
    width: 28px;
    height: 28px
}

.category-title {
    font-size: .875rem;
    opacity: 0;
    margin-top: auto;
    width: 80px;
    will-change: opacity;
    transition: opacity .2s ease-in-out
}

.market-button {
    display: flex;
    gap: 20px;
    align-items: center;
    padding-block: 12px;
    padding-inline: 16px 24px;
    border-radius: 12px;
    background: rgba(46, 49, 60, .6);
    min-width: 184px;
    box-sizing: border-box
}

.market-button.market-button-auto {
    width: fit-content
}

.market-button.market-button-full {
    width: 100%
}

.market-button-icon-wrap {
    width: 36px;
    height: 36px
}

.market-button-icon-wrap img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain
}

.market-button-texts {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-wrap: wrap
}

.market-button-top-text {
    font-weight: 400;
    font-size: .875rem;
    color: var(--text-400);
    line-height: 1
}

.market-button-text {
    color: #fff;
    line-height: 1;
    font-size: 1.25rem;
    white-space: nowrap
}

.market-button:hover {
    background: rgba(22, 24, 29, .6)
}

.special-offer {
    -webkit-mask-image: url("../img/instant-discount.svg");
    mask-image: url("../img/instant-discount.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #f20832;
    background-image: url(../img/special-offer-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 253px;
    height: 359px;
    padding: 41px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.special-offer-title {
    color: #fff;
    font-size: 1.75rem;
    line-height: 1
}

.special-offer-timer {
    display: flex;
    gap: 4px;
    align-items: center;
    direction: ltr;
    margin-top: 20px;
    margin-bottom: auto;
    font-size: 1.25rem
}

.special-offer-timer-wrap {
    display: flex;
    gap: 2px;
    color: var(--text-100);
    width: 100%
}

.special-offer-timer-number {
    background-color: var(--gray-600-75);
    padding: 4px 0;
    border-radius: 6px;
    width: 100%;
    line-height: 1
}

.special-offer-timer-separator {
    line-height: 1
}

.special-offer-timer-seconds .special-offer-timer-number {
    background-color: rgba(46, 49, 60, .4);
    color: #efefef
}

.special-offer-percentage {
    margin-top: 28px;
    margin-bottom: auto
}

.special-offer .button {
    margin-top: 28px;
    background: rgba(46, 49, 60, .3019607843)
}

.bijan-cta-1 {
    padding: 10px 44px;
    display: grid;
    grid-template-columns: 250px 116px 1fr auto;
    gap: 40px;
    align-items: center;
    background-image: url(../img/cta-bg-1.png), url(../img/cta-bg-2.png), radial-gradient(31.94% 409.9% at 50.58% 50.5%, #167059 0%, #4D9784 100%);
    background-blend-mode: overlay, overlay, normal;
    background-repeat: no-repeat;
    background-position-x: 0, 100%;
    border-radius: 16px;
    position: relative
}

.bijan-cta-1-wrap {
    margin-top: 8px
}

.bijan-cta-1-start {
    display: flex;
    flex-direction: column
}

.bijan-cta-1-title {
    color: #fff;
    font-weight: normal;
    display: flex;
    align-items: center;
    font-size: 1.75rem;
    gap: 4px;
    line-height: 1
}

.bijan-cta-1-title span {
    color: var(--tertiary-400);
    font-size: 1.5rem
}

.bijan-cta-1-subtitle {
    color: #06362a;
    font-size: 1rem;
    font-weight: normal
}

.bijan-cta-1-image-wrap {
    display: flex
}

.bijan-cta-1-image-wrap img {
    position: absolute;
    width: 116px;
    top: -8px;
    max-height: 116px;
    object-fit: cover
}

.bijan-cta-1-description {
    background: linear-gradient(180deg, rgba(48, 181, 148, 0.4) -22.6%, rgba(48, 181, 148, 0) 86.99%);
    padding: 8px 28px 16px;
    border-radius: 16px;
    color: var(--tertiary-400);
    font-size: .875rem
}

.bijan-cta-2 {
    position: relative;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
    border-radius: 40px
}

.bijan-cta-2-inner {
    padding-block: 32px 24px;
    padding-inline: 40px 0;
    background-image: url(../img/cta-bg-1.png), url(../img/cta-bg-2.png), radial-gradient(29.28% 291.17% at 43.13% 61.86%, #FF9800 0%, #FF7A00 100%);
    background-blend-mode: overlay, overlay, normal;
    background-repeat: no-repeat;
    background-position-x: 0, 100%;
    display: grid;
    grid-template-columns: auto 1fr 404px;
    align-items: center;
    gap: 24px;
    border-radius: inherit
}

.bijan-cta-2.bijan-cta-2-with-curve>svg {
    position: absolute;
    top: 4px;
    z-index: 1;
    inset-inline-start: 15%
}

.bijan-cta-2.bijan-cta-2-with-curve .bijan-cta-2-inner {
    clip-path: polygon(17.522% 9.704%, 17.522% 9.704%, 17.804% 8.317%, 18.089% 6.932%, 18.378% 5.584%, 18.672% 4.305%, 18.972% 3.131%, 19.277% 2.094%, 19.589% 1.228%, 19.908% 0.569%, 20.234% 0.148%, 20.568% 0%, 99.923% 0%, 99.923% 0%, 99.935% 0.007%, 99.947% 0.028%, 99.958% 0.062%, 99.968% 0.108%, 99.977% 0.164%, 99.985% 0.229%, 99.991% 0.302%, 99.996% 0.382%, 99.999% 0.468%, 100% 0.559%, 100% 99.441%, 100% 99.441%, 99.999% 99.532%, 99.996% 99.618%, 99.991% 99.698%, 99.985% 99.771%, 99.977% 99.836%, 99.968% 99.892%, 99.958% 99.938%, 99.947% 99.972%, 99.935% 99.993%, 99.923% 100%, 0.077% 100%, 0.077% 100%, 0.065% 99.993%, 0.053% 99.972%, 0.042% 99.938%, 0.032% 99.892%, 0.023% 99.836%, 0.015% 99.771%, 0.009% 99.698%, 0.004% 99.618%, 0.001% 99.532%, 0% 99.441%, 0% 0.559%, 0% 0.559%, 0.001% 0.468%, 0.004% 0.382%, 0.009% 0.302%, 0.015% 0.229%, 0.023% 0.164%, 0.032% 0.108%, 0.042% 0.062%, 0.053% 0.028%, 0.065% 0.007%, 0.077% 0%, 10.142% 0%, 10.142% 0%, 10.476% 0.148%, 10.802% 0.569%, 11.121% 1.228%, 11.432% 2.094%, 11.738% 3.131%, 12.037% 4.305%, 12.332% 5.584%, 12.621% 6.932%, 12.906% 8.317%, 13.188% 9.704%, 13.188% 9.704%, 13.377% 10.578%, 13.573% 11.374%, 13.776% 12.087%, 13.986% 12.715%, 14.202% 13.256%, 14.423% 13.704%, 14.649% 14.059%, 14.88% 14.316%, 15.116% 14.472%, 15.355% 14.525%, 15.355% 14.525%, 15.594% 14.472%, 15.83% 14.316%, 16.061% 14.059%, 16.287% 13.704%, 16.508% 13.256%, 16.724% 12.715%, 16.934% 12.087%, 17.137% 11.374%, 17.333% 10.578%, 17.522% 9.704%)
}

.bijan-cta-2.bijan-cta-2-with-curve::after {
    content: "";
    position: absolute;
    top: 17%;
    inset-inline-start: 136px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    filter: blur(24px);
    background-color: var(--primary-100);
    z-index: -1
}

.bijan-cta-2-start {
    display: flex;
    gap: 12px;
    margin-inline-end: 24px
}

.bijan-cta-2-start-texts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-block: 2px
}

.bijan-cta-2-logo {
    background: rgba(46, 49, 60, .4);
    border-radius: 16px;
    padding-inline: 12px;
    display: flex
}

.bijan-cta-2-logo img {
    width: 100%;
    max-width: 28px !important;
    margin: auto
}

.bijan-cta-2-title {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1
}

.bijan-cta-2-subtitle {
    color: #6e361e;
    font-weight: normal
}

.bijan-cta-2-description,
.bijan-cta-2-mobile-description {
    background: var(--primary-100-50);
    color: var(--text-100-70);
    padding: 16px 28px;
    border-radius: 24px
}

.bijan-cta-2-image-wrap {
    display: flex;
    margin-top: -32px;
    margin-bottom: -24px;
    border-end-end-radius: inherit;
    width: 404px;
    position: absolute;
    inset-inline-end: 0;
    bottom: 24px
}

.bijan-cta-2-image-wrap img {
    border-end-end-radius: inherit !important
}

.bijan-cta-2-mobile-description,
.bijan-cta-2-mobile-image-wrap {
    display: none
}

.bijan-cta-3 {
    padding-block: 16px;
    padding-inline: 48px 28px;
    position: relative;
    display: grid;
    grid-template-columns: 300px 116px 1fr;
    gap: 40px;
    align-items: center;
    background-image: url(../img/cta-bg-1.png), url(../img/cta-bg-2.png), radial-gradient(31.94% 409.9% at 50.58% 50.5%, #515151 0%, #686868 100%);
    background-blend-mode: overlay, overlay, normal;
    background-repeat: no-repeat;
    background-position-x: 0, 100%;
    border-radius: 16px
}

.bijan-cta-3-wrap {
    margin-top: 8px
}

.bijan-cta-3-start {
    display: flex;
    flex-direction: column
}

.bijan-cta-3-title {
    color: #fff;
    font-weight: normal;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    gap: 4px;
    line-height: 1
}

.bijan-cta-3-title span {
    font-size: 2.5rem
}

.bijan-cta-3-subtitle {
    color: var(--primary-100);
    font-size: 1rem;
    text-shadow: 0 0 4px 0 rgba(0, 0, 0, .4)
}

.bijan-cta-3-image-wrap {
    display: flex
}

.bijan-cta-3-image-wrap img {
    position: absolute;
    width: 116px;
    top: -8px;
    max-height: 116px;
    object-fit: cover
}

.bijan-cta-3-buttons {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-inline-start: auto
}

.bijan-cta-3-buttons .button.button-right {
    margin-left: unset
}

.testimonials-slider {
    height: 400px;
    --item-bg-color: #fff
}

.testimonials-slider .slider-nav-wrap {
    position: absolute;
    inset-inline-start: 20px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column-reverse;
    gap: 8px
}

.testimonials-slider .slider-nav-wrap .button {
    position: unset;
    border-radius: 50% !important;
    line-height: 1;
    color: #fff;
    background: var(--primary-200);
    width: 40px;
    height: 40px;
    margin: 0;
    justify-content: center;
    padding-inline: 4px !important
}

.testimonials-slider .slider-nav-wrap .button:hover {
    background: var(--primary-100)
}

.testimonial-item {
    min-height: min-content
}

.testimonial-item .shape-curve {
    inset: 0;
    inset-inline: 40px 48px;
    z-index: -1;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto 1fr;
    filter: drop-shadow(0 4px 25px rgba(0, 0, 0, 0.08))
}

.testimonial-item .shape-curve-fill {
    border-end-start-radius: 24px;
    border-start-start-radius: 24px;
    grid-row: 1/4;
    grid-column: 1
}

.testimonial-item .shape-curve-fill,
.testimonial-item .shape-curve-fill-1,
.testimonial-item .shape-curve-fill-2 {
    background-color: var(--item-bg-color)
}

.testimonial-item .shape-curve-fill-1 {
    grid-row: 1;
    grid-column: 2;
    border-start-end-radius: 24px
}

.testimonial-item .shape-curve-fill-2 {
    grid-row: 3;
    grid-column: 2;
    border-end-end-radius: 24px
}

.testimonial-inner {
    position: relative;
    z-index: 1;
    padding: 48px 88px;
    display: grid;
    grid-template-columns: 1fr 90px;
    gap: 28px
}

.testimonial-texts {
    display: flex;
    flex-direction: column
}

.testimonial-name {
    font-size: 1rem;
    font-weight: 500;
    color: var(--secondary-100)
}

.testimonial-position {
    font-size: .75rem;
    font-weight: normal;
    color: var(--text-400);
    margin-block: 2px 8px
}

.testimonial-text {
    font-size: .875rem;
    font-weight: 300;
    color: var(--text-200)
}

.elementor .testimonial-image,
.testimonial-image {
    position: relative;
    z-index: 0;
    display: flex
}

.elementor .testimonial-image::before,
.testimonial-image::before {
    content: "";
    background: url(../img/testimonial-quote.svg) no-repeat;
    background-size: 100% 100%;
    width: 77px;
    height: 65px;
    position: absolute;
    top: -20px;
    inset-inline-start: -60px;
    z-index: -1
}

.elementor .testimonial-image img,
.testimonial-image img {
    position: relative;
    z-index: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 2px 2px 10px 0 rgba(112, 112, 112, .3019607843)
}

.elementor .testimonial-image::after,
.testimonial-image::after {
    content: "";
    background: url(../img/testimonial-dots.svg) no-repeat;
    background-size: 100% 100%;
    width: 39px;
    height: 48px;
    position: absolute;
    bottom: -32px;
    inset-inline-start: 4px;
    z-index: 1
}

.bijan-brands {
    display: grid;
    grid-template-columns: repeat(var(--desktop-columns), auto);
    gap: var(--desktop-row-gap) var(--desktop-column-gap);
    justify-items: center
}

.elementor a.bijan-brand,
.bijan-brand {
    box-shadow: 2px 4px 25px 0 rgba(0, 0, 0, .0509803922);
    border-radius: 20px;
    background: #fff;
    width: 100%;
    max-width: 94px;
    max-height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    box-sizing: border-box
}

.elementor a.bijan-brand img,
.bijan-brand img {
    width: 100%;
    max-width: 58px;
    filter: grayscale(1);
    will-change: filter;
    transition: filter .2s ease-in-out
}

.elementor a.bijan-brand:hover img,
.bijan-brand:hover img {
    filter: grayscale(0)
}

.posts-grid-mode .wrapper {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr
}

.posts-grid-mode article .post-texts {
    top: calc(100% - 68px);
    padding-top: 12px;
    padding-inline: 20px;
    height: 56px
}

.posts-grid-mode article .post-top-texts {
    gap: 4px;
    grid-template-columns: 1fr auto
}

@media screen and (min-width: 769px) {
    .posts-grid-mode .wrapper {
        gap: 28px;
        grid-template-columns: repeat(12, 1fr)
    }

    .posts-grid-mode .wrapper article:nth-child(10n-9),
    .posts-grid-mode .wrapper article:nth-child(10n-2) {
        grid-row-end: span 2;
        height: 428px
    }

    .posts-grid-mode .wrapper article:nth-child(10n-9) .post-texts,
    .posts-grid-mode .wrapper article:nth-child(10n-2) .post-texts {
        height: 88px;
        top: calc(100% - 100px)
    }

    .posts-grid-mode .wrapper article:nth-child(10n-9) .post-top-texts,
    .posts-grid-mode .wrapper article:nth-child(10n-2) .post-top-texts {
        grid-template-columns: 1fr
    }

    .posts-grid-mode .wrapper article:nth-child(10n-9) {
        grid-column: 1/4
    }

    .posts-grid-mode .wrapper article:nth-child(10n-8) {
        grid-column: 4/8
    }

    .posts-grid-mode .wrapper article:nth-child(10n-7) {
        grid-column: 8/13
    }

    .posts-grid-mode .wrapper article:nth-child(10n-6) {
        grid-column: 4/9
    }

    .posts-grid-mode .wrapper article:nth-child(10n-5) {
        grid-column: 9/13
    }

    .posts-grid-mode .wrapper article:nth-child(10n-4) {
        grid-column: 1/6
    }

    .posts-grid-mode .wrapper article:nth-child(10n-3) {
        grid-column: 6/10
    }

    .posts-grid-mode .wrapper article:nth-child(10n-2) {
        grid-column: 10/13
    }

    .posts-grid-mode .wrapper article:nth-child(10n-1) {
        grid-column: 1/5
    }

    .posts-grid-mode .wrapper article:nth-child(10n) {
        grid-column: 5/10
    }
}

.proicon {
    display: flex;
    gap: 12px
}

.proicon-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 16px;
    will-change: background;
    transition: background .2s ease-in-out
}

.proicon-img-wrap img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    will-change: filter;
    transition: filter .2s ease-in-out
}

.proicon-img-wrap i {
    font-size: 2.25rem;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center
}

.proicon-texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-block: 4px;
    align-self: center
}

.proicon-title {
    color: var(--text-200);
    font-size: 1rem;
    font-weight: normal;
    line-height: 1
}

.proicon-subtitle {
    color: var(--text-400);
    font-size: .875rem;
    font-weight: normal;
    line-height: 1
}

.proicon-icon-top .proicon-img-wrap {
    align-self: flex-start
}

.proicon-icon-center .proicon-img-wrap {
    align-self: center
}

.proicon-icon-bottom .proicon-img-wrap {
    align-self: flex-end
}

.proicon:hover .proicon-img-wrap {
    background: var(--primary-100)
}

.proicon:hover .proicon-img-wrap img:is([src$=".png"], [src$=".svg"]) {
    filter: brightness(0) invert(1)
}

.proicon:hover .proicon-img-wrap i {
    color: #fff
}

.elementor .proicon-img-wrap img {
    height: 52px
}

.bijan_stars {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    gap: 4px
}

.bijan_stars.bijan_stars-has-radio .bijan_star {
    cursor: pointer
}

.bijan_star {
    width: 16px;
    line-height: 1;
    display: flex
}

.bijan_star svg {
    fill: var(--gray-500)
}

.bijan_star.bijan_star-active svg {
    fill: var(--tertiary-200)
}

.bijan_star-input {
    display: none !important
}

.dropdown {
    border-radius: 16px;
    padding: 8px 16px;
    color: var(--text-400);
    background: var(--gray-600);
    font-size: 1rem;
    font-weight: normal;
    position: relative;
    min-width: 172px;
    box-sizing: border-box;
    cursor: pointer;
    will-change: border-radius;
    transition: border-radius .1s ease-in-out
}

.dropdown-current {
    white-space: nowrap
}

.dropdown-current-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between
}

.dropdown-current-icon {
    will-change: transform;
    transition: transform .2s ease-in-out
}

.dropdown-items {
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    inset-inline: 0;
    z-index: 10;
    background: inherit;
    padding: inherit;
    padding-top: 0;
    border-radius: 0 0 16px 16px;
    border-top: 1px dashed rgba(155, 156, 164, .7);
    max-height: 200px;
    overflow: auto;
    will-change: opacity, visibility;
    transition: .2s ease-in-out;
    transition-property: opacity, visibility
}

.dropdown-item {
    will-change: color;
    transition: color .2s ease-in-out
}

.dropdown-item:hover {
    color: var(--gray-200)
}

.dropdown.hover {
    border-radius: 16px 16px 0 0
}

.dropdown.hover .dropdown-items {
    opacity: 1;
    visibility: visible
}

.dropdown.hover .dropdown-current-icon {
    transform: rotate(180deg)
}

.bijan_filter_additional_options {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: -4px
}

.bijan_filter_additional_option {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center
}

.bijan_filter_additional_option:not(:hover) {
    color: var(--text-300)
}

.bijan_filter_additional_option::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--gray-600);
    border: 0
}

.bijan_filter_additional_option.radio-end {
    padding-inline-end: 32px
}

.bijan_filter_additional_option.radio-end::before {
    inset-inline-end: 0
}

.bijan_filter_additional_option.radio-start {
    padding-inline-start: 32px
}

.bijan_filter_additional_option.radio-start::before {
    inset-inline-start: 0
}

.bijan_filter_additional_option.active::before {
    background: var(--primary-100)
}

.bijan_filter_additional_option.active::after {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    border-radius: 50%;
    background: #fff;
    width: 12px;
    height: 12px
}

.bijan_filter_additional_option.radio-end::after {
    inset-inline-end: 6px
}

.bijan_filter_additional_option.radio-start::after {
    inset-inline-start: 6px
}

.video-container {
    position: relative
}

.video-container::before,
.video-container::after {
    content: "";
    background: url("../img/video-dots.svg") no-repeat;
    position: absolute;
    width: 128px;
    height: 103px;
    z-index: -1
}

.video-container::before {
    bottom: 58px;
    inset-inline-end: -32px
}

.video-container::after {
    bottom: -32px;
    inset-inline-end: 58px
}

.video-inner {
    position: relative
}

.video-inner::before {
    content: "";
    position: absolute;
    top: -8px;
    bottom: -8px;
    border-radius: 40px;
    inset-inline: 52px;
    background: var(--primary-100)
}

.video-wrap {
    position: relative;
    display: flex;
    cursor: pointer;
    border-radius: 40px;
    overflow: hidden;
    justify-content: center
}

.video-wrap img,
.video-wrap video {
    border-radius: 40px
}

.video-wrap button.button.bijan-video-play {
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.75rem;
    padding: 16px
}

.video-wrap button.button.bijan-video-play::before,
.video-wrap button.button.bijan-video-play::after {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-end: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid
}

.video-wrap button.button.bijan-video-play::before {
    border-color: rgba(255, 255, 255, .5);
    width: 90px;
    height: 90px
}

.video-wrap button.button.bijan-video-play::after {
    border-color: rgba(255, 255, 255, .2);
    width: 104px;
    height: 104px
}

.video-wrap:not(.video-playing) video {
    display: none
}

.video-wrap.video-playing img,
.video-wrap.video-playing button {
    display: none
}

.elementor .video-wrap img {
    border-radius: 40px
}

.team-items.swiper .wrapper {
    padding-bottom: 40px
}

.team-item {
    position: relative
}

.team-item img {
    border-radius: 28px;
    transition: all .2s ease-in-out;
    box-shadow: 0 4px 16px 0 rgba(65, 65, 65, .0784313725)
}

.team-item-texts {
    position: absolute;
    bottom: 0;
    inset-inline: 20px;
    transform: translateY(50%);
    border-radius: 24px;
    background: var(--primary-100);
    padding: 4px 28px;
    color: #fff;
    transition: all .2s ease-in-out;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    white-space: nowrap
}

.team-item-position {
    font-weight: 500;
    font-size: 1.125rem;
    transition: all .2s ease-in-out
}

.team-item-name {
    font-weight: normal;
    font-size: 1rem;
    transition: all .2s ease-in-out
}

.team-item.swiper-slide {
    max-width: max-content
}

.elementor .team-item img {
    border-radius: 28px
}

.elementor-icon-wrapper {
    line-height: 1;
    display: flex
}

.elementor-template-full-width #page-main {
    padding: 0
}

.elementor-widget .bijan-icon-telegram {
    font-size: 1.8em
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a,
.elementor-heading-title {
    line-height: 2
}

.e-con-inner>.elementor-element {
    width: 100%
}

.elementor-widget-bijan_market_button {
    width: 100%
}

.elementor-widget-bijan_button {
    z-index: 1
}

.pagination,
.woocommerce-pagination>.page-numbers {
    margin-top: 64px
}

.pagination,
.woocommerce-pagination>.page-numbers,
.pagination .nav-links {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px
}

.pagination,
.woocommerce-pagination {
    grid-column: 1/-1
}

.pagination .page-numbers:is(a, span),
.woocommerce-pagination .page-numbers:is(a, span) {
    color: var(--text-300);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.pagination .page-numbers:is(a, span):not(.next):not(.prev):not(.dots),
.woocommerce-pagination .page-numbers:is(a, span):not(.next):not(.prev):not(.dots) {
    aspect-ratio: 1;
    width: 44px
}

.pagination .page-numbers:is(a, span):not(.dots),
.woocommerce-pagination .page-numbers:is(a, span):not(.dots) {
    background: #f0f0f0
}

.pagination .page-numbers:is(a, span).current,
.woocommerce-pagination .page-numbers:is(a, span).current {
    background: var(--primary-100);
    color: #fff
}

.pagination .page-numbers:is(a, span).next,
.pagination .page-numbers:is(a, span).prev,
.woocommerce-pagination .page-numbers:is(a, span).next,
.woocommerce-pagination .page-numbers:is(a, span).prev {
    padding: 6px 8px;
    gap: 4px;
    height: 100%;
    line-height: inherit
}

.pagination .page-numbers:is(a, span).next,
.woocommerce-pagination .page-numbers:is(a, span).next {
    padding-inline-end: 4px
}

.pagination .page-numbers:is(a, span).prev,
.woocommerce-pagination .page-numbers:is(a, span).prev {
    padding-inline-start: 4px
}

.pagination .page-numbers:is(a, span).dots,
.woocommerce-pagination .page-numbers:is(a, span).dots {
    height: 100%;
    font-size: 1.125rem;
    font-weight: 800;
    padding-bottom: 4px
}

.pagination .page-numbers:is(a, span):not(.dots):not(.current):hover,
.woocommerce-pagination .page-numbers:is(a, span):not(.dots):not(.current):hover {
    color: var(--text-100)
}

#site-footer {
    background: #363636
}

#footer {
    padding-block: 40px;
    margin-top: 76px
}

#footer:has(#newsletter-wrap) {
    padding-top: 100px;
    margin-top: 132px
}

#newsletter-wrap {
    background: linear-gradient(0deg, #FD5F1B -13.48%, #FF9800 76.52%);
    border-radius: 960px;
    padding: 16px;
    padding-inline-end: 48px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 20px;
    align-items: center;
    transform: translateY(-50%);
    margin-top: -100px
}

#newsletter-wrap+.footer-content {
    border: 0;
    margin: 0;
    padding: 0
}

#newsletter-icon-wrap {
    width: 84px;
    height: 84px;
    color: #fff;
    background: rgba(214, 92, 19, .6980392157);
    font-size: 2.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#newsletter-title {
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff
}

#newsletter-subtitle {
    color: #802701;
    font-size: .875rem
}

#newsletter-forms-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-items: end;
    height: 100%
}

#newsletter-forms-wrap div.tnp-subscription,
#newsletter-forms-wrap form.tnp-subscription,
#newsletter-forms-wrap form.tnp-profile {
    margin: 0;
    max-width: 100%
}

#newsletter-forms-wrap form {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 4px
}

#newsletter-forms-wrap form input {
    border-radius: 99px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    padding: 10px 16px;
    width: 256px;
    box-sizing: border-box
}

#newsletter-forms-wrap form input::placeholder {
    color: rgba(255, 255, 255, .5)
}

#newsletter-forms-wrap form button,
#newsletter-forms-wrap form input:is([type=submit], [type=button]) {
    background: #d65c13;
    border-radius: 99px;
    color: #fff;
    padding: 6px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    line-height: inherit;
    box-shadow: 0 10px 30px 0 rgba(214, 92, 19, .3019607843);
    width: auto
}

#newsletter-forms-wrap form>p {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center
}

#newsletter-forms-wrap .tnp-subscription label,
#newsletter-forms-wrap .tnp-profile label {
    display: none
}

#newsletter-forms-wrap .wpcf7-spinner {
    display: none
}

#newsletter-forms-wrap .tnp-subscription div.tnp-field,
#newsletter-forms-wrap .tnp-profile div.tnp-field {
    margin-bottom: 0;
    width: 100%
}

#newsletter-forms-wrap .footer-newsletter-form {
    display: flex;
    align-items: center;
    width: fit-content
}

#newsletter-forms-wrap .footer-newsletter-form:nth-child(2) {
    border-inline-start: 1px dashed rgba(128, 39, 1, .3);
    padding-inline-start: 28px;
    margin-inline-start: 28px
}

#top-footer {
    gap: 32px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 6fr 5fr 6fr;
    align-items: start
}

.footer-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
}

.footer-content:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #2d2d2d
}

.footer-menus {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.footer-menu-wrap li a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-400)
}

.footer-menu-wrap li a:hover {
    color: var(--primary-200)
}

.footer-section-title {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.footer-section-title-icon {
    color: var(--primary-200);
    font-size: 1.25rem
}

.footer-section-title-text {
    color: #fff
}

#footer-about {
    display: flex;
    flex-direction: column;
    gap: 12px
}

#footer-org-items-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#footer-orgs-logo-section {
    justify-content: flex-end;
    margin-top: 8px
}

.footer-custom-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 4px;
    justify-items: center
}

#footer-more-info-wrap {
    background: rgba(0, 0, 0, .2);
    border-radius: 16px;
    padding: 16px 28px
}

#footer-more-info-inner {
    display: flex;
    flex-direction: column;
    gap: 20px
}

#footer-more-info-top,
#footer-more-info-contact-wrap {
    display: flex;
    flex-direction: column
}

#footer-more-info-title {
    color: var(--text-400);
    font-size: 1.5rem;
    font-weight: 500
}

#footer-more-info-phones {
    direction: ltr;
    font-size: 1.75rem;
    font-weight: bold
}

.footer-more-info-subtitle {
    color: var(--text-300);
    font-size: .875rem
}

.footer-phone:first-child {
    color: var(--primary-200)
}

.footer-phone:not(:first-child) {
    color: var(--text-400)
}

#footer-market-buttons .market-button {
    background: rgba(0, 0, 0, .2)
}

#footer-market-buttons .market-button .market-button-top-text {
    color: var(--text-400)
}

#footer-market-items {
    gap: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#footer-copyright-wrap {
    flex-direction: row;
    gap: 28px;
    justify-content: center
}

#footer-social-items {
    display: flex;
    gap: 8px
}

.footer-social-item {
    color: var(--tertiary-200);
    font-size: 1.125rem
}

#mobile-menu-overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    z-index: 998;
    display: none;
    cursor: pointer
}

.mobile-menu-container {
    position: fixed;
    z-index: 1000;
    inset-block: 0 32px;
    inset-inline: 0 40px;
    background: #fff;
    border-end-end-radius: 24px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .0784313725);
    padding-inline: 20px 16px;
    padding-top: 90px;
    padding-bottom: 44px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: auto;
    transform: translateX(-100vw);
    will-change: transform, padding-top;
    transition: .2s ease-in-out;
    transition-property: transform, padding-top
}

.mobile-menu-container.open {
    transform: translateX(0)
}

.mobile-menu-container .bijan-search {
    min-width: auto
}

.sticky-header-active .mobile-menu-container {
    padding-top: 70px
}

.mobile-menu-wrap+.mobile-menu-wrap {
    padding-top: 28px;
    border-top: 1px solid #e6e6e6
}

.mobile-menu-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.mobile-menu-wrap ul ul {
    padding-inline-start: 28px;
    display: none;
    margin-top: 16px
}

.mobile-menu-wrap a {
    font-size: .875rem;
    display: flex;
    gap: 6px;
    align-items: center
}

.mobile-menu-wrap a:not(:hover) {
    color: var(--text-300)
}

.mobile-menu-wrap a>i {
    color: var(--secondary-100)
}

.mobile-menu-wrap li {
    position: relative
}

.mobile-menu-wrap li.menu-item-has-children>a::after {
    content: "";
    font-family: "Bijan" !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: .75rem;
    margin-inline-start: auto;
    color: var(--text-300);
    will-change: transform;
    transition: transform .2s ease-in-out
}

.mobile-menu-wrap li.menu-item-has-children.open>a::after {
    transform: rotate(180deg)
}

.mobile-menu-wrap li.bijan-featured-item>a {
    color: var(--text-100)
}

.mobile-menu-wrap li.megamenu-wrap {
    margin-inline-start: -8px
}

.mobile-menu-wrap li.megamenu-wrap>a {
    color: #474747;
    padding-block: 4px;
    padding-inline: 8px 0;
    border-radius: 8px
}

.mobile-menu-wrap li.megamenu-wrap>a>i {
    color: inherit
}

.mobile-menu-wrap li.megamenu-wrap>ul {
    margin-top: 8px
}

.mobile-menu-wrap li.megamenu-wrap.open>a {
    color: var(--primary-100);
    background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%)
}

.mobile-menu-wrap li.megamenu-wrap.open>a>i {
    color: var(--secondary-200)
}

.mobile-menu-wrap li.megamenu-wrap>ul {
    padding-inline-start: 58px
}

.mobile-menu-wrap li.megamenu-wrap>ul>li::before {
    content: "";
    position: absolute;
    inset-inline-start: -16px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--secondary-300)
}

.mobile-menu-wrap li.megamenu-wrap>ul>li>a {
    color: var(--primary-100);
    position: relative;
    display: flex
}

.mobile-menu-wrap li.megamenu-wrap>ul>li>a::after {
    order: 3
}

.mobile-menu-wrap li.megamenu-wrap>ul>li.menu-item-has-children>a::before {
    content: "";
    display: block;
    height: 1px;
    background: #f0f0f0;
    order: 2;
    margin: auto;
    flex-grow: 1
}

.account-items {
    width: 200px;
    inset-inline: auto 0;
    border-radius: 16px;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.account-items a {
    display: flex;
    align-items: center;
    gap: 8px
}

.account-items a:not(:hover) {
    color: var(--text-400)
}

.account-name-link {
    padding-bottom: 12px;
    margin-inline: -16px;
    padding-inline: 16px;
    border-bottom: 1px solid var(--gray-500-50)
}

.account-name-link>i {
    margin-inline-start: auto
}

#mobile-account-menu-container {
    transform: translateX(100%);
    inset-inline: auto 0;
    padding-top: 120px;
    border-end-end-radius: 0;
    border-end-start-radius: 24px
}

#mobile-account-menu-container.open {
    transform: translateX(0)
}

#mobile-account-menu-container .account-name-link {
    padding-inline: 0
}

#mobile-account-menu-avatar-wrap {
    background: var(--gray-600-50);
    border-radius: 96px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    box-sizing: border-box
}

@media screen and (min-width: 1201px) {
    .hide-desktop {
        display: none !important
    }

    .desktop-columns {
        display: grid !important;
        grid-template-columns: repeat(var(--desktop-cols), 1fr);
        gap: var(--desktop-gap)
    }

    .bijan-products-slider.desktop-slider-wrap {
        overflow: hidden
    }

    .bijan-products-slider.desktop-slider-wrap .products {
        display: flex !important
    }
}

@media screen and (max-width: 1200px) {
    .show-only-desktop {
        display: none !important
    }

    #page-main {
        /* padding-top: 32px */
    }

    .admin-bar #page-main {
        padding-top: 0
    }

    #header {
        justify-content: center;
        padding-block: 12px
    }

    #header>svg {
        inset-inline-start: auto
    }

    #newsletter-wrap {
        grid-template-columns: 1fr;
        padding: 28px;
        padding-bottom: 60px;
        justify-items: center;
        gap: 12px;
        border-radius: 52px;
        position: absolute;
        inset-inline: 20px
    }

    #newsletter-forms-wrap {
        flex-direction: column;
        gap: 12px;
        margin-top: 12px;
        width: 100%
    }

    #newsletter-forms-wrap .footer-newsletter-form,
    #newsletter-forms-wrap .footer-newsletter-form input,
    #newsletter-forms-wrap .footer-newsletter-form .wpcf7,
    #newsletter-forms-wrap .footer-newsletter-form .wpcf7-form-control-wrap {
        width: 100%
    }

    #newsletter-forms-wrap .footer-newsletter-form:nth-child(2) {
        border: 0;
        padding: 0;
        margin: 0
    }

    #newsletter-forms-wrap form>p {
        width: 100%
    }

    .bijan-thumbnail-slider-wrap,
    .elementor .bijan-thumbnail-slider-wrap {
        grid-template-columns: 1fr;
        height: auto !important;
        width: 100%
    }

    .bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .bijan-thumbnail-slider,
    .bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .elementor .bijan-thumbnail-slider,
    .elementor .bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .bijan-thumbnail-slider,
    .elementor .bijan-thumbnail-slider-wrap.bijan-thumbnail-slider-with-scrollbar .elementor .bijan-thumbnail-slider {
        padding-inline-start: 0;
        padding-bottom: 24px
    }

    .bijan-thumbnail-slider,
    .elementor .bijan-thumbnail-slider {
        width: 100%
    }

    .bijan-thumbnail-slider .swiper-scrollbar,
    .elementor .bijan-thumbnail-slider .swiper-scrollbar {
        bottom: 0;
        width: 100%
    }

    .bijan-thumbnail-slider .swiper-slide,
    .elementor .bijan-thumbnail-slider .swiper-slide {
        width: 100px
    }

    .bijan-main-slider img,
    .elementor .bijan-main-slider img {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 14px
    }

    .show-only-desktop-1024 {
        display: none !important
    }

    .bijan-cta-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center;
        background-image: url(../img/cta-bg-1.png), radial-gradient(157.6% 2017.89% at 50.58% 50.5%, #167059 0%, #4D9784 100%);
        background-blend-mode: overlay, normal;
        background-repeat: no-repeat;
        background-position-x: 0;
        margin-top: 48px;
        padding-block: 0 28px
    }

    .bijan-cta-1-start {
        align-items: center;
        margin-bottom: 12px
    }

    .bijan-cta-1-image-wrap {
        order: -1;
        position: relative;
        top: -48px;
        margin-bottom: -48px
    }

    .bijan-cta-1-image-wrap img {
        position: relative;
        top: auto
    }

    .bijan-cta-1 .button.button-secondary {
        background-color: var(--secondary-200)
    }

    .bijan-cta-2 {
        display: flex;
        flex-direction: column
    }

    .bijan-cta-2-inner {
        display: flex;
        padding-block: 52px 0;
        padding-inline: 0
    }

    .bijan-cta-2-with-curve>svg {
        display: none
    }

    .bijan-cta-2-with-curve .bijan-cta-2-inner {
        clip-path: unset !important
    }

    .bijan-cta-2-with-curve::after {
        content: unset
    }

    .bijan-cta-2-description,
    .bijan-cta-2-image-wrap {
        display: none
    }

    .bijan-cta-2-start {
        display: grid;
        grid-template-columns: auto 1fr;
        margin: 0;
        border-radius: inherit
    }

    .bijan-cta-2-mobile-description,
    .bijan-cta-2-mobile-image-wrap {
        display: flex;
        grid-column: 1/-1
    }

    .bijan-cta-2-mobile-description {
        margin-inline: 32px;
        border-radius: 20px
    }

    .bijan-cta-2-logo {
        margin-inline-start: 32px;
        width: max-content
    }

    .elementor .bijan-cta-2-mobile-image-wrap,
    .elementor .bijan-cta-2-mobile-image-wrap img {
        width: 100%;
        border-end-start-radius: inherit;
        border-end-end-radius: inherit
    }

    .bijan-cta-3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center;
        background-image: url(../img/cta-bg-1.png), radial-gradient(2040.12% 98.28% at 49.02% 7.59%, #515151 0%, #686868 100%);
        background-size: contain;
        background-blend-mode: overlay, normal;
        background-repeat: no-repeat;
        background-position-x: 0;
        margin-top: 48px;
        padding-block: 0 28px
    }

    .bijan-cta-3-start {
        align-items: center;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .bijan-cta-3-image-wrap {
        order: -1;
        position: relative;
        top: -48px;
        margin-bottom: -48px
    }

    .bijan-cta-3-image-wrap img {
        position: relative;
        top: auto
    }

    .bijan-cta-3-buttons {
        flex-direction: column;
        gap: 16px;
        width: 100%
    }

    .bijan-cta-3-buttons .market-button {
        justify-content: center
    }

    .bijan-cta-3-buttons .market-button.market-button-auto {
        width: 100%
    }

    .testimonial-item .shape-curve {
        grid-template-rows: 10% auto 1fr;
        inset-block: 36px 0;
        margin-bottom: 40px
    }

    .testimonial-inner {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-top: 80px;
        overflow: hidden
    }

    .testimonial-image {
        order: -1;
        align-self: flex-end
    }

    .testimonial-texts {
        margin-top: -20px;
        overflow: hidden
    }

    .testimonial-position {
        margin-bottom: 28px
    }

    .testimonial-name,
    .testimonial-position {
        width: calc(100% - 100px)
    }

    .testimonials-slider .slider-nav-wrap {
        top: auto;
        bottom: 20px;
        inset-inline-start: 50%;
        transform: translateX(50%);
        flex-direction: row
    }

    .testimonials-slider .slider-nav-wrap .button {
        transform: rotate(270deg)
    }
}

@media screen and (min-width: 1025px) {
    .hide-desktop-1024 {
        display: none !important
    }
}

@media screen and (max-width: 768px) {
    .page-width {
        padding-inline: 20px
    }

    #page-header,
    .woocommerce-products-header {
        grid-template-columns: 1fr
    }

    #sort-wrap {
        width: 100%;
        flex-wrap: wrap
    }

    .list-posts {
        gap: 16px
    }

    .list-posts article {
        height: 300px
    }

    .list-posts article .post-texts {
        padding: 4px 16px;
        bottom: 8px;
        inset-inline: 8px;
        height: 60px
    }

    .list-posts article .post-top-texts {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 0
    }

    .list-posts article .post-title {
        font-weight: normal
    }

    .market-button {
        display: grid;
        grid-template-columns: auto 1fr;
        justify-items: center
    }

    .market-button-texts {
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
        align-items: center
    }

    .bijan-brands {
        grid-template-columns: repeat(var(--tablet-columns), 1fr);
        gap: var(--tablet-row-gap) var(--tablet-column-gap)
    }

    .bijan-brand img {
        width: 54px
    }

    #newsletter-forms-wrap form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #newsletter-forms-wrap form button,
    #newsletter-forms-wrap form input:is([type=submit], [type=button]) {
        margin-inline: auto
    }

    #newsletter-forms-wrap form input {
        width: 100%
    }

    #top-footer {
        grid-template-columns: 1fr
    }

    .footer-menus {
        order: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 24px
    }

    #footer-about-wrap {
        order: 3
    }

    #footer-more-info-wrap {
        order: 2;
        text-align: center
    }

    #footer-more-info-phones {
        display: flex;
        flex-direction: column
    }

    .footer-phone-sep {
        display: none
    }

    #footer-about-wrap {
        display: flex;
        flex-direction: column;
        gap: 28px;
        text-align: center
    }

    #footer-org-items-wrap {
        order: -1
    }

    #footer-orgs-logo-section {
        justify-content: center
    }

    #footer-market-items {
        flex-direction: column
    }

    #footer-market-items .market-button.market-button-auto {
        width: 100% !important
    }

    #footer-copyright-wrap {
        flex-direction: column;
        gap: 0
    }
}

@media screen and (min-width: 768px)and (max-width: 1200px) {
    .tablet-columns {
        display: grid !important;
        grid-template-columns: repeat(var(--tablet-cols), 1fr);
        gap: var(--tablet-gap)
    }

    .bijan-products-slider.tablet-slider-wrap {
        overflow: hidden
    }

    .bijan-products-slider.tablet-slider-wrap .products {
        display: flex !important
    }
}

@media screen and (max-width: 767px) {
    #primary {
        flex-direction: column-reverse
    }

    .mobile-columns {
        display: grid !important;
        grid-template-columns: repeat(var(--mobile-cols), 1fr);
        gap: var(--mobile-gap)
    }

    .bijan-products-slider.mobile-slider-wrap {
        overflow: hidden
    }

    .bijan-products-slider.mobile-slider-wrap .products {
        display: flex !important
    }
}

@media screen and (max-width: 480px) {
    #story-popup {
        top: 0;
        left: 0;
        transform: unset;
        max-width: 100%;
        max-height: 100%
    }

    #story-popup-content {
        border-radius: 0
    }

    .bijan-slider img {
        -webkit-mask-image: url("../img/slider-responsive-mask.svg");
        mask-image: url("../img/slider-responsive-mask.svg");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .bijan-slider img:first-child {
        display: none
    }

    .bijan-slider img:nth-child(2) {
        display: block
    }

    .bijan-slider .bijan-slider-nav-btn {
        top: 65%
    }

    .special-offer {
        -webkit-mask-image: url("../img/instant-discount-responsive.svg");
        mask-image: url("../img/instant-discount-responsive.svg");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        background-image: url("../img/special-offer-bg-responsive.jpg");
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        column-gap: 8px;
        width: auto;
        height: auto;
        min-width: 253px;
        min-height: 193px;
        padding: 12px 12px 28px
    }

    .special-offer-title {
        grid-column: 1/-1;
        order: 1;
        margin-bottom: 8px
    }

    .special-offer-timer {
        order: 3;
        margin-top: 0;
        grid-row: 2;
        grid-column: 2;
        gap: 2px
    }

    .special-offer-percentage {
        order: 2;
        margin-top: 0;
        grid-row: 2;
        grid-column: 1;
        transform: scale(0.8)
    }

    .special-offer .button {
        order: 4;
        margin-top: 0;
        grid-row: 2;
        grid-column: 2;
        align-self: end
    }

    .special-offer:not(.special-offer-with-percentage) .special-offer-timer,
    .special-offer:not(.special-offer-with-percentage) .button {
        grid-column: 1/-1
    }

    .special-offer:not(.special-offer-with-percentage):not(.special-offer-with-button) {
        display: flex;
        align-items: stretch;
        justify-content: space-evenly
    }

    .special-offer:not(.special-offer-with-percentage):not(.special-offer-with-button) .special-offer-timer {
        margin-bottom: unset
    }

    .testimonials-slider {
        height: 500px
    }

    .testimonial-item .shape-curve {
        inset-block: 16px;
        inset-inline: 20px 16px;
        filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08))
    }

    .testimonial-inner {
        padding-top: 68px;
        padding-inline: 20px 16px
    }

    .testimonial-texts {
        margin-top: 0;
        padding-inline: 24px
    }

    .testimonial-position {
        margin-bottom: 0
    }

    .testimonial-name,
    .testimonial-position {
        width: 100%
    }

    .testimonial-image {
        padding-inline-end: 32px
    }

    .elementor .testimonial-image img {
        width: 60px;
        height: 60px
    }

    .elementor .testimonial-image::before {
        transform: translateX(calc(50% + 12px));
        inset-inline-start: 0;
        width: 44px
    }

    .elementor .testimonial-image::after {
        content: unset
    }

    .bijan-brands {
        grid-template-columns: repeat(var(--mobile-columns), 1fr);
        gap: var(--mobile-row-gap) var(--mobile-column-gap)
    }
}

/*# sourceMappingURL=style.min.css.map */