@font-face {
    font-family: YekanBakh;
    src: url("fonts/Yekan-Bakh-FaNum.woff") format("woff"), url("fonts/Yekan-Bakh-FaNum.ttf") format("truetype");
    font-weight: normal
}

@font-face {
    font-family: YekanBakh;
    src: url("fonts/Yekan-Bakh-FaNum-Medium.woff") format("woff"), url("fonts/Yekan-Bakh-FaNum-Medium.ttf") format("truetype");
    font-weight: 600
}

@font-face {
    font-family: YekanBakh;
    src: url("fonts/Yekan-Bakh-FaNum-bold.woff") format("woff"), url("fonts/Yekan-Bakh-FaNum-bold.ttf") format("truetype");
    font-weight: bold
}

body {
    font-family: "yekanbakh" !important
}

.bg-extra {
    background-color: #1d2939
}

.bg-blur {
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important
}

.toman {
    background-image: url(../../../../shared/marketplace/images/toman.png);
    width: 16px;
    height: 16px;
    margin-right: 3px;
    display: inline-block;
    margin-top: 5px
}

.notification-v1 {
    background-color: #d1fadf;
    border: 1px solid #c0e6cd
}

.notification-v1 a {
    color: #1d2939
}

.filterboard label {
    font-weight: bold
}

.form-check-label {
    font-weight: unset !important
}

.index-slider {
    height: 320px;
    overflow: hidden;
    background-image: linear-gradient(to right, #0f2027, #162c35, #1d3944, #244654, #2c5364)
}

.z-1039 {
    z-index: 1039
}

.z-1040 {
    z-index: 1040
}

.g-custom-1 {
    --bs-gutter-x: .5rem !important;
    --bs-gutter-y: 0 !important
}

#mainmenu,
#searchbox {
    height: 70%
}

.cursor-hand {
    cursor: pointer
}

.marketplaceproductcard:hover {
    background-color: #f8f9fa
}

@media(max-width: 768px) {

    #mainmenu,
    #searchbox {
        height: 100vh !important
    }

    .index-slider {
        height: 240px
    }

    .d-w-30px {
        width: 30px !important
    }

    .fixed-bottom-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100% !important;
        z-index: 1030
    }

    .marketplaceproductcard {
        border: unset !important;
        border-bottom: 2px solid #dee2e6 !important;
        border-radius: unset !important
    }
}

.avatar-circle-small {
    width: 120px !important;
    height: 120px !important
}

.mynav-pills .nav-link.active {
    border-bottom: #141b34 2px solid !important;
    border-radius: 0 !important;
    background-color: unset !important
}

.mynav-pills .nav-link.active p {
    color: #141b34 !important
}

.mysecond-nav-pills .nav-link {
    border: 1px solid #f8f9fa
}

.mysecond-nav-pills .nav-link.active {
    border: #eee 1px solid !important;
    background-color: #fff !important;
    color: #0d6714 !important
}

.w-45px {
    width: 45px
}

.w-20px {
    width: 20px
}

.box-140 {
    width: 140px;
    height: 140px
}

.fs-09 {
    font-size: .9rem !important
}

.scrollablecontext {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow-x: scroll;
    padding: 0;
    scroll-padding-left: 1rem;
    scroll-snap-type: x mandatory;
    /*scrollbar-width:none*/
}

.rounded-4 {
    border-radius: 1rem !important
}

.text-clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    line-height: 1.5em
}

.clamp-1 {
    -webkit-line-clamp: 1;
    max-height: 1.5em;
    min-height: 1.5em
}

.clamp-2 {
    -webkit-line-clamp: 2;
    max-height: 3em;
    min-height: 3em
}

.clamp-3 {
    -webkit-line-clamp: 3;
    max-height: 4.5em;
    min-height: 4.5em
}

.border-dashed {
    border-style: dashed !important
}

.p-2-5 {
    padding: .75rem
}

.p-1-5 {
    padding: .15rem
}

.bg-light-xgreen {
    background-color: #f2fff1
}

.text-xdark {
    color: #141b34 !important
}

.bg-xdark {
    background-color: #141b34 !important
}

.yekan-wraper {
    line-height: .9 !important;
    padding-top: 2px !important
}

.icon-wraper {
    line-height: 1.4 !important
}

.complete .circle::after {
    margin-top: 8px
}

.shopping-bg {
    background-image: url("../images/shopping/shopping-bg.webp");
    background-size: cover;
    background-position: center
}

.btn-light:hover {
    background-color: #ebedf0 !important
}

.bg-hover-light:hover {
    background-color: #f8f9fa !important
}

.text-xgreen {
    color: #14f018 !important
}

.bg-xgreen {
    background-color: #14f018 !important
}

.bg-xgreen-light {
    background-color: #e8ffe6 !important
}

.border-xgreen {
    border-color: #14f018 !important
}

.btn-xgreen {
    color: #fff;
    background-color: #14f018 !important;
    border-color: #14f018 !important
}

.btn-xgreen:hover {
    color: #fff;
    background-color: #12d716 !important;
    border-color: #11c214 !important
}

.btn-xgreen:focus,
.btn-xgreen.focus {
    box-shadow: 0 0 0 .25rem rgba(20, 240, 24, .5) !important
}

.btn-outline-xgreen {
    color: #14f018 !important;
    border-color: #14f018 !important
}

.btn-outline-xgreen:hover {
    background-color: #14f018 !important;
    color: #fff !important;
    border-color: #14f018 !important
}

.btn-outline-xgreen:focus,
.btn-outline-xgreen.focus {
    box-shadow: 0 0 0 .25rem rgba(20, 240, 24, .5) !important
}

.form-control:focus,
.form-select:focus {
    border-color: #14f018 !important;
    box-shadow: 0 0 0 .25rem rgba(20, 240, 24, .25) !important
}

.form-check-input:checked {
    background-color: #14f018 !important;
    border-color: #14f018 !important
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(20, 240, 24, .25) !important
}

.form-range::-webkit-slider-thumb {
    background-color: #14f018 !important
}

.form-range::-moz-range-thumb {
    background-color: #14f018 !important
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 .25rem rgba(20, 240, 24, .25) !important
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 .25rem rgba(20, 240, 24, .25) !important
}

.alert-xgreen {
    color: #0e8011 !important;
    background-color: #d7fdd9 !important;
    border-color: #baf7be !important
}

.progress-bar-xgreen {
    background-color: #14f018 !important
}

.link-xgreen {
    color: #14f018 !important
}

.link-xgreen:hover {
    color: #0fb815 !important
}

.badge-xgreen {
    background-color: #14f018 !important;
    color: #fff !important
}

.bg-hover-xgreen:hover {
    background-color: #e8ffe6 !important
}

.border-hover-xgreen:hover {
    border-color: #03ad0b !important
}