* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-feature-settings: none;
    -moz-font-feature-settings: none;
    font-feature-settings: none;
    -webkit-font-variant-ligatures: none;
    -moz-font-variant-ligatures: none;
    font-variant-ligatures: none
}

body, html {
    font-size: 16px;
    line-height: 1
}

body {
    direction: rtl;
    outline: 0;
    overflow-x: hidden
}

body, ul {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

a, a:active, a:visited {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

button, input, select, textarea {
    background-color: rgba(0,0,0,0);
    border: none;
    margin: 0;
    outline: none;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    all: unset
}

p {
    margin: 0;
    padding: 0
}

                            /*.fade-enter-active, .fade-leave-active {
                                -moz-transition: opacity .3s;
                                transition: opacity .3s
                            }

                            .fade-enter, .fade-leave-to {
                                opacity: 0
                            }

                            .large-button-enter-active, .large-button-leave-active {
                                -moz-animation: buttonAnimation .3s;
                                animation: buttonAnimation .3s
                            }

                            .large-button-enter, .large-button-leave-to {
                                display: none !important
                            }

                            .small-button-enter-active, .small-button-leave-active {
                                animation: buttonAnimation .3s reverse
                            }

                            .small-button-enter, .small-button-leave-to {
                                display: none !important
                            }*/

                            /*@-moz-keyframes skeletonAnimation {
                                to {
                                    -moz-transform: translateX(-100%);
                                    transform: translateX(-100%)
                                }
                            }

                            @keyframes skeletonAnimation {
                                to {
                                    -moz-transform: translateX(-100%);
                                    transform: translateX(-100%)
                                }
                            }

                            @-moz-keyframes buttonAnimation {
                                0% {
                                    border-radius: 50%;
                                    padding: 0;
                                    width: 56px
                                }

                                10% {
                                    border-radius: 16px;
                                    padding: 12px 16px
                                }

                                99% {
                                    border-radius: 16px;
                                    padding: 12px 16px;
                                    width: 150px
                                }

                                to {
                                    border-radius: 16px;
                                    padding: 12px 16px;
                                    width: -moz-fit-content;
                                    width: fit-content
                                }
                            }

                            @keyframes buttonAnimation {
                                0% {
                                    border-radius: 50%;
                                    padding: 0;
                                    width: 56px
                                }

                                10% {
                                    border-radius: 16px;
                                    padding: 12px 16px
                                }

                                99% {
                                    border-radius: 16px;
                                    padding: 12px 16px;
                                    width: 150px
                                }

                                to {
                                    border-radius: 16px;
                                    padding: 12px 16px;
                                    width: -webkit-fit-content;
                                    width: -moz-fit-content;
                                    width: fit-content
                                }
                            }

                            @-moz-keyframes heartbeat-light {
                                0% {
                                    background-color: #ebebeb
                                }

                                25% {
                                    background-color: #f5f5f5
                                }

                                40% {
                                    background-color: #ebebeb
                                }

                                60% {
                                    background-color: #f5f5f5
                                }

                                to {
                                    background-color: #ebebeb
                                }
                            }

                            @keyframes heartbeat-light {
                                0% {
                                    background-color: #ebebeb
                                }

                                25% {
                                    background-color: #f5f5f5
                                }

                                40% {
                                    background-color: #ebebeb
                                }

                                60% {
                                    background-color: #f5f5f5
                                }

                                to {
                                    background-color: #ebebeb
                                }
                            }

                            @-moz-keyframes heartbeat-light-opac {
                                0% {
                                    opacity: 1
                                }

                                25% {
                                    opacity: .3
                                }

                                40% {
                                    opacity: 1
                                }

                                60% {
                                    opacity: .3
                                }

                                to {
                                    opacity: .3
                                }
                            }

                            @keyframes heartbeat-light-opac {
                                0% {
                                    opacity: 1
                                }

                                25% {
                                    opacity: .3
                                }

                                40% {
                                    opacity: 1
                                }

                                60% {
                                    opacity: .3
                                }

                                to {
                                    opacity: .3
                                }
                            }

                            @-moz-keyframes heartbeat-light-once {
                                0% {
                                    background-color: #fff
                                }

                                50% {
                                    background-color: #ebebeb
                                }

                                to {
                                    background-color: #ebebeb
                                }
                            }

                            @keyframes heartbeat-light-once {
                                0% {
                                    background-color: #fff
                                }

                                50% {
                                    background-color: #ebebeb
                                }

                                to {
                                    background-color: #ebebeb
                                }
                            }

                            @-moz-keyframes blink1 {
                                0%,50%,to {
                                    opacity: 1
                                }

                                25%,75% {
                                    opacity: 0
                                }
                            }

                            @keyframes blink1 {
                                0%,50%,to {
                                    opacity: 1
                                }

                                25%,75% {
                                    opacity: 0
                                }
                            }

                            @-moz-keyframes blinkBG1 {
                                0%,to {
                                    background-color: #fff
                                }

                                25%,75% {
                                    background-color: #f5f5f5
                                }

                                50% {
                                    background-color: #ebebeb
                                }
                            }

                            @keyframes blinkBG1 {
                                0%,to {
                                    background-color: #fff
                                }

                                25%,75% {
                                    background-color: #f5f5f5
                                }

                                50% {
                                    background-color: #ebebeb
                                }
                            }

                            @-moz-keyframes heartbeat {
                                0% {
                                    fill: #a8a8a8
                                }

                                25% {
                                    fill: #f0f0f0
                                }

                                40% {
                                    fill: #a8a8a8
                                }

                                60% {
                                    fill: #f0f0f0
                                }

                                to {
                                    fill: #a8a8a8
                                }
                            }

                            @keyframes heartbeat {
                                0% {
                                    fill: #a8a8a8
                                }

                                25% {
                                    fill: #f0f0f0
                                }

                                40% {
                                    fill: #a8a8a8
                                }

                                60% {
                                    fill: #f0f0f0
                                }

                                to {
                                    fill: #a8a8a8
                                }
                            }

                            @-moz-keyframes loading-overlay-opac {
                                50% {
                                    opacity: .8
                                }

                                25%,75% {
                                    opacity: .3
                                }

                                0%,to {
                                    opacity: .1
                                }
                            }

                            @keyframes loading-overlay-opac {
                                50% {
                                    opacity: .8
                                }

                                25%,75% {
                                    opacity: .3
                                }

                                0%,to {
                                    opacity: .1
                                }
                            }

                            @-moz-keyframes rotating {
                                0% {
                                    -moz-transform: rotate(0deg);
                                    transform: rotate(0deg)
                                }

                                to {
                                    -moz-transform: rotate(-1turn);
                                    transform: rotate(-1turn)
                                }
                            }

                            @keyframes rotating {
                                0% {
                                    -moz-transform: rotate(0deg);
                                    transform: rotate(0deg)
                                }

                                to {
                                    -moz-transform: rotate(-1turn);
                                    transform: rotate(-1turn)
                                }
                            }*/

/*.rotating {
    -moz-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.shayan-filter-inactive {
    cursor: progress
}

    .shayan-filter-inactive * {
        pointer-events: none !important
    }

.shayan-filter-item-mobile__submit-button {
    display: -moz-box;
    display: flex;
    height: 3.5rem;
    text-align: center;
    width: 100%;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #befa00;
    margin-top: 2rem
}

    .shayan-filter-item-mobile__submit-button:hover {
        background-color: #afe600
    }

    .shayan-filter-item-mobile__submit-button:focus {
        background-color: #a0d200
    }

@media(max-width: 983px)and (orientation:landscape) {
    .shayan-filter-item-mobile__submit-button {
        height: 2.5rem;
        margin-top: 1rem
    }
}

.shayan-filter-item-mobile__submit-button span {
    color: #1f1f1e;
    display: block;
    font-size: 15px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem
}

@media(max-width: 983px)and (orientation:landscape) {
    .shayan-filter-item-mobile__submit-button span {
        font-size: 13px
    }
}

.shayan-filter-item-mobile__backdrop {
    background-color: rgba(0,0,0,.5);
    height: 100vh;
    height: -moz-calc((var(--vh,1vh)*1)*100);
    height: calc((var(--vh, 1vh)*1)*100);
    height: -moz-calc((var(--minvh,1vh)*1)*100);
    height: calc((var(--minvh, 1vh)*1)*100);
    height: 100dvh;
    position: fixed;
    right: 0;
    top: 111px;
    width: 100%;
    z-index: 2
}

.shayan-filter-item-mobile__content-wrapper {
    background-color: #fff;
    display: -moz-box;
    display: flex;
    max-height: -moz-calc(100vh - 48px - 6.5rem);
    max-height: calc(100vh - 48px - 6.5rem);
    max-height: -moz-calc((var(--vh,1vh)*1)*100 - 48px - 6.5rem);
    max-height: calc((var(--vh, 1vh)*1)*100 - 48px - 6.5rem);
    max-height: -moz-calc((var(--minvh,1vh)*1)*100 - 48px - 6.5rem);
    max-height: calc((var(--minvh, 1vh)*1)*100 - 48px - 6.5rem);
    max-height: -moz-calc(100dvh - 48px - 6.5rem);
    max-height: calc(100dvh - 48px - 6.5rem);
    padding: 1.5rem;
    position: fixed;
    right: 0;
    top: 6.5rem;
    width: 100%;
    z-index: 3;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media(max-width: 983px)and (orientation:landscape) {
    .shayan-filter-item-mobile__content-wrapper {
        max-height: -moz-calc(100vh - 6.5rem);
        max-height: calc(100vh - 6.5rem);
        max-height: -moz-calc((var(--vh,1vh)*1)*100 - 6.5rem);
        max-height: calc((var(--vh, 1vh)*1)*100 - 6.5rem);
        max-height: -moz-calc((var(--minvh,1vh)*1)*100 - 6.5rem);
        max-height: calc((var(--minvh, 1vh)*1)*100 - 6.5rem);
        max-height: -moz-calc(100dvh - 6.5rem);
        max-height: calc(100dvh - 6.5rem);
        overflow: scroll;
        padding-bottom: .5rem;
        padding-top: .5rem
    }
}

.shayan-filter-item-mobile__wrapper {
    -moz-box-ordinal-group: 0;
    order: -1
}*/

                            /*:root {
                                --light0: #fff;
                                --light1: #f5f5f5;
                                --light2: #ebebeb;
                                --light3: #c9c9c9;
                                --light4: #a8a8a8;
                                --light5: #939491;
                                --light6: #787775;
                                --light7: #60615f;
                                --light8: #494a48;
                                --light9: #333331;
                                --light10: #1f1f1e;
                                --surface: #f9f9fb;
                                --dark-surface: #272d3f;
                                --accent: #befa00;
                                --accent-hover: #afe600;
                                --accent-focus: #a0d200;
                                --accent-washed: #f4fcd9;
                                --red: #ef6060;
                                --accent-red: #cd204a;
                                --transparent-red: rgba(239,96,96,.06);
                                --redOpac-04: rgba(239,96,96,.04);
                                --pale-blue: #24baff;
                                --blue: #3e1ffa;
                                --blue-opacity-04: rgba(3,54,255,.04);
                                --blue-opacity-12: rgba(3,54,255,.12);
                                --dark-blue: #3e1ffa;
                                --transparent-blue: rgba(37,64,193,.04);
                                --transparent-pale-blue: rgba(36,186,255,.08);
                                --yellow: #fcc949;
                                --orange: #f90;
                                --transparent-yellow: rgba(252,201,73,.14);
                                --green: #338e5a;
                                --transparent-green: rgba(51,142,90,.08);
                                --khaki: #bd9300;
                                --transparent-khaki: rgba(252,201,73,.141)
                            }

                            html {
                                background-color: #fff;
                                min-height: 100%;
                                --vh: 1vh;
                                --minvh: 1vh
                            }

                            @media(max-width: 983px) {
                                @supports(-webkit-touch-callout:none) {
                                    html {
                                        height: -moz-available;
                                        height: stretch;
                                        height: -webkit-fill-available
                                    }
                                }
                            }

                            @supports(height: 100dvh) {
                                html {
                                    --vh: 1dvh;
                                    --minvh: 1svh
                                }
                            }*/

                            /*#__layout, #__nuxt, .shayan-wrapper, body, html {
                                display: -moz-box;
                                display: flex;
                                -moz-box-orient: vertical;
                                -moz-box-direction: normal;
                                flex-direction: column;
                                -moz-box-flex: 1;
                                flex-grow: 1
                            }

                            @media(max-width: 983px) {
                                @supports(-webkit-touch-callout:none) {
                                    #__layout, #__nuxt, .shayan-wrapper, body, html {
                                        height: -moz-available;
                                        height: stretch;
                                        height: -webkit-fill-available
                                    }
                                }
                            }*/

.dir-ltr {
    direction: ltr
}

/*.d-inline-block {
    display: inline-block
}

.shayan-wrapper {
    background-color: #fff
}

    .shayan-wrapper .main-wrapper {
        -moz-box-flex: 1;
        background-color: #fff;
        flex-grow: 1
    }

    .shayan-wrapper .shayan-footer {
        align-self: flex-end;
        background-color: #fff
    }

.shayan-gutter-scroll {
    scrollbar-gutter: stable
}

.shayan-container {
    margin: 0 auto;
    max-width: 90rem;
    width: 100%
}

.shayan-container-padded {
    padding: 0 1rem
}

@media(min-width: 600px)and (max-width:1439px) {
    .shayan-container-padded {
        padding: 0 1.5rem
    }
}

@media(min-width: 1440px) {
    .shayan-container-padded {
        padding: 0 3rem
    }
}*/

                            /*body, button, input, select, textarea {
                                color: inherit;
                                font-family: "Peyda",Arial,Helvetica,sans-serif
                            }*/

/*.shayan--noscroll {
    overflow-y: hidden !important
}

.modal--opened {
    left: 0;
    position: fixed;
    right: 0
}

.shayan-icon-chechbox_checked_colored-filled-bold {
    display: table;
    position: relative
}

    .shayan-icon-chechbox_checked_colored-filled-bold i:last-of-type {
        position: absolute;
        right: 0
    }*/

.bg-red {
    background-color: #ef6060
}

.bg-darkblue {
    background-color: #3e1ffa
}

.bg-yellow {
    background-color: #fcc949
}

.bg-green {
    background-color: #338e5a
}

.bg-light10 {
    background-color: #1f1f1e
}

.shayan-icon-white {
    color: #fff
}

.shayan-icon-blue {
    color: #3e1ffa
}

.shayan-icon-accent {
    color: #befa00
}

.shayan-icon-green {
    color: #338e5a
}

.shayan-icon-red {
    color: #ef6060
}

.shayan-icon-black {
    color: #000
}

.shayan-icon-yellow {
    color: #fcc949
}

.shayan-icon-badge {
    position: relative
}

    .shayan-icon-badge svg {
        left: 0;
        position: absolute;
        width: 1.5rem
    }

@media(max-width: 320px) {
    .hidden-xxsmall {
        display: none !important
    }
}

@media(min-width: 321px) {
    .visible-xxsmall {
        display: none !important
    }
}

@media(max-height: 599px) {
    .hidden-xxheight {
        display: none !important
    }
}

@media(min-height: 600px) {
    .visible-xxheight {
        display: none !important
    }
}

@media(max-width: 983px) {
    .hidden-small {
        display: none !important
    }
}

@media(min-width: 984px) {
    .visible-small {
        display: none !important
    }
}

/*.profile-empty-section {
    text-align: center;
    width: 100%
}

    .profile-empty-section img {
        aspect-ratio: 636/483;
        height: auto;
        margin-bottom: 1rem;
        padding: 0 1rem;
        width: 100%
    }

    .profile-empty-section P {
        color: #a8a8a8;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center
    }

        .profile-empty-section P:last-of-type {
            margin-bottom: 1.5rem
        }

        .chips-bar, .profile-empty-section P:not(:first-of-type) {
            padding: 0 1rem
        }

.chips-bar {
    display: -moz-box;
    display: flex;
    height: 2rem;
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .chips-bar::-webkit-scrollbar {
        display: none
    }

    .chips-bar ::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .chips-bar > * {
        margin-left: .6rem
    }

.input-has-error {
    background: rgba(239,96,96,.04) !important;
    border: 1px solid #ef6060 !important;
    color: #ef6060 !important
}

    .input-has-error::-webkit-input-placeholder {
        color: #ef6060 !important;
        opacity: 1
    }

    .input-has-error::-moz-placeholder {
        color: #ef6060 !important;
        opacity: 1
    }

    .input-has-error:-ms-input-placeholder {
        opacity: 1
    }

    .input-has-error::-ms-input-placeholder {
        opacity: 1
    }

    .input-has-error::placeholder {
        color: #ef6060 !important;
        opacity: 1
    }

    .input-has-error:-ms-input-placeholder {
        color: #ef6060 !important
    }

    .input-has-error::-ms-input-placeholder {
        color: #ef6060 !important
    }

.input-error-text {
    color: #ef6060;
    font-size: 12px;
    margin-bottom: .8rem
}

.brand-1-bg {
    background-color: #2540c1
}

.brand-1-border {
    border-color: #2540c1
}

.brand-1-color {
    color: #2540c1
}

.brand-1-fill {
    fill: #2540c1
}

.brand-1-stroke {
    stroke: #2540c1
}

.brand-2-bg {
    background-color: #ef6060
}

.brand-2-border {
    border-color: #ef6060
}

.brand-2-color {
    color: #ef6060
}

.brand-2-fill {
    fill: #ef6060
}

.brand-2-stroke {
    stroke: #ef6060
}

.brand-3-bg {
    background-color: #fcc949
}

.brand-3-border {
    border-color: #fcc949
}

.brand-3-color {
    color: #fcc949
}

.brand-3-fill {
    fill: #fcc949
}

.brand-3-stroke {
    stroke: #fcc949
}

.brand-4-bg {
    background-color: #81c6bd
}

.brand-4-border {
    border-color: #81c6bd
}

.brand-4-color {
    color: #81c6bd
}

.brand-4-fill {
    fill: #81c6bd
}

.brand-4-stroke {
    stroke: #81c6bd
}

.brand-5-bg {
    background-color: #6a4d99
}

.brand-5-border {
    border-color: #6a4d99
}

.brand-5-color {
    color: #6a4d99
}

.brand-5-fill {
    fill: #6a4d99
}

.brand-5-stroke {
    stroke: #6a4d99
}

.brand-6-bg {
    background-color: #132a6d
}

.brand-6-border {
    border-color: #132a6d
}

.brand-6-color {
    color: #132a6d
}

.brand-6-fill {
    fill: #132a6d
}

.brand-6-stroke {
    stroke: #132a6d
}

.brand-7-bg {
    background-color: #338e5a
}

.brand-7-border {
    border-color: #338e5a
}

.brand-7-color {
    color: #338e5a
}

.brand-7-fill {
    fill: #338e5a
}

.brand-7-stroke {
    stroke: #338e5a
}

.brand-8-bg {
    background-color: #da8343
}

.brand-8-border {
    border-color: #da8343
}

.brand-8-color {
    color: #da8343
}

.brand-8-fill {
    fill: #da8343
}

.brand-8-stroke {
    stroke: #da8343
}

.brand-9-bg {
    background-color: #7f756e
}

.brand-9-border {
    border-color: #7f756e
}

.brand-9-color {
    color: #7f756e
}

.brand-9-fill {
    fill: #7f756e
}

.brand-9-stroke {
    stroke: #7f756e
}

.brand-10-bg {
    background-color: #eadecc
}

.brand-10-border {
    border-color: #eadecc
}

.brand-10-color {
    color: #eadecc
}

.brand-10-fill {
    fill: #eadecc
}

.brand-10-stroke {
    stroke: #eadecc
}

.brand-11-bg {
    background-color: #144902
}

.brand-11-border {
    border-color: #144902
}

.brand-11-color {
    color: #144902
}

.brand-11-fill {
    fill: #144902
}

.brand-11-stroke {
    stroke: #144902
}

.brand-12-bg {
    background-color: #7b5036
}

.brand-12-border {
    border-color: #7b5036
}

.brand-12-color {
    color: #7b5036
}

.brand-12-fill {
    fill: #7b5036
}

.brand-12-stroke {
    stroke: #7b5036
}

.disable-arrow-input {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

    .disable-arrow-input::-webkit-inner-spin-button, .disable-arrow-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.hide-element {
    visibility: hidden
}

.slider-arrows.main-slider-arrows .splide__arrow {
    background: none;
    color: #fff;
    top: 91.5%
}

@media(max-width: 984px) {
    .slider-arrows.main-slider-arrows .splide__arrow {
        display: none
    }
}

.slider-arrows.main-slider-arrows .splide__arrow .icon, .slider-arrows.main-slider-arrows .splide__arrow svg {
    width: .7rem
}

.slider-arrows.main-slider-arrows .splide__arrow svg {
    fill: #fff
}

.slider-arrows.main-slider-arrows .splide__arrow--next {
    right: 240px
}

.slider-arrows.main-slider-arrows .splide__arrow--prev {
    right: 26px
}

.slider-arrows.knowledge-slider-arrows .splide__arrow {
    background: none;
    color: #fff
}

@media(max-width: 984px) {
    .slider-arrows.knowledge-slider-arrows .splide__arrow {
        display: none
    }
}

.slider-arrows.knowledge-slider-arrows .splide__arrow .icon, .slider-arrows.knowledge-slider-arrows .splide__arrow svg {
    width: .7rem
}

.slider-arrows.knowledge-slider-arrows .splide__arrow svg {
    fill: #fff
}

.slider-arrows.knowledge-slider-arrows .splide__arrow--next {
    left: 24px
}

.slider-arrows.knowledge-slider-arrows .splide__arrow--prev {
    right: 24px
}

.slider-arrows.story-slider-arrows .splide__arrow {
    top: 35%
}

@media(max-width: 984px) {
    .slider-arrows.story-slider-arrows .splide__arrow {
        top: 25%
    }
}

.slider-arrows.story-slider-arrows .splide__arrow svg {
    width: .7rem;
    fill: #fff
}

.slider-arrows .slider-arrow svg {
    height: auto;
    width: .7rem
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}*/

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        display: inline-block;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }

/*.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}*/

.splide {
    position: relative;
    visibility: hidden
}

    .splide.is-initialized, .splide.is-rendered {
        visibility: visible
    }

/*.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

    .splide__slide img {
        vertical-align: bottom
    }

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle
    .splide__toggle__play, .splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }*/

.splide--rtl {
    direction: rtl
}

/*.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

    .splide__arrow svg {
        fill: #000;
        height: 1.2em;
        width: 1.2em
    }

    .splide__arrow:hover:not(:disabled) {
        opacity: .9
    }

    .splide__arrow:disabled {
        opacity: .3
    }

    .splide__arrow:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide__arrow--prev {
    left: 1em
}

    .splide__arrow--prev svg {
        transform: scaleX(-1)
    }

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}*/

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

    .splide__pagination__page.active {
        background: #fff;
        transform: scale(1.4);
        z-index: 1
    }

    .splide__pagination__page:hover {
        cursor: pointer;
        opacity: .9
    }

    .splide__pagination__page:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

/*.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .splide__slide:focus {
        outline: 0
    }

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

    .splide__toggle:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

    .splide__track--nav > .splide__list > .splide__slide.is-active {
        border: 3px solid #000
    }

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

    .splide__arrows--rtl .splide__arrow--prev svg {
        transform: scaleX(1)
    }

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

    .splide__arrows--rtl .splide__arrow--next svg {
        transform: scaleX(-1)
    }

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

    .splide__arrows--ttb .splide__arrow--prev svg {
        transform: rotate(-90deg)
    }

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

    .splide__arrows--ttb .splide__arrow--next svg {
        transform: rotate(90deg)
    }

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base, .noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: flat;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -moz-transition: transform .3s,-moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-moz-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

    .noUi-horizontal .noUi-handle {
        height: 28px;
        right: -17px;
        top: -6px;
        width: 34px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        bottom: -17px;
        height: 34px;
        right: -6px;
        width: 28px
    }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    -moz-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    -moz-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.noUi-rtl .noUi-value-vertical {
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    bottom: 10px;
    left: auto;
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%)
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    right: 28px;
    top: auto;
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px)
}

header {
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    height: 56px;
    padding: 0 16px;
    top: 0;
    width: 100%;
    z-index: 5
}

@media(min-width: 985px) {
    header {
        height: 72px;
        padding: 0
    }
}

@media(max-width: 983px) {
    header.ad-list {
        height: 112px
    }
}

header.hzi {
    z-index: 6
}

.header-backwarded header {
    z-index: 0
}

header.sticky-header {
    position: -webkit-sticky;
    position: sticky
}

header.normal-bg {
    background: hsla(0,0%,100%,.85)
}

@media(min-width: 985px) {
    header.normal-bg {
        border-bottom: 1px solid #ebebeb
    }
}

.normal-bg-home header {
    background: #fff
}

@media(min-width: 985px) {
    .normal-bg-home header {
        border-bottom: 1px solid #fff
    }
}

.home-bg header {
    background: #f8f8f7
}

@media(min-width: 985px) {
    .home-bg header {
        border-bottom-color: #f8f8f7
    }
}

.header-chipbar.shayan-chip-holder {
    -webkit-backdrop-filter: initial;
    backdrop-filter: none;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    background-color: transparent;
    background-color: initial;
    -webkit-filter: initial;
    filter: none;
    margin-right: -1rem;
    padding: 0 1rem;
    position: static;
    top: auto;
    width: 100vw
}

.header-container {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
    max-width: 90rem;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    height: 100%
}

@media(min-width: 985px) {
    .header-container {
        padding: 0 3rem
    }
}

.header.ad-list .header-container {
    height: -moz-calc(100% - 56px);
    height: calc(100% - 56px)
}

.header-menu-section {
    grid-area: 1/1/2/2
}

@media(max-width: 983px) {
    .header-menu-section {
        height: 100%
    }
}

.logo-box {
    display: -moz-box;
    display: flex;
    grid-area: 1/2/2/3;
    -moz-box-align: center;
    align-items: center;
    justify-content: space-around
}

.home-bg .logo-box a {
    content-visibility: hidden;
    display: none;
    height: 0;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 0
}

.toolbar {
    display: -moz-box;
    display: flex;
    grid-area: 1/3/2/4;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
    -moz-box-align: center;
    align-items: center
}

@media(max-width: 983px) {
    .hamburger-button {
        align-content: flex-start;
        display: -moz-box;
        display: flex;
        height: 100%;
        width: 3rem;
        -moz-box-pack: start;
        justify-content: flex-start;
        place-content: flex-start;
        -moz-box-align: center;
        align-items: center;
        justify-items: center;
        place-items: center
    }
}

.hamburger-button svg {
    width: 1.5rem
}

@media(min-width: 985px) {
    .hamburger-button {
        display: none
    }
}

@media(min-width: 984px) {
    .main-menu-toggle {
        display: none
    }

    .main-menu-items {
        display: -moz-box;
        display: flex;
        height: 72px
    }

    .main-menu-items .child {
        display: none;
        position: absolute
    }

    .main-menu-items .parent {
        position: relative
    }

    .main-menu-items .parent:hover .child {
        display: -moz-box;
        display: flex
    }
}

@media(max-width: 983px) {
    .main-menu-items {
        padding: 24px 16px
    }

    .main-menu-items .parent {
        display: none
    }

    .main-menu-items.car .main-menu-item.car, .main-menu-items.motorcycle .main-menu-item.motorcycle, .main-menu-items.separate .main-menu-item.separate, .main-menu-items.truck .main-menu-item.truck {
        display: -moz-box;
        display: flex
    }

    .main-menu-item-text {
        display: none
    }
}

@media(min-width: 984px) {
    .mobile-menu-nav-toggle {
        display: none !important
    }
}

@media(max-width: 983px) {
    .mobile-menu-box:not(.main-menu.open .mobile-menu-box) {
        display: none
    }

    .main-menu.open .mobile-menu-box {
        background-color: #fff;
        display: -moz-box;
        display: flex;
        height: 100vh;
        height: -moz-calc((var(--vh,1vh)*1)*100);
        height: calc((var(--vh, 1vh)*1)*100);
        height: -moz-calc((var(--minvh,1vh)*1)*100);
        height: calc((var(--minvh, 1vh)*1)*100);
        height: 100dvh;
        max-height: 100vh;
        max-height: -moz-calc((var(--vh,1vh)*1)*100);
        max-height: calc((var(--vh, 1vh)*1)*100);
        max-height: -moz-calc((var(--minvh,1vh)*1)*100);
        max-height: calc((var(--minvh, 1vh)*1)*100);
        max-height: 100dvh;
        max-width: 264px;
        position: absolute;
        right: 0;
        top: 0;
        width: 80%;
        z-index: 10;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -moz-box-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 984px) {
    .mobile-menu-box-tools {
        display: none
    }
}

.mobile-menu-box-container {
    background: rgba(0,0,0,.72);
    height: 100vh;
    height: -moz-calc((var(--vh,1vh)*1)*100);
    height: calc((var(--vh, 1vh)*1)*100);
    height: -moz-calc((var(--minvh,1vh)*1)*100);
    height: calc((var(--minvh, 1vh)*1)*100);
    height: 100dvh;
    left: 0;
    max-height: 100vh;
    max-height: -moz-calc((var(--vh,1vh)*1)*100);
    max-height: calc((var(--vh, 1vh)*1)*100);
    max-height: -moz-calc((var(--minvh,1vh)*1)*100);
    max-height: calc((var(--minvh, 1vh)*1)*100);
    max-height: 100dvh;
    min-width: 100vw;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.separate-menu-toggle {
    color: #787775;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 16px
}

.separate-menu-toggle i {
    vertical-align: middle
}

.separate-menu-toggle i svg {
    vertical-align: middle;
    width: 1rem
}

@media(min-width: 984px) {
    .separate-menu-toggle {
        display: none
    }
}

.main-menu-item {
    cursor: pointer
}

@media(min-width: 984px) {
    .main-menu-item {
        color: #1f1f1e;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        padding: 24px 16px 0
    }

        .main-menu-item:hover {
            color: #1f1f1e
        }

            .main-menu-item:hover:before {
                background-color: #1f1f1e;
                bottom: 0;
                content: "";
                height: .125rem;
                width: 1.5rem
            }

            .main-menu-item:hover:before, .sub-menu-items {
                left: 0;
                margin-left: auto;
                margin-right: auto;
                position: absolute;
                right: 0
            }

    .sub-menu-items {
        background: #fff;
        border: 1px solid #ebebeb;
        display: -moz-box;
        display: flex;
        flex-wrap: nowrap;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        min-width: 236px;
        top: 72px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }
}

.sub-menu-big {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

@media(min-width: 984px) {
    .sub-menu-big {
        background: #ebebeb;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }
}

.sub-menu-smalls {
    display: none;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px
}

@media(min-width: 984px) {
    .sub-menu-smalls {
        background: #ebebeb;
        border-top: 8px solid #f5f5f5;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 0
    }
}

@media(min-width: 984px) {
    .sub-menu-smalls .items-icon {
        display: none
    }
}

.sub-menu-big .sub-menu-item, .sub-menu-smalls .sub-menu-item {
    display: block;
    margin-bottom: 16px
}

@media(max-width: 984px) {
    .sub-menu-big .sub-menu-item, .sub-menu-smalls .sub-menu-item {
        display: -moz-box;
        display: flex;
        margin-bottom: 16px;
        min-height: 32px;
        -moz-box-align: center;
        align-items: center
    }
}

@media(min-width: 984px) {
    .sub-menu-big, .sub-menu-smalls {
        padding: 8px
    }

    .sub-menu-big .sub-menu-item, .sub-menu-smalls .sub-menu-item {
        margin-bottom: 0;
        padding: 12px 16px
    }

        .sub-menu-big .sub-menu-item:hover, .sub-menu-smalls .sub-menu-item:hover {
            background: #f5f5f5
        }

    .separate {
        display: none
    }
}

.separate-menu-single {
    padding-top: 30px
}

    .separate-menu-single .items-icon {
        display: none
    }

.separate-menu-single .sub-menu-item {
    color: #1f1f1e;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

@media(max-width: 983px) {
    .mobile-menu-nav {
        height: 100vh;
        height: -moz-calc((var(--vh,1vh)*1)*100);
        height: calc((var(--vh, 1vh)*1)*100);
        height: -moz-calc((var(--minvh,1vh)*1)*100);
        height: calc((var(--minvh, 1vh)*1)*100);
        height: 100dvh;
        max-height: -moz-calc(100vh - 8.125rem);
        max-height: calc(100vh - 8.125rem);
        max-height: -moz-calc((var(--vh,1vh)*1)*100 - 8.125rem);
        max-height: calc((var(--vh, 1vh)*1)*100 - 8.125rem);
        max-height: -moz-calc((var(--minvh,1vh)*1)*100 - 8.125rem);
        max-height: calc((var(--minvh, 1vh)*1)*100 - 8.125rem);
        max-height: -moz-calc(100dvh - 8.125rem);
        max-height: calc(100dvh - 8.125rem);
        overflow-y: auto
    }

    .mobile-menu-nav-scroll {
        overflow-y: auto
    }
}

.mobile-menu-box-tools .mobile-menu-cta-section {
    bottom: 22px;
    display: -moz-box;
    display: flex;
    padding: 0 16px;
    position: absolute;
    width: 100%
}

.mobile-menu-box-tools .mobile-menu-cta-section a {
    background: #befa00;
    border-radius: 24px;
    color: #1f1f1e;
    display: -moz-box;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 16px;
    padding: 8px 16px;
    text-align: center;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.mobile-menu-box-tools .mobile-menu-cta-section a svg {
    margin-left: 3px;
    vertical-align: middle;
    width: 1.5rem
}

.mobile-menu-box-tools .mobile-menu-cta-section a span {
    font-size: 10px;
    margin-right: 2px
}

.close-menu {
    height: 3rem;
    left: 1rem;
    position: absolute;
    top: 1.5rem;
    width: 3rem;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    display: -moz-box;
    display: flex;
    justify-content: center
}

.close-menu svg {
    color: #fff;
    width: 1.5rem
}

@media(min-width: 984px) {
    .close-menu {
        display: none
    }
}

@media(max-width: 983px) {
    .desktop-header-submit-ad-button {
        background-color: #befa00;
        border-radius: 50%;
        display: -moz-box;
        display: flex;
        font-size: 1rem;
        height: 25px;
        width: 25px;
        -moz-box-pack: center;
        justify-content: center;
        -moz-box-align: center;
        align-items: center
    }

    .desktop-header-submit-ad-button svg {
        vertical-align: middle;
        width: 1rem
    }

    .desktop-header-submit-ad-button span {
        display: none
    }
}

@media(min-width: 984px) {
    .desktop-header-submit-ad-button {
        border: 1px solid #e5e6e4;
        border-radius: 3.125rem;
        display: -moz-box;
        display: flex;
        padding: 0 .5rem 0 1rem;
        -moz-box-align: center;
        align-items: center;
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        height: 3rem
    }

        .desktop-header-submit-ad-button:hover {
            background-color: #ebebeb
        }

        .desktop-header-submit-ad-button:focus {
            background-color: #d6d6d6
        }

    .desktop-header-submit-ad-button i {
        background-color: #befa00;
        border-radius: 50%;
        display: -moz-box;
        display: flex;
        height: 2rem;
        margin-left: .25rem;
        width: 2rem;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .desktop-header-submit-ad-button i svg {
        width: 1.5rem
    }

    .desktop-header-submit-ad-button span {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem
    }
}

@media(max-width: 983px) {
    .desktop-header-submit-ad-button-text {
        -webkit-box-align: center;
        grid-column-gap: .25rem;
        -moz-box-align: center;
        align-items: center;
        border: 1px solid #e5e6e4;
        border-radius: 1.75rem;
        -webkit-column-gap: .25rem;
        -moz-column-gap: .25rem;
        column-gap: .25rem;
        display: grid;
        grid-auto-flow: column;
        height: 2rem;
        margin-left: -8px;
        padding: 0 .25rem 0 .5rem
    }

    .desktop-header-submit-ad-button-text i {
        -moz-box-align: center;
        align-items: center;
        background-color: #befa00;
        display: -moz-box;
        display: flex;
        -moz-box-pack: center;
        border-radius: 50%;
        height: 1.5rem;
        justify-content: center;
        width: 1.5rem
    }

    .desktop-header-submit-ad-button-text i svg {
        width: 1rem
    }

    .desktop-header-submit-ad-button-text span {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5rem
    }
}

@media(min-width: 984px) {
    .desktop-header-submit-ad-button-text {
        -webkit-box-align: center;
        grid-column-gap: .25rem;
        -moz-box-align: center;
        align-items: center;
        border: 1px solid #e5e6e4;
        border-radius: 1.75rem;
        -webkit-column-gap: .25rem;
        -moz-column-gap: .25rem;
        column-gap: .25rem;
        display: grid;
        grid-auto-flow: column;
        height: 2rem;
        padding: 0 .25rem 0 .5rem
    }

    .desktop-header-submit-ad-button-text i {
        background-color: #befa00;
        border-radius: 50%;
        display: -moz-box;
        display: flex;
        height: 2rem;
        margin-left: .25rem;
        width: 2rem;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .desktop-header-submit-ad-button-text i svg {
        width: 1.5rem
    }

    .desktop-header-submit-ad-button-text span {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5rem
    }
}

.toolbar-item-holder {
    display: inline-block;
    padding: 0 8px
}

    .toolbar-item-holder:first-child {
        padding: 0 8px 0 0
    }

    .toolbar-item-holder:last-child {
        padding: 0 0 0 8px
    }

@media(min-width: 984px) {
    .toolbar-item-holder {
        padding: 0 12px
    }

        .toolbar-item-holder:first-child {
            padding: 0 12px 0 0
        }

        .toolbar-item-holder:last-child {
            padding: 0 0 0 12px
        }
}

.profile-button svg {
    vertical-align: middle;
    width: 1.5rem
}

.profile-button div {
    display: inline-block
}

@media(min-width: 984px) {
    .profile-button {
        display: none
    }
}

.profile-button-active {
    color: #3e1ffa
}

.scale-in-center {
    -moz-animation: scale-in-center-d88a8ab0 .3s cubic-bezier(.25,.46,.45,.94) both;
    animation: scale-in-center-d88a8ab0 .3s cubic-bezier(.25,.46,.45,.94) both
}

@-moz-keyframes scale-in-center-d88a8ab0 {
    0% {
        opacity: 1;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-in-center-d88a8ab0 {
    0% {
        opacity: 1;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.fade-in-right {
    -moz-animation: fade-in-right-d88a8ab0 .3s cubic-bezier(.39,.575,.565,1) both;
    animation: fade-in-right-d88a8ab0 .3s cubic-bezier(.39,.575,.565,1) both
}

@-moz-keyframes fade-in-right-d88a8ab0 {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fade-in-right-d88a8ab0 {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.notification-badge {
    background-color: #cd204a;
    border: 2px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    left: 70px;
    min-height: 12px;
    min-width: 21px;
    padding: 4px 4px 1px;
    position: absolute;
    text-align: center;
    top: 8px;
    white-space: normal
}

svg {
    shape-rendering: geometricprecision
}

.sub-menu-item-button {
    cursor: pointer;
    text-align: right;
    width: 100%
}

.items-icon {
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle
}

.items-icon svg {
    vertical-align: middle;
    width: 24px
}

.new-sub-item-link:after {
    background: #cd204a;
    border-radius: 9px;
    color: #fff;
    content: "جدید";
    font-size: 10px;
    line-height: 16px;
    margin-right: 3px;
    padding: 2px 4px;
    vertical-align: middle
}

@media(max-width: 983px) {
    .new-sub-item-link:after {
        font-size: 9px;
        line-height: 0;
        padding: 1px 3px
    }
}

.experimental-sub-item-link:after {
    background: #cd204a;
    border-radius: 9px;
    color: #fff;
    content: "آزمایشی";
    font-size: 10px;
    line-height: 16px;
    margin-right: 3px;
    padding: 2px 4px;
    vertical-align: middle
}

@media(max-width: 983px) {
    .experimental-sub-item-link:after {
        font-size: 9px;
        line-height: 0;
        padding: 1px 3px
    }
}

.shayan-logo {
    display: -moz-box;
    display: flex
}

.shayan-logo__svg {
    height: 64px;
    width: 64px
}

@media(max-width: 983px) {
    .shayan-logo__svg {
        height: auto;
        width: 38px
    }
}

.shayan-logo-large, .shayan-logo-small {
    align-content: center;
    display: -moz-box;
    display: flex;
    width: auto;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center
}

.shayan-logo-large__svg, .shayan-logo-small__svg {
    display: block;
    width: auto
}

.shayan-logo-small__svg {
    height: auto;
    width: 38px
}

.shayan-logo-large {
    margin-bottom: 1rem;
    width: 100%
}

.shayan-logo-large__svg {
    display: block;
    height: 4rem;
    width: auto
}

@media(min-width: 984px) {
    .shayan-logo-large__svg {
        height: auto;
        width: 116px
    }
}

.button-profile-section {
    position: relative
}

@media(max-width: 983px) {
    .button-profile-modal-section {
        background: rgba(0,0,0,.72);
        height: 100vh;
        height: -moz-calc((var(--vh,1vh)*1)*100);
        height: calc((var(--vh, 1vh)*1)*100);
        height: -moz-calc((var(--minvh,1vh)*1)*100);
        height: calc((var(--minvh, 1vh)*1)*100);
        height: 100dvh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 7
    }

    .button-profile-modal {
        background: #fff;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media(min-width: 984px) {
    .button-profile-modal {
        background: #fff;
        border: 1px solid #ebebeb;
        display: -moz-box;
        display: flex;
        flex-wrap: nowrap;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: -26px;
        top: 71px;
        width: 236px;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }
}

.button-profile {
    cursor: pointer;
    position: relative
}

@media(min-width: 984px) {
    .button-profile {
        padding: 24px 0
    }
}

.button-profile svg {
    vertical-align: middle
}

.button-profile-text {
    color: #1f1f1e;
    display: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.button-profile-text svg {
    width: 21px
}

@media(min-width: 984px) {
    .button-profile-text {
        display: inline-block
    }
}

.sub-menu-item {
    padding: 8px
}

.sub-menu-item-icon {
    background: #ebebeb;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.sub-menu-item-icon a {
    display: block;
    padding: 12px 16px
}

.sub-menu-item-icon a .items-icon {
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle
}

.sub-menu-item-icon a .items-icon .item-icon, .sub-menu-item-icon a .items-icon svg {
    aspect-ratio: 1/1;
    vertical-align: middle;
    width: 1.5rem
}

.sub-menu-item-noIcon {
    background: #ebebeb;
    border-top: 8px solid #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 16px 8px
}

.sub-menu-item-noIcon a {
    display: block;
    margin-bottom: 0;
    padding: 12px 16px
}

@media(min-width: 984px) {
    .sub-menu-item-icon a:hover, .sub-menu-item-noIcon a:hover {
        background: #f5f5f5
    }
}

.close-button {
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -60px
}

.close-button svg {
    width: 1.5rem
}

@media(min-width: 985px) {
    .close-button {
        display: none
    }
}

.logout-button {
    display: -moz-box;
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    padding: .25rem .5rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    -moz-box-pack: start;
    align-content: center;
    border-radius: .25rem;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    justify-content: start
}

    .logout-button:hover {
        cursor: pointer
    }

.logout-button svg {
    vertical-align: middle;
    width: 1.5rem
}

.auth-button {
    background: #befa00;
    border-radius: 24px;
    display: -moz-box !important;
    display: flex !important;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    align-self: stretch;
    gap: 4px;
    margin-left: 8px;
    margin-right: 8px
}

    .auth-button, .auth-button:hover {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px
    }

        .auth-button:hover {
            background: #befa00 !important;
            border-radius: 24px !important
        }

.auth-button svg {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
    width: 24px
}

.button-profile-icon {
    width: 24px
}

.notification-badge {
    background-color: #cd204a;
    border: 2px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    left: 122px;
    min-height: 12px;
    min-width: 21px;
    padding: 4px 4px 1px;
    position: absolute;
    text-align: center;
    top: 16px;
    white-space: normal
}

@media(max-width: 1365px) {
    .notification-badge {
        left: 94%
    }
}

@media(max-width: 983px) {
    .notification-badge {
        left: 16px;
        top: -8px
    }
}

.shayan-large-search {
    height: 40px;
    padding: 0 1rem;
    position: relative;
    width: 100%
}

@media(min-height: 600px) {
    .shayan-large-search {
        height: 48px
    }
}

.shayan-large-search__input {
    background-color: #fff;
    border-radius: 50px;
    color: #787775;
    display: -moz-box;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    text-align: right;
    width: 100%
}

@media(min-height: 600px) {
    .shayan-large-search__input {
        height: 48px;
        line-height: 48px
    }
}

.shayan-large-search__icon {
    color: #494a48;
    left: 2rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.shayan-small-search {
    align-content: center;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    height: 2.5rem;
    margin-left: -8px;
    padding: 8px;
    width: 2.5rem;
    -moz-box-pack: center;
    justify-content: center;
    place-content: center;
    -moz-box-align: center;
    align-items: center;
    justify-items: center;
    place-items: center
}

@media(min-width: 984px) {
    .shayan-small-search:hover {
        background: #f5f5f5;
        border-radius: 36px
    }
}

.shayan-small-search svg {
    width: 1.5rem
}

.fade-slide-enter-active, .fade-slide-leave-active {
    display: inline-block;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.fade-slide-leave-from {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fade-slide-leave-to {
    opacity: 0;
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
}*/

                                /*@-moz-keyframes title-animation-5d8db18b {
                                    0% {
                                        opacity: 0;
                                        -moz-transform: translateY(25%);
                                        transform: translateY(25%)
                                    }

                                    to {
                                        opacity: 1;
                                        -moz-transform: translateY(0);
                                        transform: translateY(0)
                                    }
                                }

                                @keyframes title-animation-5d8db18b {
                                    0% {
                                        opacity: 0;
                                        -moz-transform: translateY(25%);
                                        transform: translateY(25%)
                                    }

                                    to {
                                        opacity: 1;
                                        -moz-transform: translateY(0);
                                        transform: translateY(0)
                                    }
                                }*/

/*.placeholder-title {
    -moz-animation: title-animation-5d8db18b .5s ease-in-out;
    animation: title-animation-5d8db18b .5s ease-in-out;
    display: block;
    margin-right: 50px;
    position: absolute
}

.related-ads-wrapper {
    gap: 1rem;
    margin: 0 auto;
    max-width: 1032px;
    padding: 0 24px 24px
}

@media(max-width: 984px) {
    .related-ads-wrapper {
        padding: 24px 16px 24px 0
    }
}

.related-ads-wrapper.space-top {
    margin-top: 24px
}*/

@media(min-width: 984px) {
    .shayan-ad-detail-wrapper {
        display: grid;
        grid-template-areas: "right lefttop" "right leftbottom" "bottom bottom";
        grid-template-columns: 296px 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 3rem;
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin: 0 auto;
        max-width: 984px;
        width: 100%
    }

    /*.shayan-ad-detail-modal .shayan-ad-detail-wrapper {
        max-width: none;
        padding: 1.5rem;
        width: 100%
    }*/
}

@media(max-width: 983px) {
    .shayan-ad-detail-wrapper .slider-wrapper {
        /*aspect-ratio: 360/201;*/
        min-height: 55.8333333333vw
    }
}

@media(min-width: 984px) {
    .shayan-ad-detail-wrapper .slider-wrapper {
        grid-area: lefttop
    }

    .shayan-ad-detail-wrapper .info-wrapper {
        grid-area: right
    }

    .shayan-ad-detail-wrapper .info-wrapper .shayan-call-to-seller {
        margin-top: 1.5rem
    }
}

.shayan-ad-detail-wrapper .description-wrapper {
    grid-area: leftbottom
}

.shayan-ad-detail__spacer {
    background: #f4f5f2;
    height: .5rem;
    width: 100%
}

@media(min-width: 984px) {
    .shayan-ad-detail__spacer {
        height: 1px
    }
}

/*.shayan-ad-detail-side-content {
    flex-basis: 296px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 296px
}

@media(min-width: 984px) {
    .shayan-ad-detail-modal .shayan-ad-detail-side-content {
        position: -webkit-sticky;
        position: sticky;
        top: 1.5rem;
        z-index: 2
    }
}*/

.shayan-ad-detail-side-content__top-section {
    display: -moz-box;
    display: flex;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: 0 auto;
    padding: 1rem;
    width: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media(max-width: 983px) {
    .shayan-ad-detail-side-content__top-section > :not(:last-child) {
        margin-bottom: .5rem
    }
}

@media(min-width: 984px) {
    .shayan-ad-detail-side-content__top-section {
        margin: initial;
        padding: 0 0 1.5rem;
        row-gap: .5rem
    }
}

.shayan-ad-detail-side-content__top-section-part {
    display: -moz-box;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: start;
    align-items: start;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.shayan-ad-detail-side-content__top-section-part--align-top {
    align-self: flex-start
}

.shayan-ad-detail-side-content__top-section-part--align-bottom {
    align-self: flex-end
}

/*
.shayan-ad-detail-side-content__action-holder {
    display: -moz-box;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

.shayan-ad-detail-side-content__action-holder .shayan-save {
    margin-right: 24px
}

.shayan-ad-detail-side-content__button-holder {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%
}

@media(max-width: 983px) {
    .shayan-ad-detail-side-content__button-holder {
        bottom: 0;
        margin: 0;
        position: fixed;
        right: 0;
        z-index: 1
    }
}

.shayan-ad-detail-side-content__report-button {
    background-color: #0067f2;
    border: 1px solid #0067f2;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-top: 1rem;
    padding: 1rem 0;
    text-align: center;
    width: 100%
}

.shayan-ad-detail-side-content__report-button span {
    display: block;
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.shayan-ad-detail-side-content__report-button:hover {
    background-color: #1878f9
}

.shayan-ad-detail-left-content {
    flex-basis: 100%;
    width: 100%
}

@media(min-width: 984px) {
    .shayan-ad-detail-left-content {
        flex-basis: -moz-calc(100% - 21.5rem);
        flex-basis: calc(100% - 21.5rem);
        width: -moz-calc(100% - 21.5rem);
        width: calc(100% - 21.5rem)
    }
}

.shayan-ad-detail-left-content.space-top {
    margin-top: 24px
}

.related-ads-section {
    grid-area: bottom
}

.authenticity-wrapper {
    cursor: pointer;
    display: -moz-box;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    background-color: rgba(37,64,193,.04);
    border-radius: 4px;
    color: #3e1ffa;
    margin-top: 8px;
    padding: 8px;
    -moz-box-pack: justify;
    justify-content: space-between
}

.authenticity-wrapper__arrow {
    margin-left: 0 !important
}

.authenticity-wrapper svg {
    margin-left: 4px;
    vertical-align: middle;
    width: 1rem
}

.authenticity-wrapper span {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

@media(max-width: 983px) {
    .authenticity-wrapper {
        border-radius: 0;
        margin-bottom: 0
    }
}

.loadingButton {
    cursor: not-allowed !important
}

.loadingButton span, .loadingButton svg {
    color: #c9cac8 !important;
    display: inline-block
}

.authenticity-wrapper-section {
    width: 100%;
    -moz-box-flex: 1;
    display: -moz-box;
    display: flex;
    flex-grow: 1;
    margin: 0 auto;
    max-width: 640px;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media(max-width: 1365px) {
    .authenticity-wrapper-section {
        padding: 0 16px
    }
}

.authenticity-wrapper-section .back-button {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 12px
}

.authenticity-wrapper-section .back-button svg {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    width: 24px
}

.authenticity-wrapper-section-title-section {
    color: #1f1f1e
}

@media(max-width: 1365px) {
    .authenticity-wrapper-section-title-section {
        padding: 0 16px
    }
}

.authenticity-wrapper-section-title-section .back-button {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 12px
}

.authenticity-wrapper-section-title-section .back-button svg {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    width: 24px
}

.authenticity-wrapper-section-title-section .title {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 8px
}

.authenticity-wrapper-section-title-section .subtitle {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px
}

@media(min-width: 1365px) {
    .authenticity-wrapper-section-title-section .subtitle {
        font-size: 16px;
        line-height: 24px
    }
}

.back-button-mobile {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: end;
    align-items: flex-end;
    background: #ebebeb;
    border: 1px solid #939491;
    border-radius: 24px;
    bottom: 23px;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 4px;
    line-height: 20px;
    padding: 12px 24px;
    position: fixed;
    right: 20px
}

.back-button-mobile svg {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    width: 24px
}

.brand-solution-wrapper-adDetail {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 120px;
    max-height: 120px;
    padding: 24px 0;
    width: 100%
}

    .brand-solution-wrapper-adDetail img {
        height: 120px;
        max-height: 120px
    }

@media(max-width: 1365px) {
    .brand-solution-wrapper-adDetail {
        padding: 0
    }

    .brand-solution-wrapper-adDetail-border-bottom {
        border-bottom: 8px solid #f5f5f5
    }

    .brand-solution-wrapper-adDetail-border-top {
        border-top: 8px solid #f5f5f5
    }
}*/

.detail-car-inspection-button-wrapper {
    margin-bottom: 1.5rem
}

@media(max-width: 984px) {
    .detail-car-inspection-button-wrapper {
        padding: 16px
    }
}

.ad-detail-toolbar-wrapper {
    position: relative
}

.ad-detail-toolbar-wrapper .parking-reminder {
    left: 40px;
    top: -18px
}

@media(min-width: 984px) {
    .ad-detail-toolbar-wrapper .parking-reminder {
        left: 0;
        right: 90px
    }
}

.shayan-ad-detail-side-content__pre-sale {
    display: -moz-box;
    display: flex;
    gap: 4px;
    -moz-box-align: end;
    align-items: flex-end;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

/*

.pre-sale__title {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.shayan-bread-crumb-container {
    padding: 0 3rem
}

.shayan-bread-crumb-wrapper {
    display: -moz-box;
    display: flex;
    min-height: 3rem;
    -moz-box-align: center;
    align-items: center
}

.shayan-bread-crumb-wrapper, .shayan-bread-crumb-wrapper__nav-tag {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.shayan-bread-crumb-holder {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-right: .25rem;
    width: 100%
}

.shayan-bread-crumb-holder, .shayan-bread-crumb-holder__item {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.shayan-bread-crumb-holder__item {
    color: #1f1f1e;
    font-size: .875rem;
    font-weight: 400;
    height: 3rem;
    line-height: 1rem;
    position: relative
}

.shayan-bread-crumb-holder__item svg {
    color: #1f1f1e;
    line-height: 1.5rem;
    width: 1rem
}

.shayan-bread-crumb-holder__item > a {
    font-size: 14px;
    font-weight: 400;
    line-height: 3rem
}

.breadcrumb-skeleton {
    -moz-animation: heartbeat-light 2s infinite;
    animation: heartbeat-light 2s infinite;
    height: 2rem;
    max-width: min(25rem,100vw);
    width: 100%
}

@media(max-width: 983px) {
    .shayan-bread-crumb-holder {
        flex-wrap: nowrap;
        overflow: scroll
    }

    .shayan-bread-crumb-holder__item a {
        white-space: nowrap
    }
}

.light-item, .light-item svg {
    color: #fff
}

span {
    display: inline
}*/

.part {
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate
}

/*@media(orientation: landscape) {
    .ad-image__large {
        height: 100% !important;
        -o-object-fit: contain !important;
        object-fit: contain !important;
        width: 100% !important
    }
}*/

.shayan-carousel-wrapper {
    aspect-ratio: 360/201;
    height: auto;
    position: relative
}

@media(max-width: 983px) {
    .shayan-carousel-wrapper {
        max-width: 100vw
    }
}

.shayan-pagination {
    margin: 0 auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    width: 100%
}

/*.shayan-large-pagination, .shayan-pagination {
    background-color: rgba(0,0,0,.16);
    border-radius: 14px;
    padding: 6px 8px
}

.shayan-large-pagination {
    margin: 0 auto -3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}*/

.shayan-page {
    background-color: #fff;
    height: 4px;
    width: 4px
}

    .shayan-page.active {
        border-radius: 4px;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -moz-transition: width .3s ease;
        transition: width .3s ease;
        width: 16px
    }

/*.shayan-large-page {
    background-color: #fff;
    height: 8px;
    width: 8px
}

@media(max-width: 983px) {
    .shayan-large-page {
        height: 4px;
        width: 4px
    }
}

.shayan-large-page.is-active {
    border-radius: 8px;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: width .3s ease;
    transition: width .3s ease;
    width: 32px
}

@media(max-width: 983px) {
    .shayan-large-page.is-active {
        width: 16px
    }
}*/

.shayan-carousel-holder {
    height: auto;
    position: relative
}

@media(max-width: 983px) {
    .shayan-carousel-holder {
        max-width: 100vw
    }
}

/*.shayan-carousel-holder > .splide--nav > .splide__track > .splide__list > .splide__slide {
    border: none
}

    .shayan-carousel-holder > .splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
        border: none;
        opacity: 1
    }

.shayan-carousel-holder > .splide--nav > .splide__pagination > li > .splide__pagination__page > .is-active {
    width: 16px
}

.shayan-carousel-holder > .splide--rtl > .splide__arrows .shayan-carousel-holder__large-arrow {
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: 24px;
    opacity: 1;
    width: 24px;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

    .shayan-carousel-holder > .splide--rtl > .splide__arrows .shayan-carousel-holder__large-arrow svg {
        fill: #fff;
        width: 14px
    }

.shayan-carousel-holder > .splide--rtl > .splide__arrows .shayan-carousel-holder__large-arrow--prev {
    right: 0;
    -moz-box-pack: end;
    justify-content: flex-end
}

.shayan-carousel-holder > .splide--rtl > .splide__arrows .shayan-carousel-holder__large-arrow--next, .shayan-carousel-holder > .splide--rtl > .splide__arrows .shayan-carousel-holder__large-arrow--prev {
    height: 75vh;
    height: -moz-calc((var(--vh,1vh)*1)*75);
    height: calc((var(--vh, 1vh)*1)*75);
    height: -moz-calc((var(--minvh,1vh)*1)*75);
    height: calc((var(--minvh, 1vh)*1)*75);
    height: 75dvh;
    width: -moz-calc(12.5vw - 30px);
    width: calc(12.5vw - 30px);
    -moz-box-align: center;
    align-items: center
}

.shayan-carousel-holder > .splide--rtl > .splide__arrows .shayan-carousel-holder__large-arrow--next {
    left: 0;
    -moz-box-pack: start;
    justify-content: flex-start
}*/

.shayan-carousel-holder__image-counter {
    background-color: rgba(0,0,0,.16);
    bottom: .5rem;
    color: #fff;
    display: -moz-box;
    display: flex;
    left: .5rem;
    position: absolute;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    border-radius: .75rem;
    -webkit-column-gap: .125rem;
    -moz-column-gap: .125rem;
    column-gap: .125rem;
    height: 1.5rem;
    justify-content: center;
    padding: .25rem .25rem .25rem .5rem;
    width: 2.4375rem;
    z-index: 1
}

    .shayan-carousel-holder__image-counter svg {
        width: 1rem
    }

    .shayan-carousel-holder__image-counter span {
        align-self: flex-end;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5rem;
        line-height: .75rem
    }

.shayan-carousel-holder__image-preview {
    background-color: rgba(0,0,0,.16);
    bottom: .5rem;
    display: -moz-box;
    display: flex;
    position: absolute;
    right: .5rem;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    border-radius: 1rem;
    cursor: pointer;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
    z-index: 1
}

    .shayan-carousel-holder__image-preview svg {
        width: 1.5rem
    }

        .shayan-carousel-holder__image-preview svg path {
            fill: #fff !important
        }

/*.shayan-carousel-holder__image, .shayan-carousel-holder__large-image {
    display: block;
    width: 100%
}

.shayan-carousel-holder__image {
    aspect-ratio: 360/201;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    display: block;
    height: auto;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.shayan-carousel-holder__image--normal-cursor {
    cursor: default
}*/

.shayan-carousel-holder__image-holder {
    aspect-ratio: 360/201;
    overflow: hidden;
    position: relative
}

@media(max-width: 983px) {
    .shayan-carousel-holder__image-holder {
        min-height: 55.8333333333vw
    }
}

.shayan-carousel-holder__image-holder.single-image-holder {
    align-content: center;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    place-content: center;
    -moz-box-align: center;
    align-items: center;
    justify-items: center;
    place-items: center;
    width: 100%;
}

/*.shayan-carousel-holder__large-image {
    cursor: default;
    height: auto;
    width: 100%
}*/

/*.shayan-carousel-holder__main-arrow {
    background-color: rgba(0,0,0,.16);
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: 24px;
    opacity: 1;
    width: 24px;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}*/

    /*.shayan-carousel-holder__main-arrow svg {
        fill: #fff;
        width: 10px
    }*/

.shayan-carousel-holder__main-arrow span.carousel-control-prev-icon,
.shayan-carousel-holder__main-arrow span.carousel-control-next-icon {
    background-color: rgba(0,0,0,.16);
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: 24px;
    opacity: 1;
    width: 24px;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

/*.shayan-large-carousel {
    background-color: #000;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.shayan-large-carousel--invisible {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    visibility: hidden;
    width: 0;
    z-index: -1
}

.shayan-large-carousel__close-icon-holder {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding: 24px 56px 0;
    width: 100%
}

@media(max-width: 983px) {
    .shayan-large-carousel__close-icon-holder {
        height: 3.5rem;
        padding: 0 21px
    }
}

.shayan-large-carousel__close-icon {
    cursor: pointer;
    display: block;
    height: 24px;
    position: relative;
    width: 24px
}

    .shayan-large-carousel__close-icon:after, .shayan-large-carousel__close-icon:before {
        background-color: #fff;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: 12px;
        width: 24px
    }

    .shayan-large-carousel__close-icon:before {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .shayan-large-carousel__close-icon:after {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

@media(max-width: 983px) {
    .shayan-large-carousel__close-icon {
        z-index: 1
    }

        .shayan-large-carousel__close-icon:after, .shayan-large-carousel__close-icon:before {
            width: 16px
        }
}

.shayan-large-carousel__content-holder {
    margin: 3rem auto 0;
    width: 100%
}

@media(max-width: 983px) {
    .shayan-large-carousel__content-holder {
        display: -moz-box;
        display: flex;
        height: 85vh;
        height: -moz-calc((var(--vh,1vh)*1)*85);
        height: calc((var(--vh, 1vh)*1)*85);
        height: -moz-calc((var(--minvh,1vh)*1)*85);
        height: calc((var(--minvh, 1vh)*1)*85);
        height: 85dvh;
        -moz-box-align: center;
        align-items: center;
        margin: 0
    }
}

@media(min-width: 984px) {
    .shayan-large-carousel ul li {
        display: -moz-box;
        display: flex;
        -moz-box-align: center;
        align-items: center
    }

    .large-slider .splide__track {
        padding: 0 calc(50vw - 56.25vh + 1.6875rem - 30px) !important
    }
}

@media(max-width: 983px) {
    .large-slider .splide__slide {
        margin-left: 0;
        width: 100vw
    }
}

@media(min-width: 984px) {
    .large-slider .splide__slide {
        margin-left: 30px !important
    }
}

.large-slider .splide__slide img {
    height: auto
}

.large-slider .splide__slide, .main-slider .splide__slide {
    opacity: .5;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

    .large-slider .splide__slide:after, .main-slider .splide__slide:after {
        background: rgba(31,31,30,.3);
        bottom: 0;
        content: "";
        -webkit-filter: blur(5px);
        filter: blur(5px);
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s ease-in-out,-webkit-filter .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out,filter .3s ease-in-out;
        transition: opacity .3s ease-in-out,filter .3s ease-in-out;
        transition: opacity .3s ease-in-out,filter .3s ease-in-out,-webkit-filter .3s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .large-slider .splide__slide.is-active, .main-slider .splide__slide.is-active {
        opacity: 1
    }

    .large-slider .splide__slide:not(.is-active):hover, .main-slider .splide__slide:not(.is-active):hover {
        cursor: pointer;
        opacity: .9
    }

    .large-slider .splide__slide.is-loading:after, .main-slider .splide__slide.is-loading:after {
        opacity: 1
    }

.ad-image-slide, .main-slider {
    aspect-ratio: 360/201;
    width: 100%
}*/
.splide__pagination__page {
    background-color: #fff;
    height: .25rem;
    width: .25rem;
    top: -1px
}

    .splide__pagination__page.active {
        border-radius: .25rem;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -moz-transition: width .3s ease;
        transition: width .3s ease;
        width: 1rem
    }

.shayan-pagination {
    background-color: rgba(0,0,0,.16);
    border-radius: .875rem;
    margin: 0 auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: .375rem .5rem;
    width: 100%
}

/*.shayan-large-pagination {
    background-color: rgba(0,0,0,.16);
    border-radius: .875rem;
    margin: 0 auto -3rem;
    padding: .375rem .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.splide.no-js{
    visibility: visible
}

.story-slider-pagination.splide__pagination {
    bottom: 235px;
    left: auto;
    right: 48px;
    width: 250px
}

@media(max-width: 984px) {
    .story-slider-pagination.splide__pagination {
        display: none
    }
}

.story-slider-pagination.splide__pagination__page {
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

    .story-slider-pagination.splide__pagination__page.is-active {
        border-radius: 4px;
        height: 8px;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        width: 32px
    }

.splide__sr {
    display: none
}*/

/*.ad-image-slide {
    align-content: center;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    place-content: center;
    -moz-box-align: center;
    align-items: center;
    justify-items: center;
    place-items: center
}*/

img {
    color: hsla(0,0%,100%,0);
    display: block;
    font-size: 0;
    height: auto;
    outline: none;
    width: 100%
}

/*img.aspect-ratio {
    aspect-ratio: var(--aspect-ratio)
}*/

.shayan-ad-detail-title__section {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    max-width: -moz-calc(100% - 64px - 1rem);
    max-width: calc(100% - 64px - 1rem);
    row-gap: .5rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch
}

.shayan-ad-detail-title__title {
    color: #1f1f1e;
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shayan-ad-detail-title__subtitle-holder {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.shayan-ad-detail-title__subtitle {
    color: #1f1f1e;
    font-size: 1rem;
    font-weight: 700;
    font-weight: 400;
    line-height: 1.75rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shayan-ad-detail-title__subtitle-dot {
    background-color: #1f1f1e;
    border-radius: 50%;
    height: 2px;
    margin: 0 .5rem;
    width: 2px
}

.shayan-ad-detail-title__ad-time {
    color: #494a48;
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    padding-top: .25rem
}

.shayan-ad-detail-toolbar {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: -moz-box;
    display: flex
}

.shayan-ad-detail-toolbar button {
    height: 1.5rem;
    width: 1.5rem
}

.shayan-share {
    color: #494a48;
    cursor: pointer
}

    .shayan-share svg.icon {
        color: #494a48;
        cursor: pointer;
        width: 1.5rem
    }

.rounded-button {
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: 32px;
    width: 32px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    background-color: #befa00;
    cursor: pointer;
    justify-content: center
}

.rounded-button.bordered {
    border: 1px solid #ebebeb
}

.rounded-button.secondary {
    background-color: rgba(0,0,0,0)
}

    .rounded-button.secondary:hover {
        background-color: rgba(0,0,0,.06)
    }

    .rounded-button.secondary:focus {
        background-color: rgba(0,0,0,.12)
    }

.rounded-button:hover {
    background-color: #afe600
}

.rounded-button:focus {
    background-color: #a0d200
}

.rounded-button .button-icon, .rounded-button svg {
    aspect-ratio: 1/1;
    vertical-align: middle;
    width: 1.2rem
}

.rounded-button .dark {
    color: #1f1f1e
}

.rounded-button .light {
    color: #fff
}

.rounded-button .icon {
    width: 1rem
}

.shayan-save {
    color: #494a48;
    cursor: pointer
}

.shayan-save svg {
    width: 1.5rem
}

.shayan-save svg.icon {
    width: 1.5rem
}

/*.address-skeletoon {
    height: 24px;
    margin: initial;
    overflow: hidden;
    width: 50%
}*/

.address-text {
    align-self: center;
    color: #1f1f1e;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.address-holder {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: .25rem;
    -moz-box-align: center;
    align-items: center;
    height: 1rem;
    line-height: 1rem
}

.address-icon {
    align-self: center;
    width: 1rem
}

.shayan-ad-detail-price__price {
    display: -moz-box;
    display: flex;
    width: 100%;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
    -moz-box-align: center;
    align-items: center;
    color: #050502;
    font-size: 22px;
    font-weight: 700;
    height: 1rem;
    text-align: left
}

    .shayan-ad-detail-price__price:not(:last-of-type) {
        margin-bottom: 1rem
    }

@media(max-width: 983px) {
    .shayan-ad-detail-price__price {
        -moz-box-pack: center;
        justify-content: center
    }
}

.shayan-ad-detail-price__price-text {
    color: #1f1f1e;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    line-height: 1rem
}

.shayan-ad-detail-price__price-text--negotiable {
    font-size: .875rem
}

.shayan-ad-detail-price__price-text--installment {
    color: #1f1f1e;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    line-height: .875rem
}

.shayan-ad-detail-price__currency-icon {
    line-height: 1rem;
    width: 1.8rem
}

.shayan-ad-detail-price__currency-icon-installment {
    line-height: 1.2rem;
    width: 1.25rem
}

.shayan-ad-detail-price__installment-holder {
    row-gap: .75rem
}

.shayan-ad-detail-price__installment-holder, 
.shayan-ad-detail-price__installment-labled-price {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: end;
    align-items: flex-end
}

.shayan-ad-detail-price__installment-labled-price {
    row-gap: .37rem
}

.shayan-ad-detail-price__installment-count, 
.shayan-ad-detail-price__installment-delivery {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.shayan-ad-detail-price__label {
    font-size: .75rem;
    font-weight: 400;
    line-height: .75rem
}

.shayan-ad-detail__spacer {
    background-color: #f4f5f2;
    height: .5rem;
    width: 100%
}

@media(min-width: 984px) {
    .shayan-ad-detail__spacer {
        height: 1px
    }
}

.shayan-call-to-seller {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%
}

@media(max-width: 983px) {
    .shayan-call-to-seller {
        bottom: 0;
        left: 0;
        position: fixed;
        z-index: 1
    }

    /*.shayan-call-to-seller--open {
        z-index: 5
    }*/
}

.shayan-call-to-seller__button {
    display: -moz-box;
    display: flex;
    height: 48px;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    background-color: #52abb1;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    cursor: pointer;
    justify-content: center
}

    .shayan-call-to-seller__button:hover {
        background-color: #52abb1
    }

    .shayan-call-to-seller__button:focus {
        background-color: #52abb1
    }

@media(max-width: 983px) {
    .shayan-call-to-seller__button {
        border-radius: 28px;
        bottom: 1rem;
        left: 1rem;
        position: fixed;
        -moz-transition: bottom .3s ease-in-out;
        transition: bottom .3s ease-in-out;
        width: -moz-calc(100% - 2rem);
        width: calc(100% - 2rem);
        z-index: 2
    }

    .move-up .shayan-call-to-seller__button {
        bottom: 4.5rem
    }
}

@media(min-width: 984px) {
    .shayan-call-to-seller__button {
        border-radius: 50px
    }
}

.shayan-call-to-seller__button span {
    color: #1f1f1e;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #ffffff
}

.shayan-call-to-seller__button svg {
    color: #1f1f1e;
    width: 20px
}

/*.shayan-call-to-seller__backdrop {
    background-color: rgba(0,0,0,.65);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.shayan-call-to-seller__close {
    display: -moz-box;
    display: flex;
    height: 4rem;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transform: translateY(-4rem);
    -ms-transform: translateY(-4rem);
    transform: translateY(-4rem);
    width: 4rem;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    pointer-events: none
}

.shayan-call-to-seller__close svg {
    width: 2rem
}

.shayan-call-to-seller__numbers-holder {
    background-color: #fff;
    display: -moz-box;
    display: flex;
    padding: 1rem;
    position: relative;
    width: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    row-gap: .5rem;
    z-index: 3
}

@media(min-width: 984px) {
    .shayan-call-to-seller__numbers-holder {
        padding: 1.5rem 0
    }
}

@media(max-width: 983px) {
    .shayan-call-to-seller__numbers-holder {
        bottom: 0;
        position: fixed
    }
}

.shayan-call-to-seller__numbers-holder-title {
    display: -moz-box;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    height: 1.75rem;
    line-height: 1.5rem;
    line-height: 1.25rem;
    -moz-box-align: center;
    align-items: center
}

.shayan-call-to-seller__number {
    display: -moz-box;
    display: flex;
    width: 100%;
    -moz-box-pack: justify;
    height: 2.5rem;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

.shayan-call-to-seller__number-text {
    direction: ltr;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.shayan-call-to-seller__number-action {
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: -moz-box;
    display: flex;
    height: 2rem;
    line-height: 2rem;
    -moz-box-align: center;
    align-items: center;
    color: #3e1ffa;
    font-size: 1rem;
    font-weight: 700;
    font-weight: 400;
    line-height: 1.75rem
}

.shayan-call-to-seller__number-action-icon {
    width: 1rem
}

.shayan-call-to-seller__numbers {
    color: #000;
    font-size: 18px;
    font-weight: 400
}

.shayan-call-to-seller__numbers a:not(:last-of-type) {
    border-bottom: 1px solid #f4f5f2
}*/

.dealer-banner {
    display: block;
    padding: 1rem;
    width: 100%;
    text-decoration: none
}

@media(min-width: 984px) {
    .dealer-banner {
        display: -moz-box;
        display: flex;
        padding: 1.5rem 0;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        row-gap: 1rem
    }
}

.dealer-banner__header {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.dealer-banner__title {
    color: #1f1f1e;
    font-size: 1rem;
    font-weight: 700;
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dealer-banner__title-holder {
    display: -moz-box;
    display: flex;
    flex-basis: -moz-calc(100% - 3.5rem);
    flex-basis: calc(100% - 3.5rem);
    height: 2.5rem;
    max-width: -moz-calc(100% - 3.5rem);
    max-width: calc(100% - 3.5rem);
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.dealer-banner__sub-title {
    color: #1f1f1e;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    height: 1rem;
    line-height: 1.5rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dealer-banner__image-holder {
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: 2.5rem;
    overflow: hidden;
    width: 2.5rem;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

    .dealer-banner__image-holder img {
        border-radius: 50%;
        height: 100%;
        width: auto
    }

.dealer-banner__footer {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    color: #3e1ffa;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

    .dealer-banner__footer svg {
        width: 1rem
    }

/*.authed-user-small {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    background-color: rgba(51,142,90,.08);
    border-radius: 16px;
    color: #338e5a;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: .25rem .5rem
}

.authed-user-small span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.authed-user-small svg {
    vertical-align: middle;
    width: 1rem
}*/

.authed-user {
    display: -moz-box;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    background-color: rgba(51,142,90,.08);
    border-radius: 4px;
    color: #338e5a;
    margin-top: 1.5rem;
    padding: 8px;
    margin-bottom: 1.85rem;
}

.authed-user svg {
    margin-left: 4px;
    vertical-align: middle;
    width: 1rem
}

.authed-user span {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

@media(max-width: 983px) {
    .authed-user {
        border-radius: 0;
        margin-bottom: 0;
        margin-top: 0
    }
}

.shayan-vehicle-detail-with-icon {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-around;
    padding: 1rem;
    row-gap: 24px;
    width: 100%
}

@media(min-width: 984px) {
    .shayan-vehicle-detail-with-icon {
        padding: 2rem 0
    }
}

.shayan-vehicle-detail-with-icon__detail-holder {
    overflow: hidden;
    width: 33.3333333333%
}

.shayan-vehicle-detail-with-icon__detail-holder span {
    color: #939491;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    text-align: center;
    width: 100%
}

.shayan-vehicle-detail-with-icon__detail-holder p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center
}

.shayan-vehicle-detail-with-icon__detail-holder i {
    background: #f5f5f5;
    border-radius: 1.5rem;
    color: #1f1f1e;
    display: block;
    height: 2.5rem;
    margin: 0 auto;
    padding: .5rem;
    width: 2.5rem
}

.shayan-vehicle-detail-with-icon__detail-holder svg {
    color: #1f1f1e;
    width: 1.5rem
}

/*.shayan-vehicle-detail-skeletoon {
    display: -moz-box;
    display: flex;
    width: 100%;
    -moz-box-pack: space-evenly;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 1rem 0;
    row-gap: 1.5rem
}

.shayan-vehicle-detail-skeletoon__thin {
    background-color: #f0f0f0;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 43%
}

    .shayan-vehicle-detail-skeletoon__thin:before {
        -moz-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -moz-animation-name: skeletonAnimation;
        animation-name: skeletonAnimation;
        -moz-animation-timing-function: cubic-bezier(.37,0,.63,1);
        animation-timing-function: cubic-bezier(.37,0,.63,1);
        background: -moz-linear-gradient(right,#f0f0f0 0,#ddd 25%,#fafafa 30%,#f0f0f0 100%);
        background: linear-gradient(270deg,#f0f0f0 0,#ddd 25%,#fafafa 30%,#f0f0f0);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        width: 100%
    }*/

.car-inspection-button {
    cursor: pointer;
    display: -moz-box;
    display: flex;
    padding: 12px 16px;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    background: rgba(252,201,73,.14);
    justify-content: space-between
}

.car-inspection-button-title {
    color: #1f1f1e;
    display: -moz-inline-box;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    line-height: 24px;
    -moz-box-align: center;
    align-items: center
}

.car-inspection-button-icon {
    height: 24px;
    width: 24px
}

.description {
    display: -moz-box;
    display: flex;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 1rem;
    width: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    row-gap: 1rem
}

@media(min-width: 984px) {
    .description {
        padding: 1rem 0
    }
}

.header {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.header span {
    color: #1f1f1e;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

.desc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.desc p {
    color: #1f1f1e;
    font-size: 1rem;
    font-weight: 700;
    font-weight: 400;
    line-height: 1.75rem;
    line-height: 1.5rem;
    text-align: justify;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word
}

.shayan-vehicle-detail-with-link {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    row-gap: 2rem;
    width: 100%
}

@media(min-width: 984px) {
    .shayan-vehicle-detail-with-link {
        padding: 1rem 0
    }
}

.shayan-vehicle-detail-with-link__box {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%
}

.shayan-vehicle-detail-with-link__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

.shayan-vehicle-detail-with-link__rows {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem
}

@media(min-width: 984px) {
    .shayan-vehicle-detail-with-link__rows {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -moz-box-pack: justify;
        justify-content: space-between
    }
}

.shayan-vehicle-detail-with-link__row {
    color: #1f1f1e;
    display: -moz-box;
    display: flex;
    width: 50%;
    -moz-box-align: start;
    align-items: flex-start;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    row-gap: 1px
}

.shayan-vehicle-detail-with-link__row-title {
    font-size: .625rem;
    font-weight: 700;
    line-height: 1rem
}

.shayan-vehicle-detail-with-link__row-text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem
}

@media(min-width: 984px) {
    .shayan-vehicle-detail-with-link__row {
        width: auto
    }
}

.shayan-vehicle-detail-with-link__link {
    color: #3e1ffa;
    display: -moz-box;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    height: 1rem;
    line-height: 1.5rem;
    line-height: 1rem;
    width: 100%;
    -moz-box-align: center;
    align-items: center;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.shayan-vehicle-detail-with-link__link svg {
    width: 1rem
}

.shayan-ad-detail-report-wrapper {
    padding: 1rem
}

@media(min-width: 984px) {
    .shayan-ad-detail-report-wrapper {
        padding: 1rem 0
    }

    /*.shayan-ad-detail-modal .shayan-ad-detail-report-wrapper {
        padding-bottom: 1.5rem
    }*/
}

.shayan-ad-detail-report {
    display: -moz-box;
    display: flex;
    width: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    row-gap: .5rem
}

@media(min-width: 984px) {
    .shayan-ad-detail-report {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: justify;
        justify-content: space-between
    }
}

.shayan-ad-detail-report__text {
    color: #1f1f1e;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem
}

.shayan-ad-detail-report__text-info {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    row-gap: 1rem
}

@media(min-width: 984px) {
    .shayan-ad-detail-report__text-info {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        flex-direction: row;
        margin-left: .5rem;
        -moz-box-align: center;
        align-items: center
    }
}

.shayan-ad-detail-report__icon-holder {
    background-color: rgba(252,201,73,.14);
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    height: 2rem;
    width: 2rem;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.shayan-ad-detail-report__icon-holder svg {
    width: 1.5rem
}

.shayan-ad-detail-report__report-link {
    color: #3e1ffa;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: -moz-box;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    height: 2rem;
    line-height: 1.5rem;
    -moz-box-align: center;
    align-items: center
}

@media(min-width: 984px) {
    .shayan-ad-detail-report__report-link {
        opacity: 1;
        -moz-transition: opacity .2s;
        transition: opacity .2s
    }

        .shayan-ad-detail-report__report-link:hover {
            cursor: pointer;
            opacity: .8
        }

    .shayan-ad-detail-report__report-link {
        border: 1px solid #ebebeb;
        border-radius: 1.75rem;
        color: #1f1f1e;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: 0 1rem
    }
}

@media(min-width: 984px)and (min-width:984px) {
    .shayan-ad-detail-report__report-link:hover {
        background-color: #ebebeb;
        cursor: pointer
    }

    .shayan-ad-detail-report__report-link:focus {
        background-color: #d6d6d6
    }
}

.shayan-ad-detail-report__report-link-arrow {
    width: 1rem
}

.shayan-ad-detail-report-box-backdrop {
    background-color: rgba(0,0,0,.72);
    display: -moz-box;
    display: flex;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

/*.shayan-ad-detail-report-box {
    background-color: #fff;
    display: -moz-box;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 360px;
    padding: 1.5rem;
    width: 90%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.shayan-ad-detail-report-box__header {
    color: #1f1f1e;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    line-height: 1.5rem;
    margin-bottom: 2rem
}

.shayan-ad-detail-report-box__close-icon {
    cursor: pointer;
    height: 20px;
    position: relative;
    width: 20px
}

    .shayan-ad-detail-report-box__close-icon:after, .shayan-ad-detail-report-box__close-icon:before {
        background: #05bdb2;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: 10px;
        width: 20px
    }

    .shayan-ad-detail-report-box__close-icon:after {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .shayan-ad-detail-report-box__close-icon:before {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.shayan-ad-detail-report-box__category-holder {
    display: -moz-box;
    display: flex;
    -moz-box-pack: justify;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
    row-gap: 1rem
}

.shayan-ad-detail-report-box__footer {
    display: -moz-box;
    display: flex;
    -moz-box-pack: end;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: flex-end;
    margin-top: 2rem;
    width: 100%
}

.shayan-ad-detail-report-box__close-button, .shayan-ad-detail-report-box__main-button {
    border-radius: 1.75rem;
    height: 3rem;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0 1rem;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.shayan-ad-detail-report-box__close-button span, .shayan-ad-detail-report-box__main-button span {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0 .5rem
}

.shayan-ad-detail-report-box__close-button {
    border: 1px solid #ebebeb
}

@media(min-width: 984px) {
    .shayan-ad-detail-report-box__close-button:hover {
        background-color: #ebebeb;
        cursor: pointer
    }

    .shayan-ad-detail-report-box__close-button:focus {
        background-color: #d6d6d6
    }
}

.shayan-ad-detail-report-box__main-button {
    background-color: #befa00
}

@media(min-width: 984px) {
    .shayan-ad-detail-report-box__main-button:hover {
        background-color: #afe600;
        cursor: pointer
    }

    .shayan-ad-detail-report-box__main-button:focus {
        background-color: #a0d200
    }
}*/

                            /*@-moz-keyframes pulse-c08f3bbe {
                                0%,to {
                                    opacity: 1
                                }

                                50% {
                                    opacity: .5
                                }
                            }

                            @keyframes pulse-c08f3bbe {
                                0%,to {
                                    opacity: 1
                                }

                                50% {
                                    opacity: .5
                                }
                            }*/

/*.loading-cards {
    display: -moz-box;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.gap-24 .loading-cards {
    gap: 1.5rem
}

.gap-16 .loading-cards {
    gap: 1rem
}

.loading-cards-item {
    -moz-animation: pulse-c08f3bbe 2s cubic-bezier(.4,0,.6,1) infinite;
    animation: pulse-c08f3bbe 2s cubic-bezier(.4,0,.6,1) infinite;
    background-color: #f5f5f5;
    height: 296px;
    min-width: 288px
}

.not-found {
    color: #60615f;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 24px;
    text-align: center
}

.ads-row-slider {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.gap-24 .ads-row-slider {
    gap: 1.5rem
}

.gap-16 .ads-row-slider {
    gap: 1rem
}

.ads-row-head {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.ads-row-head-title {
    color: #1f1f1e;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

@media(max-width: 984px) {
    .ads-row-head-title {
        font-size: 16px;
        line-height: 24px
    }
}

.ads-row-slider-controls {
    display: -moz-inline-box;
    display: inline-flex;
    gap: 8px
}

.ads-row-slider-controls button {
    border-radius: 99px;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    height: 32px;
    width: 32px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    background: #f5f5f5;
    color: #1f1f1e;
    justify-content: center
}

.ads-row-slider-controls button .icon {
    height: 24px;
    width: 24px
}

.ads-row-overflow-wrapper {
    display: -moz-box;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.gap-24 .ads-row-overflow-wrapper {
    gap: 1.5rem
}

.gap-16 .ads-row-overflow-wrapper {
    gap: 1rem
}

@media(max-width: 984px) {
    .ads-row-card:last-child {
        margin-left: 16px
    }
}

.splide__slide {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.no-js .splide__slide {
    margin-left: 1rem;
    width: -moz-calc(40% - 9.6px);
    width: calc(40% - 9.6px)
}

.show-more-slide .slide-content {
    height: 100%
}

.padded-show-more .show-more-slide .slide-content {
    margin-left: 1rem
}

@media(max-width: 1079px)and (min-width:984px) {
    .padded-show-more .show-more-slide .slide-content {
        margin-left: 1.5rem
    }
}

@media(min-width: 1080px) {
    .padded-show-more .show-more-slide .slide-content {
        margin-left: 0
    }
}

.slide-content {
    max-width: 100vw;
    overflow: hidden
}

.splide__slide {
    width: 100%
}

.ads-row-card {
    background: #f5f5f5;
    display: block;
    min-width: 288px
}

.ads-row-card-image {
    height: 192px;
    position: relative;
    width: 100%
}

    .ads-row-card-image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }

.ads-row-card-pin {
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px
}

    .ads-row-card-pin .shayan-icon-black {
        position: absolute;
        z-index: 10
    }

    .ads-row-card-pin .shayan-icon-accent {
        position: absolute
    }

.ads-row-card-body {
    display: -moz-box;
    display: flex;
    gap: 16px;
    padding: 12px;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.ads-row-card-ad-options, .ads-row-card-info {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: justify;
    justify-content: space-between
}

.ads-row-card-ad-options {
    height: 40px;
    -moz-box-align: end;
    align-items: flex-end
}

.ads-row-card-ad-location {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    -moz-box-align: center;
    align-items: center;
    color: #60615f;
    display: -moz-inline-box;
    display: inline-flex
}

.ads-row-card-ad-location-icon {
    height: 16px;
    width: 16px
}

.ads-row-card-info-head {
    display: -moz-box;
    display: flex;
    width: 75%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.ads-row-card-info-title {
    color: #1f1f1e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ads-row-card-info-options {
    display: -moz-box;
    display: flex;
    gap: 4px;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.ads-row-card-info-option {
    color: #1f1f1e;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap
}

    .ads-row-card-info-option.trim {
        height: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.ads-row-card-info-time {
    color: #60615f;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

.circular-separator {
    background-color: #1f1f1e;
    height: 2px;
    width: 2px
}

.ads-row-card-price--lumpsum {
    color: #1f1f1e
}

.ads-row-card-price--lumpsum .ads-row-card-price__inner {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center
}

.ads-row-card-price--lumpsum .ads-row-card-price__cash {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.ads-row-card-price--lumpsum .ads-row-card-price__icon {
    height: 24px;
    width: 24px
}

.ads-row-card-price--negotiable {
    color: #1f1f1e
}

.ads-row-card-price--negotiable .ads-row-card-price__cash {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.ads-row-card-price--installment .ads-row-card-price__wrapper {
    display: -moz-box;
    display: flex;
    -moz-box-align: end;
    align-items: flex-end;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: end;
    justify-content: flex-end
}

.ads-row-card-price--installment .ads-row-card-price__prepayment {
    display: -moz-inline-box;
    display: inline-flex;
    gap: 4px;
    -moz-box-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.ads-row-card-price--installment .ads-row-card-price__prepayment .ads-row-card-price__icon {
    height: 24px;
    width: 24px
}

.ads-row-card-price--installment .ads-row-card-price__payment {
    display: -moz-inline-box;
    display: inline-flex;
    gap: 4px;
    -moz-box-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.ads-row-card-price--installment .ads-row-card-price__payment .ads-row-card-price__icon {
    height: 16px;
    width: 16px
}*/

                            /*div {
                                height: 100%
                            }*/

button {
    align-content: center;
    background-color: var(--light1);
    color: var(--light10);
    display: -moz-box;
    display: flex;
    /*height: 100%;
    width: 100%;*/
    -moz-box-pack: center;
    justify-content: center;
    place-content: center;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    justify-items: center;
    line-height: .875rem;
    place-items: center
}

/*.content {
    display: -moz-box;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    flex-direction: row;
    padding: 0 1rem
}*/

.icon {
    width: 1rem
}

.text {
    align-self: end
}