body, ul, li, h1, h2, h3, h4, h5, h6, p {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'YekanBakh-Regular';
    src: url('../font/YekanBakh-Regular.eot');
    src: url('../font/YekanBakh-Regular.eot?#iefix') format('embedded-opentype'), url('../font/YekanBakh-Regular.woff2') format('woff2'), url('../font/YekanBakh-Regular.woff') format('woff'), url('../font/YekanBakh-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'YekanBakh-Heavy';
    src: url('../font/YekanBakh-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.1.0');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Linearicons-Free';
    src: url('../font/Linearicons-Free.eot?w118d');
    src: url('../font/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('../font/Linearicons-Free.woff?w118d') format('woff'), url('../font/Linearicons-Free.ttf?w118d') format('truetype'), url('../font/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'YekanBakh-Regular';
    background-color: #fff;
}

header {
    position: relative;
    z-index: 99999999;
}

.lnr {
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lnr-home:before {
    content: "\e800"
}

.lnr-apartment:before {
    content: "\e801"
}

.lnr-pencil:before {
    content: "\e802"
}

.lnr-magic-wand:before {
    content: "\e803"
}

.lnr-drop:before {
    content: "\e804"
}

.lnr-lighter:before {
    content: "\e805"
}

.lnr-poop:before {
    content: "\e806"
}

.lnr-sun:before {
    content: "\e807"
}

.lnr-moon:before {
    content: "\e808"
}

.lnr-cloud:before {
    content: "\e809"
}

.lnr-cloud-upload:before {
    content: "\e80a"
}

.lnr-cloud-download:before {
    content: "\e80b"
}

.lnr-cloud-sync:before {
    content: "\e80c"
}

.lnr-cloud-check:before {
    content: "\e80d"
}

.lnr-database:before {
    content: "\e80e"
}

.lnr-lock:before {
    content: "\e80f"
}

.lnr-cog:before {
    content: "\e810"
}

.lnr-trash:before {
    content: "\e811"
}

.lnr-dice:before {
    content: "\e812"
}

.lnr-heart:before {
    content: "\e813"
}

.lnr-star:before {
    content: "\e814"
}

.lnr-star-half:before {
    content: "\e815"
}

.lnr-star-empty:before {
    content: "\e816"
}

.lnr-flag:before {
    content: "\e817"
}

.lnr-envelope:before {
    content: "\e818"
}

.lnr-paperclip:before {
    content: "\e819"
}

.lnr-inbox:before {
    content: "\e81a"
}

.lnr-eye:before {
    content: "\e81b"
}

.lnr-printer:before {
    content: "\e81c"
}

.lnr-file-empty:before {
    content: "\e81d"
}

.lnr-file-add:before {
    content: "\e81e"
}

.lnr-enter:before {
    content: "\e81f"
}

.lnr-exit:before {
    content: "\e820"
}

.lnr-graduation-hat:before {
    content: "\e821"
}

.lnr-license:before {
    content: "\e822"
}

.lnr-music-note:before {
    content: "\e823"
}

.lnr-film-play:before {
    content: "\e824"
}

.lnr-camera-video:before {
    content: "\e825"
}

.lnr-camera:before {
    content: "\e826"
}

.lnr-picture:before {
    content: "\e827"
}

.lnr-book:before {
    content: "\e828"
}

.lnr-bookmark:before {
    content: "\e829"
}

.lnr-user:before {
    content: "\e82a"
}

.lnr-users:before {
    content: "\e82b"
}

.lnr-shirt:before {
    content: "\e82c"
}

.lnr-store:before {
    content: "\e82d"
}

.lnr-cart:before {
    content: "\e82e"
}

.lnr-tag:before {
    content: "\e82f"
}

.lnr-phone-handset:before {
    content: "\e830"
}

.lnr-phone:before {
    content: "\e831"
}

.lnr-pushpin:before {
    content: "\e832"
}

.lnr-map-marker:before {
    content: "\e833"
}

.lnr-map:before {
    content: "\e834"
}

.lnr-location:before {
    content: "\e835"
}

.lnr-calendar-full:before {
    content: "\e836"
}

.lnr-keyboard:before {
    content: "\e837"
}

.lnr-spell-check:before {
    content: "\e838"
}

.lnr-screen:before {
    content: "\e839"
}

.lnr-smartphone:before {
    content: "\e83a"
}

.lnr-tablet:before {
    content: "\e83b"
}

.lnr-laptop:before {
    content: "\e83c"
}

.lnr-laptop-phone:before {
    content: "\e83d"
}

.lnr-power-switch:before {
    content: "\e83e"
}

.lnr-bubble:before {
    content: "\e83f"
}

.lnr-heart-pulse:before {
    content: "\e840"
}

.lnr-construction:before {
    content: "\e841"
}

.lnr-pie-chart:before {
    content: "\e842"
}

.lnr-chart-bars:before {
    content: "\e843"
}

.lnr-gift:before {
    content: "\e844"
}

.lnr-diamond:before {
    content: "\e845"
}

.lnr-linearicons:before {
    content: "\e846"
}

.lnr-dinner:before {
    content: "\e847"
}

.lnr-coffee-cup:before {
    content: "\e848"
}

.lnr-leaf:before {
    content: "\e849"
}

.lnr-paw:before {
    content: "\e84a"
}

.lnr-rocket:before {
    content: "\e84b"
}

.lnr-briefcase:before {
    content: "\e84c"
}

.lnr-bus:before {
    content: "\e84d"
}

.lnr-car:before {
    content: "\e84e"
}

.lnr-train:before {
    content: "\e84f"
}

.lnr-bicycle:before {
    content: "\e850"
}

.lnr-wheelchair:before {
    content: "\e851"
}

.lnr-select:before {
    content: "\e852"
}

.lnr-earth:before {
    content: "\e853"
}

.lnr-smile:before {
    content: "\e854"
}

.lnr-sad:before {
    content: "\e855"
}

.lnr-neutral:before {
    content: "\e856"
}

.lnr-mustache:before {
    content: "\e857"
}

.lnr-alarm:before {
    content: "\e858"
}

.lnr-bullhorn:before {
    content: "\e859"
}

.lnr-volume-high:before {
    content: "\e85a"
}

.lnr-volume-medium:before {
    content: "\e85b"
}

.lnr-volume-low:before {
    content: "\e85c"
}

.lnr-volume:before {
    content: "\e85d"
}

.lnr-mic:before {
    content: "\e85e"
}

.lnr-hourglass:before {
    content: "\e85f"
}

.lnr-undo:before {
    content: "\e860"
}

.lnr-redo:before {
    content: "\e861"
}

.lnr-sync:before {
    content: "\e862"
}

.lnr-history:before {
    content: "\e863"
}

.lnr-clock:before {
    content: "\e864"
}

.lnr-download:before {
    content: "\e865"
}

.lnr-upload:before {
    content: "\e866"
}

.lnr-enter-down:before {
    content: "\e867"
}

.lnr-exit-up:before {
    content: "\e868"
}

.lnr-bug:before {
    content: "\e869"
}

.lnr-code:before {
    content: "\e86a"
}

.lnr-link:before {
    content: "\e86b"
}

.lnr-unlink:before {
    content: "\e86c"
}

.lnr-thumbs-up:before {
    content: "\e86d"
}

.lnr-thumbs-down:before {
    content: "\e86e"
}

.lnr-magnifier:before {
    content: "\e86f"
}

.lnr-cross:before {
    content: "\e870"
}

.lnr-menu:before {
    content: "\e871"
}

.lnr-list:before {
    content: "\e872"
}

.lnr-chevron-up:before {
    content: "\e873"
}

.lnr-chevron-down:before {
    content: "\e874"
}

.lnr-chevron-left:before {
    content: "\e875"
}

.lnr-chevron-right:before {
    content: "\e876"
}

.lnr-arrow-up:before {
    content: "\e877"
}

.lnr-arrow-down:before {
    content: "\e878"
}

.lnr-arrow-left:before {
    content: "\e879"
}

.lnr-arrow-right:before {
    content: "\e87a"
}

.lnr-move:before {
    content: "\e87b"
}

.lnr-warning:before {
    content: "\e87c"
}

.lnr-question-circle:before {
    content: "\e87d"
}

.lnr-menu-circle:before {
    content: "\e87e"
}

.lnr-checkmark-circle:before {
    content: "\e87f"
}

.lnr-cross-circle:before {
    content: "\e880"
}

.lnr-plus-circle:before {
    content: "\e881"
}

.lnr-circle-minus:before {
    content: "\e882"
}

.lnr-arrow-up-circle:before {
    content: "\e883"
}

.lnr-arrow-down-circle:before {
    content: "\e884"
}

.lnr-arrow-left-circle:before {
    content: "\e885"
}

.lnr-arrow-right-circle:before {
    content: "\e886"
}

.lnr-chevron-up-circle:before {
    content: "\e887"
}

.lnr-chevron-down-circle:before {
    content: "\e888"
}

.lnr-chevron-left-circle:before {
    content: "\e889"
}

.lnr-chevron-right-circle:before {
    content: "\e88a"
}

.lnr-crop:before {
    content: "\e88b"
}

.lnr-frame-expand:before {
    content: "\e88c"
}

.lnr-frame-contract:before {
    content: "\e88d"
}

.lnr-layers:before {
    content: "\e88e"
}

.lnr-funnel:before {
    content: "\e88f"
}

.lnr-text-format:before {
    content: "\e890"
}

.lnr-text-format-remove:before {
    content: "\e891"
}

.lnr-text-size:before {
    content: "\e892"
}

.lnr-bold:before {
    content: "\e893"
}

.lnr-italic:before {
    content: "\e894"
}

.lnr-underline:before {
    content: "\e895"
}

.lnr-strikethrough:before {
    content: "\e896"
}

.lnr-highlight:before {
    content: "\e897"
}

.lnr-text-align-left:before {
    content: "\e898"
}

.lnr-text-align-center:before {
    content: "\e899"
}

.lnr-text-align-right:before {
    content: "\e89a"
}

.lnr-text-align-justify:before {
    content: "\e89b"
}

.lnr-line-spacing:before {
    content: "\e89c"
}

.lnr-indent-increase:before {
    content: "\e89d"
}

.lnr-indent-decrease:before {
    content: "\e89e"
}

.lnr-pilcrow:before {
    content: "\e89f"
}

.lnr-direction-ltr:before {
    content: "\e8a0"
}

.lnr-direction-rtl:before {
    content: "\e8a1"
}

.lnr-page-break:before {
    content: "\e8a2"
}

.lnr-sort-alpha-asc:before {
    content: "\e8a3"
}

.lnr-sort-amount-asc:before {
    content: "\e8a4"
}

.lnr-hand:before {
    content: "\e8a5"
}

.lnr-pointer-up:before {
    content: "\e8a6"
}

.lnr-pointer-right:before {
    content: "\e8a7"
}

.lnr-pointer-down:before {
    content: "\e8a8"
}

.lnr-pointer-left:before {
    content: "\e8a9"
}

body::-webkit-scrollbar {
    width: 0.6em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
    outline: 1px solid rgba(0, 166, 147, 0.00);
}

.head-ce {
    max-width: 1488px;
    margin: 0 auto;
    direction: rtl;
}

ul {
    list-style: none !important;
}

:root {
    --btn: #2DB9BE;
    --btn-xd: #FF5B00;
    --bg-slv: #F0F0F0;
    --btn-hover: #32d0d5;
}

header {
    border-bottom: 1px solid #E2E2E2;
    background-color: #fff;
}

a {
    text-decoration: none;
}

.btn--tp {
    width: 228px;
    max-width: 100%;
    height: 85px;
    display: block;
    right: 0;
    border: 1px solid #E2E2E2;
    position: absolute;
    background-color: #fff;
    border-top: 0;
    top: -8px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 35px 0 10px 0;
    column-gap: 8px;
    color: #2DB9BE;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 4px 4px rgba(232, 232, 232, 0.26);
}

.hd-hd {
    height: 58px;
}

.btn--tp img {
    width: 20px;
    height: 20px;
}

.dv-btn {
    position: relative;
}

.p-88-date {
    display: inline-flex;
    color: #868686;
    float: left;
    column-gap: 8px;
    padding: 28px 0 0px 0;
    font-size: 15px;
    color: #868686;
}

.btn--user {
    width: 78px;
    height: 85px;
    display: block;
    border: 1px solid #E2E2E2;
    position: absolute;
    background-color: #fff;
    border-top: 0;
    top: -8px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 35px 0 10px 0;
    column-gap: 8px;
    color: #868686;
    font-size: 15px;
    left: 15px;
}

    .btn--user:hover {
        border: 1px solid #2DB9BE;
        border-top: none;
    }

.link-btn-tp {
    display: inline-flex;
    width: 100%;
    height: 60px;
    background-color: var(--btn-xd);
    color: #fff;
    justify-content: center;
    font-size: 18px;
}

.dv-container {
    max-width: 1488px;
    margin: 0 auto;
}

.dv-rtl {
    direction: rtl;
}

.col-nd-lf {
    width: 76.5%;
    float: left;
    padding: 0 15px;
}

.col-nd-rg {
    width: 23.50%;
    float: right;
}

.bx-search {
    background-color: #F0F0F0;
    padding-right: 3px !important;
    padding-left: 3px !important;
    margin-right: 0px;
}

.se-bx {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 39px;
    padding: 0 8px;
    direction: rtl;
    background-color: #fff;
}

.tx-se {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    flex: 1 1;
    font-size: 13px;
    outline: 0;
    transition: color .36s;
    height: 39px;
    padding-top: 3px;
}

.btn-se {
    border: none;
    background: none;
    position: relative;
}

    .btn-se:before {
        position: absolute;
        height: 19px;
        background-color: #F9F9F9;
        content: "";
        right: -6px;
        top: 3px;
        width: 2px;
    }

.se-tx {
    height: 39px;
    background-color: #fff;
    font-size: 13px;
    float: right;
    width: 100%;
    color: #868686;
    border: none;
}

.pn-rg {
    margin-right: 0;
}

input:focus {
    outline: none;
}

.btn-se-dx {
    width: 100%;
    background-color: var(--btn);
    text-align: center;
    color: #fff;
    height: 39px;
    display: flex;
    justify-content: center;
    border: none;
    font-size: 13px;
}

.bx-btn--se {
    padding-right: 0;
}

.cnt--dv {
    border: 1px solid var(--btn-xd);
    border-radius: 15px;
    padding: 14px 14px;
    background-color: #fff;
    font-size: 12px;
    display: flex;
    width: 100%;
    color: #868686;
}

.img-fluid {
    width: 100%;
}

.ti--card {
    font-size: 13px;
    padding-bottom: 3px;
    color: #000;
}

.img-sd {
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.svg-ic {
    position: relative;
    top: 3px;
}

.price--card {
    color: #2FC25C;
    font-weight: bold;
    padding-top: 1px;
}

    .price--card svg {
        top: -2px;
        position: relative;
    }

#content {
    position: relative;
}

#side {
    width: 23%;
    max-width: 100%;
    float: right;
    position: relative;
    padding: 0;
    overflow: hidden;
}

#sidecontent2 {
    width: 280px;
    height: 200px;
    margin: 0 auto 20px auto;
    background: #525252;
    position: relative;
}

    #sidecontent2 span {
        position: absolute;
        color: rgba(255, 255, 255, .4);
        text-align: center;
        margin: auto;
        padding: 20px 0;
        font-size: 25px;
        left: 0;
        right: 0;
        top: 35%;
        text-decoration: none;
    }

#main {
    position: relative;
    float: left;
    width: 76%;
}

.clear {
    clear: both;
}

.menu--side--bx {
    border: 1px solid #E6E6E6;
    border-radius: 30px;
    padding: 40px 32px;
}

.flx-mn-pc li a {
    color: #868686;
    font-size: 16px;
    text-align: right;
    direction: rtl;
    display: flex;
    column-gap: 8px;
}

    .flx-mn-pc li a.active, .flx-mn-pc li:hover a {
        color: var(--btn);
    }

.btn-ce {
    width: 200px;
    height: 60px;
    border-radius: 15px;
    background-color: var(--btn);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    justify-content: center;
    display: flex;
    margin: 16px auto;
    max-width: 100%;
}

.links-ndd4a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #868686;
}

    .links-ndd4a a {
        padding: 8px;
        font-size: 13px;
        color: #868686;
    }

.ti-mz-link {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: block;
    padding-bottom: 8px;
}

.br-ce--dn {
    width: 200px;
    margin: 32px auto;
    padding: 24px 0 0 0;
    border-top: 1px solid #F1F1F1;
}

.enm-nd {
    margin: 16px auto 0 auto;
    display: block;
}

#sticky-sidebar {
    padding-top: 16px;
}

.nd-post-card__action {
    padding: 16px;
    display: block;
    border: 1px solid #E6E6E6;
    border-radius: 15px;
}

.nd-post-card {
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 168px;
    padding: 0;
    position: relative;
    direction: rtl;
}

.nd-post-card__body {
    display: flex;
    column-gap: 8px;
}

nd-post-card__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    position: relative;
}

.nd-post-card-thumbnail {
    background-color: #f5f5f5;
    background-color: var(--gray-100);
    border-radius: 4px;
    flex: 0 0 136px;
    height: 151px;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    width: 136px;
}

.nd-image-block {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.nd-image-block__image {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.nd-post-card__title {
    font-size: 13px;
    color: #000;
    text-align: justify;
    direction: rtl;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-weight: bold;
    line-height: 24px;
}

.nd-post-card__description {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #E3E3E3;
    color: #8E8E8E;
    font-size: 12px;
    line-height: 24px;
}

.nd-post-card__bottom {
    color: #8E8E8E;
    font-size: 12px;
    line-height: 24px;
}

.nd-post-card__body .svg-12 {
    position: relative;
    top: 0px !important;
    margin-left: 4px;
}

.nd-img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    /*width: 100%;*/
    border-radius: 10%;
    border: 2px solid #e4e3e3;
    object-fit: cover;
}

.nd-more-info {
    background-color: var(--btn);
    color: #fff;
    height: 30px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    border-radius: 7px;
    margin-top: 8px;
}

.links-ndd4a-nd {
    color: #868686;
    margin: 4px -8px 0 -8px;
}

    .links-ndd4a-nd a {
        padding: 2px 8px;
        width: 50%;
        float: left;
        display: block;
    }

.sp-nd {
    height: 14.13px;
    border-radius: 7px;
    background-color: #2FC291;
    font-size: 10px;
    display: block;
    color: #fff;
    text-align: center;
}

.links-ndd4a-nd a:nth-child(2) .sp-nd {
    background-color: #82C7E5;
}

.links-ndd4a-nd a:nth-child(3) .sp-nd {
    background-color: #3A4DA1;
}

.links-ndd4a-nd a:nth-child(4) .sp-nd {
    background-color: #6A86D9;
}

.rw-dnd > * {
    padding: 8px;
}

.rw-dnd {
    margin-left: -8px;
    margin-right: -4px;
}

.content-tx-banner {
    background-color: #F0F0F0;
}

.ti--bn {
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid var(--btn);
}

.p--98 p:before {
    background-image: url('../images/check-circle-solid 3.svg');
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
}

.p--98 {
    direction: rtl;
    line-height: 24px;
    margin: 0 16px;
    font-size: 16px;
}

.sc-px {
    max-height: 146px;
    overflow-y: scroll;
    direction: rtl;
    margin: 16px 0 0 0;
}

    .sc-px::-webkit-scrollbar {
        width: 0.3em;
    }

    .sc-px::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(149, 149, 149, 0.30);
    }

    .sc-px::-webkit-scrollbar-thumb {
        background-color: #2DB9BE;
        border-radius: 5px;
        outline: 1px solid rgba(30, 26, 26, 0.04);
    }

.login-pg {
    height: 100vh;
}

.box-login {
    width: 100%;
    max-width: 407px;
    margin: 0 auto;
}

.rw-tp {
    height: 56px;
    background-color: #F0F0F0;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    font-size: 22px;
    color: #000;
}

.logo-ce {
    display: block;
    margin: 0 auto;
}

.rw-btm {
    background-color: var(--bg-slv);
    direction: rtl;
}

.lb-form {
    font-size: 18px;
    text-align: right;
    display: block;
    color: #9D9D9D;
}

.tx-form {
    height: 44px;
    padding: 16px 16px 15px 16px;
    font-size: 15px;
    border: none;
}

.img-capcha img {
    display: block;
    margin: 0 auto;
}

.btn-login {
    height: 44px;
    background-color: var(--btn);
    border: none;
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 5px;
    font-weight: bold;
    color: #fff;
    transition: color .36s ease, background-color .36s ease, box-shadow .36s ease, border-color .36s ease, transform .36s ease;
}

    .btn-login:hover, .btn-ce:hover, .nd-more-info:hover, .btn-se-dx:hover, #toggleBtn:hover {
        background-color: var(--btn-hover);
        color: #fff;
    }

.ct-info {
    color: #868686;
    font-size: 15px;
    display: inline-flex;
    column-gap: 8px;
    text-align: justify;
    line-height: 22px;
}

    .ct-info svg {
        position: relative;
        top: 2px;
    }

.p-ce-elrm {
    color: #2FC291;
    font-size: 18px;
    font-weight: bold;
}

.btn-chng {
    border: 1px solid var(--btn);
    background: none;
    color: var(--btn);
}

.inpt-hg {
    height: 44px;
    border: none;
}

.dl-lg-none {
    display: none;
}

.dv-container-pg {
    max-width: 763px;
    margin: 0 auto;
}

.province-btn {
    width: 136px;
    height: 40px;
    white-space: nowrap;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    color: #8E8E8E;
    font-size: 15px;
    padding: .6rem 0 .42rem 0;
}

    .province-btn.active-province, .province-btn:hover {
        border-color: #2DB9BE;
    }

.province-item {
    display: flex;
    padding: 8px 8px;
    justify-content: center;
}

.toggle-btn-wrap {
    text-align: center;
    margin-top: 8px;
}

#provincesGrid {
    direction: rtl;
    margin: 0 0;
}

#toggleBtn {
    height: 40px;
    background-color: var(--btn);
    border: 1px solid var(--btn);
    width: 287px;
}

.titr-ce {
    font-size: 15px;
    direction: rtl;
    font-weight: bold;
    color: #000;
}

.bx-search-pg {
    background-color: var(--bg-slv);
    margin: 0 8px;
}

    .bx-search-pg .se-bx {
        position: relative;
        padding-right: 40px;
    }

    .bx-search-pg .tx-se, .ti-sd {
        font-size: 15px;
        color: #868686;
    }

    .bx-search-pg .btn-se {
        position: absolute;
        border: none;
        right: 16px;
    }

        .bx-search-pg .btn-se:before {
            display: none;
        }

    .bx-search-pg .btn-se-dx {
        font-size: 15px;
    }

.ti-sd {
    direction: rtl;
    border-bottom: 1px solid var(--bg-slv);
    margin: 0 8px 8px 8px;
}

footer .br-ce--dn {
    width: 100%;
    border: none;
    direction: rtl;
    margin-top: 80px;
}

footer .links-ndd4a a {
    font-size: 14px;
    color: #C5C5C5;
    border-left: 1px solid #C5C5C5;
    padding: 0 16px;
}

    footer .links-ndd4a a:hover {
        color: #2DB9BE;
    }

    footer .links-ndd4a a:last-child {
        border: none;
    }

.accordion-item {
    box-shadow: 0 0px 10px 4px #EBEBEB;
    border: none;
    position: relative;
    overflow: hidden;
}

    .accordion-item:before {
        position: absolute;
        width: 12px;
        height: 100%;
        top: 0;
        right: 0;
        content: "";
        background-color: #E2E2E2;
        z-index: 9;
    }

.accordion-button:not(.collapsed) {
    background: none;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #fff;
}

.accordion-item:has(.accordion-collapse.show) {
    border: 2px solid var(--btn) !important;
}

    .accordion-item:has(.accordion-collapse.show):before {
        background-color: var(--btn) !important;
    }

.accordion-button::after {
    left: 16px;
    right: auto;
    position: absolute;
}

.accordion-button {
    display: block;
    text-align: right;
    color: #000;
}

    .accordion-button:not(.collapsed) {
        box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 rgba(255, 255, 255, 0.00);
        color: #000;
    }

.accordion-body {
    padding: 0 48px 24px 48px;
    direction: rtl;
    text-align: justify;
    font-size: 18px;
    color: #8E8E8E;
}

.accordion-button::after {
    color: #2DB9BE
}

.img-app {
    position: relative;
    top: -66px;
}

.titr-rg {
    color: var(--btn);
    font-size: 29px;
    text-align: right;
    direction: rtl;
}

.ti--ce--nd {
    color: var(--btn);
}

    .ti--ce--nd strong {
        font-size: 20px;
    }

.p--ce {
    color: #9C9C9C;
}

.rw-nd {
    box-shadow: 0 0px 10px 4px #EBEBEB;
    border: none;
    direction: rtl;
}

.titr-card {
    font-size: 19px;
    direction: rtl;
    color: var(--btn);
    font-family: 'YekanBakh-Heavy';
}
/*.card:first-child .titr-card{
   color: #000;
        font-family: 'YekanBakh-Regular';
}
.card:first-child{
    background-color:rgba(45, 185, 190, 0.05)
}*/
.p--card-ti {
    color: #2FC291;
    font-size: 16px;
}

.text--p {
    color: #686868;
}

.bx-price {
    width: 154px;
    margin: 0 auto;
}

.p--price--off {
    color: #8E8E8E;
}

.p--price {
    color: #2FC291;
}

.btn-danger-nd {
    width: 100%;
    background-color: var(--btn-xd);
    height: 40px;
    color: #fff;
    padding: 5px 0 8px 0;
    font-size: 20px;
}

    .btn-danger-nd:hover {
        background-color: #fe782d;
        color: #fff;
    }

.card .col-md-8 {
    border-left: 1px solid var(--btn);
}

.success-card {
    max-width: 408px;
    overflow: hidden;
    box-shadow: 0 0px 10px 4px #EBEBEB;
    animation: fadeIn 0.8s ease-out;
}

.icon-ce {
    display: block;
    margin: 0 auto;
}

.ti-sus {
    font-size: 22px;
    color: #2FC291;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.d-bc {
    background-color: var(--bg-slv);
    direction: rtl;
}

.btn-sus {
    background-color: #2FC291;
}

.btn-sus-br {
    border: 1px solid #2FC291;
    color: #2FC291;
    background-color: #fff;
    font-size: 18px;
}

    .btn-sus:hover, .btn-sus-br:hover {
        background-color: #3cd1a0;
        color: #fff;
    }

.un-success .ti-sus {
    color: #F10000;
}

.un-success .btn-sus {
    background-color: #F10000;
}

.un-success .btn-sus-br {
    border: 1px solid #F10000;
    color: #F10000;
}

    .un-success .btn-sus:hover, .un-success .btn-sus-br:hover {
        background-color: #e60303;
        color: #fff;
    }

.ti--eror {
    color: #FF5B00;
    font-size: 32px;
    font-weight: bold;
    direction: rtl;
}

.rtl {
    direction: rtl;
}

.p-btm {
    color: #969593;
}

.ti-bolder {
    font-family: 'YekanBakh-Heavy';
}

.btn-link {
    width: 180px;
    margin: 0 auto;
}

a {
    text-decoration: none !important;
}

.elarm-bx {
    border: 1px solid var(--btn-xd);
    color: #000;
}

.ti-elrm {
    font-size: 18px;
}

.btn-panel {
    font-size: 15px;
    height: 40px;
    padding-top: 3px;
    column-gap: 4px;
}

.pn-box {
    padding: 0 3px;
}

.nav-br {
    width: 100%;
    border-bottom: 2px solid rgba(149, 149, 149, 0.30);
}

.nav-tabs .nav-link {
    display: block;
    border: none !important;
    color: #8E8E8E;
    width: 100%;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-bottom: 2px solid #2DB9BE !important;
        color: var(--btn);
    }

.bx-panel-cd .card {
    background-color: #fff !important;
}

.bx-app-dw {
    border: 1px solid #ccc;
    position: relative;
}

.dv-ic-tp {
    position: absolute;
    width: 100%;
    top: -21px;
}

    .dv-ic-tp span {
        background-color: #fff;
    }

.bx-app-dw:nth-child(3) {
    margin-top: 40px;
}

.svg-12 {
    position: relative;
    top: -7px;
}

.mg-mb {
    max-width: 100%;
}

.mb-fix {
    position: fixed;
    bottom: 16px;
    backdrop-filter: blur(2px);
    background-color: rgba(194, 194, 194, 0.36);
    width: 92%;
    z-index: 9;
    left: 4%;
}

.dv-ps {
    position: relative;
}

.mb-home {
    width: 42px;
    height: 42px;
    position: absolute;
    top: -1px;
    padding: 8px 0;
    left: 2px;
    text-align: center;
    background: var(--btn);
}

@media only screen and (max-width:1290px) {
    #main .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .menu--side--bx {
        padding: 40px 8px;
    }

    .main-menu nav > ul > li > a {
        padding: 24px 6px 4px 6px !important;
        font-size: 13px !important;
    }
}

@media only screen and (max-width:990px) {
    .sidebar-wrapper {
        display: none;
    }

    .mb-fix .btn-panel {
        margin-bottom: 0;
    }

    #main {
        width: 100%;
    }

    .btn--tp {
        position: relative;
        margin: 0 auto;
        top: -14px;
        height: 69px;
        right: 0;
        width: 100%;
        max-width: 214px;
    }

    .logo-nd {
        width: 52px;
    }

    .btn--tp {
        position: relative;
        margin: 0 auto;
        top: 0;
        height: 49px;
        right: 0;
        width: 100%;
        max-width: 214px;
        padding-top: 18px;
        font-size: 12px;
    }

    .hd-hd {
        height: auto;
    }

    .btn--tp img {
        width: 12px;
        height: 12px;
    }

    .bx-search {
        margin-right: 0px;
        margin-left: 0;
    }

    .rw-dnd > * {
        padding: 0 8px 8px 8px;
    }

    .ti--bn, .p--98 {
        font-size: 11px;
    }

    .col-nd-lf {
        padding-left: 0;
    }

    footer .br-ce--dn {
        margin-top: 0;
    }

    footer .links-ndd4a a {
        font-size: 12px;
    }

    .form-box textarea {
        max-height: 198px !important;
    }
}

@media only screen and (max-width:760px) {
    #main .col-sm-6 {
        width: 100%;
    }

    .col-nd-lf {
        width: 100%;
        padding: 0 0;
    }

    .col-nd-rg {
        width: 100%;
    }

    .accordion-button {
        font-size: 14px;
        padding-left: 33px;
        line-height: 26px;
        padding-bottom: 0;
    }

    .accordion-body {
        padding: 0 24px 24px 24px;
        font-size: 13px;
    }

    .titr-rg {
        font-size: 24px;
    }

    .img-app {
        top: 0px;
    }

    .ti-app-tp {
        font-size: 20px;
    }

    .ti--ce--nd, .p--ce {
        text-align: right !important;
        font-size: 17px
    }

    .ti-elrm {
        font-size: 16px;
    }

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

    .pn-box {
        padding: 0 10px;
    }

    .titr-card br {
        display: none;
    }

    .titr-card {
        font-size: 15px;
    }

    .bx-price {
        width: 100%;
        margin: 16px auto 0 auto;
        display: inline-flex;
        direction: ltr;
        justify-content: space-between;
        position: relative;
    }

    .btn-danger-nd {
        width: 156px;
    }

    .p--price {
        width: 45%;
        padding-top: 16px;
    }

    .card .col-md-8 {
        border: none;
    }

    .p--price--off {
        font-size: 15px;
        position: absolute;
        top: -5px;
    }

    .ti-sus {
        width: 175px;
        margin: 0 auto;
        line-height: 26px;
    }

    .province-btn {
        width: 155px;
    }

    #toggleBtn {
        width: 211px;
        font-size: 13px;
        padding-top: 12px !important;
    }

    .p-btm {
        color: #969593;
        font-size: 15px;
    }
}



.form-bg-nd {
    background-color: var(--bg-slv);
    direction: rtl;
}

    .form-bg-nd .form-control, .form-bg-nd .form-select {
        border: none;
        font-size: 13px;
    }

    .form-control-nd, .form-bg-nd .form-select {
        height: 40px;
    }

.form-add {
    direction: ltr;
}

.rtl-select {
    direction: rtl !important;
    text-align: right !important;
    background-position: left 0.75rem center !important;
    padding-left: 2rem !important;
    padding-right: 1rem !important;
}

.upload-label {
    display: block;
    align-items: center;
    /* gap: 8px; */
    background: #fff;
    border-radius: 5px;
    width: 26px;
    height: 27px;
    position: absolute;
    line-height: 31px;
    left: 9px;
    text-align: center;
    top: 6px;
    cursor: pointer;
    color: #000000;
    transition: 0.2s;
    box-shadow: 0 0 4px 3px rgba(199, 199, 199, 0.25);
}

    .upload-label:hover {
        background: rgba(60, 209, 160, 0.14);
    }

.plus-icon {
    font-size: 29px;
    color: #605f5f;
}

.file-upload-box {
    width: 100%;
    border-radius: 6px;
    height: 40px;
    background-color: #fff;
    position: relative;
}

.sp-plc {
    font-size: 13px;
    padding: 11px 16px;
    position: relative;
    top: 8px;
}

.btn-send-nd {
    background-color: var(--btn);
    color: #fff;
    justify-content: center;
    display: flex;
    font-size: 14px;
    width: 127px;
    height: 40px;
    text-align: center;
}

.btn-outline-secondary-nd {
    background: none;
    border: 1px solid var(--btn);
    width: 64px;
    color: var(--btn)
}

.btn-send-nd:hover {
    background-color: var(--btn-hover) !important;
    color: #fff !important;
}

.ti-fr-nd {
    color: var(--btn);
    direction: rtl;
    font-weight: bold;
    display: flex;
    column-gap: 8px;
}

    .ti-fr-nd svg {
        position: relative;
        top: -2px;
    }

.ti-slv {
    color: #C2C2C2;
}

.p--tx-ads {
    font-size: 14px;
    color: #6C6C6C;
}

.form-box .lh-lg {
    line-height: 1.8 !important;
}

.cl-font {
    color: #FF5B00
}

.ti-b2 {
    font-size: 15px;
    font-weight: bold;
    color: #6C6C6C;
}

.br-bxt {
    border: 1px solid #2FC291;
    background-color: #fff;
}

    .br-bxt p {
        color: #2FC291 !important;
        font-weight: bold;
        padding-right: 24px;
    }

        .br-bxt p:before {
            position: relative;
            float: right;
            background-color: #2FC291;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            content: "";
            top: 10px;
            left: 9px;
        }

.logo-nd {
    float: right;
}

.p--tx-ads img, .p--tx-ads svg {
    width: 14px !important;
    margin-left: 4px;
}

.ticket-closed {
    background-color: var(--bg-slv);
    max-width: 450px;
    margin: 0 auto;
    color: #8E8E8E;
}

.sp-close {
    font-size: 24px;
    transform: rotate(50deg);
    display: inline-block;
}

.ticket-number {
    font-size: 12px;
    color: #8E8E8E;
    text-align: right;
    border-bottom: 1px solid var(--bg-slv);
}

.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 1px;
    border: 1px solid #1B02C9;
    text-align: center;
}

    .avatar img {
        width: 100%;
    }

.name-nd {
    color: #1B02C9;
    position: relative;
    top: 6px;
}

.ticket-footer {
    border: 1px solid #1B02C9;
    border-top-right-radius: 0 !important;
    font-size: 14px;
    color: #8E8E8E;
}

.p-br {
    border-bottom: 1px solid #E3E3E3;
}

.date-nd {
    font-size: 13px;
    color: #3e3b3b;
}

.sender-box {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ps-bx {
    float: left;
}

    .ps-bx .sender-box {
        direction: ltr;
    }

    .ps-bx .ticket-footer, .ps-bx .avatar {
        border: 1px solid var(--btn);
    }

    .ps-bx .name-nd {
        color: var(--btn)
    }

    .ps-bx .date-nd {
        display: block;
        text-align: left;
    }

.ticket-closed {
    font-size: 12px;
}

.pn-dv {
    width: 90%;
    float: right;
}

.br-bx {
    border: 1px solid #E6E6E6;
    background-color: #fff;
}

    .br-bx p img {
        position: relative;
        top: -2px;
    }

.p-br-tn {
    border-bottom: 1px solid var(--btn);
    border-top: 1px solid var(--btn);
}

.fnt .p--tx-ads {
    font-size: 15px;
}

.p-li {
    text-decoration: underline;
}

.btn-main {
    display: inline-flex;
    width: 100%;
    height: 40px;
    background-color: var(--btn-xd);
    color: #fff;
    justify-content: center;
    font-size: 15px;
}

    .btn-main:hover {
        background-color: #fe782d;
        color: #fff;
    }

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

.form-check .form-check-input {
    float: none;
    margin-left: 8px !important;
}

.form-check-label {
    text-decoration: underline;
}

.d-scr {
    height: 173px;
    overflow-y: scroll;
}

    .d-scr .cnt--dv {
        border: none;
        border-bottom: 1px solid #e6e6e6;
        border-radius: 0;
        padding: 0 0;
    }

    .d-scr::-webkit-scrollbar {
        width: 0.3em;
    }

    .d-scr::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(149, 149, 149, 0.30);
    }

    .d-scr::-webkit-scrollbar-thumb {
        background-color: #2DB9BE;
        border-radius: 5px;
        outline: 1px solid rgba(30, 26, 26, 0.04);
    }

.br-sh {
    border: 1px solid #E6E6E6;
}

    .br-sh .nd-post-card__description {
        font-size: 11px;
    }

    .br-sh .nd-post-card__title {
        font-size: 12px;
        line-height: 18px;
    }

    .br-sh .nd-post-card-thumbnail {
        flex: 0 0 110px;
        height: 137px;
        width: 111px;
    }

.tx-cl-titr {
    color: var(--btn);
    padding-top: 16px;
}

.dt-th-sc {
    padding-top: 8px;
    height: 186px;
}

@media (min-width:990px) and (max-width:1270px) {
    .btn--tp {
        font-size: 12px;
    }
}

@media (max-width: 990px) {
    .head-ce {
        padding-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .pn-dv {
        width: 100%;
    }

    .p-br-tn {
        font-size: 13px;
    }

    .p--tx-ads {
        font-size: 13px;
    }

    .d-sm-none {
        display: none;
    }

    .form-check {
        padding-left: 0;
    }
}