@media only screen and (min-width: 1024px)
{
    @media /* ---------- index */
    {
    .body
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-color: #dedbef;
    }

    .article
    {
        width: 990px;
        height: 570px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 25px;
        overflow: hidden;
        background-color: #e6ffda;
    }

    .nav
    {
        width: 100%;
        height: 60px;
        position: fixed;
        top: 0;
        z-index: 10;
        left: 0;
    }

    .container-nav
    {
        width: calc(100% - 10px);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .nav-menu
    {
        width: 60px;
        height: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        cursor: pointer;
    }

    .nav-menu span
    {
        font-size: 36px;
        line-height: 60px;
    }

    .nav-logo
    {
        width: 160px;
        height: 100%;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
    }

    .nav-logo span
    {
        font-size: 40px;
        line-height: 60px;
        color: #f05529;
    }

    .nav-brand
    {
        width: 80px;
        height: 100%;
        position: absolute;
        right: 0;
        text-align: center;
    }

    .nav-brand span
    {
        font-size: 50px;
        line-height: 60px;
    }

    .tab-desktop
    {
        width: 80px;
        height: calc(100% - 10px);
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #111b21;
        border-radius: 20px;
        z-index: 20;
    }

    .device-desktop-article-navigation-logo
    {
        width: 100%;
        height: 70px;
        overflow: hidden;
        text-align: center;
    }

    .device-desktop-article-navigation-logo span
    {
        font-size: 45px;
        line-height: 70px;
        color: #bbff00;
    }

    .device-desktop-article-navigation-ul-credit,
    .device-desktop-article-navigation-ul-dashboard,
    .device-desktop-article-navigation-ul-store
    {
        margin-top: 8px;
    }

    .device-desktop-article-navigation-ul-home-select,
    .device-desktop-article-navigation-ul-credit-select,
    .device-desktop-article-navigation-ul-dashboard-select,
    .device-desktop-article-navigation-ul-store-select
    {
        width: 50px;
        height: 100%;
        margin: 0 auto;
        border-radius: 100px;
        cursor: pointer;
    }

    .device-desktop-article-navigation-ul-home-select-fa,
    .device-desktop-article-navigation-ul-credit-select-fa,
    .device-desktop-article-navigation-ul-dashboard-select-fa,
    .device-desktop-article-navigation-ul-store-select-fa
    {
        width: 100%;
        height: 50px;
        text-align: center;
    }

    .device-desktop-article-navigation-ul-home-select-fa span,
    .device-desktop-article-navigation-ul-credit-select-fa span,
    .device-desktop-article-navigation-ul-dashboard-select-fa span,
    .device-desktop-article-navigation-ul-store-select-fa span
    {
        line-height: 65px;
        font-size: 28px;
        color: #e6ffda;
    }

    .device-desktop-article-navigation-ul-home-select-title,
    .device-desktop-article-navigation-ul-credit-select-title,
    .device-desktop-article-navigation-ul-dashboard-select-title,
    .device-desktop-article-navigation-ul-store-select-title
    {
        width: 100%;
        height: 45px;
        text-align: center;
    }

    .device-desktop-article-navigation-ul-home-select-title span,
    .device-desktop-article-navigation-ul-credit-select-title span,
    .device-desktop-article-navigation-ul-dashboard-select-title span,
    .device-desktop-article-navigation-ul-store-select-title span
    {
        font-size: 12px;
        color: #e6ffda;
        font-family: XEROSANS-NORMAL;
    }

    .device-desktop-article-navigation-ul-login,
    .device-desktop-article-navigation-ul-logout
    {
        width: calc(100% - 10px);
        height: 75px;
        cursor: pointer;
        position: absolute;
        bottom: 5px;
        background-color: #fff200;
        left: 5px;
        border-radius: 15px;
    }

    .device-desktop-article-navigation-ul-login-fa,
    .device-desktop-article-navigation-ul-logout-fa
    {
        width: 100%;
        height: 40px;
        text-align: center;
    }

    .device-desktop-article-navigation-ul-login-fa span,
    .device-desktop-article-navigation-ul-logout-fa span
    {
        line-height: 55px;
        font-size: 32px;
        color: #111b21;
    }

    .device-desktop-article-navigation-ul-login-title,
    .device-desktop-article-navigation-ul-logout-title
    {
        width: 100%;
        height: 35px;
        text-align: center;
    }

    .device-desktop-article-navigation-ul-login-title span,
    .device-desktop-article-navigation-ul-logout-title span
    {
        font-size: 12px;
        color: #111b21;
        font-family: XEROSANS-BOLD;
    }

    .content
    {
        width: calc(100% - 90px);
        height: calc(100% - 60px);
        position: absolute;
        left: 0;
        top: 60px;
        overflow-y: scroll;
    }

    .content::-webkit-scrollbar
    {
        width: 0;
    }

    .container
    {
        width: calc(100% - 5px);
        height: 100%;
        position: relative;
        left: 5px;
    }

    .content-index
    {
        min-height: 40px;
        width: 100%;
    }

    .content-index-min-height
    {
        width: 100%;
        height: auto;
    }

    .content-index-rows-0
    {
        width: 100%;
        height: 400px;
    }

    .content-index-rows-1,
    .content-index-rows-2
    {
        width: 100%;
        height: auto;
    }

    .content-index-rows-3
    {
        width: 100%;
        height: auto;
        margin-top: 60px
    }

    .content-index-rows-4
    {
        width: 100%;
        height: 300px;
        margin-top: 40px;
        background-color: #fff;
    }

    .content-index-rows-5,
    .content-index-rows-6,
    .content-index-rows-7,
    .content-index-rows-8
    {
        width: 100%;
        height: auto;
        margin-top: 40px;
    }

    .content-index-rows-0-th-0,
    .content-index-rows-0-th-1
    {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
    }

    .content-index-rows-0-th-0 img
    {
        height: 300px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-index-rows-0-th-1-div
    {
        width: 100%;
        height: auto;
        position: relative;
        top: 50%;
        transform: translate(0,-50%);
    }

    .Slogan
    {
        width: 290px;
        height: 25px;
        text-align: center;
        direction: rtl;
        margin: 0 auto;
    }

    .Slogan span
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
        color: #000066;
    }

    #slogan
    {
        font-family: BYekan;
        font-weight: bold;
        font-size: 20px;
        position: relative;
        top: -2px;
    }

    .Slogan-description
    {
        width: 290px;
        height: auto;
        text-align: justify;
        margin: 30px auto 0;
        direction: rtl;
    }

    .Slogan-description span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 14px;
        line-height: 25px;
    }

    #Slogan-bold
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
    }

    #slogan2
    {
        font-family: BYekan;
        font-size: 15px;
        position: relative;
        top: -2px;
    }

    .Slogan-more
    {
        width: 200px;
        height: 40px;
        background-color: #111b21;
        border-radius: 40px;
        margin: 40px auto 0;
        cursor: pointer;
    }

    .Slogan-more-fa
    {
        width: 60px;
        height: 100%;
        float: right;
        text-align: center;
    }

    .Slogan-more-fa span
    {
        font-size: 24px;
        line-height: 40px;
        color: #fff;
    }

    .Slogan-more-title
    {
        width: 138px;
        height: 36px;
        float: right;
        text-align: center;
        border-radius: 100px;
        background-color: #e6ffda;
        position: relative;
        top: 2px;
        direction: rtl;
    }

    .Slogan-more-title span
    {
        font-family: XEROSANS-BOLD;
        font-size: 14px;
        line-height: 36px;
    }



    .content-index-rows-1-slider
    {
        width: 100%;
        height: auto;
    }

    .content-index-rows-1-slider-title,
    .content-index-rows-2-slider-title
    {
        width: 100%;
        height: 40px;
        text-align: center;
        direction: rtl;
    }

    .content-index-rows-1-slider-title h1,
    .content-index-rows-2-slider-title span
    {
        font-family: XEROSANS-BOLD;
        font-size: 18px;
        line-height: 40px;
    }

    .content-index-rows-1-slider-location
    {
        width: 730px;
        height: 300px;
        margin: 40px auto 0;
        overflow: hidden;
        position: relative;
    }

    .content-index-rows-1-slider-location-rolling
    {
        width: 2230px;
        height: 100%;
        position: absolute;
        left: 0;
    }

    .item
    {
        width: 230px;
        height: 100%;
        float: left;
        position: relative;
    }

    .item:not(:last-child) {
        margin-right: 20px;
    }

    .row-attributes-div-slider-1-wall,
    .row-attributes-div-slider-2-wall,
    .row-attributes-div-slider-3-wall,
    .row-attributes-div-slider-4-wall,
    .row-attributes-div-slider-5-wall,
    .row-attributes-div-slider-6-wall,
    .row-attributes-div-slider-7-wall,
    .row-attributes-div-slider-8-wall
    {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        position: absolute;
        right: 0;
        overflow: hidden;
    }

    .row-attributes-div-slider-1-wall img,
    .row-attributes-div-slider-2-wall img,
    .row-attributes-div-slider-3-wall img,
    .row-attributes-div-slider-4-wall img,
    .row-attributes-div-slider-5-wall img,
    .row-attributes-div-slider-6-wall img,
    .row-attributes-div-slider-7-wall img,
    .row-attributes-div-slider-8-wall img
    {
        height: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .row-attributes-div-slider-1-wall-tit,
    .row-attributes-div-slider-2-wall-tit,
    .row-attributes-div-slider-3-wall-tit,
    .row-attributes-div-slider-4-wall-tit,
    .row-attributes-div-slider-5-wall-tit,
    .row-attributes-div-slider-6-wall-tit,
    .row-attributes-div-slider-7-wall-tit,
    .row-attributes-div-slider-8-wall-tit
    {
        width: calc(100% - 40px);
        height: 30px;
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        direction: rtl;
        text-align: justify;
    }

    .row-attributes-div-slider-1-wall-tit span,
    .row-attributes-div-slider-2-wall-tit span,
    .row-attributes-div-slider-3-wall-tit span,
    .row-attributes-div-slider-4-wall-tit span,
    .row-attributes-div-slider-5-wall-tit span,
    .row-attributes-div-slider-6-wall-tit span,
    .row-attributes-div-slider-7-wall-tit span,
    .row-attributes-div-slider-8-wall-tit span
    {
        font-family: sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #fff;
    }

    .row-attributes-div-slider-1-wall-des,
    .row-attributes-div-slider-2-wall-des,
    .row-attributes-div-slider-3-wall-des,
    .row-attributes-div-slider-4-wall-des,
    .row-attributes-div-slider-5-wall-des,
    .row-attributes-div-slider-6-wall-des,
    .row-attributes-div-slider-7-wall-des,
    .row-attributes-div-slider-8-wall-des
    {
        width: auto;
        height: 30px;
        position: absolute;
        top: 30px;
        right: 20px;
    }

    .row-attributes-div-slider-1-wall-des span,
    .row-attributes-div-slider-2-wall-des span,
    .row-attributes-div-slider-3-wall-des span,
    .row-attributes-div-slider-4-wall-des span,
    .row-attributes-div-slider-5-wall-des span,
    .row-attributes-div-slider-6-wall-des span,
    .row-attributes-div-slider-7-wall-des span,
    .row-attributes-div-slider-8-wall-des span
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

    #brand-samsung
    {
        width: 100px;
    }

    #brand-samsung span
    {
        font-size: 100px;
    }

    .content-index-rows-1-slider-status,
    .content-index-rows-2-slider-status
    {
        width: 80px;
        height: 5px;
        margin: 20px auto 0;
    }

    .content-index-rows-1-slider-status-item-1
    {
        width: 20px;
        height: 5px;
        background-color: #111b21;
        border-radius: 5px;
        float: left;
    }

    .content-index-rows-1-slider-status-item-2,
    .content-index-rows-1-slider-status-item-3,
    .content-index-rows-1-slider-status-item-4,
    .content-index-rows-1-slider-status-item-5,
    .content-index-rows-1-slider-status-item-6,
    .content-index-rows-1-slider-status-item-7
    {
        width: 5px;
        height: 5px;
        background-color: #111b21;
        border-radius: 5px;
        float: left;
        margin-left: 5px;
    }

    .content-index-rows-2-slider
    {
        width: 100%;
        height: 465px;
        margin-top: 40px;
    }

    .content-index-rows-2-slider-location-bar
    {
        width: 100%;
        height: 360px;
        position: relative;
        margin-top: 40px;
    }

    .content-index-rows-2-slider-location-rolling-left-1,
    .content-index-rows-2-slider-location-rolling-left-2,
    .content-index-rows-2-slider-location-rolling-left-3,
    .content-index-rows-2-slider-location-rolling-left-4,
    .content-index-rows-2-slider-location-rolling-left-5,
    .content-index-rows-2-slider-location-rolling-left-6
    {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        text-align: center;
        background-color: #111b21;
        top: 50%;
        left: 20px;
        position: absolute;
        transform: translate(0,-50%);
        cursor: pointer;
    }

    .content-index-rows-2-slider-location-rolling-left-1 span,
    .content-index-rows-2-slider-location-rolling-left-2 span,
    .content-index-rows-2-slider-location-rolling-left-3 span,
    .content-index-rows-2-slider-location-rolling-left-4 span,
    .content-index-rows-2-slider-location-rolling-left-5 span,
    .content-index-rows-2-slider-location-rolling-left-6 span
    {
        font-size: 26px;
        line-height: 40px;
        color: #e6ffda;
    }

    .content-index-rows-2-slider-location
    {
        width: 730px;
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }

    .content-index-rows-2-slider-location-rolling
    {
        width: 1750px;
        height: 100%;
        position: absolute;
        right: 0;
    }

    .receive-items
    {
        width: 230px;
        height: 100%;
        float: right;
        position: relative;
        margin-left: 20px;
        background-color: #fff;
        border-radius: 25px;
    }

    .receive-items-up-fa
    {
        width: 170px;
        height: 170px;
        position: absolute;
        left: 50%;
        top: 10px;
        transform: translate(-50%);
    }

    .receive-items-up-fa img
    {
        height: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .receive-items-up-tit
    {
        width: 100%;
        height: 40px;
        position: absolute;
        top: 180px;
        text-align: center;
    }

    .receive-items-up-tit span
    {
        font-family: XEROSANS-BOLD;
        font-size: 18px;
        line-height: 40px;
        color: #111b21;
    }

    .receive-items-up-des
    {
        width: 80%;
        height: auto;
        text-align: center;
        position: absolute;
        top: 220px;
        left: 50%;
        transform: translate(-50%);
        direction: rtl;
    }

    .receive-items-up-des span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 13px;
        line-height: 20px;
        color: #666;
    }

    .content-index-rows-2-slider-location-rolling-right-1
    {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        text-align: center;
        background-color: rgba(17, 27, 33, 0.4);
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0,-50%);
        cursor: pointer;
    }

    .content-index-rows-2-slider-location-rolling-right-2,
    .content-index-rows-2-slider-location-rolling-right-3,
    .content-index-rows-2-slider-location-rolling-right-4,
    .content-index-rows-2-slider-location-rolling-right-5,
    .content-index-rows-2-slider-location-rolling-right-6
    {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        text-align: center;
        background-color: #111b21;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0,-50%);
        cursor: pointer;
    }

    .content-index-rows-2-slider-location-rolling-right-1 span,
    .content-index-rows-2-slider-location-rolling-right-2 span,
    .content-index-rows-2-slider-location-rolling-right-3 span,
    .content-index-rows-2-slider-location-rolling-right-4 span,
    .content-index-rows-2-slider-location-rolling-right-5 span,
    .content-index-rows-2-slider-location-rolling-right-6 span
    {
        font-size: 26px;
        line-height: 40px;
        color: #e6ffda;
    }

    .content-index-rows-2-slider-status-item-1
    {
        width: 20px;
        height: 5px;
        background-color: #111b21;
        border-radius: 5px;
        float: right;
    }

    .content-index-rows-2-slider-status-item-2,
    .content-index-rows-2-slider-status-item-3,
    .content-index-rows-2-slider-status-item-4,
    .content-index-rows-2-slider-status-item-5,
    .content-index-rows-2-slider-status-item-6,
    .content-index-rows-2-slider-status-item-7
    {
        width: 5px;
        height: 5px;
        background-color: #111b21;
        border-radius: 5px;
        float: right;
        margin-right: 5px;
    }

    .content-index-rows-2-slider-location-rolling-left-2,
    .content-index-rows-2-slider-location-rolling-left-3,
    .content-index-rows-2-slider-location-rolling-left-4,
    .content-index-rows-2-slider-location-rolling-left-5,
    .content-index-rows-2-slider-location-rolling-left-6,
    .content-index-rows-2-slider-location-rolling-right-2,
    .content-index-rows-2-slider-location-rolling-right-3,
    .content-index-rows-2-slider-location-rolling-right-4,
    .content-index-rows-2-slider-location-rolling-right-5,
    .content-index-rows-2-slider-location-rolling-right-6
    {
        display: none;
    }

    .row-calculator
    {
        width: 100%;
        height: auto;
    }

    .form
    {
        width: 90%;
        height: 420px;
        border: 2px solid #fff;
        border-radius: 25px;
        box-sizing: border-box;
        padding: 10px 0 0;
        margin: 0 auto;
    }

    .row-calculator-left,
    .row-calculator-right
    {
        width: 50%;
        height: 100%;
        float: right;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .title-credit
    {
        width: 100%;
        height: 40px;
        direction: rtl;
        text-align: center;
    }

    .title-credit span
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
        line-height: 40px;
    }

    .amount-credit
    {
        width: 100%;
        height: auto;
        margin: 20px auto 0;
        border-radius: 20px;
        box-sizing: border-box;
        position: relative;
        background-color: #fff;
    }

    .credit-title
    {
        width: 100%;
        height: 40px;
    }

    .credit-title-th-0,
    .credit-title-th-1
    {
        width: 50%;
        height: 100%;
        float: right;
    }

    .credit-title-th-0
    {
        direction: rtl;
    }

    .credit-title-th-0 span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 14px;
        margin-right: 20px;
        line-height: 35px;
    }

    .credit-content
    {
        width: 100%;
        height: 90px;
        margin-top: 20px;
        text-align: center;
    }

    .slider-range
    {
        width: 300px;
        height: 20px;
        position: relative;
        margin: 0 auto;
    }

    .bar
    {
        width: 300px;
        height: 6px;
        position: absolute;
        top: 8px;
    }

    .out
    {
        background-color: #eee;
        height: 100%;
        width: 100%;
        position: absolute;
        top: -2px;
        left: -2px;
        border: 2px solid #ccc;
    }

    .fill
    {
        background-color: #2ED480;
        height: 100%;
        width: 0;
        position: absolute;
        top: 0;
    }

    .range
    {
        position: relative;
        width: 100%;
        height: 6px;
        -webkit-appearance: none;
        outline: none;
        background-color: transparent;
    }

    .range::-webkit-slider-thumb
    {
        -webkit-appearance: none;
        width: 15px;
        height: 20px;
        background-color: #FFCC00;
        cursor: pointer;
        outline: none;
        box-shadow: 0 0 0 0 rgba(46, 212, 128, 0.2);
        transition: 0.3s ease-in-out;
        border: 2px solid #111b21;
        box-sizing: border-box;
    }

    .range::-webkit-slider-thumb:hover
    {
        box-shadow: 0 0 0 5px rgba(46, 212, 128, 0.2);
    }

    .range:active::-webkit-slider-thumb
    {
        box-shadow: 0 0 0 10px rgba(46, 212, 128, 0.2);
    }

    .range-amount
    {
        width: 300px;
        height: 40px;
        margin: 10px auto 0;
    }

    .range-min
    {
        width: 50%;
        height: 100%;
        direction: rtl;
        float: left;
        text-align: left
    }

    .range-max
    {
        width: 50%;
        height: 100%;
        direction: rtl;
        float: right;
        text-align: right;
    }

    .range-min span,
    .range-max span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 13px;
        line-height: 35px;
    }

    #field2
    {
        width: 100%;
        height: 100%;
        border: none;
        background-color: transparent;
        outline: none;
        font-family: BYekan;
        font-size: 25px;
        color: #0020ff;
        font-weight: bold;
        box-sizing: border-box;
        margin-left: 20px;
    }

    .row-reg-credit
    {
        width: 100%;
        height: 60px;
        background-color: #2ED480;
        border-radius: 20px;
        margin-top: 20px;
        border: none;
        outline: none;
        position: relative;
        cursor: pointer;
    }

    .title-payment
    {
        width: 100%;
        height: 40px;
        direction: rtl;
    }

    .title-payment span
    {
        font-family: XEROSANS-BOLD;
        font-size: 17px;
        line-height: 40px;
    }

    .time-payment
    {
        width: 100%;
        height: 100px;
        margin-top: 20px;
    }

    .month
    {
        width: 25%;
        height: 100%;
        float: right;
        position: relative;
    }

    .month-bar
    {
        width: 60px;
        height: 100%;
        border: 2px solid #111b21;
        border-radius: 25px;
        position: relative;
        left: 50%;
        transform: translate(-50%);
        box-sizing: border-box;
        background-color: transparent;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .lab-month-12,
    .lab-month-09,
    .lab-month-06,
    .lab-month-03
    {
        width: 60px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        border-radius: 25px;
        cursor: pointer;
    }

    .lab-month-12 span
    {
        color: #2ED480;
    }

    .lab-month-12 .month-txt
    {
        border-bottom: 1px solid #2ED480;
    }

    .month12 label
    {
        background-color: #111b21;
    }

    .month-txt
    {
        width: 35px;
        height: 40px;
        text-align: center;
        position: relative;
        left: 50%;
        transform: translate(-50%);
        border-bottom: 1px solid #000;
    }

    .month-txt span
    {
        font-family: XEROSANS-BOLD;
        line-height: 55px;
        font-size: 14px
    }

    .month-num
    {
        width: 100%;
        height: 58px;
        text-align: center;
    }

    .month-num span
    {
        font-family: BYekan;
        line-height: 50px;
        font-weight: bold;
        font-size: 34px;
    }

    .row-reg-credit-th-0
    {
        width: 50px;
        height: 50px;
        text-align: center;
        background-color: #e6ffda;
        border-radius: 15px;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translate(0,-50%);
    }

    .row-reg-credit-th-0 span
    {
        font-size: 24px;
        line-height: 55px;
        color: #111b21;
    }

    .row-reg-credit-th-1
    {
        width: 140px;
        height: 100%;
        direction: rtl;
        text-align: right;
        position: absolute;
        right: 60px;
        top: 0;
    }

        .row-reg-credit-th-1-index
        {
            width: 100%;
            height: 100%;
            direction: rtl;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
        }

        .row-reg-credit-th-1-index span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            color: #111b21;
            line-height: 60px;
        }

    .row-reg-credit-th-1-hr-0,
    .row-reg-credit-th-1-hr-1
    {
        width: 100%;
        height: 50%;
        float: right;
    }

    .row-reg-credit-th-1-hr-0 span
    {
        font-family: XEROSANS-BOLD;
        font-size: 14px;
        line-height: 40px;
        margin-right: 10px;
        color: #111b21;
    }

    .row-reg-credit-th-1-hr-1 span
    {
        font-family: XEROSANS-BOLD;
        font-size: 14px;
        color: #e6ffda;
        line-height: 30px;
        margin-right: 10px;
    }

    .row-reg-credit-th-2
    {
        width: calc(100% - 200px);
        height: 100%;
        position: absolute;
        left: 0;
        direction: rtl;
        top: 0;
    }

    #field6
    {
        width: 100%;
        height: 100%;
        border: none;
        background-color: transparent;
        outline: none;
        font-family: BYekan;
        font-size: 25px;
        color: #111b21;
        font-weight: bold;
        box-sizing: border-box;
    }

    .payment-sum
    {
        width: 100%;
        height: auto;
        background-color: #ffcc00;
        margin-top: 20px;
        border-radius: 20px;
        box-sizing: border-box;
        padding: 20px 0;
    }

    .payment-sum-content
    {
        width: 94%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }

    .payment-sum-content-month,
    .payment-sum-content-total
    {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #111b21;
    }

    .payment-sum-content-prepayment
    {
        width: 100%;
        height: 50px;
    }

    .payment-sum-content-month-th-0,
    .payment-sum-content-total-th-0,
    .payment-sum-content-prepayment-th-0
    {
        width: 50px;
        height: 100%;
        float: right;
        text-align: center;
    }

    .payment-sum-content-month-th-0 span,
    .payment-sum-content-total-th-0 span,
    .payment-sum-content-prepayment-th-0 span
    {
        font-size: 34px;
        line-height: 50px;
    }

    .payment-sum-content-month-th-1,
    .payment-sum-content-total-th-1,
    .payment-sum-content-prepayment-th-1
    {
        width: 150px;
        height: 100%;
        float: right;
        direction: rtl;
    }

    .payment-sum-content-month-th-1 span,
    .payment-sum-content-total-th-1 span,
    .payment-sum-content-prepayment-th-1 span
    {
        font-family: XEROSANS-BOLD;
        font-size: 12px;
        line-height: 50px;
    }

    .payment-sum-content-month-th-2,
    .payment-sum-content-total-th-2,
    .payment-sum-content-prepayment-th-2
    {
        width: calc(100% - 200px);
        height: 100%;
        float: left;
    }

    #field1,
    #field3,
    #field4,
    #field5
    {
        width: 100%;
        height: 40px;
        border: none;
        background-color: transparent;
        outline: none;
        font-family: BYekan;
        font-size: 21px;
        color: #111b21;
        font-weight: bold;
        box-sizing: border-box;
    }

    .content-index-rows-4-th-0
    {
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
    }

    .content-index-rows-4-th-0-div
    {
        width: 280px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .content-index-rows-4-th-0-div-0
    {
        width: 100%;
        height: 60px;
        text-align: right;
    }

    .content-index-rows-4-th-0-div-0 span
    {
        font-family: XEROSANS-BOLD;
        font-size: 24px;
        line-height: 60px;
        color: #111b21;
    }

    .content-index-rows-4-th-0-div-1
    {
        width: 100%;
        height: auto;
        text-align: justify;
        direction: rtl;
    }

    .content-index-rows-4-th-0-div-1 span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 14px;
        line-height: 25px;
        color: #111b21;
    }

    .content-index-rows-4-th-0-div-2
    {
        width: 100%;
        height: 40px;
        margin-top: 30px;
    }

    .content-index-rows-4-th-0-div-2-slider
    {
        width: 100px;
        height: 100%;
        float: right;
    }

    .content-index-rows-4-th-0-div-2-slider-right
    {
        width: 40px;
        height: 100%;
        float: right;
        text-align: center;
        border: 2px solid #111b21;
        box-sizing: border-box;
        border-radius: 100%;
        cursor: pointer;
    }

    .content-index-rows-4-th-0-div-2-slider-right span
    {
        font-size: 24px;
        line-height: 36px;
        color: #111b21;
    }

    .content-index-rows-4-th-0-div-2-slider-left
    {
        width: 40px;
        height: 100%;
        float: right;
        text-align: center;
        border: 2px solid rgba(17, 27, 33, 0.4);
        box-sizing: border-box;
        border-radius: 100%;
        cursor: pointer;
        margin-right: 20px;
    }

    .content-index-rows-4-th-0-div-2-slider-left span
    {
        font-size: 24px;
        line-height: 36px;
        color: rgba(17, 27, 33, 0.4);
    }

    .content-index-rows-4-th-1
    {
        width: 50%;
        height: 100%;
        float: right;
        overflow: hidden;
        position: relative;
    }

    .content-index-rows-4-th-1-slider
    {
        width: 200%;
        height: 100%;
        position: absolute;
        right: 0;
    }

    .content-index-rows-4-th-1-slider-div
    {
        width: 50%;
        height: 100%;
        float: right;
        position: relative;
    }

    .content-index-rows-4-th-1-slider-div-0,
    .content-index-rows-4-th-1-slider-div-1
    {
        width: 240px;
        height: 260px;
        border-radius: 25px;
        border: 1px solid #2ED480;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .android
    {
        width: 60px;
        height: 60px;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate(-50%);
    }

    .android .fa-apple
    {
        font-size: 56px;
        line-height: 60px;
        color: #2ED480;
    }

    .android .fa-android
    {
        font-size: 50px;
        line-height: 60px;
        color: #2ED480;
    }

    .android-des
    {
        width: 100%;
        height: 30px;
        text-align: center;
        position: absolute;
        top: 65px;
    }

    .android-des span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 17px;
        line-height: 30px;
        color: #2ED480;
    }

    .logo
    {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 110px;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
    }

    .logo span
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
        line-height: 60px;
        color: #111b21;
    }

    .link-download
    {
        width: 190px;
        height: 50px;
        border-radius: 20px;
        position: absolute;
        top: 185px;
        left: 50%;
        transform: translate(-50%);
        background-color: #2ED480;
    }

    .download-title
    {
        width: 100%;
        height: 100%;
        direction: rtl;
        text-align: center;
    }

    .download-title-top
    {
        width: auto;
        height: 100%;
    }

    .download-title-top span
    {
        font-family: XEROSANS-BOLD;
        font-size: 15px;
        line-height: 44px;
        color: #111b21;
    }

    #store {
        font-family: XEROSANS-BOLD;
        font-size: 18px;
        margin-right: 5px;
        color: #fff;
    }

    .row-social
    {
        width: 90%;
        height: 250px;
        overflow: hidden;
        border-radius: 25px;
        position: relative;
        background-color: #e1e1ff;
        margin: 0 auto;
    }

    .row-social-img
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .row-social-img img
    {
        height: 250px;
        position: relative;
        left: 50%;
        transform: translate(-50%);
        top: -20px;
    }

    .row-social-link
    {
        width: 100%;
        height: 70px;
        position: absolute;
        top: 160px;
    }

    .row-social-link-title
    {
        width: 100%;
        height: 30px;
        text-align: center;
    }

    .row-social-link-title span
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
        line-height: 30px;
    }

    .row-social-link-title a,
    .row-social-link-title a:link
    {
        color: #111b21;
    }

    .row-social-link-socials
    {
        width: 340px;
        height: 40px;
        margin: 0 auto;
    }

    .row-social-link-socials a
    {
        color: #111b21;
    }

    .row-social-link-socials-instagram
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        cursor: pointer;
    }

    .row-social-link-socials-twitter
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }

    .row-social-link-socials-aparat
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }

    .row-social-link-socials-eitaa
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }

    .row-social-link-socials-whatsapp
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }

    .row-social-link-socials-telegram
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }

        .row-social-link-socials-baleh
    {
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }

    .row-social-link-socials-instagram span
    {
        font-size: 32px;
        line-height: 40px;
    }

    .row-social-link-socials-twitter span
    {
        font-size: 32px;
        line-height: 40px;
    }

    .row-social-link-socials-aparat span
    {
        font-size: 32px;
        line-height: 40px;
    }

    .row-social-link-socials-eitaa span
    {
        font-size: 32px;
        line-height: 40px;
    }

    .row-social-link-socials-whatsapp span
    {
        font-size: 32px;
        line-height: 40px;
    }

    .row-social-link-socials-telegram span
    {
        font-size: 32px;
        line-height: 40px;
    }

        .row-social-link-socials-baleh span
    {
        font-size: 32px;
        line-height: 40px;
    }

    .row-contact-us
    {
        width: 90%;
        height: auto;
        border: 2px solid #111b21;
        border-radius: 20px;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 20px 0;
    }

    .row-contact-us-container
    {
        width: 96%;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 0 0 10px;
    }

    .row-contact-us-container-address,
    .row-contact-us-container-contact,
    .row-contact-us-container-post
    {
        width: 100%;
        height: 50px;
    }

    .row-contact-us-container-address-fa,
    .row-contact-us-container-contact-fa,
    .row-contact-us-container-post-fa
    {
        width: 50px;
        height: 100%;
        float: right;
        text-align: center;
    }

    .row-contact-us-container-address-fa span,
    .row-contact-us-container-contact-fa span,
    .row-contact-us-container-post-fa span
    {
        font-size: 28px;
        line-height: 50px;
        color: #111b21;
    }

    .row-contact-us-container-address-des,
    .row-contact-us-container-contact-des,
    .row-contact-us-container-post-des
    {
        width: calc(100% - 50px);
        height: 100%;
        float: right;
        text-align: justify;
        direction: rtl;
    }

    .row-contact-us-container-address-des span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 14px;
        line-height: 45px;
    }

    #address
    {
        font-family: BYekan;
        font-size: 16px;
        position: relative;
        top: -2px;
    }

    .row-contact-us-container-contact-des span,
    .row-contact-us-container-post-des span
    {
        font-family: BYekan;
        font-size: 16px;
        line-height: 50px;
        font-weight: bold;
    }

    .row-supply
    {
        width: 90%;
        height: 120px;
        background-color: #fff;
        border-radius: 20px;
        margin: 0 auto;
    }

    .row-supply-right
    {
        width: calc(100% - 125px);
        height: 110px;
        float: right;
        border: 1px solid #eee;
        box-sizing: border-box;
        border-radius: 15px;
        position: relative;
        top: 5px;
        right: 5px;
        overflow: hidden;
    }

    .row-supply-right-logo
    {
        width: 120px;
        height: 100%;
        float: right;
    }

    .row-supply-right-logo-office
    {
        width: 70px;
        height: 70px;
        margin: 20px auto;
    }

    .row-supply-right-logo-office img
    {
        height: 100%;
    }

    .row-supply-right-presentation-company
    {
        width: calc(100% - 120px);
        height: 100%;
        float: right;
    }

    .row-supply-right-presentation,
    .row-supply-right-company
    {
        height: 100%;
        height: 50%;
        direction: rtl;
    }

    .row-supply-right-presentation span
    {
        font-family: XEROSANS-BOLD;
        font-size: 16px;
        line-height: 80px;
    }

    .row-supply-right-company span
    {
        font-family: XEROSANS-BOLD;
        font-size: 14px;
        line-height: 30px;
        color: #012a8f;
    }

    .row-supply-left
    {
        width: 110px;
        height: 110px;
        float: left;
        border: 1px solid #eee;
        box-sizing: border-box;
        border-radius: 15px;
        position: relative;
        top: 5px;
        left: 5px;
        overflow: hidden;
    }

    .row-supply-left img
    {
        height: 100px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .row-copyright
    {
        width: 100%;
        height: 60px;
        margin-top: 20px;
        margin-bottom: 100px;
        text-align: center;
        direction: rtl;
    }

    .row-copyright span
    {
        font-family: XEROSANS-NORMAL;
        line-height: 25px;
        font-size: 13px;
    }

    #copyright
    {
        font-family: XEROSANS-BOLD;
    }

    #copyright-fa
    {
        font-size: 18px;
        margin-left: 3px;
        line-height: 20px;
        color: #666666;
    }

    .blocked-desktop,
    .blocked-bonus
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-color: rgba(17, 27, 33, 0.8);
        z-index: 30;
        display: none;
    }

    .blocked-archive
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-color: rgba(17, 27, 33, 0.8);
        z-index: 30;
    }

    .blocked-desktop-0
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-color: rgba(17, 27, 33, 0.8);
        z-index: 30;
    }

    .blocked-desktop-1
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        background-color: rgba(17, 27, 33, 0.8);
        z-index: 30;
    }

    .navigation-desktop
    {
        width: 300px;
        height: calc(100% - 10px);
        position: fixed;
        top: 5px;
        right: -305px;
        background-color: #fff200;
        border-radius: 20px;
        z-index: 110;
    }

    .navigation-handle
    {
        width: 60px;
        height: 3px;
        background-color: #666;
        border-radius: 100px;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translate(-50%);
    }

    .navigation-desktop-close
    {
        width: 40px;
        height: 40px;
        position: absolute;
        background-color: #e6ffda;
        border-radius: 15px;
        text-align: center;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

    .navigation-desktop-close span
    {
        font-size: 28px;
        line-height: 40px;
    }

    .navigation-close-brand
    {
        width: 70px;
        height: 40px;
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
    }

    .navigation-close-brand span
    {
        font-size: 60px;
        line-height: 40px;
        color: #111b21;
    }

    .container-navigation
    {
        width: 90%;
        margin: 0 auto;
    }

    .min-height
    {
        width: 100%;
        height: auto;
        margin-bottom: 100px;
    }

    .navigation-item-li
    {
        width: 100%;
        height: auto;
        margin-top: 120px;
    }

    .navigation-menu-li
    {
        width: 100%;
        height: 50px;
        margin-bottom: 2px;
        background-color: #111b21;
        border-radius: 15px;
        position: relative;
        cursor: pointer;
    }

    .navigation-menu-li-fa
    {
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 10px;
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .navigation-menu-li-fa span
    {
        font-size: 28px;
        line-height: 40px;
        color: #e6ffda;
    }

    .navigation-menu-li-title
    {
        width: auto;
        height: 100%;
        direction: rtl;
        position: absolute;
        top: 0;
        right: 50px;
    }

    .navigation-menu-li-title span
    {
        font-family: XEROSANS-NORMAL;
        font-size: 13px;
        line-height: 45px;
        margin-right: 10px;
        color: #e6ffda;
    }

    .navigation-menu-li-select
    {
        width: 50px;
        height: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    }

    .navigation-menu-li-select span
    {
        font-size: 22px;
        line-height: 50px;
        color: #e6ffda;
    }

    #contact .navigation-menu-li-fa span
    {
        font-size: 27px;
    }
    }
    @media /* ---------- SHAREit */
    {
        footer,
        .questions-navigation-mobile,
        .navigation
        {
            display: none;
        }

        .content-share-it
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
        }

        .container-share-it
        {
            width: calc(100% - 10px);
            height: 100%;
            position: relative;
            left: 5px;
        }

        .device-desktop-content-min-height
        {
            width: 100%;
            height: calc(100% - 80px);
            position: absolute;
            top: 60px;
            overflow: hidden;
        }

        .device-section-right,
        .device-section-left
        {
            width: 50%;
            height: 100%;
            float: right;
            position: relative;
        }

        .device-section-left
        {
            overflow: hidden;
            overflow-y: scroll;
        }

        .device-section-left::-webkit-scrollbar
        {
            width: 2px;
            background-color: #ccc;
        }

        .device-section-left::-webkit-scrollbar-thumb
        {
            background-color: #111b21;
        }

        .device-section-right-img
        {
            width: 100%;
            height: 100%;
        }

        .device-section-right-img img
        {
            width: 250px;
            height: auto;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .device-section-right-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 18px;
            line-height: 40px;
        }

        .device-section-left-scroll
        {
            width: 80%;
            min-height: 40px;
            margin: 0 auto 40px;
        }

        .device-section-left-title
        {
            width: 300px;
            height: 40px;
            text-align: center;
            direction: rtl;
            border: 2px solid #ffffff;
            border-radius: 8px;
            margin: 0 auto;
        }

        .device-section-left-title h1,
        .device-section-left-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #111b21;
        }
    }
    @media /* ---------- about */
    {
        .about-us-help
        {
            width: 100%;
            height: auto;
            direction: rtl;
            text-align: justify;
            margin: 20px auto 60px;
            box-sizing: border-box;
        }

        .about-us-help span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 25px;
            color: #424242;
        }

        #about-num
        {
            font-family: BYekan;
            font-size: 16px;
            position: relative;
            top: -2px;
        }

        .row-social
        {
            width: 100%;
        }

        .menu-back
        {
            width: 60px;
            height: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            cursor: pointer;
        }

        .menu-back span
        {
            font-size: 28px;
            line-height: 60px;
        }
    }
    @media /* ---------- document */
    {
        .document-title-attachment
        {
            width: 100%;
            height: auto;
            direction: rtl;
            text-align: center;
            box-sizing: border-box;
            margin: 20px auto;
            background-color: #2ED480;
            border-radius: 20px;
            padding: 20px 10px;
        }

        .document-title-attachment span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 30px;
            color: #424242;
        }

        .document-required
        {
            width: 100%;
            height: auto;
            direction: rtl;
            box-sizing: border-box;
        }

        .document-required-title
        {
            width: 100%;
            height: 40px;
        }

        .document-required-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
        }

        .document-required-des
        {
            width: 100%;
            height: auto;
            text-align: justify;
        }

        .document-required-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 25px;
            color: #424242;
        }

        #upload-document-list
        {
            font-family: XEROSANS-BOLD;
            font-size: 22px;
        }
    }
    @media /* ---------- contact */
    {
        .contact-us-office
        {
            width: 100%;
            height: 40px;
            text-align: center;
            direction: rtl;
        }

        .contact-us-office span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
        }

        #contact-time
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 17px;
        }

        .contact-us-help
        {
            width: 100%;
            height: 200px;
            direction: rtl;
            text-align: justify;
            margin-top: 20px;
            box-sizing: border-box;
            padding: 0 20px;
        }

        .contact-us-help span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 30px;
            color: #424242;
        }

        #contact-num
        {
            font-family: BYekan;
            font-size: 17px;
            position: relative;
            top: -2px;
            color: #424242;
        }
    }
    @media /* ---------- rules */
    {
        .rules-required
        {
            width: 100%;
            height: auto;
            direction: rtl;
            box-sizing: border-box;
            margin-top: 40px;
        }

        .rules-required-title
        {
            width: 100%;
            height: 40px;
        }

        .rules-required-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
        }

        .rules-required-des
        {
            width: 100%;
            height: auto;
            text-align: justify;
            margin-top: 10px;
        }

        .rules-required-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 25px;
            color: #424242;
        }

        .rules-required-des-date
        {
            width: 100%;
            height: auto;
            text-align: left;
            margin-top: 10px;
        }

        .rules-required-des-date span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 11px;
            line-height: 25px;
            color: #424242;
        }
    }
    @media /* ---------- help */
    {
        .help-title-des
        {
            width: 100%;
            height: auto;
            direction: rtl;
            text-align: justify;
            box-sizing: border-box;
            padding: 0 20px;
            margin: 40px auto 0;
        }

        .help-title-des h2
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 30px;
            color: #424242;
        }

        .help-tv
        {
            width: 330px;
            height: 190px;
            margin: 20px auto 0;
            overflow: hidden;
            box-sizing: border-box;
            border: 2px solid #ffcc00;
            border-radius: 20px;
        }

        .help-tv video
        {
            height: 100%;
            position: relative;
            left: 50%;
            transform: translate(-50%);
        }
    }
    @media /* ---------- questions */
    {
        .questions-content-item-a,
        .questions-content-item-b,
        .questions-content-item-c,
        .questions-content-item-d,
        .questions-content-item-e,
        .questions-content-item-f,
        .questions-content-item-g
        {
            width: 91%;
            height: 70px;
            margin: 10px auto 0;
            border-radius: 20px;
            background-color: #fff;
            overflow: hidden;
            position: relative;
        }

        .questions-content-item-a-left,
        .questions-content-item-b-left,
        .questions-content-item-c-left,
        .questions-content-item-d-left,
        .questions-content-item-e-left,
        .questions-content-item-f-left
        {
            width: 70px;
            height: 70px;
            float: left;
            text-align: center;
            position: relative;
        }

        .questions-content-item-left
        {
            width: 70px;
            height: 70px;
            float: left;
            text-align: center;
            position: relative;
        }

        .questions-content-item-fa
        {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 10px;
            border: 2px solid #999;
            box-sizing: border-box;
        }

        .questions-content-item-fa span
        {
            font-size: 22px;
            line-height: 26px;
            color: #999;
        }

        .questions-content-item-a-right,
        .questions-content-item-b-right,
        .questions-content-item-c-right,
        .questions-content-item-d-right,
        .questions-content-item-e-right,
        .questions-content-item-f-right
        {
            width: calc(100% - 70px);
            height: 70px;
            float: left;
        }

        .questions-content-item-title
        {
            width: 100%;
            height: 70px;
            direction: rtl;
            margin-top: 15px;
            box-sizing: border-box;
            padding-right: 10px;
            text-align: justify;
        }

        .questions-content-item-title h2
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 20px;
        }

        #slogan2
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            position: relative;
            top: -2px;
        }

        .blocked-reading
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 20;
            display: none;
        }

        .questions-navigation
        {
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: -100%;
            background-color: #fff;
            z-index: 110;
            box-sizing: border-box;
            border: 2px solid #111b21;
            border-radius: 25px;
        }

        .questions-navigation-banner
        {
            width: 100%;
            height: 250px;
            position: absolute;
            top: 0;
        }

        .questions-navigation-banner img
        {
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 100%;
        }

        .questions-navigation-reading
        {
            width: 300px;
            height: 50px;
            text-align: center;
            background-color: #111b21;
            border-radius: 40px;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translate(-50%);
            cursor: pointer;
        }

        .questions-navigation-reading span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 50px;
            font-weight: bold;
            color: #fece2f;
            pointer-events: none;
        }

        .questions-navigation-scroll
        {
            width: 90%;
            height: 220px;
            position: absolute;
            top: 245px;
            left: 50%;
            transform: translate(-50%);
            overflow: hidden;
            overflow-y: scroll;
        }

        .questions-navigation-scroll::-webkit-scrollbar
        {
            width: 2px;
            background-color: #ccc;
        }

        .questions-navigation-scroll::-webkit-scrollbar-thumb
        {
            background-color: #424242;
        }

        .questions-navigation-min-height
        {
            width: 95%;
            margin: 0 auto 40px;
            min-height: 40px;
        }

        .questions-a,
        .questions-b,
        .questions-c,
        .questions-d,
        .questions-e,
        .questions-f,
        .questions-g
        {
            display: none;
        }

        .questions-navigation-title
        {
            width: 100%;
            height: auto;
            text-align: justify;
            margin-top: 40px;
            direction: rtl;
        }

        .questions-navigation-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 30px;
            color: #111b21;
        }

        .questions-navigation-des
        {
            width: 100%;
            height: auto;
            margin-top: 20px;
            direction: rtl;
            text-align: justify;
        }

        .questions-navigation-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 30px;
            color: #424242;
        }
    }
    @media /* ---------- login */
    {
        .content-login
        {
            width: 100%;
            height: auto;
            margin: 0 auto;
            border-radius: 0;
            box-sizing: border-box;
            padding: 20px 0;
            position: relative;
        }

        .content-login-title
        {
            width: 100%;
            height: 50px;
            text-align: center;
            direction: rtl;
        }

        .content-login-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 18px;
            line-height: 40px;
            color: #111b21;
        }

        .content-login-alert
        {
            width: 100%;
            height: auto;
            margin: 10px auto 0;
            background-color: #feffef;
            border-radius: 15px;
            box-sizing: border-box;
            padding: 10px;
        }

        .content-login-alert-fa
        {
            width: 100%;
            height: 40px;
            text-align: center;
            margin-top: 10px;
        }

        .content-login-alert-fa span
        {
            font-size: 40px;
            line-height: 40px;
        }

        .content-login-alert-des
        {
            width: 100%;
            height: auto;
            box-sizing: border-box;
            padding: 10px 10px;
            direction: rtl;
            text-align: center;
            box-sizing: border-box;
        }

        .content-login-alert-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 20px;
        }

        .content-login-inp
        {
            width: 100%;
            height: 40px;
            margin: 40px auto 0;
            position: relative;
        }

        .content-login-inp input
        {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            outline: none;
            background-color: transparent;
            border: 2px solid #111b21;
            border-radius: 10px;
            padding: 0 20px 0 45px;
            color: #0020ff;
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
        }

        .content-login-inp label
        {
            position: absolute;
            top: 4px;
            right: 30px;
            color: #0020ff;
            font-family: XEROSANS-BOLD;
            font-size: 13px;
        }

        .content-login-inp input:focus + label,
        .content-login-inp input:valid + label
        {
            top: -12px;
            right: 20px;
            background-color: #e6ffda;
            padding: 0 8px;
            font-size: 11px;
            transition: 0.3s;
            font-family: XEROSANS-BOLD;
        }

        .content-login-inp-fa
        {
            width: 50px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            pointer-events: none;
        }

        .content-login-inp-fa span
        {
            font-size: 24px;
            line-height: 40px;
            color: #424242;
        }

        .content-login-sub
        {
            width: 270px;
            height: 40px;
            background-color: #ffcc00;
            border-radius: 100px;
            margin: 60px auto 30px;
            position: relative;
        }

        .content-login-sub button
        {
            width: 100%;
            height: 100%;
            background-color: transparent;
            border: none;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 15px;
            cursor: pointer;
        }
    }
    @media /* ---------- verify */
    {
        .form-verify
        {
            width: 100%;
            height: auto;
            margin-top: 40px;
        }

        .form-fields-verify
        {
            width: 340px;
            height: 400px;
            border-radius: 10px;
            margin: 0 auto;
        }

        .vector
        {
            width: 100%;
            height: 50px;
            text-align: center;
        }

        .vector span
        {
            font-size: 55px;
            line-height: 50px;
            color: #111b21;
        }

        .form-fields-verify-des
        {
            width: 100%;
            height: 50px;
            text-align: center;
            direction: rtl;
            margin-top: 30px;
        }

        .form-fields-verify-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 25px;
            color: #424242;
        }

        #verify-des
        {
            font-family: BYekan;
            font-weight: bold;
            color: #0020ff;
            font-size: 18px;
        }

        .form-fields-verify-inputs
        {
            width: 180px;
            height: 40px;
            margin: 40px auto 0;
        }

        .form-fields-verify-input input
        {
            width: 40px;
            height: 40px;
            float: left;
            margin-right: 5px;
            background-color: #fece2f;
            border-radius: 10px;
            text-align: center;
            outline: none;
            border: none;
            font-family: BYekan;
            font-weight: bold;
            font-size: 22px;
            color: #111b21;
            box-sizing: border-box;
            text-align: center;
        }

        .form-fields-verify-input input:focus
        {
            border: 2px solid #111b21;
        }

        .form-fields-button
        {
            width: 100%;
            height: 40px;
            text-align: center;
            margin-top: 60px;
        }

        .form-fields-button button
        {
            width: 220px;
            height: 100%;
            background-color: #FFD700FF;
            border-radius: 100px;
            border: none;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            cursor: pointer;
        }

        .form-fields-verify-resend,
        .form-fields-verify-timer
        {
            width: 100%;
            height: 40px;
            text-align: center;
            margin-top: 20px;
            direction: rtl;
        }

        .form-fields-verify-timer span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            color: #666;
            line-height: 40px;
        }

        #resend-otp
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
        }

        #min,
        #sec,
        #hou,
        #day
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
        }

        .back-to
        {
            width: 40px;
            height: 40px;
            text-align: center;
            position: absolute;
            left: 40px;
            top: 40px;
        }

        .back-to span
        {
            font-size: 28px;
            line-height: 40px;
            color: #0020ff;
        }

        .form-fields-verify-resend span
        {
            font-family: Monda;
            font-size: 14px;
            line-height: 40px;
            color: #666666;
        }

        .form-fields-verify-resend input
        {
            width: 80px;
            height: 100%;
            background-color: transparent;
            outline: none;
            box-sizing: border-box;
            color: #666;
            border: none;
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            cursor: pointer;
            margin: 0 auto;
        }

        #colon
        {
            font-family: Monda;
            font-size: 14px;
        }

        /* ---------- */
        .form-auth-fields
        {
            width: 300px;
            height: auto;
            margin: 0 auto;
        }

        .warpperLoginFormTitle
        {
            width: 100%;
            height: auto;
            direction: rtl;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .warpperLoginFormTitle h1
        {
            font-family: XEROSANS-BOLD;
            font-size: 18px;
            color: #111b21;
        }

        .warpperLoginFormTitle p
        {
            font-family: 'XEROSANS-NORMAL';
            font-size: 13px;
            color: #2e383c;
            direction: rtl;
            line-height: 15px;
        }

        #sessionMobile
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
            color: #111b21;
        }

        .verifyInput
        {
            width: 220px;
            height: 50px;
            margin: 40px auto 0;
        }

        .verifyInput input
        {
            width: 50px;
            height: 50px;
            float: left;
            margin-right: 5px;
            background-color: #ffffff;
            border-radius: 7px;
            outline: none;
            border: none;
            font-family: BYekan;
            font-weight: bold;
            font-size: 22px;
            color: #111b21;
            box-sizing: border-box;
            text-align: center;
            color: #2e383c;
        }

        .verifyInput input:focus
        {
            border: 2px solid #19bfd3;
        }

        .timerResend {
            width: 120px;
            height: 40px;
            margin: 20px auto 0;
            text-align: center;
        }

        .timerResendBar {
            width: 80px;
            height: 100%;
            direction: rtl;
            float: right;
        }

        .resendInput {
            width: 120px;
            height: 40px;
            margin: 20px auto 0;
            direction: rtl;
        }

        .resendInput input {
            width: 100%;
            height: 100%;
            background-color: transparent;
            outline: none;
            box-sizing: border-box;
            color: #19bfd3;
            border: none;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            cursor: pointer;
            margin: 0 auto;
        }

        .timerResendBar span {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            color: #666;
            line-height: 40px;
        }

        #resend-otp {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
        }

        #min,
        #sec,
        #hou,
        #day {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
        }

        .timerResendIco {
            width: 40px;
            height: 100%;
            float: right;
        }

        .timerResendIco span {
            font-size: 28px;
            line-height: 40px;
            color: #666;
        }

        .fieldInputLabel,
        .verifyInputLable {
            width: 100%;
            height: 20px;
            direction: rtl;
        }

        .fieldInputLabel label,
        .verifyInputLable label {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            position: relative;
            top: 0px;
        }

        .verifySubmit {
            width: 100%;
            height: 50px;
            margin-top: 20px;
        }

        .verifySubmit button {
            width: 100%;
            height: 100%;
            background-color: transparent;
            outline: none;
            border: none;
            border-radius: 15px;
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            cursor: pointer;
            direction: rtl;
        }

        .loginSubmitStyle button {
            color: #ffffff;
            background-color: #0000cc;
        }
    }
    @media /* ---------- dashboard */
    {
        @media /* ---------- برای دیگر صفحات باید سورت شود */
        {
            /* شروع حذف */
            .section-profile
            {
                width: auto;
                height: 50px;
                position: fixed;
                top: 5px;
                right: 90px;
                z-index: 10;
                display: none;
            }

            .section-profile-fa
            {
                width: 50px;
                height: 100%;
                float: right;
                text-align: center;
                border-radius: 100%;
                background-color: #111b21;
            }

            .section-profile-fa span
            {
                font-size: 36px;
                line-height: 50px;
                color: #bbff00;
            }

            .section-profile-full-name
            {
                width: auto;
                height: 100%;
                box-sizing: border-box;
                padding: 0 20px 0 0;
                background-color: #fff;
                border-radius: 50px;
                direction: rtl;
                float: right;
            }

            .section-profile-notifications
            {
                width: 50px;
                height: 100%;
                text-align: center;
                float: right;
                margin-right: 20px;
                position: relative;
                cursor: pointer;
            }

            .section-profile-notifications span
            {
                font-size: 30px;
                line-height: 50px;
                color: #111b21;
            }

            .section-profile-notifications-alarm
            {
                width: 20px;
                height: 20px;
                background-color: #e71029;
                border-radius: 100%;
                text-align: center;
                position: absolute;
                top: 2px;
                right: 2px;
            }

            .section-profile-notifications-alarm span
            {
                font-family: BYekan;
                font-size: 12px;
                line-height: 20px;
                color: #fff;
                position: relative;
                top: -1px;
            }

            .section-profile-config-down,
            .section-profile-config-up
            {
                width: 50px;
                height: 100%;
                float: left;
                text-align: center;
                cursor: pointer;
            }

            .section-profile-config-down span,
            .section-profile-config-up span
            {
                font-size: 24px;
                line-height: 50px;
                color: #111b21;
            }

            .section-profile-config-up
            {
                display: none;
            }

            .section-profile-doc
            {
                width: 100%;
                height: 290px;
                background-color: #fff;
                border-radius: 20px;
                position: absolute;
                top: 20px;
            }
            /* پایان حذف */

            .section-profile-credit-calender-pay-select-num
            {
                width: 50px;
                height: 25px;
                position: absolute;
                left: 25px;
            }

            .section-profile-credit-calender-pay-select-num input
            {
                width: 100%;
                height: 100%;
                border: none;
                outline: none;
                background-color: transparent;
                font-family: BYekan;
                font-size: 34px;
                color: #FFCC00;
                text-align: center;
            }

            .section-profile-credit-orders-tit
            {
                width: 100%;
                height: 40px;
                position: absolute;
                top: 95px;
                text-align: center;
            }

            .section-profile-credit-orders-tit span
            {
                font-family: XEROSANS-BOLD;
                font-size: 16px;
                line-height: 40px;
                color: #212832;
            }

            .section-profile-nav
            {
                width: 260px;
                height: 460px;
                position: absolute;
                top: 70px;
                right: 0;
                background-color: #fff;
                border-radius: 20px;
                z-index: 10;
                border: 2px solid #111b21;
                box-sizing: border-box;
                display: none;
            }

            .section-profile-nav-handel
            {
                width: 50px;
                height: 3px;
                border-bottom-left-radius: 3px;
                background-color: #111b21;
                position: absolute;
                top: 3px;
                left: 50%;
                transform: translate(-50%);
            }

            .section-profile-nav-img
            {
                width: 180px;
                height: 180px;
                position: absolute;
                top: 20px;
                left: 50%;
                transform: translate(-50%);
                overflow: hidden;
            }

            #man img
            {
                height: 180px;
                position: relative;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                display: none;
            }

            #women img
            {
                height: 180px;
                position: relative;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                display: none;
            }

            #complete img
            {
                height: 180px;
                position: relative;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                display: block;
            }

            .section-profile-nav-scroll
            {
                width: 240px;
                height: 220px;
                position: absolute;
                top: 210px;
                left: 50%;
                transform: translate(-50%);
                overflow-y: scroll;
            }

            .section-profile-nav-scroll::-webkit-scrollbar
            {
                width: 2px;
                background-color: #cccccc;
            }

            .section-profile-nav-scroll::-webkit-scrollbar-thumb
            {
                background-color: #111b21;
            }

            .section-profile-nav-scroll-min-height
            {
                width: 100%;
                min-height: 40px;
                margin-bottom: 40px;
            }

            .section-profile-nav-li
            {
                width: 220px;
                height: 40px;
                background-color: #fece2f;
                margin: 0 auto 5px;
                border-radius: 15px;
            }

            .section-profile-nav-li-ico
            {
                width: 36px;
                height: 36px;
                float: right;
                margin: 2px 2px 0 10px;
                background-color: #fff;
                border-radius: 15px;
                text-align: center;
            }

            .section-profile-nav-li-ico span
            {
                font-size: 26px;
                line-height: 36px;
                color: #111b21;
            }

            .section-profile-nav-li-text
            {
                width: auto;
                height: 100%;
                float: right;
            }

            .section-profile-nav-li-text span
            {
                font-family: XEROSANS-BOLD;
                font-size: 13px;
                line-height: 40px;
                color: #111b21;
            }

            .section-profile-nav-li-link
            {
                width: 40px;
                height: 100%;
                text-align: center;
                float: left;
            }

            .section-profile-nav-li-link span
            {
                font-size: 22px;
                line-height: 40px;
                color: #111b21;
            }

            .section-profile-name-tel
            {
                width: auto;
                height: 100%;
                float: right;
            }

            .section-profile-name
            {
                width: auto;
                height: 30px;
            }

            .section-profile-tel
            {
                width: auto;
                height: 20px;
            }

            .section-profile-name span
            {
                font-family: XEROSANS-BOLD;
                font-size: 14px;
                line-height: 30px;
                color: #111b21;
            }

            .section-profile-tel span
            {
                font-family: BYekan;
                font-weight: bold;
                font-size: 16px;
                color: #2ED480;
                position: relative;
                top: -7px;
            }

            .my-friends-sum
            {
                width: 96%;
                height: 40px;
                position: relative;
                margin: 20px auto 0;
                background-color: #424242;
                border-radius: 17px;
            }

            .my-friends-sum-fa
            {
                width: 36px;
                height: 36px;
                text-align: center;
                float: left;
                margin: 2px 10px 0 2px;
                background-color: #FFCC00;
                border-radius: 15px;
            }

            .my-friends-sum-fa span
            {
                font-size: 28px;
                line-height: 36px;
                color: #111b21;
            }

            .my-friends-sum-text
            {
                width: auto;
                height: 46px;
                float: right;
                direction: rtl;
            }

            .my-friends-sum-text span
            {
                font-family: XEROSANS-BOLD;
                font-size: 14px;
                line-height: 40px;
                color: #fff;
                margin-right: 20px;
            }

            .my-friends-sum-num
            {
                width: auto;
                height: 100%;
                float: right;
            }

            .my-friends-sum-num span
            {
                font-family: BYekan;
                font-size: 24px;
                line-height: 35px;
                font-weight: bold;
                color: #ffcc00;
                margin-right: 20px;
            }
        }
        /* ---------- مشترک ها */
        .dashboard-div
        {
            width: 100%;
            height: 965px;
        }

        .dashboard-div-th
        {
            width: 100%;
            height: 310px;
            float: left;
            margin-top: 10px;
        }

        /* ---------- درخواست اعتبار */
        .dashboard-div-th-0
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            display: block;
            float: left;
            position: relative;
            display: block;
        }

        .dashboard-div-credit
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #fff;
        }

        .dashboard-div-credit-img
        {
            width: 140px;
            height: 140px;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-credit-img img
        {
            height: 150px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-price
        {
            width: 170px;
            height: 40px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            top: 170px;
            background-color: #000066;
            border-radius: 15px;
        }

        .section-profile-credit-price-inp
        {
            width: 120px;
            height: 100%;
            float: left;
            text-align: left;
        }

        .section-profile-credit-price-inp span
        {
            font-family: BYekan;
            font-size: 20px;
            font-weight: bold;
            line-height: 40px;
            color: #fff;
            margin-left: 10px;
        }

        .section-profile-credit-toman
        {
            width: 50px;
            height: 100%;
            text-align: center;
            float: left;
        }

        .section-profile-credit-toman span
        {
            font-family: DANA;
            font-size: 18px;
            line-height: 40px;
            color: #2ED480;
        }

        .dashboard-div-credit-btn
        {
            width: 170px;
            height: 40px;
            border: 2px solid #2ED480;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 17px;
            cursor: pointer;
        }

        .dashboard-div-credit-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #2ED480;
            border-radius: 13px;
        }

        .dashboard-div-credit-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #111b21;
        }

        .dashboard-div-credit-btn-txt
        {
            width: calc(100% - 40px);
            height: 100%;
            float: left;
            text-align: center;
            direction: rtl;
        }

        .dashboard-div-credit-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #2ED480;
        }

        /* ---------- اطلاعات کاربر */
        .dashboard-div-th-1
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
            margin-left: 5px;
        }

        .dashboard-div-detail
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #fff;
        }

        .dashboard-div-detail-img
        {
            width: 140px;
            height: 140px;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-detail-img img
        {
            height: 160px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .dashboard-div-user
        {
            width: 170px;
            height: 60px;
            background-color: #b2d5ff;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
            top: 150px;
            text-align: center;
        }

        .dashboard-div-user-full-name,
        .dashboard-div-user-tel
        {
            width: 100%;
            height: 30px;
            float: right;
            text-align: center;
        }

        .dashboard-div-user-full-name
        {
            direction: rtl;

        }

        .dashboard-div-user-full-name span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 30px;
            color: #000066;
        }

        .dashboard-div-user-tel span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
            color: #DC143C;
            position: relative;
            top: -7px;
            line-height: 35px;
        }

        .dashboard-div-detail-btn
        {
            width: 170px;
            height: 40px;
            border: 2px solid #2ED480;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 17px;
            cursor: pointer;
        }

        .dashboard-div-detail-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #2ED480;
            border-radius: 13px;
        }

        .dashboard-div-detail-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #111b21;
        }

        .dashboard-div-detail-btn-txt
        {
            width: 130px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .dashboard-div-detail-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #2ED480;
        }

        /* ---------- لینک دعوت دوستان */
        .dashboard-div-th-2
        {
            width: 445px;
            height: 100%;
            border-radius: 20px;
            display: block;
            float: left;
            position: relative;
            margin-left: 5px;
        }

        .dashboard-div-invite
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #19202a;
        }

        .section-profile-credit-invite-img
        {
            width: 160px;
            height: 210px;
            position: absolute;
            top: -20px;
            right: 10px;
        }

        .section-profile-credit-invite-img img
        {
            height: 220px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-invite-tit
        {
            width: 230px;
            height: auto;
            position: absolute;
            top: 20px;
            left: 30px;
            text-align: center;
            direction: rtl;
        }

        .section-profile-credit-invite-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 25px;
            color: #2ed480;
        }

        .section-profile-credit-invite-des
        {
            width: 250px;
            height: auto;
            direction: rtl;
            text-align: justify;
            position: absolute;
            top: 110px;
            left: 20px;
        }

        .section-profile-credit-invite-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #fff;
        }

        .dashboard-div-invite-link-friends
        {
            width: 364px;
            height: 40px;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-invite-link
        {
            width: 170px;
            height: 100%;
            float: left;
            border-radius: 15px;
            background-color: #fff;
            cursor: pointer;
        }

        .dashboard-div-invite-link-txt
        {
            width: 130px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .dashboard-div-invite-link-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #111b21;
        }

        .dashboard-div-invite-link-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #111b21;
            border-radius: 13px;
        }

        .dashboard-div-invite-link-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #fece2f;
        }

        .dashboard-div-invite-friends
        {
            width: 170px;
            height: 100%;
            float: left;
            border-radius: 17px;
            border: 2px solid #fece2f;
            margin-left: 20px;
            cursor: pointer;
        }

        .dashboard-div-invite-friends-txt
        {
            width: 130px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .dashboard-div-invite-friends-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #fece2f;
        }

        .dashboard-div-invite-friends-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #fece2f;
            border-radius: 13px;
        }

        .dashboard-div-invite-friends-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #111b21;
        }
        /* ---------- درخواست در حال پردازش */
        .dashboard-div-th-3
        {
            width: 245px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
        }

        .dashboard-div-orders
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #b2d5ff;
        }

        .section-profile-credit-orders-img
        {
            width: 150px;
            height: 110px;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-orders-img img
        {
            width: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-orders-num
        {
            width: 40px;
            height: 40px;
            text-align: center;
            position: absolute;
            top: 170px;
            left: 50%;
            transform: translate(-50%);
            background-color: rgba(3, 27, 61, 0.2);
            border-radius: 15px;
        }

        .section-profile-credit-orders-num span
        {
            font-family: BYekan;
            font-size: 20px;
            line-height: 35px;
            font-weight: bold;
            color: #031b3d;
        }

        .dashboard-div-orders-btn
        {
            width: 170px;
            height: 40px;
            background-color: #fff;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
            cursor: pointer;
        }

        .dashboard-div-orders-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #031b3d;
            border-radius: 13px;
        }

        .dashboard-div-orders-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #fff;
        }

        .dashboard-div-orders-btn-txt
        {
            width: 130px;
            height: 100%;
            float: left;
            text-align: center;
        }

        .dashboard-div-orders-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #031b3d;
        }

        /* ---------- سررسید اقساط چک */
        .dashboard-div-th-4
        {
            width: 420px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
            margin-left: 5px;
        }

        .dashboard-div-calender
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #FFCC00;
        }

        .section-profile-credit-calender-img
        {
            width: 140px;
            height: 120px;
            position: absolute;
            top: -20px;
            right: 10px;
        }

        .section-profile-credit-calender-img img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-calender-pay
        {
            width: 240px;
            height: 270px;
            background-color: #111b21;
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 15px;
        }

        .section-profile-credit-calender-pay-select
        {
            width: 100px;
            height: 55px;
            position: absolute;
            top: 140px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-calender-pay-select-next
        {
            width: 25px;
            height: 25px;
            position: absolute;
            background-color: #fff;
            border-radius: 10px;
            text-align: center;
            top: 0;
            left: 0;
        }

        .section-profile-credit-calender-pay-select-next button
        {
            width: 100%;
            height: 100%;
            outline: none;
            border: none;
            background-color: transparent;
            cursor: pointer;
        }

        .section-profile-credit-calender-pay-select-next button span
        {
            font-size: 18px;
            font-weight: bold;
            line-height: 25px;
            color: #111b21;
        }

        .section-profile-credit-calender-pay-select-pre
        {
            width: 25px;
            height: 25px;
            position: absolute;
            background-color: #fff;
            border-radius: 10px;
            text-align: center;
            top: 0;
            right: 0;
        }

        .section-profile-credit-calender-pay-select-pre button
        {
            width: 100%;
            height: 100%;
            outline: none;
            border: none;
            background-color: transparent;
            cursor: pointer;
        }

        .section-profile-credit-calender-pay-select-pre button span
        {
            font-size: 18px;
            font-weight: bold;
            line-height: 25px;
            color: #111b21;
        }

        .section-profile-credit-calender-pay-select-tit
        {
            width: 100%;
            height: 30px;
            position: absolute;
            bottom: 0;
            text-align: center;
        }

        .section-profile-credit-calender-pay-select-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #FFCC00;
        }

        .section-profile-credit-calender-date-payment
        {
            width: 170px;
            height: 90px;
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-calender-date
        {
            width: 100%;
            height: 30px;
            float: right;
        }

        .section-profile-credit-calender-date-tit
        {
            width: auto;
            height: 100%;
            direction: rtl;
            float: right;
        }

        .section-profile-credit-calender-date-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #FFCC00;
        }

        .section-profile-credit-calender-date-day
        {
            width: auto;
            height: 100%;
            direction: rtl;
            float: left;
        }

        .section-profile-credit-calender-date-day span
        {
            font-family: BYekan;
            font-size: 14px;
            line-height: 30px;
            color: #fff;
        }

        .section-profile-credit-calender-payment
        {
            width: 100%;
            height: 60px;
            float: right;
        }

        .section-profile-credit-calender-payment-tit
        {
            width: 100%;
            height: 30px;
            float: right;
            direction: rtl;
        }

        .section-profile-credit-calender-payment-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 30px;
            color: #FFCC00;
        }

        .section-profile-credit-calender-payment-div
        {
            width: 100%;
            height: 30px;
            float: right;
        }

        .section-profile-credit-calender-payment-price
        {
            width: auto;
            height: 100%;
            float: left;
        }

        .section-profile-credit-calender-payment-price span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 22px;
            line-height: 30px;
            color: #fff;
        }

        .section-profile-credit-calender-payment-toman
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .section-profile-credit-calender-payment-toman span
        {
            font-family: DANA;
            font-size: 18px;
            line-height: 30px;
            color: #2ED480;
        }

        .dashboard-div-calender-btn
        {
            width: 180px;
            height: 40px;
            box-sizing: border-box;
            background-color: #fff;
            position: absolute;
            top: 210px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
            cursor: pointer;
        }

        .dashboard-div-calender-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            background-color: #111b21;
            border-radius: 13px;
            position: absolute;
            top: 2px;
            left: 2px;
        }

        .dashboard-div-calender-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #FFCC00;
        }

        .dashboard-div-calender-btn-txt
        {
            width: 140px;
            height: 100%;
            position: absolute;
            text-align: center;
            top: 0;
            right: 0;
        }

        .dashboard-div-calender-btn-txt button
        {
            width: 100%;
            height: 100%;
            border: none;
            background-color: transparent;
            outline: none;
            cursor: pointer;
        }

        .dashboard-div-calender-btn-txt button span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #111b21;
        }

        /* ---------- جریمه دیرکرد */
        .dashboard-div-th-5
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
            margin-left: 5px;
        }

        .dashboard-div-recharge
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #fff;
        }

        .dashboard-div-recharge-img
        {
            width: 140px;
            height: 120px;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-recharge-img img
        {
            height: 120px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-recharge-tit
        {
            width: 170px;
            height: 30px;
            position: absolute;
            top: 140px;
            left: 50%;
            transform: translate(-50%);
            text-align: right;
            direction: rtl;
        }

        .section-profile-credit-recharge-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 12px;
            line-height: 30px;
            color: #2ED480;
        }

        .section-profile-credit-recharge-price
        {
            width: 170px;
            height: 40px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            top: 170px;
            background-color: #2ED480;
            border-radius: 15px;
        }

        .section-profile-credit-recharge-price-num
        {
            width: 120px;
            height: 100%;
            float: left;
        }

        .section-profile-credit-recharge-price-num span
        {
            font-family: BYekan;
            font-size: 20px;
            font-weight: bold;
            line-height: 40px;
            color: #fff;
            margin-left: 15px;
        }

        .section-profile-credit-recharge-price-toman
        {
            width: 50px;
            height: 100%;
            float: left;
            text-align: center;
        }

        .section-profile-credit-recharge-price-toman span
        {
            font-family: DANA;
            font-size: 18px;
            line-height: 40px;
        }

        .dashboard-div-recharge-btn
        {
            width: 170px;
            height: 40px;
            border: 2px solid #2ED480;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 17px;
            cursor: pointer;
        }

        .dashboard-div-recharge-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #2ED480;
            border-radius: 13px;
        }

        .dashboard-div-recharge-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #111b21;
        }

        .dashboard-div-recharge-btn-txt
        {
            width: calc(100% - 40px);
            height: 100%;
            float: left;
            text-align: center;
            direction: rtl;
        }

        .dashboard-div-recharge-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #2ED480;
        }

        .success-button-late
        {
            width: 35px;
            height: 35px;
            position: absolute;
            top: 20px;
            right: 20px;
            text-align: center;
            background-color: #0020ff;
            border-radius: 10px;
            cursor: pointer;
        }

        .success-button-late span
        {
            font-size: 22px;
            line-height: 35px;
            color: #fff;
        }
        /* ---------- مدارک و قراردادها */
        .dashboard-div-th-6
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
        }

        .dashboard-div-doc
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #FFF;
        }

        .dashboard-div-doc-img
        {
            width: 140px;
            height: 140px;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-doc-img img
        {
            height: 160px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .dashboard-div-tit
        {
            width: 100%;
            height: 40px;
            position: absolute;
            top: 110px;
            text-align: center;
        }

        .dashboard-div-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #111b21;
        }

        .dashboard-div-question
        {
            width: 100%;
            height: 40px;
            position: absolute;
            top: 150px;
            text-align: center;
            direction: rtl;
        }

        .dashboard-div-question span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 35px;
            color: #424242;
        }

        .dashboard-div-doc-btn
        {
            width: 170px;
            height: 40px;
            border: 2px solid #2ED480;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 17px;
            cursor: pointer;
        }

        .dashboard-div-doc-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px 2px;
            background-color: #2ED480;
            border-radius: 13px;
        }

        .dashboard-div-doc-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #111b21;
        }

        .dashboard-div-doc-btn-txt
        {
            width: calc(100% - 40px);
            height: 100%;
            float: left;
            text-align: center;
            direction: rtl;
        }

        .dashboard-div-doc-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #2ED480;
        }

        /* ---------- پشتیبانی و مرکز تماس */
        .dashboard-div-th-7
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
            margin-left: 5px;
        }

        .dashboard-div-support
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #FFF;
        }

        .dashboard-div-support-img
        {
            width: 140px;
            height: 140px;
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-support-img img
        {
            height: 130px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .dashboard-div-support-btn-contact
        {
            width: 170px;
            height: 40px;
            box-sizing: border-box;
            background-color: #add;
            text-align: center;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
            cursor: pointer;
        }

        .dashboard-div-support-btn
        {
            width: 170px;
            height: 40px;
            box-sizing: border-box;
            background-color: #add;
            text-align: center;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
            cursor: pointer;
        }

        .dashboard-div-support-btn-txt
        {
            width: 130px;
            height: 100%;
            float: left;
            text-align: center;
        }

        .dashboard-div-support-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #012a8f;
        }

        .dashboard-div-support-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            background-color: #fff;
            margin: 2px 0 0 2px;
            border-radius: 15px;
        }

        .dashboard-div-support-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
        }

        /* ---------- صندوق پیام */
        .dashboard-div-th-8
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
            margin-left: 5px;
        }

        .dashboard-div-inbox
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #FFF;
        }

        .dashboard-div-inbox-img
        {
            width: 140px;
            height: 140px;
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translate(-50%);
        }
        .dashboard-div-inbox-img img
        {
            height: 130px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .dashboard-div-tit-num
        {
            width: 40px;
            height: 40px;
            text-align: center;
            position: absolute;
            top: 170px;
            left: 50%;
            transform: translate(-50%);
            background-color: rgba(3, 27, 61, 0.2);
            border-radius: 15px;
        }

        .dashboard-div-tit-num span
        {
            font-family: BYekan;
            font-size: 20px;
            line-height: 35px;
            font-weight: bold;
            color: #031b3d;
        }

        .dashboard-div-inbox-btn
        {
            width: 170px;
            height: 40px;
            box-sizing: border-box;
            background-color: #add;
            text-align: center;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
        }

        .dashboard-div-inbox-btn-txt
        {
            width: 130px;
            height: 100%;
            float: left;
            text-align: center;
            cursor: pointer;
        }

        .dashboard-div-inbox-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #012a8f;
        }

        .dashboard-div-inbox-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            background-color: #fff;
            margin: 2px 0 0 2px;
            border-radius: 15px;
        }

        .dashboard-div-inbox-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
        }

        /* ---------- ثبت نام حضوری */
        .dashboard-div-th-9
        {
            width: 220px;
            height: 100%;
            border-radius: 20px;
            float: left;
            position: relative;
            display: block;
            margin-left: 5px;
        }

        .dashboard-div-online
        {
            width: 100%;
            height: 290px;
            position: absolute;
            top: 20px;
            border-radius: 20px;
            float: left;
            background-color: #FFF;
        }

        .dashboard-div-online-img
        {
            width: 140px;
            height: 120px;
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-div-online-img img
        {
            height: 120px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-online
        {
            width: 170px;
            height: 40px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            top: 170px;
            background-color: #000066;
            border-radius: 15px;
            text-align: center;
        }

        .section-profile-credit-online span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
        }

        .dashboard-div-online-btn
        {
            width: 170px;
            height: 40px;
            box-sizing: border-box;
            background-color: #add;
            text-align: center;
            position: absolute;
            top: 220px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 15px;
            cursor: pointer;
        }

        .dashboard-div-online-btn-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            background-color: #fff;
            margin: 2px 0 0 2px;
            border-radius: 15px;
        }

        .dashboard-div-online-btn-fa span
        {
            font-size: 18px;
            line-height: 36px;
        }

        .dashboard-div-online-btn-txt
        {
            width: 130px;
            height: 100%;
            float: left;
            text-align: center;
        }

        .dashboard-div-online-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #012a8f;
        }

        /* ---------- پاپ اپ جریمه درکرد */
        .section-profile-credit-recharge-pop,
        .section-profile-archive
        {
            width: 330px;
            height: 550px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            border-radius: 20px;
            z-index: 40;
            border: 2px solid #111b21;
            display: none;
        }

        .section-profile-credit-recharge-pop-img
        {
            width: 200px;
            height: 200px;
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-recharge-pop-img img
        {
            height: 220px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-recharge-pop-bar
        {
            width: 100%;
            height: auto;
            position: absolute;
            top: 240px;
            text-align: center;
        }

        .section-profile-credit-recharge-pop-alert
        {
            width: 270px;
            height: 70px;
            margin: 0 auto;
            background-color: rgb(178, 213, 255);
            border-radius: 10px;
            box-sizing: border-box;
            padding-left: 20px;
        }

        .section-profile-credit-recharge-pop-alert-fa
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-recharge-pop-alert-fa span
        {
            font-size: 20px;
            line-height: 70px;
            color: #111b21;
        }

        .section-profile-credit-recharge-pop-alert-des
        {
            width: calc(100% - 50px);
            height: 100%;
            direction: rtl;
            float: right;
            text-align: justify;
            margin-top: 5px;
        }

        .section-profile-credit-recharge-pop-alert-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 15px;
            color: #555555;
        }

        .section-profile-credit-recharge-pop-tit
        {
            width: 100%;
            height: 40px;
            text-align: center;
            position: absolute;
            top: 320px;
        }

        .section-profile-credit-recharge-pop-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
        }

        .section-profile-credit-recharge-pop-form
        {
            width: 260px;
            height: auto;
            position: absolute;
            top: 380px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-recharge-pop-form-inp
        {
            width: 100%;
            height: 50px;
            border-radius: 17px;
            position: relative;
        }

        .section-profile-credit-recharge-pop-form-inp input
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            border: 2px solid #031b3d;
            background-color: transparent;
            border-radius: 17px;
            outline: none;
            box-sizing: border-box;
            padding: 0 0 0 60px;
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
            color: #031b3d;
        }

        .section-profile-credit-recharge-pop-form-inp input:focus + label,
        .section-profile-credit-recharge-pop-form-inp input:valid + label
        {
            top: -17px;
            right: 20px;
            font-size: 13px;
            color: #031b3d;
            background-color: #fff;
            padding: 2px 10px;
            transition: 0.3s;
        }

        .payment-recharge-lab
        {
            position: absolute;
            top: 8px;
            right: 30px;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            direction: rtl;
            color: #888;
        }

        .section-profile-credit-recharge-pop-form-inp-fa
        {
            width: 42px;
            height: 42px;
            text-align: center;
            position: absolute;
            top: 4px;
            left: 4px;
            background-color: #031b3d;
            border-radius: 15px;
        }

        .section-profile-credit-recharge-pop-form-inp-fa span
        {
            font-size: 28px;
            line-height: 42px;
            color: #ffcc00;
        }

        .section-profile-credit-recharge-pop-form-btn
        {
            width: 100%;
            height: 40px;
            background-color: #ffcc00;
            margin-top: 40px;
            border-radius: 10px;
            position: relative;
        }

        .section-profile-credit-recharge-pop-form-btn button
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            border: none;
            background-color: transparent;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 15px;
            color: #031b3d;
            cursor: pointer;
        }

        .section-profile-credit-recharge-pop-form-close
        {
            width: 40px;
            height: 40px;
            position: absolute;
            background-color: #111b21;
            border-radius: 15px;
            text-align: center;
            top: 20px;
            right: 20px;
            cursor: pointer;
        }

        .section-profile-credit-recharge-pop-form-close span
        {
            font-size: 28px;
            line-height: 40px;
            color: #ffcc00;
        }

        /* ---------- پاپ اپ لینک دعوت دوستان */
        .section-profile-credit-invite-pop
        {
            width: 330px;
            height: 550px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            border-radius: 22px;
            z-index: 40;
            border: 2px solid #111b21;
            box-sizing: border-box;
            display: none;
            overflow: hidden;
        }

        .section-profile-credit-invite-pop-img
        {
            width: 200px;
            height: 200px;
            position: absolute;
            top: 30px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-invite-pop-img img
        {
            height: 200px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-invite-pop-qr-text
        {
            width: 260px;
            height: auto;
            position: absolute;
            top: 240px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-invite-pop-text
        {
            width: 100%;
            height: 50px;
            margin: 0 auto;
            background-color: rgb(178, 213, 255);
            border-radius: 10px;
            box-sizing: border-box;
            padding-left: 20px;
        }

        .section-profile-credit-invite-pop-text-fa
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-invite-pop-text-fa span
        {
            font-size: 20px;
            line-height: 50px;
            color: #111b21;
        }

        .section-profile-credit-invite-pop-text-des
        {
            width: calc(100% - 50px);
            height: 100%;
            direction: rtl;
            float: right;
            text-align: justify;
        }

        .section-profile-credit-invite-pop-text-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 45px;
            color: #555555;
        }

        .section-profile-credit-invite-pop-qr
        {
            width: 130px;
            height: 130px;
            overflow: hidden;
            position: absolute;
            top: 80px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-invite-pop-qr img
        {
            height: 150px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-invite-pop-next-1
        {
            width: 115px;
            height: 40px;
            background-color: #00023b;
            border-radius: 17px;
            position: absolute;
            bottom: 20px;
            left: 20px;
            cursor: pointer;
        }

        .section-profile-credit-invite-pop-level-1-fa
        {
            width: 36px;
            height: 36px;
            background-color: #ffcc00;
            border-radius: 15px;
            text-align: center;
            float: left;
            margin: 2px 2px 0 2px;
        }

        .section-profile-credit-invite-pop-level-1-fa span
        {
            font-size: 28px;
            line-height: 36px;
            color: #111b21;
        }

        .section-profile-credit-invite-pop-level-1-lab
        {
            width: 75px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-invite-pop-level-1-lab span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #ffcc00;
        }

        .section-profile-credit-invite-pop-pre-1,
        .section-profile-credit-invite-pop-pre-2
        {
            width: 40px;
            height: 40px;
            background-color: #00023b;
            border-radius: 17px;
            position: absolute;
            bottom: 20px;
            right: 20px;
            text-align: center;
            display: none;
            cursor: pointer;
        }

        .section-profile-credit-invite-pop-pre-1 span,
        .section-profile-credit-invite-pop-pre-2 span
        {
            font-size: 28px;
            line-height: 40px;
            color: #ffcc00;
        }

        .section-profile-credit-invite-pop-link
        {
            width: 100%;
            height: auto;
            position: absolute;
            top: 240px;
            text-align: center;
            display: none;
        }

        .section-profile-credit-invite-pop-link-text
        {
            width: 260px;
            height: 90px;
            margin: 10px auto 0;
            background-color: rgb(178, 213, 255);
            border-radius: 10px;
            box-sizing: border-box;
            padding-left: 20px;
        }

        .section-profile-credit-invite-pop-link-text-fa
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-invite-pop-link-text-fa span
        {
            font-size: 20px;
            line-height: 90px;
            color: #111b21;
        }

        .section-profile-credit-invite-pop-link-text-des
        {
            width: calc(100% - 50px);
            height: 100%;
            direction: rtl;
            float: right;
            text-align: justify;
            margin-top: 7px;
        }

        .section-profile-credit-invite-pop-link-text-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 15px;
            color: #555555;
        }

        .section-profile-credit-invite-pop-link-inp
        {
            width: 300px;
            height: 40px;
            background-color: #eee;
            border-radius: 15px;
            text-align: center;
            margin: 10px auto 0;
        }

        .section-profile-credit-invite-pop-link-inp span
        {
            font-family: Monda;
            font-size: 12px;
            line-height: 40px;
        }

        .section-profile-credit-invite-pop-link-send
        {
            width: 140px;
            height: 70px;
            margin: 10px auto;
        }

        .section-profile-credit-invite-pop-link-send-copy,
        .section-profile-credit-invite-pop-link-send-share
        {
            width: 70px;
            height: 100%;
            float: left;
        }

        .section-profile-credit-invite-pop-link-send-copy-text,
        .section-profile-credit-invite-pop-link-send-share-text
        {
            width: 100%;
            height: 30px;
            text-align: center;
        }

        .section-profile-credit-invite-pop-link-send-copy-text span,
        .section-profile-credit-invite-pop-link-send-share-text span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 11px;
            line-height: 25px;
        }

        .section-profile-credit-invite-pop-link-send-copy-fa
        {
            width: 40px;
            height: 40px;
            text-align: center;
            transform: rotate(140deg);
            border-radius: 100%;
            background-color: #111b21;
            margin: 0 auto;
            cursor: pointer;
        }

        .section-profile-credit-invite-pop-link-send-copy-fa span
        {
            font-size: 24px;
            line-height: 40px;
            color: #ffcc00;
        }

        .section-profile-credit-invite-pop-link-send-share-fa
        {
            width: 40px;
            height: 40px;
            text-align: center;
            border-radius: 100%;
            background-color: #111b21;
            margin: 0 auto;
            cursor: pointer;
        }

        .section-profile-credit-invite-pop-link-send-share-fa span
        {
            font-size: 24px;
            line-height: 40px;
            color: #ffcc00;
        }

        .section-profile-credit-invite-pop-next-2
        {
            width: 115px;
            height: 40px;
            background-color: #00023b;
            border-radius: 17px;
            position: absolute;
            bottom: 20px;
            left: 20px;
            display: none;
            cursor: pointer;
        }

        .section-profile-credit-invite-pop-level-2-fa
        {
            width: 36px;
            height: 36px;
            background-color: #ffcc00;
            border-radius: 15px;
            text-align: center;
            float: left;
            margin: 2px 2px 0 2px;
        }

        .section-profile-credit-invite-pop-level-2-fa span
        {
            font-size: 28px;
            line-height: 36px;
            color: #111b21;
        }

        .section-profile-credit-invite-pop-level-2-lab
        {
            width: 75px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-invite-pop-level-2-lab span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #ffcc00;
        }

        .section-profile-credit-invite-pop-phone
        {
            width: 100%;
            height: auto;
            position: absolute;
            top: 240px;
            text-align: center;
            display: none;
        }

        .section-profile-credit-invite-pop-phone-text
        {
            width: 260px;
            height: 70px;
            margin: 0 auto;
            background-color: rgb(178, 213, 255);
            border-radius: 10px;
            box-sizing: border-box;
            padding-left: 20px;
        }

        .section-profile-credit-invite-pop-phone-text-fa
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-invite-pop-phone-text-fa span
        {
            font-size: 20px;
            line-height: 70px;
            color: #111b21;
        }

        .section-profile-credit-invite-pop-phone-text-des
        {
            width: calc(100% - 50px);
            height: 100%;
            direction: rtl;
            float: right;
            text-align: justify;
            margin-top: 7px;
        }

        .section-profile-credit-invite-pop-phone-text-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 15px;
            color: #555555;
        }

        .section-profile-credit-invite-pop-phone-number
        {
            width: 260px;
            height: auto;
            text-align: center;
            margin: 20px auto 0;
            border-radius: 10px;
            box-sizing: border-box;
            background-color: #eeeeee;
        }

        .section-profile-credit-invite-pop-phone-number-text
        {
            width: 100%;
            height: 40px;
            direction: rtl;
        }

        .section-profile-credit-invite-pop-phone-number-text span
        {
            font-family: "BYekan";
            font-weight: bold;
            font-size: 17px;
            line-height: 50px;
        }

        .section-profile-credit-invite-pop-phone-number-code
        {
            width: 100%;
            height: 40px;
        }

        .section-profile-credit-invite-pop-phone-number-code span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 20px;
            line-height: 30px;
            color: #0020ff;
        }

        .section-profile-credit-invite-pop-close
        {
            width: 40px;
            height: 40px;
            position: absolute;
            background-color: #111b21;
            border-radius: 15px;
            text-align: center;
            top: 20px;
            right: 20px;
            cursor: pointer;
        }

        .section-profile-credit-invite-pop-close span
        {
            font-size: 28px;
            line-height: 40px;
            color: #ffcc00;
        }

        .blocked-pop
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(17, 27, 33, 0.6);
            display: none;
        }

        .section-profile-credit-invite-pop-shared
        {
            width: 320px;
            height: 220px;
            position: absolute;
            bottom: -225px;
            left: 50%;
            transform: translate(-50%);
            border-radius: 20px;
            overflow: hidden;
        }

        .section-profile-credit-invite-pop-success
        {
            width: 300px;
            height: 150px;
            background-color: #031b3d;
            border-radius: 20px;
            position: absolute;
            top: 140px;
            left: 50%;
            transform: translate(-50%);
            display: none;
            transition: .5s;
        }

        .section-profile-credit-invite-pop-success-fa
        {
            width: 60px;
            height: 50px;
            text-align: center;
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-invite-pop-success-fa span
        {
            font-size: 40px;
            line-height: 60px;
            color: #FFCC00;
        }

        .section-profile-credit-invite-pop-success-tit
        {
            width: 100%;
            height: auto;
            text-align: center;
            direction: rtl;
            position: absolute;
            top: 70px;
        }

        .section-profile-credit-invite-pop-success-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            color: #fff;
        }

        .section-profile-credit-invite-pop-success-des
        {
            width: 100%;
            height: 30px;
            text-align: center;
            direction: rtl;
            position: absolute;
            bottom: 15px;
        }

        .section-profile-credit-invite-pop-success-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #c2f8cb;
        }
        /* ---------- مدارک و قراردادها */
        .section-profile-archive-close
        {
            width: 35px;
            height: 35px;
            background-color: #000066;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
            position: absolute;
            top: 15px;
            right: 15px;
        }

        .section-profile-archive-close span
        {
            font-size: 22px;
            line-height: 35px;
            color: #fff;
        }

        .section-profile-archive-scroll
        {
            width: 320px;
            height: 525px;
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translate(-50%);
            overflow-y: scroll;
        }

        .section-profile-archive-scroll::-webkit-scrollbar
        {
            width: 0;
        }

        .section-profile-archive-scroll-min-height
        {
            width: 100%;
            min-height: 40px;
            margin-bottom: 80px;
        }

        .section-profile-archive-img
        {
            width: 100%;
            height: 200px;
        }

        .section-profile-archive-img img
        {
            height: 170px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-archive-title
        {
            width: 90%;
            height: 40px;
            margin: 0px auto;
            text-align: center;
            border: 1px dashed #424242;
            border-radius: 10px;
        }

        #item-share
        {
            margin-top: 20px;
        }

        .section-profile-archive-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #424242;
        }

        .section-profile-archive-li
        {
            width: 90%;
            height: 40px;
            margin: 5px auto 0;
            text-align: right;
            direction: rtl;
            background-color: #e0e0e0;
            position: relative;
            cursor: pointer;
        }

        .section-profile-archive-li span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 35px;
            margin-right: 10px;
            color: #424242;
        }

        .section-profile-archive-li-fa
        {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 5px;
            text-align: center;
        }

        .section-profile-archive-li-fa span
        {
            font-size: 20px;
            line-height: 40px;
            color: #424242;
        }

        .section-profile-archive-view
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #111b21;
            z-index: 50;
        }

        .section-profile-archive-view-box
        {
            width: 646px;
            height: 430px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: rgba(255, 255, 255, 0.2);
            z-index: 60;
        }

        .section-profile-archive-view-box img
        {
            height: 400px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-archive-view-close
        {
            width: 160px;
            height: 40px;
            background-color: #fece2f;
            border-radius: 10px;
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
        }

        .section-profile-archive-view-close-fa-title
        {
            width: 120px;
            height: 100%;
            text-align: center;
            float: right;
        }

        .section-profile-archive-view-close-fa-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #111b21;
        }

        .section-profile-archive-view-close-fa
        {
            width: 40px;
            height: 40px;
            float: right;
            text-align: center;
        }

        .section-profile-archive-view-close-fa span
        {
            font-size: 22px;
            line-height: 40px;
            color: #111b21;
        }

        .section-profile-archive-alert
        {
            width: 90%;
            height: auto;
            background-color: #a8c9e0;
            border-radius: 15px;
            margin: 20px auto 0;
            box-sizing: border-box;
            padding: 20px 10px;
            text-align: center;
            direction: rtl;
        }

        .section-profile-archive-alert span
        {
            font-family: XEROSANS-BOLD;
            font-size: 12px;
            line-height: 20px;
            color: #000066;
        }

        .archive-embed
        {
            width: 600px;
            height: 550px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: hidden;
        }

        .archive-embed iframe
        {
            width: 500px;
            height: 500px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    }
    @media /* ---------- register */
    {
        .dashboard-form-register-personal
        {
            margin: 0 auto;
            width: 90%;
            height: auto;
            border-radius: 25px;
            box-sizing: border-box;
            padding: 10px 25px 40px;
        }

        .personal-inp
        {
            width: 100%;
            height: 60px;
            position: relative;
            direction: rtl;
            margin: 0 auto;
        }

        .personal-inp input
        {
            width: 100%;
            height: 40px;
            position: absolute;
            top: 20px;
            background-color: transparent;
            border: 1px solid #666;
            outline: none;
            box-sizing: border-box;
            padding: 0 20px;
            font-size: 15px;
            font-family: XEROSANS-BOLD;
            color: #003CFF;
            border-radius: 5px;
            direction: rtl;
        }

        #personal-font input
        {
            font-size: 18px;
            font-family: BYekan;
            font-weight: bold;
        }

        .personal-label
        {
            position: absolute;
            top: 23px;
            right: 30px;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #666;
        }

        .personal-inp input:focus + label,
        .personal-inp input:valid + label
        {
            color: #999;
            font-size: 13px;
            top: 4px;
            transition: 0.3s;
            right: 20px;
            background-color: #e6ffda;
            padding: 0 7px;
        }

        #gender-lab,
        #date-lab,
        #state-lab,
        #city-lab,
        #location-lab,
        #marital-lab,
        #home-label,
        #office-label,
        #ownership-lab
        {
            position: absolute;
            top: 4px;
            right: 20px;
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #999;
            background-color: #e6ffda;
            padding: 0 7px;
        }

        .personal-calendar
        {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 20px;
            left: 0;
            pointer-events: none;
            text-align: center;
        }

        .personal-calendar span
        {
            font-size: 24px;
            line-height: 40px;
            color: #999999;
        }

        .personal-inp #gender,
        .personal-inp #state,
        .personal-inp #city,
        .personal-inp #location,
        .personal-inp #marital,
        .personal-inp #category,
        .personal-inp #ownership
        {
            width: 100%;
            height: 40px;
            position: absolute;
            top: 20px;
            background-color: transparent;
            border: 1px solid #666;
            outline: none;
            box-sizing: border-box;
            padding: 0 20px;
            font-size: 14px;
            font-family: XEROSANS-BOLD;
            color: #003CFF;
            -webkit-appearance: none;
            border-radius: 5px;
        }

        .personal-btn
        {
            width: 100%;
            height: 50px;
            margin-top: 40px;
            position: relative;
            background-color: #FFD700FF;
            border-radius: 15px;
            cursor: pointer;

        }
        .personal-btn button
        {
            width: 100%;
            height: 100%;
            background-color: #FFD700FF;
            border-radius: 15px;
            border: none;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            cursor: pointer;
        }

        .personal-btn button .personal-btn-tit,
        .personal-btn-tit-0
        {
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .personal-btn button .personal-btn-tit span
        {
            line-height: 50px;
        }

        .personal-btn-tit-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
        }

        .personal-btn button .personal-btn-fa
        {
            width: 44px;
            height: 44px;
            position: absolute;
            left: 3px;
            top: 3px;
            pointer-events: none;
            text-align: center;
            background-color: #111b21;
            border-radius: 13px;
        }

        .personal-btn button .personal-btn-fa span
        {
            font-size: 22px;
            line-height: 44px;
            color: #FFD700FF;
        }

        .personal-btn-fa
        {
            width: 44px;
            height: 44px;
            position: absolute;
            left: 3px;
            top: 3px;
            pointer-events: none;
            text-align: center;
            background-color: #111b21;
            border-radius: 13px;
        }

        .personal-btn-fa span
        {
            font-size: 22px;
            line-height: 44px;
            color: #FFD700FF;
        }

        .dashboard-form-register-location
        {
            margin: 0 auto;
            width: 320px;
            height: auto;
            border-radius: 25px;
            box-sizing: border-box;
            padding: 20px 25px 40px;
        }

        .personal-area
        {
            width: 100%;
            height: 100px;
            position: relative;
            direction: rtl;
            margin: 0 auto 10px;
        }

        .personal-area textarea
        {
            width: 100%;
            height: 80px;
            position: absolute;
            top: 20px;
            background-color: transparent;
            border: 1px solid #666;
            outline: none;
            box-sizing: border-box;
            padding: 10px 20px 0;
            font-size: 16px;
            font-family: BYekan;
            font-weight: bold;
            color: #003CFF;
            max-width: 100%;
            min-width: 100%;
            max-height: 80px;
            min-height: 80px;
            text-align: justify;
            line-height: 20px;
            border-radius: 5px;
            overflow: hidden;
        }

        .dashboard-form-registered
        {
            margin: 0 auto;
            width: 360px;
            height: auto;
            box-sizing: border-box;
            padding: 20px 25px 40px;
        }

        .personal-div
        {
            width: 100%;
            height: 60px;
            position: relative;
            box-sizing: border-box;
            padding: 0 15px 7px;
            direction: rtl;
            border-bottom: 1px dashed #424242;
        }

        .detail-title
        {
            width: 100%;
            height: 25px;
            float: right;
        }

        .detail-title span
        {
            font-size: 12px;
            font-family: XEROSANS-BOLD;
            color: #001dff;
            line-height: 30px;
        }

        .detail-personal
        {
            width: 100%;
            height: 35px;
            float: right;
        }

        .detail-personal span
        {
            font-size: 14px;
            font-family: XEROSANS-BOLD;
            color: #666;
            line-height: 30px;
        }

        #fa-num span,
        #fa-num input
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 15px;
        }

        .detail-personal-location
        {
            width: 100%;
            height: auto;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
        }

        .detail-personal-location span
        {
            font-size: 14px;
            font-family: 'XEROSANS-BOLD','Monda';
            color: #666;
            line-height: 15px;
        }

        #location
        {
            height: auto;
            padding-bottom: 15px;
        }

        .personal-sub
        {
            width: 60%;
            height: 100%;
            position: relative;
            text-align: right;
            float: left;
        }

        .personal-sub button
        {
            width: 100%;
            height: 100%;
            background-color: #111b21;
            border-radius: 10px;
            border: none;
            outline: none;
            cursor: pointer;
        }

        .personal-sub button .personal-sub-tit
        {
            width: calc(100% - 50px);
            height: 100%;
            float: left;
            text-align: center;
        }

        .personal-sub button .personal-sub-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            color: #fff;
            line-height: 50px;
        }

        .personal-sub button .personal-sub-fa
        {
            width: 46px;
            height: 46px;
            float: left;
            text-align: center;
            margin: 2px;
            background-color: #fff;
            border-radius: 8px;
        }

        .personal-sub button .personal-sub-fa span
        {
            font-size: 28px;
            color: #031b3d;
            line-height: 46px;
        }

        .personal-edit
        {
            width: calc(40% - 10px);
            height: 100%;
            position: relative;
            text-align: left;
            float: left;
            margin-left: 10px;
            box-sizing: border-box;
        }

        .personal-edit button
        {
            width: 100%;
            height: 100%;
            border:2px solid #111b21;
            border-radius: 10px;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            color: #111b21;
            box-sizing: border-box;
            background-color: transparent;
            cursor: pointer;
        }

        .personal-div-bar
        {
            width: 100%;
            height: 50px;
            margin-top: 40px;
        }

        #bold
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #111b21;
        }

        #privacy
        {
            font-family: XEROSANS-BOLD;
            color: #111b21;
            font-size: 13px;
        }

        #bold-reg
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #fff;
        }

        #bold-location
        {
            font-family: XEROSANS-BOLD;
            font-size: 12px;
            color: #111b21;
        }

        #bold-detail
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #FFD700;
        }

        #bold-branch
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
        }

        #check-font
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 14px;
            position: relative;
            top: -3px;
        }

        #bold-number
        {
            font-family: "B Yekan";
            font-weight: bold;
            color: #111b21;
            font-size: 16px;
        }
    }
    @media /* ---------- profile */
    {
        .personal-div-btn
        {
            width: 100%;
            height: 50px;
            margin-top: 40px;
        }

        .personal-div-btn button
        {
            width: 100%;
            height: 100%;
            border:none;
            border-radius: 15px;
            outline: none;
            box-sizing: border-box;
            background-color: #fff;
            cursor: pointer;
        }

        #personal-full button
        {
            background-color: #031b3d;
        }

        .personal-div-btn button .personal-div-btn-fa
        {
            width: 46px;
            height: 46px;
            float: left;
            margin: 2px;
            text-align: center;
            background-color: #b2d5ff;
            border-radius: 13px;
        }

        #personal-full button .personal-div-btn-fa
        {
            background-color: #fff;
        }

        .personal-div-btn button .personal-div-btn-fa span
        {
            font-size: 22px;
            line-height: 46px;
        }

        .personal-div-btn button .personal-div-btn-sub
        {
            width: calc(100% - 50px);
            height: 100%;
            float: left;
            text-align: center;
        }

        .personal-div-btn button .personal-div-btn-sub span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #111b21;
            line-height: 50px;
        }

        #personal-full button .personal-div-btn-sub span
        {
            color: #fff;
        }
    }
    @media /* ---------- my friends */
    {
        .my-friends-detail
        {
            width: 100%;
            height: auto;
        }

        .my-friends-box-content-detail
        {
            width: calc(100% - 60px);
            height: auto;
            margin: 20px 30px 0 30px;
        }

        .my-friends-box-cover
        {
            width: 135px;
            height: 135px;
            position: absolute;
            top: 20px;
            left: 10px;
        }

        .my-friends-box-cover img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .my-friends-box-full-name
        {
            width: 100%;
            height: 30px;
            float: left;
        }

        .my-friends-box-full-name span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            color: #FFD700;
            line-height: 30px;
        }

        .my-friends-box-mobile
        {
            width: 100%;
            height: 25px;
            float: left;
        }

        .my-friends-box-mobile span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            color: #888;
            line-height: 25px;
        }

        .my-friends-box-location
        {
            width: 100%;
            height: 25px;
            float: left;
        }

        .my-friends-box-location span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #888;
            line-height: 25px;
        }

        .my-friends-box-order-id
        {
            width: auto;
            height: auto;
            position: absolute;
            top: 102px;
            left: 160px;
        }

        .my-friends-box-order-id span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            color: #888;
        }

        .my-friends-box-loading
        {
            width: 220px;
            height: 8px;
            background-color: #fff;
            position: absolute;
            bottom: 25px;
            right: 40px;
            border-radius: 5px;
            overflow: hidden;
        }



        .my-friends-box-loading-level
        {
            width: 250px;
            height: 40px;
            position: absolute;
            bottom: 35px;
            right: 25px;
        }

        .my-friends-box-loading-level-step
        {
            width: 20%;
            height: 100%;
            float: left;
            text-align: center;
        }

        .my-friends-box-loading-level-step span
        {
            font-size: 26px;
            line-height: 40px;
            color: #666;
        }

        .my-friends-box-content-detail-off-item
        {
            width: 260px;
            height: auto;
            position: absolute;
            top: 70px;
            right: 30px;
            direction: rtl;
        }

        .my-friends-box-content-detail-off-div
        {
            width: 100%;
            height: 25px;
            float: right;
        }

        .my-friends-box-content-detail-off-div-0,
        .my-friends-box-content-detail-off-div-1,
        .my-friends-box-content-detail-off-div-fa
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .my-friends-box-content-detail-off-div-1,
        .my-friends-box-content-detail-off-div-fa
        {
            margin-right: 5px;
        }

        .my-friends-box-content-detail-off-div-0 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 20px;
            color: #0020ff;
        }

        .my-friends-box-content-detail-off-div-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 25px;
            color: #666;
        }

        .my-friends-box-content-detail-off-div-fa span
        {
            font-size: 24px;
            line-height: 25px;
            color: #666;
        }

        #friends-phone span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
        }

        #order span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
        }

        #friends-phone,
        #order
        {
            direction: ltr;
        }

        #friends-status span
        {
            color: #2ED480;
        }

        .my-friends-box-gif
        {
            width: 180px;
            height: 40px;
            position: absolute;
            top: 150px;
            right: 35px;
            background-color: #FFCC00;
            border-radius: 15px;
            cursor: pointer;
            display: none;
        }

        .my-friends-box-gif-fa
        {
            width: 36px;
            height: 36px;
            float: left;
            text-align: center;
            margin: 2px;
            background-color: #031b3d;
            border-radius: 13px;
        }

        .my-friends-box-gif-fa span
        {
            font-size: 20px;
            line-height: 36px;
            color: #fff;
        }

        .my-friends-box-gif-txt
        {
            width: 140px;
            height: 100%;
            float: left;
            text-align: center;
        }

        .my-friends-box-gif-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
        }

        .pop-up-get-bonus-div
        {
            width: 310px;
            height: 480px;
            background-color: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            border-radius: 20px;
            z-index: 30;
            display: none;
        }

        .pop-up-get-bonus-alert
        {
            width: 300px;
            height: 440px;
            background-color: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            border-radius: 20px;
            z-index: 30;
        }

        .pop-up-get-bonus-gift
        {
            width: 100px;
            height: 120px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%);
        }

        .pop-up-get-bonus-gift img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .pop-up-get-bonus-alert-gift
        {
            width: 100px;
            height: 120px;
            position: absolute;
            top: 40px;
            left: 50%;
            transform: translate(-50%);
        }

        .pop-up-get-bonus-alert-gift img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .pop-up-get-bonus-txt-0
        {
            width: 100%;
            height: auto;
            position: absolute;
            top: 130px;
        }

        .pop-up-get-bonus-alert-tit
        {
            width: 100%;
            height: auto;
            position: absolute;
            top: 170px;
        }

        .pop-up-get-bonus-txt-1
        {
            width: 100%;
            height: 40px;
            float: right;
            direction: rtl;
            text-align: center;
        }

        .pop-up-get-bonus-txt-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #0020ff;
        }

        .pop-up-get-bonus-txt-2
        {
            width: 100%;
            height: auto;
            float: right;
            direction: rtl;
            text-align: justify;
            box-sizing: border-box;
            padding: 0 40px;
        }

        .pop-up-get-bonus-txt-tit
        {
            width: 100%;
            height: 40px;
            float: right;
            direction: rtl;
            text-align: center;
        }

        .pop-up-get-bonus-txt-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #0020ff;
        }

        .pop-up-get-bonus-txt-des
        {
            width: 100%;
            height: auto;
            float: right;
            direction: rtl;
            text-align: justify;
            box-sizing: border-box;
            padding: 0 40px;
        }

        .pop-up-get-bonus-txt-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #424242;
        }

        .pop-up-get-bonus-alert-btn
        {
            width: 170px;
            height: 40px;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translate(-50%);
            background-color: #0020ff;
            border-radius: 20px;
            cursor: pointer;
            text-align: center;
        }

        .pop-up-get-bonus-alert-btn span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
        }

        .pop-up-get-bonus-txt-inp
        {
            width: 290px;
            height: 40px;
            position: absolute;
            background-color: #eee;
            bottom: 10px;
            left: 50%;
            transform: translate(-50%);
        }

        .pop-up-get-bonus-txt-inp input
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: transparent;
            border: none;
            outline: none;
            box-sizing: border-box;
            padding: 0 10px 0 40px;
            font-family: Monda;
            font-size: 14px;
            color: #031b3d;
        }

        .sheba-lab
        {
            font-family: XEROSANS-BOLD;
            font-size: 12px;
            position: absolute;
            right: 20px;
            top: 5px;
            color: #84b3d2;
            direction: rtl;
        }

        .pop-up-get-bonus-txt-inp input:focus + label,
        .pop-up-get-bonus-txt-inp input:valid + label
        {
            top: -25px;
            right: 10px;
            transition: .3s;
        }

        .pop-up-get-bonus-txt-inp-fa
        {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            pointer-events: none;
        }

        .pop-up-get-bonus-txt-inp-fa span
        {
            font-family: Monda;
            font-size: 16px;
            line-height: 40px;
            color: #424242;
        }

        .pop-up-get-bonus-txt-2 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #424242;
        }

        #bonus
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
        }

        .pop-up-get-bonus-btn-level-1,
        .pop-up-get-bonus-btn-level-2,
        .pop-up-get-bonus-btn-level-3
        {
            width: 170px;
            height: 40px;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translate(-50%);
            background-color: #0020ff;
            border-radius: 20px;
            cursor: pointer;
            text-align: center;
        }

        .pop-up-get-bonus-btn-level-3 button
        {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            background-color: transparent;
            cursor: pointer;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #fff;
        }

        .pop-up-get-bonus-btn-level-2,
        .pop-up-get-bonus-btn-level-3
        {
            display: none;
        }

        .pop-up-get-bonus-btn-level-1 span,
        .pop-up-get-bonus-btn-level-2 span,
        .pop-up-get-bonus-btn-level-3 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
        }

        .pop-up-get-bonus-div-location
        {
            width: 100%;
            height: 320px;
            position: absolute;
            top: 40px;
            overflow: hidden;
        }

        .pop-up-get-bonus-div-slider
        {
            width: 300%;
            height: 100%;
            position: absolute;
            right: 0;
        }

        .pop-up-get-bonus-div-slider-items
        {
            width: 33.3%;
            height: 100%;
            float: right;
            position: relative;
        }

        .pop-up-get-bonus-div-slider-status
        {
            width: 40px;
            height: 5px;
            position: absolute;
            bottom: 100px;
            left: 50%;
            transform: translate(-50%);
        }

        .pop-up-get-bonus-div-slider-status-item-1
        {
            width: 20px;
            height: 5px;
            background-color: #111b21;
            border-radius: 5px;
            float: right;
        }

        .pop-up-get-bonus-div-slider-status-item-2,
        .pop-up-get-bonus-div-slider-status-item-3,
        .pop-up-get-bonus-div-slider-status-item-4
        {
            width: 5px;
            height: 5px;
            background-color: #111b21;
            border-radius: 5px;
            float: right;
            margin-right: 5px;
        }

        #alert-bold
        {
            font-family: XEROSANS-BOLD;
            color: #111b21;
            font-size: 14px;
        }

        .my-friends-status-bonus
        {
            width: auto;
            height: 30px;
            position: absolute;
            top: 150px;
            right: 30px;
        }

        .my-friends-status-bonus-fa
        {
            width: 30px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .my-friends-status-bonus-fa span
        {
            font-size: 24px;
            line-height: 30px;
            color: #2ED480;
        }

        .my-friends-status-bonus-des
        {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 10px;
        }

        .my-friends-status-bonus-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 28px;
            color: #2ED480;
        }

        .my-friends-box-content-detail-off-div-transaction-th-0,
        .my-friends-box-content-detail-off-div-transaction-th-1
        {
            width: 100%;
            height: 50px;
            float: right;
            cursor: pointer;
        }

        .my-friends-box-content-detail-off-div-transaction-th-0
        {
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .my-friends-box-content-detail-off-div-transaction-status
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .my-friends-box-content-detail-off-div-transaction-status span
        {
            font-size: 36px;
            line-height: 50px;
            color: #2ED480;
        }

        .my-friends-box-content-detail-off-div-transaction-content
        {
            width: 220px;
            height: 100%;
            float: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-top
        {
            width: 100%;
            height: 20px;
            float: right;
            direction: rtl;
            text-align: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-top span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 15px;
            color: #424242;
        }

        #transaction-bold
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 14px;
            color: #424242;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom
        {
            width: 100%;
            height: 30px;
            float: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-0,
        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-1
        {
            width: 50%;
            height: 100%;
            float: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-0-fa
        {
            width: 30px;
            height: 100%;
            float: right;
            text-align: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-0-fa span
        {
            font-size: 24px;
            line-height: 30px;
            color: #2ED480;
            position: relative;
            right: -3px;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-0-des
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-0-des span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 13px;
            color: #424242;
            line-height: 28px;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-1-fa
        {
            width: 30px;
            height: 100%;
            float: right;
            text-align: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-1-fa span
        {
            font-size: 24px;
            line-height: 30px;
            color: #fece2f;
            position: relative;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-1-des
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .my-friends-box-content-detail-off-div-transaction-content-bottom-tr-1-des span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 14px;
            color: #424242;
            line-height: 28px;
        }

        .my-friends-box-content-detail-off-div-transaction-detail
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .my-friends-box-content-detail-off-div-transaction-detail span
        {
            font-size: 22px;
            line-height: 50px;
            color: #424242;
        }

        .my-friends-box-content-detail-invite
        {
            width: 180px;
            height: 80px;
            position: absolute;
            top: 50px;
            left: 170px;
        }
    }
    @media /* ---------- Alert */
    {
        .blocked-alert
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 100;
        }

        .success-alert
        {
            width: 280px;
            height: 320px;
            background-color: #ffffff;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 100;
            border-radius: 30px;
            border: 2px solid #bbff00;
            overflow: hidden;
        }

        .success-warning
        {
            width: 60px;
            height: 50px;
            position: absolute;
            top: 40px;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
            position: relative;
        }

        .success-warning-content-1-1,
        .success-warning-content-2-1,
        .success-warning-content-3-1
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            text-align: center;
        }

        .success-warning-content-1-1 span,
        .success-warning-content-2-1 span,
        .success-warning-content-3-1 span
        {
            font-size: 60px;
            line-height: 50px;
        }

        .success-alert-1
        {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 40px;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
            background-color: #2ED480;
            border-radius: 100%;
        }
        .success-alert-1 span
        {
            font-size: 56px;
            position: absolute;
            left: -13px;
            top: -10px;
        }

        .success-warning-content-1-1 span
        {
            color: #212832;
        }

        .success-warning-content-2-1 span
        {
            color: gold;
        }

        .success-warning-content-3-1 span
        {
            color: #212832;
        }

        .success-title
        {
            width: 100%;
            height: 40px;
            text-align: center;
            position: absolute;
            top: 100px;
            direction: rtl;
        }

        .success-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #212832;
            font-weight: bold;
        }

        .success-description
        {
            width: 240px;
            height: 40px;
            position: absolute;
            top: 160px;
            text-align: center;
            left: 50%;
            transform: translate(-50%);
            direction: rtl;
        }

        .success-description span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            color: #666666;
            line-height: 15px;
        }

        .success-button
        {
            width: 220px;
            height: 40px;
            text-align: center;
            background-color: gold;
            border-radius: 40px;
            position: absolute;
            top: 240px;
            left: 50%;
            transform: translate(-50%);
            cursor: pointer;
        }

        .success-button span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            font-weight: bold;
            color: #212832;
            pointer-events: none;
        }

        .success-button-1
        {
            width: 180px;
            height: 40px;
            text-align: center;
            background-color: #fece2f;
            border-radius: 10px;
            position: absolute;
            top: 240px;
            left: 50%;
            transform: translate(-50%);
        }

        .success-button-1-tit
        {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 20px;
        }

        .success-button-1-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #212832;
        }

        .success-button-1-time
        {
            width: auto;
            height: 100%;
            float: left;
            direction: rtl;
            margin-left: 20px;
        }

        .success-button-1-time span
        {
            font-family: BYekan;
            font-size: 18px;
            line-height: 40px;
            color: #424242;
        }
    }
    @media /* ---------- upload*/
    {
        .upload-field-1,
        .upload-field-2,
        .upload-field-3,
        .upload-field-4,
        .upload-field-5,
        .upload-field-6,
        .upload-field-7,
        .upload-field-8,
        .upload-field-bar
        {
            width: 350px;
            height: 180px;
            background-color: #fff;
            border-radius: 20px;
            margin: 20px auto 0;
            box-sizing: border-box;
            padding-top: 15px;
            position: relative;
        }

        .upload-field-bar-dashed
        {
            width: 310px;
            height: 100px;
            border: 1px dashed #424242;
            border-radius: 18px;
            margin: 0 auto;
            position: relative;
        }

        .upload-ico-default-field-1,
        .upload-ico-default-field-2,
        .upload-ico-default-field-3,
        .upload-ico-default-field-4,
        .upload-ico-default-field-5,
        .upload-ico-default-field-6,
        .upload-ico-default-field-7,
        .upload-ico-default-field-8,
        .upload-field-bar-dashed-ico
        {
            width: 100px;
            height: 50px;
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translate(-50%);
        }

        .upload-ico-default-field-1 img,
        .upload-ico-default-field-2 img,
        .upload-ico-default-field-3 img,
        .upload-ico-default-field-4 img,
        .upload-ico-default-field-5 img,
        .upload-ico-default-field-6 img,
        .upload-ico-default-field-7 img,
        .upload-ico-default-field-8 img,
        .upload-field-bar-dashed-ico img
        {
            height: 50px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .upload-ico-success-field-1,
        .upload-ico-success-field-2,
        .upload-ico-success-field-3,
        .upload-ico-success-field-4,
        .upload-ico-success-field-5,
        .upload-ico-success-field-6,
        .upload-ico-success-field-7,
        .upload-ico-success-field-8,
        .upload-field-bar-dashed-ico-success
        {
            width: 100px;
            height: 50px;
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translate(-50%);
            display: none;
        }

        .upload-ico-success-field-1 img,
        .upload-ico-success-field-2 img,
        .upload-ico-success-field-3 img,
        .upload-ico-success-field-4 img,
        .upload-ico-success-field-5 img,
        .upload-ico-success-field-6 img,
        .upload-ico-success-field-7 img,
        .upload-ico-success-field-8 img,
        .upload-field-bar-dashed-ico-success img
        {
            height: 80px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .upload-ico-alert-field-1,
        .upload-ico-alert-field-2,
        .upload-ico-alert-field-3,
        .upload-ico-alert-field-4,
        .upload-ico-alert-field-5,
        .upload-ico-alert-field-6,
        .upload-ico-alert-field-7,
        .upload-ico-alert-field-8,
        .upload-field-bar-dashed-ico-alert
        {
            width: 100px;
            height: 50px;
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translate(-50%);
            display: none;
        }

        .upload-ico-alert-field-1 img,
        .upload-ico-alert-field-2 img,
        .upload-ico-alert-field-3 img,
        .upload-ico-alert-field-4 img,
        .upload-ico-alert-field-5 img,
        .upload-ico-alert-field-6 img,
        .upload-ico-alert-field-7 img,
        .upload-ico-alert-field-8 img,
        .upload-field-bar-dashed-ico-alert img
        {
            height: 50px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .upload-tit-field-1,
        .upload-tit-field-2,
        .upload-tit-field-3,
        .upload-tit-field-4,
        .upload-tit-field-5,
        .upload-tit-field-6,
        .upload-tit-field-7,
        .upload-tit-field-8,
        .upload-field-bar-dashed-tit
        {
            width: 240px;
            height: auto;
            position: absolute;
            top: 65px;
            left: 50%;
            transform: translate(-50%);
            direction: rtl;
            text-align: center;
        }

        .upload-tit-field-1 span,
        .upload-tit-field-2 span,
        .upload-tit-field-3 span,
        .upload-tit-field-4 span,
        .upload-tit-field-5 span,
        .upload-tit-field-6 span,
        .upload-tit-field-7 span,
        .upload-tit-field-8 span,
        .upload-field-bar-dashed-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
        }

        #alert-field-1,
        #alert-field-2,
        #alert-field-3,
        #alert-field-4,
        #alert-field-5,
        #alert-field-6,
        #alert-field-7,
        #alert-field-8,
        #alert
        {
            display: none;
        }

        .upload-field-bar-dashed-send-1,
        .upload-field-bar-dashed-send-2,
        .upload-field-bar-dashed-send-3,
        .upload-field-bar-dashed-send-4,
        .upload-field-bar-dashed-send-5,
        .upload-field-bar-dashed-send-6,
        .upload-field-bar-dashed-send-7,
        .upload-field-bar-dashed-send-8
        {
            width: 140px;
            height: 32px;
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
            background-color: #fece2f;
            border-radius: 10px;
        }

        .upload-field-bar-dashed-send-1 label,
        .upload-field-bar-dashed-send-2 label,
        .upload-field-bar-dashed-send-3 label,
        .upload-field-bar-dashed-send-4 label,
        .upload-field-bar-dashed-send-5 label,
        .upload-field-bar-dashed-send-6 label,
        .upload-field-bar-dashed-send-7 label,
        .upload-field-bar-dashed-send-8 label
        {
            width: 100%;
            height: 100%;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #1a1a1a;
            line-height: 30px;
        }

        .upload-field-bar-dashed-send-1 input[type=file],
        .upload-field-bar-dashed-send-2 input[type=file],
        .upload-field-bar-dashed-send-3 input[type=file],
        .upload-field-bar-dashed-send-4 input[type=file],
        .upload-field-bar-dashed-send-5 input[type=file],
        .upload-field-bar-dashed-send-6 input[type=file],
        .upload-field-bar-dashed-send-7 input[type=file],
        .upload-field-bar-dashed-send-8 input[type=file]
        {
            width: 100%;
            height: 100%;
            font-size: 0;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            cursor: pointer;
        }

        .upload-delete-field-1,
        .upload-delete-field-2,
        .upload-delete-field-3,
        .upload-delete-field-4,
        .upload-delete-field-5,
        .upload-delete-field-6,
        .upload-delete-field-7,
        .upload-delete-field-8
        {
            width: 70px;
            height: 30px;
            position: absolute;
            top: 10px;
            left: 10px;
            display: none;
        }

        .upload-delete-field-1 button,
        .upload-delete-field-2 button,
        .upload-delete-field-3 button,
        .upload-delete-field-4 button,
        .upload-delete-field-5 button,
        .upload-delete-field-6 button,
        .upload-delete-field-7 button,
        .upload-delete-field-8 button
        {
            width: 100%;
            height: 100%;
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #fff;
            background-color: #DC143C;
            outline: none;
            border: none;
            cursor: pointer;
            border-radius: 10px;
        }

        .upload-name-file-field
        {
            width: auto;
            height: 32px;
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
        }

        .upload-name-file-field span
        {
            font-family: Monda;
            font-size: 13px;
            line-height: 32px;
            color: #0020ff;
        }

        .upload-field-3-alert
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #dadcff;
            border-radius: 20px;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
            padding: 20px;
        }

        .upload-alert-register
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #e71029;
            border-radius: 20px;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
            padding: 20px;
        }

        .upload-alert-register span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
        }

        .upload-field-3-alert-des
        {
            width: 100%;
            height: auto;
        }

        .upload-field-3-alert-des-contract span,
        .upload-field-3-alert-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
        }

        .upload-field-3-alert-change
        {
            width: 100%;
            height: 25px;
            position: relative;
        }

        .upload-field-3-alert-change input
        {
            width: 0;
            height: 0;
            opacity: 0;
        }

        .upload-field-3-alert-change label
        {
            width: 15px;
            height: 15px;
            float: right;
            background-color: #fff;
            border: 2px solid #012a8f;
            border-radius: 5px;
            box-sizing: border-box;
            position: absolute;
            top: 5px;
        }

        .upload-field-3-alert-change span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 28px;
            margin-right: 20px;
        }

        .upload-field-3,
        .upload-field-6
        {
            display: none;
        }

        .upload-field-4-5-6-alert
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #dadcff;
            border-radius: 20px;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
            padding: 20px;
        }

        .upload-field-national-card,
        .upload-field-national-change
        {
            width: 100%;
            height: 25px;
            position: relative;
        }

        .upload-field-national-card label
        {
            width: 15px;
            height: 15px;
            float: right;
            background-color: #012a8f;
            border: 2px solid #fff;
            border-radius: 100%;
            box-sizing: border-box;
            position: absolute;
            top: 5px;
        }

        .upload-field-national-change label
        {
            width: 15px;
            height: 15px;
            float: right;
            background-color: #fff;
            border: 2px solid #012a8f;
            border-radius: 100%;
            box-sizing: border-box;
            position: absolute;
            top: 5px;
        }

        .upload-field-national-card input,
        .upload-field-national-change input
        {
            width: 0;
            height: 0;
            opacity: 0;
        }

        .upload-field-national-card span,
        .upload-field-national-change span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 25px;
            margin-right: 20px;
        }

        .upload-field-national-change
        {
            width: 100%;
            height: 25px;
        }

        .upload-field-btn
        {
            width: 260px;
            height: 50px;
            background-color: #2ED480;
            border-radius: 10px;
            margin: 40px auto 100px;
        }

        .upload-field-btn button
        {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            background-color: transparent;
            font-family: XEROSANS-BOLD;
            font-size: 16px;
        }

        .upload-field-7-alert-dow,
        .upload-field-3-alert-dow,
        .upload-field-6-alert-dow,
        .upload-field-9-alert-dow,
        .upload-field-12-alert-dow
        {
            width: 160px;
            height: 32px;
            margin: 20px auto 0;
            background-color: #031b3d;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
        }

        .upload-field-7-alert-dow span,
        .upload-field-3-alert-dow span,
        .upload-field-6-alert-dow span,
        .upload-field-9-alert-dow span,
        .upload-field-12-alert-dow span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 32px;
            color: #fff;
        }

        .upload-field-alert-description
        {
            height: 50px;
            margin: 20px auto 0;
            width: 260px;
            text-align: center;
            background-color: #031b3d;
            border-radius: 15px;
        }

        .upload-field-alert-description span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
            color: #fff;
        }

        .upload-field-alert-documents
        {
            width: 100%;
            height: auto;
            margin: 20px auto 0;
        }

        .upload-field-alert-documents span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 25px;
        }

        .sub-contract span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #fff;
            line-height: 32px;
        }

        .sub-contract
        {
            width: 100%;
            height: 100%;
            cursor: pointer;
        }

        .upload-field-alert-description-learn
        {
            width: calc(50% - 5px);
            height: 100%;
            float: left;
            text-align: center;
            background-color: #fff;
            border-radius: 10px;
        }

        .upload-field-alert-description-learn span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #031b3d;
            line-height: 32px;
        }
    }
    @media /* ---------- payment */
    {
        .check-id-fa
        {
            width: 40px;
            height: 40px;
            text-align: center;
            position: absolute;
            bottom: 0;
            left: 0;
            pointer-events: none;
        }

        .check-id-fa span
        {
            font-size: 34px;
            line-height: 38px;
            color: #424242;
        }

        #pay-bold
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
        }

        .dashboard-payment-money
        {
            width: 320px;
            height: 90px;
            margin: 20px auto 0;
            direction: rtl;
        }

        .dashboard-payment-money-tit
        {
            width: 100%;
            height: 25px;
        }

        .dashboard-payment-money-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 20px;
            color: #111b21;
            margin-right: 10px;
        }

        .dashboard-payment-money-num
        {
            width: 100%;
            height: 40px;
        }

        .dashboard-payment-money-num span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 24px;
            line-height: 40px;
            color: #ff002d;
            margin-right: 10px;
        }

        .dashboard-payment-money-equivalent
        {
            width: 100%;
            height: 25px;
        }

        .dashboard-payment-money-equivalent span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 20px;
            color: #999;
            margin-right: 10px;
        }

        #toman
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
        }

        .content-login-sub
        {
            width: 100%;
            height: 40px;
            background-color: #00ff0a;
            border-radius: 10px;
            margin: 10px auto 0;
            position: relative;
        }

        .content-login-sub,
        .content-login-alert-fa
        {
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .content-login-sub-fa
        {
            width: 40px;
            height: 40px;
            float: left;
            text-align: center;
        }

        .content-login-sub-fa span
        {
            font-size: 30px;
            line-height: 40px;
        }

        .content-login-sub-title
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
        }

        .content-login-sub-title button
        {
            width: 100%;
            height: 100%;
            background-color: transparent;
            border: none;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 15px;
        }

        .content-login-otp
        {
            width: 320px;
            height: auto;
            margin: 20px auto 0;
        }

        .upload-field-7-alert
        {
            width: 100%;
            height: auto;
            background-color: #fece2f;
            border-radius: 20px;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
            padding: 20px;
        }

        .upload-field-7-alert-des
        {
            width: 100%;
            height: auto;
        }

        .upload-field-7-alert-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
        }

        .personal-inp-pay
        {
            width: 100%;
            height: 60px;
            position: relative;
            direction: rtl;
        }

        .personal-inp-pay input
        {
            width: 100%;
            height: 40px;
            position: absolute;
            top: 20px;
            background-color: transparent;
            border: none;
            border: 2px solid #111b21;
            outline: none;
            box-sizing: border-box;
            padding: 0 20px;
            font-size: 22px;
            font-family: BYekan;
            font-weight: bold;
            color: #0020ff;
            border-radius: 5px;
            direction: rtl;
        }
        .personal-inp-pay input:focus + label,
        .personal-inp-pay input:valid + label
        {
            color: #424242;
            font-size: 13px;
            top: 4px;
            transition: 0.3s;
            right: 20px;
            background-color: #e6ffda;
            padding: 0 10px;
        }

        #amount-inp
        {
            display: none;
        }
    }
    @media /* ---------- applying */
    {
        .dashboard-credit-bar
        {
            width: 350px;
            height: 255px;
            border-radius: 22px;
            position: relative;
            background-color: #fff;
            margin: 20px auto 0;
        }

        .dashboard-credit
        {
            width: 340px;
            height: 200px;
            margin: 0 auto;
            background-color: #000066;
            border-radius: 20px;
            position: relative;
            top: 5px;
            overflow: hidden;
        }

        .dashboard-number-card
        {
            width: 320px;
            height: 40px;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-number-card-bar
        {
            width: 80px;
            height: 100%;
            float: left;
            text-align: center;
        }

        .dashboard-number-card-bar span
        {
            font-family: PlusJakarta;
            font-size: 20px;
            line-height: 40px;
            color: #fff;
        }

        .dashboard-expiry
        {
            width: 120px;
            height: 30px;
            position: absolute;
            bottom: 10px;
            left: 20px;
        }

        .dashboard-expiry-tit
        {
            width: 60px;
            height: 100%;
            float: right;
            direction: rtl;
            text-align: left;
        }

        .dashboard-expiry-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 28px;
            color: #fff;
        }

        .dashboard-expiry-date
        {
            width: 60px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .dashboard-expiry-date span
        {
            font-family: PlusJakarta;
            font-size: 14px;
            line-height: 30px;
            color: #fff;
        }

        .dashboard-id
        {
            width: auto;
            height: 30px;
            position: absolute;
            bottom: 80px;
            right: 25px;
        }

        .dashboard-id-tit
        {
            width: auto;
            height: 100%;
            float: right;
            direction: rtl;
            margin-left: 10px;
        }

        .dashboard-id-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 28px;
            color: #fff;
        }

        .dashboard-id-date
        {
            width: auto;
            height: 100%;
            float: right;
            text-align: left;
            direction: rtl;
        }

        .dashboard-id-date span
        {
            font-family: PlusJakarta;
            font-size: 16px;
            line-height: 30px;
            color: #fff;
        }

        #credit-price
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            color: #fff;
            line-height: 25px;
        }

        #credit-price-0
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            color: #fece2f;
            line-height: 25px;
        }

        #credit-price-1
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 45px;
            margin-left: 5px;
        }

        .dashboard-shetab
        {
            width: 60px;
            height: 40px;
            position: absolute;
            top: 30px;
            left: 20px;
            text-align: center;
        }

        .dashboard-shetab span
        {
            font-size: 50px;
            line-height: 40px;
            color: #fff;
        }

        .dashboard-brand
        {
            width: 60px;
            height: 50px;
            position: absolute;
            top: 25px;
            right: 30px;
            text-align: center;
        }

        .dashboard-brand span
        {
            font-size: 60px;
            line-height: 50px;
            color: #bbff00;
        }

        .dashboard-logo-text
        {
            width: auto;
            height: auto;
            position: absolute;
            top: 43px;
            right: 100px;
        }

        .dashboard-logo-text span
        {
            font-size: 28px;
            color: #fff;
        }

        .dashboard-credit-detail
        {
            width: calc(50% - 10px);
            height: 40px;
            position: absolute;
            bottom: 5px;
            left: 5px;
            background-color: #FFD700;
            border-radius: 15px;
            box-sizing: border-box;
            cursor: pointer;
        }

        .dashboard-credit-detail-fa
        {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
            margin: 2px;
            border-radius: 13px;
            background-color: #031b3d;
        }

        .dashboard-credit-detail-fa span
        {
            font-size: 18px;
            line-height: 36px;
            color: #fff;
        }

        .dashboard-credit-detail-tit
        {
            width: calc(100% - 40px);
            height: 100%;
            float: left;
            direction: rtl;
            text-align: center;
        }

        .dashboard-credit-detail-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #424242;
        }

        .dashboard-credit-checked
        {
            width: calc(50% - 10px);
            height: 40px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            background-color: #2ED480;
            border-radius: 15px;
            box-sizing: border-box;
            padding: 0 10px 0 0;
            cursor: pointer;
        }

        .dashboard-credit-checked-fa
        {
            width: 36px;
            height: 36px;
            float: left;
            margin: 2px;
            border-radius: 13px;
            text-align: center;
            background-color: #fff;
        }

        .dashboard-credit-checked-fa span
        {
            font-size: 24px;
            line-height: 36px;
            color: #2ED480;
        }

        .dashboard-credit-checked-tit
        {
            width: calc(100% - 40px);
            height: 100%;
            float: left;
            direction: rtl;
            text-align: center;
        }

        .dashboard-credit-checked-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #111b21;
        }

        .dashboard-credit-checked-view
        {
            width: 340px;
            height: 560px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            box-sizing: border-box;
            border-radius: 20px;
            z-index: 110;
            overflow: hidden;
        }

        .dashboard-credit-checked-view-scroll
        {
            width: 320px;
            height: calc(100% - 70px);
            margin: 0 auto;
            position: relative;
            overflow-y: scroll;
        }

        .dashboard-credit-checked-view-scroll::-webkit-scrollbar
        {
            width: 2px;
            background-color: #ccc;
        }

        .dashboard-credit-checked-view-scroll::-webkit-scrollbar-thumb
        {
            background-color: #424242;
        }

        .dashboard-credit-pop-up
        {
            width: 300px;
            height: 165px;
            margin: 0 auto;
            background-color: #000066;
            border-radius: 15px;
            position: relative;
            overflow: hidden;
        }

        .dashboard-number-card-pop-up
        {
            width: 100%;
            height: 40px;
            position: absolute;
            bottom: 45px;
        }

        .dashboard-number-card-bar-pop-up
        {
            width: 25%;
            height: 100%;
            float: left;
            text-align: center;
        }

        .dashboard-number-card-bar-pop-up span
        {
            font-family: PlusJakarta;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
        }

        .dashboard-full-name-pop-up
        {
            width: auto;
            height: 30px;
            position: absolute;
            bottom: 27px;
            right: 15px;
            direction: rtl;
        }

        .dashboard-full-name-pop-up span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 25px;
            color: #fff;
        }

        .dashboard-expiry-pop-up
        {
            width: auto;
            height: 20px;
            position: absolute;
            bottom: 13px;
            left: 15px;
        }

        .dashboard-expiry-tit-pop-up
        {
            width: auto;
            height: 100%;
            float: right;
            direction: rtl;
            text-align: left;
            margin-left: 10px;
        }

        .dashboard-expiry-tit-pop-up span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 18px;
            color: #fff;
        }

        .dashboard-expiry-date-pop-up
        {
            width: auto;
            height: 100%;
            float: right;
            text-align: center;
        }

        .dashboard-expiry-date-pop-up span
        {
            font-family: PlusJakarta;
            font-size: 13px;
            line-height: 20px;
            color: #fff;
        }

        .dashboard-shetab-pop-up
        {
            width: 50px;
            height: 30px;
            position: absolute;
            top: 20px;
            left: 10px;
            text-align: center;
        }

        .dashboard-shetab-pop-up span
        {
            font-size: 46px;
            line-height: 30px;
            color: #fff;
        }

        .dashboard-brand-pop-up
        {
            width: 45px;
            height: 40px;
            position: absolute;
            top: 15px;
            right: 15px;
            text-align: center;
        }

        .dashboard-brand-pop-up span
        {
            font-size: 45px;
            line-height: 40px;
            color: #bbff00;
        }

        .dashboard-logo-text-pop-up
        {
            width: auto;
            height: auto;
            position: absolute;
            top: 30px;
            right: 65px;
        }

        .dashboard-logo-text-pop-up span
        {
            font-size: 20px;
            color: #fff;
        }

        .dashboard-credit-0-pop-up
        {
            width: auto;
            height: 25px;
            position: absolute;
            top: 60px;
            right: 15px;
        }

        .dashboard-credit-0-pop-up-tit
        {
            width: auto;
            height: 100%;
            float: right;
            direction: rtl;
        }

        .dashboard-credit-0-pop-up-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
        }

        .dashboard-credit-0-pop-up-date
        {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 5px;
            direction: rtl;
        }

        .dashboard-credit-0-pop-up-date span
        {
            font-family: PlusJakarta;
            font-weight: bold;
            font-size: 14px;
            line-height: 20px;
            color: #fff;
        }

        .dashboard-credit-pop-up-month
        {
            width: 100%;
            height: 120px;
            margin: 10px auto 0;
            position: relative;
            border-radius: 20px;
            overflow: hidden;
        }

        .body-background-color
        {
            background-color: #eee;
        }

        .pre-background
        {
            background-color: #fff;
        }

        .dashboard-credit-pop-up-month-1
        {
            width: 100%;
            height: 30px;
            text-align: center;
        }

        .dashboard-credit-pop-up-month-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
            color: #0020ff;
        }

        .dashboard-credit-pop-up-month-bar
        {
            width: 100%;
            height: 60px;
            margin-top: 15px;
        }

        .dashboard-credit-pop-up-month-item
        {
            width: 25%;
            height: 60px;
            float: right;
        }

        .dashboard-credit-pop-up-month-item-12,
        .dashboard-credit-pop-up-month-item-9,
        .dashboard-credit-pop-up-month-item-6,
        .dashboard-credit-pop-up-month-item-3
        {
            width: 50px;
            height: 100%;
            margin: 0 auto;
            border-radius: 20px;
            box-sizing: border-box;
        }

        .dashboard-credit-pop-up-month-item-12-text,
        .dashboard-credit-pop-up-month-item-12-num,
        .dashboard-credit-pop-up-month-item-9-text,
        .dashboard-credit-pop-up-month-item-9-num,
        .dashboard-credit-pop-up-month-item-6-text,
        .dashboard-credit-pop-up-month-item-6-num,
        .dashboard-credit-pop-up-month-item-3-text,
        .dashboard-credit-pop-up-month-item-3-num
        {
            width: 30px;
            height: 30px;
            text-align: center;
            margin: 0 auto;
        }

        .dashboard-credit-pop-up-month-item-12-text span,
        .dashboard-credit-pop-up-month-item-9-text span,
        .dashboard-credit-pop-up-month-item-6-text span,
        .dashboard-credit-pop-up-month-item-3-text span
        {
            font-size: 13px;
            line-height: 40px;
            font-family: XEROSANS-BOLD;
        }

        .dashboard-credit-pop-up-month-item-12-num span,
        .dashboard-credit-pop-up-month-item-9-num span,
        .dashboard-credit-pop-up-month-item-6-num span,
        .dashboard-credit-pop-up-month-item-3-num span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 24px;
            line-height: 20px;
        }

        .dfdsfdsfdsfsdfd
        {
            width: 300px;
            height: 150px;
            margin: 10px auto 0;
            background-color: #c2f8cb;
            border-radius: 15px;
        }

        .dfdsfdsfdsfsdfd254
        {
            width: 100%;
            height: 50px;
            float: right;
        }

        .dfdsfdsfdsfsdfd-0
        {
            width: 46%;
            height: 100%;
            float: right;
        }

        .dfdsfdsfdsfsdfd-0-price
        {
            width: 54%;
            height: 100%;
            float: right;
        }

        .dfdsfdsfdsfsdfd-0-fa
        {
            width: 40px;
            height: 100%;
            float: right;
            text-align: center;
            margin-right: 10px;
        }

        .dfdsfdsfdsfsdfd-0-fa span
        {
            font-size: 30px;
            line-height: 50px;
        }

        .dfdsfdsfdsfsdfd-0-tit
        {
            width: auto;
            height: 100%;
            float: right;
            direction: rtl;
            margin-right: 5px;
        }

        .dfdsfdsfdsfsdfd-0-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 12px;
            line-height: 50px;
        }

        .dfdsfdsfdsfsdfd-0-price span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
            line-height: 50px;
            margin-left: 20px;
        }

        .dashboard-credit-detail-pop-up-des
        {
            width: 300px;
            height: auto;
            text-align: justify;
            background-color: #fece2f;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 10px 20px;
            direction: rtl;
            margin: 10px auto 0;
            position: relative;
        }

        .dashboard-credit-detail-pop-up-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 15px;
        }

        .dashboard-credit-detail-pop-up-timer
        {
            width: 200px;
            height: 50px;
            direction: rtl;
            margin: 20px auto 60px;
            position: relative;
            border: 1px dashed #e71029;
            border-radius: 20px;
            padding: 10px;
        }

        .dashboard-credit-detail-pop-up-timer-fa
        {
            width: 40px;
            height: 30px;
            float: left;
            text-align: center;
        }

        .dashboard-credit-detail-pop-up-timer-fa span
        {
            color: #424242;
            line-height: 35px;
            font-size: 28px;
        }

        .dashboard-credit-detail-pop-up-timer-num
        {
            width: calc(100% - 40px);
            height: 30px;
            float: left;
            text-align: center;
        }

        .dashboard-credit-detail-pop-up-timer-num span
        {
            font-size: 16px;
            color: #DC143C;
            line-height: 30px;
        }

        /*#min,
        #sec,
        #hou,
        #day,*/
        #min-del,
        #sec-del,
        #hou-del,
        #day-del
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 20px;
        }

        .dashboard-credit-detail-pop-up-timer-des
        {
            width: 100%;
            height: 20px;
            float: left;
            text-align: center;
        }

        .dashboard-credit-detail-pop-up-timer-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #0020ff;
            line-height: 15px;
        }

        .status-alert-support
        {
            width: 100%;
            height: 100%;
            text-align: justify;
        }

        .status-alert-support span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #0020ff;
            line-height: 25px;
        }

        .dashboard-credit-detail-pop-up-btn
        {
            width: 300px;
            height: 50px;
            background-color: #2ED480;
            border-radius: 17px;
            margin: 0 auto 40px;
            position: relative;
        }

        .dashboard-credit-detail-pop-up-btn-fa
        {
            width: 46px;
            height: 46px;
            border-radius: 15px;
            float: left;
            margin: 2px 2px 0 2px;
            background-color: #fff;
            text-align: center;
        }

        .dashboard-credit-detail-pop-up-btn-fa span
        {
            font-size: 20px;
            line-height: 46px;
            color: #2ED480;
        }

        .dashboard-credit-detail-pop-up-btn-text-toman-price
        {
            width: calc(100% - 50px);
            height: 100%;
            float: right;
            position: relative;
        }

        .dashboard-credit-detail-pop-up-btn-0
        {
            width: 50%;
            height: 100%;
            float: right;
        }

        .dashboard-credit-detail-pop-up-btn-text
        {
            width: 100%;
            height: 25px;
            float: left;
            direction: rtl;
        }

        .dashboard-credit-detail-pop-up-btn-text span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 30px;
            color: #fff;
            margin-right: 20px;
        }

        .dashboard-credit-detail-pop-up-btn-toman
        {
            width: 100%;
            height: 25px;
            float: right;
            direction: rtl;
        }

        .dashboard-credit-detail-pop-up-btn-toman span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 15px;
            margin-right: 20px;
        }

        .dashboard-credit-detail-pop-up-btn-price
        {
            width: 50%;
            height: 100%;
            float: right;
            text-align: left;
        }

        .dashboard-credit-detail-pop-up-btn-price span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 20px;
            line-height: 50px;
            margin-left: 10px;
            color: #000066;
        }

        .navigation-desktop-close-0
        {
            width: 100%;
            height: 50px;
        }

        .navigation-desktop-close-1
        {
            width: 30px;
            height: 30px;
            background-color: #add;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
            position: relative;
            top: 10px;
            left: 10px;
        }

        .navigation-desktop-close-1 span
        {
            font-size: 22px;
            line-height: 30px;
            color: #fff;
        }

        .dashboard-img
        {
            width: 280px;
            height: 250px;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }

        .dashboard-img img
        {
            height: 180px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .dashboard-img-request
        {
            width: 280px;
            height: 250px;
            position: relative;
            margin: 20px auto;
            overflow: hidden;
        }

        .dashboard-img-request img
        {
            width: 230px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .dashboard-title
        {
            width: 100%;
            height: 40px;
            text-align: center;
            direction: rtl;
        }

        .dashboard-title-request
        {
            width: 100%;
            height: 40px;
            text-align: center;
            direction: rtl;
            margin: 0 auto;
        }

        .dashboard-title-request span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #111b21;
        }

        .dashboard-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #111b21;
        }

        .dashboard-des,
        .dashboard-des-bar
        {
            width: 300px;
            height: auto;
            text-align: center;
            direction: rtl;
            margin: 20px auto 0;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 20px 20px;
            background-color: #FFD700;
        }

        .dashboard-des-alert
        {
            width: 300px;
            height: auto;
            text-align: justify;
            direction: rtl;
            margin: 20px auto 0;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 20px 20px;
            background-color: #FFD700;
        }

        .dashboard-des-0
        {
            width: 100%;
            height: auto;
        }

        .des-margin-top
        {
            margin-top: 20px;
        }

        .dashboard-des-content
        {
            width: 100%;
            height: auto;
        }

        .dashboard-des-content span,
        .dashboard-des span,
        .dashboard-des-0 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #555555;
        }

        .form-add-credit
        {
            width: 50px;
            height: 50px;
            text-align: center;
            margin: 0 auto;
        }

        .dashboard-add
        {
            width: 50px;
            height: 50px;
            text-align: center;
            margin: 20px auto 0;
            background-color: #6c41f2;
            border-radius: 15px;
            cursor: pointer;
            outline: none;
            border: none;
        }

        .dashboard-add span
        {
            font-size: 34px;
            line-height: 50px;
            color: #fff;
            pointer-events: none;
        }

        .applying-status-des
        {
            width: 300px;
            height: auto;
            margin: 10px auto 0;
            text-align: center;
            direction: rtl;
            box-sizing: border-box;
            border: 1px solid #e71029;
            border-radius: 20px;
            padding: 10px;
        }

        .applying-status-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 25px;
            color: #e71029;
        }

        .applying-status-view
        {
            width: 260px;
            height: 50px;
            margin: 40px auto 40px;
            background-color: #2ED480;
            border-radius: 10px;
            text-align: center;
            direction: rtl;
            position: relative;
        }

        .applying-status-view-a
        {
            width: 100%;
            height: 100%;
        }

        .applying-status-view span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
        }

        .applying-status-view-time
        {
            width: auto;
            height: 100%;
            float: left;
            margin-left: 20px;
            direction: rtl;
        }

        .applying-status-view-time span
        {
            line-height: 50px;
            color: #fff;
        }

        .dashboard-null
        {
            width: 100%;
            height: 100%;
            overflow-y: scroll;
        }

        .dashboard-null::-webkit-scrollbar
        {
            width: 2px;
            background-color: #fff;
        }

        .dashboard-null::-webkit-scrollbar-thumb
        {
            background-color: #888;
        }

        .dashboard-null a
        {
            color: #111b21;
        }

        .dashboard-des-pishtaz
        {
            width: 240px;
            height: 50px;
            margin: 40px auto;
            background-color: #031b3d;
            border-radius: 10px;
            cursor: pointer;
            direction: rtl;
            position: relative;
        }

        .dashboard-des-pishtaz-txt
        {
            width: calc(100% - 50px);
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
        }

        .dashboard-des-pishtaz-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 50px;
            color: #fff;
        }

        .dashboard-des-pishtaz-fa
        {
            width: 100px;
            height: 100%;
            position: absolute;
            left: 0;
            text-align: center;
        }

        .dashboard-des-pishtaz-fa span
        {
            font-size: 32px;
            line-height: 50px;
            color: #fff;
        }

        .dashboard-des-link
        {
            width: 160px;
            height: 40px;
            text-align: center;
            background-color: #449fdb;
            border-radius: 10px;
            margin: 20px auto 0;
            cursor: pointer;
        }

        .dashboard-des-link span
        {
            font-family: XEROSANS-BOLD;
            color: #fff;
            font-size: 14px;
            line-height: 40px;
        }

        .form-edit
        {
            display: none;
        }

        .post-form-inp-applying
        {
            width: 100%;
            height: 50px;
            margin: 20px auto 0;
            position: relative;
        }

        .post-form-inp-applying input
        {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 10px;
            background-color: #111b21;
            outline: none;
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            color: #fece2f;
            box-sizing: border-box;
            padding: 0 10px;
        }

        .tracking-lab-applying
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            position: absolute;
            right: 20px;
            top: -25px;
            color: #0020ff;
        }

        .post-form-btn-applying
        {
            width: 160px;
            height: 40px;
            margin: 20px auto 0;
        }

        .post-form-btn-applying button
        {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 10px;
            background-color: #449fdb;
            outline: none;
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            color: #fff;
            cursor: pointer;
        }

        .container-detail-credit
        {
            width: calc(100% - 20px);
            height: auto;
            margin: 0 auto;
        }

        .detail-credit-li
        {
            width: 100%;
            height: 30px;
            float: right;
            border-bottom: 1px dashed #fff;
        }

        .detail-credit-li-tit
        {
            width: auto;
            height: 100%;
            float: right;
            direction: rtl;
            margin-right: 10px;
        }

        .detail-credit-li-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #424242;
        }

        .detail-credit-li-des
        {
            width: auto;
            height: 100%;
            float: right;
            direction: rtl;
            margin-right: 10px;
        }

        .detail-credit-li-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 30px;
            color: #111b21;
        }

        .detail-credit-li-info
        {
            width: auto;
            height: 100%;
            float: left;
            direction: rtl;
            margin-left: 5px;
        }

        .detail-credit-li-info span
        {
            font-size: 20px;
            line-height: 30px;
            color: #e71029;
        }

        .detail-credit-li-records
        {
            width: 100%;
            height: auto;
            float: right;
        }

        .detail-credit-li-records-0
        {
            width: 100%;
            height: 40px;
            float: right;
            text-align: center;
            border: 1px dashed #424242;
            border-radius: 40px;
            margin: 20px auto;
        }

        .detail-credit-li-records-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #424242;
        }

        .detail-credit-li-records-item
        {
            width: 100%;
            height: 40px;
            float: right;
        }

        .detail-credit-li-records-1-0
        {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 10px;
        }

        .detail-credit-li-records-1-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
            color: #111b21;
        }

        .detail-credit-li-records-1-1
        {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 20px;
        }

        .detail-credit-li-records-1-1 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 35px;
        }

        .container-paid-detail
        {
            width: calc(100% - 20px);
            height: auto;
            margin: 0 auto;
        }

        #top-border
        {
            border-top: 2px solid #fff;
        }

        #none-border-bottom
        {
            border-bottom: 0px dashed #424242;
            margin-bottom: 10px;
        }

        .detail-credit-li-btn
        {
            width: 100%;
            height: auto;
        }

        .detail-credit-li-btn-tit
        {
            width: 100%;
            height: 40px;
            float: right;
            direction: rtl;
        }

        .detail-credit-li-btn-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
        }

        .detail-credit-li-btn-fees
        {
            width: 100%;
            height: 40px;
            float: right;
            direction: rtl;
        }

        .detail-credit-li-btn-fees input
        {
            width: 100%;
            height: 100%;
            border: none;
            background-color: transparent;
            outline: none;
            font-family: BYekan;
            font-weight: bold;
            font-size: 20px;
            text-align: right;
            color: #e71029;
        }

        .detail-credit-li-btn-language
        {
            width: 100%;
            height: 40px;
            float: right;
            direction: rtl;
        }

        .detail-credit-li-btn-language span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 35px;
            color: #424242;
        }

        .detail-credit-li-btn-language-pay
        {
            width: 100%;
            height: 40px;
            margin-top: 10px;
            margin-bottom: 10px;
            float: right;
            background-color: #e71029;
        }

        .detail-credit-li-btn-language-pay button
        {
            width: 100%;
            height: 100%;
            outline: none;
            border: none;
            background-color: transparent;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #fff;
            position: relative;
            z-index: 10;
            cursor: pointer;
        }

        .detail-credit-li-img
        {
            width: 100%;
            height: 200px;
            float: right;
        }

        .detail-credit-li-img img
        {
            width: auto;
            height: 180px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    }
    @media /* ---------- Onboarding */
    {
        .onboarding-screen
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
        }

        .onboarding-screen-header
        {
            width: 100%;
            height: 70px;
            position: fixed;
            top: 0;
        }

        .onboarding-screen-header-brand
        {
            width: auto;
            height: 60px;
            position: absolute;
            top: 40px;
            left: 50%;
            transform: translate(-50%);
        }

        .onboarding-screen-header-brand span
        {
            font-size: 50px;
            line-height: 60px;
            color: #111b21;
        }

        .onboarding-screen-slider-skip
        {
            width: auto;
            height: 60px;
            position: absolute;
            top: 20px;
            right: 30px;
            cursor: pointer;
        }

        .onboarding-screen-slider-skip span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 60px;
            color: #509600;
        }

        .onboarding-screen-slider-pre-2,
        .onboarding-screen-slider-pre-3,
        .onboarding-screen-slider-pre-4,
        .onboarding-screen-slider-pre-5,
        .onboarding-screen-slider-pre-6,
        .onboarding-screen-slider-pre-7,
        .onboarding-screen-slider-pre-8
        {
            width: 70px;
            height: 70px;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            cursor: pointer;
            display: none;
        }

        .onboarding-screen-slider-pre-2 span,
        .onboarding-screen-slider-pre-3 span,
        .onboarding-screen-slider-pre-4 span,
        .onboarding-screen-slider-pre-5 span,
        .onboarding-screen-slider-pre-6 span,
        .onboarding-screen-slider-pre-7 span,
        .onboarding-screen-slider-pre-8 span
        {
            font-size: 32px;
            line-height: 70px;
            color: #424242;
        }

        .onboarding-screen-slider
        {
            width: 800%;
            height: 300px;
            position: absolute;
            top: 80px;
            left: 0;
            z-index: 10;
        }

        .onboarding-screen-slider-1,
        .onboarding-screen-slider-2,
        .onboarding-screen-slider-3,
        .onboarding-screen-slider-4,
        .onboarding-screen-slider-5,
        .onboarding-screen-slider-6,
        .onboarding-screen-slider-7,
        .onboarding-screen-slider-8
        {
            width: 12.5%;
            height: 100%;
            float: left;
            position: relative;
        }

        .onboarding-screen-slider-img
        {
            width: 300px;
            height: 300px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%);
        }

        .onboarding-screen-slider-img img
        {
            height: 250px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        #slider-img-4 img
        {
            height: 200px;
        }

        .onboarding-screen-slider-tit
        {
            width: 300px;
            height: 40px;
            position: absolute;
            top: 300px;
            left: 50%;
            transform: translate(-50%);
            direction: rtl;
            text-align: center;
        }

        .onboarding-screen-slider-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 18px;
            line-height: 40px;
            color: #111b21;
        }

        #bold-des
        {
            font-family: XEROSANS-BOLD;
            font-size: 17px;
        }

        #onboarding-bold
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 24px;
            position: relative;
            top: -2px;
        }

        #onboarding-normal
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 18px;
            position: relative;
            top: -2px;
        }

        .onboarding-screen-slider-des
        {
            width: 315px;
            height: auto;
            position: absolute;
            top: 350px;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
            direction: rtl;
        }

        .onboarding-screen-slider-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 15px;
            line-height: 20px;
            color: #555555;
        }

        .onboarding-screen-slider-next-1,
        .onboarding-screen-slider-next-2,
        .onboarding-screen-slider-next-3,
        .onboarding-screen-slider-next-4,
        .onboarding-screen-slider-next-5,
        .onboarding-screen-slider-next-6,
        .onboarding-screen-slider-next-7
        {
            width: 50px;
            height: 50px;
            position: absolute;
            right: 30px;
            background-color: #111b21;
            border-radius: 100%;
            text-align: center;
            cursor: pointer;
        }

        .onboarding-screen-slider-next-1,
        .onboarding-screen-slider-next-2,
        .onboarding-screen-slider-next-3,
        .onboarding-screen-slider-next-4,
        .onboarding-screen-slider-next-5,
        .onboarding-screen-slider-next-6,
        .onboarding-screen-slider-next-7,
        .onboarding-screen-slider-next-8
        {
            bottom: 35px;
        }

        .onboarding-screen-slider-next-2,
        .onboarding-screen-slider-next-3,
        .onboarding-screen-slider-next-4,
        .onboarding-screen-slider-next-5,
        .onboarding-screen-slider-next-6,
        .onboarding-screen-slider-next-7,
        .onboarding-screen-slider-next-8
        {
            display: none;
        }

        .onboarding-screen-slider-next-1 span,
        .onboarding-screen-slider-next-2 span,
        .onboarding-screen-slider-next-3 span,
        .onboarding-screen-slider-next-4 span,
        .onboarding-screen-slider-next-5 span,
        .onboarding-screen-slider-next-6 span,
        .onboarding-screen-slider-next-7 span
        {
            font-size: 32px;
            line-height: 50px;
            color: #fece2f;
        }

        .onboarding-screen-slider-next-8
        {
            width: 120px;
            height: 50px;
            position: absolute;
            right: 30px;
            text-align: center;
            cursor: pointer;
        }

        .onboarding-screen-slider-next-8 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 18px;
            line-height: 50px;
            color: #0020ff;
        }

        #next-8 span
        {
            font-size: 38px;
        }

        .onboarding-screen-slider-status
        {
            width: auto;
            height: 5px;
            position: absolute;
            bottom: 58px;
            left: 30px;
        }

        .onboarding-screen-slider-status-1
        {
            width: 20px;
            height: 5px;
            float: left;
            margin-left: 5px;
            position: relative;
            border-radius: 5px;
            background-color: #031b3d;
        }

        .onboarding-screen-slider-status-2,
        .onboarding-screen-slider-status-3,
        .onboarding-screen-slider-status-4,
        .onboarding-screen-slider-status-5,
        .onboarding-screen-slider-status-6,
        .onboarding-screen-slider-status-7,
        .onboarding-screen-slider-status-8
        {
            width: 5px;
            height: 5px;
            float: left;
            margin-left: 5px;
            position: relative;
            border-radius: 5px;
            background-color: #031b3d;
        }
    }
    @media /* ---------- inbox */
    {
        .inbox-message-bar
        {
            width: 100%;
            height: 50px;
            background-color: #031b3d;
            border-radius: 10px;
            overflow: hidden;
            transition: 0.3s;
            cursor: pointer;
            margin-bottom: 10px;
        }

        .inbox-message-bar-head
        {
            width: 100%;
            height: 50px;
            float: right;
        }

        .inbox-message-bar-fa-on
        {
            width: 40px;
            height: 40px;
            float: right;
            text-align: center;
            margin: 5px 5px 0 5px;
            border-radius: 100%;
            box-sizing: border-box;
        }

        .inbox-message-bar-fa-on span
        {
            font-size: 28px;
            line-height: 36px;
            color: #fff;
        }

        .inbox-message-bar-tit
        {
            width: calc(100% - 180px);
            height: 50px;
            float: right;
            direction: rtl;
        }

        .inbox-message-bar-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
            color: #fff;
            margin-right: 10px;
        }

        .inbox-message-bar-des
        {
            width: 100%;
            height: auto;
            direction: rtl;
            box-sizing: border-box;
            padding: 0 20px;
            text-align: right;
            margin-bottom: 15px;
        }

        .inbox-message-bar-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #fff;
        }

        .inbox-message-bar-time-date
        {
            width: 120px;
            height: 50px;
            float: right;
            text-align: left;
        }

        .inbox-message-bar-time
        {
            width: 100%;
            height: 25px;
            float: left;
        }

        .inbox-message-bar-time span
        {
            font-family: BYekan;
            font-weight: bold;
            line-height: 30px;
            color: #fff;
            margin-left: 20px;
        }

        .inbox-message-bar-date
        {
            width: 100%;
            height: 25px;
            float: left;
        }

        .inbox-message-bar-date span
        {
            font-family: BYekan;
            font-size: 15px;
            line-height: 15px;
            color: #fece2f;
            margin-left: 20px;
        }
    }
    @media /* ---------- Administration */
    {
        .admin-alert
        {
            width: 65px;
            height: 65px;
            text-align: center;
            margin: 40px auto 0;
        }

        .admin-alert span
        {
            font-size: 52px;
            line-height: 65px;
            color: #424242;
        }

        .admin-alert-tit
        {
            width: 300px;
            height: 40px;
            text-align: center;
            direction: rtl;
            margin: 0 auto;
        }

        .admin-alert-tit span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 20px;
            color: #111b21;
        }

        .form-admin
        {
            width: 300px;
            height: auto;
            margin: 40px auto 0;
        }

        .form-admin-div
        {
            width: 100%;
            height: 50px;
            position: relative;
            margin-top: 20px;
        }

        .form-admin-div-inp
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .form-admin-div-inp input
        {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            outline: none;
            background-color: transparent;
            padding: 0 20px 0 50px;
            font-size: 18px;
            border: 2px solid #fff;
            border-radius: 15px;
            color: #111b21;
            font-family: Monda;
        }

        .form-admin-div-inp input:focus
        {
            border: 2px solid #424242;
        }

        .form-admin-div-lab
        {
            position: absolute;
            right: 30px;
            top: 10px;
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            color: #666;
        }

        .form-admin-div-inp input:focus + label,
        .form-admin-div-inp input:valid + label
        {
            top: -18px;
            background-color: #e6ffda;
            padding: 2px 10px;
            font-size: 14px;
            font-family: XEROSANS-BOLD;
            color: #2ED480;
            right: 20px;
            transition: 0.3s;
        }

        .form-admin-div-fa
        {
            width: 50px;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .form-admin-div-fa span
        {
            font-size: 28px;
            line-height: 50px;
            color: #666;
        }

        #form-admin-div-fa-pass span
        {
            font-size: 30px;
        }

        #form-admin-div-sub
        {
            margin-top: 60px;
            height: 50px;
        }

        .form-admin-div button
        {
            width: 100%;
            height: 100%;
            outline: none;
            background-color: #111b21;
            font-size: 14px;
            border: none;
            border-radius: 15px;
            font-family: XEROSANS-BOLD;
            cursor: pointer;
            color: #fece2f;
        }
    }
    @media /* ---------- prePay */
    {
        .item-pre-pay
        {
            width: 340px;
            height: auto;
            border-radius: 20px;
            margin: 10px auto 0;
        }

        .pre-pay-detail-personal
        {
            width: 260px;
            height: 160px;
            position: absolute;
            top: 100px;
            right: 20px;
        }

        .pre-pay-detail-personal-rows
        {
            width: 100%;
            height: 30px;
        }

        .pre-pay-detail-personal-rows-top
        {
            width: 100%;
            height: 30px;
            margin-top: 10px;
        }

        .pre-pay-detail-personal-rows-tit,
        .pre-pay-detail-personal-rows-des-fa
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .pre-pay-detail-personal-rows-des-num
        {
            width: auto;
            height: 100%;
            float: left;
        }

        .pre-pay-detail-personal-rows-des-num-first
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .pre-pay-detail-personal-rows-price
        {
            width: auto;
            height: 100%;
            float: left;
            margin-left: 10px;
        }

        .pre-pay-detail-personal-rows-des-fa,
        .pre-pay-detail-personal-rows-des-num-first
        {
            margin-right: 20px;
        }

        .pre-pay-detail-personal-rows-price
        {
            margin-right: 5px;
        }

        .pre-pay-detail-personal-rows-tit span,
        .pre-pay-detail-personal-rows-price span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 30px;
            color: #424242;
        }

        .pre-pay-detail-personal-rows-des-num span,
        .pre-pay-detail-personal-rows-des-num-first span
        {
            font-family: "B Yekan";
            font-weight: bold;
            font-size: 17px;
            line-height: 30px;
            color: #111b21;
        }

        .pre-pay-detail-personal-rows-des-fa span
        {
            font-family: "XEROSANS-BOLD";
            font-size: 14px;
            line-height: 30px;
            color: #111b21;
        }

        .pre-pay-detail-personal-rows-fa
        {
            width: 80px;
            height: 100%;
            text-align: left;
            float: left;
            cursor: pointer;
        }

        .pre-pay-detail-personal-rows-fa span
        {
            font-family: "B Yekan";
            font-weight: bold;
            font-size: 13px;
            line-height: 30px;
            color: #666;
        }

        .upload-field-4-5-6-card
        {
            width: 340px;
            height: auto;
            margin: 20px auto 0;
            background-color: #dadcff;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 20px 0 30px;
        }

        .dashboard-brand-pre-pay
        {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 20px;
            right: 20px;
            text-align: center;
        }

        .dashboard-brand-pre-pay span
        {
            font-size: 46px;
            line-height: 50px;
            color: #bbff00;
        }

        .dashboard-logo-fa
        {
            width: 60px;
            height: 50px;
            position: absolute;
            top: 20px;
            right: 70px;
        }

        .dashboard-logo-fa span
        {
            font-size: 60px;
            line-height: 60px;
            color: #fff;
        }

        .dashboard-number-en
        {
            width: 110px;
            height: 30px;
            position: absolute;
            top: 60px;
            right: 20px;
            text-align: center;
        }

        .dashboard-number-en span
        {
            font-family: Monda;
            font-size: 11px;
            line-height: 30px;
            color: #fff;
        }

        .dashboard-number-card-pre-pay
        {
            width: 280px;
            height: 40px;
            position: absolute;
            top: 110px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-number-card-bar-pre-pay
        {
            width: 25%;
            height: 100%;
            float: left;
            text-align: center;
        }

        .dashboard-number-card-bar-pre-pay span
        {
            font-family: PlusJakarta;
            font-size: 20px;
            line-height: 40px;
            color: #fff;
        }

        .dashboard-id-date-pre-pay
        {
            width: 300px;
            height: 35px;
            text-align: center;
            position: absolute;
            top: 90px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-id-date-pre-pay span
        {
            font-family: PlusJakarta;
            font-size: 16px;
            line-height: 35px;
            color: #fff;
        }

        .dashboard-name-pre-pay
        {
            width: 260px;
            height: 35px;
            text-align: right;
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translate(-50%);
        }

        .dashboard-name-pre-pay span
        {
            font-family: XEROSANS-BOLD;
            font-size: 17px;
            line-height: 35px;
            color: #bbff00;
        }
    }
    @media /* ---------- post */
    {
        #bold-font
        {
            font-size: 13px;
            color: #0020ff;
            font-family: XEROSANS-BOLD;
        }

        .post-form-inp
        {
            width: 350px;
            height: 50px;
            margin: 20px auto 0;
            position: relative;
        }

        .post-form-inp input
        {
            width: 100%;
            height: 100%;
            border: 1px solid #424242;
            border-radius: 10px;
            background-color: transparent;
            outline: none;
            font-family: BYekan;
            font-weight: bold;
            font-size: 20px;
            color: #0020ff;
            box-sizing: border-box;
            padding: 0 20px;
        }

        .post-form-inp input:focus + label,
        .post-form-inp input:valid + label
        {
            top: -16px;
            right: 20px;
            font-size: 13px;
            color: #424242;
            transition: 0.3s;
            background-color: #e6ffda;
            padding: 0 10px;
        }

        .tracking-lab
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            position: absolute;
            right: 40px;
            top: 8px;
            color: #888;
        }

        .post-form-btn
        {
            width: 260px;
            height: 50px;
            margin: 40px auto;
        }

        .post-form-btn button
        {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 10px;
            background-color: #031b3d;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #fff;
            cursor: pointer;
        }
    }
    @media /* ---------- guarantee */
    {
        .blocked-sample
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(0, 0, 0, 0.8);
            display: none;
        }

        .upload-field-2-sample,
        .upload-field-3-sample,
        .upload-field-6-sample,
        .upload-field-9-sample,
        .upload-field-12-sample
        {
            width: 645px;
            height: 330px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: hidden;
            display: none;
            background-color: rgba(255, 255, 255, 0.3);
        }

        .upload-field-2-sample img,
        .upload-field-3-sample img,
        .upload-field-6-sample img,
        .upload-field-9-sample img,
        .upload-field-12-sample img
        {
            height: 320px;
            width: auto;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .upload-field-2-sample-item,
        .upload-field-3-sample-item,
        .upload-field-6-sample-item,
        .upload-field-9-sample-item,
        .upload-field-12-sample-item
        {
            width: 635px;
            height: 320px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .upload-field-2-sample-date,
        .upload-field-3-sample-date,
        .upload-field-6-sample-date,
        .upload-field-9-sample-date,
        .upload-field-12-sample-date
        {
            width: 126px;
            height: 20px;
            position: absolute;
            top: 40px;
            right: 91px;
            text-align: center;
        }

        .upload-field-2-sample-date span,
        .upload-field-3-sample-date span,
        .upload-field-6-sample-date span,
        .upload-field-9-sample-date span,
        .upload-field-12-sample-date span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 26px;
            line-height: 20px;
        }

        .upload-field-2-sample-date-world,
        .upload-field-3-sample-date-world,
        .upload-field-6-sample-date-world,
        .upload-field-9-sample-date-world,
        .upload-field-12-sample-date-world
        {
            width: auto;
            height: 20px;
            position: absolute;
            top: 67px;
            right: 125px;
            text-align: center;
        }

        .upload-field-2-sample-date-world span,
        .upload-field-3-sample-date-world span,
        .upload-field-6-sample-date-world span,
        .upload-field-9-sample-date-world span,
        .upload-field-12-sample-date-world span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 20px;
        }

        .upload-field-2-sample-amount-world,
        .upload-field-3-sample-amount-world,
        .upload-field-6-sample-amount-world,
        .upload-field-9-sample-amount-world,
        .upload-field-12-sample-amount-world
        {
            width: auto;
            height: 20px;
            position: absolute;
            top: 110px;
            right: 160px;
            text-align: center;
        }

        .upload-field-2-sample-amount-world span,
        .upload-field-3-sample-amount-world span,
        .upload-field-6-sample-amount-world span,
        .upload-field-9-sample-amount-world span,
        .upload-field-12-sample-amount-world span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 20px;
        }

        .upload-field-2-sample-office,
        .upload-field-3-sample-office,
        .upload-field-6-sample-office,
        .upload-field-9-sample-office,
        .upload-field-12-sample-office
        {
            width: auto;
            height: 20px;
            position: absolute;
            top: 150px;
            right: 60px;
            text-align: center;
        }

        .upload-field-2-sample-office span,
        .upload-field-3-sample-office span,
        .upload-field-6-sample-office span,
        .upload-field-9-sample-office span,
        .upload-field-12-sample-office span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 20px;
        }

        .upload-field-2-sample-id,
        .upload-field-3-sample-id,
        .upload-field-6-sample-id,
        .upload-field-9-sample-id,
        .upload-field-12-sample-id
        {
            width: auto;
            height: 20px;
            position: absolute;
            top: 150px;
            right: 370px;
            text-align: center;
        }

        .upload-field-2-sample-id span,
        .upload-field-3-sample-id span,
        .upload-field-6-sample-id span,
        .upload-field-9-sample-id span,
        .upload-field-12-sample-id span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 20px;
            line-height: 20px;
        }

        .upload-field-2-sample-amount,
        .upload-field-3-sample-amount,
        .upload-field-6-sample-amount,
        .upload-field-9-sample-amount,
        .upload-field-12-sample-amount
        {
            width: auto;
            height: 20px;
            position: absolute;
            top: 212px;
            right: 364px;
            text-align: center;
        }

        .upload-field-2-sample-amount span,
        .upload-field-3-sample-amount span,
        .upload-field-6-sample-amount span,
        .upload-field-9-sample-amount span,
        .upload-field-12-sample-amount span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 26px;
            line-height: 20px;
        }

        .upload-field-sample-close
        {
            width: 40px;
            height: 40px;
            text-align: center;
            position: absolute;
            top: 40px;
            left: 40px;
            background-color: #e6ffda;
            border-radius: 15px;
            cursor: pointer;
            display: none;
        }

        .upload-field-sample-close span
        {
            font-size: 24px;
            line-height: 40px;
        }
    }
    @media /* ---------- contract */
    {
        .dashboard-print
        {
            width: 90%;
            height: 400px;
            margin: 20px auto 0;
            border-radius: 15px;
            box-sizing: border-box;
            padding: 20px 10px;
            background-color: #fff;
        }

        .dashboard-print-scroll
        {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            overflow-y: scroll;
            box-sizing: border-box;
            padding: 20px 10px;
        }

        .dashboard-print-scroll::-webkit-scrollbar
        {
            width: 3px;
            background-color: #eee;
        }

        .dashboard-print-scroll::-webkit-scrollbar-thumb
        {
            background-color: #424242;
        }
    }
    @media /* ---------- detail credit */
    {
        .detail-credit-pop-up
        {
            width: 340px;
            height: 550px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            border-radius: 20px;
            display: none;
            z-index: 40;
        }

        .detail-credit-pop-up-brand
        {
            width: 100%;
            height: 70px;
            text-align: center;
            margin-top: 40px;
        }

        .detail-credit-pop-up-brand span
        {
            font-size: 60px;
            line-height: 70px;
        }

        .detail-credit-pop-up-text
        {
            width: 100%;
            height: 40px;
            text-align: center;
        }

        .detail-credit-pop-up-text span
        {
            font-size: 40px;
            line-height: 40px;
        }

        .detail-credit-pop-up-content
        {
            width: 100%;
            height: auto;
            margin-top: 40px;
        }

        .detail-credit-pop-up-content-des
        {
            width: 90%;
            margin: 0 auto;
            text-align: justify;
            direction: rtl;
            border: 1px dashed #424242;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 15px 20px 15px;
        }

        .detail-credit-pop-up-content-des span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 25px;
            color: #666;
        }

        .detail-credit-pop-up-btn-0
        {
            width: 100%;
            height: 50px;
            margin-top: 40px;
        }

        .detail-credit-pop-up-btn-0-1
        {
            width: 80%;
            height: 100%;
            margin: 0 auto;
        }

        .detail-credit-pop-up-btn-1,
        .detail-credit-pop-up-btn-2
        {
            width: 50%;
            height: 100%;
            float: left;
        }

        .detail-credit-pop-up-btn-1-1
        {
            width: 120px;
            height: 100%;
            margin: 0 auto;
            border: 2px solid #0020ff;
            border-radius: 20px;
            text-align: center;
            cursor: pointer;
        }

        .detail-credit-pop-up-btn-1-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
            color: #0020ff;
        }

        .detail-credit-pop-up-btn-1-2
        {
            width: 120px;
            height: 100%;
            margin: 0 auto;
            background-color: #0020ff;
            border-radius: 20px;
            text-align: center;
            cursor: pointer;
        }

        .detail-credit-pop-up-btn-1-2 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
            color: #fff;
        }

        .detail-credit-close
        {
            width: 40px;
            height: 40px;
            position: absolute;
            background-color: #e6ffda;
            border-radius: 15px;
            text-align: center;
            top: 20px;
            right: 20px;
            cursor: pointer;
        }

        .detail-credit-close span
        {
            font-size: 28px;
            line-height: 40px;
        }

        .blocked-detail-credit
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(17, 27, 33, 0.8);
            z-index: 30;
            display: none;
        }
    }
    @media /* ---------- store */
    {
        .store-item-bar
        {
            width: 700px;
            height: auto;
            margin: 40px auto;
        }

        .store-item-bar-acceptor
        {
            width: 340px;
            height: 280px;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            border: 2px solid #ffffff;
            box-sizing: border-box;
            margin: 0 auto;
        }

        .kjdjkshkskdkl {
            width: 50%;
            height: 290px;
            float: left;
        }

        .store-item-bar-acceptor img {
            width: 100%;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }

        .store-item-bar-acceptor-0
        {
            width: 100%;
            height: 50px;
            background-color: #000066;
            text-align: center;
        }

        .store-item-bar-acceptor-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 50px;
            color: #fff;
        }

        .store-item-bar-acceptor-1
        {
            width: 110px;
            height: 30px;
            text-align: center;
            border-radius: 30px;
            position: absolute;
            bottom: 20px;
            right: 20px;
            background-color: #000066;
            cursor: pointer;
        }

        .store-item-bar-acceptor-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 11px;
            line-height: 30px;
            color: #fff;
            pointer-events: none;
        }

        .store-item-bar-acceptor-2
        {
            width: 300px;
            height: 50px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            bottom: 60px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            overflow-x: scroll;
        }

        .store-item-bar-acceptor-2::-webkit-scrollbar
        {
            height: 0;
        }

        .store-item-bar-acceptor-2-0
        {
            min-width: 1050px;
            height: 100%;
            position: absolute;
            left: 0;
            transition: 1s;
        }

        .store-item-bar-acceptor-2-0-1
        {
            width: 150px;
            height: 100%;
            float: left;
        }

        .store-item-bar-acceptor-2-0-1-1
        {
            width: 50px;
            height: 100%;
            float: left;
            text-align: left;
        }

        .store-item-bar-acceptor-2-0-1-1 span
        {
            font-size: 36px;
            line-height: 50px;
            color: #000066;
        }

        .store-item-bar-acceptor-2-0-1-2
        {
            width: 90px;
            height: 23px;
            float: left;
        }

        .store-item-bar-acceptor-2-0-1-2 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 11px;
            line-height: 25px;
            color: #666666;
        }

        .store-item-bar-acceptor-2-0-1-3
        {
            width: 90px;
            height: 30px;
            float: left;
        }

        .store-item-bar-acceptor-2-0-1-3 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 11px;
            line-height: 20px;
            color: #000066;
        }

        .store-item-bar-acceptor-slide-left-1
        {
            width: 20px;
            height: 50px;
            text-align: center;
            position: absolute;
            bottom: 60px;
            left: 0;
            cursor: pointer;
            display: none;
        }

        .store-item-bar-acceptor-slide-right-1
        {
            width: 20px;
            height: 50px;
            text-align: center;
            position: absolute;
            bottom: 60px;
            right: 0;
            cursor: pointer;
        }

        .store-item-bar-acceptor-slide-left-1 span,
        .store-item-bar-acceptor-slide-right-1 span
        {
            font-size: 20px;
            line-height: 50px;
            color: #424242;
            pointer-events: none;
        }

        .store-item-bar-acceptor-3
        {
            width: auto;
            height: 30px;
            position: absolute;
            bottom: 20px;
            left: 20px;
        }

        .store-item-bar-acceptor-3-0
        {
            width: 30px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .store-item-bar-acceptor-3-0 span
        {
            font-size: 26px;
            line-height: 30px;
            color: #ccc;
        }

        .store-item-bar-acceptor-3-1
        {
            width: auto;
            height: 100%;
            float: right;
        }

        .store-item-bar-acceptor-3-1 span
        {
            font-family: XEROSANS-NORMAL;
            line-height: 35px;
            color: #666;
            font-size: 12px;
        }

        .blocked-store
        {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 50;
            display: none;
        }

        .store-detail-pop-up
        {
            width: 300px;
            height: 540px;
            background-color: #000;
            border-radius: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 60;
            display: none;
        }

        .store-detail-pop-up-call
        {
            width: 200px;
            height: 40px;
            background-color: #caff00;
            border-radius: 50px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            bottom: 30px;
            text-align: center;
        }

        .store-detail-pop-up-call span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
            color: #111b21;
        }

        .store-detail-pop-up-img-tit
        {
            width: 100%;
            height: 90px;
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
        }

        .store-detail-pop-up-img
        {
            width: 100px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%);
            border-radius: 100%;
        }

        .store-detail-pop-up-img span
        {
            font-size: 45px;
            line-height: 50px;
            color: #caff00;
        }

        .store-detail-pop-up-tit
        {
            width: 100%;
            height: 30px;
            position: absolute;
            top: 60px;
        }

        .store-detail-pop-up-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 30px;
            color: #fff;
        }

        .store-detail-pop-up-detail
        {
            width: 260px;
            height: auto;
            position: absolute;
            top: 110px;
            left: 50%;
            transform: translate(-50%);
        }

        .store-detail-pop-up-detail-label
        {
            width: 100%;
            height: 30px;
            direction: rtl;
        }

        .store-detail-pop-up-detail-label span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 30px;
            margin-right: 10px;
            color: #fff;
        }

        .store-detail-pop-up-detail-content
        {
            width: 260px;
            height: auto;
            direction: rtl;
            background-color: #fff;
            border-radius: 20px;
            margin: 5px auto 0;
            padding-bottom: 15px;
        }

        .accept-rows-div-1-location
        {
            width: calc(100% - 40px);
            height: auto;
            border-radius: 20px;
            margin: 0 auto;
            direction: rtl;
        }

        .store-detail-pop-up-detail-list
        {
            width: 100%;
            height: 25px;
            padding-top: 10px;
        }

        .store-detail-pop-up-detail-category
        {
            width: 100%;
            height: auto;
        }

        .store-detail-pop-up-detail-list-category-tit
        {
            width: 100%;
            height: 25px;
            margin-right: 10px;
            float: right;
            margin-top: 5px;
        }

        .store-detail-pop-up-detail-list-category-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 25px;
            color: #111b21;
        }

        .store-detail-pop-up-detail-list-category-des
        {
            width: 100%;
            height: auto;
            margin-right: 10px;
        }

        .store-detail-pop-up-detail-list-category-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 20px;
            color: #888;
        }

        .store-detail-pop-up-detail-list-category-des a span
        {
            color: #e71029;
            font-family: Monda;
        }

        .store-detail-pop-up-close
        {
            width: 30px;
            height: 30px;
            background-color: #caff00;
            border-radius: 10px;
            text-align: center;
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
        }

        .store-detail-pop-up-close span
        {
            font-size: 22px;
            line-height: 30px;
            color: #111b21;
            pointer-events: none;
            font-weight: bold;
        }
    }
    @media /* ---------- attendance */
    {
        .att-advantages-div
        {
            width: 320px;
            height: auto;
            margin: 40px auto;
        }

        .att-advantages-div-items
        {
            width: 100%;
            height: 200px;
            float: right;
        }

        .att-advantages-div-quick,
        .att-advantages-div-counseling,
        .att-advantages-div-easy
        {
            width: 100%;
            height: 160px;
            float: right;
        }

        .att-advantages-div-img
        {
            width: 100%;
            height: 120px;
            float: right;
        }

        .att-advantages-div-img img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .att-advantages-div-title
        {
            width: 100%;
            height: 40px;
            float: right;
            text-align: center;
        }

        .att-advantages-div-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
        }

        .att-advantages-li
        {
            width: 100%;
            height: 200px;
            float: right;
        }

        .att-advantages-div-img
        {
            width: 100%;
            height: 120px;
            float: right;
        }

        .print-article-content-des
        {
            width: 90%;
            height: auto;
            direction: rtl;
            text-align: justify;
            margin: 10px auto 0;
        }

        .print-article-content-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 14px;
            line-height: 25px;
            color: #424242;
        }

        .device-section-branch
        {
            width: 90%;
            height: 40px;
            text-align: right;
            margin: 10px auto 0;
        }

        .device-section-branch span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
        }

        .device-section-left-img
        {
            width: 260px;
            height: 160px;
            margin: 20px auto 0;
            position: relative;
        }

        .device-section-left-img-atten
        {
            width: 260px;
            height: 160px;
            margin: 20px auto 0;
            position: relative;
            overflow: hidden;
            border-radius: 20px;
        }

        .device-section-left-img-atten img
        {
            width: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .device-section-left-img-banner
        {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            overflow: hidden;
            position: absolute;
        }

        .device-section-left-img-banner img
        {
            width: auto;
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .device-section-left-img-logo
        {
            width: 54px;
            height: 54px;
            position: absolute;
            bottom: -27px;
            right: 25px;
            background-color: #fff;
            border-radius: 12px;
            overflow: hidden;
        }

        .device-section-left-img-logo-layer
        {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #e6ffda;
            border-radius: 10px;
            overflow: hidden;
        }

        .device-section-left-img-logo-layer img
        {
            width: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .accept-submit-rows-store-name
        {
            width: 100%;
            height: 40px;
            text-align: center;
            margin-top: 20px;
        }

        .accept-submit-rows-store-name span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #001dff;
        }

        .accept-rows-div
        {
            width: 350px;
            height: 450px;
            background-color: #fff;
            border-radius: 20px;
            margin: 20px auto 0;
            position: relative;
            box-sizing: border-box;
            padding-top: 20px;
        }

        .accept-rows-div-1
        {
            width: 100%;
            height: 50px;
            direction: rtl;
        }

        .accept-rows-div-1-1,
        .accept-rows-div-1-2,
        .accept-rows-div-1-2-font
        {
            width: auto;
            height: 100%;
            float: right;
            margin-right: 20px;
        }

        .accept-rows-div-1-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
            color: #111b21;
        }

        .accept-rows-div-1-2 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 45px;
            color: #424242;
        }

        .accept-rows-div-1-2-font span
        {
            font-family: Monda;
            font-size: 14px;
            line-height: 45px;
            color: #424242;
        }

        .device-section-address
        {
            width: 90%;
            height: auto;
            text-align: justify;
            margin: 20px auto 0;
            direction: rtl;
        }

        .device-section-address span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #525252;
        }

        .device-section-phone
        {
            width: 90%;
            height: 40px;
            text-align: right;
            margin: 0 auto;
            direction: rtl;
        }

        .device-section-phone span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            line-height: 40px;
            color: #525252;
        }

        .device-section-fullName,
        .device-section-phoneNumber
        {
            width: 300px;
            height: 50px;
            margin: 30px auto;
            position: relative;
        }

        .device-section-fullName input,
        .device-section-phoneNumber input
        {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            background-color: #fff;
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
            padding: 0 20px;
            color: #003CFF;
        }

        #fullName
        {
            direction: rtl;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            position: relative;
        }

        #phoneNumber
        {
            direction: ltr;
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
        }

        .lab-fullName,
        .lab-phoneNumber
        {
            position: absolute;
            top: 7px;
            right: 30px;
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            color: #525252;
        }

        .device-section-fullName input:focus + label,
        .device-section-fullName input:valid + label,
        .device-section-phoneNumber input:focus + label,
        .device-section-phoneNumber input:valid + label
        {
            top: -25px;
            right: 20px;
            font-size: 12px;
            color: #111b21;
            transition: .3s;
        }

        .device-section-calendar
        {
            width: 300px;
            height: 330px;
            margin: 20px auto 0;
            background-color: #ff6f61;
            position: relative;
            border-radius: 10px;
        }

        .device-section-calendar-head
        {
            width: 300px;
            height: 40px;
            margin: 0 auto;
            position: relative;
        }

        .calendar-pre-1,
        .calendar-pre-2,
        .calendar-pre-3,
        .calendar-pre-4,
        .calendar-pre-5,
        .calendar-pre-6,
        .calendar-pre-7,
        .calendar-pre-8,
        .calendar-pre-9,
        .calendar-pre-10,
        .calendar-pre-11,
        .calendar-pre-12
        {
            width: 40px;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
            display: none;
        }

        /*.calendar-pre-1 span*/
        /*{*/
        /*    font-size: 28px;*/
        /*    line-height: 40px;*/
        /*    color: rgba(255, 255, 255, 0.3);*/
        /*}*/

        .calendar-pre-1 span,
        .calendar-pre-2 span,
        .calendar-pre-3 span,
        .calendar-pre-4 span,
        .calendar-pre-5 span,
        .calendar-pre-6 span,
        .calendar-pre-7 span,
        .calendar-pre-8 span,
        .calendar-pre-9 span,
        .calendar-pre-10 span,
        .calendar-pre-11 span,
        .calendar-pre-12 span
        {
            font-size: 28px;
            line-height: 40px;
            color: #fff;
        }

        .calendar-next-1,
        .calendar-next-2,
        .calendar-next-3,
        .calendar-next-4,
        .calendar-next-5,
        .calendar-next-6,
        .calendar-next-7,
        .calendar-next-8,
        .calendar-next-9,
        .calendar-next-10,
        .calendar-next-11,
        .calendar-next-12
        {
            width: 40px;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }

        .calendar-next-1 span,
        .calendar-next-2 span,
        .calendar-next-3 span,
        .calendar-next-4 span,
        .calendar-next-5 span,
        .calendar-next-6 span,
        .calendar-next-7 span,
        .calendar-next-8 span,
        .calendar-next-9 span,
        .calendar-next-10 span,
        .calendar-next-11 span,
        .calendar-next-12 span
        {
            font-size: 28px;
            line-height: 40px;
            color: #fff;
        }

        .device-section-calendar-head-title
        {
            width: 220px;
            height: 100%;
            text-align: center;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            top: 0;
        }

        .device-section-calendar-head-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #111b21;
        }

        .lab-months-01,
        .lab-months-02,
        .lab-months-03,
        .lab-months-04,
        .lab-months-05,
        .lab-months-06,
        .lab-months-07,
        .lab-months-08,
        .lab-months-09,
        .lab-months-10,
        .lab-months-11,
        .lab-months-12
        {
            display: none;
        }

        .device-section-weekdays
        {
            width: 280px;
            height:40px;
            margin: 0 auto;
        }

        .device-section-weekdays .div
        {
            width: 40px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .device-section-weekdays .div span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
            color: #fff;
        }

        .device-section-day
        {
            width: 280px;
            height: 240px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
        }

        .table
        {
            width: 3360px;
            height: 100%;
            position: absolute;
            right: 0;
        }

        .table-1,
        .table-2,
        .table-3,
        .table-4,
        .table-5,
        .table-6,
        .table-7,
        .table-8,
        .table-9,
        .table-10,
        .table-11,
        .table-12
        {
            width: 280px;
            height: 100%;
            float: right;
        }

        .tr
        {
            width: 100%;
            height: 40px;
            float: right;
            text-align: center;
        }

        .td
        {
            width: 40px;
            height: 100%;
            float: right;
            font-family: BYekan;
            font-weight: bold;
            line-height: 36px;
            cursor: pointer;
            box-sizing: border-box;
            position: relative;
        }

        .td:hover
        {
            background-color: rgba(230, 255, 218, 0.3);
            border-radius: 10px;
        }

        .td span
        {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            pointer-events: none;
        }

        .holiday
        {
            color: #fff;
        }

        .holiday:hover
        {
            color: #111b21;
        }

        .tr input[type="radio"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 2px solid #fff; /* رنگ و عرض حاشیه */
            width: 100%;
            height: 100%;
            border-radius: 10px;
            cursor: pointer;
            display: none;
        }

        .tr input[type="radio"]:checked {
            background-color: #fff;
            border: 2px solid #ff6f61;
        }

        .content-index-rows-4 select
        {
            width: 100%;
            height: 100%;
            background-color: transparent;
            border: none;
            outline: none;
            font-family: 'XEROSANS-BOLD','BYekan';
            font-weight: bold;
            font-size: 14px;
            direction: rtl;
            box-sizing: border-box;
            padding: 0 10px;
            color: #001dff;
            -webkit-appearance: none;
        }

        .content-index-rows-4 option {
            font-family: 'BYekan';
            font-weight: bold;
            font-size: 16px;
        }

        .content-index-rows-appearance
        {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            pointer-events: none;
        }

        .content-index-rows-appearance span
        {
            font-size: 20px;
            line-height: 40px;
            color: #525252;
        }

        .content-index-rows-5 button
        {
            width: 100%;
            height: 100%;
            background-color: #111b21;
            border: none;
            outline: none;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #FFCC00;
            border-radius: 10px;
            cursor: pointer;
        }

        .blocked-detail-branch
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(17, 27, 33, 0.8);
            display: none;
        }

        .blocked-detail-branch-alert
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            display: none;
            z-index: 100;
        }

        .alert-detail-branch
        {
            width: calc(100% - 8px);
            height: 440px;
            position: absolute;
            bottom: -440px;
            left: 50%;
            transform: translate(-50%);
            background-color: #fff;
            border-radius: 25px;
        }

        .alert-detail-branch-img
        {
            width: 100%;
            height: 200px;
            margin-top: 20px;
        }

        .alert-detail-branch-img img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .alert-detail-branch-name
        {
            width: 100%;
            height: 40px;
            text-align: center;
            margin-top: 10px;
        }

        .alert-detail-branch-name span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #111b21;
        }

        .alert-detail-branch-address
        {
            width: 240px;
            height: auto;
            text-align: justify;
            margin: 5px auto 0;
            direction: rtl;
        }

        .alert-detail-branch-address span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #424242;
        }

        .device-section-phone-desktop
        {
            width: 90%;
            height: 40px;
            text-align: right;
            margin: 10px auto 0;
            direction: rtl;
        }

        .device-section-phone-desktop span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            line-height: 40px;
            color: #525252;
        }

        .alert-detail-branch-phone
        {
            width: 240px;
            height: 40px;
            background-color: #e71029;
            text-align: center;
            border-radius: 10px;
            margin: 30px auto 0;
        }

        .alert-detail-branch-phone span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
        }

        .alert-detail-branch-handel,
        .alert-detail-branch-handel-2,
        .alert-success-branch-swipe
        {
            width: 50px;
            height: 3px;
            border-bottom-left-radius: 3px;
            background-color: #111b21;
            position: absolute;
            top: 3px;
            left: 50%;
            transform: translate(-50%);
            cursor: pointer;
        }

        .alert-success-branch
        {
            width: 300px;
            height: 500px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            border-radius: 20px;
            z-index: 110;
            overflow: hidden;
        }

        .alert-success-branch-img,
        .alert-success-branch-detail-img
        {
            width: 100%;
            height: 200px;
            margin-top: 20px;
        }

        .alert-success-branch-img img,
        .alert-success-branch-detail-img img
        {
            height: 100%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .alert-success-branch-title
        {
            width: 100%;
            height: 40px;
            text-align: center;
            position: absolute;
            top: 220px;
            direction: rtl;
        }

        .alert-success-branch-title span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #212832;
            font-weight: bold;
        }

        .alert-success-branch-btn
        {
            width: 200px;
            height: 40px;
            background-color: #111b21;
            border-radius: 15px;
            text-align: center;
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translate(-50%);
            cursor: pointer;
        }

        .alert-success-branch-btn span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 40px;
            color: #FFD700;
        }

        .alert-success-branch-detail
        {
            width: calc(100% - 6px);
            height: 460px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            bottom: -460px;
            background-color: #111b21;
            border-radius: 20px;
            z-index: 102;
        }

        .alert-success-branch-detail-swipe
        {
            width: 50px;
            height: 3px;
            border-bottom-left-radius: 3px;
            background-color: #FFD700;
            position: absolute;
            top: 3px;
            left: 50%;
            transform: translate(-50%);
            cursor: pointer;
        }

        .alert-detail-branch-detail-name
        {
            width: 100%;
            height: 40px;
            text-align: center;
            margin-top: 10px;
        }

        .alert-detail-branch-detail-name span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #FFD700;
        }

        .alert-detail-branch-detail-address
        {
            width: 240px;
            height: auto;
            text-align: justify;
            margin: 5px auto 0;
            direction: rtl;
        }

        .alert-detail-branch-detail-address span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #fff;
        }

        .device-section-phone-detail-desktop
        {
            width: 90%;
            height: 40px;
            text-align: right;
            margin: 10px auto 0;
            direction: rtl;
        }

        .device-section-phone-detail-desktop span
        {
            font-family: BYekan;
            font-weight: bold;
            font-size: 16px;
            line-height: 40px;
            color: #fff;
        }

        .alert-detail-branch-detail-address-send
        {
            width: 130px;
            height: 40px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            bottom: 20px;
        }

        .blocked-alert-branch
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: 110;
            display: none;
        }

        .blocked-alert-branch-social-close
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: 110;
            display: none;
        }

        .blocked-alert-branch-social
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            display: none;
        }

        .blocked-alert-branch-socials
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            display: none;
        }
    }
    @media /* ---------- wallet balance */
    {
        .section-profile-credit-wallet-balance-pop
        {
            width: 330px;
            height: 550px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            border-radius: 20px;
            z-index: 40;
            border: 2px solid #111b21;
            display: none;
            overflow: hidden;
        }

        .section-profile-credit-wallet-balance-pop-img
        {
            width: 200px;
            height: 200px;
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-wallet-balance-pop-img img
        {
            height: 200px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-wallet-balance-pop-bar
        {
            width: 100%;
            height: auto;
            position: absolute;
            top: 240px;
            text-align: center;
        }

        .section-profile-credit-wallet-balance-pop-alert
        {
            width: 270px;
            height: 70px;
            margin: 60px auto 0;
            background-color: rgb(178, 213, 255);
            border-radius: 10px;
            box-sizing: border-box;
            padding-left: 20px;
        }

        .section-profile-credit-wallet-balance-pop-alert-fa
        {
            width: 50px;
            height: 100%;
            float: right;
            text-align: center;
        }

        .section-profile-credit-wallet-balance-pop-alert-fa span
        {
            font-size: 20px;
            line-height: 70px;
            color: #111b21;
        }

        .section-profile-credit-wallet-balance-pop-alert-des
        {
            width: calc(100% - 50px);
            height: 100%;
            direction: rtl;
            float: right;
            text-align: justify;
            margin-top: 5px;
        }

        .section-profile-credit-wallet-balance-pop-alert-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 15px;
            color: #555555;
        }

        .section-profile-credit-wallet-balance-pop-status
        {
            width: 80%;
            height: 40px;
            text-align: center;
            border: 1px dashed #424242;
            border-radius: 15px;
            margin: 20px auto;
        }

        .section-profile-credit-wallet-balance-pop-status span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #424242;
        }

        .section-profile-credit-wallet-balance-pop-supply
        {
            width: 80%;
            height: 40px;
            margin: 20px auto 0;
            text-align: center;
        }

        .section-profile-credit-wallet-balance-pop-supply .fa-toman
        {
            font-size: 44px;
            color: #2ED480;
        }

        .section-profile-credit-wallet-balance-pop-supply .supply-price
        {
            font-family: "B Yekan";
            font-size: 24px;
            font-weight: bold;
            position: relative;
            top: -15px;
            margin-left: 5px;
        }

        .section-profile-credit-wallet-balance-pop-details
        {
            width: 100px;
            height: 50px;
            margin: 0 auto;
            cursor: pointer;
        }

        .section-profile-credit-wallet-balance-pop-details-txt
        {
            width: 100%;
            height: 30px;
            float: left;
            text-align: center;
            pointer-events: none;
        }

        .section-profile-credit-wallet-balance-pop-details-txt span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #424242;
        }

        .section-profile-credit-wallet-balance-pop-details-fa
        {
            width: 100%;
            height: 20px;
            text-align: center;
            float: left;
            pointer-events: none;
        }

        .section-profile-credit-wallet-balance-pop-details-fa span
        {
            font-size: 18px;
            line-height: 20px;
            color: #424242;
        }

        .section-profile-credit-wallet-balance-pop-stores
        {
            width: 50px;
            height: 50px;
            margin: 30px auto 0;
            text-align: center;
            background-color: #001dff;
            border-radius: 15px;
            cursor: pointer;
        }

        .section-profile-credit-wallet-balance-pop-stores span
        {
            font-size: 26px;
            line-height: 50px;
            color: #fff;
            pointer-events: none;
        }

        .section-profile-credit-wallet-balance-pop-bloked
        {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.6);
            top: 0;
            display: none;
        }

        .section-profile-credit-wallet-balance-pop-Layer
        {
            width: calc(100% - 4px);
            height: 340px;
            background-color: #111b21;
            border-radius: 17px;
            position: absolute;
            bottom: -344px;
            left: 50%;
            transform: translate(-50%);
            transition: .5s;
            box-sizing: border-box;
            padding-top: 20px;
        }

        .section-profile-credit-wallet-balance-pop-Layer-handel
        {
            width: 50px;
            height: 3px;
            border-bottom-left-radius: 3px;
            background-color: #FFD700;
            position: absolute;
            top: 5px;
            left: 50%;
            transform: translate(-50%);
        }

        .section-profile-credit-wallet-balance-pop-Layer-alert-des
        {
            width: 100%;
            height: 30px;
            direction: rtl;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

        .section-profile-credit-wallet-balance-pop-Layer-alert-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 30px;
            color: #e6ffda;
        }

        .section-profile-credit-wallet-balance-pop-Layer-alert-bonus
        {
            width: calc(100% - 20px);
            height: 40px;
            margin: 0 auto 10px;
            direction: rtl;
        }

        .balance-pop-Layer-alert-bonus-tit-des
        {
            width: 160px;
            height: 100%;
            float: right;
            margin-right: 5px;
        }

        .balance-pop-Layer-alert-bonus-tit
        {
            width: 100%;
            height: 20px;
            float: right;
            direction: rtl;
        }

        .balance-pop-Layer-alert-bonus-des
        {
            width: 100%;
            height: 30px;
            float: right;
            direction: rtl;
        }

        .balance-pop-Layer-alert-bonus-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 30px;
            color: #fff;
        }

        .balance-pop-Layer-alert-bonus-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 11px;
            line-height: 15px;
            color: #eee;
        }

        .balance-pop-Layer-alert-bonus-amount
        {
            width: 100px;
            height: 100%;
            float: left;
        }
    }
    @media /* ---------- acceptor */
    {
        .alert-back-link-item
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #FFD700;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 20px 0;
        }

        .alert-back-link-item-des
        {
            width: 310px;
            height: auto;
            margin: 20px auto 0;
            box-sizing: border-box;
            padding-bottom: 20px;
            direction: rtl;
            text-align: justify;
        }

        .alert-back-link-item-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 25px;
            color: #424242;
        }

        .back-link-btn
        {
            width: 260px;
            height: 50px;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 15px;
            position: relative;
            cursor: pointer;
        }

        .back-link-btn-txt
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            text-align: center;
        }

        .back-link-btn-txt span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;

            line-height: 50px;
            color: #111b21;
        }

        .back-link-btn-fa
        {
            width: 46px;
            height: 46px;
            position: absolute;
            top: 2px;
            left: 2px;
            text-align: center;
            background-color: #111b21;
            border-radius: 13px;
        }

        .back-link-btn-fa span
        {
            font-size: 24px;
            line-height: 46px;
            color: #fff;
        }

        .check-box-field-online,
        .check-box-field-person,
        .check-box-field-online-person
        {
            width: 100%;
            height: 40px;
            position: relative;
        }

        .check-box-field-online input,
        .check-box-field-person input,
        .check-box-field-online-person input
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            position: absolute;
            right: 0px;
            top: 13px;
            width: 15px;
            height: 15px;
        }

        .field-name-store input::placeholder,
        .layer-person input::placeholder,
        .layer-person-location input::placeholder,
        .input-placeholder input::placeholder,
        .layer-online input::placeholder
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #666;
        }

        .field-postal input::placeholder,
        .field-phone input::placeholder,
        #inp-location input::placeholder
        {
            font-family: "B Yekan";
            font-size: 16px;
            color: #666;
        }

        .check-box-field-online label,
        .check-box-field-person label,
        .check-box-field-online-person label
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            position: absolute;
            right: 22px;
            top: 5px;
        }

        .accept-field-rows,
        .accept-field-rows-0,
        .accept-field-rows-1,
        .accept-field-tracking
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #FFF;
            border-radius: 20px;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
            padding: 20px;
        }

        .accept-field-rows-timer
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #FFF;
            border-radius: 20px;
        }

        .accept-alert-certificate
        {
            width: 350px;
            height: auto;
            margin: 20px auto 0;
            background-color: #FFD700;
            border-radius: 20px;
            text-align: justify;
            direction: rtl;
            box-sizing: border-box;
            padding: 20px;
        }

        .accept-alert-certificate-fa
        {
            width: 100%;
            height: 50px;
            text-align: center;
        }

        .accept-alert-certificate-fa span
        {
            font-size: 50px;
            line-height: 50px;
            color: #111b21;
        }

        .accept-alert-certificate-tit
        {
            width: 100%;
            height: 40px;
            text-align: center;
            direction: rtl;
            margin-top: 15px;
        }

        .accept-alert-certificate-tit span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
        }

        .accept-alert-certificate-des
        {
            width: 300px;
            height: auto;
            margin: 0 auto;
            text-align: justify;
        }

        .accept-alert-certificate-des-0
        {
            width: 300px;
            height: auto;
            margin: 0 auto;
            text-align: center;
        }

        .accept-alert-certificate-des span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 22px;
            color: #424242;
        }

        .accept-alert-certificate-des-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 25px;
            color: #424242;
        }

        .accept-field-rows,
        .layer-online,
        .layer-person,
        .layer-person-location
        .location,
        .layer-online-person,
        .accept-submit-rows
        {
            display: none;
        }

        .layer-online,
        .layer-mobile,
        .field-name-store,
        .layer-field,
        .layer-online-person-2,
        .field-postal,
        .field-phone,
        .field-city,
        .field-state,
        .field-category,
        .layer-online,
        .layer-online-person,
        .field-tracking
        {
            width: 100%;
            height: 45px;
            margin-top: 30px;
        }

        .layer-subscribe
        {
            width: 280px;
            height: 40px;
            margin: 0 auto;
        }

        .layer-subscribe span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 12px;
            line-height: 35px;
            color: #777;
            margin-right: 20px;
        }

        #acceptor-subscribe-price
        {
            background-color: #333;
        }

        #acceptor-subscribe-price span.subscribe-price
        {
            color: #FFD700;
        }

        #acceptor-subscribe-price span.fa-toman
        {
            color: #e6ffda;
        }

        .layer-online-person-1
        {
            width: 100%;
            height: 350px;
            margin-top: 30px;
        }

        .field-item-input
        {
            width: 100%;
            height: 45px;
            position: relative;
            margin: 30px auto 0;
        }

        .field-item-input-margin
        {
            margin-top: 30px;
        }

        .field-item-input input,
        .field-name-store input,
        .field-postal input,
        .field-phone input,
        .field-tracking input
        {
            width: 100%;
            height: 100%;
            background-color: #ccc;
            border: none;
            outline: none;
            border-radius: 15px;
            box-sizing: border-box;
            padding: 0 20px;
        }

        .acceptor-subscribe-price
        {
            width: 100%;
            height: 100%;
            background-color: #ccc;
            border-radius: 15px;
            box-sizing: border-box;
            padding: 0 20px;
        }

        .acceptor-subscribe-price span.subscribe-price
        {
            font-family: "B Yekan";
            font-weight: bold;
            font-size: 22px;
            color: #111b21;
            line-height: 40px;
        }

        .acceptor-subscribe-price span.fa-toman
        {
            font-size: 32px;
            color: #424242;
            position: absolute;
            top: 7px;
            right: 110px;
        }

        .field-item-input label
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            position: absolute;
            top: -26px;
            right: 20px;
            color: #001dff;
        }

        .post-form-inp-applying-acceptor label
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            position: absolute;
            top: -30px;
            right: 20px;
            color: #111b21;
        }

        #inp-web-store
        {
            font-family: "Monda";
            font-weight: bold;
            font-size: 16px;
            color: #111b21;
            direction: ltr;
        }

        #inp-field-mobile,
        #inp-tracking
        {
            font-family: "B Yekan";
            font-weight: bold;
            font-size: 16px;
            color: #111b21;
            direction: ltr;
        }

        #inp-postal,
        #inp-phone,
        #inp-nationalID
        {
            font-family: "B Yekan";
            font-weight: bold;
            font-size: 16px;
            color: #111b21;
            direction: ltr;
        }

        #inp-location-store,
        #inp-location-person
        {
            font-family: "B Yekan";
            font-weight: bold;
            font-size: 16px;
            color: #111b21;
            direction: rtl;
        }

        #inp-store-name,
        #inp-location,
        #inp-first,
        #inp-last
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            color: #111b21;
            direction: rtl;
        }

        .accept-submit-rows,
        .accept-submit-rows-0,
        .accept-submit-rows-1,
        .accept-submit-rows-acceptor
        {
            width: 100%;
            height: 50px;
            margin-top: 40px;
        }

        .accept-submit-rows-register
        {
            width: 260px;
            height: 100%;
            margin: 0 auto;
            background-color: #FFD700;
            border-radius: 15px;
            position: relative;
            cursor: pointer;
        }

        .accept-submit-rows-register-acceptor
        {
            width: 220px;
            height: 100%;
            margin: 0 auto;
            background-color: #FFD700;
            border-radius: 15px;
            position: relative;
            cursor: pointer;
        }

        .accept-submit-rows-register-back
        {
            width: 260px;
            height: 100%;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 15px;
            position: relative;
            cursor: pointer;
        }

        .accept-submit-rows-register button
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            outline: none;
            border: none;
            background-color: transparent;
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            cursor: pointer;
        }

        .accept-submit-rows-register-fa
        {
            width: 46px;
            height: 46px;
            position: absolute;
            top: 2px;
            left: 2px;
            background-color: #111b21;
            border-radius: 13px;
            text-align: center;
        }

        .accept-submit-rows-register-fa span
        {
            font-size: 24px;
            line-height: 46px;
            color: #fff;
        }

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

        .accept-rows-div-2
        {
            width: 260px;
            height: 40px;
            margin: 10px auto 0;
        }

        .accept-rows-div-2-1
        {
            width: auto;
            height: 100%;
            float: right;
            cursor: pointer;
            margin-right: 20px;
        }

        .accept-rows-div-2-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 40px;
            color: #0020ff;
        }

        .dashboard-des-0 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #424242;
        }

        .blocked-acceptor
        {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 100;
        }

        .login-alert-for-acceptor
        {
            width: 300px;
            height: auto;
            background-color: #e6ffda;
            border-radius: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 110;
            box-sizing: border-box;
            padding: 30px 30px;
            text-align: justify;
        }

        .accept-alert-certificate-des-10
        {
            width: 100%;
            height: auto;
            direction: rtl;
            margin-top: 20px;
        }

        .accept-alert-certificate-des-10 span
        {
            font-family: XEROSANS-NORMAL;
            font-size: 13px;
            line-height: 20px;
            color: #424242;
        }

        .accept-field-rows-police
        {
            width: 350px;
            height: 40px;
            margin: 20px auto 0;
        }

        .accept-field-rows-police-0
        {
            width: 40px;
            height: 100%;
            float: right;
        }

        .accept-field-rows-police
        {
            width: 300px;
            height: 40px;
            margin: 20px auto 0;
        }

        .accept-field-rows-police-0
        {
            width: 40px;
            height: 100%;
            float: right;
            position: relative;
        }

        .personal-btn-tit-0
        {
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .personal-btn-tit-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
        }

        #submit-acceptor
        {
            display: none;
        }

        #police-field
        {
            appearance: none;
            width: 0;
            height: 0;
            opacity: 0;
        }

        .police-key
        {
            width: 40px;
            height: 20px;
            background-color: #424242;
            border-radius: 20px;
            position: absolute;
            top: 10px;
        }

        .lab-police-field
        {
            width: 16px;
            height: 16px;
            background-color: #fff;
            border-radius: 100%;
            position: absolute;
            top: 2px;
            left: 2px;
            cursor: pointer;
        }

        .accept-field-rows-police-1
        {
            width: calc(100% - 40px);
            height: 100%;
            float: right;
            direction: rtl;
            cursor: pointer;
        }

        .accept-field-rows-police-1 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 13px;
            line-height: 36px;
            color: #424242;
        }

        .margin-right
        {
            margin-right: 10px;
        }

        #bold-police
        {
            color: #e71029;
        }

        .personal-btn-tit-0
        {
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        .personal-btn-tit-0 span
        {
            font-family: XEROSANS-BOLD;
            font-size: 14px;
            line-height: 50px;
        }

        #submit-acceptor
        {
            display: none;
        }

        .nav-acceptor
        {
            width: 140px;
            height: 40px;
            background-color: #0020ff;
            border-radius: 40px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%);
            text-align: center;
            cursor: pointer;
        }

        .nav-acceptor span
        {
            font-family: XEROSANS-BOLD;
            font-size: 16px;
            line-height: 40px;
            color: #fff;
            pointer-events: none;
        }
    }
    @media /* ---------- privacy */
    {
        .row-privacy-description
        {
            width: 100%;
            height: auto;
            margin: 40px auto 0;
            direction: rtl;
            text-align: justify;
        }

        .title-privacy
        {
            margin-top: 20px;
        }
    }
}