.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translateX(-10px)
}

body {
    background-color: #fff;
    direction: rtl;
    font-family: YekanBakh, IRANSans, Dana, Tahoma, sans-serif;
    overflow-x: hidden;
    text-align: right
}

.roboto-black {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 900
}

a {
    text-decoration: none
}

input {
    border: none;
    outline: none
}

.color-yellow {
    color: #ffc450
}

.color-red {
    color: #d61034 !important
}

.color-green {
    color: #119536 !important
}

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

.tippy-box {
    background: transparent !important
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: none !important
}

@media (min-width:1400px) {
    .container {
        max-width: 1416px
    }
}

@keyframes blinker {
    50% {
        opacity: 0;
        -webkit-opacity: 0
    }
}

@keyframes blinker-low {
    50% {
        opacity: .5;
        -webkit-opacity: .5
    }
}

@keyframes ring {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }

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

@keyframes spinner {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

@keyframes grow {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-opacity: 0;
        transform: scale(1.3);
        -webkit-transform: scale(1.3)
    }
}

@keyframes ring-bell {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    1% {
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg);
        -webkit-transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg);
        -webkit-transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg);
        -webkit-transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg);
        -webkit-transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg);
        -webkit-transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg);
        -webkit-transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg);
        -webkit-transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg);
        -webkit-transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg);
        -webkit-transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg);
        -webkit-transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg);
        -webkit-transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg);
        -webkit-transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg);
        -webkit-transform: rotate(1deg)
    }

    43% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes bg-move-up {
    0% {
        background-position: 0 0;
        -webkit-background-position: 0 0
    }

    to {
        background-position: -512px -512px;
        -webkit-background-position: -512px -512px
    }
}

@keyframes bg-move-left {
    0% {
        background-position: 0 0;
        -webkit-background-position: 0 0
    }

    to {
        background-position: -1000px 0;
        -webkit-background-position: -1000px 0
    }
}

@keyframes gradient-effect {
    0% {
        background-position: 0 50%;
        -webkit-background-position: 0 50%
    }

    50% {
        background-position: 100% 50%;
        -webkit-background-position: 100% 50%
    }

    to {
        background-position: 0 50%;
        -webkit-background-position: 0 50%
    }
}

.footer {
    background-color: #2b303c;
    padding: 48px 0;
    text-align: center
}

.footer__content {
    align-items: center;
    display: flex;
    gap: 21px;
    justify-content: center;
    list-style: none;
    margin-bottom: 30px;
    padding: 0
}

.footer__content li {
    background: #1f222b;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 300;
    height: 48px;
    padding: 7px;
    text-align: center;
    transition: .3s;
    width: 48px
}

.footer__content li a {
    align-items: center;
    display: flex;
    gap: 13px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.footer__content li.footer__content-text {
    min-width: 184px;
    width: auto
}

.footer__content li.footer__content-text a {
    color: #fff;
    min-width: 170px;
    width: auto
}

.footer__content li.footer__content-text .footer__buttons-icon {
    height: 25px;
    width: 25px
}

.footer__content li.footer__content-text.telegram {
    background: linear-gradient(284deg, rgba(44, 155, 237, .651), rgba(98, 185, 249, .671));
    height: 48px;
    transition: background .8s ease-out;
    width: 184px
}

.footer__content li.footer__content-text.telegram:hover {
    background-position: -185px
}

.footer__content li.footer__content-text.instagram {
    background: linear-gradient(190deg, rgba(222, 22, 142, .659), rgba(234, 88, 69, .659));
    height: 48px;
    transition: background .8s ease-out;
    width: 184px;
}

.footer__content li.footer__content-text.instagram:hover {
    background-position: -185px
}

.footer__content li.footer__content-text.linkdin {
    background: #3075ba;
    background: linear-gradient(90deg, #3075ba, #115eaa);
    height: 48px;
    transition: background .8s ease-out;
    width: 184px;
}

.footer__content li.footer__content-text.linkdin:hover {
    background-position: -185px;
}

.footer__content li .footer__buttons-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 60%;
    width: 60%
}

.footer__content li .footer__buttons-icon.facebook {
    background-image: url(../media/css/facebook.svg?eaeec636c2b07c41fbed56e103b3212c);
}

.footer__content li .footer__buttons-icon.instagram {
    background-image: url(../media/css/instagram.svg?21abec09590a769b83f2656523e32d8d);
}

.footer__content li .footer__buttons-icon.telegram {
    background-image: url(../media/css/telegram.svg?70140530bd03bba5bc8ad632644f7779);
}

.footer__content li .footer__buttons-icon.linkdin {
    background-image: url(../media/css/linkedin.svg?cc772692c96e93fe31e34830b5123f74);
}

.footer__content li .footer__buttons-icon.twitter {
    background-image: url(../media/css/twitter.svg?ae23e20484dae843cf038e29e17e1f14);
}

.footer__content li .footer__buttons-icon.youtube {
    background-image: url(../media/css/youtube.svg?b28ca6f6fcce8084ca54dec727d72caa);
}

.footer__content li .footer__buttons-icon.aparat {
    background-image: url(../media/css/aparat.svg?09b02dc5af0a2f4911bdea7f26ee1310);
    height: 27px;
    width: 25px
}

.footer__content li:hover {
    background: #1a1d25
}

.footer__link a {
    color: #d7d7d7;
    font-weight: 700;
    margin-top: 18px
}

.footer__link a,
.footer__text {
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 16px
}

.footer__text {
    color: #fff;
    font-weight: 400;
    margin-bottom: 6px
}

@media (max-width:992px) {
    .footer {
        margin-top: 94px
    }

    .footer__content {
        flex-wrap: wrap
    }

    .footer .linkdin {
        order: 1;
        width: 100%
    }

    .footer .instagram {
        order: 2;
        width: 100%
    }

    .footer .telegram {
        order: 3
    }
}

@media (max-width:575px) {
    .footer__content li {
        margin-bottom: 10px
    }
}

.header-navbar {
    align-items: center;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .06);
    display: flex;
    height: 85px;
    justify-content: space-between;
    padding: 5px 26px;
    position: sticky !important;
    top: 23px;
    transition: all .3s;
    width: 100%;
    z-index: 9999
}

.header-navbar .navbar-toggler {
    cursor: pointer;
    padding: 4px 9px
}

.header-navbar .header-navbar__list .header-navbar__list-link {
    color: #777;
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s
}

.header-navbar .header-navbar__list .header-navbar__list-link:hover {
    color: #c9456a !important;
    transition: all .3s
}

.header-navbar .btn-nav-back {
    margin-right: 17px;
    padding: 7px 15px
}

.header-navbar .container {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: space-between
}

.header-navbar__align {
    position: absolute;
    right: 0
}

.header-navbar .header-navbar__hamburger div {
    background-color: #fff;
    display: block;
    height: 2px;
    margin: 3px 0;
    transition: all .3s ease-in-out;
    width: 19px
}

.header-navbar .header-navbar__hamburger.is-active div:nth-child(2) {
    opacity: 0
}

.header-navbar .header-navbar__hamburger.is-active div:first-child {
    transform: translateY(9px) rotate(45deg)
}

.header-navbar .header-navbar__hamburger.is-active div:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg)
}

.header-navbar__logo-back img {
    height: auto;
    margin-right: -7px;
    width: 164px;
}

.header-navbar__collapse {
    position: relative;
    z-index: 99
}

.header-navbar__collapse .header-navbar__btn {
    display: flex;
    gap: 12px
}

@media (min-width:432px) {
    .header-navbar__collapse .header-navbar__btn {
        margin-right: 16px
    }
}

.header-navbar__collapse .header-navbar__btn .button--green {
    box-shadow: none;
    font-weight: 700;
    padding: 11px 28px;
    width: 134px !important
}

.header-navbar__collapse .header-navbar__list-link {
    overflow: hidden
}

.header-navbar .header-navbar__menu-hidden {
    right: -100%
}

.header-navbar__mini-menu .header-navbar__menu-hidden {
    right: 0 !important;
    transition: .5s
}

.header-navbar__mini-menu .navbar-toggler {
    background-color: transparent
}

.header-navbar__list-item {
    color: #5d6475;
    font-size: 16px;
    margin-left: 28px
}

.header-navbar__logo-show {
    display: none
}

.header-navbar__menu-hidden {
    height: 100% !important;
    right: 0 !important;
    transition: .7s
}

@media (min-width:1445px) {
    .header-navbar {
        left: 0;
        margin: auto;
        position: fixed !important;
        right: 0;
        text-align: center;
        width: 1400px
    }
}

@media (min-width:1200px) and (max-width:1445px) {
    .header-navbar {
        left: 0;
        margin: auto;
        position: fixed !important;
        right: 0;
        text-align: center;
        width: 98%
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .header-navbar {
        left: 0;
        margin: auto;
        position: fixed !important;
        right: 0;
        text-align: center;
        width: 936px
    }
}

@media (max-width:431px) {
    .header-navbar__menu-hidden {
        right: -100% !important
    }

    .header-navbar__mini-menu .header-navbar__menu-hidden {
        width: 332px !important
    }

    .header-navbar__mini-menu .navbar-toggler {
        background-color: transparent
    }

    .header-navbar__collapse {
        background: #fff;
        bottom: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .header-navbar__collapse .header-navbar__btn {
        padding: 13px 30px
    }

    .header-navbar__toggle {
        border: none !important;
        position: fixed;
        right: 8px;
        z-index: 99
    }

    .header-navbar__logo-show {
        display: block;
        margin: auto;
        position: absolute;
        right: 40%;
        top: 3%
    }

    .header-navbar__logo-show img {
        width: 125px
    }

    .header-navbar__list {
        padding: 75px 30px 10px 5px
    }

    .header-navbar__logo-back {
        margin-right: auto
    }

    .header-navbar__logo-back img {
        width: 120px
    }

    .header-navbar__list-link {
        display: block;
        font-size: 14px;
        padding: 15px 0 !important
    }
}

@media (min-width:431px) and (max-width:767px) {
    .header-navbar__menu-hidden {
        right: -100% !important
    }

    .header-navbar__collapse {
        background: #fff !important;
        bottom: 0;
        position: fixed !important;
        right: 0;
        top: 0;
        width: 40%;
        z-index: 1
    }

    .header-navbar__toggle {
        border: none !important;
        position: fixed;
        right: 8px;
        z-index: 99
    }

    .header-navbar__logo-show {
        display: block;
        position: absolute;
        right: 200px;
        top: 3%
    }

    .header-navbar__logo-back {
        margin-right: auto
    }

    .header-navbar__logo-back img {
        width: 130px
    }

    .header-navbar__logo-show img {
        width: 140px
    }

    .header-navbar__list {
        padding: 75px 20px 30px 5px
    }

    .header-navbar__mini-menu .header-navbar__menu-hidden {
        width: 421px !important
    }

    .header-navbar__mini-menu .navbar-toggler {
        background-color: transparent
    }

    .header-navbar__list-link {
        display: block;
        font-size: 15px;
        padding: 15px 0 !important
    }
}

@media (min-width:992px) {
    .header-navbar__toggle {
        display: none
    }

    .header-navbar__collapse {
        align-items: center;
        display: flex !important;
        width: 100%
    }

    .header-navbar .navbar-toggler {
        padding: 0 !important
    }
}

@media (min-width:768px) and (max-width:992px) {
    .header-navbar__menu-hidden {
        right: -100% !important
    }

    .header-navbar__collapse {
        background: #fff !important;
        bottom: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 40%;
        z-index: 1
    }

    .header-navbar__toggle {
        border: none !important;
        position: fixed;
        right: 8px;
        z-index: 99
    }

    .header-navbar__logo-show {
        display: block;
        left: 20px;
        position: absolute;
        top: 2%
    }

    .header-navbar__logo-show img {
        width: 140px
    }

    .header-navbar__list-link {
        display: block;
        font-size: 17px;
        padding: 15px 0 !important
    }

    .header-navbar__list {
        padding: 75px 20px 10px
    }

    .header-navbar__logo-back {
        margin-right: auto;
        width: 130px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .header-navbar__list-item {
        font-size: 14px;
        margin-left: 23px
    }

    .header-navbar__btn .button--green {
        font-size: 14px;
        padding: 8px 13px !important
    }

    .header-navbar__list .header-navbar__list-link {
        font-size: 14px
    }
}

@media (max-width:992px) {
    .header-navbar {
        height: 66px
    }

    .header-navbar .navbar-toggler {
        background-color: #717171;
        border: none !important;
        border-radius: 8px;
        color: #fff;
        cursor: pointer;
        height: 32px;
        left: 16px;
        padding: 7px !important;
        position: absolute;
        right: unset;
        top: 16px;
        width: 32px;
        z-index: 9
    }

    .header-navbar .header-navbar__bg .header-navbar__hamburger {
        display: none !important
    }

    .header-navbar .navbar-logo-img {
        display: block;
        margin-right: 16px;
        margin-top: -17px;
        position: absolute;
        right: 0
    }

    .header-navbar .header-navbar__btn {
        display: flex;
        gap: 12px
    }

    .header-navbar .header-navbar__btn .button--green {
        width: 128px !important
    }

    .header-navbar__collapse {
        z-index: 99
    }

    .header-navbar .header-navbar__logo-show {
        display: block;
        position: absolute;
        right: 16px;
        top: 3%
    }

    .header-navbar .header-navbar__xMark {
        cursor: pointer;
        left: 20px;
        position: absolute;
        top: 24px
    }

    .header-navbar .header-navbar__collapseOverlay {
        background: rgba(0, 0, 0, .33);
        bottom: 0;
        height: 100%;
        left: -930px;
        position: absolute;
        top: 0;
        width: 931px
    }
}

@media (width > 992px) {
    .header-navbar .header-navbar__xMark {
        display: none
    }
}

@media (992px < width < 1200px) {
    .header-navbar__list-item {
        margin-left: 17px;
        white-space: nowrap
    }

    .header-navbar__btn .button--green {
        max-width: 100px !important;
        width: 100px !important
    }
}

header {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999
}

@media (min-width:992px) {
    header .navbar-toggler {
        padding: 0 !important
    }
}

@media (max-width:992px) {
    header {
        z-index: 9999999
    }
}

header:before {
    content: ""
}

.card {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d9e2e9;
    border-radius: 8px;
    box-shadow: 0 18.4486px 61.4953px -8.19938px rgba(60, 67, 84, .06);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.card__image {
    border-radius: 4px;
    margin: 0;
    padding: 10px 10px 15px;
    position: relative
}

.card__image img {
    border-radius: 4px;
    height: 100%;
    width: 100%
}

.card .card__body {
    overflow: hidden;
    padding: 0 18px 18px
}

.card__title {
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    min-height: 90px
}

.card__title a {
    color: #3c4354;
    transition: .3s
}

.card__title a:hover {
    color: #8ed557
}

.card__info {
    margin-top: 7px
}

.card__detail {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    position: relative
}

.card__rate {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .3s
}

.card__rate-box {
    align-items: center;
    background-color: #f2f3f5;
    border-radius: 4px;
    color: #778298;
    display: flex;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 700;
    gap: 4px;
    justify-content: flex-end;
    line-height: 1;
    max-width: 70px;
    padding: 6px 10px
}

.card__rate-box img {
    height: 16px;
    width: 16px
}

.card__amount {
    display: flex;
    flex-direction: column;
    font-family: IRANSans;
    gap: 6px;
    justify-content: flex-start;
    margin-right: auto;
    position: relative
}

.card__sale {
    align-items: center;
    display: flex;
    gap: 8px;
    left: 0;
    position: absolute;
    top: -25px
}

.card__sale-number {
    color: #778298;
    font-size: 14px;
    font-weight: 700
}

.card__badge {
    align-items: center;
    background: #f5b427;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    max-height: 24px;
    padding: 4px 8px
}

.card__content {
    position: relative
}

.card__regular {
    align-items: center;
    color: #3c4354;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 5px;
    justify-content: flex-end
}

.card__regular span {
    color: #778298;
    font-size: 14px
}

.card__action {
    bottom: -16px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: .3s
}

@media (min-width:1200px) {
    .card:hover .card__rate {
        height: auto;
        opacity: 0;
        top: -30px
    }

    .card:hover .card__action {
        bottom: 14px;
        opacity: 1
    }
}

@media (max-width:1200px) {
    .card .card__action {
        bottom: auto;
        margin-top: 15px;
        opacity: 1;
        overflow: auto;
        position: relative;
        transition: .3s;
        width: 100%
    }

    .card .card__action .button {
        width: 100%
    }
}

.card--dark {
    background: #485166;
    border: none;
    box-shadow: 0 18.4486px 61.4953px -8.19938px rgba(60, 67, 84, .06)
}

.card--dark .card__title a {
    color: #fdfefe
}

.card--dark .card__rate-box {
    background-color: rgba(119, 130, 152, .2);
    color: #d2dded
}

.card--dark .card__regular {
    color: #fdfefe
}

.card--dark .card__regular span {
    color: #acb6c8
}

.card--has-quick-support:after {
    background-image: url(../media/css/quick-support-hover.svg?735da050e3b20dd89886580b70b45563);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 90px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: .3s;
    width: 90px;
    z-index: 99
}

.card--has-quick-support:hover:after {
    background-image: url(../media/css/quick-support.svg?813ad430c192c0958b9599cb623295df)
}

.ring {
    display: inline-block;
    position: relative
}

.ring div {
    animation: ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    -webkit-animation: ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 2px solid transparent;
    border-radius: 50%;
    border-top-color: #8ed557;
    box-sizing: border-box;
    display: block;
    height: 22px;
    left: 16px;
    position: absolute;
    top: -15px;
    width: 22px
}

.ring div:first-child {
    animation-delay: -.45s;
    -webkit-animation-delay: -.45s
}

.ring div:nth-child(2) {
    animation-delay: -.3s;
    -webkit-animation-delay: -.3s
}

.ring div:nth-child(3) {
    animation-delay: -.15s;
    -webkit-animation-delay: -.15s
}

.button {
    align-items: center;
    background-color: #ececec;
    border: none;
    border-radius: 4px;
    color: #8b8b8b;
    cursor: pointer;
    display: inline-flex;
    font-family: Iransans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    justify-content: center;
    -webkit-mask-image: linear-gradient(45deg, #000 25%, rgba(0, 0, 0, .2) 50%, #000 75%);
    mask-image: linear-gradient(45deg, #000 25%, rgba(0, 0, 0, .2) 50%, #000 75%);
    -webkit-mask-position: 0;
    mask-position: 0;
    -webkit-mask-size: 800%;
    mask-size: 800%;
    padding: 10px 20px;
    transition: .3s;
    white-space: nowrap
}

.button:focus {
    outline: none !important
}

.button:hover {
    background-color: #e7e7e7;
    color: #8e939b;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
    transition: mask-position 1s ease, -webkit-mask-position 1s ease
}

.button--disable {
    filter: grayscale(80%);
    pointer-events: none
}

.button--green {
    background-color: #ffc107;
    box-shadow: 0 4px 15px #ffc107;
    color: #000;
}

.button--green:hover {
    background-color: #c9456a;
    color: #fff
}

.button--red {
    background-color: #d61034;
    color: #fff
}

.button--red:hover {
    background-color: #c21031;
    color: #fff
}

.button--orange {
    background-color: #ffcb57;
    color: #fff
}

.button--orange:hover {
    background-color: #f8b615;
    color: #fff
}

.button--white {
    background-color: #fff;
    color: #3c4354
}

.button--white:hover {
    background-color: #e1e1e1;
    color: #3c4354
}

.button--black {
    background-color: #252931;
    color: #fff
}

.button--black:hover {
    background-color: #32363f;
    color: #fff
}

.button--gray {
    background-color: #e8eef6;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .07);
    color: #3c4354
}

.button--gray:hover {
    background-color: #7ac142;
    color: #fff
}

.button--square {
    height: 44px;
    width: 44px
}

.button.button--icon {
    gap: 10px;
    padding: 12px 25px 12px 15px !important
}

.button--disabled {
    background-color: #ededed !important;
    box-shadow: none;
    color: #fff;
    pointer-events: none !important
}

.button--small {
    font-size: 15px;
    padding: 8px 24px
}

.button--extra-small {
    font-size: 12px;
    padding: 4px 10px
}

.button--large {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px
}

.button--outline {
    background-color: transparent;
    border: 1px solid #ffc107;
    color: #ffc107;
}

.overlay--white {
    background: hsla(0, 0%, 100%, .8)
}

.overlay--gray,
.overlay--white {
    bottom: 0;
    left: 0;
    position: fixed !important;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 999999
}

.overlay--gray {
    background: rgba(0, 0, 0, .33)
}

.dimmer {
    background: hsla(0, 0%, 92%, .46);
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99999
}

.dimmer__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%
}

.dimmer__text {
    color: #86b91d;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2.75rem
}

.dimmer--gray {
    background: rgba(0, 0, 0, .74);
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 999999
}

.dimmer--gray__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%
}

.dimmer--gray__text {
    color: #86b91d;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2.75rem
}

.clipboard {
    background-color: #e8eef6;
    border-radius: 4px;
    color: #3c4354;
    font-size: 18px;
    font-weight: 400;
    height: 53px;
    padding: 8px;
    position: relative;
    text-align: right
}

.clipboard__image {
    display: flex
}

.clipboard__button {
    background-color: #fff;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    height: 40px !important;
    left: 0;
    margin: 0 auto;
    padding: 13px;
    position: absolute;
    top: 0;
    transform: translate(15%, 13%)
}

.clipboard__input {
    background: transparent;
    border: none;
    font-family: IRANYekan, IRANSans, Tahoma, sans-serif;
    height: 100%;
    outline: none;
    padding: 8px 0 5px 40px;
    width: 100%
}

.clipboard__input,
.clipboard__message {
    color: #3c4354;
    font-size: 16px;
    text-align: center
}

.clipboard__message {
    background-color: #e8eef6;
    display: none;
    left: 55%;
    min-width: 195px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.clipboard--small {
    height: 40px;
    margin: 24px 0 14px;
    max-width: 180px;
    min-width: unset;
    padding: 3px 0 0 3px;
    width: 100%
}

.clipboard--small .clipboard__button {
    height: 35px !important;
    left: -4px;
    padding: 10px;
    position: absolute;
    top: -4px
}

.clipboard--small .clipboard__input {
    font-size: 10px;
    padding: 0
}

.clipboard--small .clipboard__message {
    bottom: 35px;
    left: 0;
    right: auto;
    width: 140px
}

.clipboard--medium {
    height: 40px;
    margin: 24px 0 14px;
    max-width: 210px;
    min-width: unset;
    padding: 3px 0 0 3px;
    width: 100%
}

.clipboard--medium .clipboard__button {
    height: 35px !important;
    left: -4px;
    padding: 10px;
    position: absolute;
    top: -4px
}

.clipboard--medium .clipboard__input {
    font-size: 11px;
    padding: 0
}

.clipboard--medium .clipboard__message {
    bottom: 45px;
    left: 0;
    right: auto;
    width: 140px
}

@media (max-width:575px) {
    .clipboard__input {
        border: none;
        outline: none;
        padding: 5px 0 5px 20px
    }
}

@media (max-width:1200px) {
    .clipboard {
        border-radius: 8px;
        position: relative;
        text-align: right
    }
}

.clock-boxes-head {
    display: flex;
    gap: 25px;
    justify-content: center;
    margin-bottom: 8px
}

.clock-boxes-number-head {
    align-items: center;
    background: #d61034;
    border-radius: 4px;
    color: #3c4354;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 51px;
    justify-content: center;
    position: relative;
    width: 35px;
    z-index: 0
}

.clock-boxes-number-head:after {
    background: #fff;
    border-radius: 4px;
    bottom: -5px;
    box-shadow: 0 24px 48px rgba(103, 114, 142, .12);
    content: "";
    height: 45px;
    position: absolute;
    top: 3px;
    width: 45px;
    z-index: -1
}

.clock-boxes-info-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.clock-boxes-title-head {
    color: #abaaaa;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 18px;
    margin-top: 10px;
    position: relative
}

.clock-boxes-title-head:after {
    background-image: url(../media/css/green-triangle.svg?71c6d7dd89e2ea6e691a241b362bf7d7);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 22px;
    width: 100%;
    z-index: 9
}

.card-countdown {
    align-items: center;
    background-color: #4d535d;
    border-radius: 8px;
    color: #fff;
    display: none;
    flex-direction: column;
    font-size: 14px;
    left: 5px;
    padding: 8px 18px;
    position: absolute;
    top: 5px;
    z-index: 9
}

.clock-white {
    display: flex;
    justify-content: end;
    position: relative;
    z-index: 9
}

.clock-white:before {
    background-color: #efefef;
    border: none;
    border-radius: 4px;
    bottom: -6px;
    content: "";
    position: absolute;
    right: 18px;
    top: -6px;
    width: 44px
}

.clock-white__leftSym {
    background-color: #ff4848;
    border-radius: 100px;
    box-shadow: 0 2px 4px rgba(255, 72, 72, .29);
    height: 14px;
    left: 59px;
    position: absolute;
    top: 27px;
    width: 14px;
    z-index: 99
}

.clock-white__bgLeft {
    left: 9px
}

.clock-white__bgCenter,
.clock-white__bgLeft {
    background: #efefef;
    border-radius: 4px;
    bottom: -6px;
    position: absolute;
    top: -6px;
    width: 46px
}

.clock-white__bgCenter {
    left: 81px;
    z-index: -1
}

.clock-white__rightSym {
    background-color: #ff4848;
    border-radius: 100px;
    box-shadow: 0 2px 4px rgba(255, 72, 72, .29);
    height: 14px;
    position: absolute;
    right: 71px;
    top: 27px;
    width: 14px;
    z-index: 99
}

.boxs-clock-white {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(179, 187, 232, .2);
    display: flex;
    flex-direction: column;
    height: 67px;
    margin-right: 11px;
    position: relative;
    text-align: center;
    width: 61px
}

.boxs-clock-white:after {
    border-bottom-left-radius: 100px;
    border-right: 0;
    border-top-left-radius: 100px;
    right: 0
}

.boxs-clock-white:after,
.boxs-clock-white:before {
    background-color: #fafafa;
    content: "";
    height: 17px;
    position: absolute;
    top: 25px;
    width: 9px
}

.boxs-clock-white:before {
    border-bottom-right-radius: 100px;
    border-right: 0;
    border-top-right-radius: 100px;
    left: 0
}

.all-clock-box-white {
    display: flex
}

.span-clock-white {
    color: #3c4354;
    font-family: Dana, Tahoma, sans-serif;
    font-size: 22px;
    font-weight: 700
}

.titleClock-white {
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #a7afc2;
    font-family: Dana, Tahoma, sans-serif;
    font-size: 13px;
    padding: 6px 3px
}

.clock-boxes-info:nth-child(4) {
    display: none
}

.countdown-hasDay .clock-boxes-info:nth-child(4) {
    display: flex
}

.clock-boxes {
    align-items: center;
    gap: 20px
}

.clock-boxes,
.clock-boxes-info {
    display: flex;
    justify-content: center
}

.clock-boxes-info {
    background: #e8eef6;
    border-radius: 6px;
    flex-direction: column;
    gap: 12px;
    height: 81px;
    text-align: center;
    width: 63px
}

.clock-boxes-number {
    align-items: center;
    color: #3c4354;
    display: flex;
    font-size: 22px;
    justify-content: center;
    position: relative
}

.clock-boxes-number,
.clock-boxes-title {
    font-family: IRANSans, Dana, Tahoma, sans-serif
}

.clock-boxes-title {
    color: #778298;
    font-size: 12px;
    font-weight: 500
}

.clock-boxes .clock-boxes-info--red {
    background-color: #ffebde !important
}

.clock-boxes .clock-boxes-info--red .clock-boxes-number,
.clock-boxes .clock-boxes-info--red .clock-boxes-title {
    color: #ff665e !important
}

.clock-boxes-host {
    align-items: center;
    display: flex;
    gap: 9px;
    justify-content: center;
    margin-top: 12px
}

.clock-boxes-host-span {
    color: #3c4354;
    font-size: 23px
}

.clock-boxes-host-info {
    background: #f6f6f6;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 66px;
    justify-content: center;
    text-align: center;
    width: 48px
}

.clock-boxes-host-number {
    align-items: center;
    color: #343b4a;
    display: flex;
    font-family: YekanBakh, IRANSans, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    position: relative
}

.clock-boxes-host-title {
    color: #8a8a8a;
    font-family: IRANYekan, IRANSans, Tahoma, sans-serif;
    font-size: 13px;
    font-weight: 600
}

.page-loader {
    background: hsla(0, 0%, 100%, .8);
    display: none;
    left: 0;
    position: fixed !important;
    text-align: center;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 999999
}

.page-loader,
.page-loader__inner {
    align-items: center;
    height: 100%;
    justify-content: center
}

.page-loader__inner {
    display: flex;
    flex-direction: column
}

.page-loader__text {
    color: #86b91d;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2.75rem
}

.spinner {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative
}

.spinner div {
    animation: spinner .5s linear infinite;
    border: .2875rem solid #ededed;
    border-radius: 50%;
    border-top-color: #86b91d;
    display: block;
    height: 3.125rem;
    position: absolute;
    width: 3.125rem
}

.section-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 29px;
    position: relative
}

.section-head:before {
    background-color: #f5f5f5;
    border-radius: 12px;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    min-height: 64px;
    position: absolute;
    right: 25px;
    top: 0;
    z-index: -1
}

.section-head__content {
    align-items: center;
    display: flex;
    gap: 17px;
    justify-content: flex-start
}

.section-head__image {
    align-items: center;
    background: #d61034;
    border-radius: 8px;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px
}

.section-head__title {
    color: #585858;
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 22px;
    font-weight: 400
}

.section-head__desc {
    align-items: center;
    border-radius: 10px;
    display: flex;
    gap: 37px;
    height: 50px;
    justify-content: space-between;
    padding: 0 23px
}

.section-head__desc--hide {
    display: none
}

.section-head__text {
    background: #fff;
    border-radius: 8px;
    color: #3c4354;
    font-family: YekanBakh, IRANSans, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 44px
}

.section-head__text span {
    color: #367755
}

.section-head__clock {
    margin-bottom: 35px;
    position: relative
}

.section-head__clock--hide {
    display: none
}

@media (max-width:431px) {
    .section-head__title {
        font-size: 18px
    }

    .section-head__desc {
        font-size: 16px
    }

    .section-head__text {
        text-align: center
    }
}

@media (max-width:1200px) {
    .section-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
        text-align: right
    }

    .section-head__desc {
        flex-direction: column;
        height: auto;
        margin: 0 auto;
        padding: 10px 23px
    }

    .section-head__clock {
        margin-bottom: 0
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .section-head {
        flex-direction: row
    }

    .section-head__desc {
        margin: 0
    }
}

@media (max-width:570px) {
    .section-head:before {
        right: 0
    }
}

.cardAcademy {
    background-color: #14385b;
    border: 1px solid #071c38;
    justify-content: start;
    max-width: 342px !important
}

.cardAcademy .card__title a {
    color: #fff
}

.cardAcademy .card__image {
    padding: 17px 15px 10px
}

.cardAcademy .card__subTitle {
    color: #b0b0b0;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px
}

.cardAcademy .card__rate {
    border-left: 1px solid #0c2645;
    padding-left: 12px;
    position: unset
}

.cardAcademy .card__rate-box {
    align-items: center;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cardAcademy .card__rate-boxCount {
    font-size: 21px;
    font-weight: 600
}

.cardAcademy .card__rate-boxCount--green {
    color: #8ed557
}

.cardAcademy .card__rate-boxCount--orange {
    color: #fbcb65
}

.cardAcademy .card__rate-boxTitle {
    color: #b0b0b0;
    font-size: 14px;
    font-weight: 400
}

.cardAcademy .card__regular {
    color: #fff
}

.cardAcademy .card__sale-number {
    text-decoration-color: #010d23
}

.hero {
    background-image: url(../img/hero-bg.png?86f2ds8602e36…);
    background-size: cover;
    height: 100vh;
    padding-bottom: 269px;
    padding-top: 234px;
    position: relative;
    z-index: 0;
}

.hero,
.hero:before {
    background-position: 50%;
    background-repeat: no-repeat
}

.hero:before {
    background-image: url(../img/hero-coins.png?b395d37…);
    background-size: 100% auto;
    background-position: top;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.hero__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center
}

.hero__title {
    color: #062b51;
    font-family: 'IRANSans', Tahoma, sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-shadow: 0 3px 18px #ffc107;
}

.hero__desc {
    color: #000000;
    font-family: IRANSans, IRANYekan, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    width: 525px;
}

.hero video {
    border: 4px solid #fff;
    border-radius: 16px;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 856px;
    z-index: 1
}

.hero .hero__video {
    left: 0;
    margin: 47px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 99
}

.hero .hero__videoButton {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .18);
    bottom: 0;
    display: flex;
    height: 72px;
    justify-content: center;
    margin: auto;
    padding: 34px;
    text-align: center;
    width: 72px;
    z-index: 9
}

.hero .hero__videoButton,
.hero .hero__videoButton:before {
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hero .hero__videoButton:before {
    animation: grow 1s infinite;
    background-color: hsla(0, 0%, 100%, .15);
    content: "";
    height: 73px;
    margin: 0 auto;
    width: 73px;
    z-index: -1
}

@media (width < 768px) {
    .hero {
        background-image: url(../img/hero-bg-responsive.png?9c978974ca5bd8257eec2c080784e7eb);
        height: 542px;
        padding: 196px 0 186px
    }

    .hero:before {
        background-image: url(../img/hero-coins-responsive.svg?ac4dc1a2ce35a37c40e51c0bc93b9f3d);
        content: ""
    }

    .hero__texts {
        gap: 8px
    }

    .hero__title {
        font-size: 32px;
        text-align: center;
    }

    .hero__desc {
        font-size: 16px;
    }

    .hero video {
        height: 219px;
        width: 350px
    }
}
@media (width < 576px) {
    .hero {
        padding: 96px 0 186px;
    }
    .hero__desc {
        font-size: 16px;
        width: 100%;
    }
}
@media (768px < width < 1440px) {
    .hero__texts {
        gap: 8px
    }

    .hero__title {
        font-size: 32px
    }

    .hero__desc {
        font-size: 16px;
        width: 525px
    }

    .hero video {
        height: 330px;
        width: 100%
    }
}

@media (width < 991px) {
    .hero {
        height: 100%
    }
}

.income {
    padding-top: 120px
}

.income__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding-top: 30px
}

@media (width < 992px) {
    .income__texts {
        padding-top: 0
    }
}

.income__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.income__desc,
.income__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.income__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.income__image {
    margin-top: 52px;
    text-align: center
}

.income__image img {
    max-width: 100%
}

@media (width < 768px) {
    .income {
        padding-top: 60px
    }

    .income__texts {
        gap: 8px
    }

    .income__title {
        font-size: 20px
    }

    .income__desc {
        font-size: 14px
    }

    .income__image {
        margin-top: 24px
    }
}

.advice {
    margin-top: 120px
}

@media (max-width:992px) {
    .advice {
        margin-top: 70px
    }
}

.advice__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding-bottom: 52px
}

.advice__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600;
    text-align: center
}

.advice__desc,
.advice__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.advice__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.advice__card {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 24px 32px;
    transition: .3s
}

.advice__cardHead {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-start
}

.advice__cardTitle {
    color: #423f3f;
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 500
}

.advice__cardDesc {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 400
}

.advice__card:hover {
    border-color: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .09);
    margin-top: -20px
}

@media (width < 1440px) {
    .advice__texts {
        gap: 8px
    }

    .advice__title {
        font-size: 20px
    }

    .advice__desc {
        font-size: 14px;
        text-align: center
    }

    .advice__card {
        padding: 24px 20px
    }

    .advice__cardTitle {
        font-size: 16px
    }

    .advice__cardDesc {
        font-size: 14px
    }

    .advice__card:hover {
        border-color: #ebebeb;
        box-shadow: unset;
        margin-top: unset
    }
}

.banner {
    margin-bottom: 94px;
    margin-top: 36px
}

.banner__image {
    border-radius: 16px;
    margin: 0 auto
}

.banner__image img {
    border-radius: 16px;
    width: 100%
}

@media (width < 992px) {
    .banner {
        display: none
    }
}

.academy {
    position: relative
}

.academy:before {
    background-image: url(../media/css/academy-bg.png?759f36b5ef899bea7c08163d0c49151e);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 346px;
    left: 0;
    position: absolute;
    right: 0;
    top: -83px;
    z-index: -1
}

.academy .container {
    position: relative
}

.academy .container:after {
    background-image: url(../media/css/academy-hat.png?7fd36f4888b506cbbd2c4854ff1f003a);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 227px;
    position: absolute;
    right: 120px;
    top: -142px;
    width: 315px
}

.academy__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    margin-top: 83px
}

.academy__title {
    color: #fff;
    font-size: 32px;
    font-weight: 600
}

.academy__desc,
.academy__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.academy__desc {
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 400
}

.academy__card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 16px
}

.academy__cardHead {
    align-items: flex-start;
    border-bottom: 1px dashed #d7d7d7;
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    padding-bottom: 16px
}

.academy__cardImage {
    height: auto;
    width: 290px
}

.academy__cardImage img {
    border-radius: 8px;
    height: auto;
    width: 290px
}

.academy__cardInfo {
    width: 100%
}

.academy__cardText {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start
}

.academy__cardTitle {
    color: #3c4354;
    font-size: 20px;
    max-width: 330px
}

.academy__cardDesc,
.academy__cardTitle {
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.academy__cardDesc {
    color: #767676;
    font-size: 16px;
    width: 270px
}

.academy__cardDetail {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
    margin-top: 16px
}

.academy__cardDetailBox {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.academy__cardDetailBoxText {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: flex-start
}

.academy__cardDetailBoxTitle {
    color: #b0b0b0;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.academy__cardDetailBoxIcon {
    height: 18px;
    width: 18px
}

.academy__cardDetailBoxRate {
    color: #2b303c;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 700
}

.academy__cardFooter {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

.academy__cardFooterPricesTop {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    padding-left: 11px
}

.academy__cardFooterPricesSale {
    align-items: center;
    color: #3c4354;
    display: flex;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 28px;
    font-weight: 700;
    gap: 2px;
    position: relative
}

.academy__cardFooterPricesSale span {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400;
    transform: rotate(-90deg)
}

.academy__cardFooterPricesBadge {
    align-items: center;
    background-color: #f5b427;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 0;
    padding-top: 4px;
    width: 48px
}

.academy__cardFooterPricesRegular {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.academy__content {
    margin-top: 60px
}

@media (width < 1200px) {
    .academy:before {
        background-image: url(../media/css/academy-bg-mobile.png?c3274d4d314462d5434dddbfb6038105)
    }

    .academy .container:after {
        right: -100px !important
    }

    .academy__cardHead {
        flex-direction: column
    }

    .academy__cardImage,
    .academy__cardImage img {
        width: 100%
    }

    .academy__title {
        font-size: 20px;
        font-weight: 400;
        text-align: center
    }

    .academy__desc {
        font-size: 14px
    }

    .academy__cardTitle {
        font-size: 16px;
        font-weight: 300
    }

    .academy__cardDesc {
        font-size: 12px;
        font-weight: 300
    }

    .academy__cardDetailBoxTitle {
        font-size: 12px
    }

    .academy__cardFooterPricesSale {
        font-size: 20px
    }

    .academy__cardFooterPricesRegular,
    .academy__cardFooterPricesSale span {
        font-size: 12px
    }
}

@media (min-width:578px) and (max-width:768px) {
    .academy .container:after {
        height: 200px;
        right: -300px !important;
        width: 500px
    }
}

@media (width < 578px) {
    .academy .container:after {
        height: 112px;
        right: 20px !important;
        top: -110px;
        width: 157px
    }
}

.bestSell {
    background-image: url(../media/css/bestSells-bg.png?3c56ef7ec57b9b0aeb8755fb294ae22a);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px;
    padding-bottom: 100px;
    position: relative
}

@media (max-width:992px) {
    .bestSell {
        margin-top: 70px
    }
}

.bestSell:before {
    left: 0;
    width: 25%;
    z-index: 1
}

.bestSell:after,
.bestSell:before {
    background-size: cover;
    background: linear-gradient(90deg, hsla(60, 5%, 96%, .8), hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0
}

.bestSell:after {
    right: 0;
    transform: rotate(-180deg);
    width: 19%;
    z-index: 9
}

.bestSell__coins {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -20px;
    width: 100%;
    z-index: 9
}

@media (max-width:768px) {
    .bestSell__coins {
        display: none
    }
}

.bestSell__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding-top: 65px;
    position: relative
}

@media (max-width:768px) {
    .bestSell__texts:before {
        background-image: url(../media/css/coin-2.png?dbabcec21340643997596aabb56c1e52);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 40px;
        position: absolute;
        right: 30px;
        top: 3px;
        width: 47px
    }
}

.bestSell__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.bestSell__desc,
.bestSell__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.bestSell__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.bestSell__content {
    position: relative
}

@media (max-width:768px) {
    .bestSell__content:after {
        background-image: url(../media/css/coin-1.png?51a3f6bf65e3f5a52ae76b03feec5dd0);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 53px;
        left: 30px;
        position: absolute;
        top: 3px;
        width: 61px
    }
}

.bestSell__card {
    align-items: stretch;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .09);
    display: flex;
    gap: 32px;
    justify-content: flex-start;
    max-height: 312px;
    padding: 24px
}

@media (max-width:992px) {
    .bestSell__card {
        padding: 16px 16px 24px
    }
}

.bestSell__cardImage,
.bestSell__cardImage img {
    border-radius: 12px;
    height: auto;
    min-width: 550px;
    width: 550px
}

.bestSell__cardImage img {
    max-height: 263px
}

.bestSell__cardInfo {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.bestSell__cardTitle {
    color: #262525;
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 400;
    max-width: 455px;
    overflow: hidden;
    padding-bottom: 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bestSell__cardDetail {
    align-items: center;
    border-bottom: 1px dashed #bebebe;
    display: flex;
    gap: 16px;
    justify-content: start;
    padding-bottom: 30px
}

.bestSell__cardDetailBox {
    align-items: center;
    background: #f9f9f9;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    min-height: 104px;
    min-width: 145px;
    padding: 21px 11px;
    width: 100%
}

.bestSell__cardDetailTitle {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px
}

.bestSell__cardDetailPrice {
    align-items: center;
    color: #1e1c1c;
    display: flex;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 500;
    gap: 2px;
    justify-content: center;
    min-width: 123px;
    position: relative;
    text-align: center
}

.bestSell__cardDetailPrice span {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 400;
    transform: rotate(-90deg)
}

@media (max-width:1400px) {
    .bestSell__cardDetailPrice--number {
        min-width: 75px
    }
}

.bestSell__cardFooter {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.bestSell__cardFooterTitle {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.bestSell__cardFooterNumber {
    align-items: center;
    color: #1e1c1c;
    display: flex;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 32px;
    font-weight: 500;
    gap: 2px;
    position: relative
}

.bestSell__cardFooterNumber span {
    color: #767676;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    transform: rotate(-90deg)
}

.bestSell .bestSellSwiper {
    padding: 52px 0 60px
}

.bestSell .bestSellSwiper__buttons {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 68%
}

.bestSell .bestSellSwiper__buttons .swiper-button-next,
.bestSell .bestSellSwiper__buttons .swiper-button-prev {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .09);
    height: 52px;
    width: 52px;
    z-index: 99
}

.bestSell .bestSellSwiper__buttons .swiper-button-next {
    right: -13px
}

.bestSell .bestSellSwiper__buttons .swiper-button-next:after {
    background-image: url(../media/css/arrow-right-swiper.svg?3df0270be7926ecfeba87c6496e908ce);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    width: 6px
}

.bestSell .bestSellSwiper__buttons .swiper-button-prev {
    left: -13px
}

.bestSell .bestSellSwiper__buttons .swiper-button-prev:after {
    background-image: url(../media/css/arrow-right-swiper.svg?3df0270be7926ecfeba87c6496e908ce);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    transform: rotate(-180deg);
    width: 6px
}

.bestSell .swiper-slide-next .bestSell__card,
.bestSell .swiper-slide-prev .bestSell__card {
    height: 260px
}

.bestSell .swiper-slide-next .bestSell__cardImage,
.bestSell .swiper-slide-next .bestSell__cardImage img,
.bestSell .swiper-slide-prev .bestSell__cardImage,
.bestSell .swiper-slide-prev .bestSell__cardImage img {
    height: 100%;
    width: 100%
}

.bestSell .swiper-slide-next .bestSell__cardFooter,
.bestSell .swiper-slide-prev .bestSell__cardFooter {
    margin-top: 0
}

.bestSell .swiper-slide-next .bestSell__cardDetailBox,
.bestSell .swiper-slide-prev .bestSell__cardDetailBox {
    gap: 2px;
    min-height: 74px;
    min-width: 145px;
    padding: 0 11px
}

.bestSell .swiper-wrapper {
    align-items: center
}

.bestSell .swiper-pagination .swiper-pagination-bullet {
    background-color: #e9e9e9;
    height: 8px;
    opacity: 1;
    transition: .3s;
    width: 8px
}

.bestSell .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #8ed557;
    border-radius: 20px;
    width: 34px
}

@media (width < 1440px) {

    .bestSell:after,
    .bestSell:before {
        display: none
    }

    .bestSell__coins img {
        max-width: 100%
    }

    .bestSell__texts {
        gap: 8px
    }

    .bestSell__title {
        font-size: 20px
    }

    .bestSell__desc {
        font-size: 14px;
        text-align: center
    }

    .bestSell__card {
        flex-direction: column;
        max-height: 100%
    }

    .bestSell__cardInfo {
        width: 100%
    }

    .bestSell__cardDetail {
        background: #f9f9f9;
        border-bottom: unset;
        border-radius: 15px;
        flex-direction: column-reverse;
        gap: 0;
        padding: 16px
    }

    .bestSell__cardDetailBox {
        background-color: unset;
        border-bottom: 1px solid #e9e9e9;
        border-radius: unset;
        flex-direction: row;
        height: 100%;
        justify-content: space-between;
        min-height: 30px;
        padding: 12px 0;
        width: 100%
    }

    .bestSell__cardDetailBox:first-child {
        border-bottom: unset;
        padding-bottom: unset
    }

    .bestSell__cardImage {
        height: auto;
        min-width: 100%;
        text-align: center;
        width: 100%
    }

    .bestSell__cardImage img {
        height: auto;
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .bestSell__cardFooter {
        border-top: 1px dashed #bebebe;
        margin-top: 22px;
        padding-top: 22px
    }

    .bestSell__cardFooterTitle {
        font-size: 12px
    }

    .bestSell__cardFooterNumber {
        font-size: 20px
    }

    .bestSell__cardFooterNumber span {
        font-size: 12px;
        margin-top: 7px
    }

    .bestSell .bestSellSwiper {
        height: 100% !important
    }

    .bestSell .bestSellSwiper .swiper-slide {
        padding: 20px
    }

    .bestSell .bestSellSwiper__buttons {
        display: none
    }
}

@media (1439px < width < 1618px) {
    .bestSell .bestSellSwiper__buttons {
        width: 78%
    }
}

@media (width > 1618px) {
    .bestSell__cardImage {
        height: auto;
        width: 100%
    }

    .bestSell__cardImage img {
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

@media (1734px < width < 1765px) {
    .bestSell .bestSellSwiper__buttons {
        width: 72%
    }
}

@media (1766px < width < 1949px) {
    .bestSell .bestSellSwiper__buttons {
        width: 63%
    }
}

@media (1950px < width < 2072px) {
    .bestSell .bestSellSwiper__buttons {
        width: 57%
    }
}

@media (2073px < width) {
    .bestSell .bestSellSwiper__buttons {
        width: 51%
    }
}

.earnMoney {
    margin-top: 116px
}

.earnMoney__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center
}

.earnMoney__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.earnMoney__desc,
.earnMoney__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.earnMoney__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.earnMoney__content {
    margin-top: 52px;
    min-height: 190px
}

.earnMoney__card {
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    min-height: 146px;
    padding: 17px;
    transition: .3s;
    width: 100%
}

.earnMoney__card:hover {
    border: 1px solid transparent;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .09);
    margin-top: -20px;
    transition: .3s
}

.earnMoney__cardText {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start
}

.earnMoney__cardTitle {
    color: #1a1818;
    font-size: 20px;
    font-weight: 600
}

.earnMoney__cardDesc,
.earnMoney__cardTitle {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.earnMoney__cardDesc {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: 400
}

.earnMoney__cardIcon {
    width: 72px
}

.earnMoney__cardIcon img {
    width: 100%
}

.earnMoney__cardIcon--iran {
    width: 92px
}

.earnMoney__card--iran {
    gap: 8px
}

.earnMoney__card--persianization {
    padding-right: 32px
}

@media (width < 992px) {
    .earnMoney__card {
        min-height: 109px
    }

    .earnMoney__cardTitle {
        font-size: 16px
    }

    .earnMoney__cardDesc {
        font-size: 12px
    }

    .earnMoney__cardIcon,
    .earnMoney__cardIcon img {
        width: 48px
    }

    .earnMoney__cardIcon--iran {
        width: 74px
    }

    .earnMoney__cardIcon--iran img {
        width: 100%
    }

    .earnMoney__content {
        margin-top: 24px
    }

    .earnMoney__texts {
        gap: 8px
    }

    .earnMoney__title {
        font-size: 20px
    }

    .earnMoney__desc {
        font-size: 14px;
        text-align: center
    }
}

.startEarn {
    padding-top: 120px
}

.startEarn__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding-bottom: 52px;
    padding-top: 30px
}

@media (width < 992px) {
    .startEarn__texts {
        padding-top: 0
    }
}

.startEarn__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.startEarn__desc,
.startEarn__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.startEarn__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.startEarn__image {
    text-align: center
}

.startEarn__image img {
    max-width: 100%
}

.startEarn__image--mobile {
    display: none
}

@media (width < 992px) {
    .startEarn {
        padding-top: 45px
    }

    .startEarn__texts {
        gap: 8px
    }

    .startEarn__title {
        font-size: 20px
    }

    .startEarn__desc {
        font-size: 14px;
        text-align: center
    }

    .startEarn__image img {
        margin: 0 auto
    }

    .startEarn__image--mobile {
        display: block
    }

    .startEarn__image--desktop {
        display: none
    }
}

.experience {
    margin-top: 120px;
    position: relative
}

@media (max-width:992px) {
    .experience {
        margin-top: 70px
    }
}

.experience:before {
    left: 0;
    width: 25%;
    z-index: 1
}

.experience:after,
.experience:before {
    background-size: cover;
    background: linear-gradient(90deg, hsla(60, 5%, 96%, .8), hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0
}

.experience:after {
    right: 0;
    transform: rotate(-180deg);
    width: 34%;
    z-index: 9
}

.experience__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center
}

.experience__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.experience__desc,
.experience__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.experience__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.experience__content {
    margin-top: 42px;
    position: relative
}

@media (max-width:992px) {
    .experience__content {
        margin-top: 24px
    }
}

.experience__card {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .09);
    display: flex;
    gap: 32px;
    justify-content: center;
    padding: 32px 40px
}

@media (max-width:992px) {
    .experience__card {
        gap: 24px
    }
}

.experience__cardContent {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 286px
}

.experience__cardVideo {
    height: 100%;
    min-width: 672px;
    position: relative;
    width: 100%
}

.experience__card video {
    border: 3px solid #fff;
    border-radius: 16px;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .09);
    height: 412px;
    max-height: 412px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1
}

.experience__cardVideoButton {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .18);
    bottom: 0;
    display: flex;
    height: 72px;
    justify-content: center;
    margin: auto;
    padding: 34px;
    text-align: center;
    width: 72px;
    z-index: 9
}

.experience__cardVideoButton,
.experience__cardVideoButton:before {
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.experience__cardVideoButton:before {
    animation: grow 1s infinite;
    background-color: hsla(0, 0%, 100%, .15);
    content: "";
    height: 73px;
    margin: 0 auto;
    width: 73px;
    z-index: -1
}

.experience__cardInfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.experience__cardName {
    color: #1e1c1c;
    font-size: 20px
}

.experience__cardName,
.experience__cardTemplate {
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-weight: 400
}

.experience__cardTemplate {
    color: #8ed557;
    font-size: 14px;
    text-align: center
}

.experience__cardSale {
    background: #f9f9f9;
    border-radius: 16px;
    height: 246px;
    margin-top: 24px;
    padding: 5px 24px;
    width: 222px
}

.experience__cardSaleIcon img {
    height: 27px;
    width: 27px
}

.experience__cardSaleInfo {
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    padding: 12px 0
}

.experience__cardSaleInfo:last-child {
    border-bottom: unset
}

.experience__cardSaleInfoText {
    color: #6b6b6b;
    display: flex;
    flex-direction: column;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 400;
    gap: 8px
}

.experience__cardSaleInfoText span {
    color: #262525;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap
}

.experience__cardButton {
    margin-top: 24px;
    text-align: center;
    width: 100%
}

.experience__cardButton .button {
    border-radius: 8px;
    height: 48px;
    width: 100%
}

.experience .experienceSwiper__buttons {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 68%
}

.experience .experienceSwiper__buttons .swiper-button-next,
.experience .experienceSwiper__buttons .swiper-button-prev {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .09);
    height: 52px;
    width: 52px;
    z-index: 99
}

.experience .experienceSwiper__buttons .swiper-button-next {
    right: 78px;
    top: 48%;
    z-index: 99
}

@media (width < 1766px) {
    .experience .experienceSwiper__buttons .swiper-button-next {
        right: -13px
    }
}

.experience .experienceSwiper__buttons .swiper-button-next:after {
    background-image: url(../media/css/arrow-right-swiper.svg?3df0270be7926ecfeba87c6496e908ce);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    width: 6px
}

.experience .experienceSwiper__buttons .swiper-button-prev {
    left: 78px;
    top: 48%
}

@media (width < 1766px) {
    .experience .experienceSwiper__buttons .swiper-button-prev {
        left: -13px
    }
}

.experience .experienceSwiper__buttons .swiper-button-prev:after {
    background-image: url(../media/css/arrow-right-swiper.svg?3df0270be7926ecfeba87c6496e908ce);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    transform: rotate(-180deg);
    width: 6px
}

.experience .experienceSwiper .swiper-slide {
    padding: 29px 0
}

.experience .swiper-slide-next,
.experience .swiper-slide-prev {
    height: 493px !important
}

.experience .swiper-slide-next .experience__card,
.experience .swiper-slide-prev .experience__card {
    height: 319px;
    margin-top: 80px;
    padding-left: 10px
}

.experience .swiper-slide-next .experience__card video,
.experience .swiper-slide-prev .experience__card video {
    height: 252px
}

.experience .swiper-slide-next .experience__cardSale,
.experience .swiper-slide-prev .experience__cardSale {
    margin-top: 0;
    padding: 6px 24px
}

.experience .swiper-slide-next .experience__cardButton,
.experience .swiper-slide-next .experience__cardInfo,
.experience .swiper-slide-prev .experience__cardButton,
.experience .swiper-slide-prev .experience__cardInfo {
    display: none
}

.experience .swiper-pagination {
    bottom: -8px
}

.experience .swiper-pagination .swiper-pagination-bullet {
    background-color: #e9e9e9;
    height: 8px;
    opacity: 1;
    transition: .3s;
    width: 8px
}

.experience .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #8ed557;
    border-radius: 20px;
    width: 34px
}

@media (width < 1440px) {

    .experience:after,
    .experience:before {
        display: none
    }

    .experience__texts {
        gap: 8px
    }

    .experience__title {
        font-size: 20px
    }

    .experience__desc {
        font-size: 14px;
        text-align: center
    }

    .experience__content:after,
    .experience__content:before {
        display: none
    }

    .experience__card {
        flex-direction: column;
        height: 100%;
        margin: 0 auto;
        width: 100%
    }

    .experience__cardVideo {
        min-width: 100%;
        width: 100%
    }

    .experience__card video {
        height: 100%;
        width: 100%
    }

    .experience__cardContent {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%
    }

    .experience__cardVideoButton {
        height: 40px;
        padding: 20px;
        width: 40px
    }

    .experience__cardVideoButton img {
        height: 24px;
        width: 24px
    }

    .experience__cardVideoButton:before {
        height: 41px;
        width: 41px
    }

    .experience__cardSale {
        height: 100%;
        width: 100%
    }

    .experience__cardSaleInfoText {
        font-size: 12px;
        gap: 4px
    }

    .experience__cardName,
    .experience__cardSaleInfoText span {
        font-size: 16px
    }

    .experience__cardtemplate {
        font-size: 12px
    }

    .experience .experienceSwiper {
        height: 100% !important
    }

    .experience .experienceSwiper .swiper-slide {
        padding: 30px
    }

    .experience .swiper-pagination {
        bottom: 0
    }

    .experience .experienceSwiper__buttons {
        display: none
    }

    .experience .swiper-slide-active {
        width: 100% !important
    }

    .experience .swiper-slide-next,
    .experience .swiper-slide-prev {
        height: 100% !important
    }

    .experience .swiper-slide-next .experience__card,
    .experience .swiper-slide-prev .experience__card {
        height: 100% !important;
        margin-top: unset
    }

    .experience .swiper-slide-next .experience__card video,
    .experience .swiper-slide-prev .experience__card video {
        height: 100%
    }

    .experience .swiper-slide-next .experience__cardSale,
    .experience .swiper-slide-prev .experience__cardSale {
        display: block
    }
}

@media (width > 1618px) {
    .experience .experienceSwiper__buttons {
        width: 63%
    }
}

@media (1439px < width < 1618px) {
    .experience .experienceSwiper__buttons {
        width: 78%
    }
}

@media (1734px < width < 1765px) {
    .experience .experienceSwiper__buttons {
        width: 72%
    }
}

@media (1766px < width < 1950px) {
    .experience .experienceSwiper__buttons {
        width: 63%
    }
}

@media (1951px < width < 2071px) {
    .experience .experienceSwiper__buttons {
        width: 56%
    }
}

@media (2072px < width < 2229px) {
    .experience .experienceSwiper__buttons {
        width: 53%
    }
}

@media (width > 2229px) {
    .experience .experienceSwiper__buttons {
        width: 50%
    }
}

.advantages {
    margin-top: 0px;
    position: relative
}

.advantages:before {
    left: 0;
    width: 25%
}

.advantages:after,
.advantages:before {
    background-size: cover;
    background: linear-gradient(90deg, hsla(60, 5%, 96%, .8), hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9
}

.advantages:after {
    right: 0;
    transform: rotate(-180deg);
    width: 19%
}

.advantages__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center
}

.advantages__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.advantages__desc,
.advantages__title {
    font-family: "IranSans"
}

.advantages__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.advantages__content {
    margin-top: 52px;
    position: relative
}

.advantages__content:before {
    background-image: url(../media/css/advantages-linear.png?fddb7b4fbb7a1aaf8018d864aef012ab);
    background-size: cover;
    bottom: 0;
    content: "";
    height: 316px;
    left: 0;
    position: absolute;
    right: 0;
    top: -149px;
    z-index: -1
}

.advantages__card {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    display: flex;
    height: 200px;
    justify-content: center;
    position: relative;
    transition: .3s;
    width: 100%
}

.advantages__card:before {
    background-color: #fff;
    border: 4px solid #ebebeb;
    border-radius: 50%;
    content: "";
    height: 102px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -53px;
    width: 102px
}

.advantages__cardText {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin-top: 45px
}

.advantages__cardTitle {
    color: #1e1c1c;
    font-family: 'IranSans';
    font-size: 20px;
    font-weight: 600
}

.advantages__cardDesc {
    color: #8a8a8a;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.advantages__cardDesc span {
    color: #dc3545
}

.advantages__cardImage {
    align-items: center;
    background: #fff;
    border: 8px solid #f5f5f5;
    border-radius: 50%;
    display: flex;
    height: 102px;
    justify-content: center;
    margin: 0 auto -49px;
    position: relative;
    transition: .3s;
    width: 102px;
    z-index: 99
}

.advantages__cardImage img {
    height: 50px;
    width: 50px
}

.advantages__cardImage--hover {
    display: none
}

.advantages__cards {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    height: 280px;
    justify-content: flex-end;
    transition: .3s;
    width: 100%
}

.advantages .swiper-slide-active .advantages__cards {
    border-color: #fff;
    margin-top: -20px
}

.advantages .swiper-slide-active .advantages__cards .advantages__cardImage {
    background: #ffc107
}

.advantages .swiper-slide-active .advantages__cards .advantages__cardImage .advantages__cardImage--notHover {
    display: none
}

.advantages .swiper-slide-active .advantages__cards .advantages__cardImage .advantages__cardImage--hover {
    display: block
}

@media (width < 768px) {

    .advantages:after,
    .advantages:before {
        display: none
    }

    .advantages__cards {
        height: 200px
    }

    .advantages__card {
        align-items: flex-end;
        height: 134px;
        padding-bottom: 18px
    }

    .advantages__cardTitle {
        font-size: 16px
    }

    .advantages__cardDesc {
        font-size: 14px
    }

    .advantages__texts {
        gap: 8px
    }

    .advantages__title {
        font-size: 20px
    }

    .advantages__desc {
        font-size: 14px;
        text-align: center
    }
}

@media (width < 992px) {
    .advantages {
        margin-top: 140px
    }
}

.becomePopUp {
    Width: 636px;
    background-color: #fff;
    border-radius: 16px;
    display: none;
    left: 50%;
    margin: 0 auto;
    min-height: 577px;
    padding: 34px 24px 24px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999
}

.becomePopUp__inputs-alert {
    color: #ef5a5a;
    font-size: 12px;
    font-weight: 400
}

.becomePopUp__title {
    color: #141313;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 24px;
    text-align: center
}

.becomePopUp__image {
    border-radius: 8px
}

.becomePopUp__image img {
    border-radius: 8px;
    width: 100%
}

.becomePopUp__desc {
    color: #333030;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 16px
}

.becomePopUp__input {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 3px;
    margin-top: 16px;
    width: 100%
}

.becomePopUp__inputLabel {
    color: #585858;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 300
}

.becomePopUp__inputInner {
    border: 1px solid #dbdbdb;
    border-radius: 12px;
    height: 54px;
    padding: 0 16px;
    width: 100%
}

.becomePopUp__buttonsInfo {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 30px
}

.becomePopUp__button {
    background-color: #6ab82e !important;
    border-radius: 12px;
    width: 400px
}

.becomePopUp__buttonTwo {
    border-color: #6ab82e !important;
    border-radius: 12px;
    width: 180px
}

.becomePopUp.becomePopUp--number .becomePopUp__input--number {
    display: block !important
}

.becomePopUp.becomePopUp--number .becomePopUp__input--code {
    display: none !important
}

.becomePopUp.becomePopUp--number .becomePopUp__buttonsInfo--number {
    display: flex !important
}

.becomePopUp.becomePopUp--code .becomePopUp__input--number,
.becomePopUp.becomePopUp--number .becomePopUp__buttonsInfo--code {
    display: none !important
}

.becomePopUp.becomePopUp--code .becomePopUp__input--code {
    display: block !important
}

.becomePopUp.becomePopUp--code .becomePopUp__buttonsInfo--number {
    display: none !important
}

.becomePopUp.becomePopUp--code .becomePopUp__buttonsInfo--code {
    display: flex !important
}

.becomePopUp .becomePopUp__success {
    display: none
}

.becomePopUp.becomePopUp--success {
    height: 527px;
    min-height: 527px
}

.becomePopUp.becomePopUp--success .becomePopUp__download {
    display: none !important
}

.becomePopUp.becomePopUp--success .becomePopUp__success {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding-top: 67px;
    text-align: center
}

.becomePopUp.becomePopUp--success .becomePopUp__successTitle {
    color: #1a1818;
    font-family: Dana, IRANSans, Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-top: 30px;
    padding-bottom: 8px
}

.becomePopUp.becomePopUp--success .becomePopUp__successDesc {
    color: #333030;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.becomePopUp.becomePopUp--success .becomePopUp__successButtons {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 103px
}

.becomePopUp.becomePopUp--success .becomePopUp__successButtons .becomePopUp__successButton {
    background-color: #6ab82e !important;
    border-radius: 12px;
    width: 400px
}

.becomePopUp.becomePopUp--success .becomePopUp__successButtons .becomePopUp__successButtonTwo {
    border-color: #6ab82e !important;
    border-radius: 12px;
    width: 180px
}

@media (width < 768px) {
    .becomePopUp {
        width: 90%
    }

    .becomePopUp .becomePopUp__successButtons {
        flex-direction: column;
        width: 100%
    }

    .becomePopUp .becomePopUp__successButtons .button {
        width: 100% !important
    }

    .becomePopUp .becomePopUp__image img {
        max-width: 100%
    }
}

.specialOffer {
    padding-top: 120px
}

@media (width < 992px) {
    .specialOffer {
        padding-top: 60px
    }
}

.specialOffer__texts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding-bottom: 52px;
    padding-top: 30px
}

@media (width < 992px) {
    .specialOffer__texts {
        padding-top: 0
    }
}

.specialOffer__title {
    color: #1e1c1c;
    font-size: 32px;
    font-weight: 600
}

.specialOffer__desc,
.specialOffer__title {
    font-family: Dana, IRANYekan, Tahoma, sans-serif
}

.specialOffer__desc {
    color: #737471;
    font-size: 18px;
    font-weight: 400
}

.specialOffer__card {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 23px;
    height: 100%;
    justify-content: center;
    padding: 48px 40px 40px;
    width: 100%
}

.specialOffer__cardImage {
    height: 105px;
    width: auto
}

.specialOffer__cardImage.specialOffer__cardImage--first img {
    min-width: 220px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:576px) {
    .specialOffer__cardImage.specialOffer__cardImage--first img {
        min-width: 120px
    }
}

.specialOffer__cardImage img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:576px) {
    .specialOffer__cardImage img {
        height: 83%;
        max-width: 90%
    }
}

.specialOffer__cardTitle {
    color: #3f3c3c;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.specialOffer__rate {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding: 35px 55px
}

.specialOffer__rateTitle {
    color: #0f0e0e;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 400
}

.specialOffer__rateBox {
    border-left: 1px solid #ebebeb;
    height: 62px;
    min-width: 285px
}

.specialOffer__rateBox,
.specialOffer__rateInfo {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.specialOffer__rateInfo {
    gap: 12px;
    padding-right: 30px
}

.specialOffer__rateInfoTexts {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.specialOffer__rateInfoTitle {
    color: #727272;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.specialOffer__rateInfoNumber {
    color: #171616;
    font-family: IRANSans, Dana, Tahoma, sans-serif;
    font-size: 32px;
    font-weight: 500
}

@media (max-width:450px) {

    .specialOffer__rateInfoButton,
    .specialOffer__rateInfoButton .button {
        width: 100%
    }
}

@media (width < 1200px) {
    .specialOffer__texts {
        gap: 8px
    }

    .specialOffer__title {
        font-size: 20px
    }

    .specialOffer__desc {
        font-size: 14px;
        text-align: center
    }

    .specialOffer__card {
        padding: 36px 18px 18px
    }
}

@media (width < 1200px) and (max-width:1200px) {
    .specialOffer__card {
        padding: 36px 18px 30px
    }
}

@media (width < 1200px) and (max-width:576px) {
    .specialOffer__card {
        gap: 8px
    }
}

@media (width < 1200px) {
    .specialOffer__cardTitle {
        font-size: 14px
    }

    .specialOffer__rate {
        flex-direction: column;
        gap: 32px;
        padding: 23px 16px
    }

    .specialOffer__rateBox {
        align-items: center;
        border-bottom: 1px solid #e9e9e9;
        border-left: unset;
        gap: 24px;
        justify-content: center;
        padding-bottom: 24px
    }
}

@media (width < 1200px) and (max-width:1200px) {

    .specialOffer__rateBox:first-child,
    .specialOffer__rateBox:nth-child(3) {
        border-bottom: none
    }
}

@media (width < 1200px) {
    .specialOffer__rateInfoTexts {
        flex-direction: row-reverse;
        gap: 24px
    }
}

@media (1199px < width < 1440px) {
    .specialOffer__rateBox {
        min-width: 194px;
        padding-left: 40px
    }
}

@media (width < 1440px) {
    .specialOffer__rateInfo {
        padding-right: 0
    }
}

.footer-2 {
    background-color: #1a1a1a;
    border-top: 5px solid #dc3545;
}

body footer {
    margin-top: 20px;
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    line-height: 32px;
}

.footer-list a {
    padding: 3px 0px 3px 5px;
    color: #ffffff;
    display: block;
    font-size: 13px;
}
footer li{
    color:white;
}
.footer-list {
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}

footer h6{
    color: white;
    border-bottom: 3px solid #ffc107;
    padding-bottom: 20px;
}
footer .box{
    background: white;
    border-radius: 6px;
}
.footer-list a:hover {
    color: red;
    font-weight: 800;
}

.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-btns .btn:before {
  top: 90%;
  left: -110%;
  z-index: -1;
}
.social-btns .btn .fa {
  transform: scale(0.8);
}
.social-btns .btn.aparat:before {
  background-color: #cc1d57;
  
}
.social-btns .btn.aparat .fa {
  color: #cc1d57;
}
.social-btns .btn.instagram:before {
  background-color: rgb(255, 51, 177);
}
.social-btns .btn.instagram .fa {
  color: rgb(255, 51, 177);
}
.social-btns .btn.whatsapp:before {
  background-color: #38dc4e;
}
.social-btns .btn.whatsapp .fa {
  color: #38dc4e;
}
.social-btns .btn.telegram:before {
  background-color: #67d6f2;
}
.social-btns .btn.telegram .fa {
  color: #67d6f2;
}
.social-btns .btn.youtube:before {
  background-color: #f74c4c;
}
.social-btns .btn.youtube .fa {
  color: #f74c4c;
}
.social-btns .btn:focus:before,
.social-btns .btn:hover:before {
  top: -10%;
  left: -10%;
}
.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {
  color: #fff;
  transform: scale(1);
}
.social-btns {
    height: 90px;
    margin: auto;
    font-size: 0;
    text-align: center;
    margin-top: 20px;
    z-index: 0;
}
.social-btns .btn {
    display: inline-block;
    background-color: #e3dbdb;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 28%;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    opacity: 0.99;
    padding: 5px 5px;
}
.social-btns .btn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  transform: rotate(45deg);
}
.social-btns .btn .fa {
  font-size: 38px;
  vertical-align: middle;
}

.content-wrapper {
    margin-top: 150px;
}
@media (max-width: 992px) {
    .content-wrapper {
        margin-top: 100px;
    }
}

.pbWidgetAccordion__item {
    box-shadow: 0 5px 50px rgba(163,173,191,.18);
    background-color: #fff;
    border-radius: 4px;
    transition: .3s;
    border:none;
}
.accordion-item{
    border:none;
}
.pbWidgetAccordion__item:not(:last-of-type) {
    margin-bottom: 22px
}

.pbWidgetAccordion__item.active {
    box-shadow: 0 5px 50px rgba(163,173,191,.18)
}

.pbWidgetAccordion__item.active .pbWidgetAccordion__item__header__icon {
    background-color: rgba(142,213,87,.1);
    color: #8ed557
}

.pbWidgetAccordion__item.active .pbWidgetAccordion__item__header__title {
    color: #53565d
}
.pbWidgetAccordion__item.active svg{
    fill: #8ed557;

}
.pbWidgetAccordion__item__header {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: none;
    padding: 15px 20px;
    color: #6a6a6a;
    font-size: 16px
}

.pbWidgetAccordion__item__header__icon {
    width: 30px;
    height: 30px;
    margin-left: 20px;
    color: rgba(119,132,157,.45);
    background-color: #f7f8fa;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    transition: .3s
}

.pbWidgetAccordion__item__header__title {
    flex: 1;
    text-align: right;
    transition: .3s
}

.pbWidgetAccordion__item__header__arrow {
    line-height: 0;
    color: rgba(119,132,157,.33);
    transition: .3s
}

.pbWidgetAccordion__content {
    padding: 20px;
    color: #6a6a6a;
    font-size: 15px;
    line-height: 32px;
    display: none;
    border-top: 1px solid #f4f6f8
}

.header-main .title{
    font-size: 24px;
    color: #4d535b;
    font-weight: 600;
}

@media (max-width:432px){
    .header-main .title{
        font-size: 18px;
        color: #4d535b;
        font-weight: 600;
    }
}
.bg-cipol{
    background-color: #ffc107;
}