@font-face {
    font-family: shabnam;
    font-style: normal;
    font-weight: normal;
    src: url('../landing/investing/fonts/shabnam/Shabnam-FD.eot');
    src: url('../landing/investing/fonts/shabnam/Shabnam-FD.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../landing/investing/fonts/shabnam/Shabnam-FD.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../landing/investing/fonts/shabnam/Shabnam-FD.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../landing/investing/fonts/shabnam/Shabnam-FD.ttf') format('truetype');
}

@font-face {
    font-family: shabnam;
    font-style: normal;
    font-weight: 200;
    src: url('../landing/investing/fonts/shabnam/Shabnam-Thin-FD.eot');
    src: url('../landing/investing/fonts/shabnam/Shabnam-Thin-FD.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../landing/investing/fonts/shabnam/Shabnam-Thin-FD.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Thin-FD.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Thin-FD.ttf') format('truetype');
}

@font-face {
    font-family: shabnam;
    font-style: normal;
    font-weight: 400;
    src: url('../landing/investing/fonts/shabnam/Shabnam-Light-FD.eot');
    src: url('../landing/investing/fonts/shabnam/Shabnam-Light-FD.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../landing/investing/fonts/shabnam/Shabnam-Light-FD.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Light-FD.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Light-FD.ttf') format('truetype');
}

@font-face {
    font-family: shabnam;
    font-style: normal;
    font-weight: 500;
    src: url('../landing/investing/fonts/shabnam/Shabnam-Medium-FD.eot');
    src: url('../landing/investing/fonts/shabnam/Shabnam-Medium-FD.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../landing/investing/fonts/shabnam/Shabnam-Medium-FD.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Medium-FD.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Medium-FD.ttf') format('truetype');
}

@font-face {
    font-family: shabnam;
    font-style: normal;
    font-weight: bold;
    src: url('../landing/investing/fonts/shabnam/Shabnam-Bold-FD.eot');
    src: url('../landing/investing/fonts/shabnam/Shabnam-Bold-FD.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../landing/investing/fonts/shabnam/Shabnam-Bold-FD.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Bold-FD.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../landing/investing/fonts/shabnam/Shabnam-Bold-FD.ttf') format('truetype');
}


:root {
    --theme-dark-color: #132E35;
    --theme-md-color: #132E35;
    --theme-light-color: #2D4A53;
    --main-color: #024442;
    --secondary-color: #244A53;
    --hover-color: #FFB300;
    --title-font: shabnam;
}

body {
    font-family: shabnam;
    color: #244a53;
}
/* Loader css */
.laoderhorizontal {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.header-second{
    display:none;
}
.laoderhorizontal div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

        .laoderhorizontal div:nth-child(1) {
            left: 6px;
            animation: laoderhorizontal1 0.6s infinite;
        }

        .laoderhorizontal div:nth-child(2) {
            left: 6px;
            animation: laoderhorizontal2 0.6s infinite;
        }

        .laoderhorizontal div:nth-child(3) {
            left: 26px;
            animation: laoderhorizontal2 0.6s infinite;
        }

        .laoderhorizontal div:nth-child(4) {
            left: 45px;
            animation: laoderhorizontal3 0.6s infinite;
        }


@keyframes laoderhorizontal1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes laoderhorizontal3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes laoderhorizontal2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}
@keyframes btnloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader-screen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-color: var(--main-color);
}
.top-notif-header{display:none;}
.mobile-header {
    display: none;
}


.pdl-0 {
    padding-left: 0px;
}
.pdr-0{
    padding-right:0px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.sidebar-2{display:none;}
.footer-license-mobile{display:none}
a:hover, a:focus {
    color: #000000;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.mb-100 {
    margin-bottom: 100px !important;
}

.investing-pages .container {
    max-width: 1100px;
}

.investing-pages .main-header {
    display: none;
}

.investing-pages footer.main-footer {
    display: none;
}

.investing-pages .header {
    box-shadow: 0 0 10px rgba(83, 4, 119, 0.2);
    border-bottom: 1px solid #ffffff1e;
    height: 60px;
    background-color: var(--theme-md-color);
    width: 100%;
}

.header__content {
    display: flex;
    justify-content: center;
    height: 60px;
    align-items: center;
    color: white;
    font-weight: 300;
    position:relative;
}
    .header__content .left-menu {
        left: 0;
        position: absolute;
        top: 18px;
    }

    .header__content .header-info .rate-price {
        color: #ffb300;
        font-weight: bold;
    }

    .header__content .left-menu a {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .header__content .left-menu a span {
            color: white;
            margin-right: 6px;
        }

        .header__content .left-menu a .link-title {
            border-bottom: 1px solid white;
        }

        .header__content .left-menu a:hover span, .header__content .left-menu a:hover svg path {
            color: #FFB300;
            fill: #FFB300;
        }

        .header__content .left-menu a:hover .link-title {
            border-color: #FFB300;
        }

    .header__content .header-name {
        text-decoration: underline;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

.landing-menu {
    margin: 50px auto 50px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    .landing-menu .main-menu ul {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

        .landing-menu .main-menu ul li {
            margin: 4px;
            padding: 8px;
        }

            .landing-menu .main-menu ul li a {
                font-family: var(--title-font);
                font-weight: 400;
                color: black;
            }

            .landing-menu .main-menu ul li.active a {
                font-weight: bold;
                color: black;
                border-bottom: 2px solid var(--hover-color);
                padding: 6px 6px;
            }

            .landing-menu .main-menu ul li:hover:not(.active) {
                background-color: #f9af0324;
                border-radius: 6px;
            }

    .landing-menu .landing-logo {
        display: flex;
    }

        .landing-menu .landing-logo .logo--img {
            border-left: 3px solid #d7d7d7;
            padding-left: 10px;
            margin-left: 10px;
        }

        .landing-menu .landing-logo .logo--info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .landing-menu .landing-logo .logo--info .info--title {
                font-family: var(--title-font);
                color: black;
                font-weight: bold;
                font-size: 1.5rem;
            }

            .landing-menu .landing-logo .logo--info .info--sub-title {
                font-family: var(--title-font);
                font-size: 10px;
                color: black;
                font-weight: 500;
            }

    .landing-menu .landing-account-settings .user-profile-btn {
        background-color: var(--secondary-color);
        display: flex;
        color: white;
        padding: 5px 20px;
        border-radius: 15px;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        background: rgb(45,74,83);
        background: linear-gradient(180deg, rgba(45,74,83,1) 0%, rgba(103,129,137,1) 70%, rgba(161,177,183,1) 100%);
        width: 200px;
    }

        .landing-menu .landing-account-settings .user-profile-btn .user-name {
            margin-left: 10px;
            margin-right: 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 95px;
            direction: ltr;
        }

.dropdown-menu {
    width: 200px;
    border-radius: 10px;
    border: 1px solid #132e358c;
    margin-top: 6px;
}

    .dropdown-menu .dropdown-inner {
        padding: 10px 15px;
        font-size: 14px;
        color: #0D0E0F;
    }

        .dropdown-menu .dropdown-inner .dropdown-link {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #dddddd;
            padding-bottom: 10px;
            margin-bottom: 15px;
            font-size: 14px;
            color: #0D0E0F;
        }

            .dropdown-menu .dropdown-inner .dropdown-link:hover {
                color: #4d6a70;
            }

        .dropdown-menu .dropdown-inner .dropdown-link-red {
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #dddddd;
            padding-top: 15px;
            margin-top: 10px;
            color: red;
            align-content: center;
            align-items: center;
        }

        .dropdown-menu .dropdown-inner .dropdown-inner--row {
            margin-bottom: 15px;
        }

            .dropdown-menu .dropdown-inner .dropdown-inner--row .row-title {
                text-align: right;
            }

            .dropdown-menu .dropdown-inner .dropdown-inner--row .row-info {
                display: flex;
                justify-content: space-between;
                padding: 5px 0px;
            }

            .dropdown-menu .dropdown-inner .dropdown-inner--row .row-info-value {
                color: black;
                font-weight: bold;
            }

            .dropdown-menu .dropdown-inner .dropdown-inner--row .row-info-value-prefix {
            }

            .dropdown-menu .dropdown-inner .dropdown-inner--row .info-text-banners {
                margin-top: 50px;
            }

.landing-account-settings .dropdown-toggle::after {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    border: none;
    margin: 0px;
    font-size: 28px;
    width: auto;
    height: auto;
}

.landing-account-settings .dropdown-menu:before {
    opacity: 0;
}

.info-text-banners .text-banner-item {
    border: 1px solid #cbcbcb;
    border-radius: 20px;
    padding: 30px;
    margin: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
    .info-text-banners .text-banner-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #ffffff, #ffffff); 
        transition: opacity 0.5s ease-in;
        z-index: -2;
    }

    .info-text-banners .text-banner-item::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #244a53, #819498);
        opacity: 0;
        transition: opacity .5s ease-in;
        z-index: -1;
    }

    .info-text-banners .text-banner-item:hover::after {
        opacity: 1;
    }
/*    .info-text-banners .text-banner-item:hover {
        background-image: linear-gradient(to bottom, #244a53, #819498);
        transition: background-image 1s ease-in;
    }*/

        .info-text-banners .text-banner-item:hover,
        .info-text-banners .text-banner-item:hover .item--title,
        .info-text-banners .text-banner-item:hover .item--detail {
            color: white;
        }

    .info-text-banners .text-banner-item .item--icon {
    }

        .info-text-banners .text-banner-item .item--icon img {
            max-width: 64px;
        }

    .info-text-banners .text-banner-item .item--title {
        font-family: var(--title-font);
        font-weight: 500;
        color: black;
        margin-top: 20px;
        font-size: 20px;
    }

    .info-text-banners .text-banner-item .item--detail {
        padding-top: 20px;
        min-height: 90px;
        color: #5A636A;
        font-size: 16px;
        font-weight: 300;
        height: 55px;
        overflow: hidden;
    }

.investing-layout-main {
    min-height: 500px;
}

.investing-footer {
    background-color: #C7DBE1;
    margin-top: 100px;
}

.footer-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #c0c2c2;
    padding: 40px 0px 15px 0px;
    margin-bottom: 40px;
}

.footer-bar--logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .footer-bar--logo .logo--info {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        margin-right: 15px;
    }

        .footer-bar--logo .logo--info .info--title {
            font-family: var(--title-font);
            color: black;
            font-weight: bold;
            font-size: 1.5rem;
        }

        .footer-bar--logo .logo--info .info--sub-title {
            font-family: var(--title-font);
            font-size: 10px;
            color: black;
            margin-right: 4px;
            font-weight: bold;
        }
.footer-copyright {
    text-align: center;
    padding: 50px 0px 30px 0px;
}

    .footer-copyright .footer-copyright--contact {
        font-size: 15px;
        color: #132E35;
    }

        .footer-copyright .footer-copyright--contact .ph-div {
            margin: 0px 4px 0px 4px;
        }

        .footer-copyright .footer-copyright--contact .ph-number {
            margin: 0px 4px 0px 4px;
            font-weight: bold;
            font-size: 15px;
        }

.footer-detail .info-about {
}

    .footer-detail .info-about .info-about-title {
        font-family: var(--title-font);
        color: #0D0E0F;
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .footer-detail .info-about .info-about-sub-title {
        color: #0D0E0F;
        font-weight: 400;
        font-size: 16px;
    }

    .footer-detail .info-about .info-about-address {
        margin-top: 70px;
        color: #5A636A;
        font-weight: 400;
        font-size: 15px;
    }

.footer-links ul {
    text-align: center;
    display: flex;
    flex-direction: column;
}

    .footer-links ul li {
        margin-bottom: 20px;
    }

        .footer-links ul li a {
            font-size: 16px;
            color: #0D0E0F;
            font-weight: 400;
        }

        .footer-links ul li:hover a {
            color: #ffb300;
        }

.investing-page-content {
    margin: 50px auto 50px auto;
}

.investing-action-sidebar {
    position: sticky;
    top: 0px;
}

    .investing-action-sidebar .sidebar-content {
        background-color: var(--secondary-color);
        color: white;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 1px 1px 1px 1px gray;
        padding: 30px 22px;
        box-shadow: 0px 0px 18px 1px #727272;
        background-image: linear-gradient(to bottom, #244a53, #819498);
    }

        .investing-action-sidebar .sidebar-content ul {
        }

            .investing-action-sidebar .sidebar-content ul li {
                margin-bottom: 34px;
                padding: 8px 10px;
                border-radius: 10px;
            }

                .investing-action-sidebar .sidebar-content ul li.active {
                    background-color: #FFB300;
                }

                .investing-action-sidebar .sidebar-content ul li:hover:not(.active) {
                    background-color: #6C6B3B;
                }

                .investing-action-sidebar .sidebar-content ul li.active a {
                    color: #0D0E0F;
                    font-weight: 500;
                    font-size: 18px;
                }

                .investing-action-sidebar .sidebar-content ul li:hover:not(.active) a {
                    color: white;
                }

                .investing-action-sidebar .sidebar-content ul li.active a svg path {
                    fill: black;
                }

                .investing-action-sidebar .sidebar-content ul li:hover:not(.active) a svg path {
                    fill: white;
                }

                .investing-action-sidebar .sidebar-content ul li.investing-plan-menu.active a svg path {
                    fill: black;
                    stroke: black
                }

                .investing-action-sidebar .sidebar-content ul li.investing-plan-menu:hover a svg path {
                    fill: white;
                    stroke: #ffffff;
                }


                .investing-action-sidebar .sidebar-content ul li a {
                    color: white;
                    font-family: var(--title-font);
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    font-weight: 400;
                    font-size: 16px;
                }

                    .investing-action-sidebar .sidebar-content ul li a .item-icon {
                        margin-left: 15px;
                    }

.investing-form {
    height: 100%;
    padding: 30px 60px;
    box-shadow: 0px 0px 14px -3px #727272;
    border-radius: 30px;
    padding-top: 100px;
}

.dashboard-page {
    padding: 30px 60px;
}

.dashboard-info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 35px;
}

    .dashboard-info .dash-credit {
    }

    .dashboard-info .dash-credit--title {
        font-family: var(--title-font);
        color: #132E35;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .dashboard-info .dash-credit--content {
    }

        .dashboard-info .dash-credit--content .credit-value {
            background-color: #244a53;
            color: white;
            padding: 5px 25px;
            border-radius: 20px;
            margin-left: 12px;
            font-weight: bold;
            font-size: 24px;
        }

        .dashboard-info .dash-credit--content .value-label {
            font-weight: 500;
            font-size: 20px;
        }

    .dashboard-info .dash-total {
        border: 2px solid #ffb300;
        border-radius: 20px;
        padding: 20px 30px;
    }

    .dashboard-info .dash-total--title {
        font-family: var(--title-font);
        margin-bottom: 20px;
        color: #132E35;
        font-weight: bold;
        font-size: 22px;
    }

    .dashboard-info .dash-total--content {
    }

        .dashboard-info .dash-total--content .total-value {
            font-family: var(--title-font);
            color: #244a53;
            font-weight: bold;
            font-size: 24px;
        }

        .dashboard-info .dash-total--content .value-label {
            font-weight: 500;
            font-size: 20px;
        }

.dash-row-info {
    margin-top: 40px;
}

    .dash-row-info .row-content {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .dash-row-info .row-content .row-info-title {
            font-family: var(--title-font);
            color: black;
        }

            .dash-row-info .row-content .row-info-title .info-icon svg {
                max-width: 26px;
            }

            .dash-row-info .row-content .row-info-title .info-title {
                color: #0D0E0F;
                font-size: 16px;
                font-weight: 400;
            }


        .dash-row-info .row-content .row-info-value {
        }

            .dash-row-info .row-content .row-info-value .info-title {
                font-family: var(--title-font);
                color: #0D0E0F;
                font-weight: bold;
                font-size: 20px;
            }

            .dash-row-info .row-content .row-info-value .info-dub-title {
                margin-right: 15px;
                font-size: 15px;
                color: #5A636A;
                font-weight: 500;
            }

.empty-list {
    margin-top: 70px;
    text-align: center;
}

    .empty-list .empty-list--icon {
    }

    .empty-list .empty-list--title {
        font-family: var(--title-font);
        font-weight: bold;
        margin: 15px;
    }

    .empty-list .empty-list--detail {
        margin-bottom: 40px;
    }

.btn-cta-1 {
    background-color: var(--secondary-color);
    color: white !important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px 20px;
    min-width: 120px;
}

    .btn-cta-1:hover {
        background-color: var(--main-color);
    }

.form-content .control-label {
    display: flex;
    align-items: center;
    height: 100%;
    font-family: var(--title-font);
    color: #0D0E0F;
    font-weight: 500;
    font-size: 18px;
}

    .form-content .control-label span {
        font-weight: normal;
        color: #515151;
        margin-right: 4px;
        font-size: 12px;
    }

    .form-content .control-label img {
        margin-left: 12px;
    }

.form-content .form-info-title {
    text-align: center;
}

    .form-content .form-info-title .icon {
        margin-bottom: 10px;
    }

    .form-content .form-info-title h3 {
        font-family: var(--title-font);
        font-size: 16px;
        font-weight: bold;
    }

.form-content .form-content--row {
    margin-bottom: 15px;
    position: relative;
}

.form-content .form-detail {
    text-align: center;
    padding: 20px 50px;
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
}

.form-content .form-control {
    font-size: 15px;
    border: 2px solid #244a53;
    border-radius: 10px;
    height: 50px;
    color: #244a53;
    font-weight: 500;
}

.form-content .form-btn {
    text-align: center;
}

.form-content .gold-color .form-control {
    border: 2px solid #ffb300;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ffb300;
}

.form-content .gold-color input::placeholder {
    text-shadow: none;
    color: #ffb300;
}

.form-content input::placeholder {
    text-shadow: none;
    color: #244a53;
}

.sub-info-left {
    text-align: left;
    color: black;
    padding-left: 15px;
}
.form-content .back-button {
    text-align: left;
    padding-left: 15px;
    font-weight: bold;
    position: relative;
    top: -20px;
}
.form-content hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.form-content .bold-select select {
    font-family: var(--title-font);
    color: black;
    font-size: 15px;
    padding: 10px;
    width: 95%;
    height: 53px;
    border-radius: 6px;
}

.form-content .alert-1 {
    font-size: 14px;
    color: #5A636A;
    position: absolute;
    width: 88%;
    padding-top: 10px;
}

.form-content .form-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px 0px;
}

    .form-content .form-info .form-info--title {
        font-family: var(--title-font);
        color: black;
        font-weight: bold;
    }

    .form-content .form-info .form-info--value {
/*        padding-left: 20px;*/
    }

        .form-content .form-info .form-info--value .prefix {
            margin-right: 6px;
            font-weight: 500;
            font-size: 16px;
        }

        .form-content .form-info .form-info--value .price-info {
            font-family: var(--title-font);
            color: #000000;
            font-weight: bold;
            font-size: 22px;
            text-shadow: 1px 1px 2px #f7ae00;
        }

        .form-content .form-info .form-info--value .price-info-highlight {
            font-family: var(--title-font);
            color: white;
            font-weight: bold;
            font-size: 18px;
            background-color: #244a53;
            border-radius: 25px;
            padding: 3px 17px;
        }

.btn-cta-2, .btn-cta-2:active, .btn-cta-2:focus {
    background-color: var(--hover-color);
    color: black !important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    overflow: hidden;
}

    .btn-cta-2:hover {
        background-color: #cd9000;
        color: black;
    }

    .btn-cta-2[disabled] {
        background-color: #c39f4a;
        cursor: no-drop
    }

        .btn-cta-2[disabled]:hover {
            color: #e7e7e7 !important;
        }

.bank-accounts--list {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

    .bank-accounts--list li {
        border: 1px solid gray;
        border-radius: 6px;
        margin: 10px;
        padding: 15px;
        min-width: 200px;
        align-items: center;
    }

        .bank-accounts--list li:hover {
            background-color: #ebebeb;
        }

        .bank-accounts--list li .card-name {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 10px;
            font-weight: bold;
            color: #0D0E0F;
        }


        .bank-accounts--list li .bank-no {
            text-align: center;
            direction: ltr;
        }

.delete-form .btn-delete {
    border: none;
    background: none;
}

.inner-page-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-bottom: 25px;
}

    .inner-page-title .icon {
        margin-left: 10px;
    }

    .inner-page-title .content {
        font-family: var(--title-font);
        color: black;
        font-weight: bold;
        font-size: 15px;
    }

.modal.preview-form {
    top: 8%;
}

.preview-form .modal-content {
    border-radius: 15px;
    overflow: hidden;
}

    .preview-form .modal-content .modal-header {
        background-color: var(--secondary-color);
    }

        .preview-form .modal-content .modal-header h5,
        .preview-form .modal-content .modal-header button {
            color: white !important;
            font-weight: 500;
        }

.preview-form .preview-form--title {
    background-color: var(--main-color);
    background-color: var(--secondary-color);
    padding: 15px;
    color: white;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.preview-form .preview-form--price {
}

    .preview-form .preview-form--price .action-title {
        font-family: var(--title-font);
        color: #0D0E0F;
        font-size: 18px;
        font-weight: 400;
    }

    .preview-form .preview-form--price .action-value {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .preview-form .preview-form--price .action-value-price {
        font-family: var(--title-font);
        color: #f7ae00;
        font-size: 24px;
        font-weight: bold;
    }

    .preview-form .preview-form--price .action-subTitle {
        margin-right: 6px;
        color: #5A636A;
        font-weight: 500;
        font-size: 16px;
    }

.preview-form .preview-form--tips {
    background-color: #cdcdcd;
    border-radius: 8px;
    margin: 30px 0px;
    text-align: right;
    padding: 20px 30px;
}

    .preview-form .preview-form--tips ul {
    }

        .preview-form .preview-form--tips ul li {
            list-style: disc;
            margin-bottom: 5px;
            font-size: 12px;
        }

.preview-form--btn .btn {
    width: 100%;
    max-width: 500px;
}

.preview-form .preview-form--content {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.preview-form--bankNames {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
    justify-content: space-between;
}

    .preview-form--bankNames .customer-bank {
        border: 1px solid #244a53;
        border-radius: 8px;
        width: 150px;
        height: 97px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #0D0E0F;
        font-weight: 500;
    }

        .preview-form--bankNames .customer-bank .bank-icon {
        }

        .preview-form--bankNames .customer-bank .bank-title {
        }

        .preview-form--bankNames .customer-bank .card-number {
            direction: ltr;
        }


.error-form {
    height: 100%;
    box-shadow: 0px 0px 14px -3px #727272;
    border-radius: 15px;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
}

    .error-form .error-form--title {
        background-color: #EF0F0F;
        padding: 15px;
        color: white;
        font-family: var(--title-font);
        font-weight: bold;
        font-size: 16px;
        text-align: center;
    }

    .error-form .error-form--content {
        padding: 20px;
    }

    .error-form .error-detail--title {
        font-family: var(--title-font);
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
        color: #ef0f0f;
    }

    .error-form .error-detail--subtitle ul li {
        border-bottom: 1px solid #e8e8e8;
        padding: 15px 0px;
    }

.success-windows {
    height: 100%;
    box-shadow: 0px 0px 14px -3px #727272;
    border-radius: 15px;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
}

    .success-windows .success-windows--title {
        background-color: #10911F;
        padding: 15px;
        color: white;
        font-family: var(--title-font);
        font-weight: bold;
        font-size: 16px;
        text-align: center;
    }

    .success-windows .success-windows--content {
        padding: 30px 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .success-windows .success-windows--price .action-title {
        font-family: var(--title-font);
        color: black;
        font-size: 20px;
        margin-bottom: 11px;
    }

    .success-windows .success-windows--price .action-value {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .success-windows .success-windows--price .action-value-price {
        font-family: var(--title-font);
        color: #10911f;
        font-size: 22px;
        font-weight: bold;
    }

    .success-windows .success-windows--price .action-subTitle {
        margin-right: 6px;
    }

.list-info {
    margin-top: 10px;
}

    .list-info ul li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: auto;
        border-bottom: 1px solid #c6c6c6;
        padding: 15px 5px;
    }

        .list-info ul li .info-title {
            font-weight: 500;
            color: #0D0E0F;
        }

        .list-info ul li .info-value {
            font-size: 15px;
            font-weight: 500;
        }

        .list-info ul li:last-child {
            border: none;
        }

.list ul li .info-title {
}

.list ul li .info-value {
}

.gold-bold-color {
    color: #f7ae00 !important;
    font-weight: bold;
}

.info-highlight {
    background-color: #FFF4D9;
    max-width: 450px;
    margin: auto;
    width: 100%;
    border-radius: 12px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    min-height: 50px;
    padding: 5px 15px;
    align-items: center;
}

    .info-highlight .highlight-title {
        font-family: var(--title-font);
        font-weight: 500;
        color: #0D0E0F;
    }

.bold-price-gold {
    color: #f7ae00 !important;
    font-weight: bold;
    font-size: 20px;
    font-family: var(--title-font);
}

.bold-price {
    font-weight: 900;
    font-size: 17px;
    font-family: var(--title-font);
    color: #244a53;
}

.price-prefix {
    margin-right: 6px;
    font-weight: 400;
    color: #5A636A;
}

.radio-list {
    padding: 0px 12px;
    margin-top: 20px;
}

    .radio-list .radio-list--title {
        font-family: var(--title-font);
        color: black;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .radio-list .radio-list--sub-title {
        font-size: 12px;
        color: gray;
    }

.radio-list--options {
    margin-top: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .radio-list--options .r-btn {
        border: 1px solid gray;
        border-radius: 6px;
        padding: 4px;
        margin: 3px;
        font-weight: 500;
    }

    .radio-list--options label {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

.r-btn input[type="radio"]:checked + label {
    color: white;
    background-color: #244a53;
    border-radius: 4px;
}

.r-btn input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.r-btn label,
.r-btn input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.r-btn {
    margin: 0 5px 0 0;
    width: 100px;
    height: 40px;
    position: relative;
}

.old-price-info {
    font-family: var(--title-font);
    color: #244a53;
    font-weight: bold;
    font-size: 15px;
    text-decoration: line-through;
}

.buy-plan-form .old-price-info {
    margin-right: 20px;
    margin-bottom: 15px;
    position: relative;
    bottom: 6px;
}

.info-row-1 {
    display: flex;
    justify-content: space-between;
    background-color: #D5DBDD;
    margin: auto;
    margin-bottom: 40px;
    padding: 15px 15px;
    border-radius: 8px;
    margin-left: 15px;
}

    .info-row-1 .info-title {
        font-family: var(--title-font);
        font-weight: bold;
        color: black;
    }

    .info-row-1 .info-value .price-info {
        color: #244a53;
        font-size: 16px;
        font-family: var(--title-font);
        font-weight: bold;
    }

.gray-label {
    width: 120px;
    height: 60px;
    background-color: #D5DBDD;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 5px;
}

    .gray-label .label-title {
        font-family: var(--title-font);
        color: #244a53;
        font-size: 13px;
    }

    .gray-label .label-value {
        font-family: var(--title-font);
        font-weight: bold;
        font-size: 16px;
        color: #244a53;
    }

.preview-header {
    display: flex;
    justify-content: space-between;
}

.buy-gold-plan-preview-form .list-info ul li {
}

.top-form-header {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 8px;
    text-align: center;
}

    .top-form-header .h-content {
        background-color: #ffb300;
        font-size: 14px;
        padding: 10px 40px;
        height: 20px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        color: #2f2f2f;
        font-weight: 400;
    }

        .top-form-header .h-content span {
            font-weight: bold;
            color: black;
        }

.inner-tab-link {
}

    .inner-tab-link a {
        color: red;
    }

    .inner-tab-link ul {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        align-items: center;
        border: 1px solid gray;
        max-width: 100%;
        margin: auto;
        margin-bottom: 60px;
        border-radius: 20px;
        padding: 0px;
        height: 48px;
        overflow: hidden;
    }

        .inner-tab-link ul li {
            display: block;
            width: 50%;
            height: 100%;
            display: flex;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            color: black;
            border-radius: 20px;
        }

            .inner-tab-link ul li.active {
                background-color: #244a53;
                color: white;
            }

                .inner-tab-link ul li.active a {
                    color: white;
                }

            .inner-tab-link ul li a {
                font-family: var(--title-font);
                color: inherit;
                color: #244a53;
                font-weight: 500;
                font-size: 15px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }

.bank-name-icon {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

    .bank-name-icon .bankName {
        font-weight: bold;
    }

    .bank-name-icon .bankIcon {
        margin-left: 10px;
    }

.bankNameFinder, .ibanNumber {
    direction: ltr;
    text-align: center;
}

.investing-pages .form-content .ValidInput {
    border: 2px dashed green !important;
    box-shadow: 0px 0px 11px -3px green !important;
}

.investing-pages .form-content .notValid {
    border: 2px dashed red !important;
    box-shadow: 0px 0px 11px -3px red !important;
}

.select_wrap {
    max-width: 400px;
    position: relative;
    user-select: none;
}

    .select_wrap select {
        position: absolute;
        width: 0px !important;
        height: 0px !important;
        opacity: 0;
    }

    .select_wrap .default_option {
        background: #fff;
        border-radius: 10px;
        position: relative;
        cursor: pointer;
        border: 1px solid #244a53;
        margin: 0px;
        color: #244a53;
        padding-left: 30px;
    }

        .select_wrap .default_option li {
            padding: 10px 20px;
        }

        .select_wrap .default_option:before {
            content: "";
            position: absolute;
            top: 14px;
            left: 18px;
            width: 24px;
            height: 24px;
            background-image: url(../landing/investing/images/icons/down.svg);
            background-repeat: no-repeat;
            // transform: translateY(-50%);
            transition: 0.2s ease;
            opacity: 0.3;
        }

    .select_wrap .select_ul {
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
        background: #fff;
        border-radius: 5px;
        display: none;
        box-shadow: 0px 1px 11px -1px gray;
        z-index: 99;
    }

        .select_wrap .select_ul li {
            padding: 10px 20px;
            cursor: pointer;
        }

            .select_wrap .select_ul li:first-child:hover {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

            .select_wrap .select_ul li:last-child:hover {
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .select_wrap .select_ul li:hover {
                background: #fff4dd;
            }

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

        .select_wrap .option .icon {
            width: 32px;
            height: 32px;
        }

        .select_wrap .option span {
            margin-left: 10px;
            direction: ltr;
            font-size: 12px;
            font-weight: bold;
        }

    .select_wrap.active .select_ul {
        display: block;
    }

    .select_wrap.active .default_option:before {
        transform: rotate(180deg);
    }

.form-content .input-error {
    border: 2px dashed red;
}

.input-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

    .input-container .input-control {
        width: 100%;
    }

    .input-container .input-postfix {
        margin-right: 10px;
        font-weight: bold;
    }

.wallet-deposit-form {

}

    .wallet-deposit-form .form-content--row {
        margin-bottom: 35px;
    }

.sub-info-left--content {
    text-align: left;
    width: 100%;
    display: block;
    bottom: -25px;
    position: absolute;
    color: #132E35;
    font-weight: 500;
}

.sub-info-left-price-1 {
    text-align: right;
    width: 100%;
    display: block;
    bottom: -28px;
    position: absolute;
    color: #132E35;
    font-weight: 400;
    padding-right: 6px;
}

.numeric {
    text-align: center !important;
    direction: ltr !important;
}

.text-yellow-shadow {
    font-family: var(--title-font);
   
    font-weight: bold;
    font-size: 22px;
    color: #FFB300 !important;
    /* text-shadow: 1px 1px 2px #f7ae00;*/
}

.field-validation-error2 {
    width: 100%;
    text-align: center;
    display: block;
    color: red;
    padding-top: 8px;
}

.table-list {
}

    .table-list table thead tr {
        border-bottom: 1px solid gray;
    }

        .table-list table thead tr th {
            text-align: center;
            color: black;
            padding-bottom: 15px;
        }

    .table-list table tbody tr:hover {
        background-color: #2a4f5717;
    }

    .table-list table tbody tr:first-child {
    }

    .table-list table tbody tr td {
        text-align: center;
        padding: 15px 1px;
        color: #0D0E0F;
        font-weight: 400;
    }

    .table-list .price-td {
        color: black;
        font-weight: bold;
    }

        .table-list .price-td .sub-title {
            color: gray;
            font-size: 11px;
        }

    .table-list .gold-td {
        color: black;
    }

        .table-list .gold-td .g-title {
            min-width: 26px;
            display: inline-block;
            color: #FFB300;
            font-weight: 500;
        }

        .table-list .gold-td .sub-title {
            color: #ffb300;
            font-size: 11px;
            font-weight: bold;
        }

    .table-list .payment-status-Pending,
    .table-list .payment-status-Failure {
        color: red;
    }

    .table-list .payment-status-Success {
        color: green;
    }

    .table-list .payment-status-Pending .icon,
    .table-list .payment-status-Failure .icon {
        position: relative;
        top: -1px;
    }

    .table-list .payment-status-Success .icon {
        position: relative;
        top: -2px;
    }

.tr-st-Pending td, .tr-st-Failure td {

}

    .tr-st-Pending td:first-child, .tr-st-Failure td:first-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }


    .tr-st-Pending td:last-child, .tr-st-Failure td:last-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

.table-list .list-month {
    min-width: 80px;
}

.buy-gold-page .form-input-info-right {
    text-align: right;
    position: absolute;
    top: auto;
    bottom: -30px;
}

    .buy-gold-page .form-input-info-right .gold-color {
        color: #000000;
        font-weight: bold;
        font-size: 16px;
        text-shadow: 1px 1px 2px #f7ae00;
    }

.buy-gold-page .form-input-info-left {
    text-align: left;
    position: relative;
}

    .buy-gold-page .form-input-info-left .inline-btn {
        position: absolute;
        width: 140px;
        left: 0px;
        top: 10px;
        border-radius: 4px;
    }

.inline-btn {
    background-color: #CDCDCD;
    border: none;
    color: #284d56;
    font-size: 12px;
    padding: 5px 10px;
}

    .inline-btn:hover {
        background-color: #a8a6a6;
    }


.modal.success-modal-windows {
    top: 8%;
}

    .modal.success-modal-windows .modal-content {
        border-radius: 15px;
        overflow: hidden;
    }

        .modal.success-modal-windows .modal-content .modal-header {
            background-color: #10911F;
            justify-content: center;
        }

            .modal.success-modal-windows .modal-content .modal-header h5,
            .modal.success-modal-windows .modal-content .modal-header button {
                color: white
            }

.success-modal-windows .success-modal-windows--title {
    background-color: var(--main-color);
    background-color: var(--secondary-color);
    padding: 15px;
    color: white;
    font-family: var(--title-font);
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}


.success-modal-windows .success-modal-windows--price .action-title {
    font-family: var(--title-font);
    color: var(--secondary-color);
    font-size: 20px;
}

.success-modal-windows .success-modal-windows--price .action-value {
    display: flex;
    justify-content: center;
    align-items: center;
}

.success-modal-windows .success-modal-windows--price .action-value-price {
    font-family: var(--title-font);
    color: #10911f;
    font-size: 20px;
    font-weight: bold;
}

.success-modal-windows .success-modal-windows--price .action-subTitle {
    margin-right: 6px;
}

.success-modal-windows .success-modal-windows--tips {
    background-color: #cdcdcd;
    border-radius: 8px;
    margin: 30px 0px;
    text-align: right;
    padding: 20px 30px;
}

    .success-modal-windows .success-modal-windows--tips ul {
    }

        .success-modal-windows .success-modal-windows--tips ul li {
            list-style: disc;
            margin-bottom: 5px;
            font-size: 12px;
        }

.success-modal-windows--btn .btn {
    width: 100%;
    max-width: 500px;
}

.success-modal-windows .success-modal-windows--content {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.success-modal-windows--bankNames {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

    .success-modal-windows--bankNames .customer-bank {
        border: 1px solid #244a53;
        border-radius: 8px;
        width: 150px;
        height: 97px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.success-modal-windows--content .list-info ul li .info-title {
    font-weight: normal;
}

.modal-header {
    justify-content: center;
}

.wallet-withdraw-page .form-input-info-right {
    text-align: right;
    font-size: 12px;
    position: relative;
    top: 5px;
    padding-right: 0;
}

    .wallet-withdraw-page .form-input-info-right .price-color {
        color: #000000;
        font-weight: bold;
        font-size: 16px;
        text-shadow: 1px 1px 2px #f7ae00;
    }

.wallet-withdraw-page .form-input-info-left {
    text-align: left;
    position: relative;
}

    .wallet-withdraw-page .form-input-info-left .inline-btn {
        position: absolute;
        width: 140px;
        left: 0px;
        top: 10px;
        border-radius: 4px;
        color: #132E35;
        font-size: 13px;
    }

.wallet-withdraw-page .form-content--row.bold-select {
    margin-top: 80px;
}

.result-loader {
    text-align: center;
    min-height: 350px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.table-icon {
    background: no-repeat;
    border: none;
    width: 24px;
    height: 24px;
}

.receipt-windows .list-info ul li .info-title {
    font-weight: normal;
}

.receipt-windows .time {
    color: gray;
    font-size: 12px;
}

.btn-cta-3 {
    color: var(--main-color) !important;
    border: 1px solid #a8a8a8;
    display: block;
    border-radius: 8px;
    padding: 6px;
}

    .btn-cta-3:hover {
        background-color: #024442;
        color: white !important;
    }

        .btn-cta-3:hover svg path {
            fill: white;
        }

.payment-status-Success {
    color: green
}

.payment-status-Pending,
.payment-status-Failure {
    color: red;
}

.receipt-windows .list-info {
    margin-top: 40px;
}

.data-table .td-buttons a {
    margin-left: 10px
}

.buy-sale-receipt .list-info {
    margin-top: 0px;
}

.receipt-windows .payment-status-Success .icon {
    position: relative;
    top: 0px;
}

.receipt-windows .payment-status-Pending .icon,
.receipt-windows .payment-status-Rejected .icon {
    position: relative;
    top: -2px;
}

.font-body-m {
    font-weight: 400;
    font-size: 16px;
}

.font-body-l {
    font-weight: 300;
    font-size: 17px;
}

.font-button-l {
    font-weight: 400;
    font-size: 16px;
}

.font-overline-l {
    font-weight: 500;
    font-size: 14px;
}

.error-info {
    color: red;
    font-weight: bold;
    text-shadow: 0px 0px 0px #980000;
    display: block;
    height: 22px;
    margin-top: 25px;
}

.sub-info-left-btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: -40px;
}

    .sub-info-left-btn .inline-btn {
        border-radius: 4px;
        color: #132E35;
        font-size: 13px;
    }

    .sub-info-left-btn .sub-info--content {
        color: #132E35;
        font-weight: 500;
    }

.form-input-info-right {
    text-align: right;
    position: relative;
    top: 5px;
    color: #244a53;
    font-weight: bold;
    font-size: 16px;
    padding-right: 10px;
}

.buy-gold-page .buy-gold-form-row {
    min-height: 170px;
}

.sale-gold-page .loading-status {
    position: absolute;
    bottom: -20px;
    font-weight: bold;
}

.sale-gold-page .form-input-info-right {
    text-align: right;
    position: relative;
    top: 5px;
    color: #244a53;
    font-weight: bold;
    font-size: 16px;
    padding-right: 10px;
}

    .sale-gold-page .form-input-info-right .gold-color {
        color: #000000;
        font-weight: bold;
        font-size: 16px;
        text-shadow: 1px 1px 2px #f7ae00;
    }

.sale-gold-page .form-input-info-left {
    text-align: left;
    position: relative;
}

    .sale-gold-page .form-input-info-left .inline-btn {
        position: absolute;
        width: 140px;
        left: 0px;
        top: 10px;
        border-radius: 4px;
    }

.label-info-box {
    background-color: #DFDFDF;
    width: 100%;
    height: 48px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

    .label-info-box .price-content {
    }

        .label-info-box .price-content .price-content-value {
            font-weight: bold;
            font-size: 20px;
        }

        .label-info-box .price-content .prefix {
            font-weight: 500;
            margin-right: 6px;
        }

.info-row-2 {
    text-align: center;
    margin-top: 10px;
    display: block;
    padding-top: 10px;
    font-weight: 500;
    font-style: italic;
}

    .info-row-2 p {
    }

.BuyGoldPlan-page-preview .price-row .gold-bold-color {
    font-family: var(--title-font);
    font-size: 24px;
    font-weight: bold;
}

.plans-table .row-checked td,
.plans-table .row-checked td label,
.plans-table .row-checked td span {
    font-weight: bold !important
}

.plans-table td label {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.table-list.plans-table table tbody tr td {
    padding: 5px 1px;
    font-size: 16px;
    text-align: right;
}

.table-list.plans-table table thead tr th span {
    font-weight: 300;
    font-size: 12px;
}

.table-list.plans-table table tbody tr td .custom-radio input {
}

.table-list.plans-table table tbody tr td .custom-radio span {
    margin-right: 10px;
}

.plans-table {
    max-height: 260px;
    overflow: auto;
    margin-top: 20px;
}

    .plans-table table thead th {
        background: white;
        position: sticky;
        top: 0;
        text-align: right !important;
        z-index: 1;
    }

    .plans-table .price-r {
    }

    .plans-table .price-gold-r {
        color: #e19e02;
    }

    .plans-table .price-r span {
        font-weight: 400;
        margin-right: 10px;
    }

    .plans-table .price-gold-r span {
        font-weight: 400;
        margin-right: 10px;
        color: #0D0E0F;
    }

.custom-radio {
    margin: 0.5rem;
    position:relative
}

    .custom-radio input[type=radio] {
        position: absolute;
        opacity: 0;
    }

        .custom-radio input[type=radio] + .radio-label:before {
            content: "";
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 1.4em;
            height: 1.4em;
            position: relative;
            top: 0em;
            margin-right: 1em;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }

        .custom-radio input[type=radio]:checked + .radio-label:before {
            background-color: #294e57;
            box-shadow: inset 0 0 0 4px #f4f4f4;
        }

        .custom-radio input[type=radio]:focus + .radio-label:before {
            outline: none;
            border-color: #3197EE;
        }

        .custom-radio input[type=radio]:disabled + .radio-label:before {
            box-shadow: inset 0 0 0 4px #f4f4f4;
            border-color: #b4b4b4;
            background: #b4b4b4;
        }

        .custom-radio input[type=radio] + .radio-label:empty:before {
            margin-right: 0;
        }
.BuyGoldPlan-page .inner-tab-link ul {
    margin-bottom: 30px;
}

.BuyGoldPlan-page .form-input-info-right {
    position: absolute;
    top: auto;
    bottom: -28px;
}
.alert-form-info .alert-form--content {
    padding:20px;
}
    .alert-form-info .modal-content .modal-header {
        background-color: var(--secondary-color);
    }
        .alert-form-info .modal-content .modal-header h5, .alert-form-info .modal-content .modal-header button {
            color: white !important;
            font-weight: 500;
        }

    .alert-form-info .alert-form-title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
        .alert-form-info .alert-form-title .title-icon {
        }
        .alert-form-info .alert-form-title .title-content {
            padding-right: 10px;
            line-height: 23px;
            font-weight: bold;
            font-size: 16px;
            text-align: justify;
        }

.alert-form-info .alert-form-msg {
    margin: 40px auto;
    text-align: justify;
    text-align-last: center;
    font-weight: 500;
}
.alert-form-info .alert-info-btns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.modal.alert-form-info {
    top: 9%;
}
.alert-form-info .btn-cta-1 {
    min-width: 150px;
}
.alert-form-info .btn-cta-3 {
    background-color: transparent;
    padding: 8px 20px;
    min-width: 150px;
}
    .alert-form-info .btn-cta-3:hover {
        background-color: #024442;
        color: white;
    }
.btn-bar-center{
    text-align:center;
}
.investing-back-top {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor:pointer
}
    .investing-back-top .icon {
    }
    .investing-back-top .btn-title {
        color: black;
        font-weight: 500;
    }
.customer-wallet-page .toman.input-postfix {
    position: relative;
    left: 15px;
}
.table-list tr:nth-child(odd) td {
    
}

.table-list tr:nth-child(even) td {
    background-color: #f1f1f1;
}

.info-alert-bg {
    background-color: #fffbf2;
    border: 2px solid #fde9c2;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 20px;
}
    .info-alert-bg .info-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
        .info-alert-bg .info-row .info-title {
            font-weight: 500;
        }
        .info-alert-bg .info-row .info-value {
        }
            .info-alert-bg .info-row .info-value .number-value {
                font-size: 18px;
                font-weight: bold;
            }
            .info-alert-bg .info-row .info-value .price-prefix {
                font-size: 15px;
            }

.wallet-status-bar {
    text-align: left;
    margin-top: 6px;
}
#wallet-not-available {
    font-weight: 500;
    color: red;
}

#wallet-available {
    font-weight: 500;
    color: green;
}
.btn-cta-2 svg  {
}
    .btn-cta-2 svg path {
        fill: black;
    }
.footer-links .footer-link-title {
    text-align: center;
    font-weight: 500;
    color: black;
    margin-bottom: 16px;
}
.plans-table tr th.th-1 {
    min-width:100px;
}
.plans-table tr th.th-2 {
    min-width: 100px;
}
.plans-table tr th.th-3 {
    min-width: 200px;
}
.investing-pages .investing-conditions .customAccordion .acHead {
    background-color: white;
    border: 1px solid #c7c7c7;
    font-weight: 500;
}
.investing-pages .investing-conditions .acplus {
    left: 24px;
    right:auto;
}
.investing-inner-page .page-title {
    border-bottom: none;
}
    .investing-inner-page .page-title h1 {
        font-size: 26px;
        line-height: 1.375;
        font-weight: 500;
    }
        .investing-inner-page .page-title h1 span {
            color: #ffb300;
            font-weight: bold;
        }
.investing-inner-page .page-sub-title {
    color: black;
    font-size: 15px;
    font-weight: bold;
    margin: 20px auto;
}

.investing-inner-page .info-text-banners {
    display:none;
}

.investing-inner-page .customAccordion .acHead {
    background-color: #C7DBE1;
    font-weight: 500;
}
    .investing-inner-page .customAccordion .acHead[aria-expanded='true'] {
        background-color: #FFB300;
    }
.investing-inner-page .customAccordion .accordion-item .prd-acBody {
    margin-top: -10px;
    padding-top: 30px;
}
.investing-inner-page .customAccordion .accordion-item .collapse.show .prd-acBody,
.investing-inner-page .customAccordion .accordion-item .collapsing .prd-acBody {
    background-color: white;
    border: 1px solid #ffb300;
    border-radius: 8px;
    border-top: none;
}
.investing-inner-page .faq-shortcut ul li a {
    width: 195px;
    height: 195px;
}
.cta-box1 {
    margin: 70px auto;
    text-align: center;
    border: 1px solid #ffb300;
    padding: 35px 20px;
    border-radius: 14px;
}
    .cta-box1 .cta-box1-title {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 20px;
        color: black;
    }
    .cta-box1 .cta-box1-body {
        font-size: 15px;
        font-weight: 500;
        color: #000000cf;
    }
.boxed-card-items{

}
    .boxed-card-items .title {
        text-align: center;
        margin-bottom: 20px;
        font-size: 19px;
        font-weight: bold;
    }
    .boxed-card-items ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .boxed-card-items ul li {
        flex-grow: 1;
        width: 32%;
        height: 150px;
    }
            .boxed-card-items ul li .item {
                background-color: #C7DBE1;
                display: flex;
                flex-wrap: nowrap;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                border-radius: 12px;
                height: 100%;
                text-align: center;
            }
            .boxed-card-items ul li span {
                font-size: 15px;
                font-weight: 500;
                color: black;
                padding: 20px;
            }
.contact-info {
    background-color: #132E35;
}
.investing-conditions .accordion-item .admin-small-btn {
    left:90px;
}
.preview-form--content .text-content {
    height: 300px;
    overflow: auto;
    text-align: right;
}
    .preview-form--content .text-content ul {
        padding-right:20px;
       
    }
    .preview-form--content .text-content li {
        list-style: disc !important;
    }
.text-content{
    text-align:right;
    direction:rtl;
}
.amount-text {
    position: relative;
    top: 10px;
    font-weight: 500;
}
.cta-banner-1 {
    background-color: #244a53;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 12px 0px gray;
    margin-top: 50px;
    background: linear-gradient(45deg, #244a53, #244a53, #12333a, #416e78);
    background-size: 300% 300%;
    animation: gradientAnimation 10s ease infinite;
}
    .cta-banner-1 .title-area p {
        color: white;
        margin: 0px;
        font-size: 20px;
    }
    .cta-banner-1 .cta-area {
    }
    .cta-banner-1 .banner-inner {
        border: 1px solid #ffb3007a;
        border-radius: 10px;
        padding: 15px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 150px;
    }
    .cta-banner-1 .gold-btn {
        color: #000000;
        border: 1px solid #FFB300;
        border-radius: 15px;
        padding: 10px 10px;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #FFB300;
        font-size: 18px;
        height: 60px;
    }
        .cta-banner-1 .gold-btn:hover {
            background-color: #ffb30012;
            color: #FFB300;
        }
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

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

    100% {
        background-position: 0% 50%;
    }
}
@media (max-width: 1170px) {
    body {
        direction: rtl;
    }

    ul {
        padding: 0px;
    }

        ul li {
            list-style: none
        }

    .top-pages-header {
        display: none
    }

    .investing-form {
        overflow: hidden;
        box-shadow: none;
        border: 1px solid #C7DBE1;
    }

    .info-text-banners {
        overflow: hidden;
    }

    .investing-form {
        padding: 25px 15px;
        padding-top: 60px;
    }

    .header__content .left-menu {
        display: none;
    }

    .investing-pages .header {
        position: relative;
    }

    div.header {
        display: none;
    }

    .footer {
        display: none;
    }

    .wrapper {
        padding: 0px;
    }

    .footer-license {
        display: none;
    }
    /*Side Bar */
    #investing-sidebar-btn {
    }

    .investing-pages .header {
        height: 45px;
    }

    .header__content {
        height: 45px;
    }

    .mobile-header {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        margin-top: 25px;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 20px;
    }

        .mobile-header .landing-logo {
            display: flex;
        }

            .mobile-header .landing-logo .logo--img {
                padding-left: 5px;
                margin-left: 5px;
            }

            .mobile-header .landing-logo .logo--info {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                line-height: 17px;
            }

                .mobile-header .landing-logo .logo--info .info--title {
                    font-family: var(--title-font);
                    color: black;
                    font-weight: bold;
                    font-size: 16px;
                }

                .mobile-header .landing-logo .logo--info .info--sub-title {
                    font-family: var(--title-font);
                    font-size: 10px;
                    color: black;
                    font-weight: 500;
                }

    .header-second {
        display:block;
        padding: 5px 0px 0px 0px !important;
        background-color: #132e35;
        height: 36px;
        border-top: 1px solid #9d9d9d;
        text-align: center;
    }

        .header-second a {
            color: white;
            font-size: 12px;
        }

    .sidebar-2 {
        display: block;
        width: 300px;
        background: #ffffff;
        position: absolute;
        height: 100%;
        top: 0;
        right: -300px;
        transition: right 0.5s ease;
        left: auto;
        z-index: 999;
    }

        .sidebar-2.visible {
            right: 0px;
            transition: right 0.7s ease;
        }

        .sidebar-2 .sidebar-2-body {
            padding: 30px 20px;
        }

        .sidebar-2 .sidebar-2-header .landing-logo {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
        }

            .sidebar-2 .sidebar-2-header .landing-logo .logo--info {
                text-align: right;
                padding-right: 10px;
                line-height: 15px;
            }

                .sidebar-2 .sidebar-2-header .landing-logo .logo--info .info--title {
                    color: black;
                    font-weight: bold;
                    font-size: 21px;
                    font-family: var(--title-font);
                }

                .sidebar-2 .sidebar-2-header .landing-logo .logo--info .info--sub-title {
                    font-family: var(--title-font);
                    font-size: 10px;
                    color: black;
                    font-weight: 500;
                    position: relative;
                    bottom: -3px;
                }

    .sidebar-2-btn {
        border: none;
        background: none;
        position: absolute;
        left: 0px;
        top: -3px;
    }

    .sidebar-2-header {
        position: relative;
    }

    .sidebar-2-user-info .investing-user-info {
        background-color: #FFF4D9;
        padding: 15px;
        margin-top: 20px;
        border-radius: 6px;
    }

    .investing-user-info .user-info-header {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 1px solid #FFB300;
        padding-bottom: 10px;
        margin-bottom: 20px;
        color: black;
        font-weight: 500;
        gap: 10px;
    }

    .user-info-ul .info--row {
        margin-top: 15px;
    }

        .user-info-ul .info--row .row-title {
            text-align: right;
            font-weight: 500;
            color: black;
        }

        .user-info-ul .info--row .row-info {
            display: flex;
            justify-content: flex-end;
            padding: 5px 0px;
            gap: 10px;
            font-weight: 500;
            color: black;
        }

            .user-info-ul .info--row .row-info .row-info-value {
                color: black;
                font-weight: bold;
            }

            .user-info-ul .info--row .row-info .row-info-value-prefix {
                color: #4d4d4d;
            }

    .btn-type-100 {
        color: #FFB300 !important;
        border-radius: 6px;
        border: 1px solid #FFB300;
        display: block;
        padding: 12px 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .btn-type-100:hover {
            background-color: #fff4d9;
        }

    .btn-type-200 {
        color: #EF0F0F !important;
        border-radius: 6px;
        border: 1px solid #EF0F0F;
        display: block;
        padding: 12px 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .btn-type-200:hover {
            background-color: #fff4d9;
        }

    .sidebar-2-user-info .btn-type-100 {
        margin-top: 20px;
    }

    .gold-color {
        color: #FFB300 !important;
    }

    .sidebar-2-menu {
        margin: 10px auto;
    }

        .sidebar-2-menu ul {
            margin: 0px;
            padding: 0px;
        }

        .sidebar-2-menu li {
            list-style: none;
            text-align: right;
            border-bottom: 1px solid #dbdbdb;
            width: 100%;
            padding-bottom: 15px;
            padding-top: 15px;
        }

            .sidebar-2-menu li a {
                color: black;
                font-weight: 400;
            }

            .sidebar-2-menu li.active a {
                color: #FFB300;
                font-weight: bold;
            }

    #investing-overlay {
        display: none;
        position: absolute;
        background-color: #00000096;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 99;
    }

    .investing-action-sidebar {
        position: relative;
    }

        .investing-action-sidebar .sidebar-content {
            background: none;
            box-shadow: none;
            color: black;
            padding: 0px;
            border-radius: 0px;
        }

            .investing-action-sidebar .sidebar-content ul {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                width: 100%;
                padding: 0px;
            }

                .investing-action-sidebar .sidebar-content ul li {
                    list-style: none;
                    flex-grow: 1;
                    width: 33%;
                    text-align: center;
                    height: 72px;
                    min-width: 100px;
                    border: 1px solid #efefef;
                }

                    .investing-action-sidebar .sidebar-content ul li a {
                        color: black;
                        flex-direction: column;
                        font-size: 13px;
                        justify-content: space-evenly;
                        height: 100%;
                    }

                        .investing-action-sidebar .sidebar-content ul li a svg path {
                            fill: black;
                        }

                    .investing-action-sidebar .sidebar-content ul li.investing-plan-menu a svg path {
                        stroke: black;
                    }

                    .investing-action-sidebar .sidebar-content ul li a .item-icon {
                        margin-left: 0px;
                    }

                    .investing-action-sidebar .sidebar-content ul li.active a {
                        font-size: 13px;
                    }

    .dashboard-page {
        padding: 35px 7px 5px 7px;
    }

    .dashboard-info {
        flex-direction: column-reverse;
    }

        .dashboard-info .dash-credit {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 25px;
            padding-right: 0px;
        }

        .dashboard-info .dash-total {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .dashboard-info .dash-total {
            border: 1px solid #ffb300;
            padding: 15px 25px;
            border-radius: 8px;
            padding-left: 45px;
        }

        .dashboard-info .dash-total--title {
            font-size: 16px;
            margin: 0;
        }

        .dashboard-info .dash-total--content .total-value {
            font-size: 16px;
        }

        .dashboard-info .dash-total--content .value-label {
            font-size: 16px;
        }

        .dashboard-info .dash-credit--title {
            font-size: 16px;
        }

        .dashboard-info .dash-credit--content .credit-value {
            font-size: 16px;
            border-radius: 10px;
        }

        .dashboard-info .dash-credit--content .value-label {
            font-size: 16px;
        }

    .top-form-header {
        top: 4px;
    }

        .top-form-header .h-content {
            font-size: 13px;
            padding: 7px 30px;
        }

    .investing-page-content {
        margin: 25px auto 20px auto;
    }

    .info-text-banners .col-md-6 {
        padding: 0px 15px;
    }

    .info-text-banners .text-banner-item {
        background: linear-gradient(to bottom, #244a53, #819498);
        margin: 10px 15px;
        border-radius: 30px;
    }

        .info-text-banners .text-banner-item .item--title {
            color: white;
            text-align: center;
            font-size: 16px;
        }

        .info-text-banners .text-banner-item .item--detail {
            color: white;
            direction: rtl;
            text-align: center;
            font-size: 14px;
            min-height: 110px;
        }

    .investing-action-sidebar .sidebar-content ul li:hover:not(.active) {
        background-color: #ffb300ba;
    }

    .footer-bar--logo .logo--img img {
        max-width: 48px;
    }

    .investing-back-top .btn-title {
        font-size: 15px;
        font-weight: 400;
    }

    .footer-detail .info-about .info-about-title {
        text-align: center;
    }

    .footer-detail .info-about .info-about-sub-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-detail .info-about .info-about-address {
        text-align: center;
    }

    .info-about-address {
        display: none
    }

    .footer-links ul {
        padding: 0px;
    }

        .footer-links ul li {
            list-style: none
        }

    .footer-links {
        margin-top: 40px;
    }

    .footer-copyright {
        background-color: #2A444B;
        padding: 15px 0px 15px 0px;
    }

        .footer-copyright .footer-copyright--contact {
            font-size: 13px;
            color: white;
        }

            .footer-copyright .footer-copyright--contact span.hl {
                color: #ffb300;
                font-weight: bold;
            }

            .footer-copyright .footer-copyright--contact .ph-number {
                color: #ffb300;
            }

            .footer-copyright .footer-copyright--contact i svg path {
                fill: #ffb300;
            }

    .footer-license-mobile {
        text-align: center;
    }

        .footer-license-mobile .info-about-address-mobile {
            margin: 16px auto;
            color: black;
            font-size: 11px;
        }

    .font-body-m {
        font-weight: 400;
        font-size: 14px;
    }

    .dash-row-info .row-content .row-info-title .info-title {
        font-size: 15px;
    }

    .dash-row-info .row-content .row-info-value .info-title {
        font-size: 16px;
    }

    .dash-row-info .row-content .row-info-value .info-dub-title {
        font-size: 13px;
    }

    .inner-tab-link ul li {
        border-radius: 8px;
        width: 96%;
        margin: auto;
        height: 40px;
    }

        .inner-tab-link ul li a {
            font-weight: 400;
            font-size: 12px;
            text-align: center;
        }

    .inner-tab-link ul {
        border: 1px solid #c8c8c8;
        border-radius: 6px;
        margin-bottom: 40px;
        flex-direction: column;
        height: auto;
    }

    .form-content .control-label {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 12px;
    }

    .form-content .form-control {
        border: 1px solid #244a53;
        border-radius: 6px;
    }

    .input-container .input-postfix {
        font-weight: 500;
        position: relative;
        top: 10px;
        min-width: 60px;
        font-size: 15px;
    }

    .customer-wallet-page #Amount {
        max-width: 290px;
    }

    .form-content .alert-1 {
        font-size: 11px;
        text-align: right;
    }

    .select_wrap .default_option {
        border-radius: 6px;
        padding-right: 5px;
    }

    .m-alert-info {
        font-size: 11px;
        color: #3d3d3d;
        font-weight: 500;
    }

    .btn-cta-2, .btn-cta-2:active, .btn-cta-2:focus {
        display: block;
        width: 100%;
        border-radius: 6px;
        padding: 15px;
    }

    .wallet-deposit-form .form-detail {
        padding: 10px 10px;
        border: none;
        margin-top: 10px;
    }

    .btn-cta-1 {
        padding: 15px 20px;
        display: block;
        width: 100%;
    }

    .preview-form .preview-form--price .action-title {
        margin-bottom: 10px;
    }

    .preview-form--bankNames .customer-bank {
        width: 140px;
        height: 89px;
        font-weight: 400;
        font-size: 14px;
    }

    .wallet-withdraw-page .form-input-info-left .inline-btn {
        left: 16px;
    }

    .buy-gold-page #ValueInGold, .buy-gold-page #ValueInToman,
    .sale-gold-page #ValueInGold, .sale-gold-page #ValueInToman {
        max-width: 280px;
    }

    .ValueInGold-container {
        margin-bottom: 40px;
    }

    .buy-gold-page .sub-info-left-btn,
    .sale-gold-page .sub-info-left-btn {
        justify-content: flex-start;
    }

    .sub-info-left-btn .sub-info--content {
        margin-right: 15px;
    }

    #follow-deposit {
        margin-bottom: 15px;
    }

    #wallet-not-available {
        font-weight: 40;
        color: red;
        font-size: 15px;
    }

    .info-alert-bg .info-row .info-title {
        font-weight: 500;
        font-size: 14px;
    }

    .list-info ul li .info-title {
        font-size: 14px;
        font-weight: 400;
        color: #0D0E0F;
        text-align: right;
    }

    .error-info-container {
        margin-top: 30px;
    }

    .error-info {
        margin-top: 0px;
        text-align: center;
        font-weight: 500;
    }

    .sale-gold-page hr {
        margin: 0px;
    }

    .plans-table {
        max-height: none
    }

    .mobile-none {
        display: none !important
    }

    .BuyGoldPlan-page {
    }

    table {
        width: 100%;
    }

    .plans-table tr th.th-1 {
        min-width: 100px;
    }

    .plans-table tr th.th-2 {
        min-width: 100px;
    }

    .plans-table tr th.th-3 {
        min-width: 100px;
    }

    .table-list table thead tr th {
        font-size: 13px;
        text-align: center !important;
        font-weight: 500;
    }

    .table-list.plans-table table tbody tr td {
        font-size: 14px;
    }

    .label-info-box {
        border-radius: 4px;
    }

    .btn-cta-3 {
        padding: 10px;
    }

    .pink-theme .investing-layout-main a {
        color: black;
    }

    .back-button {
        left: -20px;
        top: 0px;
    }

        .back-button a {
            font-size: 14px;
            font-weight: 500;
        }

    .form-content .form-info .form-info--title {
        font-weight: 500;
        font-size: 15px;
    }

    .info-row-1 {
        width: 100%;
    }

    .info-row-2 p {
        font-size: 12px;
        padding-bottom: 10px;
    }

    .ValueInToman-container {
        margin-bottom: 40px;
    }

    .BuyGoldPlan-page .label-info-box.gold-bg {
        background-color: #FFF0CC;
    }

    .inner-page-title .content {
        font-weight: 500;
        font-size: 13px;
        text-align: right;
    }

    .bank-accounts .not-approved .bank-accounts--list {
        margin-top: 20px;
    }

    .bank-accounts--list li .card-name {
        font-weight: 500;
        font-size: 13px;
    }

    .bank-accounts--list li .bank-no {
        font-size: 13px;
    }

    .bank-accounts--list li {
        border-radius: 4px;
        padding: 10px;
        min-width: 170px;
        margin: 2px;
    }

    .customer-report {
        position: relative;
    }

        .customer-report table, .customer-report thead, .customer-report tbody, .customer-report th, .customer-report td, .customer-report tr {
            display: block;
        }


            .customer-report thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        .customer-report tr {
            margin: 0 0 1rem 0;
            box-shadow: 0px 0px 14px -7px #9f9f9f;
            border-radius: 6px;
        }

            .customer-report tr:nth-child(odd) {
            }

        .customer-report td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

    .table-list tr:nth-child(even) td {
        background-color: #fbfbfb;
    }

    .table-icon {
        background: no-repeat;
        border: none;
        width: 35px;
        height: 24px;
    }

    .bank-accounts-page .form-detail {
        padding: 10px;
        font-size: 13px;
    }

    .footer-license-mobile {
        display: block
    }

    .select_wrap .default_option li {
        padding: 10px 10px;
    }

    .report-list .report-item {
        background-color: #E8F4E9;
        margin-bottom: 20px;
        border-radius: 10px;
        padding: 12px;
        text-align: right;
        position: relative;
    }

        .report-list .report-item .item--row {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            margin-top: 15px;
            gap: 15px;
            color: black;
            font-size: 15px;
        }

            .report-list .report-item .item--row.item-title {
                font-weight: 500;
                margin-top: 0px;
            }

            .report-list .report-item .item--row .row-title {
            }

            .report-list .report-item .item--row .row-value {
            }

        .report-list .report-item .item-status {
            position: absolute;
            left: 12px;
            top: 10px;
            font-size: 14px;
        }

        .report-list .report-item .item-buttons {
            position: absolute;
            left: 14px;
            bottom: 14px;
        }

        .report-list .report-item .item--row .item-price {
            font-weight: 500;
        }

        .report-list .report-item .item--row .item-gold {
            color: #f7ae00 !important;
            font-weight: bold;
        }

    .report-item.tr-st-Pending,
    .report-item.tr-st-Failure {
        background-color: #FEE7E7 !important;
    }

    .investing-inner-page .faq-shortcut ul li {
        width: 47%;
        height: 110px;
        flex-grow: 1;
    }

        .investing-inner-page .faq-shortcut ul li a {
            width: 100%;
            height: 100%;
            color: white;
        }

            .investing-inner-page .faq-shortcut ul li a span {
                font-weight: 500;
            }

            .investing-inner-page .faq-shortcut ul li a svg {
                max-width: 40px;
            }

    .boxed-card-items ul li {
        width: 48%;
    }

        .boxed-card-items ul li .item {
            border-radius: 16px;
        }

    .cta-box1 .cta-box1-title {
        font-size: 18px;
    }

    .page-title-noborder h1 {
        font-size: 23px;
    }

    .investing-inner-page .customAccordion h3 {
        padding-right: 3px;
    }

    .persian-amount {
        text-align: right
    }

    .investing-action-sidebar .sidebar-content ul li {
        margin-bottom: 4px;
    }
    .cta-banner-1 .banner-inner {
        flex-direction: column;
        text-align: center;
    }
    .cta-banner-1 .title-area p {
        margin-bottom: 38px;
        margin-top: 10px;
    }
    .cta-banner-1 .banner-inner {
        height: 190px;
    }
}