@import '../fonts/fonts.css';

*,
html,
body {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
}

html {
    font-family: 'inveslo';
    font-size: 14px;
    scroll-behavior: smooth;
}

body {
    background-color: #2d2e43;
    font-family: 'inveslo';
    font-weight: 400;
    font-size: 1.14rem;
    color: #b0b0b0;
    line-height: normal;
    position: relative;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

/*add a shadow to the scrollbar here*/
::-webkit-scrollbar-track {
    box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

/*this is the little scrolly dealio in the bar*/
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.25);
    height: 3px;
}

/*nobody needs this little scrollbar corner, I mean really, get rid of it haha*/
::-webkit-scrollbar-corner {
    display: none;
    height: 0px;
    width: 0px;
}

img {
    max-width: 100%;
    display: inline-block;
}

button,
input,
textarea,
select {
    font-family: 'inveslo';
    opacity: 1;
    letter-spacing: 0.0143rem;
}

button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

ul,
li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

a {
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: #201b4c;
}

a:hover,
a:focus {
    outline: inherit;
    text-decoration: none;
}

a:hover {
    color: #201b4c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'inveslo';
    line-height: normal;
    padding: 0px 0px;
    margin: 0px 0px;
}

hr {
    border-top: 1px solid #DDE1EF;
}

section::after {
    display: block;
    clear: both;
    content: '';
}

.full_container {
    /*max-width: 1920px;*/
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0rem auto;
}

input::-webkit-input-placeholder {
    background-color: transparent;
    color: #000;
    opacity: 1;
}

input::-moz-placeholder {
    background-color: transparent;
    color: #000;
    opacity: 1;
}

input::-ms-input-placeholder {
    background-color: transparent;
    color: #000;
    opacity: 1;
}

input:-ms-input-placeholder {
    background-color: transparent;
    color: #000;
    opacity: 1;
}

input::placeholder {
    background-color: transparent;
    color: #000;
    opacity: 1;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: transparent !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.form-control:focus,
.custom-select:focus {
    outline: none;
    -webkit-box-shadow: 0rem 0rem 0rem transparent;
    box-shadow: 0rem 0rem 0rem transparent;
    border-color: #00eda4;
}

.btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(87.02deg, #501FF3 1%, #803EFF 100%);
    border-radius: 0px;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.15);
    font-weight: 500;
    font-size: 1.28rem;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 1.07rem 2rem !important;
    border-radius: 12px;
}

.btn::before {
    width: 100%;
    height: 100%;
    background-color: #ed1c58;
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translateY(-110%);
    transition: all 0.5s ease-out;
    content: '';
    z-index: -1;
}

.btn:hover::before {
    transform: translateY(0%);
}

.btn:hover {
    color: #ffffff !important;
    box-shadow: 8px 8px 3px rgba(0, 0, 0, 0.15);
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.preloader .loader {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preloader lottie-player {
    width: 100%;
    height: 100%;
}

.slick-slider,
.slick-list.draggable {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.dashboard_navigation {
    min-height: 4rem;
    background: #2E2F45;
    background: linear-gradient(to right, #2E2F45 0%, #3a3b54 100%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05);
    display: flex;
    /*position: absolute; top: 0%; left: 0%; right: 0%;*/
    z-index: 9;
}

.dashboard_navigation.fixed-top {
    position: fixed;
    top: 0%;
    left: 10rem;
    -webkit-animation: slide-down 0.7s;
    animation: slide-down 0.7s;
    z-index: 999;
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.navbar {
    align-items: stretch;
}

.header_logo_view {
    width: 100%;
    position: relative;
    display: inline-flex;
    margin: 0rem 0rem !important;
}

.header_logo_view:after {
    display: none;
}

.logo {
    width: 100%;
    justify-content: center;
    position: relative;
    padding: 1.5rem 1.1rem !important;
    margin-bottom: 1.5rem;
}

.logo:after {
    width: 75%;
    height: 1px;
    background-color: #595B7C;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    content: '';
}

.logo img {
    width: 100%;
    max-width: 11.65rem;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.header_logo_view:hover,
.header_logo_view:hover .logo {
    background: transparent !important;
}

.logo_nview {
    display: none;
}

.navbar-nav li {
    display: inline-flex;
    position: relative;
    background-color: #515273;
    margin-left: 1px;
}

.navbar-nav li a {
    display: flex;
    align-items: center;
    font-size: 0.93rem;
    color: #ffffff;
    background-color: #474865;
    padding: 0.5rem 1.07rem;
}

.top_menu_icon {
    width: 20px;
    min-width: 20px;
}

.notification_dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #FF0054;
    position: absolute;
    top: 0rem;
    right: 0.4rem;
}

.navbar-nav li a:hover {
    color: #70ffbe;
}

.breadcrumb_view li {
    font-size: 0.93rem;
    color: #ffffff;
    padding: 0px 0.25rem;
}

.breadcrumb_view li a {
    color: #70ffbe;
}

.dropdown_toggle {
    font-size: 1.07rem;
    color: #062652;
    background-color: #515273 !important;
    border: 0px;
    padding: .5rem .6rem;
}

.dropdown_toggle::after {
    width: .78rem;
    height: .78rem;
    display: inline-block;
    background-image: url(../img/custom_select.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 0.65rem;
    border: none;
    vertical-align: 0rem;
    content: '';
    margin-left: 0.65rem;
}

/* Profile view nav */
.profile_view_nav,
.profile_view_nav a {
    background-color: transparent !important;
}

.profile_view_nav_pic {
    min-width: 2rem;
    max-width: 2rem;
    height: 2rem;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #803EFF;
    margin-right: 0.85rem;
}

.profile_view_nav_pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.verified_check {
    width: 0.8rem !important;
    height: 0.8rem !important;
    position: absolute;
    left: -0.15rem;
    bottom: 0rem;
    z-index: 2;
}

.profile_view_nav_name {
    min-width: 7.5rem;
    max-width: 7.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-weight: 500;
    font-size: 1rem;
    color: #ffffff;
    line-height: 1.3;
}

.profile_view_nav_name small {
    display: block;
    font-weight: 400;
    font-size: 85.7%;
    color: #70FFBE !important;
}

.profile_menu {
    height: 1.5rem;
    margin-left: 1.07rem;
}

.profile_view_nav .dropdown-menu {
    width: 100%;
    transform: translate(0%, 10px) !important;
    visibility: hidden;
    opacity: 0;
    background: linear-gradient(0deg, #3C3D56, #3C3D56), #40415E;
    border-radius: 0px 0px 6px 6px;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 100% !important;
    left: auto !important;
    right: 0%;
    border: 0rem;
    display: initial;
    box-shadow: 0px 0.5rem 1rem 0.5rem rgb(0 0 0 / 20%);
    padding: 0.85rem 1.3rem;
    margin: 0rem 0rem;
    min-width: 13rem;
}

.profile_view_nav .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: translate(0%, 0px) !important;
}

.profile_view_nav .dropdown-menu a {
    font-size: 1rem;
    color: #ffffff;
    border-bottom: 1px solid transparent;
    line-height: 1.2;
    padding: 0.5rem 0rem;
}

.profile_view_nav .dropdown-menu a:hover {
    color: #70ffbe;
    border-color: #70ffbe;
}

/* Profile view nav */

/* Language drop menu */
.nav_dropdown {
    min-width: 100%;
    display: flex;
    position: absolute;
    top: 100%;
    right: 0%;
    transform: translate(0%, 10px);
    visibility: hidden;
    opacity: 0;
    background: linear-gradient(0deg, #3C3D56, #3C3D56), #40415E;
    border-radius: 0px 0px 6px 6px;
    transition: all 0.3s ease-out;
    box-shadow: 0px 0.5rem 1rem 0.5rem rgb(0 0 0 / 20%);
    padding: 1.07rem 1.3rem;
    margin: 0rem;
    z-index: 999;
}

.dashboard_navigation .navbar-nav li:hover .nav_dropdown {
    visibility: visible;
    opacity: 1;
    transform: translate(0%, 0px);
}

.nav_dropdown ul {
    min-width: 10rem;
    padding: 0rem 0rem;
}

.nav_dropdown ul li {
    padding: 0rem 0rem;
    margin: 0rem 0rem;
}

.nav_dropdown ul li ul {
    min-width: 100%;
    padding: 0rem 0rem;
}

.nav_dropdown ul.language_drop_down_web li input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.nav_dropdown ul.language_drop_down_web img {
    width: 20px;
}

.nav_dropdown ul.language_drop_down_web li {
    display: block;
    background-color: transparent;
    font-size: 1rem;
    color: #ffffff;
    border-bottom: 1px solid transparent;
    padding: 0.5rem 0rem;
}

.nav_dropdown ul.language_drop_down_web li:hover {
    color: #70ffbe;
    border-color: #70ffbe;
}

.nav_dropdown ul.language_drop_down_web li>div {
    display: flex;
    align-items: center;
}

.language_drop img {
    width: 20px;
    height: 15px;
}

/* Language drop menu */

/* Side Menu */
.dashboard_menu_sec {
    min-width: 10rem;
    max-width: 10rem;
    min-height: 100%;
    /*position: absolute; top: 0%; left: 0%;*/
    background: linear-gradient(0deg, #3C3D56, #3C3D56), #40415E;
    transition: all 0.5s ease-out;
    z-index: 1001;
}

/* .dashboard_menu_sec ul{ overflow: auto;} */
/*.dashboard_menu_sec.short{ min-width: 7rem; max-width: 7rem;}*/
.dashboard_menu_sec li {
    position: relative;
    transition: all 0.5s ease-out;
    margin-top: 1px;
}

.dashboard_menu_sec li::after {
    width: 2px;
    height: 60%;
    background-color: #FF0054;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    opacity: 0;
    visibility: hidden;
    content: '';
}

.dashboard_menu_sec li.active::after,
.dashboard_menu_sec li:hover::after {
    opacity: 1;
    visibility: visible;
}

.dashboard_menu_sec li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.07rem;
    color: #ffffff;
    text-align: center;
    padding: 2rem 1.1rem;
}

.dashboard_menu_sec li .menu_icon {
    display: block;
    margin-bottom: 0.65rem;
}

.dashboard_menu_sec li .menu_icon img {
    width: 2.3rem;
}

.dashboard_menu_sec li .menu_text {
    display: block;
    transition: all 0.5s ease-out;
    white-space: pre-line;
}

.dashboard_menu_sec.short li .menu_text {
    opacity: 0;
}

.dashboard_menu_sec li.toggle_menu>span {
    display: block;
    background: linear-gradient(90deg, rgba(49, 55, 77, 0.05) 0%, rgba(91, 96, 101, 0) 67.48%);
    border-radius: 0px 13px 0px 0px;
}

.dashboard_menu_sec li.toggle_menu>span a {
    display: inline-block;
}

.dashboard_menu_sec li.active,
.dashboard_menu_sec li:hover {
    background: #33344B;
    background: -webkit-linear-gradient(to right, #33344B 0%, #3c3c56 100%);
    background: -moz-linear-gradient(to right, #33344B 0%, #3c3c56 100%);
    background: linear-gradient(to right, #33344B 0%, #3c3c56 100%);
}

.dashboard_menu_sec li.active>a,
.dashboard_menu_sec li:hover>a {
    background: radial-gradient(120% 80% at 200% 50%, #FF0054 20%, rgba(64, 65, 94, 0) 100%);
}

.dashboard_body_sec .side_menu_overlay {
    width: 50000px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    visibility: hidden;
    content: '';
    z-index: 4;
}

.sub_menu_arrow {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #656793;
    transition: all 0.5s ease-out;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
}

.dashboard_menu_sec li:hover .sub_menu_arrow {
    border-right-color: #FF0054;
}

.side_sub_menu_sec {
    width: 0;
    height: 0;
    background-color: #4C4D70;
    position: absolute;
    top: 0%;
    left: calc(100% + 1px);
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: all 0.5s ease-out;
    transform: translate(10px, 0px);
    z-index: -1;
}

.dashboard_body_sec {
    position: relative;
    flex-wrap: wrap;
}

.submenu_overlay:before {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    backdrop-filter: saturate(180%) blur(8px);
    content: '';
    z-index: 1000;
}

.dashboard_menu_sec li.visible .side_sub_menu_sec {
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    display: block;
    transform: translate(0%, 0px);
    z-index: 2;
}

.side_sub_menu_sec li {
    min-width: 16.3rem;
    margin-top: 0px;
}

.side_sub_menu_sec li a {
    text-align: left;
    padding: 1.6rem 1.65rem;
}

.side_sub_menu_sec li:hover {
    background: linear-gradient(-90deg, rgba(34, 35, 54, 0.35) 1.56%, rgba(45, 46, 67, 0) 79.38%);
}

/* Side Menu */

.dashboard_right_sec {
    flex: 1;
    /*width: calc(100% - 10rem); position: relative; margin-left: 10rem;*/
}

.dashboard_right_content_part {
    width: 100%;
    position: relative;
    padding: 2rem 2rem;
}

/* Menu toggle */
.mobile_toggle {
    min-width: 4rem;
    min-height: 3.5rem;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 4.5rem;
    left: 100%;
    background: linear-gradient(0deg, #3C3D56, #3C3D56), #40415E;
    border-radius: 0px 3px 3px 0px;
    font-size: 1.43rem;
    color: #ffffff;
    padding: 0rem;
    z-index: 2;
}

.mobile_toggle>div {
    width: 2.2rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mobile_toggle span {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #ffffff;
    transition: all 0.5s ease-out;
    pointer-events: none;
    position: absolute;
    left: 0%;
}

.mobile_toggle span:nth-child(1) {
    top: 0rem;
}

.mobile_toggle span:nth-child(2) {
    top: 50%;
}

.mobile_toggle span:nth-child(3) {
    bottom: 0rem;
}

.mobile_toggle.menu_bar span {
    width: 2.4rem;
    top: 0.7rem;
}

.mobile_toggle.menu_bar span:nth-child(1) {
    pointer-events: all;
    transform: translateZ(0) rotate(45deg) !important;
}

.mobile_toggle.menu_bar span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}

.mobile_toggle.menu_bar span:nth-child(3) {
    pointer-events: all;
    transform: translateZ(0) rotate(-45deg) !important;
}

/* Menu toggle */

.dashboard_copyright_bottom {
    width: 100%;
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /*border-top: 1px solid; border-image-source: linear-gradient(90deg, #2D2E43 5%, #585B78 50%, #2D2E43 85%); border-image-slice: 1; position: absolute; left: 0%; bottom: 0%;*/
    font-size: 0.93rem;
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.5s ease-out;
    text-align: center;
    padding: 1.3rem 1.07rem;
}

.main_heading {
    font-size: 1.43rem;
    color: #ffffff;
}

.deposit_step_list {
    display: flex;
    flex-wrap: wrap;
}

.deposit_step_list li {
    min-width: 23.2rem;
    max-width: 23.2rem;
    min-height: 7.85rem;
    position: relative;
    background-color: rgba(60, 61, 86, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 1.5rem 3rem;
    margin-right: 15px;
    border-radius: 12px;
}

.deposit_step_list li:before {
    width: 2px;
    height: 40px;
    background-color: #70FFBE;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    opacity: 0;
    visibility: hidden;
    content: '';
}

.deposit_step_list li:after {
    width: 22px;
    height: 40px;
    background: radial-gradient(122.16% 58.26% at 165.91% 50%, #70FFBE 0%, rgba(64, 65, 94, 0) 100%);
    transform: rotate(-180deg);
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
    content: '';
}

.deposit_step_list li:last-child {
    margin-right: 0px;
}

.deposit_step_heading {
    font-weight: 500;
    font-size: 0.93rem;
    color: #ffffff;
}

.deposit_step_line {
    width: 100%;
    height: 3px;
    background-color: #4C4D6B;
    border-radius: 5px;
}

.deposit_step_number {
    font-weight: 500;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.deposit_step_list li.current,
.deposit_step_list li.selected {
    background-color: #3C3D56;
    box-shadow: 0px 35px 29px rgba(37, 7, 156, 0.1);
}

.deposit_step_list li.current:before,
.deposit_step_list li.current:after {
    opacity: 1;
    visibility: visible;
}

.deposit_step_list li.current .deposit_step_line,
.deposit_step_list li.selected .deposit_step_line {
    background-color: #70FFBE;
}

.deposit_step_list li.current .deposit_step_number,
.deposit_step_list li.selected .deposit_step_number {
    color: #70FFBE;
}

.deposit_method_list {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
}

.deposit_method_list li {
    width: calc(100% - 20px);
    max-width: calc(33.3333% - 20px);
    flex: 0 0 calc(33.3333% - 20px);
    position: relative;
    border: 1px solid transparent;
    background-color: #3C3D56;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    transition: all 0.5s ease-out;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 12px;
}

.deposit_method_list li:hover,
.deposit_method_list li.selected {
    background-color: #42435F;
    box-shadow: 0px 8px 25px rgba(22, 1, 147, 0.2);
    border-color: #7583FF;
}

.deposit_method_list li a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 2;
}

.deposit_icon_value,
.deposit_icon {
    display: flex;
    align-items: center;
}

.deposit_icon,
.deposit_price_value {
    width: 48%;
    overflow: hidden;
}

.deposit_icon img {
    min-width: 7.14rem;
    max-width: 7.14rem;
    margin: 8px 5px;
}

.deposit_icon_name {
    font-weight: 600;
    font-size: 1.17rem;
    color: #ffffff;
}

.deposit_price_value {
    font-size: 1.14rem;
    color: #ffffff;
    line-height: 1.4;
}

.deposit_price_value span {
    display: block;
    font-size: 1rem;
}

.deposit_next {
    min-width: 4.43rem;
    height: 100%;
    background-color: rgba(89, 91, 132, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.deposit_next img {
    width: 1.07rem;
}

.deposit_method_btn {
    display: flex;
    justify-content: center;
}

.deposit_method_btn .btn {
    min-width: 18rem;
}

.btn.back {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.inveslo_box {
    background: #3C3D56;
    padding: 35px;
    border-radius: 12px;
}

.inveslo_box_shadow {
    box-shadow: 0px 8px 25px rgba(22, 1, 147, 0.25);
}

.inveslo_box_heading {
    font-weight: 600;
    font-size: 1.07rem;
    color: #ffffff;
}

.form_field_listing {
    width: calc(100% + 60px);
    display: flex;
    margin-left: -30px;
    margin-right: -30px;
}

.form_field_listing li {
    width: calc(50% - 60px);
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
}

/* Input Effects */
.form-group {
    margin-bottom: 2rem;
}

.input_effects {
    width: calc(100% - 6rem);
    height: 4.58rem;
    position: relative;
    border: 1px solid #6E709C;
    background-color: #373850;
    z-index: 1;
}

.input_effects.textarea {
    height: 8rem;
}

.input_effect,
.custom-select {
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 0rem;
    background-color: transparent;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    font-weight: 500;
    font-size: 1.2rem;
    color: #ffffff;
    line-height: 1.5;
    padding: 1.43rem 1.43rem 5px;
}

select.input_effect option {
    background-color: #373850;
}

textarea.input_effect {
    resize: none;
    padding: 1.28rem 1.43rem;
}

.input_effect:focus,
.has-content {
    border-color: #7583FF;
}

.input_effect~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.input_effect:focus~.focus-border,
.has-content.input_effect~.focus-border {
    width: 100%;
    transition: 0.4s;
}

.input_effect~label {
    width: calc(100% - 5rem);
    position: absolute;
    left: 1.3rem;
    top: 50%;
    transform: translate(0%, -50%);
    font-weight: 500;
    font-size: 1.2rem;
    color: #ffffff;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0rem 0rem;
}

.input_effect:focus~label,
.has-content.input_effect~label {
    top: 1.35rem;
    font-weight: 500;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    transition: 0.3s;
    z-index: 1;
}

textarea.input_effect~label {
    top: 1.8rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #373850 inset;
    -webkit-text-fill-color: #fff;
    transition: background-color 5000s ease-in-out 0s;
}

/* Input Effects */

.deposit_view {
    min-width: 4.86rem;
    max-width: 4.86rem;
    height: 4.58rem;
    background-color: #48496A;
    box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1rem;
    color: #ffffff;
    position: relative;
    padding: 0.5rem;
    margin-right: 1rem;
    text-align: center
}

.deposit_view:after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #48496A;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translate(0%, -50%);
    content: '';
}

.how_deposit_view {
    min-width: 12.2rem;
    min-height: 3.21rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #48496A;
    font-weight: 500;
    font-size: 0.86rem;
    color: #ffffff;
    padding: 0.5rem 1.07rem;
}

.how_deposit_view img {
    width: 12px;
}

.how_deposit_view:hover {
    color: #ffffff;
}

.wallet_view li {
    display: flex;
    align-items: center;
    margin-top: 4rem;
}

.wallet_view li:first-child {
    margin-top: 0rem;
}

.wallet_view_icon img {
    min-width: 3.43rem;
}

.wallet_view_heading {
    font-weight: 500;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
}

.wallet_view_amount {
    font-weight: 500;
    font-size: 1.43rem;
    color: #ffffff;
}

.green_color {
    color: #70FFBE !important;
}

.red_color {
    color: #FF0054 !important;
}

.yellow_color {
    color: #FFC020 !important;
}

.wallet_address_block {
    min-width: 65rem;
    padding-right: 5rem;
}

.wallet_address_text {
    font-weight: 300;
    font-size: 1.07rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
}

.form-control {
    height: 3.93rem;
    background-color: #373850;
    border: 1px solid #6E709C;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0rem;
    font-weight: 500;
    font-size: 1.2rem;
    color: #ffffff;
    padding: 0.5rem 1.07rem;
}

.form-control:focus {
    background-color: #373850;
    border-color: #7583FF;
    color: #ffffff;
}

.wallet_code_copy_sec input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.wallet_code_copy_sec input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.wallet_code_copy_sec input::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.wallet_code_copy_sec input:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.wallet_code_copy_sec input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.wallet_code_copy_sec .btn {
    font-weight: 400;
    font-size: 1.07rem !important;
}

.wallet_code_copy_desc {
    font-size: 0.93rem;
    color: rgba(255, 255, 255, 0.8);
}

.wallet_barcode {
    min-width: 15.35rem;
    max-width: 15.35rem;
    height: 15.35rem;
    position: relative;
    padding: 20px;
}

.wallet_barcode svg {
    width: 100%;
    height: 100%;
    border: 5px solid #ffffff;
}

.wallet_barcode_cornor {
    width: 5.5rem;
    height: 5.5rem;
    background-color: transparent;
    border: 1px solid #6E709C;
    position: absolute;
}

.wallet_barcode_cornor.first {
    border-right: 0px;
    border-bottom: 0px;
    left: 0%;
    top: 0%;
}

.wallet_barcode_cornor.second {
    border-left: 0px;
    border-bottom: 0px;
    right: 0%;
    top: 0%;
}

.wallet_barcode_cornor.third {
    border-top: 0px;
    border-right: 0px;
    left: 0%;
    bottom: 0%;
}

.wallet_barcode_cornor.four {
    border-top: 0px;
    border-left: 0px;
    right: 0%;
    bottom: 0%;
}

.wallet_bar_code_desc {
    width: 98%;
    background-color: #48496A;
    box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    opacity: 0.5;
    position: relative;
    padding: 1.5rem;
    margin: 2.5rem auto 0rem;
}

.wallet_bar_code_desc:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #48496A;
    position: absolute;
    top: -8px;
    left: 5rem;
    content: '';
}

.wallet_bar_code_desc ul li {
    font-size: 1.07rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    padding: 0.1rem 0rem;
}

.available_wallet_box {
    position: relative;
    overflow: hidden;
}

.available_wallet_box:after,
.dashboard_my_account_block:after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    right: 0;
    background: radial-gradient(126.83% 167.17% at 172.87% 164.84%, rgba(128, 62, 255, 0.35) 0%, rgba(64, 65, 94, 0) 100%);
    content: '';
    border-radius: 12px;
}


/* Dashboard */
.dashboard_right_two_part {
    display: flex;
    /*padding-right: 22.8rem;*/
}

.dashboard_left_part {
    flex: 1;
    padding: 2rem;
}

.available_wallet_block {
    display: flex;
    position: relative;
    z-index: 2;
}

.available_wallet_icon {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
    position: relative;
    z-index: 2;
}

.available_wallet_icon:before,
.available_wallet_icon:after {
    width: 8.7rem;
    height: 8.7rem;
    border-radius: 50%;
    background: linear-gradient(270deg, #575984 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    z-index: -1;
}

.available_wallet_icon:after {
    width: 12.5rem;
    height: 12.5rem;
    background: linear-gradient(270deg, #4D4F76 1.23%, rgba(77, 79, 118, 0) 81.17%);
}

.available_wallet_icon img {
    width: 2.86rem;
}

.available_wallet_amount,
.available_wallet_amount_view {
    position: relative;
    z-index: 3;
}

.available_wallet_amount {
    min-width: 11.5rem;
}

.available_wallet_amount .wallet_view_heading {
    font-size: 1rem;
}

.available_wallet_amount .wallet_view_amount {
    font-size: 2.22rem;
}

.available_wallet_separator_line {
    min-width: 20rem;
    max-width: 20rem;
    position: relative;
}

.available_wallet_separator_line:before {
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 56.79%, rgba(79, 81, 120, 0) 100%);
    position: absolute;
    top: 0%;
    left: 50%;
    content: '';
}

.available_wallet_amount_list {
    border-top: 1px dashed rgba(220, 202, 255, 0.2);
    position: relative;
    z-index: 2;
}

.available_wallet_amount_list li {
    display: flex;
    align-items: center;
    padding: 0.65rem 0rem;
}

.available_wallet_amount_list .wallet_view_icon {
    min-width: 3.93rem;
    width: 3.93rem;
    height: 3.93rem;
    border-radius: 50%;
    background: linear-gradient(270deg, rgba(101, 103, 147, 0.53) 0%, rgba(101, 103, 147, 0) 112.73%);
    transform: rotate(-90deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.available_wallet_amount_list .wallet_view_icon img {
    min-width: initial !important;
    width: 1.43rem;
    transform: rotate(90deg);
}


.hold_amount_view {
    min-height: 5rem;
    background-image: url(../img/hold_amount_bg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.deposit_transfer_btns {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}

.deposit_transfer_btns li {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
}

.deposit_transfer_btns li:first-child {
    margin-top: 0px;
}

.deposit_transfer_btns li a {
    min-height: 5.5rem;
    display: flex;
    align-items: center;
    background: #595B84 !important;
    font-weight: 500;
    font-size: 1.43rem;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0rem 0rem 0rem transparent;
    padding: 0.5rem 1.5rem !important;
}

.deposit_transfer_btns_icon {
    min-width: 4.14rem;
    max-width: 4.14rem;
    height: 4.14rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -0.65rem;
    margin-right: 1.07rem;
}

.deposit_transfer_btns_icon img {
    width: 1.8rem;
}

.deposit_transfer_btns_icon:before,
.deposit_transfer_btns_icon:after {
    width: 7.85rem;
    height: 7.85rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.deposit_transfer_btns_icon:after {
    width: 13.2rem;
    height: 13.2rem;
    background-color: rgba(255, 255, 255, 0.05);
}

.deposit_transfer_btns li a.high_light,
.deposit_transfer_btns li a:hover {
    background: linear-gradient(102.15deg, #501FF3 19.81%, #803EFF 143.98%) !important;
}

.deposit_transfer_btns li a:hover .left_right_anim,
.btn:hover .left_right_anim {
    transition: all 0.5s ease-out;
    position: relative;
    animation: imgmove 1.5s infinite;
}

@keyframes imgmove {
    0% {
        left: 0px;
        opacity: 1;
    }

    100% {
        left: 15px;
        opacity: 0;
    }
}

.transactions_history_heading {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
}

.transactions_history_filter_title {
    white-space: nowrap;
    font-size: 0.93rem;
    color: #D8D9EA;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    margin: 0rem 0rem;
}

.transactions_history_filter_title img {
    width: 1.14rem;
    min-width: 1.14rem;
    margin-right: 0.6rem;
}

.transactions_history_filter_view_block .custom-select {
    min-width: 6.5rem;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid rgba(81, 82, 115, 0.5);
    font-size: 0.86rem;
    color: #ffffff;
    border-radius: 0rem;
    background-image: url(../img/select_arrow.svg);
    background-position: left center;
    background-size: 0.58rem;
    padding: 0.35rem 0rem;
    padding-left: 1.07rem;
}

.transactions_history_filter_view_block .custom-select option {
    color: #000;
}

.transactions_history_table th {
    font-weight: 500;
    font-size: 1rem;
    color: #C6C7D5;
    background-color: #313249;
    border-bottom: 1px solid #2d2e43;
    padding: 1.07rem 1.07rem;
}

.transactions_history_table td {
    font-weight: 400;
    font-size: 1rem;
    color: #ffffff;
    border-top: 1px solid #2d2e43;
    padding: 1.07rem 1.07rem;
}

.transactions_history_table tbody tr:nth-child(odd) td {
    background-color: rgba(60, 61, 86, 0.7);
}

.transactions_history_table tbody tr:nth-child(even) td {
    background-color: rgba(60, 61, 86, 0.3);
}

/* Pagination */
.table_pagination_block .pagination,
.table_pagination_block .page-item:first-child .page-link,
.table_pagination_block .page-item:last-child .page-link,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 0rem;
    border: 0px
}

.table_pagination_block .pagination,
.pagination {
    margin-top: 1px;
}

.table_pagination_block .page-item,
.pagination .page-item {
    margin-left: 1px;
}

.table_pagination_block .page-link,
.pagination .page-link {
    width: 2.86rem;
    height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(60, 61, 86, 0.7);
    border: 0px;
    font-size: 14px;
    color: #BCBDD4;
    margin: 0px;
    padding: 0.35rem;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    font-size: 26px;
}

.pagination .page-item.disabled .page-link {
    background-color: rgba(0, 0, 0, 0.1);
}

.table_pagination_block .page-link:focus,
.pagination .page-link:focus {
    outline: none;
    box-shadow: 0px 0px 0px transparent;
}

.table_pagination_block .page-link:hover,
.table_pagination_block .active .page-link,
.pagination .page-link:hover,
.pagination .active .page-link {
    background-color: #595B84;
    color: #ffffff;
}

/* Pagination */
/* Pagination */
div.dataTables_wrapper div.dataTables_paginate {
    display: block !important;
}

.dataTables_paginate .page-item:first-child a,
.dataTables_paginate .page-item:last-child a {
    border-radius: 0rem;
    border: 0px
}

.dataTables_paginate .pagination {
    margin-top: 1px;
}

.dataTables_paginate .page-item,
.dataTables_paginate li {
    margin-left: 1px;
}

.dataTables_paginate a {
    min-width: 2.86rem;
    height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(60, 61, 86, 0.7);
    border: 0px;
    font-size: 14px;
    color: #BCBDD4;
    margin: 0px;
    padding: 0.35rem;
}

.dataTables_paginate a:focus {
    outline: none;
    box-shadow: 0px 0px 0px transparent;
}

.dataTables_paginate a:hover,
.dataTables_paginate .active a {
    background-color: #595B84;
    color: #ffffff;
}

/* Pagination */


.dashboard_right_part {
    min-width: 22.8rem;
    max-width: 22.8rem;
    min-height: 100%;
    background-color: #3C3D56;
    /*position: absolute; top: 0; right: 0; padding-top: 3.45rem;*/
    margin-left: auto;
    padding-bottom: 3.5rem;
    z-index: 2;
}

.my_referral_sec {
    background: linear-gradient(278.24deg, #424466 8.19%, #595B84 100%), #3C3D56;
    padding: 1.43rem;
    margin: 20px;
}

.my_referral_heading {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, #4F5178 0%, rgba(61, 62, 90, 0.22) 100%);
    padding-bottom: 1.07rem;
}

.my_referral_heading img {
    min-width: 1.43rem;
    width: 1.43rem;
}

.my_referral_earn_view {
    display: flex;
}

.my_referral_earn_view li {
    flex: 1;
    font-weight: 500;
    font-size: 1.07rem;
    color: #ffffff;
}

.my_referral_earn_view li small {
    display: block;
    font-size: 80%;
    color: rgba(255, 255, 255, 0.8);
}

.my_referral_bar_bottom_view ul li {
    line-height: 1;
    margin-left: 1.07rem;
}

.my_referral_bar_bottom_view ul li:first-child {
    margin-left: 0;
}

.my_referral_bar_bottom_view ul li a {
    font-size: 0.79rem;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.5;
}

.my_referral_bar_bottom_view ul li.highlight a {
    font-weight: 500;
    opacity: 1;
}

.my_referral_bar_bottom_view ul li:hover a {
    opacity: 1;
    color: #70ffbe;
}

.my_referral_bar_bottom_view .view_all {
    font-weight: 500;
    font-size: 0.93rem;
    color: #ffffff;
}

.my_referral_bar_bottom_view .view_all:hover {
    color: #70ffbe;
}

.crypto_status_heading {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
    padding: 0rem 20px;
}

.crypto_status_listing li {
    padding: 20px;
}

.crypto_status_listing li:nth-child(odd) {
    background: linear-gradient(90deg, rgba(87, 88, 119, 0.35) 1.56%, rgba(45, 46, 67, 0) 79.38%);
}

.crypto_status_listing li:nth-child(even) {
    background-color: #3C3D56;
}

.crypto_status_view {
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #4F5178 0%, #3c3d56 100%);
    padding: 8px 1.07rem;
}

.crypto_status_icon {
    min-width: 2.57rem;
    width: 2.57rem;
}

.crypto_status_name {
    font-weight: 600;
    font-size: 1rem;
    color: #ffffff;
}

.crypto_status_name small {
    display: block;
    font-weight: 500;
    font-size: 92.85%;
    color: rgba(255, 255, 255, 0.8);
}

.crypto_status_count {
    min-width: 3.21rem;
    min-height: 1.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(164, 155, 220, 0.3);
    border-radius: 0.75rem;
    font-weight: 500;
    font-size: 0.93rem;
    color: #ffffff;
    padding: 0.25rem;
}

.crypto_status_value_block {
    padding: 8px 1.07rem;
}

.crypto_status_value {
    font-weight: 600;
    font-size: 1.07rem;
    color: #ffffff;
}

.crypto_value_status {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.93rem;
    line-height: 1;
}

.crypto_value_status i {
    font-size: 1.14rem;
}

.dashboard_right_trading_news_block {
    background: linear-gradient(115.44deg, rgba(46, 47, 69, 0.35) 10.89%, rgba(45, 46, 67, 0) 99.44%);
    padding: 20px;
    padding-bottom: 3rem;
}

.crypto_status_text {
    font-size: 0.93rem;
    color: rgba(255, 255, 255, 0.8);
}

.dashboard_right_trading_news_slider {
    margin-left: -5px;
    margin-right: -5px;
}

.dashboard_right_trading_news_slides {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.trading_news_popup_play {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.14rem;
    color: #ffffff;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.dashboard_right_trading_news_slides a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: radial-gradient(66.14% 53.78% at 50% 50%, rgba(0, 0, 0, 0) 7.81%, rgba(0, 0, 0, 0.415) 100%);
    z-index: 2;
}

.dashboard_right_trading_news_slider .slick-arrow {
    width: 2rem;
    height: 1.7rem;
    background: linear-gradient(0deg, rgba(99, 101, 145, 0.2), rgba(99, 101, 145, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    bottom: calc(-1.7rem - 1px);
    cursor: pointer;
    line-height: 1;
}

.dashboard_right_trading_news_slider .slick-arrow.prev {
    right: calc(2rem + 5px);
}

.dashboard_right_trading_news_slider .slick-arrow:hover {
    background: linear-gradient(0deg, rgba(99, 101, 145, 0.5), rgba(99, 101, 145, 0.5));
}

.dashboard_right_need_help_block {
    padding: 20px;
}

.available_wallet_box .btn {
    font-size: 1.07rem;
    padding: 1.07rem 2rem !important;
}

.dashboard_right_support_btn {
    width: 100%;
    box-shadow: 0px 0px 0px transparent;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    z-index: 2;
}

.dashboard_top_two_block {
    min-height: 11.5rem;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    border-radius: 12px;
}

.dashboard_top_two_block_icon {
    min-width: 8.57rem;
    width: 8.57rem;
    height: 8.57rem;
    border-radius: 50%;
    position: relative;
    background: linear-gradient(60.82deg, #CFD1FF 16.37%, #E3E6FF 85.47%);
    opacity: 0.5;
    margin: 8px;
}

.dashboard_top_two_block_icon:before,
.dashboard_top_two_block_icon:after {
    width: 12.28rem;
    height: 12.28rem;
    border-radius: 50%;
    background: linear-gradient(67.26deg, rgba(207, 209, 255, 0.3) 17.7%, rgba(225, 227, 255, 0.3) 86.04%);
    /*opacity: 0.5;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.dashboard_top_two_block_icon:after {
    width: 17.5rem;
    height: 17.5rem;
    opacity: 1;
    background: linear-gradient(67.26deg, rgba(207, 209, 255, 0.1) 17.7%, rgba(225, 227, 255, 0.1) 86.04%);
}

.dashboard_top_view {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.dashboard_top_block {
    max-width: 50%;
    flex: 0 0 50%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.dashboard_discover_icon {
    max-width: 12rem;
    position: absolute;
    top: -1.5rem;
    left: 1.5rem;
    z-index: 2;
}

.dashboard_discover_text_view,
.dashboard_refer_text_view {
    padding: 1.07rem 1.5rem 1.07rem 6.5rem;
}

.dashboard_discover_heading {
    font-weight: 500;
    font-size: 1.21rem;
    color: #090A0F;
}

.dashboard_discover_heading small {
    display: block;
    font-weight: 400;
    font-size: 70.58%;
}

.dashboard_refer_text_view .dashboard_discover_heading {
    font-weight: 600;
    font-size: 1.57rem;
}

.dashboard_discover_text_view .btn,
.dashboard_refer_text_view .btn {
    font-size: 0.86rem;
    padding: 0.65rem 1.5rem !important;
}

.dashboard_refer_heading {
    font-weight: 600;
    font-size: 1.79rem;
    color: #232438;
}

.dashboard_refer_heading small {
    display: block;
    font-weight: 400;
    font-size: 80%;
    color: #090A0F;
}

.dashboard_refer_heading small strong {
    font-weight: 600;
}

.download_metaTrader_box {
    background: #3C3D56;
    margin-top: 2rem;
    border-radius: 12px;
}

.download_metaTrader_heading {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #4F5178 0%, #3d3e57 75%);
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
    position: relative;
    padding: 1.07rem;
    z-index: 2;
}

.download_metaTrader_heading .deposit_transfer_btns_icon {
    background: linear-gradient(180deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
}

.download_metaTrader_heading .deposit_transfer_btns_icon img {
    width: 2.5rem;
    position: relative;
    z-index: 2;
}

.download_metaTrader_heading .deposit_transfer_btns_icon:before {
    background: linear-gradient(270deg, #575984 6.15%, rgba(72, 74, 110, 0) 91.39%);
}

.download_metaTrader_heading .deposit_transfer_btns_icon:after {
    width: 11.5rem;
    height: 11.5rem;
    background: linear-gradient(270deg, #4D4F76 1.23%, rgba(77, 79, 118, 0) 81.17%);
}

.dashboard_account_overview_heading {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
}

.view_detail_link {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}

.view_detail_link:hover {
    color: #70ffbe;
}

.download_platform_btns {
    padding: 2rem 2.14rem;
}

.download_platform_btns li.heading {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.download_platform_btns li a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.07rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 1.2rem 1.07rem;
}

.download_platform_btns li a img {
    width: 1.28rem;
}

.dashboard_my_account_block {
    background: #3C3D56;
    position: relative;
}

.dashboard_my_account_block:after {
    background: radial-gradient(126.83% 167.17% at 172.87% 164.84%, rgba(128, 62, 255, 0.35) 0%, rgba(64, 65, 94, 0) 100%);
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.dashboard_account_slider_block {
    max-width: 67.75rem;
    position: relative;
    padding: 30px 25px;
    margin-left: -15px;
    margin-right: -15px;
    z-index: 3;
}

.dashboard_account_slide_listing {
    background: linear-gradient(to right, #484A6D 0%, #3C3D56 100%);
    padding: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

.dashboard_account_slide_heading_view {
    font-size: 1.28rem;
    border-bottom: 1px dashed #646691;
}

.dashboard_account_slide_heading_count,
.dashboard_account_slide_heading_count:hover {
    color: #70FFBE;
}

.dashboard_account_slide_heading {
    color: #ffffff;
    display: flex;
    align-items: center;
}

.dashboard_account_slide_heading img {
    width: 2.36rem;
}

.dashboard_account_slider_block .slick-arrow {
    width: 3.57rem;
    height: 3rem;
    background-color: #484A6E;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 40px;
    bottom: -4.85rem;
    cursor: pointer;
    line-height: 1;
    color: #ffffff;
    transition: all 0.5s ease-out;
    z-index: 3;
}

.dashboard_account_slider_block .slick-arrow.prev {
    right: calc(7.14rem - 8px);
}

.dashboard_account_slider_block .slick-arrow:hover {
    background-color: #ed1c58;
}

.dashboard_open_manage_account_block {
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #35364F -50%, #4d4e76 100%);
    position: relative;
    z-index: 2;
    padding: 25px;
}

.dashboard_open_manage_account_block .btn {
    min-width: 12.72rem;
    font-weight: 400;
    font-size: 1.07rem;
    padding: 0.8rem 2rem !important;
}

.dashboard_account_overview_box {
    position: relative;
    background-color: #36374E;
    border-left: 2px solid #803EFF;
    border-radius: 12px;
}

.dashboard_account_overview_box.selected:after {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    bottom: 0%;
    background: radial-gradient(153.41% 202.72% at 172.87% 164.84%, #803EFF 0%, rgba(64, 65, 94, 0) 100%);
    content: '';
    border-radius: 12px;
}

.account_type_heading_view {
    display: flex;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: radial-gradient(circle farthest-corner at center center, #4E5076 0%, #36374e 100%);
    padding: 1.43rem 1.43rem;
}

.account_type_heading_icon img {
    min-width: 3.71rem;
}

.account_type_view {
    font-weight: 500;
    font-size: 1rem;
    color: #FFC020;
    text-transform: uppercase;
}

.account_type_heading {
    font-weight: 400;
    font-size: 1.28rem;
    color: #ffffff;
}

.account_type_price_view {
    padding: 1.8rem 0rem;
}

.account_type_price_view li {
    min-width: inherit;
    max-width: inherit;
    flex: auto;
    border-left: 0rem;
    font-weight: 500;
    font-size: 1.28rem;
    color: #ffffff;
    text-align: center;
    border-left: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 54.69%, rgba(79, 81, 120, 0) 100%);
    padding: 0rem 1.43rem;
}

.account_type_price_view li:first-child {
    border-left: 0px;
}

.account_type_price_view li small {
    display: block;
    font-weight: 400;
    font-size: 0.93rem;
    color: rgba(255, 255, 255, 0.8);
}

.account_type_list_btn {
    padding: 0rem 1.43rem 1.43rem;
}

.account_type_list_btn .dashboard_right_support_btn {
    font-size: 0.93rem;
    padding: 0.8rem 2rem !important;
}

.dashboard_account_overview_box.selected .dashboard_right_support_btn {
    background: linear-gradient(102.15deg, #501FF3 19.81%, #803EFF 143.98%);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
    border: 0px;
}

.account_type_heading_view,
.account_type_price_view,
.account_type_list_btn {
    position: relative;
    z-index: 2;
}

/* Dashboard */

/* Other pages */
.accountbal_top {
    background: linear-gradient(270deg, #474865 2.55%, rgba(61, 62, 90, 0) 100%);
    padding: 1rem 3rem;
    margin-top: -2rem;
    margin-right: -2rem;
}

.accountbal_top .wallet_view_amount_top {
    font-size: 1.57rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
}

.accountbal_top img {
    min-width: 3.5rem;
}

.wallet_bar_code_desc ul>li:last-child {
    display: inline-flex;
}

.wallet_bar_code_desc ul li::before {
    content: "+";
    position: relative;
    font-size: inherit;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 0.5rem
}

/* Transaction History Page */
.transaction_details_top {
    background: #3C3D56;
}

.fund-summary_box {
    background: linear-gradient(90deg, #2D2E43 0%, #3C3D56 50%);
    color: #FFFFFF;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 1rem;
}

.transaction_detail_tray {
    padding: 1.4rem;
}

.transaction_detail_tray .available_wallet_icon img {
    min-width: 3rem;
    max-width: 3rem;
}

.transaction_detail_tray .wallet_view_heading {
    font-size: 1.2rem;
    letter-spacing: 0.05rem;
    font-weight: 300;
}

.transaction_detail_tray .wallet_view_amount {
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
}

.transaction_detail_tray ul {
    margin-left: 17rem;
}

.divider_line {
    overflow-x: hidden;
    position: relative;
}

.divider_line:before {
    content: "";
    background-color: #C4C4C4;
    position: absolute;
    width: 1px;
    height: 100%;
    max-height: 3.5rem;
    left: 75%;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

.withdrawtext {
    color: #FFC020;
    letter-spacing: 0.05rem;
}

.pbmob {
    padding-bottom: 2rem;
}

.available_wallet_amount .wallet_view_icon {
    min-width: 3.93rem;
    width: 3.93rem;
    height: 3.93rem;
    border-radius: 50%;
    background: linear-gradient(270deg, rgba(101, 103, 147, 0.53) 0%, rgba(101, 103, 147, 0) 112.73%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.accountbal_top .wallet_view_icon {
    min-width: 3.93rem;
    width: 3.93rem;
    height: 3.93rem;
    border-radius: 50%;
    background: linear-gradient(270deg, rgba(101, 103, 147, 0.53) 0%, rgba(101, 103, 147, 0) 112.73%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.accountbal_top .wallet_view_icon img {
    min-width: 2.7rem;
    width: 2.7rem;
}

.deposit_step_listbtn li {
    min-width: 20.2rem;
    max-width: 20.2rem;
    min-height: 5.85rem;
    position: relative;
    background-color: rgba(60, 61, 86, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 1.5rem 3rem;
    margin-right: 15px;
}

.deposit_step_heading a {
    color: #FFFFFF;
    font-size: 1.34rem;
}

.btn-openaccount {
    padding: 1.07rem 5rem !important;
}

.myaccount_barline {
    width: 100%;
    background-color: #515273;
    border-radius: 5px;
    position: relative;
    margin: 1rem auto 0rem;
    border: 1px solid #515273;
}

.myaccount_barline::before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #515273;
    position: absolute;
    top: -9px;
    left: 8%;
    content: '';
}

.myaccount_heading h1 {
    margin-top: 1rem !important;
}

.myaccount_heading small {
    display: block;
    font-size: 70%;
    color: rgba(255, 255, 255, 0.5);
}

.available_wallet_amount .btn {
    min-width: 10rem !important;
}

.myaccount_btn {
    font-size: 1rem;
    padding: .7rem 2rem !important;
    min-width: 13rem !important;
}

/*.profile_view_nav .dropdown-menucustome.show{ margin-top: 2rem; margin-left: -1.7rem;}*/

.transaction_details_top .wallet_view_icon img {
    min-width: 2rem;
    width: 2rem;
}

.available_wallet_amount .trans_history_icon img {
    min-width: 2.43rem;
    width: 2.43rem;
    z-index: 9;
}

.trans_history_icon .deposit_transfer_btns_icon {
    background: linear-gradient(270deg, rgba(101, 103, 147, 0.5) 0%, rgba(101, 103, 147, 0) 100%);
}

.trans_history_icon .deposit_transfer_btns_icon::before,
.trans_history_icon .deposit_transfer_btns_icon::after {
    width: 140%;
    height: 140%;
    border-radius: 50%;
    background: linear-gradient(270deg, rgba(87, 89, 132, 0.5) 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.trans_history_icon .deposit_transfer_btns_icon::after {
    width: 185%;
    height: 185%;
    background: linear-gradient(270deg, rgba(77, 79, 118, 0.5) 1.23%, rgba(77, 79, 118, 0) 81.17%);
}

.myaccount_listitem {
    background: #3C3D56;
    height: 8.57rem;
    max-height: 8.57;
    display: flex;
    justify-content: start;
    padding: 1rem;
    margin-top: 1.5rem;
}

.myaccount_listitem .available_wallet_amount .wallet_account_no {
    font-size: 1.57rem;
}

.myaccount_listitem .available_wallet_amount .wallet_account_type {
    font-size: 1.2rem;
    color: #fff;
}

.transaction_detail_tray ul li>.available_wallet_icon>img {
    min-width: 3.5rem;
    max-width: 3.5rem;
}

.create_account_box {
    min-width: 46.5rem;
    max-width: 46.5rem;
}

.create_account_innerbox {
    padding: 1.5rem 5rem 3.28rem;
}

.create_account_heading {
    font-weight: 600;
    font-size: 1.57rem;
    color: #ffffff;
    margin-bottom: 4.07rem;
}

.create_account_box .form-group {
    margin-bottom: 2.86rem;
}

.create_account_innerbox .input_effects {
    width: 100% !important;
}

.create_account_innerbox .input_effects select {
    border: none;
    height: 4.5rem;
}

.create_account_innerbox .input_effects select .form-control {
    background: none !important;
}

.create_account_btn {
    min-height: 4.28rem;
    margin-top: 2.28rem;
}

/* remove the original arrow */
select.selectWrapper {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.selectWrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #D4D5DE;
    border-radius: 2px;
    /*background: url(../img/select_dropicon.svg) right 13px center no-repeat;*/
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23D4D5DE%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
}

.selectWrapper select {
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ellipsis;
}

.selectWrapper option {
    font-weight: 500;
    font-size: 1.2rem;
    color: #ffffff;
    padding: 1.43rem 1.43rem;
    /*text-transform: capitalize;*/
}

.close_boxbtn_inner {
    background-color: #2D2E4369;
    width: 3.28rem;
    height: 3.28rem;
    margin-top: -2.3rem !important;
    margin-right: -2.3rem !important;
}

.close_boxbtn_inner i {
    font-size: 2.2rem;
}

.transaction_box_inner .deposit_transfer_btns_icon img {
    width: 4.76rem !important;
    min-width: 4.76rem !important;
    z-index: 99;
}

.transaction_box_icon .deposit_transfer_btns_icon {
    min-width: 8.2rem;
    max-width: 8.2rem;
    height: 8.2rem;
    background: linear-gradient(180deg, rgba(101, 103, 147, 0.5) 0%, rgba(80, 82, 129, 0)100%);
}

.transaction_box_inner .deposit_transfer_btns_icon::before,
.transaction_box .deposit_transfer_btns_icon::after {
    width: 160%;
    height: 160%;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(87, 89, 132, 0.5) 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.transaction_box_icon .deposit_transfer_btns_icon::after {
    width: 230%;
    height: 230%;
    background: linear-gradient(180deg, rgba(77, 79, 118, 0.5) 1.23%, rgba(77, 79, 118, 0) 81.17%);
}

.transaction_box .available_wallet_amount {
    z-index: 9;
}

.transaction_box .available_wallet_amount .wallet_view_heading {
    font-size: 1.28rem;
    font-weight: 400;
    line-height: 111.5%;
}

.transaction_box .available_wallet_amount .wallet_view_amount {
    font-size: 3.92rem;
    line-height: 111.5%;
}

.available_wallet_amount .transaction_clock_icon {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    background: none;
}

.onhold_amount {
    min-width: 80%;
    display: inline-flex;
    align-items: center;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(79, 81, 120, 0) 0%, #4F5178 56.79%, rgba(79, 81, 120, 0) 100%);
    padding: 1.07rem 0rem 0rem;
    margin: 1.2rem 0rem 0rem;
}

.onhold_amount .wallet_amount_view .wallet_view_heading {
    font-size: 13px;
}

.onhold_amount .wallet_amount_view .wallet_view_amount {
    font-size: 15px;
}

.transaction_box .available_wallet_amount .transaction_clock_icon img {
    min-width: 1rem !important;
}

.hr_linear_small {
    width: 14% !important;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(79, 81, 120, 0.5), rgba(0, 0, 0, 0));
    position: absolute;
    top: 55%;
    left: 20%;
    border: none;
}

.transaction_box .available_wallet_separator_line::before {
    width: 1.5rem;
    height: 90%;
    background: radial-gradient(52.95% 51.12% at 0% 50.09%, #4F5178 0%, rgba(61, 61, 86, 0) 100%);
    position: absolute;
    top: 0%;
    left: 50%;
    content: '';
}

.available_wallet_amount_list {
    display: block;
    align-self: center;
    border: none;
}

.transaction_btntop {
    min-width: 20rem;
    width: 20rem;
}

.transaction_box {
    width: 55%;
    min-height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transactions_amount_views {
    position: relative;
    z-index: 2;
}

.transactions_amount_views ul {
    display: flex;
    margin-left: -1.78rem;
    margin-right: -1.78rem;
}

.transactions_amount_views ul li {
    flex: 1;
    height: 7rem;
    background: linear-gradient(180.4deg, rgba(74, 75, 109, 0.85) -79.66%, rgba(74, 75, 109, 0) 129.47%);
    justify-content: flex-start;
    margin: 1.78rem 1.78rem;
}

.transactions_wallet_view_icon {
    min-width: 4.14rem;
    max-width: 4.14rem;
    height: 4.14rem;
    border-radius: 0;
    background: linear-gradient(157.81deg, rgba(101, 103, 147, 0.32) 15.51%, rgba(101, 103, 147, 0.07) 102.74%);
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 1.5rem;
}

.transactions_wallet_view_icon img {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.transactions_amount_views ul li:first-child {
    margin-top: 1.78rem !important;
}

.more_about_sec {
    margin-top: 3rem;
    margin-bottom: 3rem;
    width: 93% !important;
}

.more_about_sec h2 {
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
}

.more_about_sec p {
    font-size: 1rem;
    color: #fff;
}

span .more_about_btns_text {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
}

.available_wallet_separator_line_radial::before {
    width: 1.5rem;
    height: 100%;
    background: radial-gradient(52.95% 51.12% at 0% 50.09%, #4F5178 0%, rgba(61, 61, 86, 0) 100%);
    position: absolute;
    top: 0%;
    left: 50%;
    content: '';
}

/* Other pages */

/* My-Profile */
.my_profile_top,
.meta_trader_top {
    min-height: 16.8rem;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100% 100%;
    background-image: url(../img/my_profile_top.png);
    border-radius: 12px;
}

.my_profile_top img,
.meta_trader_top_icon img {
    width: 4rem;
    transition: all 1s ease-out;
    animation: image_move 2.5s infinite linear;
    transform-origin: 70% 70%;
}

@keyframes image_move {
    0% {
        transform: rotate(0deg)
    }

    10% {
        transform: rotate(20deg)
    }

    20% {
        transform: rotate(-14deg)
    }

    30% {
        transform: rotate(20deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(16deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

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

    10% {
        transform: rotate(20deg)
    }

    20% {
        transform: rotate(-14deg)
    }

    30% {
        transform: rotate(20deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(16deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.my_profile_hello_block {
    min-width: 7.85rem;
    height: 7.85rem;
    background: linear-gradient(60.82deg, rgba(207, 209, 255, 0.2) 16.37%, rgba(227, 230, 255, 0.2) 85.47%);
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 20px;
}

.my_profile_hello_block:before,
.my_profile_hello_block:after {
    min-width: 150%;
    height: 150%;
    background: linear-gradient(67.26deg, rgba(207, 209, 255, 0.1) 17.7%, rgba(225, 227, 255, 0.1) 86.04%);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.my_profile_hello_block:after {
    min-width: 205%;
    height: 205%;
    background: linear-gradient(67.26deg, rgba(207, 209, 255, 0.05) 17.7%, rgba(225, 227, 255, 0.05) 86.04%);
    content: '';
}

.profile_name,
.meta_trader_title {
    font-weight: 600;
    font-size: 3.8rem;
    color: #ffffff;
    position: relative;
    padding-left: 0.5rem;
    z-index: 2;
}

.profile_name small,
.meta_trader_title small {
    font-weight: 400;
    display: block;
    font-size: 80%;
}

.profile_pic_view_sec {
    background-color: #3C3D56;
    display: flex;
    align-items: center;
    padding: 25px 30px;
}

.profile_pic_view {
    min-width: 11.5rem;
    width: 11.5rem;
    height: 11.5rem;
    border-radius: 50%;
    background-color: #3C3D56;
    border: 3px solid #803eff;
    margin: -5rem 0rem -0.5rem;
}

.profile_pic_view img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile_status_view_sec {
    width: 100%;
    padding-left: 1.5rem;
}

.profile_status_box {
    display: flex;
    align-items: center;
}

.profile_status_box li {
    display: flex;
    flex: 1;
    padding: 15px 15px;
    padding-right: 0px;
}

.profile_status_icon {
    min-width: 4.3rem;
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 50%;
    background: linear-gradient(142.54deg, #656793 -69.22%, rgba(101, 103, 147, 0) 85.86%);
    padding: 8px;
}

.profile_status_icon_inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(180deg, #DBDFFF 0%, #7583FF 98.35%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile_status_icon_inner.notverified {
    background: linear-gradient(180.14deg, #FFF1CE 0.22%, #FFC020 98.64%);
}

.profile_status_icon_inner.verified {
    background: linear-gradient(180.14deg, #1BFDEF 0.22%, #60E6A7 98.64%);
}

.profile_status_icon_inner img {
    width: 100%;
}

.profile_status_data {
    font-size: 1.57rem;
    color: #70FFBE;
    overflow: hidden;
    padding-left: 15px;
}

.profile_status_data small {
    display: block;
    font-size: 72%;
    color: #ffffff;
}

.profile_status_data.notverified_text {
    color: #FFC020;
}

.update_document_btn_box {
    position: relative;
    padding-left: 4.5rem !important;
}

.update_document_btn_box:before,
.new_user_dashboard_account_btn_view:before {
    width: 12px;
    height: 100%;
    background-image: url(../img/update_document_btn_separator.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translate(0%, -50%);
    content: '';
}

.update_document_btn_box .btn {
    font-size: 1.57rem;
    padding: 0.9rem 2rem !important;
}

.profile_contact_location_view {
    display: flex;
    margin: 0px -15px;
}

.profile_contact_location_view li {
    background-color: #3C3D56;
    display: flex;
    align-items: center;
    flex: 1;
    padding: 8px;
    margin: 0px 15px;
}

.profile_contact_location_icon {
    min-width: 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    margin: 2.3rem;
}

.profile_contact_location_icon img {
    width: 2.7rem;
}

.profile_contact_location_icon:before,
.profile_contact_location_icon:after {
    width: 150%;
    height: 150%;
    border-radius: 50%;
    background: linear-gradient(270deg, #575984 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    z-index: -1;
}

.profile_contact_location_icon:after {
    width: 210%;
    height: 210%;
    background: linear-gradient(270deg, #4D4F76 1.23%, rgba(77, 79, 118, 0) 81.17%);
    z-index: -2;
}

.profile_contact_location_data {
    font-size: 2rem;
    color: #ffffff;
    padding-left: 1.5rem;
}

.profile_contact_location_data small {
    display: block;
    font-size: 78.5%;
    color: rgba(255, 255, 255, 0.7);
}

.reset_password_sec {
    background-color: #3C3D56;
    padding: 30px;
}

.update_password_btn {
    width: 100%;
    min-height: 4.58rem;
    padding: 15px 15px !important;
}

.password_icon {
    width: 3.5rem;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0%;
    right: 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password_icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.43rem;
    color: #ffffff;
    line-height: 0;
    transition: all 0.5s ease-out;
}

.password_icon.eye_visible i {
    color: #70FFBE;
}

.password_icon .bi-eye-fill,
.password_icon.eye_visible .bi-eye-slash-fill {
    opacity: 0;
    visibility: hidden;
}

.password_icon.eye_visible .bi-eye-fill {
    opacity: 1;
    visibility: visible;
}

.right_icon_view .input_effect {
    padding-right: 4rem;
}

/* My-Profile */

/* Document Verification*/
.document_verification_list li {
    background-color: #42435F;
    display: flex;
    position: relative;
    padding: 8px;
    margin-bottom: 30px;
    border-radius: 12px;
}

.document_verification_list li.highlight:before {
    width: 2px;
    height: 50%;
    background-color: #70FFBE;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    content: '';
}

.document_verification_list li.highlight:after {
    width: 22px;
    height: 5rem;
    background: radial-gradient(122.16% 58.26% at 165.91% 50%, #70FFBE 0%, rgba(64, 65, 94, 0) 100%);
    transform: rotate(-180deg);
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -2.5rem;
    content: '';
}

.document_verification_choose_block {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 30px;
}

.document_verification_choose_label {
    min-width: 20rem;
    font-weight: 500;
    font-size: 1.57rem;
    color: #ffffff;
    padding-right: 20px;
}

.document_verification_choose_block .custom-select {
    height: 4.58rem;
    border: 1px solid #6E709C;
    background-color: #373850;
    box-shadow: 0px 0px 0px transparent;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23D4D5DE%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
    padding: 1.43rem 1.43rem;
}

.document_verification_choose_block .custom-select option {
    background-color: #373850;
}

.document_verification_select_block {
    width: 50%;
    min-height: 9.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #373850;
    border: 2px dashed #4B4D74 !important;
    position: relative;
    padding: 20px;
    border-radius: 12px;
}

.document_verification_select_block .dz-message {
    margin: 0rem 0rem !important;
}

.document_verification_select_block input[type="file"] {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0%;
    left: 0%;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.drag_drop_info_box {
    display: inline-flex;
    align-items: center;
}

.drag_drop_info_icon {
    min-width: 4.43rem;
    width: 4.43rem;
    margin-right: 15px;
}

.drag_drop_info_icon_data {
    font-size: 1.43rem;
    color: #ffffff;
    padding: 15px;
}

.drag_drop_info_icon_data small {
    display: block;
    font-size: 65%;
    color: rgba(255, 255, 255, 0.7);
}

.verification_or_separator {
    position: relative;
}

.verification_or_separator:after {
    width: 75%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: linear-gradient(90deg, rgba(81, 82, 115, 0) 0.89%, #515273 60.68%, rgba(81, 82, 115, 0) 106.2%);
    transform: translate(-50%, -50%);
    content: '';
}

.verification_or {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2D2E43;
    border: 1px solid #4D4E6E;
    transform: rotate(45deg);
    margin: 0rem auto;
    position: relative;
    z-index: 2;
}

.verification_or span {
    font-size: 0.93rem;
    color: rgba(255, 255, 255, 0.7);
    transform: rotate(-45deg);
}

/* Document Verification*/

/* Get Platforms*/
.meta_trader_top {
    min-height: 11.5rem;
    background-image: url(../img/meta_trader_bg.jpg);
}

.meta_trader_top_icon {
    width: 7.85rem;
    min-width: 7.85rem;
    height: 7.85rem;
    border-radius: 50%;
    background: linear-gradient(60.82deg, rgba(207, 209, 255, 0.15) 16.37%, rgba(227, 230, 255, 0.15) 85.47%);
    position: relative;
    padding: 10px;
    margin: 2rem;
}

.meta_trader_top_icon span {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #F7F7FF -0.54%, #DBDFFF 47.95%, #AAB3FF 96.45%);
}

.meta_trader_top_icon:before,
.meta_trader_top_icon:after {
    width: 150%;
    min-width: 150%;
    height: 150%;
    border-radius: 50%;
    background: linear-gradient(67.26deg, rgba(207, 209, 255, 0.1) 17.7%, rgba(225, 227, 255, 0.1) 86.04%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.meta_trader_top_icon:after {
    width: 210%;
    min-width: 210%;
    height: 210%;
    background: linear-gradient(67.26deg, rgba(207, 209, 255, 0.05) 17.7%, rgba(225, 227, 255, 0.05) 86.04%);
}

.meta_trader_title {
    font-size: 2.57rem;
}

.meta_trader_title small {
    font-size: 55%;
}

.meta_trader_top_icon img {
    animation: none;
}

.meta_trader_download_list {
    display: flex;
    margin-top: 2rem;
    margin-left: -15px;
    margin-right: -15px;
}

.meta_trader_download_list li {
    position: relative;
    display: flex;
    flex: 1;
    background-color: #3c3d56;
    justify-content: center;
    padding: 4rem;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 12px;
}

.meta_trader_download_list li>div {
    position: relative;
    z-index: 2;
}

.meta_trader_download_list li:after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    right: 0;
    background: radial-gradient(137.91% 105.34% at -76.34% 134.06%, rgba(255, 0, 84, 0.2) 0%, rgba(64, 65, 94, 0) 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    content: '';
}

.meta_trader_download_icon {
    width: 7.14rem;
    min-width: 7.14rem;
    height: 7.14rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
    transform: rotate(-90deg);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem auto;
    z-index: 0;
}

.meta_trader_download_icon img {
    width: 3.5rem;
    transform: rotate(90deg);
}

.meta_trader_download_icon:before,
.meta_trader_download_icon:after {
    width: 150%;
    min-width: 150%;
    height: 150%;
    border-radius: 50%;
    background: linear-gradient(270deg, #575984 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    z-index: -1;
}

.meta_trader_download_icon:after {
    width: 200%;
    min-width: 200%;
    height: 200%;
    border-radius: 50%;
    background: linear-gradient(270deg, #4D4F76 1.23%, rgba(77, 79, 118, 0) 81.17%);
    z-index: -2;
}

.meta_trader_download_name {
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.meta_trader_btn {
    margin-top: 3.5rem;
}

.meta_trader_btn .btn {
    width: 100%;
}

/* Get Platforms*/

/* Dashboard New User*/
.new_user_wallet_icon img {
    width: 9.14rem;
}

.new_user_wallet_text {
    font-size: 1.28rem;
    color: #ffffff;
}

.new_user_dashboard_account_block {
    min-height: 26rem;
    display: flex;
    align-items: center;
    position: relative;
    padding: 2.5rem 4rem;
    z-index: 2;
    border-radius: 12px;
}

.new_user_dashboard_account_icon {
    min-width: 10rem;
    width: 10rem;
    margin-right: 3.5rem;
}

.new_user_dashboard_account_icon img {
    width: 100%;
    display: inline-block;
}

.new_user_dashboard_account_btn_view {
    min-height: 10rem;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3.5rem;
}

.new_user_dashboard_account_btn_view:before {
    background-size: 0.7rem;
}

.new_user_dashboard_account_btn_text {
    font-size: 1.28rem;
    color: #ffffff;
}

/* Dashboard New User*/

/* Wallet New user*/
.wallet_new_user_block {
    padding: 4rem 0rem;
}

.wallet_new_user_view {
    min-width: 50%;
}

.wallet_new_user_block .new_user_wallet_icon img {
    width: 16rem;
}

.wallet_new_user_block .available_wallet_separator_line {
    min-width: 5rem;
    width: 5rem;
}

.wallet_new_user_block .new_user_dashboard_account_btn_view {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.wallet_new_user_block .new_user_dashboard_account_btn_view:before {
    display: none;
}

.wallet_new_user_block .wallet_view_heading {
    font-size: 1.6rem;
}

.wallet_new_user_block .wallet_view_amount {
    font-size: 2.8rem;
}

.wallet_new_user_block .new_user_dashboard_account_btn_text {
    font-size: 1.6rem;
}

.wallet_new_user_block .deposit_transfer_btns {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.wallet_new_user_block .deposit_transfer_btns li {
    padding-left: 0rem;
    padding-right: 0rem;
}

.wallet_new_user_block .btn {
    font-size: 1.57rem;
}

/* Wallet New user*/

/* IB Panel page New */
.ibpanel-block {
    width: 100%;
    padding-top: 3.5rem;
    position: relative;
    z-index: 2;
}

.ibpanel_top {
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
    background-image: url(../img/dashboard_ibpane_banner.svg);
    display: flex;
    align-items: center;
    padding-left: 18.5rem;
}

.ibpanel_top:before {
    width: calc(100% - 7.5rem);
    height: 100%;
    background: linear-gradient(273.61deg, #3A1F9F 5.96%, #804BE0 106.25%), #3C3D56;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: -1;
}

.ibpanel_user_text_view {
    padding: 0rem 0rem;
}

.ibpanel_user_heading,
.ibpanel_username {
    font-weight: 400;
    font-size: 2.5rem;
    color: #fff;
    line-height: 1.2;
}

.ibpanel_username {
    font-weight: 700;
    font-size: 3.07rem;
}

.ibpanel_topright {
    min-height: 22.5rem;
    min-width: 35rem;
    width: 35rem;
    border-radius: 1.79rem;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    background: linear-gradient(295.64deg, rgba(238, 242, 255, 0.57) 1.23%, rgba(251, 247, 255, 0.793958) 52.64%, #FFFFFF 99.94%);
    box-shadow: -9px 21px 35px rgba(0, 0, 0, 0.15);
    position: relative;
    top: -3.3rem;
    border: 1px solid rgba(255, 255, 255, 0.8);
    margin-left: auto;
}

.ibpanel_right_card {
    width: 100%;
    height: 22.5rem;
    background: url(../img/ibtop_right.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    position: relative;
    padding: 2.2rem;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
}

.ibcard_top .ibcard_toptext {
    font-weight: 400;
    font-size: 1.71rem;
    line-height: 1.1;
    letter-spacing: 0.05rem;
    color: rgba(0, 0, 0, 0.7);
}

.ibcard_top .ibcard_toptext span {
    font-size: 2.14rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.4rem;
    color: #4502C6;
}

.ibcard_mid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
}

.ibcard_mid .ibcard_midtext {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.15;
    color: rgba(0, 0, 0, 0.7);
    position: relative;
}

.ibcard_mid .ibcard_midicon {
    position: relative;
    margin-left: auto;
}

.copylink_ibcard {
    margin-top: 1.5rem;
}

.copylink_ibcard .input-group {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

.copylink_ibcard .form-control {
    background-color: transparent;
    box-shadow: 0px;
    border: 0;
    color: #000000;
    font-weight: 400;
    font-size: 1.07rem;
}

.copylink_ibcard .form-control:focus {
    z-index: 0;
}

.copylink_ibcard .input-group-prepend {
    background: #FFFFFF;
    border-radius: 7px;
    width: 3.85rem;
    height: 3.93rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0rem;
    z-index: 2;
}

.copylink_ibcard .input-group-prepend .input-group-text {
    background: transparent;
    width: 100%;
    height: 100%;
    border: none;
    justify-content: center;
    cursor: pointer;
    padding: 0rem 0rem;
}

.copylink_ibcard .input-group-prepend .input-group-text img {
    width: 1.8rem;
}

.copylink_ibcard label {
    color: #4502C6;
    font-weight: 400;
    line-height: 1.2;
    font-size: 1.28rem;
}

.ibpanel-midblock {
    max-width: 100%;
    position: relative;
    margin-top: 2rem;
}

/*.ibpanel-midblock .inveslo_box {padding: 44px;}*/
.midblock_left,
.midblock_right {
    height: 100%;
}

.midblock_left_ibblock {
    display: flex;
    align-items: center;
    justify-content: center;
}

.midblock_left_ibblock>div {
    position: relative;
    z-index: 2;
}

.ib_days {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.ib_days span {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    background: #4C4D69;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.07rem;
    color: rgba(255, 255, 255, 0.5);
    padding: 0.3rem;
}

.ib_days span.active {
    color: rgba(255, 192, 32, 1);
}

.progress-circle {
    position: relative;
    padding: 0;
    width: 12rem;
    height: 12rem;
    background-color: #4C4D69;
    border-radius: 50%;
    line-height: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    bottom: 0.4rem;
    right: 0.4rem;
    text-align: center;
    display: block;
    border-radius: 50%;
    /* width: 11.1rem; height: 11.1rem; */
    background-color: #3d3e57;
    content: " ";
}

/* Text inside the control */
.progress-circle .progress_count {
    width: 100%;
    height: 100%;
    position: absolute;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 3.42rem;
    z-index: 2;
}

.progress-circle .progress_count>div {
    line-height: 1;
}

.progress-circle .daysleft {
    font-weight: 300;
    display: block;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    margin-top: 0.35rem;
}

.left-half-clipper {
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
    position: absolute;
    clip: rect(0, 12rem, 12rem, 6rem);
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto);
}

.value-bar {
    position: absolute;
    clip: rect(0, 6rem, 12rem, 0);
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    border: 0.45rem solid rgba(255, 192, 32, 1);
    box-sizing: border-box;
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 12rem, 12rem, 6rem);
    background-color: rgba(255, 192, 32, 1);
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
}

.progress-circle:not(.over50) .first50-bar {
    display: none;
}

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
    display: none;
}

.progress-circle.p1 .value-bar {
    transform: rotate(31deg);
}

.progress-circle.p2 .value-bar {
    transform: rotate(60deg);
}

.progress-circle.p3 .value-bar {
    transform: rotate(90deg);
}

.progress-circle.p4 .value-bar {
    transform: rotate(135deg);
}

.progress-circle.p5 .value-bar {
    transform: rotate(235deg);
}

.progress-circle.p6 .value-bar {
    transform: rotate(310deg);
}

.progress-circle.p7 .value-bar {
    transform: rotate(360deg);
}

.pending_rebate_text {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4;
}

.seperator_ibcard {
    display: flex;
    justify-content: space-evenly;
    margin: 2rem 0rem;
}

.seperator_ibcard span {
    align-self: center;
    height: 1px;
    width: 60%;
    background: rgba(75, 77, 115, 1);
}

.ibpanel_acntray_top {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #4F5178 0%, #3d3e57 65%);
}

.ibpanel_acntray_top .download_metaTrader_heading {
    border-bottom: 0px;
}

.ibpanel_acntray_top .available_wallet_amount .wallet_view_amount {
    font-size: 2rem;
}

.pending_rebate_amount {
    display: block;
    width: 100%;
}

.pending_rebate_amount .pending_amt {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-self: center;
    font-size: 2.07rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4
}

.pending_rebate_amount .pending_amt_txt {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-self: center;
    font-size: 1.64rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
}

.ibpanel_amttray {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    margin-right: 2rem;
}

.ibpanel_amttray .available_wallet_amount .wallet_view_amount {
    font-size: 1rem;
}

.ibpanel_amttray .available_wallet_amount .wallet_view_heading {
    font-size: 0.85rem;
    margin-top: 0.4rem;
}

.divider_line2:before {
    content: "";
    background-color: rgb(196 196 196 / 22%);
    position: absolute;
    width: 1px;
    height: 100%;
    max-height: 1.5rem;
    left: 99%;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

.ibpanel_amttray .available_wallet_amount .trans_history_icon img {
    min-width: 2rem;
    width: 2rem;
    z-index: 9;
}

.midblock_center .dashboard_my_account_block:after {
    display: none;
}

.dashboard_ibpanel_fundtransfer_block .form_field_listing {
    width: calc(100% + 60px);
    display: block;
    margin-left: -30px;
    margin-right: -30px;
}

.dashboard_ibpanel_fundtransfer_block .form_field_listing li {
    width: calc(100% - 60px);
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
}

.dashboard_ibpanel_fundtransfer_block {
    min-height: 23.5rem;
    background-color: #3C3D56;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard_ibpanel_fundtransfer_block .inveslo_box {
    width: 100%;
}

.dashboard_ibpanel_fundtransfer_block .inveslo_box_heading {
    font-size: 1.43rem;
    font-weight: 500;
}

.midblock_center .dashboard_open_manage_account_block {
    background-color: #35364E;
    display: flex;
    justify-content: center;
    padding: 35px;
}

/* remove the original arrow */
.dashboard_ibpanel_fundtransfer_block .form_field_listing li>select {
    height: 4.58rem;
    background-image: linear-gradient(45deg, transparent 50%, #fff 60%), linear-gradient(135deg, #fff 40%, transparent 50%) !important;
    background-position: calc(100% - 30px) 1.75rem, calc(100% - 20px) 1.75rem, 100% 0;
    background-size: 10px 10px, 10px 10px;
    background-repeat: no-repeat;
    padding-right: 4rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.midblock_center .btn {
    min-width: 18.5rem;
    min-height: 4.28rem;
    background: linear-gradient(102.15deg, #501FF3 19.81%, #803EFF 143.98%);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
    font-size: 1.28rem;
}

.midblock_right {
    position: relative;
    display: block;
    height: 100%;
}

.midblock_right .midblock_right_inner {
    min-height: 18.2rem;
    padding: 1.43rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.midblock_right_inner .available_wallet_icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
}

.midblock_right_inner .available_wallet_icon:before,
.midblock_right_inner .available_wallet_icon:after {
    width: 5.7rem;
    height: 5.7rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #575984 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    z-index: -1;
}

.midblock_right_inner .available_wallet_icon:after {
    width: 8.5rem;
    height: 8.5rem;
    background: linear-gradient(180deg, #4D4F76 1.23%, rgba(77, 79, 118, 0) 81.17%);
}

.midblock_right_inner .available_wallet_icon img {
    width: 3.86rem;
}

.midblock_right .available_wallet_box:after {
    display: none;
}

.midblock_right_inner .available_wallet_amount {
    display: flex;
    justify-content: center;
    padding-right: 0 !important
}

.midblock_right_inner .available_wallet_amount .wallet_amount_view {
    text-align: center;
}

.midblock_right_inner .available_wallet_amount .wallet_view_heading {
    font-weight: 400;
    font-size: 1.14rem;
}

.midblock_right_inner .available_wallet_amount .wallet_view_amount {
    font-weight: 700;
    font-size: 2.07rem;
    line-height: 1.5;
}

.ibmb-4 {
    margin-bottom: 1.5rem;
}

.table_ib th {
    /*text-transform: uppercase;*/
    color: #C6C7D5;
    font-weight: 500;
}

.ib_table_filter .transactions_history_filter_title {
    min-width: 5.5rem;
    min-height: 2.6rem;
    justify-content: center;
    background: rgba(60, 61, 86, 0.7);
    color: #D8D9EA;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.75rem 1rem;
}

.ib_table_filter .form-control {
    height: 2.8rem;
    position: relative;
    background-color: #373850;
    border: none;
}

#searchInput {
    width: 100%;
    min-height: calc(2.6rem + 2px);
    border: 2px solid rgb(237 238 245 / 10%);
    font-weight: 300;
    font-size: 1rem;
    background-color: #373850;
    background-image: url('../img/table_search_icon.svg');
    background-position: 7px 7px;
    background-repeat: no-repeat;
    padding: .5rem 1.07rem .5rem 2.86rem;
    outline: none;
    opacity: 0.9;
}

#searchInput::placeholder {
    color: rgba(237, 238, 245, 1);
    opacity: 0.5;
}

#searchInput:focus,
#searchInput:active,
.has-content {
    color: #fff;
    border-color: #7583FF;
}

.custom_form_group input::-webkit-input-placeholder {
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
}

.custom_form_group input::-moz-placeholder {
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
}

.custom_form_group input::-ms-input-placeholder {
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
}

.custom_form_group input:-ms-input-placeholder {
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
}

.custom_form_group input::placeholder {
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
}

/* Become an IB Page  */
.bcm_ib_sec {
    margin-left: 0rem;
    margin-right: 0rem;
}

.bcm_ib_tophead .main_heading {
    font-weight: 500;
    font-size: 1.71rem;
    line-height: 1.8;
}

.bcm_ib_tophead .top_para {
    font-weight: 400;
    font-size: 1.07rem;
    color: #fff;
    line-height: 1.4;
    max-width: 80%;
}

.bcm_ib_block {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-around;
    background: rgba(60, 61, 86, 0.8);
    border-radius: 12px 0px 0px 0px;
}

.listbox_listitem {
    width: calc(100% - 20rem);
    padding-top: 2.5rem;
    margin: 0rem auto;
}

.listbox_listitem li {
    position: relative;
    font-weight: 500;
    font-size: 1.14rem;
    line-height: 1.4;
    color: #FFFFFF;
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.list_item_icon {
    width: 2rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
}

.listbox_listitem li>span {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.85rem;
    letter-spacing: 0.02rem;
    line-height: 1.3;
    display: block;
    padding-top: .4rem;
}

.bcm_ib_blockmid {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}

.bcm_ib_blockmid::before {
    width: 0.1rem;
    height: 100%;
    background: linear-gradient(360deg, rgba(128, 89, 255, 0) 2.96%, #7B6CFF 25.99%, #7B6CFF 50.98%, #7B6CFF 74.5%, rgba(117, 131, 255, 0) 97.03%);
    position: absolute;
    top: 0%;
    left: 50%;
    content: '';
}

.bcm_ib_blockmid img {
    min-width: 13.14rem;
    position: relative;
    z-index: 2;
}

.bcm_ib_list_block {
    width: 100%;
    padding: 2rem 0rem;
    border-radius: 0px 12px 0px 0px;
}

.bcm_ib_list_block.second {
    background-color: #3C3D56;
}

.bcm_ib_block_topbox .midblock_right_inner .available_wallet_icon {
    width: 5.7rem;
    height: 5.7rem;
}

.bcm_ib_block_topbox .midblock_right_inner .available_wallet_icon img {
    width: 3rem;
}

.bcm_ib_block_topbox .midblock_right_inner .available_wallet_amount .wallet_view_amount {
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 2rem;
}

.bcm_ib_block_topbox .available_wallet_amount_view::after {
    width: 0.1rem;
    height: 100%;
    background: linear-gradient(360deg, rgba(128, 89, 255, 0) 2.96%, #7B6CFF 25.99%, #7B6CFF 50.98%, #7B6CFF 74.5%, rgba(117, 131, 255, 0) 97.03%);
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    transform: rotate(90deg);
}

.bcm_ib_blockright .inveslo_box .listbox_listitem {
    margin-left: 6rem;
}

.bcm_ib_sec .available_wallet_box:after {
    display: none;
}

.bcm_ib_sec .dashboard_open_manage_account_block {
    width: 100%;
    padding: 15px;
    background: rgba(60, 61, 86, 0.4);
    border-top: none;
}

.bcm_ib_sec .listbox_listitem li .dashboard_open_manage_account_block {
    padding: 0rem 0rem;
}

.bcm_ib_sec .dashboard_open_manage_account_block a {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 0.92rem;
}

.bcm_ib_sec .dashboard_open_manage_account_block a>i.bi {
    color: #9C79FE;
}

.bcm_ib_sec .dashboard_open_manage_account_block a>i.bi-chevron-right::before {
    line-height: 1.3;
}

.bcm_ib_sec .dashboard_open_manage_account_block .btn {
    width: 100%;
    min-height: 4.28rem;
    font-weight: 400;
    font-size: 1.28rem;
    padding: 0.8rem 2rem !important;
}

.bcm_ib_block_col {
    padding-bottom: 2rem;
}

.becib_dashboard {
    background: rgba(60, 61, 86, 0.4);
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.becib_dashboard_innerbox {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #3C3D56;
    /*margin: 2rem; margin-top: 0rem;*/
}

.becib_dashboard_innerbox_left,
.becib_dashboard_innerbox_right {
    position: relative;
    padding: 4rem 4rem;
}

.becib_dashboard_innerbox ul li {
    font-weight: 500;
    font-size: 1.14rem;
    line-height: 1.9;
    color: #FFFFFF;
    margin-bottom: 2.5rem;
}

.becib_dashboard_innerbox ul li>p {
    font-weight: 300;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.02rem;
    line-height: 1.5;
}

.becib_dashboard_innerbox_right::before {
    content: "";
    background-color: #3C3D56;
    position: absolute;
    width: 1px;
    height: 100%;
    max-height: calc(100% - 8rem);
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 2;
}

.collapsing {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.bcm_ib_sec .dashboard_open_manage_account_block a.know_more .icon-rotate {
    transform: rotate(90deg);
}

.rotate {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.icon-rotate {
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: inline-block;
}

/* Other pages */

/* Become an IB popup */
/* MODAL CSS  */
.modal_ib {
    max-width: 41.78rem;
}

.modal_ib .modal-content {
    background-color: #41425B;
    border-radius: 0px;
    border: 0px;
}

.modal_ib .modal-header .close {
    color: #fff;
    font-size: 2.5rem;
    margin-top: -1.5rem;
}

.modal_ib .form-check-label {
    font-weight: 500;
    font-size: 1.28rem;
    color: rgba(255, 255, 255, 0.7);
    ;
}

.modal_ib .modal-header {
    min-height: 4.86rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    background: rgba(45, 46, 67, 0.4);
    padding: 20px;
}

.modal_ib .modal-title {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
}

.modal_ib .modal-body,
.enterverificationpin .modal-body {
    padding: 3.57rem 4.5rem;
}

.modal_ib .modal-footer {
    border-top: none;
    margin-left: auto;
    margin-right: auto;
}

.modal_ib .btn {
    padding: 0.5rem 2rem !important;
}

.modal_ib .form-check-label a {
    color: #fff;
    text-decoration: underline;
}

.modal_ib .textarea_view {
    height: 11.78rem;
}

.modal_ib textarea.input_effect {
    height: 100%;
    resize: none;
    padding: 2rem 1.43rem 1.43rem;
}

.modal_ib .form-group {
    margin-bottom: 30px;
}

.modal_ib .form-group select.selectYN {
    background-image: linear-gradient(45deg, transparent 50%, #fff 60%), linear-gradient(135deg, #fff 40%, transparent 50%) !important;
    background-position: calc(100% - 22px) 50%, calc(100% - 17px) 50%, 100% 0;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 4rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select_field_label {
    font-weight: 500;
    font-size: 1.14rem;
    color: #ffffff;
}

.checkbox label {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    padding-left: 30px;
    margin: 0rem 0rem;
}

.checkbox label input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0%;
    opacity: 0;
    z-index: 2;
}

.checkbox .check {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0px;
    background-color: #373850;
    box-shadow: 0px 0px 0px 1px #6E709C inset;
    border: 0px;
    border-radius: 2px;
}

.checkbox label input:checked+.check {
    background: linear-gradient(360deg, #501FF3 0%, #9761FF 103.33%);
    box-shadow: 0px 0px 0px transparent;
}

.checkbox label input:checked+.check::before {
    width: 7px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 3px;
    border: solid #ffffff;
    border-width: 0px 2px 2px 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.form_trems_condition_link {
    color: #ffffff;
    text-decoration: underline;
    position: relative;
    z-index: 2;
}

.form_trems_condition_link:hover {
    color: #ffffff;
}

.modal_form_btn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    margin-left: -14px;
    margin-right: -14px;
}

.modal_form_btn .btn {
    min-height: 4.28rem;
    flex: 1;
    margin-left: 14px;
    margin-right: 14px;
}

.modal_form_btn .btn.cancel {
    background: transparent;
    box-shadow: 0px 0px 0px 1px #ffffff;
}

.modal_form_btn .btn.cancel:hover {
    box-shadow: 0px 0px 0px 1px #ed1c58;
}

/* Become an IB popup */

/* INVESLO ALERT BOX */
.modal-backdrop {
    background: rgba(0, 0, 4, 0.6);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.modal-backdrop.show {
    opacity: 1;
}

.inveslo_alert {
    background: linear-gradient(270deg, #474865 2.55%, rgba(61, 62, 90, 0) 100%);
    color: #ffffff;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    min-height: 3.14rem;
    position: relative;
    border: 1px solid;
    border-image-slice: 1;
    padding: 15px 23px;
    padding-right: 50px;
    z-index: 2;
}

.inveslo_alert:before {
    width: 3px;
    height: calc(100% + 2px);
    background-color: #ffffff;
    position: absolute;
    top: -1px;
    left: -1px;
    content: '';
}

.inveslo_alert.success {
    background: #4C7977;
    background: linear-gradient(to right, #4C7977 0%, #3d4159 100%);
    border-image-source: linear-gradient(to right, #4D7A77 0%, #4e7c79 100%);
}

.inveslo_alert.bonus_credit_view {
    border: 0px;
    display: flex;
    align-items: center;
    padding: 10px 15px !important;
    padding-right: 15px !important;
}

.bonus_credit_view .bonus_percent_icon {
    width: 18px;
}

.bonus_credit_left,
.bonus_credit_right {
    display: flex;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    line-height: 153%;
    align-items: center;
}

.bonus_credit_right {
    font-weight: 400;
    color: #70FFBE;
    padding-left: 15px;
    margin-left: auto;
}

.inveslo_alert.error {
    background: #782B56;
    background: linear-gradient(to right, #782B56 0%, #413c57 100%);
    border-image-source: linear-gradient(to right, #782B56 0%, #7a2a57 100%);
}

.inveslo_alert.warning {
    background: #796646;
    background: linear-gradient(to right, #796646 0%, #414156 100%);
    border-image-source: linear-gradient(to right, #796646 0%, #7b6746 100%);
}

.inveslo_alert.success:before {
    background-color: #70ffbe;
}

.inveslo_alert.error:before {
    background-color: #ff0054;
}

.inveslo_alert.warning:before {
    background-color: #ffc020;
}

.alertclosebtn {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 0;
    cursor: pointer;
    transition: 0.3s;
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 2;
}

/* INVESLO ALERT BOX */

/* INVESLO Sweet ALERT BOX */
.inveslosweetbox .modal-content {
    background-color: #41425B;
    box-shadow: 0px 11px 29px rgba(37, 7, 156, 0.1);
    transform: matrix(1, 0, 0, 1, 0, 0);
    min-width: 45rem;
    max-width: 45rem;
    min-height: 22.07rem;
    border-radius: 0;
}

.inveslosweetbox .modal-body {
    padding: 5rem;
}

.inveslosweetbox .profile_status_data {
    font-weight: 600;
    font-size: 1.78rem;
    line-height: 1.2;
}

.inveslosweetbox .profile_status_data small {
    font-size: 1.43rem;
    font-weight: 400;
    line-height: 1.4;
}

.sweetalrt_canclebtn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0.7rem 3rem !important;
    font-size: 1.07rem;
}

.sweetalrt_okbtn {
    padding: 0.8rem 3rem !important;
    min-width: 10rem;
    font-size: 1.07rem;
}

.inveslosweetbox .profile_status_box li {
    padding: 0px 0px;
}

.inveslosweetbox .modal-body.success {
    border-left: 4px solid #70FFBE;
    box-shadow: 0px 11px 29px rgba(37, 7, 156, 0.1);
    background: radial-gradient(113.91% 118.34% at -27.34% -75.94%, rgba(112, 255, 190, 0.7) 0%, rgba(64, 65, 94, 0) 100%);
}

.inveslosweetbox .modal-body.warning {
    border-left: 4px solid #FF0054;
    box-shadow: 0px 11px 29px rgba(37, 7, 156, 0.1);
    background: radial-gradient(113.91% 118.34% at -27.34% -75.94%, rgba(255, 0, 84, 0.7) 0%, rgba(64, 65, 94, 0) 100%);
}

.inveslosweetbox .profile_status_icon_inner.warning {
    background: linear-gradient(180.14deg, #FE7AA5 0.22%, #FF0054 98.64%);
}

.inveslosweetbox .profile_status_data.warning {
    color: #FF0054;
}

.inveslosweetbox .modal-body.alert {
    border-left: 4px solid #FFC020;
    box-shadow: 0px 11px 29px rgba(37, 7, 156, 0.1);
    background: radial-gradient(113.91% 118.34% at -27.34% -75.94%, rgba(255, 192, 32, 0.7) 0%, rgba(64, 65, 94, 0) 100%);
    margin-bottom: 0rem;
    padding: 4rem;
}

.inveslosweetbox .profile_status_icon_inner.alert {
    background: linear-gradient(180.14deg, #FFF1CE 0.22%, #FFC020 98.64%);
}

.inveslosweetbox .profile_status_data.alert {
    color: #FFC020;
}

.inveslosweetbox .modal-body.info {
    border-left: 4px solid #8749FF;
    box-shadow: 0px 11px 29px rgba(37, 7, 156, 0.1);
    background: radial-gradient(113.91% 118.34% at -27.34% -75.94%, rgba(191, 102, 255, 0.7) 0%, rgba(64, 65, 94, 0) 100%);
    margin-bottom: 0rem;
}

/* INVESLO Sweet ALERT BOX */

/* Internal Transfer */
.internal_trnsfer_tip_message {
    width: 100%;
    background-color: #48496A;
    box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    position: relative;
    font-size: 1.14rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 1.42rem 1.93rem;
    margin: 0rem auto 10px;
}

.internal_trnsfer_tip_message:after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 10px solid #454766;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 0%);
    content: '';
}

.internal_transfer_message {
    max-width: 60%;
    padding-right: 25px;
}

.internal_transfer_refresh_link {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.28rem;
    color: #ffffff;
    margin-left: auto;
    margin-right: 15px;
}

.internal_transfer_refresh_link img {
    width: 1.79rem;
}

.internal_transfer_refresh_link>span {
    text-decoration: underline;
}

.internal_transfer_refresh_link:hover {
    color: #ffffff;
}

/* Internal Transfer */

/* Welcome Bonus */
.welcome_deposit_block {
    background-color: #3C3D56;
    display: flex;
    border-radius: 12px;
}

.welcome_deposit_left {
    min-width: 24.86rem;
    max-width: 24.86rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    background: linear-gradient(0deg, #8690FF 0%, #B0B6FF 100%), #3C3D56;
    border-radius: 12px;
}

.welcome_deposit_left_text_view {
    padding: 2.85rem;
}

.welcome_deposit_left_text_heading {
    font-weight: 600;
    font-size: 1.93rem;
    color: #222336;
}

.welcome_deposit_left_text {
    font-weight: 400;
    font-size: 1.07rem;
    line-height: 1.64rem;
    color: #222336;
}

.welcome_deposit_right {
    width: 100%;
    padding: 20px 15px;
    padding-left: 5.21rem;
}

.welcome_deposit_right_text_sec {
    margin-top: 2.5rem;
    margin-bottom: 3.57rem;
}

.welcome_deposit_title {
    font-weight: 500;
    font-size: 2.71rem;
    color: #70FFBE;
    line-height: 120%;
}

.welcome_deposit_right_text {
    max-width: 80%;
    font-weight: 400;
    font-size: 1.07rem;
    line-height: 160%;
    color: rgba(255, 255, 255, 0.8);
}

.welcome_deposit_right_text strong {
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}

.welcome_deposit_date_sec {
    border-top: 3px solid #803EFF;
    background: linear-gradient(180deg, #454661 0%, rgba(69, 70, 97, 0) 100%);
    padding: 0rem 3.93rem;
}

.welcome_deposit_date_view {
    display: flex;
    padding: 3.14rem 0rem;
}

.welcome_deposit_date_view>li {
    padding: 0px 20px;
}

.welcome_deposit_date_view li.separator {
    width: 1px;
    background-color: #656893;
    padding: 0px 0px;
    margin: 0px 4.65rem;
}

.welcome_deposit_date_icon_sec {
    display: flex;
    align-items: center;
}

.welcome_deposit_date_icon {
    min-width: 3.36rem;
    max-width: 3.36rem;
    margin-right: 16px;
}

.welcome_deposit_date_icon img {
    width: 100%;
}

.welcome_deposit_date {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
    line-height: 120%;
}

.welcome_deposit_date small {
    display: block;
    font-weight: 500;
    font-size: 1rem;
    line-height: .93rem;
}

.welcome_deposit_date_view li.remaining_timer {
    padding-left: 6.28rem;
}

.welcome_deposit_timer {
    display: flex;
}

.welcome_deposit_timer li {
    padding-left: 16px;
}

.welcome_deposit_timer li:first-child {
    padding-left: 0px;
}

.welcome_deposit_timer li span {
    margin-left: 16px;
}

.green_color {
    color: #70FFBE !important;
}

.red_color {
    color: #FF0054 !important;
}

.white_color {
    color: #ffffff !important;
}

.welcome_deposit_trems_condition_sec {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem 3.93rem;
}

.welcome_deposit_trems_condition_sec:before {
    width: calc(100% - 7.86rem);
    height: 1px;
    background-color: #595B80;
    position: absolute;
    top: 0rem;
    left: 50%;
    transform: translate(-50%, 0%);
    content: '';
}

.welcome_deposit_trems_condition_sec .welcome_deposit_term_openacc .input_effects {
    margin-top: 10px;
}

.welcome_deposit_trems_condition {
    padding: 0px 20px;
}

.joinnow_btn {
    min-width: 11.64rem;
    min-height: 3.14rem;
    font-size: 15px;
    margin-top: 1.6rem;
}

.welcome_deposit_suceess {
    display: flex;
    align-items: center;
}

.welcome_deposit_suceess_block.success {
    margin-bottom: 10px;
}

.welcome_deposit_suceess_block .profile_status_icon {
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
    background: linear-gradient(142.54deg, rgba(255, 255, 255, 0.41) -69.22%, rgba(112, 255, 190, 0) 85.86%);
    padding: 10px;
    margin-right: 15px;
}

.welcome_deposit_suceess_text_heading {
    font-size: 1.57rem;
    font-weight: 600;
    color: #70FFBE;
    line-height: 120%;
    margin-bottom: .4rem;
}

.welcome_deposit_suceess_text {
    font-weight: 400;
    font-size: 1.14rem;
    color: #ffffff;
    line-height: 145%;
}

.welcome_deposit_suceess_text span {
    color: #70FFBE;
}

/* Welcome Bonus */

/* Verification Popup */
.verificationpin_text {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0;
}

.verificationpin_text a {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    text-decoration: underline;
    line-height: 1.2;
}

.requestagain_text {
    margin-top: 2rem;
}

.enterverificationpin #searchInput:focus,
.enterverificationpin #searchInput:active,
.enterverificationpin .has-content,
.enterverificationpin .input_effect {
    letter-spacing: 0.98em;
}

.enterverificationpin .form-group {
    margin-bottom: 15px;
}

.enterverificationpin .modal_form_btn {
    margin-left: 14px;
    margin-right: 14px;
}

.enterverificationpin .modal_form_btn .btn {
    min-height: 3.14rem;
    font-size: 15px;
}

.enterverificationpin .modal_form_btn .btn.cancel {
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: none;
}

.enterverificationpin .modal_form_btn .btn.cancel:hover {
    border-color: #ed1c58;
    box-shadow: 8px 8px 3px rgb(0 0 0 / 15%);
}

/* Verification Popup */

/* My Account Tabs  */
.myaccount_tabs {
    border-bottom: none;
}

.myaccount_tabs .nav-item.show .nav-link,
.myaccount_tabs .nav-link.active {
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 1.34rem;
}

.myaccount_tabs .nav-item.show .nav-link,
.myaccount_tabs .nav-link {
    color: #FFFFFF;
    font-size: 1.34rem;
    border-color: transparent;
}

.myaccount_tabs .nav-link {
    border: none;
}

.manageaccount_step_list li {
    margin-right: 15px;
    position: relative;
}

.manageaccount_step_list li:last-child {
    margin-right: 0;
}

.manageaccount_step_list li a.nav-link {
    min-width: 23.2rem;
    max-width: 23.2rem;
    min-height: 7.85rem;
    position: relative;
    background-color: rgba(60, 61, 86, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 1.5rem 3rem;
}

.manageaccount_step_listbtn li a.nav-link {
    min-width: 20.2rem;
    max-width: 20.2rem;
    min-height: 5.85rem;
    position: relative;
    background-color: rgba(60, 61, 86, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 1.5rem 3rem;
    color: #FFFFFF;
    font-size: 1.34rem;
}

.manageaccount_step_list li.current,
.manageaccount_step_list li a.nav-link.active {
    background-color: #3C3D56;
    box-shadow: 0px 35px 29px rgb(37 7 156 / 10%);
    color: #FFFFFF;
    font-size: 1.34rem;
}

.manageaccount_step_listbtn li a.nav-link:after {
    width: 22px;
    height: 40px;
    background: radial-gradient(122.16% 58.26% at 165.91% 50%, #70FFBE 0%, rgba(64, 65, 94, 0) 100%);
    transform: rotate(-180deg);
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
    content: '';
}

.manageaccount_step_listbtn li a.nav-link:before {
    width: 2px;
    height: 40px;
    background-color: #70FFBE;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    opacity: 0;
    visibility: hidden;
    content: '';
}

.manageaccount_step_listbtn li a.nav-link.active:before,
.manageaccount_step_listbtn li a.nav-link.active:after {
    opacity: 1;
    visibility: visible;
}

.myaccount_barline2 {
    width: 100%;
    background-color: #515273;
    border-radius: 5px;
    position: relative;
    margin: 1rem auto 0rem;
    border: 1px solid #515273;
}

.manageaccount_step_list .current2::before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #515273;
    position: absolute;
    bottom: -28px;
    left: 50%;
    content: '';
    transform: translate(-50%, 0%);
}

.myaccount_tabpan {
    display: flex;
}

.myaccount_tabpan_btn {
    margin-left: auto;
}

/* My Account Tabs  */

/* Pramotion */
.opentradingacc_btn {
    min-width: 20rem;
}

.disabled_btn {
    background: #6E709A !important;
    pointer-events: none;
}

.disabled_check {
    pointer-events: none;
}

.welcome_deposit_opentradingacc_text {
    font-size: 0.93rem;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 195%;
}

.createnew_liveaccount .modal-body {
    padding: 3.57rem 5.5rem;
}

.createnew_liveaccount .modal-header {
    background: transparent;
    padding-top: 4rem;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.createnew_liveaccount .modal_form_btn {
    margin-top: 2rem;
}

.createnew_liveaccount .modal-header .close {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    background: rgba(45, 46, 67, 0.4);
    color: #fff;
    font-size: 15px;
    padding: 1.28rem 1.28rem;
}

.custom-select2 {
    height: 4.58rem;
    border: 1px solid #6E709C;
    background-color: #373850;
    box-shadow: 0px 0px 0px transparent;
    background: transparent url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23D4D5DE%22%2F%3E%3C%2Fsvg%3E) right 13px center no-repeat;
    padding: 1.43rem 1.43rem 5px;
    min-width: 40rem;
}

select.input_effect {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.welcome_deposit_trems_condition {
    position: relative;
}

.welcome_deposit_trems_condition:before {
    width: 15px;
    height: 6.5rem;
    background-image: url(../img/update_document_btn_separator.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    position: absolute;
    left: -1.5rem;
    bottom: 0%;
    content: '';
}

.pramotion_details_sec {
    background: #33344A;
}

.pramotion_details_sec .becib_dashboard_innerbox {
    justify-content: space-between;
    border-top: 1px solid #3C3D56;
    align-items: center;
}

.promotiondetail_innerbox {
    padding: 1rem 1.5rem;
    border-left: 2.42px solid;
    min-height: 7.93rem;
    max-width: 22ch;
    margin: 3.5rem 2.5rem;
}

.promotiondetail_buttonbox {
    margin: 3.5rem 2.5rem;
}

.promotiondetail_buttonbox .joinnow_btn {
    min-width: 13.14rem;
    margin-top: 0rem;
}

.promotiondetail_innerbox .promotiondetail_amount {
    font-family: 'inveslo';
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.3;
}

.promotiondetail_innerbox .promotiondetail_text {
    font-family: 'inveslo';
    font-weight: 500;
    font-size: 1.14rem;
    line-height: 1.2;
    color: #fff;
}

.promotiondetail_innerbox.max_amount {
    border-color: #803EFF;
}

.promotiondetail_innerbox.bonus_left {
    border-color: #70FFBE;
}

.promotiondetail_innerbox.credited_bonus {
    border-color: #FF0054;
}

.max_amount_text {
    background: #8B95FF;
    background: linear-gradient(0deg, #8B95FF 8.89%, #D1D5FF 84.44%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bonus_left_text {
    background: #11E887;
    background: linear-gradient(0deg, #11E887 8.89%, #70FFBE 84.44%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.credited_bonus_text {
    background: #FFB4CC;
    background: linear-gradient(180deg, #FFB4CC 0%, #FF0054 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pramotion_details_sec a.know_more,
.pramotion_details_sec a.ib_knowmore {
    font-size: 0.93rem;
    font-family: 'inveslo';
    font-weight: 400;
    color: #fff;
}

.pramotion_details_sec a.know_more i,
.pramotion_details_sec a.ib_knowmore i {
    color: #9C79FE;
    font-size: 12px;
}

.pramotion_details_sec a.know_more i.bi,
.pramotion_details_sec a.ib_knowmore i.bi {
    transition: all .5s ease-in-out;
    transform: rotate(0deg);
}

.pramotion_details_sec a.know_more[aria-expanded="true"] i.bi,
.pramotion_details_sec a.ib_knowmore[aria-expanded="true"] i.bi {
    transform: rotate(90deg);
}

/* Pramotion */

/* Live Rates view */
.live_rates_listing li {
    background: linear-gradient(90deg, rgba(87, 88, 119, 0.35) 1.56%, rgba(45, 46, 67, 0) 79.38%);
    border-top: solid 1px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #313248 0%, #3c3d56 75%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    padding-left: 20px;
}

.live_rates_listing li:nth-child(even) {
    background: #3c3d56;
    border-image-source: linear-gradient(to right, #696B94 0%, #3c3d56 75%);
}

.live_rates_high_low {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0rem -15px;
}

.live_rates_high_low>div {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    padding: 0rem 15px;
    padding-right: 0px;
}

.live_rates_high_low .live_rates_value,
.live_rates_high_low .live_rates_low {
    min-width: 85px;
    max-width: 85px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 15px;
}

.live_rates_currency_sign {
    min-width: 30px;
}

.live_rates_currency_sign>span {
    width: 55px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #7583FF 0%, rgba(163, 170, 255, 0) 100%);
    border-radius: 0px 7px 0px 0px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
}

.live_rates_currency_sign>span+span {
    background: linear-gradient(90deg, #7583FF 0%, rgba(148, 157, 255, 0) 100%);
    border-radius: 0px 0px 0px 7px;
}

.live_rates_high_low>div small {
    display: block;
    flex: 0 0 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}

.live_rates_high_low>div:before {
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 54.69%, rgba(79, 81, 120, 0) 100%);
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0%, -50%);
    display: none;
    content: '';
}

.live_rates_high_low>div:first-child:before {
    display: none;
}

.live_rates_rat_status {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 112%;
    font-weight: 600;
    color: #ffffff;
    margin-left: 10px;
}

.live_rates_rat_status i {
    font-size: 16px;
}

.live_rates_rat_status span {
    display: none;
    background: #595B84;
    border-radius: 10px;
    padding: 3px 6px;
}

/* Live Rates view */

/* Table Search block */
#dataTableBuilder_length {
    margin-left: auto;
}

#dataTableBuilder_length select {
    width: 80px;
    height: 38px;
    font-size: 1rem;
    appearance: none;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23D4D5DE%22%2F%3E%3C%2Fsvg%3E') right 8px center no-repeat;
    padding: 5px 10px;
    margin: 0px 15px;
}

#dataTableBuilder_length select option {
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    padding: 1.43rem 1.43rem;
}


.dashboard_account_slider_block .slick-dots,
.dashboard_top_view .slick-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: -15px;
}

.dashboard_account_slider_block .slick-dots li,
.dashboard_top_view .slick-dots li {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, .3);
    text-indent: -999px;
    margin: 0px 3px;
}

.dashboard_account_slider_block .slick-dots li button,
.dashboard_top_view .slick-dots li button {
    display: none;
}

.dashboard_account_slider_block .slick-dots li.slick-active,
.dashboard_top_view .slick-dots li.slick-active {
    background: linear-gradient(87.02deg, #501FF3 1%, #803EFF 100%);
}

/* My Account Page with no accounts*/
.no_trading_account_block {
    display: block;
    text-align: center;
    padding: 4rem;
}

.no_trading_account_block_text {
    color: #fff;
    margin-bottom: 1.57rem;
    line-height: 95%;
    font-size: 2rem;
    font-weight: 500;
}

.no_trading_account_block_text_bottom {
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.02em;
    line-height: 140%;
    font-size: 1.07rem;
    font-weight: 400;
}

.no_trading_account_block_text_bottom span {
    display: block;
}

.no_trading_account_block_text_bottom a {
    color: #fff;
}

.no_trading_account_block_text_bottom a:hover {
    text-decoration: underline;
}

.modal {
    padding-right: 0rem !important;
}

#inveslo_modal {
    display: contents;
}

@-webkit-keyframes autofill {
    to {
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

button.btn.joinnow_btn.disabled {
    pointer-events: none;
}

.myaccount_listchilditem3 .myaccount_openicon {
    margin-top: auto;
    margin-bottom: auto;
}

.myaccount_listchilditem3 .myaccount_openicon .profile_view_nav {
    margin-left: 0px;
}

.myaccount_listchilditem3 .myaccount_openicon .profile_menu {
    min-width: 14px;
    margin-left: 0rem;
}

/* Past Webinar */
.dashboard_right_sec {
    max-width: calc(100% - 10rem);
}

.webinar_sec_myinveslo {
    min-height: 28rem;
    display: flex;
    margin-left: -6px;
    margin-right: -6px;
}

.webinar_left_sec_myinveslo {
    min-width: calc(26.64rem - 12px);
    max-width: calc(26.64rem - 12px);
    background: linear-gradient(0deg, #4727AC 0%, #804BE0 100%), #3C3D56;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 3.2rem 3.2rem;
    margin-left: 6px;
    margin-right: 6px;
}

.webinar_right_sec_myinveslo {
    width: calc(100% - (26.64rem + 12px));
    background: rgba(60, 61, 86, 0.8);
    margin-left: 6px;
    margin-right: 6px;
}

.webinar_myinveslo_title {
    font-size: 2rem;
    line-height: 113%;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin-bottom: 20px;
}

.webinar_myinveslo_text {
    font-size: 1.07rem;
    line-height: 173%;
    color: #ffffff;
    /*-webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;*/
}

.webinar_left_bottom_myinveslo ul {
    display: flex;
    margin-top: 20px;
    margin-left: -3.5px;
    margin-right: -3.5px;
}

.webinar_left_bottom_myinveslo ul+ul {
    margin-top: 0px;
}

.webinar_left_bottom_myinveslo ul li {
    min-height: 5.2rem;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-content: center;
    justify-content: center;
    background: #5B33BE;
    border-radius: 5px;
    font-size: 1.43rem;
    line-height: 126%;
    font-weight: 600;
    color: #ffffff;
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.webinar_left_bottom_myinveslo ul li span {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 11px;
    line-height: 126%;
    font-weight: 400;
    text-transform: uppercase;
}

.myinveslo_webinar_list {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 3.2rem;
    padding-bottom: 0rem;
}

.myinveslo_webinar_heading {
    font-size: 2.85rem;
    line-height: 135%;
    color: #ffffff;
    /*-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;*/
    margin-bottom: 10px;
}

.myinveslo_webinar_desc {
    max-width: 73ch;
    font-size: 1.28rem;
    line-height: 173%;
    color: #ffffff;
    font-weight: 300;
    /*-webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;*/
}

.webinar_author_view {
    display: flex;
    align-items: center;
    margin-top: 3.5rem;
}

.webinar_author_view>div {
    display: flex;
    align-items: center;
}

.webinar_author_pic {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #b9b9b9;
}

.webinar_author_pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.webinar_author_name_view {
    padding-left: 15px;
}

.webinar_author_name {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 117%;
    color: #ffffff;
    margin-bottom: 5px;
}

.webinar_author_designation {
    font-size: 1.07rem;
    line-height: 132%;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
}

.webinar_timezone_info {
    border-top: 1px solid #474864;
    display: flex;
    align-items: center;
    padding-right: 4.5rem;
    margin-top: 25px;
}

.webinar_timezone_info li {
    display: flex;
    align-items: center;
    font-size: 1.28rem;
    color: rgba(255, 255, 255, 0.7);
    padding: 20px 50px;
}

.webinar_timezone_info li:first-child {
    padding-left: 0px;
}

.webinar_timezone_info li svg {
    width: 26px;
    height: 26px;
    fill: rgba(255, 255, 255, 0.7);
}

.webinar_timezone_info li i,
.webinar_timezone_info li svg {
    font-size: 1.7rem;
    line-height: 1;
    margin-right: 15px;
}

.myinveslo_webinar_slider_sec .slick-list,
.myinveslo_webinar_slider_sec .slick-track {
    height: 100%;
}

.myinveslo_webinar_slider_sec .slick-arrow {
    width: 3.65rem;
    height: 5rem;
    background-color: #474865;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #ffffff;
    cursor: pointer;
    z-index: 2;
}

.myinveslo_webinar_slider_sec .slick-arrow.prev {
    right: calc(3.65rem + 1px);
}

.myinveslo_webinar_slider_sec .slick-dots {
    display: flex;
    position: absolute;
    bottom: -15px;
    right: 0px;
    margin-left: -3px;
    margin-right: -3px;
}

.myinveslo_webinar_slider_sec .slick-dots li {
    width: 20px;
    height: 2px;
    background-color: #21202F;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.myinveslo_webinar_slider_sec .slick-dots li.slick-active {
    background-color: #FF0054;
}

.myinveslo_webinar_slider_sec .slick-dots li button {
    display: none;
}

.past_webinar_sec_myinveslo {
    margin-top: 60px;
}

.myinveslo_past_webinars_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
    margin-right: -14px;
}

.myinveslo_past_webinars_list li {
    width: calc(100% - 28px);
    max-width: calc(25% - 28px);
    display: none;
    margin: 14px;
}

.myinveslo_analysis_videos_sec .myinveslo_past_webinars_list li {
    max-width: calc(33.3333% - 28px);
}

.myinveslo_analysis_videos_sec .past_webinar_thumbnail_sec {
    height: 20rem;
}

.myinveslo_past_webinars_list li .choose_inveslo_list_block {
    position: relative;
    background-color: rgba(60, 61, 86, 0.4);
    border-radius: 12px;
}

.analysis_video_thumb_play_icon {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(128, 62, 255, 0.2) 0%, rgba(69, 2, 198, 0.2) 97.12%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    padding: 12px;
    z-index: 2;
}

.analysis_video_thumb_play_icon:hover {
    background: none;
    animation: sort_big 1.5s infinite;
}

@keyframes sort_big {
    0% {
        background-color: rgba(128, 62, 255, 0);
    }

    20% {
        background-color: rgba(128, 62, 255, 0.05);
    }

    40% {
        background-color: rgba(128, 62, 255, 0.10);
    }

    60% {
        background-color: rgba(128, 62, 255, 0.15);
    }

    80% {
        background-color: rgba(128, 62, 255, 0.2);
    }

    100% {
        background-color: rgba(128, 62, 255, 0.25);
    }
}

@-webkit-keyframes sort_big {
    0% {
        background-color: rgba(128, 62, 255, 0);
    }

    20% {
        background-color: rgba(128, 62, 255, 0.05);
    }

    40% {
        background-color: rgba(128, 62, 255, 0.10);
    }

    60% {
        background-color: rgba(128, 62, 255, 0.15);
    }

    80% {
        background-color: rgba(128, 62, 255, 0.2);
    }

    100% {
        background-color: rgba(128, 62, 255, 0.25);
    }
}

.analysis_video_thumb_play_icon>span {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #803EFF 0%, #4502C6 97.12%);
    font-size: 2.5rem;
    color: #ffffff;
    line-height: 0;
}

.analysis_video_thumb_play_icon>span:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: 0px 0px 0px 1px #D783D6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.analysis_video_article_desc {
    min-height: 4.3rem;
    font-size: 1.43rem;
    font-weight: 500;
    color: #242326;
    line-height: 150%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin: 1.78rem;
}

.pastwebinar_slider.choose_inveslo_list_3block {
    margin-left: 30px;
    margin-right: 30px;
}

.past_webinar_thumbnail_sec {
    width: 100%;
    height: 16.95rem;
    position: relative;
    border: 1px solid rgba(60, 61, 86, 0.4);
}

.past_webinar_overlay {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.past_webinar_thumb_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.past_webinar_heading {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 1.14rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 150%;
    margin: 15px 20px;
}

.past_webinar_desc {
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.05em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin: 0px 20px 20px;
}

.past_webinar_bottom_tray {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(240, 242, 255, 0.1);
    ;
    padding: 10px 10px;
}

.past_webinar_datetime {
    width: 1000%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1.3;
}

.past_webinar_date span,
.past_webinar_time span {
    color: #FFFFFF;
}

.past_webinar_datetime>div {
    min-width: 50%;
    max-width: 50%;
    align-self: center;
    padding: 5px 10px;
}

.past_webinar_time {
    margin-left: 0rem;
}

.past_webinar_datetime>div br {
    display: none;
}

.past_webinar_righticon {
    margin-top: auto;
    margin-bottom: auto;
}

.past_webinar_righticon a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(102.15deg, #501FF3 19.81%, #803EFF 143.98%);
    color: #ffffff;
    line-height: 0;
    margin-left: auto;
}

.myinveslo_webinar_btn {
    min-height: 4rem;
    background: rgba(196, 196, 196, 0.05);
    font-size: 13px;
    line-height: 115%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.myinveslo_webinar_btn:hover {
    color: #ffffff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}

.analysis_modal_view .modal-dialog {
    width: calc(100% - 30px);
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
}

.analysis_modal_view .modal-content {
    border: 0px;
    border-radius: 0px;
    background-color: #F0F2FF;
    box-shadow: 0px 0px 0px transparent;
    padding: 3.57rem;
}

.analysis_video_close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 2.5rem;
    color: rgba(0, 0, 0, 0.5);
    line-height: 0;
    z-index: 2;
}

.analysis_video_frame {
    width: 100%;
    height: 35rem;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
}

.analysis_video_frame iframe {
    width: 100%;
    height: 100%;
    border: 0px;
}

.analysis_modal_view .analysis_video_article_desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.myinveslo_analysis_videos_sec .myinveslo_past_webinars_list {
    background-color: #3C3D56;
    padding: 3rem;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 12px 12px 0px 0px;
}

.myinveslo_analysis_videos_sec .myinveslo_past_webinars_list li {
    background-color: #545572;
    padding: 13px;
    border-radius: 12px;
}

.myinveslo_analysis_data {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0rem;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.39) 0%, #000000 100%);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 15px 15px;
    z-index: 2;
}

.myinveslo_analysis_data_heading {
    font-size: 15px;
    line-height: 130%;
    color: #ffffff;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.myinveslo_analysis_data_desc_block {
    height: 0px;
    visibility: hidden;
    opacity: 0;
}

.myinveslo_analysis_data_desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 13px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 15px;
}

.myinveslo_analysis_data_desc_block .past_webinar_bottom_tray {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.myinveslo_analysis_articles_sec .myinveslo_past_webinars_list li .choose_inveslo_list_block:hover .myinveslo_analysis_data {
    top: 0px;
}

.myinveslo_past_webinars_list li .choose_inveslo_list_block:hover .myinveslo_analysis_data_desc_block {
    height: calc(100% - 3.5rem);
    opacity: 1;
    visibility: visible;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

/* Past Webinar */

/* Sidebar Upcoming Webinar Block */
.sidebar_upwebinars_sec,
.sidebar_pastwebinars_sec {
    background: #563C9A;
    background: -webkit-radial-gradient(circle farthest-corner at top left, #563C9A 0%, #373851 100%);
    background: -moz-radial-gradient(circle farthest-corner at top left, #563C9A 0%, #373851 100%);
    background: radial-gradient(circle farthest-corner at top left, #563C9A 0%, #373851 100%);
    position: relative;
}

.sidebar_upwebinar {
    display: flex;
    padding: 20px 0px 0px;
}

.sidebar_upwebinar_data {
    padding-left: 20px;
}

.sidebar_upwebinar_heading,
.sidebar_upwebinar_title {
    font-size: 1.28rem;
    font-weight: 500;
    line-height: 113%;
    letter-spacing: 0.05em;
    /*-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;*/
    color: #ffffff;
}

.sidebar_upwebinar_title {
    font-size: 95%;
    font-weight: 300;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
}

.sidebar_upwebinar_icon {
    min-width: 60px;
}

.sidebar_date_time_info {
    border-top: 1px solid #4D4E70;
    /*justify-content: space-between;*/
    padding: 15px 0px;
    margin: 10px 10px 0px;
}

.sidebar_date_time_info li {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    color: #ffffff;
    padding: 0px 0px;
    padding-left: 15px;
}

.sidebar_date_time_info li:first-child {
    padding-left: 0px;
}

.sidebar_date_time_info li:last-child {
    display: none;
}

.sidebar_date_time_info li i,
.sidebar_date_time_info li svg {
    font-size: 14px;
    margin-right: 5px;
}

.sidebar_date_time_info li svg {
    width: 16px;
    height: 16px;
}

.sidebar_pastwebinars_sec {
    padding: 20px;
    margin-top: 2px;
}

.sidebar_pastwebinar_heading {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #FF0054;
    line-height: 112%;
}

.sidebar_pastwebinar_title_slider {
    margin-top: 10px;
}

.sidebar_pastwebinar_title {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.sidebar_pastwebinar_title_slider .slick-dots {
    display: flex;
    position: absolute;
    bottom: -35px;
    left: -20px;
    margin-left: -3px;
    margin-right: -3px;
}

.sidebar_pastwebinar_title_slider .slick-dots li {
    width: 8px;
    height: 3px;
    background-color: rgba(97, 99, 138, 0.7);
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.sidebar_pastwebinar_title_slider .slick-dots li button {
    display: none;
}

.sidebar_pastwebinar_title_slider .slick-dots li.slick-active {
    background-color: #FF0054;
}

.dashboard_right_need_help_block .dashboard_right_support_btn {
    padding: 12px 15px !important;
    margin-bottom: 6px;
}

.dashboard_right_support_icon {
    width: 35px;
    margin-right: 10px;
}

.sidebar_pastwebinars_view_all {
    margin-top: 8px;
}

.sidebar_pastwebinars_view_all a {
    font-size: 12px;
    line-height: 113%;
    color: #ffffff;
}

.sidebar_pastwebinars_view_all a:hover {
    color: #FF0054;
}

/* Sidebar Upcoming Webinar Block */

/* Technical Analysis Article Detail */
.analysis_article_detail_block h1,
.analysis_article_detail_block h2,
.analysis_article_detail_block h3,
.analysis_article_detail_block h4,
.analysis_article_detail_block h5,
.analysis_article_detail_block h6 {
    width: 100%;
    font-weight: 500;
    color: #ffffff;
    line-height: 112%;
    margin-bottom: 20px;
}

.analysis_article_detail_block h2 {
    font-size: 2.57rem;
}

.analysis_article_detail_block p {
    width: 100%;
    font-size: 1.43rem;
    line-height: 170%;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 30px;
}

.analysis_article_detail_block p a {
    text-decoration: underline;
    font-weight: 500;
}

.analysis_article_detail_block p strong {
    font-weight: 600;
}

.myinveslo_analysis_articles_detail_sec .analysis_article_block p img {
    max-width: 40%;
}

.myinveslo_analysis_articles_detail_sec .analysis_article_block p a {
    color: rgba(255, 255, 255, 0.5);
}

/* Technical Analysis Article Detail */




/*font-family: 'inveslo';*/

.switch {
    position: relative;
    display: block;
    margin-top: 0.75rem;
    width: 60px;
    height: 34px;
}

.swap_label {
    font-weight: 600;
    font-size: 1.28rem;
    color: #ffffff;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider-inv {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(45, 46, 67, 0.4);
    box-shadow: 0px 2px 3px rgb(37 7 156 / 10%);
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-inv:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider-inv {
    /* background-color: #2196F3; */
    background: linear-gradient(87.02deg, #501FF3 1%, #803EFF 100%);
}

input:focus+.slider-inv {
    box-shadow: 0 0 1px #501FF3;
}

input:checked+.slider-inv:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.transactions_history_table tbody tr td hr {
    width: 50%;
    margin-left: 0;
}

.transaction_id_crypto .copylink_ibcard .input-group {
    background: #393a52;
    border: 1px solid #6E709C;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

.transaction_id_crypto .copylink_ibcard .form-control {
    background-color: transparent;
    box-shadow: 0px;
    border: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.07rem;
}

.transaction_id_crypto .copylink_ibcard .input-group-prepend {
    background: #41425b;
}

.transaction_id_crypto .copylink_ibcard svg {
    width: 2rem;
}

.transaction_id_crypto .modal_form_btn {
    margin-top: 2rem;
}

.transaction_id_crypto .modal_form_btn .btn {
    min-width: 9rem;
}

/* Popular CopyTraders Section  */
.myinveslo_analysis_videos_sec .myinveslo_past_webinars_list.popular_copytraders_wrapper {
    padding: 12px;
}

.popular_copytraders_iframewrapper {
    background-color: rgba(250, 250, 250, 1);
    padding-top: 2rem;
    width: 100%;
}

.popular_copytraders_frame {
    width: 100%;
    height: 100vh;
    border: none;
}

/* iframe.popular_copytraders_frame .brs-app main.brs-main {padding: 0 15px;} */
/* Popular CopyTraders Section End  */


/* Cashback gateway CSS Start */
.checkbox label input:checked+div+.check {
    background: linear-gradient(360deg, #501FF3 0%, #9761FF 103.33%);
    box-shadow: 0px 0px 0px transparent;
}

.checkbox label input:checked+div+.check::before {
    width: 7px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 3px;
    border: solid #ffffff;
    border-width: 0px 2px 2px 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.cashback_gatewaywrapper .welcome_deposit_banner {
    margin-top: -7rem;
}

.cashback_gatewaywrapper .welcome_deposit_right_text_sec {
    margin-bottom: 2rem;
}

.cashback_gatewaywrapper .welcome_deposit_right_text {
    max-width: 67%;
}

.cgin_promo_keywrapper {
    margin-bottom: 2.57rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 80%;
}

.cgin_promo_keydetails {
    display: flex;
    align-items: center;
    justify-content: start;
}

.cgwallet_viewdetails {
    margin: auto 10px;
    font-size: 1.43rem;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.cgin_promo_keydetails .cgwallet_view_icon {
    min-width: 2.45rem;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cgin_promo_keydetails .cgwallet_view_icon img {
    max-width: 1.43rem;
}

.cashback_gatewaywrapper .welcome_deposit_date_view li.remaining_timer {
    margin-left: auto;
    padding-left: 0px;
}

.cashback_gatewaywrapper .welcome_deposit_date sub {
    top: -0.5rem
}

.cg_videolnk_btn {
    background: #434463;
    border: 1px solid #595B80;
    min-height: 3.14rem;
    min-width: 10.43rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.93rem;
    color: #fff;
    font-size: 0.93rem;
    box-shadow: 4px 4px 0px rgb(0 0 0 / 15%);
    transition: all 0.5s ease-in-out;
}

.cg_videolnk_btn:hover {
    color: #fff;
    box-shadow: 8px 8px 3px rgb(0 0 0 / 15%);
}

.cg_videolnk_btn img {
    max-width: 1.57rem;
    margin: auto 0px auto 10px;
}

.cgin_accdetails_wrapper {
    padding: 1.29rem;
    background: #33344A;
}

.card_headercgin {
    border-bottom: 1px solid #3C3D56;
}

.cgin_accdetails_wrapper .card_headercgin .cgin_promo_details {
    display: flex;
    width: 100%;
    align-items: center;
    font-weight: 500;
    font-size: 0.93rem;
    line-height: 104.5%;
    color: #fff;
    font-weight: 400;
    padding: 1.85rem 0px 1.36rem 0px
}

.cancel_cr {
    font-size: 1rem;
    margin: 10px 5px;
}

.cancel_cr span {
    cursor: pointer;
    font-weight: 500;
    color: #fff;
}

.card_headercgin a.cgin_promo_details[aria-expanded="true"]>img {
    transform: rotate(0deg);
}

.card_headercgin .cgin_promo_details img {
    transition: all .5s ease-in-out;
    transform: rotate(-90deg);
}

.cgin_promo_details_innerwrapper {
    display: flex;
    justify-content: center;
    margin: 3.07rem 0rem;
}

.cgin_promo_details_box {
    width: 100%;
    max-width: 33.33%;
    margin: 0px 1.54rem;
    text-align: center;
    position: relative;
    transition: all 0.7s ease-in-out;
}

.cgin_accicon_box {
    background: transparent;
    min-height: 11.85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cgin_accicon_box:after {
    content: '';
    position: absolute;
    border: 15px solid transparent;
    transform: rotate(45deg);
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    width: 2.21rem;
    height: 2.21rem;
    background: transparent;
    bottom: -1.07rem;
}


.cgin_accicon_box.vipacc {
    background: linear-gradient(326.86deg, #4F31E4 -4.53%, #523BC4 41.72%, #321BA9 96.01%);
}

.cgin_accicon_box.vipacc:after {
    border-color: #5037D0;
}

.cgin_accicon_box.silveracc {
    background: linear-gradient(336.31deg, #A7A7A7 2.06%, #919191 39.86%, #B4B2B2 56.29%, #838282 84.22%);
}

.cgin_accicon_box.silveracc:after {
    border-color: #A1A1A1;
}

.cgin_accicon_box.goldacc {
    background: linear-gradient(336.31deg, #FFBA51 2.06%, #D69C40 39.86%, #E7C178 56.29%, #B78B45 84.22%), linear-gradient(326.86deg, #4F31E4 -4.53%, #523BC4 41.72%, #321BA9 96.01%);
}

.cgin_accicon_box.goldacc:after {
    border-color: #F5B34C;
}

.cgin_accicon_box img {
    max-width: 12.71rem;
    min-width: 12.71rem;
}

.cgin_accdetails_box {
    text-align: center;
    background-color: #3C3D56;
    background-image: url(../uploads/cgin-accdetails-box-bg.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* .cgin_accdetails_box::before {content: ''; position: absolute; background: radial-gradient(137.91% 105.34% at -76.34% 134.06%, rgba(255, 0, 84, 0.2) 0%, rgba(64, 65, 94, 0) 100%); background-position: bottom;} */
.cgin_accdetails_box .account_type {
    font-size: 2.57rem;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    color: #FBFBFB;
    padding: 1rem 0px 3rem;
}

.cgin_accdetails_box .cgin_details {
    padding: 1.85rem;
}

.cgin_accdetails_box .cgin_details .cgin_details_name {
    font-size: 1.29rem;
    font-weight: 400;
    line-height: 100%;
    color: #C6C7D5;
    margin-bottom: 1rem;
}

.cgin_accdetails_box .cgin_details .cgin_details_val {
    font-size: 2rem;
    line-height: 100%;
    font-weight: 500;
    text-align: center;
    color: #70FFBE;
}

.cgin_sephr {
    background: linear-gradient(270deg, rgba(79, 81, 120, 0) 0%, #4F5178 54.69%, rgba(79, 81, 120, 0) 100%);
    height: 1px;
    width: 100%;
}

/* .profile_status_icon_inner img{max-width: 15px;} */

.cgin_acc_depositbox_wrapper {
    text-align: center;
    background-color: #3C3D56;
    background-image: url(../uploads/cgin-accdetails-box-bg.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 3rem 15px;
}

.cgin_accdepositbox_acctype {
    font-size: 2.57rem;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    color: #FBFBFB;
    margin-bottom: 1.14rem;
}

.cgin_accdepositbox_accdet {
    font-size: 1.43rem;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400;
}

.cgin_accdepositbox_accdet .cgin_depositbox_amtdet {
    color: #70FFBE;
}

.cgin_unlock_btn_wrapper {
    min-width: 19rem;
    display: none;
    visibility: hidden;
    position: absolute;
    z-index: 999;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
}

.cgin_unlock_btn_wrapper .btn {
    min-width: 17.57rem;
}

.cgin_promo_details_box:hover .cgin_unlock_btn_wrapper {
    display: block;
    visibility: visible;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.cgin_promo_details_box:hover .cgin_accicon_boxwrapp {
    filter: blur(7px);
    transition: all 0.3s ease-in-out;
}

.transactions_history_table.cgin_table {
    width: 100%;
}

#cashbackVideo .modal-dialog {
    min-width: 57.14rem;
}

#cashbackVideo .modal-header {
    border: none;
}

#cashbackVideo .modal-header .close {
    position: absolute;
    top: -3rem;
    right: 0px;
    margin: 0;
    background: rgba(45, 46, 67, 0.4);
    color: #fff;
    font-size: 3rem;
    padding: 1rem 1.75rem;
    font-weight: 100;
}

#cashbackVideo .modal-content {
    max-height: 34rem;
}

.cgin_separator_hl {
    height: 1px;
    width: 100%;
    background: #3C3D56;
    margin: 0rem auto;
}

.cgin_depositsepbtn_wrapper {
    padding: 5.71rem 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cgin_depositsepbtn_btn .btn {
    min-width: 31.28rem;
}

.cgin_depositsepbtn_wrapper::before {
    content: '';
    position: absolute;
    border: 9px solid rgba(60, 61, 86, 0.8);
    transform: rotate(45deg);
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    width: 9.1px;
    height: 9.1px;
    background: transparent;
    top: 2rem;
    -webkit-animation: top_bottom 1.5s infinite;
    -moz-animation: top_bottom 1.5s infinite;
    -ms-animation: top_bottom 1.5s infinite;
    -o-animation: top_bottom 1.5s infinite;
    animation: top_bottom 1.5s infinite;
}

@keyframes top_bottom {
    0% {
        top: 2rem;
        opacity: 1;
    }

    100% {
        top: 4rem;
        opacity: 0;
    }
}

@-webkit-keyframes top_bottom {
    0% {
        top: 2rem;
        opacity: 1;
    }

    100% {
        top: 4rem;
        opacity: 0;
    }
}

@-moz-keyframes top_bottom {
    0% {
        top: 2rem;
        opacity: 1;
    }

    100% {
        top: 4rem;
        opacity: 0;
    }
}

@-ms-keyframes top_bottom {
    0% {
        top: 2rem;
        opacity: 1;
    }

    100% {
        top: 4rem;
        opacity: 0;
    }
}

@-o-keyframes top_bottom {
    0% {
        top: 2rem;
        opacity: 1;
    }

    100% {
        top: 4rem;
        opacity: 0;
    }
}

.cgin_promo_dtls_activatedbox {
    display: flex;
    min-width: 100%;
    justify-content: start;
    min-height: 27rem;
}

.cgin_promo_dtls_activatedbox .cgin_acc_depositbox_wrapper {
    background-image: none;
    padding: 3.5rem 15px;
}

.cgin_promo_dtls_activatedbox .cgin_accdepositbox_acctype {
    margin-bottom: 0rem;
    padding-top: 1.14rem;
}

.cgin_promo_dtls_activatedbox .cgin_accicon_boxwrapp {
    width: 100%;
    max-width: 30%;
}

.cgin_promo_activatedboxdtls {
    width: 100%;
    max-width: 70%;
    padding: 0rem 4.14rem;
    height: 100%;
    background: linear-gradient(283deg, rgba(74, 75, 109, 0.85) -412.34%, rgba(74, 75, 109, 0) 129.47%);
    border: 1px solid rgba(60, 61, 86, 0.1);
}

.promo_activatedbox_datedtls {
    display: flex;
    justify-content: start;
}

.detail_box_wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1.28rem 0rem;
}

.cgin_actv_dtlwrapper {
    display: flex;
    align-items: center;
}

.cgin_actv_dtlwrapper .detail_box_wrapper {
    min-width: inherit;
    max-width: inherit;
    flex: auto;
    border-left: 0rem;
    border-left: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 54.69%, rgba(79, 81, 120, 0) 100%);
    padding: 0rem 3.57rem;
    margin-left: 11rem;
}

.cgin_promo_dtls_activatedbox .detail_box {
    margin: auto 1.07rem;
}

.cgin_promo_dtls_activatedbox .detail_box_heading {
    font-size: 0.93rem;
    line-height: 111.5%;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.8);
}

.cgin_promo_dtls_activatedbox .detail_box_dtdtl {
    font-size: 1.14rem;
    line-height: 111.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: 500;
}

.promo_activatedbox_lotsdtls {
    display: flex;
    justify-content: start;
    padding: 1.43rem 0rem;
}

.cgin_promo_dtls_activatedbox .profile_contact_location_icon {
    min-width: 4.5rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #656793 0%, rgba(101, 103, 147, 0) 100%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    margin: 2.3rem;
}

.cgin_promo_dtls_activatedbox .profile_contact_location_icon img {
    max-width: 5.28rem;
    min-width: 5.28rem;
}

.cgin_promo_dtls_activatedbox .profile_contact_location_icon.cgintraded_lot img {
    max-width: 1.64rem;
    min-width: 1.64rem;
}

.cgin_promo_dtls_activatedbox .profile_contact_location_icon:before,
.cgin_promo_dtls_activatedbox .profile_contact_location_icon:after {
    width: 150%;
    height: 150%;
    border-radius: 50%;
    background: linear-gradient(90deg, #575984 6.15%, rgba(72, 74, 110, 0) 91.39%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    z-index: -1;
}

.cgin_promo_dtls_activatedbox .profile_contact_location_icon:after {
    width: 210%;
    height: 210%;
    background: linear-gradient(90deg, #4D4F76 1.23%, rgba(77, 79, 118, 0) 81.17%);
    z-index: -2;
}

.promo_activatedbox_lotsdtls .detail_box_heading {
    font-size: 1.43rem;
    line-height: 111.5%;
}

.promo_activatedbox_lotsdtls .detail_box_dtdtl {
    font-size: 3.57rem;
    line-height: 111.5%;
    letter-spacing: 0.05em;
}

.promo_activatedbox_lotsdtls .crnnet_deposit_wrapp {
    min-width: inherit;
    max-width: inherit;
    flex: auto;
    border-left: 0rem;
    border-left: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 54.69%, rgba(79, 81, 120, 0) 100%);
    padding: 0rem 3.57rem;
    margin-left: 8rem;
}

.cgin_account_status {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.cgin_account_status img {
    max-width: 3.36rem;
}

.cgin_account_status.activated {
    background: rgba(112, 255, 190, 0.1);
    border: 1px solid #70FFBE;
}

.cgin_account_status .cgin_status_details {
    font-size: 1.57rem;
    line-height: 119.5%;
    text-align: center;
    font-weight: 500;
    margin: auto 10px;
}

.cgin_account_status.activated .cgin_status_details {
    color: #70FFBE;
}

.profile_status_icon_inner.unverified {
    background: linear-gradient(180.14deg, #FE7AA5 0.22%, #FF0054 98.64%);
}

.cgin_account_status.deactivated {
    background: rgba(255, 0, 84, 0.1);
    border: 1px solid #FF0054;
}

.cgin_account_status.deactivated .cgin_status_details {
    color: #FF0054;
}

.cashback_form {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
}

.cashback_form .welcome_deposit_trems_condition {
    margin-left: 8rem;
}


.promo_activatedbox_accdtls {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 1.64rem 0px;
}

.promo_activatedbox_accdtls .cgin_actv_dtlwrapper .detail_box_wrapper {
    margin-left: 8rem;
}

.promo_activatedbox_accdtls .detail_box_heading {
    font-size: 1.29rem;
    line-height: 111.5%;
}

.promo_activatedbox_accdtls .detail_box_dtdtl {
    font-size: 1.71rem;
    line-height: 111.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.cgin_color_green {
    color: #70FFBE !important;
}

.cgin_color_yellow {
    color: #FFC020 !important;
}

.cgin_color_red {
    color: #FF0054 !important;
}

.cgin_separator_hl_mob {
    display: none;
}

.transactions_history_table.cgin_table th {
    text-transform: uppercase;
}

.pseudo-search {
    display: inline-block;
    background: #373850;
    border: 1px solid #6E709C;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    padding: 5px 15px;
    transition: background-color 0.5 ease-in-out;
    min-height: 2.64rem;
}

.pseudo-search:hover,
.pseudo-search:focus {
    border: 1px solid #7583FF;
}

.pseudo-search img {
    margin-top: -0.25rem;
}

.pseudo-search input {
    border: 0;
    background-color: transparent;
    min-width: 17.14rem;
    color: #fff;
    max-height: 2.6rem;
    font-size: 1rem;
    line-height: 119.5%;
    vertical-align: middle;
    align-items: center;
}

.pseudo-search input:focus {
    outline: none;
}

.pseudo-search button,
.pseudo-search i {
    border: none;
    background: none;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
}

.pseudo-search select {
    border: none;
}

.pseudo-search input::placeholder {
    color: #D8D9EA;
    opacity: 1;
    /* Firefox */
    margin-bottom: 0px !important;
}

.pseudo-search input:-ms-input-placeholder {
    color: #D8D9EA;
    margin-bottom: 0px !important;
}

.pseudo-search input::-ms-input-placeholder {
    color: #D8D9EA;
    margin-bottom: 0px !important;
}

.cgin_exportbtn {
    font-size: 1rem;
    line-height: 119.5%;
    color: #EDEEF5;
    display: inline-flex;
    align-items: center;
    background: rgba(60, 61, 86, 0.8);
    padding: 0.71rem 1.57rem;
    min-height: 2.71rem;
}

.cgin_exportbtn:hover {
    color: #C6C7D5;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 15%);
    transition: all 0.5s ease-out;
}

.cgin_exportbtn img {
    min-width: 1.14rem;
    max-width: 1.14rem;
    margin-right: 10px;
}

.cgin_leveldtl_row {
    background: linear-gradient(283deg, rgba(74, 75, 109, 0.85) -79.66%, rgba(74, 75, 109, 0) 129.47%);
    min-height: 10.21rem;
    margin-top: 3.07rem;
    align-items: center;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 4.28rem;
    padding-right: 4.28rem;
}

.cgin_levelcheck {
    font-size: 1.43rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
}

.cgin_levelcheck::after {
    width: 12px;
    height: 100%;
    min-height: 7.14rem;
    background-image: url(../img/update_document_btn_separator.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    position: absolute;
    right: 4.5rem;
    top: 50%;
    transform: translate(0%, -50%);
    content: '';
}

.cgin_remaindate {
    display: flex;
    align-items: center;
    justify-content: start;
}

.cgin_remaindate .icon_box {
    max-width: 3.38rem;
    min-width: 3.38rem;
    margin: auto 1rem;
}

.remaining_days_txt {
    font-size: 1rem;
    font-weight: 500;
    line-height: 121%;
    text-transform: uppercase;
    color: #DBDFFF;
}

.timer_box ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0.5rem 0px 0px;
    text-transform: uppercase;
    font-size: 1.14rem;
    line-height: 119.5%;
    letter-spacing: 0.27em;
    font-weight: 600;
    color: #FFFFFF;
}

.timer_box ul li span {
    margin-left: 1rem;
}

.timer_box ul li:first-child span {
    margin-left: 0px;
}

.cgin_levelstatus_wrapper {
    display: flex;
    align-items: center;
    justify-content: start;
}

.cgin_level_ndtl {
    border: 1px solid #525373;
    margin-left: auto;
    min-width: 4.28rem;
    max-width: 4.28rem;
    min-height: 4.28rem;
    background: transparent;
    position: relative;
    margin-left: 8.57rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cgin_level_ndtl:first-child {
    margin-left: 0px;
}

.cgin_level_ndtl::after {
    content: '';
    position: absolute;
    width: calc(200% + 6px);
    height: 1px;
    background: #525373;
    top: 50%;
    left: 102%;
    transform: translate(0%, -50%);
}

.cgin_level_ndtl.cgin_level1_vip.activelevel {
    background: linear-gradient(326.86deg, #4F31E4 -4.53%, #523BC4 41.72%, #321BA9 96.01%);
    border-color: transparent;
}

.cgin_level_ndtl.cgin_level2_silver.activelevel {
    background: linear-gradient(336.31deg, #A7A7A7 2.06%, #919191 39.86%, #B4B2B2 56.29%, #838282 84.22%);
    border-color: transparent;
}

.cgin_level_ndtl.cgin_level2_gold.activelevel {
    background: linear-gradient(336.31deg, #FFBA51 2.06%, #D69C40 39.86%, #E7C178 56.29%, #B78B45 84.22%);
    border-color: transparent;
}

.cgin_level_ndtl.activelevel::before {
    position: absolute;
    content: '';
    top: -1rem;
    left: 3rem;
    width: 2.21rem;
    height: 2.21rem;
    background: url(../../../uploads/cgin-activated-level-icon.svg);
    background-repeat: no-repeat;
}

.cgin_level_ndtl:last-child::after {
    display: none;
}

.cgin_howtoupgrade {
    font-size: 1rem;
    font-weight: 400;
    line-height: 100%;
    color: #FFFFFF;
    position: relative;
}

.cgin_howtoupgrade_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.cgin_howtoupgrade::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    min-height: 7.14rem;
    left: -1rem;
    background: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 56.79%, rgba(79, 81, 120, 0) 100%);
    top: 50%;
    transform: translate(0%, -50%);
}

#cashbackHowtoupgrade .modal-dialog {
    background: #33344A;
    box-shadow: 0px 11px 29px rgba(37, 7, 156, 0.1);
    padding: 3.43rem;
    min-width: 60%;
    position: relative;
}

#cashbackHowtoupgrade .modal-dialog .modal-header {
    border: none;
    position: absolute;
    top: -4.43rem;
    right: -4.43rem;
}

#cashbackHowtoupgrade .modal-header .close {
    font-weight: 100;
    background: rgba(45, 46, 67, 0.4);
    padding: 0rem;
    margin: 0px 0px 0px auto;
    min-width: 3.42rem;
    min-height: 3.42rem;
    font-size: 2rem;
}

.howtomodal_wrapper {
    background: #41425B;
    margin-bottom: 2.43rem;
}

.cgin_howtoup_modal {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.cgin_howtoup_modal .cgin_accicon_box {
    max-width: 9rem;
    min-width: 9rem;
    min-height: 7rem;
}

.cgin_howtoup_modal .cgin_accicon_box:after {
    bottom: -0.8rem;
    width: 1.57rem;
    height: 1.57rem;
}

/* .cgin_howtoup_modal .cgin_accicon_box.vipacc:after {border-color: #5037D0;} */
.cgin_howtoup_modal .cgin_accicon_box img {
    min-width: 7rem;
    max-width: 7rem;
}

.cgin_howtoup_modal .cgin_modaccount_type {
    position: relative;
    width: 100%;
    padding: 0px 15px;
    min-height: 7rem;
    display: flex;
    align-items: center;
    font-size: 1.79rem;
    line-height: 119.5%;
    color: #FFFFFF;
    font-weight: 600;
}

.cgin_howtoup_modal .cgin_modaccount_type::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0px;
    bottom: 0;
    background: linear-gradient(180deg, rgba(79, 81, 120, 0) 0%, #4F5178 54.69%, rgba(79, 81, 120, 0) 100%);
}

.cgin_howtoup_modalrowdtls {
    padding: 2.14rem;
}

#cashbackHowtoupgrade .mdldtl_heading {
    font-weight: 400;
    font-size: 1.28rem;
    line-height: 123.5%;
    color: #C6C7D5;
    margin-bottom: 1rem;
}

#cashbackHowtoupgrade .mdldtl_values {
    font-weight: 500;
    font-size: 1.64rem;
    line-height: 130%;
    color: #70FFBE;
}

.cgin_exportbtn.dropdown-toggle::after {
    display: none;
}

.export_wrapper .dropdown-menu {
    color: #fff;
    min-width: 8rem;
    max-width: 8rem;
}

.export_wrapper .dropdown-menu.show {
    background: rgba(60, 61, 86, 1);
}

.export_wrapper .dropdown-item {
    color: #C6C7D5;
    padding: 0.5rem 1rem;
}

.export_wrapper .dropdown-item:hover {
    color: #fff;
    background: #313249;
}

.cgin_modaccount_type .cgin_account_status.activated {
    margin-left: auto;
}

.cgin_modaccount_type .cgin_account_status.activated img {
    max-width: 2rem;
}

.cgin_modaccount_type .cgin_account_status .cgin_status_details {
    font-size: 1rem;
}

.cgin_modaccount_type .cgin_account_status {
    padding: 10px;
}

.cgin_howtoup_modalrowdtls {
    width: 100%;
}

.cgin_howtoup_modal {
    position: relative;
}

.promo_activatedbox_datedtls.cgingdeactivated_account .cgin_actv_dtlwrapper .detail_box_wrapper {
    margin-left: 5rem;
    padding: 0rem 2rem;
    padding-right: 0px;
}

.cashback_gatewaywrapper .inveslo_alert.error {
    background: linear-gradient(90deg, rgba(255, 0, 84, 0.3) -67.8%, rgba(64, 65, 94, 0) 134.64%);
    font-family: 'inveslo';
}

.cashback_gatewaywrapper .inveslo_alert.error .welcome_deposit_suceess_text_heading {
    color: #FF0054;
    font-family: 'inveslo';
}

.cashback_gatewaywrapper .inveslo_alert.error .welcome_deposit_suceess_text span {
    color: #FF0054;
    font-family: 'inveslo';
}

.cashback_gatewaywrapper .profile_status_icon_inner img {
    max-width: 1.71rem;
}

.cashback_form .welcome_deposit_trems_condition .checkbox .checkbox_parent p.mb-0 {
    display: block;
    white-space: nowrap;
}

.cashback_form #agree-error {
    display: block;
    position: absolute;
    bottom: -1.28rem;
    color: #FF0054;
    font-size: 12px;
    width: 100%;
}

.cgin_promo_details_tray {
    margin-bottom: 2rem;
}

.cgin_promo_details_tray .myaccount_listitem {
    height: 12.8rem;
    max-height: initial;
}

.cgin_promo_details_tray .deposit_transfer_btns_icon {
    min-width: 6rem;
    max-width: 6rem;
    height: 6rem;
}

.cgin_promo_details_tray .cginwallet_account_amt {
    font-size: 2.86rem;
    line-height: 111.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: 500;
}

.cgin_acc_actboxwrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    font-size: 1.71rem;
    font-weight: 500;
    line-height: 83%;
    color: #FFFFFF;
}

.cgin_acc_actboxwrapper .cgin_acc_acttxtbox {
    margin: auto 1rem;
}

.cgin_promo_details_tray .available_wallet_amount .trans_history_icon img {
    min-width: 4.43rem;
    width: 4.43rem;
}

.inveslo_alert.success.cginbonus_credit_view {
    background: linear-gradient(90deg, rgba(104, 61, 219, 0.5) -67.8%, rgba(64, 65, 94, 0) 134.64%);
    font-family: 'inveslo';
}

.inveslo_alert.success.cginbonus_credit_view:before {
    background-color: #6406F3;
}

.cginbonus_credit_view .bonus_credit_right a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.93rem;
    line-height: 154%;
}

.cashback_gatewaywrapper .disabled_btn {
    pointer-events: auto;
}

@media (max-width: 1919.98px) {
    .promo_activatedbox_datedtls.cgingdeactivated_account .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: 3rem;
    }
}

@media (max-width: 1599.98px) {
    .cashback_gatewaywrapper .welcome_deposit_right_text {
        max-width: 80%;
    }

    .cgin_promo_keywrapper {
        max-width: 90%;
    }

    .cgwallet_viewdetails {
        font-size: 1.28rem;
    }

    #cashbackVideo .modal-content {
        max-height: 34.3rem;
    }

    .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: 5rem;
    }

    .promo_activatedbox_accdtls .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: 2rem;
    }

    .promo_activatedbox_lotsdtls .detail_box_dtdtl {
        font-size: 2.57rem;
    }

    .promo_activatedbox_lotsdtls .detail_box_heading {
        font-size: 1.28rem;
    }

    .cgin_actv_dtlwrapper .detail_box_wrapper,
    .promo_activatedbox_lotsdtls .crnnet_deposit_wrapp {
        padding: 0rem 1.57rem;
    }

    .cgin_promo_dtls_activatedbox .profile_contact_location_icon {
        min-width: 3.5rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    .promo_activatedbox_lotsdtls .crnnet_deposit_wrapp {
        margin-left: 5rem;
    }

    .cgin_leveldtl_row {
        padding-left: 2.28rem;
        padding-right: 2.28rem;
    }

    .cgin_level_ndtl {
        margin-left: 4.29rem;
    }

    .cgin_level_ndtl::after {
        width: calc(100% + 4px);
    }

    .cgin_levelcheck::after {
        right: 1.5rem;
    }

    #cashbackHowtoupgrade .modal-dialog {
        min-width: 70%;
    }

    #cashbackHowtoupgrade .mdldtl_values {
        font-size: 1.43rem;
    }

    .promo_activatedbox_datedtls.cgingdeactivated_account .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: 0rem;
        padding: 0rem 1.57rem;
    }

    .promo_activatedbox_datedtls.cgingdeactivated_account .detail_box_dtdtl {
        font-size: 1rem;
        white-space: nowrap;
    }

    .cgin_acc_actboxwrapper {
        font-size: 1.43rem;
    }

    .cgin_promo_details_tray .cginwallet_account_amt {
        font-size: 2.14rem;
    }
}

@media (max-width: 1439.98px) {
    .cashback_gatewaywrapper .welcome_deposit_right_text {
        max-width: 100%;
    }

    .cgin_promo_keywrapper {
        max-width: 100%;
    }

    .promo_activatedbox_accdtls .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: auto;
    }

    .cgin_promo_activatedboxdtls {
        padding: 0rem 2.5rem;
    }
}

@media (max-width: 1365.98px) {
    #cashbackVideo .modal-dialog {
        min-width: 42.85rem;
    }

    #cashbackVideo .modal-content {
        max-height: 30rem;
    }

    .promo_activatedbox_accdtls .detail_box_heading {
        font-size: 1.14rem;
    }
}

@media (max-width: 1199.98px) {
    .cashback_gatewaywrapper .welcome_deposit_left {
        display: flex;
        flex-wrap: nowrap;
        min-width: 100%;
        align-items: center;
    }

    .cashback_gatewaywrapper .welcome_deposit_left_text_heading {
        font-size: 2.43rem;
    }

    .cashback_gatewaywrapper .welcome_deposit_left_text {
        font-size: 1.43rem;
        line-height: 140%;
    }

    .cashback_gatewaywrapper .welcome_deposit_banner {
        margin-top: -4rem;
    }

    .cgin_promo_keywrapper {
        flex-wrap: wrap;
    }

    .cgin_promo_keydetails {
        margin-bottom: 1rem;
    }

    .cgin_promo_dtls_activatedbox .detail_box_dtdtl {
        font-size: 1rem;
    }

    .cgin_promo_details_box {
        margin: 0 7px;
    }

    .cgin_accdetails_box .cgin_details .cgin_details_val {
        font-size: 1.43rem;
    }

    .promo_activatedbox_lotsdtls .crnnet_deposit_wrapp,
    .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: auto;
    }

    .cgin_promo_dtls_activatedbox .profile_contact_location_icon {
        min-width: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }

    .cgin_promo_dtls_activatedbox .profile_contact_location_icon img {
        max-width: 3.28rem;
        min-width: 3.28rem;
    }

    .cgin_promo_dtls_activatedbox .profile_contact_location_icon.cgintraded_lot img {
        max-width: 1.28rem;
        min-width: 1.28rem;
    }

    .cgin_promo_activatedboxdtls {
        padding: 0rem 2.14rem;
    }

    .cgin_account_status .cgin_status_details {
        font-size: 1.28rem;
    }

    .cgin_account_status {
        padding: 0.5rem;
    }

    .promo_activatedbox_lotsdtls .detail_box_dtdtl {
        font-size: 2rem;
    }

    .cgin_leveldtl_row {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .cgin_howtoupgrade::before {
        left: 0px;
    }

    .cgin_levelcheck::after {
        right: 0rem;
    }

    .cgin_howtoupgrade_btn {
        font-size: 0.93rem;
    }

    .remaining_days_txt {
        font-size: 0.93rem;
    }

    .cgin_promo_details_tray .myaccount_listchilditemtop {
        flex-wrap: nowrap;
    }

    .cgin_acc_actboxwrapper {
        justify-content: end;
        font-size: 1.28rem;
    }

    .cgin_promo_details_tray .deposit_transfer_btns_icon {
        min-width: 4.14rem;
        max-width: 4.14rem;
        height: 4.14rem;
    }

    .cgin_promo_details_tray .available_wallet_amount .trans_history_icon img {
        min-width: 3rem;
        width: 3rem;
    }

    .cgin_promo_details_tray .myaccount_listchilditem1 .listchilditem1_ch1 {
        margin-top: 0px !important
    }

    .cgin_promo_details_tray .available_wallet_amount {
        margin-left: 2rem !important;
    }

    .cgin_acc_actboxwrapper .cgin_acc_acttxtbox {
        line-height: 120%;
    }

}

@media (max-width: 991.98px) {
    .cashback_gatewaywrapper .welcome_deposit_date_view {
        flex-wrap: wrap;
    }

    .cashback_gatewaywrapper .welcome_deposit_date_view>li {
        min-width: auto;
    }

    #cashbackHowtoupgrade .modal-dialog {
        min-width: 100%;
        margin: 10px;
    }

    .cgin_leveldtl_row {
        padding: 2.28rem 1.28rem;
    }

    .cgin_remaindate {
        justify-content: end;
    }

    .cgin_howtoupgrade_btn {
        justify-content: end;
    }

    .cgin_levelcheck::after {
        display: none;
    }

    .cgin_howtoupgrade::before {
        top: -100%;
    }

    .cgin_levelcheck {
        margin-bottom: 2rem;
    }


}

@media (max-width: 767.98px) {
    .cashback_gatewaywrapper .welcome_deposit_left {
        flex-wrap: wrap;
    }

    .cashback_gatewaywrapper .welcome_deposit_banner {
        margin-left: auto;
        margin-right: auto;
    }

    .cashback_gatewaywrapper .welcome_deposit_left_text_heading {
        font-size: 2rem;
    }

    .cgin_accdetails_wrapper .card_headercgin .cgin_promo_details {
        padding-top: 1rem;
        font-size: 1.28rem;
    }

    .cgin_promo_details_innerwrapper {
        flex-direction: column;
    }

    .cgin_promo_details_box {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0px;
        margin-bottom: 2rem;
    }

    .cgin_accdetails_wrapper {
        padding: 1.07rem;
    }


    .cgin_promo_dtls_activatedbox {
        min-height: auto;
        flex-direction: column;
    }

    .cgin_promo_dtls_activatedbox .cgin_accicon_boxwrapp {
        min-width: 100%;
    }

    .cgin_promo_activatedboxdtls {
        min-width: 100%;
        padding: 2rem 0px;
    }

    .cgin_howtoupgrade::before {
        display: none;
    }

    .cgin_leveldtl_row {
        text-align: center;
    }

    .cgin_remaindate {
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    .cgin_levelstatus_wrapper {
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    .cgin_howtoupgrade_btn {
        justify-content: center;
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    #cashbackHowtoupgrade .mdldtl_heading {
        margin-bottom: 0.5rem;
    }

    .modaldetail_box {
        margin-bottom: 1rem;
        border-bottom: 1px solid #4e5076;
        padding-bottom: 1rem;
    }

    #cashbackHowtoupgrade .modal-dialog {
        min-width: 100%;
        margin: 10px;
        padding-left: 10px;
        padding-right: 20px;
    }

    #cashbackHowtoupgrade .modal-header .close {
        margin-left: -6rem;
    }

    .cgin_accdetails_wrapper .transactions_history_filter_view {
        flex-direction: column;
        justify-content: start;
        align-items: flex-start !important;
    }

    .cgin_accdetails_wrapper .transactions_history_filter_view_block {
        flex-direction: column-reverse;
        width: 100%;
    }

    .cgin_accdetails_wrapper .export_wrapper {
        margin-top: -2rem;
        margin-bottom: 2rem;
        margin-left: auto;
    }

    .pseudo-search {
        width: 100%;
        display: flex;
    }

    .pseudo-search input {
        min-width: 93%;
    }

    .pseudo-search button {
        margin-left: auto;
    }

    .cgin_exportbtn {
        margin-left: auto;
        margin-top: -3rem;
        margin-bottom: 2rem;
    }

    .cashback_form .welcome_deposit_term_openacc {
        width: 50%;
    }

    .cashback_form .welcome_deposit_trems_condition {
        margin-left: auto;
    }
}

@media (max-width: 600px) {
    #cashbackVideo .modal-dialog {
        min-width: 100%;
    }

    #cashbackVideo .modal-content {
        max-height: 26rem;
    }

    .cgin_modaccount_type .cgin_account_status .cgin_status_details {
        display: none;
    }
}

@media (max-width: 577.98px) {
    .cgin_promo_keywrapper {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .cashback_gatewaywrapper .welcome_deposit_date_view li.remaining_timer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cgin_accdetails_box .cgin_details .cgin_details_val {
        font-size: 1.73rem;
    }

    .cgin_depositsepbtn_btn {
        min-width: 100%;
    }

    .cgin_depositsepbtn_btn .btn {
        min-width: 100%;
    }


    .promo_activatedbox_datedtls {
        display: block;
        margin-bottom: 2rem;
    }

    .cgin_actv_dtlwrapper .detail_box_wrapper,
    .promo_activatedbox_lotsdtls .crnnet_deposit_wrapp {
        padding: 1.28rem 0px;
        border: none;
    }

    .cgin_promo_dtls_activatedbox .profile_contact_location_icon {
        min-width: 3.5rem;
        width: 3.5rem;
        height: 3.5rem;
        margin: 3.5rem auto;
    }

    .promo_activatedbox_lotsdtls {
        display: block;
        text-align: center;
    }

    .crnnet_deposit_wrapp {
        display: block;
        text-align: center;
    }

    .traded_lots_wrapp {
        display: block;
    }

    .promo_activatedbox_accdtls {
        display: block;
        text-align: center;
    }

    .promo_activatedbox_accdtls .detail_box_wrapper,
    .promo_activatedbox_accdtls .cgin_actv_dtlwrapper .detail_box_wrapper {
        display: block;
    }

    .promo_activatedbox_accdtls .detail_box_heading {
        font-size: 1.57rem;
        margin-bottom: 8px;
    }

    .promo_activatedbox_accdtls .detail_box_dtdtl {
        font-size: 1.71rem;
    }

    .cgin_separator_hl_mob {
        height: 1px;
        width: 100%;
        max-width: 80%;
        margin: auto;
        background: #3C3D56;
        margin: 1.28rem auto;
        display: block;
    }

    .promo_activatedbox_accdtls .cgin_joined_dtlwrapper,
    .promo_activatedbox_accdtls .cgin_actv_dtlwrapper {
        margin: 2rem auto;
    }

    .promo_activatedbox_lotsdtls .detail_box_heading {
        font-size: 1.43rem;
        margin-bottom: 8px;
    }

    .promo_activatedbox_lotsdtls .detail_box_dtdtl {
        font-size: 2.57rem;
    }

    .cgin_separator_hl {
        margin-bottom: 0px;
    }

    .promo_activatedbox_datedtls.cgingdeactivated_account .cgin_actv_dtlwrapper .detail_box_wrapper {
        margin-left: 0rem;
        padding: 0;
        padding-bottom: 1.28rem;
    }

    .cgin_actv_dtlwrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .cgin_accdetails_wrapper .export_wrapper {
        margin-left: auto;
    }

    .cgin_remaindate {
        padding: inherit;
    }

    .cgin_leveldtl_row {
        padding: 2.28rem 0rem;
    }

    .cgin_levelcheck {
        font-size: 1.71rem;
    }

    .cgin_howtoupgrade_btn {
        font-size: 1.28rem;
    }

    .cgin_remaindate .icon_box {
        max-width: 3rem;
        min-width: 3rem;
        margin: auto 0.5rem;
    }

    .cgin_levelstatus {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    .cgin_promo_details_tray .myaccount_listchilditemtop {
        flex-wrap: wrap;
    }

    .cgin_promo_details_tray .myaccount_listchilditem1 .listchilditem1_ch1 {
        margin-top: 12px !important;
    }

    .cgin_acc_actboxwrapper {
        justify-content: start;
        font-size: 1.28rem;
        padding-top: 3rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
    }

    .cgin_accdetails_wrapper .pagination {
        overflow-x: scroll;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .cashback_form {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .cashback_form .welcome_deposit_term_openacc {
        width: 100%;
    }

    .cashback_form .welcome_deposit_trems_condition {
        margin-left: 0px;
        width: 100%;
    }

    .dynamic-content {
        margin-left: 5px
    }

    .create_account_innerbox {
        padding: 1.5rem 1rem 1.5rem;
    }

    .modal-dialog.modal-dialog-centered.modal_ib {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 479.98px) {
    .cashback_gatewaywrapper .welcome_deposit_date_view li.remaining_timer {
        width: 100%;
    }

    #cashbackVideo .modal-dialog {
        min-width: 100%;
    }

    #cashbackVideo .modal-content {
        max-height: 22rem;
    }

    .cgin_accdetails_wrapper .transactions_history_filter_view_block {
        flex-direction: column-reverse;
    }

    .cgin_accdetails_wrapper .export_wrapper {
        margin-top: -2rem;
        margin-bottom: 2rem;
    }

    .cgin_accdetails_wrapper .pseudo-search {
        display: flex;
        width: 100%;
    }

    .pseudo-search img {
        max-width: 1.28rem;
        margin: auto;
        margin-top: -0.25rem;
    }

    .pseudo-search input {
        min-width: 92%;
    }
}


.swal-warning {
    color: #FF0054 !important;
    font-size: 1.78rem;
}

.vip-level-textpop {
    color: #A28FFF;
    line-height: 119.5%;
    font-size: 1.78rem;
}

.silver-level-textpop {
    color: #fff;
    line-height: 119.5%;
    font-size: 1.78rem;
}

.gold-level-textpop {
    color: #FFC020;
    line-height: 119.5%;
    font-size: 1.78rem;
}

.level-upgraded-textpop {
    color: #70FFBE;
    line-height: 119.5%;
    font-size: 1.78rem;
}

/* .swal2-modal{background: #41425B!important;} */
.swal2-popup .swal2-content {
    color: #fff !important;
    font-size: 1.28rem !important;
    line-height: 145.5% !important;
    max-width: 90%;
    margin: auto !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
    border: 1px solid transparent;
}

button.swal2-confirm.swal2-styled {
    background: linear-gradient(102.15deg, #501FF3 19.81%, #803EFF 143.98%);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
    color: #fff;
}

button.swal2-cancel.swal2-styled {
    background-color: #fff !important;
    border: 1px solid #501FF3;
    color: #501FF3;
}

.error.crypto_only {
    display: none !important;
}

.inveslo_alert.error .welcome_deposit_errorprom_text_heading {
    color: #FF0054;
    font-family: 'inveslo';
}

ul.document_verification_list li:last-child {
    display: none
}



/* Ebook css */

.dashboard_right_content_part.ebook_sec {
    padding-top: 3.21rem;
}

.ebook_details_wrapper {
    margin-top: 4.28rem;
    padding: 0px;
}

/* .ebook_details_wrapper_block{display: none;} */
.ebook_details_wrapper_row {
    padding: 4.14rem;
    background-color: #3C3D56;
    margin-bottom: 1.64rem;
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.ebook_img_wrapp {
    display: flex;
    max-width: 16%;
    flex: 0 0 16%;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    justify-content: center;
}

.ebook_image_cont {
    max-width: 16.5rem
}

.ebook_details_wrapp {
    width: 100%;
    max-width: 84%;
    flex: 0 0 84%;
    display: flex;
    flex-wrap: wrap
}

.outcomes_row {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.outcomes_list {
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
}

.ebookdownload_wrapper_btn {
    position: relative;
}

.ebookdownload_wrapp {
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
}


.ebook_sec .bcm_ib_tophead .top_para {
    font-size: 1.21rem;
    max-width: 100%
}

.ebookdownload_btn_wrapper {
    position: absolute;
    bottom: 1.14rem;
    text-align: start;
    gap: 2.21rem;
    right: 0;
    bottom: 0px;
    display: flex;
    justify-content: end;
    width: 100%;
}

.ebookdownload_btn_wrapper .btn {
    padding: 1rem 0rem !important;
    font-size: 1.14rem;
    min-width: 20.56rem;
}

.btn.btn_ebooksample {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: none;
}

.btn.btn_ebooksample:hover {
    border-color: #ed1c58;
    box-shadow: 8px 8px 3px rgb(0 0 0 / 15%);
}

.download_ebook_img {
    margin: auto 7px;
}

.ebooklist_itm {
    background-image: url(../../../uploads/bullet-tick-ebook.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1.5rem;
    font-size: 1.21rem;
    line-height: 115%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: 400;
}

.ebook_title {
    font-size: 2.14rem;
    line-height: 111.5%;
    color: #FFFFFF;
    margin-bottom: 1.28rem;
}

.ebook_sum {
    font-size: 1.21rem;
    line-height: 142%;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}

.outcomes_list_head {
    font-size: 1.21rem;
    line-height: 142%;
    color: #FFFFFF;
    font-weight: 600;
}

.outcomes_list_sum {
    font-size: 1.21rem;
    line-height: 142%;
    color: #FFFFFF;
    font-weight: 600;
}

.myinveslo_ebook_loadbtn {
    min-height: 4rem;
    background: rgba(196, 196, 196, 0.05);
    font-size: 0.93rem;
    line-height: 115%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.myinveslo_ebook_loadbtn:hover {
    color: #ed1c58;
}


/* ebook_author_details  */
.ebook_author_details_sec {
    margin: 7.42rem auto;
    display: none !important;
}

.ebook_author_details_wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: start;
}

.ebook_author_details_desc {
    width: 100%;
    max-width: 65%;
    flex: 0 0 65%;
}

.ebook_author_details_img {
    max-width: 35%;
    width: 100%;
    flex: 0 0 35%;
    text-align: center;
}

.ebook_author_details_head {
    font-size: 2.14rem;
    line-height: 120.5%;
    font-weight: 500;
    margin-bottom: 1rem;
    color: #FFFFFF;
}

.ebook_author_details_summ {
    max-width: 90%;
}

.ebook_author_details {
    text-align: center;
    margin-top: 1rem;
}

.ebook_author_details_txt {
    font-size: 1.21rem;
    line-height: 142%;
    color: rgba(255, 255, 255, 0.8);
}

.ebook_author_name {
    font-size: 2.28rem;
    line-height: 131%;
    color: #FFFFFF;
    font-weight: 500;
}

.ebook_author_desgnation {
    font-size: 1rem;
    line-height: 131%;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    max-width: 18ch;
    margin: auto;
    font-size: 400;
}

@media (max-width: 1599.98px) {
    .ebook_details_wrapper_row {
        padding: 4.14rem 2.14rem;
    }

    .ebook_img_wrapp {
        max-width: 20%;
        flex: 0 0 20%;
    }

    .ebook_details_wrapp {
        max-width: 80%;
        flex: 0 0 80%;
    }

    .ebookdownload_btn_wrapper {
        display: flex;
        gap: 5px;
        bottom: 2rem;
    }

    .ebookdownload_btn_wrapper .btn {
        padding: 1rem 0rem !important;
        font-size: 1rem;
        min-width: 16rem;
    }

    .btn.btn_ebooksample {
        margin-left: 15px;
    }

    .ebooklist_itm {
        font-size: 1.14rem;
    }
}

@media (max-width: 1365.98px) {
    .outcomes_row {
        flex-direction: column;
    }

    .outcomes_list {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ebookdownload_wrapp {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-top: -1rem;
    }

    .ebookdownload_btn_wrapper {
        position: static;
    }
}

@media (max-width: 1199.98px) {
    .ebook_img_wrapp {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .ebook_details_wrapp {
        max-width: 75%;
        flex: 0 0 75%;
    }

    .ebookdownload_btn_wrapper .btn {
        min-width: 17rem;
    }

    .ebookdownload_btn_wrapper {
        margin-top: 1rem;
    }
}


@media (max-width: 767.98px) {
    .ebook_details_wrapper_row {
        padding: 4.14rem;
        flex-direction: column;
    }

    .ebook_img_wrapp {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ebook_details_wrapp {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ebook_author_details_wrapper {
        flex-direction: column-reverse;
    }

    .ebook_author_details_desc {
        max-width: 100%;
        flex: 0 0 100%;
        padding-top: 2rem;
        border-top: 1px solid #404158;
    }

    .ebook_author_details_img {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 2rem;
    }

}

@media (max-width: 575.98px) {
    .ebook_details_wrapper_row {
        padding: 4.14rem 2rem 6.14rem 2rem;
    }

    .ebookdownload_btn_wrapper {
        flex-direction: column;
        justify-content: center;
        position: static;
        margin-top: 2rem;
        padding-bottom: 1rem;
        gap: 20px;
    }

    .btn.btn_ebooksample {
        margin-left: 0px;
    }

    .ebook_author_details_sec {
        margin-bottom: 3rem;
    }
}

/* .myinveslo_ebook_loadbtn{display: none;} */

/* LATAM Contest */
/* custom radio */
.ibchecktype input[type="radio"] {
    position: absolute;
    left: 2px;
    z-index: 999;
    background: transparent;
    accent-color: #F8B409;
    border: none !important;
    width: 13px;
    height: 13px;
    opacity: 0;
    cursor: pointer;
}

.ibchecktype input[type="radio"]+label {
    position: relative;
    padding: 0px 0 0 22px;
    cursor: pointer;
    color: #fff;
    font-size: 1.21rem;
    font-weight: 500;
}

.ibchecktype input[type="radio"]+label:before {
    content: '';
    background: transparent;
    border: 2px solid #fff;
    height: 17.5px;
    width: 17.5px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.ibchecktype input[type="radio"]+label:after {
    content: '';
    background: transparent;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
    opacity: 0;
    transform: scale(2);
    transition: transform 0.3s linear, opacity 0.3s linear;
}

.ibchecktype input[type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
    background: #F8B409;
}

.ibchecktype input[type="radio"]:disabled+label:after {
    opacity: 1;
    transform: scale(1);
    background: transparent;
}

.ibchecktype input[type="radio"]:disabled+label:before {
    background: transparent;
    border: 2px solid rgb(255 255 255 / 50%);
}

.ibchecktype input[type="radio"]:disabled+label {
    color: rgba(255, 255, 255, 0.5);
}

.form-check.form-check-inline.check_client_type_two {
    margin-left: 2.64rem;
}

.inveslo_alert.bonus_credit_view.success.cginbonus_credit_view.ltmbonus_credit_view {
    background: linear-gradient(90deg, #204232 1.94%, rgba(25, 31, 24, 0.12) 71.81%);
}

.inveslo_alert.bonus_credit_view.success.cginbonus_credit_view.ltmbonus_credit_view:before {
    background-color: #4EEC4D;
}

.ltmbonus_credit_view img {
    width: 33px !important;
}

.profile_status_data.notverified_text a {
    display: flex;
    justify-content: flex-end;
    margin: auto;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translate(0%, -50%);
    color: #f8b409 !important;
    font-weight: 500;
}

.profile_status_data small.not_verified_text.document_verification_now {
    color: #f8b409 !important;
    font-weight: 500;
    font-size: 1.14rem;
    line-height: 145.5%;
    color: #F8B409;
}


.partner_step_wrapper {
    background: #454560;
    width: 100%;
    display: block !important;
    padding: 2.5rem 4.29rem;
    position: relative;
}

.latam_contest_wrapper .welcome_deposit_left {
    max-height: 42.86rem;
}

/* Steps */
.ltmstep {
    position: relative;
    min-height: 1.86rem;
    color: gray;
}

.ltmstep+.ltmstep {
    margin-top: 1.86rem;
}

.ltmstep>div:first-child {
    position: static;
    height: 0;
}

.ltmstep>div:not(:first-child) {
    margin-left: 1.5rem;
    padding-left: 1rem;
}

.ltmstep.ltmstep-active {
    color: #70FFBE
}



/* Circle */
.ltmcircle {
    background: linear-gradient(180.14deg, #FFFFFF 0.22%, #D0CFD3 98.64%);
    position: relative;
    width: 23px;
    height: 23px;
    line-height: 1.5;
    border-radius: 100%;
    color: #23243A;
    text-align: center;
    z-index: 1;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Vertical Line */
.ltmcircle:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 1px;
    right: 50%;
    bottom: 1px;
    left: 50%;
    height: 100%;
    width: 1px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    background-color: #E2E5F2;
    z-index: -1;
    font-size: 1rem;
}

.ltmcircle::before {
    background: linear-gradient(142.54deg, #B1B1B1 -69.22%, rgba(255, 255, 255, 0) 85.86%);
    position: absolute;
    content: '';
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.ltmstep:last-child .ltmcircle:after {
    display: none
}

/* .ltmtitle .welcome_deposit_trems_condition {padding: 0px;} */
.ltm_trems_condition .checkbox .check {
    background: transparent;
}

/* ltmstepper Titles */

.ltmtitle {
    line-height: 1.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    color: #A09FA6;
}

.ltmcaption {
    font-size: 0.93rem;
    color: #A09FA6;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

span.img_ltmsteptxt {
    display: inline-flex;
    min-height: 1.14rem;
    margin-top: 0.2rem;
    margin-right: 2px;
    align-self: center;
    align-items: center;
}

.ltm_txt_confirm {
    display: none;
}

.ltm_btn_wrapper .btn {
    min-width: 11.64rem;
}

.ltm_btn_wrapper .btn.disabled {
    background: #71718B !important;
    opacity: 1;
}

.ltm_trems_condition.disabled .checkbox label {
    color: #A09FA6;
}

/* .ltm_trems_condition.disabled a {color: #A09FA6; pointer-events: none;} */

.ltmcircle_icon {
    display: none;
}

.ltmcircle_icon.ltm_active {
    display: flex;
}

.ltmstep .anchor_step {
    pointer-events: none;
    color: #70FFBE;
}

.ltmpartner_referal_wrapper {
    display: none;
}

.ltmpartner_referal_wrapp {
    max-width: 35%;
}

.ltmpartner_id {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    color: #fff;
    display: none;
}

.ltmpartner_referal_wrapp input {
    height: 2rem;
    border: 1.5px dashed rgba(255, 255, 255, 0.5);
    border-right: none;
    font-size: 0.93rem;
    color: rgba(255, 255, 255, 0.5);
}

.ltmpartner_referal_wrapp img.copy_link {
    min-width: 1rem;
}

.ltmpartner_referal_wrapp .form-control:disabled,
.ltmpartner_referal_wrapp .form-control[readonly] {
    background-color: #373850;
}

.ltmpartner_referal_wrapp .input-group-text {
    background: #FF0054;
    border: none;
    width: 2.21rem;
    height: 2rem;
}

.ltmpartner_referal_wrapp .input-group-prepend {
    pointer-events: all;
    cursor: pointer;
}

.ltmcontest_joined_msg {
    display: none;
}

.joined_msg_head {
    font-size: 1rem;
    line-height: 119.5%;
    font-weight: 500;
    color: #70FFBE;
}

.joined_msg_txt {
    font-size: 0.93rem;
    line-height: 100%;
    color: #FFFFFF;
}

.ltmstep.ltmstep-active .ltmcircle_icon.ltm_active {
    display: flex;
}

.ltmstep.ltmstep-active .ltmcircle {
    background: linear-gradient(180.14deg, #FFFFFF 0.22%, #D0CFD3 98.64%);
}

.ltmstep.ltmstep-active .img_ltmsteptxt path {
    fill: #5BE7AB;
}

.ltmstep.ltmstep-active .ltmcircle:after {
    background-color: #D0CFD3;
}

.ltmstep.ltmstep-active .anchor_step {
    color: #70FFBE;
    pointer-events: all;
}

.ltmstep.ltmstep-active .ltmcaption {
    color: #70FFBE;
}

.ltmstep.ltmstep-active .ltmtitle.disabled {
    color: #A09FA6;
}

/* .ltmstep.ltmstep-active .ltm_trems_condition.disabled .checkbox label {color: #fff; pointer-events: all;} */
.ltmstep.ltmstep-active .ltm_trems_condition.disabled a {
    color: #fff;
    pointer-events: all;
}

.ltmstep.ltmstep-active .ltmtitle {
    color: #fff;
}

.ltmstep.ltmstep-active.ltm_steptwo .ltmcircle_icon.ltm_processing {
    display: flex;
}

.ltmstep.ltmstep-active.ltm_steptwo .ltmcircle_icon.ltm_active {
    display: none;
}

.ltmstep.ltmstep-active.ltm_steptwo .ltmcircle_icon.ltm_processing.ltminprocess {
    display: none;
}

.ltmstep.ltmstep-active.ltm_steptwo .ltmcircle {
    background: linear-gradient(180.14deg, #FFF1CE 0.22%, #FFC020 98.64%);
}

.ltmstep.ltmstep-active.ltm_steptwo .ltmcircle::before {
    background: linear-gradient(142.54deg, #FFF389 -69.22%, rgba(147, 142, 101, 0) 85.86%);
}


.ltmstep.ltmstep-process .ltmcircle_icon.ltm_processing {
    display: none;
}

.ltmstep.ltmstep-process .ltmcircle_icon.ltm_active {
    display: none;
}

.ltmstep.ltmstep-process .ltmcircle_icon.ltm_processing.ltminprocess {
    display: flex;
}

.ltmstep.ltmstep-process .ltmcircle {
    background: linear-gradient(180.14deg, #FFF1CE 0.22%, #FFC020 98.64%);
}

.ltmstep.ltmstep-process .ltmcircle::before {
    background: linear-gradient(142.54deg, #FFF389 -69.22%, rgba(147, 142, 101, 0) 85.86%);
}

.ltmstep.ltmstep-process .ltmcaption {
    color: #FFC020;
    line-height: 1;
}

.ltmstep.ltmstep-process .img_ltmsteptxt path {
    fill: #FFC020;
}

.ltmstep.ltmstep-process .ltmcircle:after {
    background-color: #FFC020;
}

.ltmstep.ltmstep-process .ltmtitle {
    color: #fff;
}

.ltmstep.ltmstep-process .anchor_step {
    color: #FFC020;
    display: none;
}

.ltmstep.ltmstep-process .ltm_txt_confirm {
    display: block;
}



.ltmstep.ltmstep-confirm .ltmcircle_icon.ltm_confirm {
    display: flex;
}

.ltmstep.ltmstep-confirm .ltmcircle_icon.ltm_active {
    display: none;
}

.ltmstep.ltmstep-confirm .ltmcircle {
    background: linear-gradient(180.14deg, #1BFDEF 0.22%, #60E6A7 98.64%);
    position: relative;
}

.ltmstep.ltmstep-confirm .ltmcircle::before {
    background: linear-gradient(142.54deg, #656793 -69.22%, rgba(101, 103, 147, 0) 85.86%);
}

.ltmstep.ltmstep-confirm .ltmcircle:after {
    background-color: #5BE7AB;
}

.ltmstep.ltmstep-confirm span.img_ltmsteptxt {
    display: none;
}

.ltmstep.ltmstep-confirm .anchor_step {
    display: none;
}

.ltmstep.ltmstep-confirm .ltm_txt_confirm {
    display: block;
    color: #70FFBE;
}

.ltmstep.ltmstep-confirm .ltmtitle {
    color: #fff;
}

.ltmstep.ltmstep-confirm .ltmpartner_id {
    display: block;
}

.ltmstep.ltmstep-confirm.ltm_partnerconfirm .ltmtxt_wrapper {
    display: none;
}

.ltmstep.ltmstep-confirm.ltm_partnerconfirm .ltmpartner_referal_wrapper {
    display: block;
}

.ltmstep.ltmstep-confirm .stepfour_msg {
    display: none;
}

.ltmstep.ltmstep-confirm .ltmcontest_joined_msg {
    display: block;
}

.ltmstep.ltmstep-active.ltm_steptwo.ltm_step_reject .ltmcircle {
    background: linear-gradient(180.14deg, #e9acac 0.22%, #ff2020 98.64%);
}

.ltmstep.ltmstep-active.ltm_steptwo.ltm_step_reject .ltmcircle:before {
    background: linear-gradient(142.54deg, #fb5d5d -69.22%, rgba(147, 142, 101, 0) 85.86%);
}

.ltmstep.ltmstep-active.ltm_steptwo.ltm_step_reject .ltmcircle img {
    max-width: 1.28rem;
}

.ltmstep.ltmstep-active.ltm_step_reject .ltmtitle {
    color: #ff225b;
}

.ltmstep.ltmstep-active.ltm_step_reject .anchor_step {
    color: #f8b409;
}

.ltmstep.ltmstep-active.ltm_step_reject .img_ltmsteptxt path {
    fill: #f8b409;
}





@media (max-width: 1599.98px) {
    .ibchecktype input[type="radio"]+label {
        font-size: 1.07rem
    }

    /* .partner_step_wrapper{} */
}

@media (max-width: 1199.98px) {
    .ltmcircle:after {
        height: 95%;
    }
}

@media (max-width: 991.98px) {
    .partner_step_wrapper {
        padding: 2.5rem 2.29rem;
    }

}

@media (max-width: 767.98px) {
    .ltmpartner_referal_wrapp {
        max-width: 100%;
    }

    .ltm_trems_condition .checkbox label {
        display: inline-block;
    }
}

@media (max-width: 479.98px) {
    .ibchecktype input[type="radio"]+label {
        font-size: 1.14rem;
    }

    .form-check.form-check-inline.check_client_type_one {
        display: block;
    }

    .form-check.form-check-inline.check_client_type_two {
        margin-left: 0px;
        margin-top: 1.57rem;
    }

    .ltm_trems_condition .checkbox label {
        display: inline-block;
    }
}

.note_msg {
    font-size: 1.28rem;
    font-weight: 400;
}

.crypto_address {
    font-size: 1rem;
}

.dest_address {
    font-weight: 500 !important;
    color: #fdbf21 !important;
}

.fairpay_fields .deposit_view {
    font-size: 0.93rem;
}



/* Traders Tickets  */

.trader_summit_ticket_wrapper {
    min-height: 16.07rem;
    background-image: url(../../../uploads/coupon-bg.svg);
    min-width: 32.14rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2.14rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ticket_wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
}

.ticket_wrapper_lft {
    transform: rotate(-90deg);
    margin-left: -3rem;
}

.cpn_txt {
    font-size: 0.93rem;
    line-height: 100%;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
}

.cpn_num {
    font-size: 1.29rem;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    white-space: nowrap;
}

.ticket_wrapper_rt {
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 11rem;
    margin-left: 2rem;
}

.tkt_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.tkt_logo {
    max-width: 8rem;
}

.tkt_name {
    font-size: 1.5rem;
    line-height: 100%;
    text-transform: capitalize;
    font-weight: 600;
    margin-left: 2rem;
    background: linear-gradient(89.98deg, #F8B408 0.01%, #FFABC6 68.22%, #D5BFFF 99.99%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.tkt_dtl_head_wrapper {
    margin-top: 1rem;
    margin-bottom: 1.07rem;
}

.tkt_dtl_head {
    font-size: 1.28rem;
    line-height: 100%;
    text-transform: capitalize;
    color: #FFFFFF;
    font-weight: 500;
    padding: 6px 0px;
}

.tkt_frm_head {
    font-size: 1rem;
    line-height: 100%;
    color: #FFFFFF;
    font-weight: 400;
}

input.frmtkt_name {
    background: #373850;
    border: 1px solid #6E709C;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 7px 10px;
    color: #fff;
    font-size: 1.28rem;
    font-weight: 500;
    margin-top: 0.5rem;
}

.tkt_dtl_hr {
    background: linear-gradient(90deg, #803EFF 0%, rgba(128, 62, 255, 0) 63.13%);
    height: 1px;
    min-width: 100%;
}

.summit_ticket_wrapper {
    max-width: 45%;
}

.trdsmt_txt {
    font-size: 1rem;
    line-height: 131%;
    color: rgba(255, 255, 255, 0.8);
    max-width: 75%;
}

.save_couponbtn {
    min-width: 16.5rem;
}

.tkt_bottom {
    margin-top: 0.85rem;
}

.tkt_btm_txt {
    font-size: 12px;
    line-height: 100%;
    text-align: end;
    color: #FFFFFF;
    font-weight: 300;
}

.tkt_btm_txt span {
    color: #F8B409;
    font-weight: 600;
}


@media (max-width: 1599.98px) {
    .summit_ticket_wrapper {
        margin-left: 3rem;
    }

    .trdsmt_txt {
        max-width: 100%;
    }
}

@media (max-width: 1365.98px) {
    .welcome_deposit_trems_condition:before {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .trader_summit_ticket_wrapper {
        min-width: 37.14rem;
    }

    .trdsmt_txt {
        max-width: 100%;
    }

    .summit_ticket_wrapper {
        margin-left: 3rem;
        margin-right: 3rem;
    }
}

@media (max-width: 991.98px) {
    .trader_summit_ticket_wrapper {
        min-width: 36.14rem;
        max-width: 36.14rem;
    }

    .trader_summit_ticket {
        display: block;
    }

    .summit_ticket_wrapper {
        max-width: 100%;
        margin-left: -1rem;
        margin-right: 3rem;
        margin-top: 3rem;
    }
}

@media (max-width: 575.98px) {
    .trader_summit_ticket_wrapper {
        min-width: 100%;
        max-width: 100%;
    }

    .summit_ticket_wrapper {
        text-align: center;
        margin-left: 0rem;
        margin-right: 0rem;
    }
}

@media (max-width: 479.98px) {
    .ticket_wrapper_rt {
        display: none;
    }

    .ticket_wrapper_lft {
        transform: rotate(0deg);
        margin-left: auto;
        margin-right: auto;
    }

    .trader_summit_ticket_wrapper {
        background-image: none !important;
        min-height: auto
    }

    .cpn_lft_wrapp {
        background: linear-gradient(245.14deg, #501FF3 -6.36%, #803EFF 209.94%);
        padding: 2rem;
        min-width: 100%;
        border-radius: 4px;
        box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.15);
    }

    .cpn_txt {
        font-size: 1.43rem;
    }

    .cpn_num {
        font-size: 2.5rem;
        margin-top: 0.5rem;
    }

    .summit_ticket_wrapper {
        max-width: 100%;
        margin-left: 0rem;
        margin-right: 0rem;
        margin-top: 0rem;
        text-align: center;
    }
}



// Prop Trading CSS

#challenge_list .cgin_acc_depositbox_wrapper {
        background-image: none;
    padding: 3.5rem 15px;
    background-color: #2d2e43;
}

#challenge_list .cgin_acc_depositbox_wrapper {
    background: #2d2e43 !important;
}

#challenge_list .detail_box_wrapper {
    background: linear-gradient(136deg, #454661 0%, rgba(69, 70, 97, 0) 100%);
    margin: auto 15px;
    padding: 30px 0px;
    border-radius: 6px;
    box-shadow: 0px -5px 0px 0px #803eff;
    flex-basis: 29%;
}

#challenge_list .promo_activatedbox_lotsdtls .detail_box_dtdtl{
font-size: 2.57rem;
    line-height: 160%;
    color: #70FFBE;
}

#challenge_list .account_type_list_btn .dashboard_right_support_btn{
padding: 1rem 2rem !important;
    min-width: 17rem;
    font-size: 1.14rem;
}
#challenge_list .myaccount_btn{
padding: .9rem 3.5rem !important;
    min-width: 13rem !important;
    font-size: 1.28rem;
}

#challenge_list .cgin_promo_dtls_activatedbox .detail_box_heading{
    color: #C6C7D5
}