html{ font-family: 'Poppins', sans-serif; font-size: 14px; scroll-behavior:smooth; height: 100%; overflow: auto; }
body{ background-color: #F5F6FA; font-family: 'Poppins', sans-serif; font-size: 1.14rem; font-weight: 400; color: #b0b0b0; line-height: normal; position: relative; min-height: 100%; overflow: auto; }
::-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: 'Poppins', sans-serif; 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: 'Poppins', sans-serif; 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: #0D67F9;}

.btn{ position: relative; overflow: hidden; background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); border-radius: 6px; box-shadow: 0px 4px 15px rgba(0, 74, 255, 0.24); font-weight: 500; font-size: 1.21rem; 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: 0.85rem 2rem;}

.btn span{ display: block; text-align: left;}
.btn span small{ width: 100%; font-size: 77.78%; display: block;}
.btn::before,
.btn::after{ width: 100%; height: 100%; border-radius: 5rem; background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: -110%; opacity: 0.1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; content: ""; z-index: -1;}
.btn:hover{ color: #ffffff;}
.btn:hover::before{ left: -10%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.btn:hover::after{ left: -20%;}
.dashboard_navigation{ min-height: 5rem; background-color: #ffffff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); display: flex; position: absolute; top: 0%; left: 0%; right: 0%; z-index: 999; }
.dashboard_navigation.fixed-top{ width: 100%; position: fixed; top: 0%; -webkit-animation: slide-down 0.7s; animation: slide-down 0.7s; z-index: 9999;}

@-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,
.navbar-nav{ align-items: center;}
.header_logo_view{ position: relative; display: inline-flex;}

.logo{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.logo img{ min-width: 11.65rem; max-width: 11.65rem; display: inline-block; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.navbar-nav li{ position: relative; padding: 0rem 0.5rem;}
.navbar-nav li a{ font-size: 14px;}
.navbar-nav li a.language_drop{ text-transform: uppercase;}
.navbar-nav li a:hover{ color: #0D67F9;}
.navbar-nav li.login_toplink a{ display: flex; align-items: center; font-size: 16px;}
.navbar-nav li.mobile_profile{ display: none;}
.breadcrumb_view{ position: relative; margin-left: -0.65rem; margin-right: -0.65rem; height: 1rem;}
.breadcrumb_view::after{ width: 1px; height: 2.14rem; background: rgba(226, 229, 242, 0.57); position: absolute; top: 50%; left: 0rem; transform: translate(0%, -50%); display: none; content: '';}
.breadcrumb_view li{ font-size: 0.93rem; color: #403F4D; display: flex; align-items: center; padding: 0px 0.65rem;}
.breadcrumb_view li a{ display: flex; align-items: center; color: #0D67F9;}
.dropdown_toggle{ font-size: 1.07rem; font-weight: 500; color: #062652; background-color: transparent; border: 0px; padding: .5rem .6rem;}
.dropdown_toggle > img{ width: 1.57rem;}
.dropdown_toggle::after{ width: .78rem; height: .78rem; display: inline-block; background-image: url(../../modules/facelift/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;}

/* Sub Menu */
.nav_dropdown{ min-width: 100%; display: flex; position: absolute; top: 100%; right: 0%; transform: translate(0%, 10px); visibility: hidden; opacity: 0; background: #fff; box-shadow: 0px 1.5rem 3.5rem rgba(22, 41, 68, 0.25); border-radius: 6px; transition: all 0.3s ease-out; padding: 1.07rem 1.3rem; margin: 0rem; z-index: 999;}
/*.nav_dropdown::before{ width: 0; height: 0; border-color: transparent transparent #fff; border-style: solid; border-width: 0 8px 8px; position: absolute; top: -8px; display: block; left: 50%; content: "";}*/
.dashboard_navigation .navbar-nav li:hover .nav_dropdown{ visibility: visible; opacity: 1; transform: translate(0%, 0px)}
.dashboard_navigation .navbar-nav li .nav_dropdown ul{ min-width: 13rem; padding: 0rem 0rem;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li{ padding: 0rem 0rem; margin: 0rem 0rem;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li > a{ display: flex; align-items: center; font-size: 1rem; font-weight: 400; color: #403F4D; border-bottom: 1px solid transparent; padding: 0.65rem 0rem;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li:hover > a{ color: #0D67F9; border-color: #0D67F9; padding-left: 3px;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li > a i{ margin-left: auto;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li ul{ min-width: 100%; padding: 0rem 0rem;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li ul li.heading_subtitle{ border-bottom: 0px; background-color: rgba(0, 0, 0, 0.01); padding: 0.65rem 0.65rem;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li ul li a{ font-weight: 300; border-bottom-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.01); padding: 0.5rem 0.5rem;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul li ul li:hover a{ border-bottom-color: rgba(0, 0, 0, 0.1);}

/* Sub Menu */
.dashboard_navigation .navbar-nav li .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;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul.language_drop_down_web img{ width: 20px; margin-right: 7px !important;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul.language_drop_down_web li{ font-size: 1rem; font-weight: 500; color: #403F4D; border-bottom: 1px solid transparent; /*padding: 0.5rem 0rem;*/}
.dashboard_navigation .navbar-nav li .nav_dropdown ul.language_drop_down_web li a{ padding: 7px 13px;}
.dashboard_navigation .navbar-nav li .nav_dropdown ul.language_drop_down_web li:hover a,
.dashboard_navigation .navbar-nav li .nav_dropdown ul.language_drop_down_web li.active a{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #ffffff;}
.dashboard_menu_sec{ min-width: 18.9rem; max-width: 18.9rem; min-height: 100%; background: linear-gradient(0deg, #E2E5F2, #E2E5F2); transition: all 0.5s ease-out;}
.dashboard_menu_sec.short{ min-width: 0rem; max-width: 0rem;}  /* 7  7 */
.dashboard_menu_sec.short~.submenu_item>span.menu-collapsed{ display: none;}
.dashboard_menu_sec li{ margin: 0.75rem 1.25rem 0.75rem 1rem;}
.dashboard_menu_sec li.with_submenu{ position: relative;}
.dashboard_menu_sec li a{ display: flex; align-items: center; /*white-space: nowrap; overflow: hidden;*/ font-size: 1.07rem; font-weight: 500; color: #403F4D; border-radius: 6px; padding: 18px 15px;}
.dashboard_menu_sec li .menu_icon{ min-width: 1.9rem; transition: all .5s ease-in-out; position: relative; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.65rem;}
.dashboard_menu_sec li .menu_icon img{ width: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s ease-out;}
.dashboard_menu_sec li .menu_icon img ~ img,
.dashboard_menu_sec li:hover .menu_icon img,
.dashboard_menu_sec li.active .menu_icon img{ opacity: 0;}
.dashboard_menu_sec li:hover .menu_icon img ~ img,
.dashboard_menu_sec li.active .menu_icon img ~ img{ opacity: 1;}
.dashboard_menu_sec li .menu_text{ transition: all 0.5s ease-out;}
.dashboard_menu_sec.short li .menu_text,
.dashboard_menu_sec.short li > a.hav_submenu::after{ opacity: 0; white-space: nowrap;}
.dashboard_menu_sec li.toggle_menu{ display: flex; background: linear-gradient(90deg, rgba(49, 55, 77, 0.05) 0%, rgba(91, 96, 101, 0) 67.48%);}
.dashboard_menu_sec li.toggle_menu > a{ display: inline-block; font-size: 1.4rem; border-radius: 0px 0px; padding: 18px 25px;}
.dashboard_menu_sec.short li.toggle_menu > a{ padding: 18px 25px;}
.dashboard_menu_sec li.toggle_menu > a:hover{ background-color: transparent;}








.dashboard_menu_sec_1{ min-width: 2.5rem; max-width: 2.5rem; min-height: 100%; background: linear-gradient(0deg, #E2E5F2, #E2E5F2); transition: all 0.5s ease-out;}
.dashboard_menu_sec_1.short{ min-width: 2.5rem; max-width: 2.5rem;}  /* 7  7 */
.dashboard_menu_sec_1.short~.submenu_item>span.menu-collapsed{ display: none;}
.dashboard_menu_sec_1 li{ margin: 0.75rem 1.25rem 0.75rem 1rem;}
.dashboard_menu_sec_1 li.with_submenu{ position: relative;}
.dashboard_menu_sec_1 li a{ display: flex; align-items: center; /*white-space: nowrap; overflow: hidden;*/ font-size: 1.07rem; font-weight: 500; color: #403F4D; border-radius: 6px; padding: 18px 15px;}
.dashboard_menu_sec_1 li .menu_icon{ min-width: 1.9rem; transition: all .5s ease-in-out; position: relative; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.65rem;}
.dashboard_menu_sec_1 li .menu_icon img{ width: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s ease-out;}
.dashboard_menu_sec_1 li .menu_icon img ~ img,
.dashboard_menu_sec_1 li:hover .menu_icon img,
.dashboard_menu_sec_1 li.active .menu_icon img{ opacity: 0;}
.dashboard_menu_sec_1 li:hover .menu_icon img ~ img,
.dashboard_menu_sec_1 li.active .menu_icon img ~ img{ opacity: 1;}
.dashboard_menu_sec_1 li .menu_text{ transition: all 0.5s ease-out;}
.dashboard_menu_sec_1.short li .menu_text,
.dashboard_menu_sec_1.short li > a.hav_submenu::after{ opacity: 0; white-space: nowrap;}
.dashboard_menu_sec_1 li.toggle_menu{ display: flex; background: linear-gradient(90deg, rgba(49, 55, 77, 0.05) 0%, rgba(91, 96, 101, 0) 67.48%);}
.dashboard_menu_sec_1 li.toggle_menu > a{ display: inline-block; font-size: 1.4rem; border-radius: 0px 0px; padding: 6px 6px;}
.dashboard_menu_sec_1.short li.toggle_menu > a{ padding: 10px 5px;}
.dashboard_menu_sec_1 li.toggle_menu > a:hover{ background-color: transparent;}











/* Toggle Menu */
.toggle_menu_click{ cursor: pointer;}
.mobile_toggle{ display: none; align-items: center; justify-content: center; cursor: pointer;}
.toggle_menu_click span,
.mobile_toggle span{ width: 22px; height: 2px; background-color: #403F4D; display: block; transition: all .5s ease-out; border-radius: 0.35rem; margin: 5px 0px 0px;}
.toggle_menu_click span:first-child,
.mobile_toggle span:first-child{ margin-top: 0px;}
.short .toggle_menu_click span:nth-child(1),
.mobile_toggle.active span:nth-child(1){ transform: rotate(45deg) translateY(5px);}
.short .toggle_menu_click span:nth-child(3),
.mobile_toggle.active span:nth-child(3){ transform: rotate(-45deg) translateY(-5px);}
.short .toggle_menu_click span:nth-child(2),
.mobile_toggle.active span:nth-child(2){ display: none;}

/* Toggle Menu */
.dashboard_menu_sec li > a:hover,
.dashboard_menu_sec li.active > a,
.dashboard_menu_sec li > a.hav_submenu[aria-expanded="true"]{ background: #F5F6FA; color: #0D67F9;}
.dashboard_menu_sec.short li > a{ padding: 18px 18px;}
.dashboard_menu_sec.short li .menu_icon{ min-width: 0rem; transition-delay: .3s;}  /* 2.2rem */
.dashboard_menu_sec li > a.hav_submenu::after{ content: "\e811"; font-family: 'captl'; font-size: 12px; right: 0; transition: all 0.5s ease-out; /*transform: rotate(90deg);*/ position: relative; margin-left: auto;}
.dashboard_menu_sec li > a.hav_submenu[aria-expanded="true"]:after{ transform: rotate(90deg);}
.sidebar-submenu{ position: relative;}
.sidebar-submenu_ab{ position: absolute; background-color: #fff; padding: 1rem; top: 0; left: 100%; z-index: 2;}
/*.dashboard_menu_sec.short .sidebar-submenu_ab,
.sidebar-submenu_ab.collapsing{ visibility: hidden; opacity: 0;}*/
.sidebar-submenu_ab.show{ visibility: visible; opacity: 1;}
.dashboard_menu_sec li a.submenu_item{ font-size: 14px; font-weight: 400; background: linear-gradient(90deg, rgba(49, 55, 77, 0.05) 0%, rgba(91, 96, 101, 0) 67.48%); border: none; border-radius: 5px !important;
    padding: 10px 15px !important; margin: 0.5rem 0rem;}
.dashboard_menu_sec li a.submenu_item:hover{ color: #0D67F9; background-color: #ffffff;}
.submenu_item_short{ width: 17rem; position: relative; left: 0%; z-index: 2; top: 0; margin-top: 0.4rem; padding: 0.5rem 0.5rem !important; background: transparent; border: none; border-radius: none !important;}
.submenu_item_short:hover{ color: #0D67F9; border-bottom-color: #0D67F9; background-color: transparent; border-width: 90%;}
.dashboard_body_sec .side_menu_overlay{ width: 50000px; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 4.2rem; left: 0%; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; z-index: 9998;}

.dashboard_body_sec_1 .side_menu_overlay{ width: 50000px; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 4.2rem; left: 0%; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; z-index: 9998;}

.dashboard_right_sec{ width: 100%; /*display: flex; flex-wrap: wrap;*/ position: relative; padding: 1.5rem 2rem;}

.wallet_block{ background: #FFFFFF; border-radius: 0.7rem; padding: 2.5rem;}
.wallet_sec{ min-width: 60%; flex: 1;}
.wallet_balance{ font-size: 2.86rem; font-weight: 600; color: #062652; line-height: 110%;}
.wallet_balance small{ display: block; font-size: 57.5%; color: #403F4D; font-weight: 500; padding-top: 5px;}
.wallet_now_btn .btn{ min-width: 80%;}
.wallet_sec .wallet_now_btn{ display: inline-block;}
.wallet_sec .wallet_now_btn .btn{ min-width: 25rem; padding: 0.85rem 1.3rem;}
.transactions_history_title{ font-size: 1.14rem; font-weight: 500; color: #403F4D;}
.transactions_history_title i{ font-size: 1.4rem;}
.transactions_history_title2{ font-size: 1rem; margin-right: 1.5rem !important;}
.transactions_history_box{ background: rgba(234, 236, 244, 0.72); border-radius: 0.93rem; padding: 3.5rem;}
.transactions_history_box_heading{ font-size: 1.79rem; color: #403F4D;}
.suggestion_list li{ font-size: 15px; color: #403F4D; padding: 0.35rem 0rem;}
.suggestion_list li.suggestion_title{ font-size: 1.14rem; font-weight: 500;}
.dashboard_data_right_sec{ min-width: 24rem; max-width: 24rem; margin-left: 2rem;}
/*.userprofile_mobile{ white-space: nowrap; overflow: hidden;}*/
.user_id_block{ background: rgba(234, 236, 244, 0.72); border-radius: 0.93rem; padding: 6px; position: relative;}
.dashboard_user_id{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0.64rem; font-size: 1.07rem; color: #0D67F9; display: flex; align-items: center; padding: 1.07rem 1.07rem;}
.dashboard_user_id i{ font-size: 1.43rem;}
.dashboard_menu_dot{ position: relative;}
.dashboard_menu_dot .dropdown-toggle{ color: #707786;}
.dashboard_menu_dot .dropdown-toggle::after{ display: none;}
.dashboard_menu_dot .dropdown-menu{ min-width: 14rem; transform: translate(0%, 10px) !important; transition: all 0.3s ease-out; right: -1.07rem !important; left: auto !important; background: linear-gradient(114.08deg, #FFFFFF 18.63%, #E3F6FF 118.24%); border: 1px solid #FFFFFF; box-shadow: 0px 20px 24px rgba(55, 135, 255, 0.08); border-radius: 9px; padding: 0rem 0rem; margin: 1.8rem 0rem 0rem;}
.dashboard_menu_dot .dropdown-menu::after{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #F2FBFF; position: absolute; right: 1.07rem; top: -8px; content: '';}
.dashboard_menu_dot .dropdown-menu li{ border-top: 1px solid #ffffff;}
.dashboard_menu_dot .dropdown-menu li:first-child{ border-top: none;}
.dashboard_menu_dot .dropdown-menu li a{ display: block; font-size: 13px; color: #0D67F9; font-weight: 300; padding: 0.5rem 1rem;}
.dashboard_menu_dot .dropdown-menu li:hover a{ background-color: #F5F6FA;}

/* Bootstrap Progress Circle */
.progress{ width: 11.14rem; height: 11.14rem !important; background: none; box-shadow: none; position: relative; display: inline-flex; align-items: center; justify-content: center;}
.progress::after{ content: ""; width: 100%; height: 100%; border-radius: 50%; border: 8px solid #fff; position: absolute; top: 0; left: 0}
.progress>span{ width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1;}
.progress .progress-left{ left: 0}
.progress .progress-bar{ width: 100%; height: 100%; background: none; border-width: 8px; border-style: solid; position: absolute; top: 0;}
.progress .progress-left .progress-bar{ left: 100%; border-top-right-radius: 7rem; border-bottom-right-radius: 7rem; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left;}
.progress .progress-right{ right: 0}
.progress .progress-right .progress-bar{ left: -101%; border-top-left-radius: 7rem; border-bottom-left-radius: 7rem; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards;}
.progress .progress-value{ width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 50%; background: transparent; font-size: 24px; color: #fff; text-align: center; position: absolute; top: 0%; left: 0%; display: flex; align-items: center; justify-content: center; margin: 1px;}
.progress.custom_bgcolor .progress-bar{ border-color: #0D67F9;}
.progress.custom_bgcolor .progress-right .progress-bar{ animation: loading-3 1.8s linear forwards}
.progress.custom_bgcolor .progress-left .progress-bar{ animation: loading-2 1.8s linear forwards}
.progress_value_block{ width: calc(100% - 3rem); height: calc(100% - 3rem); border-radius: 50%; background: #FFFFFF; box-shadow: 0px 2px 21px rgba(13, 103, 249, 0.14); display: flex; align-items: center; justify-content: center; margin: 1.5rem;}
.progress_value_block img{ max-width: 55px;}
/*@keyframes loading-1{
0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
}*/
@keyframes loading-2{
    0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100%{ -webkit-transform: rotate(90deg); transform: rotate(90deg);}
}

@keyframes loading-3{
    0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100%{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
}
/* //Bootstrap Progress Circle */

.user_progress_name{ font-size: 1.57rem; font-weight: 600; color: #403F4D; word-break: break-all;}
.user_progress_name small{ display: block; font-size: 68.18%; font-weight: 400; color: #71707B;}
.edit_profile_btn{ background: #FFFFFF; box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24); border-radius: 6px; font-size: 1rem; color: #0D67F9; font-weight: 400; display: flex; align-items: center; justify-content: center; padding: 1.07rem 1.07rem;}
.edit_profile_btn:hover{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #ffffff;}
.complete_warning_message{ font-size: 1rem; color: #FF8872;}
.verified_view_block ul{ display: flex;}
.verified_view_block ul li{ min-width: 50%; max-width: 50%; position: relative; text-align: center;}
.verified_view_block ul li::before{ width: 100%; height: 1px; border-top: dashed 1px #B2BBDB; position: absolute; top: 2.15rem; left: 0%; content: '';}
.verified_view_block ul li:first-child::after{ width: 2rem; height: 1px; background-color: #0D67F9; position: absolute; top: 2.15rem; left: 0%; content: '';}
.verified_view_block ul li.verified_profile:first-child::after{ width: 4rem; height: 1px; background-color: #0D67F9; position: absolute; top: 2.15rem; left: 0%; content: '';}
.verified_view_block li.verified_profile a{ color: #38D8A5;}
.verified_icon_view{ width: 4.29rem; height: 4.29rem; position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(0deg, #FFFFFF, #FFFFFF); box-shadow: 0px 3px 5px rgba(48, 170, 241, 0.19); padding: 0.6rem; z-index: 2;}

.verified{ border: 1px solid #0D67F9;}
.unverified{ border: 1px solid #FF8872;}
.verified_check{ position: absolute; min-width: 1.2rem; height: 1.2rem; top: 0rem; right: 0rem; background: #38D8A5; border-radius: 50%;}
.unverified .verified_check{ background-color: transparent;}
.verified i{ color: #fff; position: relative; height: 1rem; top: -0.35rem; left: 0rem; font-size: 0.8rem; font-weight: 800;}
.verified_view_block li a{ text-align: center; display: block; font-size: 0.93rem; color: #FF8872; padding: 0.7rem 1.07rem;}
.verified_view_block li a.btn{ color: #0D67F9; background: #FFFFFF; box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24); border-radius: 0.43rem; border: 1px solid #0D67F9;}
.verified_view_block li a.btn:hover{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #ffffff;}
.crypto_status_title{ font-size: 1.21rem; font-weight: 500; color: #403F4D;}
.crypto_list{ margin-left: -7px; margin-right: -7px;}
.crypto_list li{ width: calc(50% - 14px); min-height: 12.29rem; max-height: 12.29rem; display: flex; align-content: space-between; flex-wrap: wrap; background-image: url(../../modules/facelift/img/crypto_status_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 6px; padding: 1rem; margin: 7px;}
.crypto_list_icon img{ width: 2.57rem;}
.crypto_list_name{ font-size: 1.07rem; font-weight: 500; color: #403F4D;}
.crypto_list_price{ font-size: 1.07rem; font-weight: 600; color: #403F4D;}
.crypto_list_price small{ display: block; font-size: 93.3333%; font-weight: 400; color: #0D67F9; max-width: 8ch; text-overflow: clip; overflow: hidden; white-space: nowrap;}
.crypto_next{ width: 2.14rem; height: 2.14rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.43rem; display: flex; align-items: center; justify-content: center; font-size: 1.14rem; color: #0D67F9; border: 1px solid #ffffff;}
.crypto_next:hover{ background: rgba(255, 255, 255, 1);}
.download_metatrader_list li{ transition: all 0.5s ease-out; /*background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border: 1px solid transparent;*/ border-radius: 0.64rem; margin-top: 6px;}
.download_metatrader_list_title{ display: flex; align-items: center; position: relative; background-color: #ffffff; border-radius: 9px; padding: 2px; margin-bottom: 18px;}
.download_metatrader_list_title::after{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; content: '';}

.download_metatrader_list li a{ display: flex; align-items: center; padding: 0.64rem;}
.download_metatrader_list li:first-child{ margin-top: 0rem;}
/*.download_metatrader_list li:hover,
.download_metatrader_list li.selected{ border-color: #0D67F9; box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24);}*/
.download_metatrader_text{ font-size: 1rem; font-weight: 400; color: #062652; display: flex; align-items: center;}
.download_metatrader_list_title .download_metatrader_text{ font-size: 1.14rem; font-weight: 500; color: #062652; display: flex; align-items: center;}
.download_metatrader_text i{ font-size: 2rem; color: #403F4D;}
.download_metatrader{ width: 4.14rem; height: 4.14rem; border-radius: 0.5rem; background: linear-gradient(14.3deg, #0D67F9 0.68%, #4DCBF3 96.27%); box-shadow: 0px 4px 15px rgba(0, 74, 255, 0.24); display: flex; align-items: center; justify-content: center; font-size: 2.3rem; color: #ffffff; padding: 0.75rem;}
.download_metatrader:hover{ color: #ffffff;}
.dashboard_copyright_bottom{ width: 100%; background: rgba(255, 255, 255, 0.72); position: absolute; left: 0%; bottom: 0%; font-size: 1.07rem; font-weight: 400; color: #737480; transition: all 0.5s ease-out; padding: 1.07rem;}
/* Wallet page */
.hold_amount_sec{ min-width: 40%;}
.hold_amount_sec .wallet_balance{ font-size: 2.14rem;}
.hold_amount_sec{ border-left: 1px solid #DDE1EF;}
.deposit_withdraw_sec{ display: flex; margin-left: -15px; margin-right: -15px;}
.deposit_withdraw_block{ flex: 1; padding: 10px 15px; align-items: center;}
.account_overview_text {text-align: left;}
.rate_status{ width: 2.86rem; height: 2.86rem; background: #E3EEFF; border-radius: 0.64rem; display: flex; align-items: center; justify-content: center; font-size: 1.43rem; color: #0D67F9;}
.rate_price{ font-size: 1rem; font-weight: 500; color: #062652; text-align: justify;}
.rate_price small{ display: block; font-size: 100%; font-weight: 400; color: #71707B;}
.dark_gray_bg{ background-color: #EBECED;}
.rate_status.dark_gray_bg{ color: #0E1A6A;}
.deposit_withdraw_box .wallet_now_btn .btn{ min-width: 100%;}
.deposit_withdraw_block2{ flex: inherit; padding-left: 15px; padding-right: 15px;}
.transactions_history_arrow{ color: #C4C4C4; display: inline-block; position: relative; margin: 0px 15px;}
.wallet_sec_btn{ margin: 2rem 0rem 0rem;}
.wallet_now_btn .btn{ min-height: 3.25rem; padding: 0.65rem 15px}
.withdraw_btn .btn{ min-height: 3.25rem; background: #ffffff; color: #0D67F9; border: 1px solid #0D67F9; padding: 0.65rem 15px;}
.withdraw_btn .btn:hover{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #ffffff;}
.table-filter{ font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; color: #403F4D; padding-bottom: 2rem !important;}
.table-filter tr td{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.4; color: #403F4D; border-bottom: 1px solid #dee2ed;}
.table-filter tr.last-tr td:last-child{ padding-bottom: 2rem !important; background-color: #fff;}
.amt_deposit{ color: #2db388 !important;}
.amt_deposit::before{ font-family: 'Font Awesome 5 Free'; font-weight: 600; content: "\f309"; color: #2DB388; padding-right: 3px;}
.amt_withdraw{ color: #D64859 !important;}
.amt_withdraw::before{ font-family: 'Font Awesome 5 Free'; font-weight: 600; content: "\f30c"; color: #D64859, 100%; padding-right: 3px;}
.amt_transfer{ color: #0D67F9 !important;}
.amt_transfer::before{ font-family: 'Font Awesome 5 Free'; font-weight: 600; content: "\f362"; color: #0D67F9; padding-right: 3px;}
.table_pagination #previous-page,
.table_pagination #next-page{ display: none !important;}
.filter_record_link{ display: flex; margin: -2.5px;}
.filter_record_link  li{ position: relative; margin: 2.5px;}
.filter_record_link li input{ width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; opacity: 0; cursor: pointer; z-index: 2;}
.filter_record_checkview{ background: #FFFFFF; border: 1px solid #EDEFF6; box-sizing: border-box; border-radius: 6px; font-size: 13px; line-height: 105%; color: #403F4D; transition: all .5s ease-in-out; padding: 10px 15px;}
.filter_record_link li input:checked + .filter_record_checkview{ border-color: #0D67F9; color: #0D67F9; padding-left: 25px;}
.filter_record_checkview > img{ width: 12px; position: absolute; top: 50%; left: 10px; transform: translate(0%, -50%); opacity: 0; visibility: hidden; transition: all .5s ease-in-out;}
.filter_record_link li input:checked + .filter_record_checkview > img{ opacity: 1; visibility: visible; transition-delay: .3s;}

/* Custom Checkbox */
.custom-checkbox{ background: #FFFFFF; border: 1px solid #EDEFF6; box-sizing: border-box; border-radius: 6px; padding: 6px 25px; font-size: 16px;}
.custom-control-label_two{ font-style: normal; font-weight: normal; font-size: 13px; line-height: 1; color: #403F4D; padding-top: 8px; position: relative; top: 50%; left: 55%; transform: translate(-50%, -50%);}
input[type=checkbox]:checked+label{ color: #0D67F9; font-style: normal;}
input[type=checkbox]:checked~.custom-control{ color: #0D67F9; font-style: normal; border: 2px solid #0D67F9;}
.custom-control-label::before{ position: absolute; top: .25rem; left: -1.5rem; display: block; width: 0; height: 0; pointer-events: none; content: ""; background-color: #fff; border: none !important;}
input[type=checkbox]:active{ box-shadow: none; background-color: #000;}
.custom-control-input:checked~.custom-control-label::before{ color: #007bff; border-color: none !important; background-color: #fff;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{ background-image: url("../../modules/facelift/img/check_icon.svg"); width: 50%; padding-top: 1.09rem; margin-left: -0.06rem;}
.custom-control-input:focus~.custom-control-label::before{ box-shadow: none;}
.custom-control-input:active~.custom-control-label::before{ background-color: #fff;}
.changeme_border{ border: 1px solid #007bff !important;}
.filter_check{ display: flex; text-align: start; align-items: center;}

/* Sidebar_Right */
.navbar-nav li a.openbtn{ font-size: 20px; cursor: pointer; border: none; padding: 5px 8px;}
#main{ transition: margin-left .5s; padding: 16px;}
.outmainrtl{ transform: translateX(0rem);}

/* index.css */
.jumbotron_sliderbg{ color: white; background-image: url("../../modules/facelift/img/partner_with_capitalxtend.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px;}
.jumbotron_sliderbg .carousel-item{ width: 100%; border-radius: 9px;}
.jumbotron_sliderbg .carousel-item > a{ display: block;}
h4.display_text{ font-style: normal; font-weight: 600; font-size: 1.85rem !important; line-height: 1.2; color: #FFFFFF; max-width: 50ch;}
p.display_text{ max-width: 50ch; font-style: normal; font-weight: normal; font-size: 1.28rem; line-height: 1.4; color: #5AD3FF; padding-top: 0.5rem; margin-bottom: 0rem;}
.slider_data_view{ min-height: 14rem; display: flex; align-items: flex-end; padding: 0rem 5rem;}
.img-text{ width: 100%; align-self: center;}
.slider_img{ min-width: 15rem; max-width: 15rem;}
.jumbotron_sliderbg .carousel .carousel-indicators li{ width: 8px; height: 8px; border-radius: 50%; background-color: #C4C4C4;}
.jumbotron_sliderbg .carousel .carousel-indicators li.active{ background-color: #0D67F9;}
.jumbotron_sliderbg .carousel .carousel-indicators{ bottom: -3rem;}
.index_wallet_text small{ font-style: normal; font-weight: 500; font-size: 42.5%; line-height: 1.4; color: #403F4D;}
.indexwallet_block{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0.7rem; padding-left: 2.5rem; padding-top: 2.5rem; padding-bottom: 1rem; padding-right: 2.5rem;}

/* index block 01 */
.transection_history_link{ display: flex; align-items: flex-end; background: #F5F6FA; border-radius: 6px; font-weight: 500; padding: 15px 8px 15px 17px;}
.view_all_history a{ color: #0D67F9; display: inline-flex; align-items: center;}
.view_all_history a i{ font-size: .8rem; margin-left: .5rem;}
.transactions_history_text{ color: #403F4D;}
.wallet_block_index{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0.7rem; padding: 10px;}
.wallet_block_index hr{ width: calc(100% - 30px);}
.wallet_block_index .wallet_sec{ text-align: left; margin: 1.8rem 0rem;}
.wallet_block_index .deposit_withdraw_sec{ display: flex; padding: 0px 10px; margin: 2.8rem 0px 0px;}
.wallet_block_index .deposit_withdraw_box{ flex: 1; padding: 0px 15px;}
.openicon{ justify-content: flex-end; color: #707786; display: none;}
.open_icon{ background: url(../../modules/facelift/img/open-icon.png); width: 18px; height: 18px; display: inline-block;}
.index_user_id{ font-size: 1.07rem; color: #403F4D; padding-top: 0rem; padding-left: 0px;}
.card-details{ position: absolute; width: 63%; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); margin-left: 2%;}
.dashboard_my_account{ display: flex; align-items: flex-end; border-radius: 6px; color: #403F4D; font-size: 1.3rem; font-weight: 500;}
.my_account_usericon{ color: #707786;}
.transaction_card{ display: flex; flex-wrap: wrap; background-color: #fff; border: 1px solid #F5F6FA; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 6px; flex: 1; padding: 5px;}
.overlay{ background: linear-gradient(270deg, #FFFFFF 1.76%, rgba(255, 255, 255, 0) 85.56%);}
.ecn_id{ color: #0D67F9; font-size: 1.4rem;}
.ecn_id small{ color: #71707B; font-size: 0.9rem; display: block;}
.trans_status{ width: 2.86rem; height: 2.86rem; background: #E3EEFF; border-radius: 0.64rem; display: flex; align-items: center; justify-content: center; font-size: 1.43rem; color: #0D67F9;}
.trans_icon{ width: 2.5rem; min-width: 2.5rem; display: inline-block;}
.trans_icon img{ width: 100%;}
.amt_balance{ background: #F4F5F9; border-radius: 5px; display: flex; flex: 0 0 100%; align-items: center; padding: 0.35rem;}
.balance_amt{ color: #71707B; font-size: 1rem; display: flex; align-items: center;}
.balance_amt span{ color: #062652; font-size: 1.1rem; justify-content: center; font-weight: 500;}
.balance_amt_history,
.balance_amt_transicon{ width: 2.2rem; height: 2.2rem; background: #E3EEFF; border-radius: 0.3rem; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #0D67F9;}
.balance_amt_history a{ color: #0D67F9;}
.balance_amt_transicon{ background: #EBECED; color: #0E1A6A;}
.balance_amt_transicon a{ color: #0E1A6A;}
.balance_amt_transicon:hover,
.balance_amt_transicon a:hover{ background: #E3EEFF; color: #0D67F9;}
/* Slider */

.item{ opacity: 0.4; transition: .4s ease all; margin: 0 10px; transform: scale(1); background: linear-gradient(270deg, #FFFFFF 1.76%, rgba(255, 255, 255, 0) 85.56%);}
@media(max-width:1000px){
    .item{ transform: scale(1)}
}
.active .item{ opacity: 1; transform: scale(1);}
.owl-item{ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0) scale(1.0, 1.0);}
.inner{ position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
.inner a{ color: #fff; text-decoration: none; border-bottom: 2px solid rgba(255, 255, 255, 0.5); transition: .3s ease border-color;}
.inner a:hover{ border-color: #fff;}
.black .inner a{ color: #000; border-color: rgba(0, 0, 0, 0.4);}
.black .inner a:hover{ border-color: #000;}
.owl-carousel:after{ content: ""; display: block; position: absolute; width: 8%; top: 0; bottom: 0; left: 50%; margin-left: -4%; pointer-events: none; background: url(https://3-us-west-2.amazonaws.com/s.cdpn.io/43033/aett_logo_slider.png) no-repeat center 50%; background-size: 100% auto;}
.owl-controls{ position: absolute; margin-top: 30px; align-items: right;}
.owl-carousel::after{ background: none;}
.carousel_fade .owl-stage{ position: relative; -ms-touch-action: pan-Y; touch-action: pan-Y; padding-left: 0 !important;}
.carousel_fade_fa .owl-stage{ position: relative; -ms-touch-action: pan-Y; touch-action: pan-Y; padding-right: 0rem !important;}
.carousel_fade .owl-stage-outer,
.carousel_fade_fa .owl-stage-outer{ position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); max-width: 40rem;}

.carousel_fade.owl-drag .owl-item,
.carousel_fade_fa.owl-drag .owl-item{ padding-bottom: 1rem;}
.carousel_fade .owl-nav,
.carousel_fade_fa .owl-nav{ background: none !important; padding: 0.5rem 15px; justify-content: flex-end; display: inline-flex; cursor: pointer; float: right;}
.carousel_fade .owl-nav button{ margin-left: 20px;}
.carousel_fade_fa .owl-nav button{ transform: rotate(180deg); margin-left: 20px;}
.cx-left_arrow,
.cx-right_arrow{ background-image: url(../../modules/facelift/img/arrowleft.svg); width: 25px; height: 10px; display: inline-block; color: #7C9CB0; background-repeat: no-repeat; background-position: center center;}
.cx-right_arrow{ background-image: url(../../modules/facelift/img/arrowright.svg);}
.cx-left_arrow:hover,
.cx-right_arrow:hover{ font-weight: 600; color: #007bff;}
.account_overview{ display: flex; align-items: flex-end; padding: 8px 15px; border-radius: 6px; z-index: 1999; margin-top: -0.3rem;}
.account_overview_text a{ color: #007bff; cursor: pointer;}
.account_overview_text a i{ font-size: .8rem;}
.account_overview_text a:hover{ color: #062652; cursor: pointer;}
.index_box{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0.7rem; padding: 2.5rem;}
.rate_price_index{ font-size: 1rem; font-weight: 500; color: #062652; text-align: start;}
/* Overview section */

.overview_list{ display: flex; flex-wrap: wrap; margin-left: -1.07rem; margin-right: -1.07rem;}
.overview_list::after{ clear: both; display: block;}
.overview_list>li{ width: calc(100% - 2.14rem); background-color: #ffffff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; overflow: hidden; transition: all 0.5s ease-out; position: relative; margin: 1.07rem;}
.overview_list li .overview_list_box{ height: 100%; position: relative; transition: all 0.5s ease-in-out; min-height: 9.28rem; max-height: 9.28rem; border-radius: 9px; overflow: hidden;}
.overview_list li>input{ width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; opacity: 0; text-indent: -9999px; cursor: pointer; z-index: 2;}
.overview_icon_block{ min-width: 9.28rem; max-width: 9.28rem; border-radius: 9px; height: calc(100% - 6px); transition: all 0.5s ease-out; background-color: #F5F6FA; display: flex; align-items: center; flex-wrap: wrap; margin: 3px;}
.overview_icon_block>div{ width: 100%; text-align: center;}
.overview_icon_block .hover{ display: none;}
.overview_list li>input:checked+.overview_list_box,
.overview_list li.selected .overview_list_box,
.overview_list li:hover .overview_list_box{ box-shadow: 0px 8px 61px rgba(48, 170, 241, 0.38);}
.overview_list li>input:checked+.overview_list_box .overview_icon_block,
.overview_list li.selected .overview_list_box .overview_icon_block,
.overview_list li:hover .overview_list_box .overview_icon_block{ background: #2E5ED0;}

.overview_list li>input:checked+.overview_list_box .overview_icon_block .normal,
.overview_list li.selected .overview_list_box .overview_icon_block .normal,
.overview_list li:hover .overview_list_box .overview_icon_block .normal{ display: none;}

.overview_list li>input:checked+.overview_list_box .overview_icon_block .hover,
.overview_list li.selected .overview_list_box .overview_icon_block .hover,
.overview_list li:hover .overview_list_box .overview_icon_block .hover{ display: inline-block;}

.selected2{ box-shadow: 0px 8px 61px rgba(48, 170, 241, 0.38); background: linear-gradient(268.44deg, #2FADFC 0%, #2D0FA4 100%);}
.overview_icon img{ width: 5.71rem;}

.overview_icon_name{ font-size: 1.14rem; color: #062652; font-weight: 600; line-height: 107%; transition: all 0.5s ease-out;}
.overview_list li>input:checked+.overview_list_box .overview_icon_name,
.overview_list li.selected .overview_list_box .overview_icon_name,
.overview_list li:hover .overview_list_box .overview_icon_name{ color: #ffffff;}

.overview_list li>input:checked+.overview_list_box .overview_data,
.overview_list li.selected .overview_list_box,
.overview_list li:hover .overview_list_box{ background: linear-gradient(268.44deg, #2FADFC 0%, #2D0FA4 100%);}
.overview_data li{ flex: 1 0 0; background-color: transparent; position: relative; font-size: 1.14rem; color: #6D768F; font-weight: 400; padding: .3rem 1rem; margin: 0rem 0rem;}

.overview_list li>input:checked+.overview_list_box .overview_data li,
.overview_list li.selected .overview_list_box .overview_data li,
.overview_list li:hover .overview_list_box .overview_data li{ color: rgba(255, 255, 255, 0.7);}

.overview_data li span,
.overview_data li small{ display: block; font-size: 148.75%; color: #062652; font-weight: 600;}
.overview_data li small{ font-size: 100%;}

.overview_list li>input:checked+.overview_list_box .overview_data li span,
.overview_list li.selected .overview_list_box .overview_data li span,
.overview_list li:hover .overview_list_box .overview_data li span,
.overview_list li>input:checked+.overview_list_box .overview_data li small,
.overview_list li.selected .overview_list_box .overview_data li small,
.overview_list li:hover .overview_list_box .overview_data li small{ color: rgba(255, 255, 255, 1);}

.overview_btns{ width: 100%; display: flex; justify-content: center; margin-top: 2rem;}
.spreadsForex .spreadsForex_block .overview_btns{ width: 100%; display: flex; justify-content: flex-end; margin-top: 2rem;}
.overview_btns .btn{ min-width: 16.4rem; justify-content: center;}
.overview_btns .btn.read_more{ background: #ffffff; color: #0D68F9 !important; border: 1px solid #0D68F9;}
.overview_btns .btn.read_more:hover{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #ffffff !important;}


/* NEW CSS */
/*.overview_list_box li:nth-last-child(1){ flex: 0; background: aliceblue; padding-top: 10%; padding-bottom: 10%; border-top-left-radius: 6px; border-bottom-left-radius: 6px; color: #0D67F9;}
.overview_list_box li:nth-last-child(-n+2){ flex: 0 2 auto;}*/
.btn_overview_block{ margin-right: 1.5rem;}
.btn_overview_block a{ min-width: 13rem; white-space: nowrap; border: 1px solid #0D67F9; box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24); border-radius: 0.5em; background: #fff; text-align: center; color: #0D68F9; font-size: 16px; font-weight: 500; padding: 0.7rem 1.9rem;}
.spreadsForex .spreadsForex_block .overview_btns{ width: 100%; display: flex; justify-content: flex-end; margin-top: 2rem;}
.hr-theme-slash-2{ position: relative; margin-bottom: 2rem;}
.hr-theme-slash-2 .hr-line{ width: 100%; position: relative; border-bottom: 1px solid #3DB2F5; box-shadow: 0px 4px 15px rgba(0, 74, 255, 0.24);}
.hr-theme-slash-2 .hr-icon{ width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #3DB2F5; position: absolute; bottom: 0rem; right: 25%;}
.trading_accounts_overview_block{ display: flex;}
.trading_accounts_overview_icon{ min-width: 5rem; display: inline-block; color: #0D67F9; margin-top: 0.5rem; margin-right: 1.43rem;}
.trading_accounts_overview_icon img{ width: 100%;}
.trading_accounts_overview_text h4{ font-weight: 600; font-size: 2rem; color: #062652; line-height: 150%;}
.trading_accounts_overview_text p{ color: #403F4D; font-size: 1.28rem; line-height: 150%; padding-top: 5px;}
.overview_list>li.data_tray{ width: 100%; float: left; max-height: 9.5rem; transition: all 0.5s ease-out; position: relative; background-color: #ffffff; margin-top: -1rem;}
.overview_list_box .btn-header-link{ min-width: 3rem; display: flex; align-items: center; justify-content: center; background: rgba(227, 238, 255, 0.7); border-radius: 5px; color: #0D67F9; margin: 0.3rem; cursor: pointer; min-height: calc(100% - 0.6rem); padding: 15px 0.5rem;}
ul.overview_data li::before{ content: ""; background-color: #C4C4C4; position: absolute; width: 1px; max-height: auto; left: -1px; top: 0;}
.angle_right_block a{ color: #0D67F9;}
.overview_display_list_item{ display: flex; flex-wrap: wrap; justify-content: flex-start; color: #062652; transition: all 0.5s ease; padding: 1.8rem 3rem;}
.overview_display_list_item li{ max-width: 50%; flex: 0 0 50%; position: relative; line-height: 2; margin: .2rem 0rem; padding-left: 2.5rem;}
.overview_display_list_item li::before{ content: url(../../modules/facelift/img/overview_display_list_item.svg); position: absolute; line-height: 1; top: .5rem; left: 0;}
li.overview_display_list{ z-index: -1;}
.btn-header-link:after{ content: "\e811"; font-family: 'captl'; font-weight: bold; float: right; font-size: 1.2rem; color: #0D67F9; transition: all 0.5s; position: relative; font-weight: 300;}
.btn-header-link[aria-expanded="true"]:after{ transform: rotate(90deg);}
.overview_list_box .btn-header-link:hover{ background-color: #E3EEFF;}
.overview_list li.selected .overview_list_box .overview_data .btn-header-link{ background-color: #E3EEFF;}
.collapsing{ transition: all 0.3s;}

/* NEW USER */
.wallet_block_index .wallet_icon{ min-height: 13rem;}
.dashboard_wallet_icon{ min-height: initial !important;}
.new_user_wallet_icon,
.new_user_wallet_block .wallet_icon img{ min-width: 14.64rem !important; max-width: 14.64rem !important;}
.wallet_balance_new_user{ font-size: 2.56rem; font-weight: 600; color: #062652;}
p.creating_trading_account{ max-width: 35ch; display: block; font-size: 1.1rem; color: #403F4D; font-weight: 500;}
p.creating_trading_account a{ font-size: 1.1rem; color: #0D67F9; font-weight: 500;}

/* User Profile Section */
.jumbotron_bg{ color: white; background-image: url("../../modules/facelift/img/profile_banner.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; min-height: 16.35rem;}
.profile_username h4{ font-size: 2rem; font-weight: 500; margin-top: -2rem;}
.card_userprofile_sec{ display: flex; margin-top: -10.5rem;}
.profile_username p{ display: block; font-size: 1rem; font-weight: 500;}
.card_userprofile{ background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(360deg, #EEF6FF 0%, #FFFFFF 26.56%); padding: 1.4rem; box-shadow: 0px 15px 41px rgba(0, 21, 55, 0.1); border-radius: 9px; border: none; max-width: 24rem; min-width: 24rem;}
.content_evenly{ -webkit-justify-content: space-evenly !important; -moz-justify-content: space-evenly !important; -o-justify-content: space-evenly !important; justify-content: space-evenly !important;}
.userprofile_status_block{ position: relative; display: flex; justify-content: center;}
.verified_userprofileicon_view{ width: 4.64rem; height: 4.64rem; position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #E3EEFF; padding: 0.6rem; z-index: 1;}
.verified_userprofileicon_view > img{ max-width: 4rem;}
.verify_userprofile_check{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; position: absolute; top: -3px; right: 3px; background: #FF8872; border-radius: 50%; font-size: 10px; color: #fff; line-height: 1; border: 2px solid #fff; z-index: 99;}
.unverified .verify_userprofile_check{ position: static;}
.user_profile_status{ font-size: 1.57rem; font-weight: 500; color: #FF8872; line-height: 111%;}
.user_profile_status small{ display: block; font-size: 82.35%; line-height: 111%; font-weight: 400; color: #707786; margin-bottom: 6px;}
.user_personal_info_sec{ background-color: #EDEFF6; padding: 20px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 13px;}
.user_personal_info{ display: flex; flex-wrap: wrap; margin-bottom: -15px;}
.user_personal_info .cardtop,
.user_personal_info .cardbot{ width: 100%; max-width: calc(33.3333% - 30px); flex: 0 0 calc(33.3333% - 30px); border: none; border-radius: 0.8rem; padding: 20px; margin: 15px;}
.user_personal_info .cardtop .card-body,
.user_personal_info .cardbot .card-body{ display: flex; align-items: center; padding: 10px;}
.user_personal_info .cardbot{ max-width: calc(50% - 30px); flex: 0 0 calc(50% - 30px);}
.user_personal_info .cardbot.first{ max-width: calc(33.3333% - 30px); flex: 0 0 calc(33.3333% - 30px);}
.user_personal_info .cardbot.second{ max-width: calc(66.6667% - 30px); flex: 0 0 calc(66.6667% - 30px);}
.user_personal_info_sec .personal_info_head{ padding-left: 1rem;}
.personal_info_head{ display: flex; justify-content: flex-start; padding-bottom: 1rem; flex-wrap: wrap;}
.personal_info_head h4{ font-size: 1.2rem; font-weight: 500; color: #403F4D;}
.personal_info_detail{ display: flex; align-items: center; word-break: break-all;}
.personal_info_icon{ min-width: 3.57rem; max-width: 3.57rem; margin-right: 15px;}
.capital_userid{ font-size: 1.78rem; color: #0D67F9;}
.personal_info_text h4{ font-size: 1.21rem; font-weight: 400; color: #062652; line-height: 113%;}
.personal_info_text h4 small{ display: block; font-size: 88%; line-height: 124%; color: #403F4D; padding-bottom: 6px;}
.personal_info_text h4 small.capital_userid{ color: #0D67F9; font-size: 175%;}
.pws_setting_sec{ background: #FFFFFF; border-radius: 9px; padding: 20px;}
.form-inline label.userprofile_pws{ font-size: 1.2rem; color: #403F4D; font-weight: normal; line-height: 182.5%;}

.userprofile_pwsholdr::-webkit-input-placeholder{ background-color: transparent; color: #495057; opacity: 1;}
.userprofile_pwsholdr::-moz-placeholder{ background-color: transparent; color: #495057; opacity: 1;}
.userprofile_pwsholdr::-ms-input-placeholder{ background-color: transparent; color: #495057; opacity: 1;}
.userprofile_pwsholdr:-ms-input-placeholder{ background-color: transparent; color: #495057; opacity: 1;}
.userprofile_pwsholdr::placeholder{ background-color: transparent; color: #495057; opacity: 1;}

.userprofile_pwsholdr{ min-height: 3.5rem; background: #FFFFFF; border: 1px solid #D7DBEA; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; font-size: 14px; padding-right: 4rem;}

.password_block{ display: block; position: relative;}
.userprofile_addon{ min-width: 4rem; min-height: 3.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 0rem; right: 0%;}
.userprofile_pwsholdr:focus{ outline: none; -webkit-box-shadow: 0rem 0rem 0rem transparent; box-shadow: 0rem 0rem 0rem transparent; border-color: #0D67F9;}
.change_pws{ margin-top: 20px !important;}
.userprofile_addon .toggle-password{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.userprofile_addon span.fa-eye{ color: #0D67F9;}
.userprofile_addon span.fa-eye-slash{ color: #062652;}
.vrfcn_status_sec_list{ display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px;}
.vrfcn_status_sec_list li{ width: 100%; min-height: 14rem; max-width: calc(25% - 24px); cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border: 1px solid transparent; border-radius: .85rem; position: relative; padding: .5rem; margin: 12px;}
.vrfcn_status_sec_list li:after{ width: 5rem; height: 2px; background: #D9DEEF; position: absolute; top: 50%; right: 0%; transform: translate(calc(5rem + 1px), -50%); content: '';}
.vrfcn_status_sec_list li:last-child::after{ display: none;}
.vrfcn_status_sec_list li.active:after{ background: linear-gradient(90deg, #0D67F9 1.31%, #1CDCE6 174.44%);}
.vrfcn_status_sec_check{ width: 22px; height: 22px; position: absolute; top: 4px; right: 4px; transition: all .5s ease-in-out; opacity: 0; visibility: hidden;}
.vrfcn_status_sec_list li.active,
.vrfcn_status_sec_list li.current{ border-color: #1f80f8;}
.vrfcn_status_sec_list li.active{ box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24);}
.vrfcn_status_sec_list li.active .vrfcn_status_sec_check{ opacity: 1; visibility: visible;}
.vrfcn_status_sec_list_step_text{ position: absolute; top: 10px; left: 10px; color: #0D67F9; font-size: 1rem; font-weight: 500; line-height: 165%;}
.vrfcn_status_sec_list_icon{ width: 3.21rem; height: 3.21rem; position: relative; margin: 0rem auto 5px;}
.features_list .vrfcn_status_sec_list_icon{ width: 4.5rem; height: 4.5rem; margin: 0rem auto 10px;}
.vrfcn_status_sec_list_icon img{ width: 100%; position: absolute; top: 0rem; left: 0rem; transition: all .5s ease-in-out;}
.vrfcn_status_sec_list_icon img ~ img,
.vrfcn_status_sec_list li.active .vrfcn_status_sec_list_icon img,
.vrfcn_status_sec_list li.current .vrfcn_status_sec_list_icon img{ opacity: 0;}
.vrfcn_status_sec_list li.active .vrfcn_status_sec_list_icon img ~ img,
.vrfcn_status_sec_list li.current .vrfcn_status_sec_list_icon img ~ img{ opacity: 1;}
.vrfcn_status_sec_list_text{ font-size: 1.07rem; line-height: 127%; color: #403F4D; text-align: center;}
.vrfcn_status_sec_list li.active .vrfcn_status_sec_list_text,
.vrfcn_status_sec_list li.current .vrfcn_status_sec_list_text{ color: #0D67F9;}
.section_icontext{ padding: 3rem; display: flex;}
.section_icon h5{ font-size: 1.1rem; line-height: 1.5; color: #0D67F9;}
.cardtopsec h5{ color: #0D67F9; font-size: 0.8rem;}
.verfc_card_check{ display: flex; position: absolute; top: 50%; right: 2.14rem; transform: translate(0, -50%); z-index: 99;}
.verfc_card_check img{ width: 22px;}
.verfc_card_check i{ font-size: 0.6rem; top: 0.1rem; position: absolute; color: #fff; font-weight: 600; left: 0.1rem;}
.completed_vcard{ border: 1px solid #0D67F9 !important;}
.active_vcard{ border: 1px solid; border-left: 1px solid #1CDCE6; border-right: 1px solid #0D67F9; border-top: 1px solid #0D67F9; border-bottom: 1px solid #1CDCE6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pending_process h5{ color: #403F4D; line-height: 1.5;}
.upload-btn-wrapper{ margin-top: 10%; margin-bottom: 1.2rem;}
.upload-btn-wrapper input[type=file]{ font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}
.upload_btn{ position: relative; overflow: hidden; background: #fff; border: 1px solid #0D67F9; border-radius: 6px; box-shadow: 0px 4px 15px rgba(0, 74, 255, 0.24); font-weight: 500; font-size: 1.21rem; color: #0D67F9; 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: 0.85rem 2rem;}
.btntext_rapper p{ max-width: 50%; margin-bottom: 3%; color: #707786; line-height: 1.6;}

/* MY WALLET PAGE FINAL */
.mywallet_block{ background: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); padding: 20px; border-radius: 9px; margin-left: 3rem; width: calc(100% - 4rem);}
.mywallet_block_account{ background: #F5F6FA; border: 1px solid #0D67F9; box-sizing: border-box; border-radius: 6px; position: relative; padding: 1.78rem; margin-top: 15px;}
.my_wallet_amount_view .wallet_balance{ font-size: 2.14rem; line-height: 120%; font-weight: 500; color: #062652;}
.my_wallet_amount_view .wallet_balance small{ line-height: 96%; font-size: 60%; color: #403F4D; margin-top: .35rem;}
.mywallet_block_account .wallet_sec{ min-width: inherit; display: flex; align-items: center;}
.mywallet_block_account .wallet_icon{ min-width: 5rem; width: 5rem; margin-right: 1.64rem;}
.withdrawal_final_block ul.withdrawal_final_block_list li.withdrawal_final_block_listinner::before{ content: "\e802"; font-family: "captl"; font-size: 0.8rem; color: #fff; background-color: #2DB388; width: 3rem; height: 3rem; border-radius: 50%; padding: 0.3rem; position: relative; right: 0.7rem; z-index: 99; font-weight: 600; top: 3.5rem; border: 1px solid #fff;}
.withdrawal_final_block ul.withdrawal_final_block_list li.withdrawal_final_block_listinner:last-child:before,
.withdrawal_final_block ul.withdrawal_final_block_list li.withdrawal_final_block_listinner:nth-last-child(2):before{ background-image: url('../../modules/facelift/img/processing_icon_white.svg'); background-size: 0.7rem 0.7rem; background-repeat: no-repeat; display: inline-block; width: 0.5rem; height: 0.5rem; content: ""; margin-right: 0.4rem; margin-left: -0.1rem; position: relative; background-color: #ccc; padding: 0.8rem; background-position: center;}
.withdrawal_final_block ul.withdrawal_final_block_list li.withdrawal_final_block_listinner.selected:last-child:before,
.withdrawal_final_block ul.withdrawal_final_block_list li.withdrawal_final_block_listinner.selected:nth-last-child(2):before{ background-color: #38D8A5; border: 1px solid #fff; box-shadow: 1px 1px 3px 3px #38D8A5C9;}
ul.overview_data li:last-child:before,
ul.overview_data li:nth-last-child(2):before,
ul.overview_data li:first-child:before{ display: none;}
.w-23{ width: 23% !important;}
.withdrawalMethods{ display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; margin-top: 3px;}
.withdrawalMethods > li{ width: 100%; max-width: calc(25% - 24px); flex: 0 0 calc(25% - 24px); margin: 12px;}
.withdrawalMethods > li > .tab_list_link{ min-height: 8.5rem; display: flex; flex-wrap: wrap; align-content: space-between; background: #F5F6FA; background-image: url(../../modules/facelift/img/withdraw_methode_card_mask.svg); background-repeat: no-repeat; background-position: bottom -15px right -5px; background-size: 4.64rem; overflow: hidden; border: 1px solid #DADEEC; border-radius: 10px; cursor: pointer; position: relative; transition: all .5s ease-in-out; padding: 15px;}
.withdrawalMethods > li .tab_list_link > div,
.withdrawalMethods > li .tab_list_link > div ~ div{ flex: 0 0 100%;}
.withdraw_methode_details{ display: flex; align-items: center;}
.withdrawalMethods > li .withdraw_methode_check{ width: 22px; height: 22px; position: absolute; top: 4px; right: 4px; transition: all .5s ease-in-out; opacity: 0; visibility: hidden;}
.withdrawalMethods > li .tab_list_link.active .withdraw_methode_check{ opacity: 1; visibility: visible;}
.withdrawalMethods > li:hover .tab_list_link,
.withdrawalMethods > li > .tab_list_link.active{ background-color: #ffffff; background-image: url(../../modules/facelift/img/withdraw_methode_card_mask.svg); border: 1px solid #0D67F9; box-shadow: 0px 12px 26px rgba(0, 21, 54, 0.2);}
.selectedwithdrawblock{ background: #fff; border: 1px solid #0D67F9; border-radius: 11px;}
.withdraw_methode_icon img{ width: 32px;}
.withdraw_methode_name{ color: #062652; font-size: 1rem; line-height: 1; font-weight: 500;}
.withdraw_methode_amt{ font-weight: 600; font-size: 15px; line-height: 140%; color: #6D7B9B; margin-top: 1rem; align-items: baseline;}
.withdraw_methode_amt small{ font-weight: 400; color: #6D7B9B; display: block; font-size: 13px;}
.withdraw_methode_maskimg img{ min-width: 5rem;}
img.img_mywallet{ max-width: 1.2rem; min-width: 1.2rem;}
.wdrl_transfer label{ color: #403F4D; font-size: 1.14rem; line-height: 1.4;}
span.transfergroup-inputtext{ font-size: 0.85rem; line-height: 1.4; padding: .375rem 1.75rem; border: none;}
.input-group-custom{ height: 3.2rem; background: #FFFFFF; border-radius: 6px; border: 1px solid #D7DBEA; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);}
.mywallet_block_account .input-group-custom .form-control{ font-size: 1.14rem; background-color: transparent;}
.input-group-custom .form-control{ font-size: 1.14rem; height: auto !important;}
.wdrl_transfer .form-control{ height: 100% !important;}
.input-group-custom input{ border: none;}
.input-group-custom:focus{ border-color: #0D68F9;}
.input-group-prepend{ min-width: 5.36rem; height: calc(100% - 4px); background-color: #E2E5F2; border-radius: 2px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; line-height: 105%; color: #062652; margin: 2px; padding: 2px;}
.withdrawalinformation_text{ color: #0D67F9; font-size: 1rem; line-height: 1.6; text-decoration-line: underline;}
.btn-form{ padding: 0.65rem 4rem; font-size: 1.21rem; font-weight: 500;}
.canclebtn-form{ border: 1px solid #0D68F9;}
.withdrawal_info_block{ position: relative; min-width: 50%; background: #EDEFF6; border-radius: 0.5rem;}
.withdrawal_info_block.up:before,
.withdrawal_info_block.up:after{ content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-top: 0;}
.withdrawal_info_block.up:before{ left: 7%; bottom: 100%; border-bottom-color: #EDEFF6; border-width: 12px;}
.withdrawal_info_block.up:after{ left: 7%; bottom: 100%; border-bottom-color: #EDEFF6; border-width: 12px;}
.withdrawal_info{ background: transparent; padding: 2rem; border-radius: 0.8rem; margin-left: 3rem; width: calc(100% - 4rem);}
.withdrawal_history_box{ background: #EDEFF6; border-radius: 6px; padding: 2.5rem 2.5rem;}
li.info_text{ font-size: 1.1rem;}
li.info_text span{ font-weight: 500;}
/* Deposit QR Code Page */
.deposit_qr_code_sec{ background: #EDEFF6; border-radius: 9px;}
.copy_link_btn_sec{ min-width: auto; background-color: transparent;}
.backbtn-top{ padding: 0.65rem 1rem; font-size: 1rem !important; font-weight: normal; border: 1px solid #0D68F9;}
.copy_link_btn_sec .backbtn-top{ min-width: 4.8rem; min-height: 100%;}

.backbtn-top:hover{ padding: 0.65rem 1rem; font-size: 1rem !important; font-weight: normal; border: 1px solid transparent;}
.deposite_qr_code_pad4{ padding: 0rem 4rem 4rem 4rem !important;}
.deposite_qr_code_backblock{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; min-width: 42rem; max-width: 42rem; margin-top: 15%;}
.img_qrcode_block{ background: #FFFFFF; box-shadow: 0px 20px 35px rgba(0, 21, 54, 0.15); border-radius: 0.8rem; max-width: 20rem; min-width: 20rem; min-height: 20rem; margin: auto; width: 50%; padding: 20px; margin-top: -30%;}
.img_qrcode_block svg{ width: 100%; height: 100%;}
.img_qrcode_block img{ min-width: 80%;}
.text_qrcodeblock h4{ font-weight: 500; font-size: 1.55rem; line-height: 1.4; text-align: center; color: #062652;}
.text_qrcodeblock h5{ font-weight: 500; font-size: 1.1rem; line-height: 1.4; text-align: center; color: #062652;}
.text_qrcodeblockor{ width: 2.4rem; height: 2.4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #DDE1EF; color: #7584BD; text-transform: uppercase; font-size: 1rem; margin: 2.5rem auto 2.5rem;}
.backbtn-top{ padding: 0.4rem 0.7rem; font-size: 0.8rem !important; font-weight: normal; border: 1px solid #0D68F9; border-radius: 6px !important; box-shadow: none;}
.backbtn-top:hover{ padding: 0.4rem 0.7rem; font-size: 0.8rem !important; font-weight: normal; border: 1px solid #0D68F9; border-radius: 6px !important; box-shadow: none;}
span.transfergroup-inputlink{ font-size: 0.85rem; line-height: 1.4; padding: .375rem 1rem; border: none; border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}
.imptext_qrblock{ background: #F5F6FA; border-radius: 6px; padding: 2rem; margin-top: 2rem;}
.imptext_qrblock h4{ font-weight: 500; font-size: 16px; line-height: 140%; color: #062652;}
.imptext_qrblock li{ font-weight: normal; font-size: 14px; line-height: 160%; color: #71707B; padding-top: 0.7rem; padding-bottom: 0.1rem;}
.imptext_qrblock li::before{ content: "\e802"; font-family: "captl"; color: #0D67F9; margin-right: 0.3rem;}
.imptext_qrblock li i{ color: #0D67F9 !important;}
.custom-select option span{ font-size: 1.2rem;}
.acclistitems span.accnbal,
.acclistitems span.acc_no{ color: #0D67F9;}
.acclistitems{ font-size: 1rem;}
span.acclistitems_text span.accnbal,
span.acclistitems_text span.acc_no{ color: #0D67F9;}

.acclistitems:hover>a{ background-color: #F5F6FA;}
.accitemlist .acclistitems{ width: 100%;}
li.acclistitems a::before{ background-image: url('../../modules/facelift/img/accountlist_icon.svg'); background-size: 1.7rem 1.7rem; background-repeat: no-repeat; display: inline-block; width: 1.7rem; height: 1.7rem; content: ""; margin-right: 0.4rem; margin-left: 0.4rem;}
span.acclistitems::before{ background-image: url('../../modules/facelift/img/accountlist_icon.svg'); background-size: 1.7rem 1.7rem; background-repeat: no-repeat; display: inline-block; width: 1.7rem; height: 1.7rem; content: ""; margin-right: 0.4rem;}
span.acclistitems{ font-size: 1rem; padding-top: -0.4rem;}
span.acclistitems_text{ font-size: 1rem; position: relative;}
.custom-select span.accnbal::before{ display: none;}
.custom-toggle::after{ display: none;}
button.custom-toggle{ background: #FFFFFF; border: 1px solid #0D67F9; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; padding: 0.3rem; padding-bottom: 0 !important;}
button.custom-toggle2{ background: #FFFFFF; border: 1px solid #0D67F9; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; padding: 0.34rem !important;}
.acclistitems2{ font-size: 0.9rem; font-weight: normal; align-items: center; padding-top: 0.2rem; padding-bottom: 0.2rem; margin-left: 0.25rem;}
span.acclistitems_text2{ font-size: 0.9rem; font-weight: normal; align-items: center; padding-top: 0.2rem; margin-left: 0.25rem;}
.acclistitems2 span.accnbal,
.acclistitems2 span.acc_no{ color: #0D67F9;}
span.acclistitems_text2 span.accnbal,
span.acclistitems_text2 span.acc_no{ color: #0D67F9;}
.account_note{ font-weight: normal; font-size: 14px; color: #201B4C; opacity: 0.7;}
.account_note span{ font-weight: 500; opacity: 1; color: #201B4C;}

/* Upload doc page */
.upload_doc_sec{ background-color: #EDEFF6; border-radius: 0.7rem;}
.upload_doc_sec .selectWrapper_box{ width: 50%;}
.upload_doc_sec .selectWrapper_box .selectWrapper{ width: 100% !important;}
.docfront_sec{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; padding: 20px; margin: 1rem;}
.upload_container{ min-height: 18.93rem; position: relative; border: 2px dashed #7A87D9; border-radius: 1rem; /*display: flex;*/ align-items: center; justify-content: center; background: #FFFFFF; padding: 20px;}
.upload_container > input{ width: 100%; height: 100%; position: absolute; top: 0rem; left: 0rem; opacity: 0; cursor: pointer; z-index: 2;}
.upload_container p{ color: #403F4D; font-weight: 500; font-size: 1.1rem; margin-top: 2rem; margin-bottom: 0; opacity: 1; display: block;}
.upload_container p span{ color: #0D67F9; opacity: 1; text-decoration: underline;}
.upload_icons img{ width: 9.43rem;}
select.selectWrapper{ -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.selectWrapper{ width: 75% !important; height: 3.21rem !important; overflow: hidden; position: relative; border: 1px solid #D7DBEA; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%23707786' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E"); background-position: right 13px center; padding-right: 2.5rem !important;}
.selectWrapper:hover,
.selectWrapper:active,
.selectWrapper:focus{ border: 1px solid #0D67F9;}
.selectWrapper option{ font-weight: normal; font-size: 1rem; line-height: 1.4;}
.selectWrapper_box label,
.userprofile_pws{ font-weight: normal; font-size: 1.14rem; line-height: 1; color: #403F4D;}
img.img_documenticn{ max-width: 2rem; min-width: 2rem;}
.upload_info_sec{ background: #F5F6FA; border-radius: 6px; padding: 0.7rem; display: flex; align-items: center; font-weight: normal; font-size: 0.85rem; line-height: 1.4; color: #707786;}
.upload_info_sec i.cx-warning{ transform: rotate(180deg); transform: rotate(-180deg);}
.btn_w19{ min-width: 19rem !important;}
.manage_myaccounts_info{ font-weight: 500; font-size: 1.28rem; line-height: 1.4; color: #403F4D; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px;cursor:default!important;}
.top_bg_mannagemyaccount{ background: #EDEFF6; border-radius: 13px; padding: 6px 6px;}
.nav_tabs_custom{ border-bottom: none !important; display: flex; margin-left: -6px; margin-right: -6px; margin-top: 15px;}
.nav_tabs_custom:first-child{ justify-content: flex-start !important;}
.nav_tabs_custom li.nav-item{ flex: 1; position: relative; margin-left: 6px; margin-right: 6px;}
.nav_tabs_custom li.nav-item::after{ width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #2993F7; position: absolute; left: 50%; bottom: -7px; content: '';}
.nav_tabs_custom li.nav-item .nav-link{ display: flex; align-items: center; justify-content: center; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); border-radius: 5px 5px 0px 0px; font-weight: 500; font-size: 1.28rem; line-height: 2; color: #403F4D;}
.nav_tabs_custom .nav-link.active{ background-color: #fff;}
.tab_content_custom{ margin-top: 25px;}
.mannageaccount_card_block{ display: flex; flex-wrap: wrap; margin: -10px;}
.mannageaccount_card{ width: 100%; max-width: calc(33.3333% - 20px); flex: 0 0 calc(33.3333% - 20px); background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; padding: 6px; margin: 10px;}
.mannageaccount_card .card_top{ background: #F5F6FA; border-radius: 5px; display: flex; max-height: 4rem;}
.mannageaccount_card .card_top_id{ font-weight: 500; font-size: 1.15rem; line-height: 1.5; color: #0D67F9;}
.mannageaccount_card .card_top .dashboard_user_id{ padding: 1.5rem 0.5rem !important;}
.mannageaccount_card .card_top_id small{ display: block !important; font-weight: normal; font-size: 70%; line-height: 1.4; color: #707786;}
.mannageaccount_card .card_top img{ min-height: 2.5rem; max-height: 2.5rem;}
.mannageaccount_card .card_availbal_box{ display: flex; align-items: center; padding: 20px;}
.mannageaccount_card .card_availbal_box .card_availbal_box_text{ font-weight: normal; font-size: 15px; line-height: 1.2; color: #403F4D;}
.mannageaccount_card .card_availbal_box .card_availbal_box_amt{ font-weight: 600; font-size: 1.35rem; line-height: 1.2; color: #403F4D;}
.mannageaccount_card .card_availbal_box .card_availbal_box_amt a{ color: #0D67F9;}
.card_availbal_box_items .card_availbal_box_text{ font-weight: normal; font-size: 14px; line-height: 120%; color: #403F4D;}
.card_availbal_box_items .card_availbal_box_amt{ font-weight: 500; font-size: 15px; line-height: 120%; color: #403F4D; margin-top: 3px;}
.mannageaccount_card .wallet_sec{ min-width: 100%;}
.mannageaccount_card .wallet_now_btn{ display: flex; justify-content: center;}
.mannageaccount_card .wallet_now_btn .btn{ min-width: 100%; font-size: 14px; font-weight: 400;}

/* accordion  */
.create_account_collapse_sec{ background: #FFFFFF; box-shadow: 0px 2px 18px rgba(48, 170, 241, 0.18); overflow: hidden; border-radius: 10px;}
.create_account_collapse_sec > .btn{ border: 1px solid #ffffff; align-items: center; justify-content: flex-start; text-decoration: none; text-align: left; padding: 15px !important;cursor:default !important;}
.create_account_collapse_sec > .btn:before,
.create_account_collapse_sec > .btn:after{ display: none;}
.myaccount_box{ background: #EDEFF6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; padding: 15px 25px 25px;}
.my_account_toptext_block{ display: flex; align-items: center;}
.my_account_toptext{ display: flex; align-items: center; font-weight: 500; font-size: 1.28rem; line-height: 1.4; color: #403F4D;}
.my_account_toptext > img{ min-width: 28px; width: 28px;}
.accordion{ margin: 0 0;}
.accordion_col{ margin-top: 0rem !important; margin-bottom: -1.5rem !important;}
.accordion .item{ border: none; margin-bottom: 50px; background: none; opacity: 1 !important;}
.accordion .item .item-header{ border-bottom: none; background: transparent; padding: 0px; margin: 2px;}
.accordion .item .item-header h2 button{ color: white; font-size: 20px; padding: 15px; display: block; width: 100%; text-align: left; text-decoration: none;}
.btn_icon_right{ background: #E3EEFF; font-size: 1rem; color: #0D67F9; border-radius: 6px; width: 2.21rem; position: absolute; right: 3px; top: 3px; height: calc(100% - 6px); display: flex; align-items: center; justify-content: center; padding: 5px;}
.create_account_collapse_sec .btn[aria-expanded="true"] .btn_icon_right i{ transform: rotate(90deg);}
.accordion .item .item-header h2 i{ font-size: 1rem; color: #0D67F9; display: flex; justify-content: center; align-items: center; border-radius: 5px; top: 30%; position: relative;}
button.btn.btn-link.collapsed i{ transform: rotate(0deg);}
button.btn.btn-link i{ /*transform: rotate(90deg);*/ transition: 0.5s;}
.item-header .dashboard_user_id{ box-shadow: none; background: transparent; border-radius: none;}
.create_account_collapse_sec .card_top_id{ font-weight: 600; font-size: 1.14rem; line-height: 107.5%; color: #FFFFFF; text-decoration: none; position: relative;}
.create_account_collapse_sec .card_top_id small{ display: block; font-weight: 300; line-height: 107.5%;}
.create_account_collapse_form_sec{ padding: 1.5rem 18px;}
.create_account_collapse_form_sec .form-group{ margin-bottom: 23px;}
.custom_collaps_sec .create_account_sec{ background: #FFFFFF; box-shadow: 0px 2px 18px rgba(48, 170, 241, 0.18); border-radius: 10px; padding: 1.5rem 1rem;}
select.selectWrapper_2{ -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.selectWrapper_2{ width: 100% !important; overflow: hidden; position: relative; box-sizing: border-box; border-radius: 6px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%23707786' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E"); background-position: right 15px center; padding-right: 2rem !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); height: 3.2rem;}
.interanal_transfer_select{ box-shadow: 0px 2px 4px rgb(0 0 0 / 8%); border: 1px solid #D7DBEA; border-radius: 6px;}
.interanal_transfer_select .img-option,
.deposit_amount_view .img-option{ min-width: 45px; height: auto; display: flex; align-self: initial; align-items: center; justify-content: center; border-right: 1px solid rgba(0,0,0,0.04); margin: 0px 0px;}
.interanal_transfer_select .img-option img,
.deposit_amount_view .img-option img{ width: 28px;}
.interanal_transfer_select .selectWrapper_2{ width: calc(100% - 45px) !important; box-shadow: 0px 2px 4px transparent; border: 0px; background-color: transparent; border-radius: 0px; font-size: 1.14rem; padding: 5px 10px;}
.interanal_transfer_select .selectWrapper_2.error{ position: static;}
.interanal_transfer_select .error{ position: absolute; bottom: -29px;}
.selectWrapper_box .input-group{ border: none;}
.select-group .form-control:focus{ outline: none; -webkit-box-shadow: 0rem 0rem 0rem transparent; box-shadow: 0rem 0rem 0rem transparent; border: 0.25px solid #0d67f9; border-left: none;}
.select-group .form-control:active{ border-left: 0;}
.create_account_sec .select-group:hover,
.create_account_sec .select-group:focus,
.create_account_sec .select-group:active{ border: 0.5px solid #0D67F9; border-radius: 6px;}
.select-group .form-control:active+.select-group{ border: 1px solid #0D67F9;}
.create_account_sec .selectWrapper_withicon{ width: 83% !important; border-left: none;}
.select-group .input-group-addon{ background: none; border-top: 1px solid #D7DBEA; border-bottom: 1px solid #D7DBEA; border-left: 1px solid #D7DBEA; border-top-left-radius: 6px; border-bottom-left-radius: 6px; text-align: center; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem;}
.select-group .input-group-addon img{ position: relative; top: 3px;}
.select-group select{ border-left: 0; padding-left: 0; box-shadow: none;}

.test_select{ padding: 5px 5px 5px 37px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 6px; border: 1px solid #D7DBEA; /*z-index: 1;*/ height: 3.21rem;}
.img-select{ display: flex; flex-wrap: wrap; position: relative; z-index: 0;}
.img-select.selectWrapper_2{ border: 1px solid #0D67F9; background-color: #ffffff; background-image: none; padding-right: 0rem !important;}
.img-select.selectWrapper_2 .test_select{ width: 100%; border: 0px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%23707786' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E"); background-position: right 15px center; font-size: 1rem; padding: 5px 5px; padding-right: 3rem;}
.without_icon_select select{ padding-left: 15px !important;}
.img-option{ width: 25px; height: 25px; display: flex; align-self: center; margin: 0px 10px;}
.img-option--this-logo,
.img-option--that-logo{ /*background: url('../../modules/facelift/img/accountlist_icon.svg') no-repeat;*/ background-size: contain; background-position: center;}
.img-option--that-logo{ background-size: cover;}
.myaccount_box_op2{ background: linear-gradient(180deg, #E2E5F2 0%, #F5F6FA 100%) !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px 9px 0px 0px;}

.wallet_now_btn .btn-option2{ min-width: 100%;}
.mannageaccount_card_op2{ min-width: 100% !important; width: 100%;}
.btn_w15{ min-width: 18rem !important; font-size: 1rem !important;}
span.accountlisttext_01{ position: relative; top: -6px;}
.accountlisttext_02{ position: relative; top: 6px;}

.transactions_history_block{ width: 100%; background: rgba(234, 236, 244, 0.72); border-radius: 13px; padding: 1rem;}
.tablecard{ background-color: transparent !important;}
.transactions_history_block .table thead{ border: none; border-radius: 13px; background-color: transparent !important;}
.transactions_history_block .table tbody{ background-color: #fff; border-radius: 6px;}
.transactions_history_block .table thead th{ background: #eaecf4; border: none !important; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; color: #403F4D;}
.pagination-sm .page-link{ border: none; width: max-content; text-align: center; margin-left: 0.1rem; line-height: 1.6; font-size: 1rem; padding: 0.25rem 0.75rem;}
.page-item.active .page-link,
.page-item:hover .page-link{ z-index: 0; color: #fff; background-color: #007bff; border-color: #007bff; width: max-content; text-align: center; vertical-align: middle;}

.StepProgress{ position: relative; padding-left: 0px; list-style: none;}
.StepProgress-item{ position: relative; counter-increment: list;}
.current_progress_arrow{ width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #38D8A5; position: absolute; top: 10px; left: 0rem; opacity: 0; visibility: hidden; content: '';}
.StepProgress-item.current .current_progress_arrow{ opacity: 1; visibility: visible;}
.StepProgress-item::before{ left: -30px; width: 2px; height: calc(100% + 5rem); background-color: #E2E5F2; position: absolute; top: 0px; content: '';}
.StepProgress-item.last::before{ height: 100%;}
.StepProgress-item.is-done::before{ background-color: #38D8A5;}
.StepProgress-item.last_step::before{ height: 100%;}
.StepProgress-item::after{ width: 25px; height: 25px; background-image: url(../../modules/facelift/img/progress_wait.svg); background-repeat: no-repeat; background-position: top left; background-size: 100%; position: absolute; top: 0px; left: -42px; content: '';}
.StepProgress-item.is-done::after{ background-image: url(../../modules/facelift/img/green_check.svg);}
.StepProgress-item.current::after{ width: 32px; height: 32px; left: -45px; background-image: url(../../modules/facelift/img/progress_current.svg);}
.StepProgress strong{ display: block;}

.progress.custom_bgcolor .progress-left .progress-bar,
.progress.custom_bgcolor .progress-right .progress-bar{ animation: loading-1 1.8s linear forwards;}
.progress.custom_bgcolor .progress-right .progress-bar.onestep_done{ animation: loading-2 1.8s linear forwards;}
.progress.custom_bgcolor .progress-right .progress-bar.twostep_done{ animation: loading-3 1.8s linear forwards;}
.progress.custom_bgcolor .progress-left .progress-bar.threestep_done{ animation: loading-2 1.8s linear forwards;}
.progress.custom_bgcolor .progress-left .progress-bar.finalstep_done{ animation: loading-3 1.8s linear forwards;}

.boxcurrent{ position: relative;}
.boxcurrent::after{ content: ''; display: inline-block; position: absolute; top: 0%; left: -33px; width: 1.5px; height: 25%; /* border: 1px solid #38D8A5; */ background-color: #38D8A5;}
.boxcurrent2::after{ height: 10% !important;}
.boxcurrent::before{ content: " "; position: absolute; right: 0; top: 15%; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #38D8A5; border-bottom: 10px solid transparent; z-index: 99; left: 0;}
.w-90{ width: 90% !important;}

/* Tooltip */
.tooltip-inner{ background: #F5F6FA; color: #062652; border-radius: 6px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before{ border-bottom-color: #F5F6FA !important;}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before{ border-top-color: #F5F6FA !important;}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before{ border-left-color: #F5F6FA !important;}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before{ border-right-color: #F5F6FA !important;}
/* Tooltip */

.sidebar-submenu_option .list-group-item.active{ color: #0d67f9 !important; background-color: #fff !important;}
.pay_link:read-only{ background-color: #fff !important; margin-top: auto; margin-bottom: auto;}
.iconhide{ visibility: hidden; opacity: 0;}
.iconshow{ visibility: visible; opacity: 1;}
.select_icon{ visibility: hidden; opacity: 0;}
.active2 .select_icon{ visibility: visible; opacity: 1;}
.currentbank::before{ top: 5.5% !important;}
.select_accto .test_select{ padding: 5px 5px 5px 10px;}
.verify_userprofile_check.verified_profile{ background:#38D8A5;}
.user_profile_status.verified_profile{ color: #38D8A5;}
.verified_check.unverified_profile{ background: #FF8872; color: #fff; margin-bottom: 0.7rem;}
.orange_text{ color: #FF8872 !important;}
.green_text{ color:#38D8A5 !important;}
.darkblack_text{ color:#403F4D !important;}

/* Promotions */
/*.pramotion_section{ padding: 2.5rem; background: #FFFFFF; border-radius: 0.7rem;}*/
.pramotion_head_sec{ margin: 2rem 0rem 4rem 0rem;}
.pramotion_heading_text{ font-weight: 600; font-size: 2rem; color: #062652; line-height: 2.1; }
.pramotion_text{ color: #403F4D; font-size: 1.28rem; line-height: 1.2;}
.pramotion_text span{ color: #007bff; font-weight: 600;}
form.trading-account .test_select{ padding: 5px 15px 5px 15px;}
.pramotion_block{ display: flex; /*align-items: center;*/ justify-content: flex-start; background-color: #EDEFF6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 13px; min-height: 21rem;}
.pramotion_left_block{ max-width: 40%; width: 100%; flex: 0 0 40%; display: flex; align-items: center; justify-content: center;}
.pramotion_left_block img{ max-width: 40rem; width: calc(100% - 60px); border-radius: 8px; margin: 30px;}
.pramotion_right_block{ max-width: calc(60% - 20px); width: calc(100% - 20px); flex: 0 0 calc(60% - 20px); display: flex; align-items: center; background-color: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; padding: 30px; margin: 10px;}
.pramotion_section .divider{ border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, #007bff 0%, rgba(255, 255, 255, 0) 100%); max-width: 85%; margin: 2rem 0rem;}
.pramotion_date_block{ display: flex; justify-content:flex-start; margin: 1rem 0rem;}
.pramotion_start_date{ padding: 0.6rem 1.2rem; background: #eef2fe; color: #2b95df; font-weight: 600;}
.pramotion_end_date{ margin: 0rem 2rem; padding: 0.6rem 1.2rem; background-color: #ffedef; color: #e04a53; font-weight: 600;}
.start_date,
.end_date{ color: #1e2128; padding: 0rem 0.2rem; font-weight: 500;}

.pramotion_block .promotion_text_block{ margin: 2rem 0rem 0px;}
.promotion_text_block .pramotion_heading_text{ font-weight: 600; font-size: 1.43rem; line-height: 1.6; }
.promotion_text_block .pramotion_text{ font-size: 16px; line-height: 150%;}

.promotion_share_sec{ margin: 2rem 0rem;}
.promotion_share_form .form-group input{ border: none; padding: 1rem 1rem; background: rgba(255, 255, 255, 0.9); border: 2px solid #FFFFFF; box-sizing: border-box; box-shadow: 0px 2px 4px rgb(0 0 0 / 15%); border-radius: 7px; color: #201B4C; font-family: 'Poppins'; font-size: 0.93rem; min-height: 45px;}
.promotion_share_form .form-group input.tandc_check{ min-height: 0px; margin-top: 0.4rem;}
.promotion_share_form .form-group input:focus{ color: #007bff;}
.share_lable{ font-size: 1.14rem; color: #062652; font-weight: 500;}
.shareuser_notes{ color: #a16b05;}
.tandc_lable a{ color: #007bff;}
.tandc_check{ margin-top: 7px;}
.mendetory{ color: crimson; font-size: 1rem;}
.margin_top5{ margin-top: 3rem;}
.padding_left4{ padding-left: 1.5rem!important;}
.width75{max-width: 75%;}

.pramotion_block .wallet_now_btn .btn, .pramotion_block .withdraw_btn .btn {font-size: 1.21rem;}
input[type=checkbox]:indeterminate+label{ color: crimson; font-style: normal;}

.pamotion_alert{padding: 1.5rem 1.85rem; margin: 2rem 0rem 0rem; color: #403F4D;}
.alert_msg_block{display: flex; justify-content: flex-start; align-items: center;}
.alert_msg_block img{margin-right:0.75rem; min-width: 3.5rem; max-width: 3.5rem; margin-top: -1rem;}
.alert_heading{font-size: 1.28rem; font-weight: 500; line-height: 150%;}
.alert_text{ font-size: 14px; font-weight: normal; line-height: 150%;}

.pamotion_alert.success {background-color: rgba(52, 195, 143, 0.08); }
.pamotion_alert.success span{color: #34C38F; font-weight: 600;}
.pamotion_alert.warning{background-color: rgba(195, 52, 52, 0.08);}
.pamotion_alert.info{background-color: rgba(195, 133, 52, 0.08);}
.pamotion_alert.warning span{color: #c33434; font-weight: 600;}
.pamotion_alert.info span{color: #c38a34; font-weight: 600;}

/* pramotion_details_sec  */
.pramotion_details_sec_capital{ margin-top: 3.5rem;}
.pramotion_details_sec_top{ /*background: linear-gradient(270.06deg, #FFFFFF 0.06%, #E3F7FF 98.62%), #FFFFFF; padding: 1rem 1rem;*/ color: #062652; font-weight: 600; font-size: 1.43rem;}
.pramotion_details_sec{ display: flex; align-items: center; flex-wrap: wrap; min-height: 8rem; margin-left: -15px; margin-right: -15px;}
.pramotion_details_block{ max-width: calc(25% - 30px); flex: 0 0 calc(25% - 30px); width: calc(100% - 30px); display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; padding: 15px; margin: 15px 15px;}

.pramotion_details_text{ text-align: center; padding: 15px;}
.pramotion_details_text .amount_text{ font-size: 2.65rem; font-weight: 600; color: #0D67F9;}
.pramotion_details_text .amount_detail_text{ font-size: 1.28rem; font-weight: 500; color: #062652;}
.promo_button{ justify-content: flex-start; background-color: transparent; box-shadow: 0px 0px 0px transparent;}
.promo_button .btn{ min-width: 15rem;}



/* Download Platform */
.download_platform_head{ margin: 0rem 0rem 2rem;}
.platform_heading_text{ font-weight: 600; font-size: 2rem; color: #062652; line-height: 150%;}
.platform_text{ color: #403F4D; font-size: 1.28rem; line-height: 150%; padding-top: 5px;}

.mid-platform{ margin: 0rem 1rem;}
.trading_platform_sec{ display: flex; flex-wrap: wrap; margin: -15px;}
.download_platform{ min-width: calc(25% - 30px); max-width: calc(25% - 30px); min-height: 15.22rem; align-items: center; text-align: center; background-color: #FFFFFF; box-shadow: 0px 2px 18px rgba(48, 170, 241, 0.18); border-radius: 6px; padding: 2rem; margin: 15px;}
.download_platform i{ font-size: 4.5rem; margin: 2rem 0rem; color: #403F4D;}
.download_platform img{ min-width: 4.5rem; max-width: 4.5rem; margin: 2rem 0rem;}
.download_platform .btn{ min-height: initial; font-weight: 400; font-size: 1rem; padding: 0.75rem 15px;}

/* Modal */
.verification_popup_modal .modal-content{ background: linear-gradient(270.06deg, #FFFFFF 0.06%, #E3F7FF 98.62%), #FFFFFF;}
.verification_popup_modal .modal-header{ border-bottom: none!important;}
.verification_popup_modal .close{ font-size: 2rem; font-weight: 300; color: #062652;}
.verification_popup{ padding: 1rem 3.5rem;}
.verification_popup label{ font-size: 1.86rem; font-weight: 600; color: #062652;}
.verification_popup .form-control{ background: rgba(255, 255, 255, 0.9); border: 2px solid #FFFFFF; box-sizing: border-box; box-shadow: 0px 2px 4px rgb(0 0 0 / 15%); border-radius: 7px; color: #201B4C; font-size: 1.78rem; letter-spacing: 0.75rem; line-height: 1.4; padding: 1.75rem 0.75rem;}
.verification_popup input{ border-bottom-color: #000;}
.verification_popup input::selection{ border-color: transparent;}
.verification_popup_modal .modal_text{ font-size: 1.14rem; color: #403F4D; padding: 0rem 2.14rem;}
.verification_popup_modal .modal_text a{ color: #007bff; font-weight: 600;}
.modal_heading{ color: #062652; font-weight: 500; font-size: 1.54rem;}
.modal_text{ font-size: 1.14rem; color: #403F4D;}
/* Bad Styling */
.invalid-field{ color: #ff0000c2; font-size: 13px; display: none; margin-top: 3px;}
/* Promotion Modal */
/* MODAL  STYLE */
.openaccount_popup_modal .modal-content{ background: linear-gradient(270.06deg, #FFFFFF 0.06%, #E3F7FF 98.62%), #FFFFFF; padding: 3rem 0rem;}
.openaccount_popup_modal .modal-header{ border-bottom: none!important; display: none;}
.openaccount_popup_modal .close{ font-size: 3.5rem; font-weight: 300; color: #062652;}
.openaccount_popup{ padding: 1rem 3.5rem;}
.openaccount_popup label{ font-size: 1.14rem; font-weight: 600; color: #062652; justify-content: center; text-align: center;}
.openaccount_popup .form-control{ border: 2px solid #FFFFFF; box-sizing: border-box; box-shadow: 0px 2px 4px rgb(0 0 0 / 15%); border-radius: 7px; color: #201B4C !important;  font-size: 1.07rem; /*padding: 1.75rem 0.5rem;*/ line-height: 1.4;}
.openaccount_popup .form-control.test_select{ padding: 5px 15px 5px 15px;}
.openaccount_popup_modal .modal_heading{ color: #062652; font-weight: 600; font-size: 1.54rem; text-align: center;}
.openaccount_popup_modal .divider{ border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, #007bff 0%, rgba(255, 255, 255, 0) 100%); max-width: 90%; margin: 2rem 0rem;}
/** MODAL  STYLE_ END**/

/* IB Panel */
.ib_sec{ display: block;}
.ibpanel_block{ margin-top: 10px; margin-bottom: 25px;}
.ibpanel_block_top{position: relative; display: flex; justify-content: flex-start;}
.ibpanel_block_top .ibpanel_block_top_left {background: linear-gradient(316.91deg, #0D67F9 1.99%, #4DCBF3 125.12%); background-size: contain; background-position: left top; background-repeat: no-repeat; min-height: 19.5rem; width: 100%; max-width: 60%; flex: 0 0 60%; border-radius: 9px; margin-bottom: 2rem;}
.bg_ibpanel_top_left { background: url(../../modules/facelift/img/ib_panel_mask.svg); background-repeat: no-repeat; min-width: 100%; min-height: 22.5rem; background-position: left bottom 3px; background-size: cover; position: relative; }
.ibpanel_block_top .ibpanel_block_top_right{max-width: 40%; flex: 0 0 40%; background: transparent; padding-left: 1rem;}
.partner_id_tray{display:flex; justify-content: flex-start; padding: 1.07rem; background: linear-gradient(93.04deg, #FFFFFF 26.21%, #EEFAFF 135.43%), #FFFFFF; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05); border-radius: 13px;}
.partner_id_text{margin-top: auto; margin-bottom: auto;}
.partner_id_text .id_text{font-family: 'Poppins'; font-style: normal; font-weight: 500; line-height: 1.04; color: #403F4D; font-size: 1.14rem;}
.partner_id_text .id{font-family: 'Poppins'; font-style: normal; font-weight: 600; line-height: 1.13; color: #0D67F9; font-size: 2rem;}
.partner_id_icon {padding-right: 1rem;}
.partner_id_tray .verified_icon_view {background: #E0FBFE; width: 5.14rem; height: 5.14rem; z-index: 0;}
.ibwallet_sec{margin-top: 1rem; }
.ibwallet_sec_top{display:flex; justify-content: flex-start; padding: 1.07rem; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 13px;}
.ibwallet_icon {padding-right: 1rem;}
.ibwallet_sec_top .verified_icon_view {background: linear-gradient(340.87deg, #1D93F4 7.04%, #37E7F5 91.95%);; width: 5.14rem; height: 5.14rem; z-index: 0;}
.ibwallet_id_text{margin-top: auto; margin-bottom: auto;}
.ibwallet_sec_top .ibwallet_text{font-style: normal; font-weight: normal; line-height: 1.11; color: #707786; font-size: 1rem;}
.ibwallet_sec_top .ibwallet_text h4{font-size: 1rem;}
.ibwallet_sec_top .ibwallet_amt{font-style: normal; font-weight: 500; line-height: 1.19; color: #062652; font-size: 1.78rem;}
.ib_wallet_anchor {margin-top: auto; margin-bottom: auto;  margin-left: auto; color: #0066FF;}
.ib_wallet_anchor img{max-width: 0.93rem; min-width: 0.93rem;}
.ibwallet_sec_bottom{ position: relative; background: #EDEFF6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); white-space: nowrap; padding: 20px;}
.ibwallet_sec_bottom .deposit_withdraw_sec{justify-content: space-between;}
.ibwallet_sec_bottom .rate_status {background: #fff;}
.ibwallet_sec_bottom .deposit_withdraw_block {padding: 10px 10px;}
.ibwallet_sec_bottom .rate_price small{font-size: 0.92rem;}
.ibwallet_sec_top a > i{color: #0066FF; margin-right: 0.5rem;}
.ibpanel_bgblock{display: flex; padding: 2rem 2rem 0rem 4rem; color: #fff;}
.ibpanel_block_top_left .divider{border-bottom: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); max-width: 75%; margin-left: 4rem; mix-blend-mode: overlay;}
.ibpanel_bgblock .welcome_text .user_name {font-family: 'Poppins'; font-style: normal; font-weight: 600; line-height: 1.2; color: #FFFFFF; font-size: 2.42rem;}
.welcome_text .welcome_subtext {font-family: 'Poppins'; font-style: normal; font-weight: 400; color: #fff; font-size: 1.21rem; line-height: 1.3; padding: 0rem; position: relative; }
.welcome_text .welcome_subtext span{font-weight: 600;}
.copylink_ibcard{ position: relative; padding-top: 1rem; margin-left: 4rem; margin-right: 4rem;}
.copylink_ibcard .form-control {background: rgba(255, 255, 255, 0.9); border: 2px solid #FFFFFF; box-sizing: border-box; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); border-radius: 7px; color: #201B4C; font-family: 'Poppins'; font-size: 0.92rem; padding: 1.75rem 0.75rem; line-height: 1.4;}
.copylink_ibcard .form-control:focus{z-index: 0;}
.copylink_ibcard .input-group {z-index: 0;}
.copylink_ibcard .input-group-prepend{ /*width: 3.85rem;*/ height: 3.8rem; cursor: pointer; background: #FFFFFF; border-radius: 7px; margin: 0px; margin-left: -0.5rem; z-index: 1;}
.copylink_ibcard .input-group-prepend img{ width: 1.5rem;}
.copylink_ibcard .input-group-prepend .input-group-text {background: #FFFFFF; border-radius: 7px!important; width: 3.85rem; height: 3.5rem; border-color: #fff; display: flex; justify-content: center;}
.copylink_ibcard label{ color: #FFFFFF; font-family: 'Poppins'; line-height: 1.4; font-size: 1rem; font-weight: 500;}
.ibpanel_bgblock .date_block{ position: relative; display: none; margin-left: auto; margin-top: -6.2rem;}
.ibpanel_bgblock .date_block .month{ position: relative; background: #FF8872; padding: 1rem 4rem; text-align: center; font-family: 'Poppins'; font-weight: normal; font-style: normal; font-size: 1.42rem; border-radius: 12px 12px 0px 0px;}
.ibpanel_bgblock .date_block_inner{ background: #FFFFFF; box-shadow: 0px 8px 19px rgba(0, 56, 141, 0.15); border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; text-align: center; padding: 1.2rem;}
.ibpanel_bgblock .date_block .date{ color: #403F4D; font-weight: 600; font-size: 2.85rem; display: flex; justify-content: center; line-height: 1.07;}
.ibpanel_bgblock .date_block .year{ position:relative; font-size: 1rem; line-height: 1.23; text-align: center; letter-spacing: 0.05rem; color: #403F4D;}
.ibpanel_block_mid{display: flex; justify-content: flex-start; margin-bottom: 2rem;}
.ibpanel_block_mid_left { max-width: 40%; flex:0 0 40%; background: #fff; border-radius: 13px; padding: 1rem 1rem; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);}
.ib_transfer_icon{ background: #EBECED; display: flex; justify-content: center; align-items: center; padding: 1rem; border-radius: 9px;}
.ib_transfer_icon img{ min-width: 1.07rem; width: 1.07rem;}
.ibpanel_block_mid_left_inner{ padding: 23px;}
.ibpanel_block_mid_right{ padding-left: 2rem; max-width: 60%; flex:0 0 60%;}
.ibpanel_block_mid_right_innertop{ display: flex; border-radius: 13px; background: #EDEFF6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 1rem; padding: 1rem 1rem;}
.ibpanel_block_mid_left .test_select{ padding: 5px 15px 5px 15px;}
.ib_form_lable{ color: #403F4D; line-height: 1.82; font-size: 1.14rem;}
.ibpanel_block_mid_left .form-group label{ color: #403F4D; line-height: 1.82; font-size: 1.14rem;}
.ibpanel_block_mid_left .form-group .form-control-custom{ color: #0D67F9;}
.ibpanel_block_mid_left .form-group .form-control{ height: 45px; display: flex; align-items: center; font-size: 1rem; z-index: 0;}
.ibpanel_block_mid_left .form-group span.transfergroup-inputtext{ font-size: 1rem; padding: .375rem 1.1rem;}
.ib_button .btn{ min-width: 100%; margin-top: 1rem;}
/*.ibpanel_block_mid_left .personal_info_head {padding: 0.5rem; background: #EBECED; border-radius: 9px;}*/
.ibpanel_block_mid_left .personal_info_head_text{ font-weight: 500; font-size: 1.28rem; color: #403F4D; line-height: 1.4; margin-top: auto; margin-bottom: auto; margin-left: 1rem;}

.progress-circle{ position: relative; padding: 0; width: 5.14rem; height: 5.14rem; background-color: #D0DCE6; border-radius: 50%; line-height: 5.14rem; z-index: 0;}
.progress-circle:after{ border: none; position: absolute; top: 0.35em; left: 0.35em; text-align: center; display: block; border-radius: 50%; width: 4.3rem; height: 4.3rem; background-color: white; content: " ";}
.progress-circle span{ position: absolute; line-height: 5.14rem; width: 5.14rem; text-align: center; display: block; color: #0D67F9; z-index: 2; font-weight: 500; font-size: 1.78rem;}
.progress-circle span.days{ /*position: relative; line-height: 5.14rem; width: 5.14rem;*/ text-align: center; display: block; top:1rem; color: #919191; z-index: 2; font-weight: 500; font-size: 0.57rem; top: 1rem;}
.left-half-clipper{ border-radius: 50%; width: 5.14rem; height: 5.14rem; position: absolute; clip: rect(0, 5.14rem, 5.14rem, 2.57rem);}
.progress-circle.over50 .left-half-clipper{ clip: rect(auto,auto,auto,auto);}
.value-bar{ position: absolute; clip: rect(0, 2.57rem, 5.14rem, 0); width: 5.14rem; height: 5.14rem; border-radius: 50%; border: 0.65rem solid #1D93F4; /*background-color: #4D642D;*/ box-sizing: border-box;}
.progress-circle.over50 .first50-bar{ position: absolute; clip: rect(0, 5.14rem, 5.14rem, 2.57rem); background-color: #1D93F4; border-radius: 50%; width: 5.14rem; height: 5.14rem;}
.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);}

.progress_circletext{ margin-left: 1rem; margin-top: auto; margin-bottom: auto;}
.progress_circletext .ibwallet_text{font-size: 1rem; line-height: 150%; color: #707786;}
.progress_circletext .ibwallet_amt{font-style: normal; font-weight: 500; line-height: 119.5%; color: #062652; font-size: 1.78rem;}

.ibpanel_block_mid_right_innerbottom_sec{ display: flex; justify-content: space-around; padding-top: 15px; margin-right: -15px; margin-left: -15px;}
.ibpanel_block_mid_right_innerbottom_sec_left,
.ibpanel_block_mid_right_innerbottom_sec_right{ max-width: calc(50% - 2rem); flex: 0 0 calc(50% - 2rem); display: flex; align-items: flex-end; margin: 0px 15px; background: linear-gradient(180.06deg, #FFFFFF 0.06%, #E3F7FF 98.62%), #FFFFFF; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05); border-radius: 13px; min-height: 22.5rem; padding: 4rem 0rem 0rem;}
.ib_card{ width: 100%; height: 100%; display: flex; flex-wrap: wrap;}
.ib_card_icon_sec{ text-align: center; align-self: self-start; width: 100%;}
.ib_card_icon_sec img{ min-width: 10.85rem;}
.ib_card_bottom_sec{ align-self: self-end; width: 100%;}
.ib_card .divider{ display: none; border-top: 2px solid rgb(16 15 86 / 20%); width: 40%; margin-left: auto; margin-right: auto; bottom: 1.3rem; position: relative; border-bottom: 1.5rem solid #effaff;}
.ibcard_bottom_bg{ min-width: 100%;}
.ib_card_bottom{ position: relative; margin-top: 30px; margin-bottom: -20px; z-index: 2;}
.ib_card_bottom .count_no{ color: #0D67F9; font-weight: 600; line-height: 1.13; font-size: 2.28rem; display: flex; justify-content: center;}
.ib_card_bottom .count_text{ font-weight: 500; line-height: 1.04; text-align: center; color: #403F4D; font-size: 1.28rem;}

.ib_table{ margin-left: 0; margin-right: 0;}
.ib_table_sec{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.ib_table_sec .transactions_history_arrow{ margin: 0px 30px;}
.ib_transactions_history_title{ white-space: nowrap !important;}
.ib_table_sec .ib_table_serch{ position: relative; display: flex; /*min-width: 100%*/ margin-bottom:10px;}

.ib_table_serch .transactions_history_title2{ line-height: 104.5%; font-size: 1rem; font-weight: 500; color: #403F4D;}
.searchTerm { max-width: 22rem; min-width: 22rem; border: 1px solid #EDEFF6; box-sizing: border-box; border-radius: 6px; min-height: 2.57rem; padding: 0rem 15px; outline: none;  display: none!important;}
.searchTerm::placeholder{ font-size: 13px; line-height: 104.5%; color: #403F4D;}
.searchTerm:focus{ font-size: 0.92rem;}
.transactions_history_block .table_ib thead th{ white-space:pre-wrap;}
/*.table_ib_body{border-radius: 6px;}*/
.slide_arrow{ width: 5rem; opacity: 0.8; font-size: 38px;}
.ib_table_serch .filter_check {display: none;}
.subib_table_block .ib_table_serch {width: 100%; text-align: end;}
.subib_table_block .ib_table_serch .btn, .ib_table_sec .ib_table_serch .btn { min-width: 6rem; font-size: 1rem; padding: 0.55rem 1.07rem; margin: auto 1rem; margin-bottom: 10px;}
/* IB Landing */
.ib_landing_dashboard_sec{ background: #EDEFF6; position: relative; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 13px; overflow: hidden; scroll-behavior: smooth; padding-bottom: 1.5rem;}
.ib_landing_dashboard_sec::before{ width: 100%; min-height: 45%; background: url(../../modules/facelift/img/Ib-landing-bg.svg) no-repeat top -2px right -2px, linear-gradient(to bottom, #18A0FB 0%, #0d61ed 100%); overflow: hidden; position: absolute; top: 0%; left: 0%; border-radius: 0px 0px 13px 13px; content: '';}
.ib_landing_banner{ display: block; position: relative; padding: 3rem 2.14rem 15px;}
.ib_landing_banner_text_sec{ color: #fff; padding: 0px 2.07rem;}
.ib_landing_banner_heading{ line-height: 130%; font-weight: 600; font-size: 2.07rem; max-width: 35ch; margin-bottom: 0.6rem;}
.ib_landing_banner_text{ margin-bottom: 0rem; font-size: 14px; line-height: 150%; max-width: 65%;}
.ib_details_sec{ display: flex; justify-content: space-around; position: relative; padding: 2.14rem; margin-left: -15px; margin-right: -15px; padding-top: 0rem;}
/*.ib_details_sec .divider{ width: 100%; height: 1px; background: #DDE1EF; margin: 1.78rem 0rem;}*/
.ib_details_left,
.ib_details_right{ max-width: 45%; flex: 0 0 45%; width: 100%; margin: 0px 15px;}
.ib_details_right .disabled_btn{ pointer-events: none;}
.ib_details_right .disabled_btn .btn{ background: linear-gradient(85.21deg, #85b1f8 0.61%, #4DCBF3 104.97%); filter: grayscale(100%); font-style: normal; font-weight: normal;}
.ib_details_left_inner, .ib_details_right_inner{ /*min-height: 41.57rem;*/ background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(360deg, #EEF6FF 0%, #FFFFFF 26.56%); box-shadow: 0px 15px 41px rgba(0, 21, 55, 0.1); border-radius: 9px; padding: 2.14rem 2.14rem; margin: 2rem 0rem;}
.ib_details_top_head_sec img{ min-width: 1.43rem; max-width: 1.43rem; margin-right: 0.75rem;}
.ib_details_top_head_sec{ display: flex; justify-content: flex-start; align-items: center; font-size: 1.28rem; color: rgba(13, 103, 249, 1); font-weight: 600; margin-bottom: 0.75rem;}
.ib_topsec_description{ font-size: 14px; line-height: 182.5%; color: #403F4D;}
.benefits_of_ib_sec{ background: rgba(221, 225, 239, 0.3); border-radius: 4px; padding: 2.14rem 1rem; margin: 1.5rem 0rem 0rem;}
.benefits_of_ib_heading{ font-weight: 600; font-size: 1.28rem; line-height: 104.5%; color: #403F4D;}
.benefits_of_ib_text{ font-size: 14px; line-height: 182.5%; color: #403F4D;}
.benefits_of_ib_list{ padding: 1.28rem; padding-right: 0; padding-bottom: 2rem;}
.benefits_of_ib_list .list_items{ font-weight: 500; font-size: 1.14rem; color: #403F4D; display: flex; align-items: flex-start; line-height: 189.5%; margin-top: 20px;}
.benefits_of_ib_list .list_items:first-child{ margin-top: 10px;}
.benefits_of_ib_list .list_items img{ margin-right: 15px; margin-top: 3px;}
.ib_landing_step_sec.up_arrow{ position: relative; background: #F5F6FA; border: 1px solid #fff; min-height: 21.3rem; border-radius: 9px; padding: 1.5rem 1rem;}
.ib_landing_step_sec.up_arrow:after,
.ib_landing_step_sec.up_arrow:before{ position: absolute; content: " "; height: 0; width: 0; border: solid transparent; pointer-events: none;}
.ib_landing_step_sec.up_arrow:after,
.ib_landing_step_sec.up_arrow:before{ bottom: 100%; left: 50%;}
.ib_landing_step_sec.up_arrow:after{ border-bottom-color: #F5F6FA; border-width: 10px; margin-left: -10px;}
.ib_landing_step_sec.up_arrow:before{ border-bottom-color: #fff; border-width: 11px; margin-left: -11px;}
.ib_landing_steps{ display: flex; justify-content: flex-start; padding: 1rem 0.5rem; align-items: center;}
.ib_landing_step_count{ min-height: 3.2rem; background-color: #fff; color: #0D67F9; line-height:164%; font-weight: 500; font-size: 1rem; padding: 1.28rem; border-radius: 9px; margin-right: 0.75rem;}
.ib_landing_step_text_heading{ font-weight: 500; font-size: 1.14rem; line-height: 145.5%; color: #403F4D;}
.ib_landing_step_text{ margin-bottom: 0rem; font-size: 0.85rem; line-height: 130%; color: #707786}
.become_partner_form_sec{ background: linear-gradient(180deg, #FFFFFF 26.89%, #F1FBFF 100%); box-shadow: 0px 18px 34px rgba(0, 0, 0, 0.25), 0px 30px 65px -20px rgba(0, 30, 75, 0.3); border-radius: 9px; overflow: hidden; margin: 2.14rem 0rem;}
.become_partner_form_sec .become_partner_form{ padding: 2.14rem;}
.become_partner_form_sec .section_heading{ min-height: 5.7rem; display: flex; align-items: center; justify-content: center; font-size: 1.57rem; font-weight: 500; color: #403F4D; background: linear-gradient(270deg, #F2F9FF 0%, #C9EDFF 98.01%); box-shadow: 0px 1px 0px #C4E8FA; text-align: center; padding: 15px 15px; margin-bottom: 0rem !important;}
/*.social_channel_list{ display:none;}*/
.become_partner_form .form-group label{ font-size: 1.14rem; color: #403F4D; font-weight: 400;}
.become_partner_form .form-group label i{ margin-left: 0.3rem; font-size: 1.28rem;}
.become_partner_form .form-check{ margin-bottom: 0.5rem; margin-right: 0.5rem;}
.become_partner_form .form-group .form-check-input{ /*margin-top: 0.45rem;*/ margin-right: 0.5rem;}
.become_partner_form .social_lable_name{ color: #403F4D !important; margin-left: 0.2rem;}
.formerror_msg{ font-size: 0.92rem; color: rgb(204, 72, 54); padding: 0.5rem 0rem;}
.form_tandc a{ color: #0D67F9;}
.become_partner_form .form-control{ min-height: 3.5rem; box-shadow: 0px 2px 4px rgb(0 0 0 / 8%); border-radius: 6px;}
div#social_channel_list input.error {width: 100%;}
.become_partner_form .test_select{ padding: 5px 5px 5px 15px;}
.become_partner_form .button_section{ display: flex; justify-content: center; padding: 1rem 0rem;}
.become_partner_form .button_section .wallet_now_btn{ min-width: 40%; margin: 0rem 2.14rem;}
.become_partner_form .button_section .wallet_now_btn .btn{ min-width: 100%;}
.ib_modal .modal-content{ background-color: transparent!important; border: none;}
.new_depositmethod_block{ background: #FFFFFF; box-shadow: 0px 5px 15px rgba(13, 103, 249, 0.15); border: 0px; border-radius: 9px; overflow: hidden;}
.depositmethod_accordion .newdeposit_form_sec{ background-color: transparent; box-shadow: 0px 5px 15px transparent; border: 0px; border-radius: 0px;}
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon{ display: flex; align-items: center; position: relative; font-size: 1.28rem; font-weight: 500; color: #062652;}
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon_block[aria-expanded="true"] .depositmethod_icon{ color: #ffffff;}
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon img{ width: 5rem; max-width: 5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; padding: 0px 0px; margin: 0px 0px;}
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon img + img{ opacity: 0; visibility: hidden;}
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon img + img,
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon_block[aria-expanded="true"] .depositmethod_icon img{ opacity: 0; visibility: hidden;}
.depositmethod_accordion .newdeposit_depositmethod .depositmethod_icon_block[aria-expanded="true"] .depositmethod_icon img + img{ opacity: 1; visibility: visible;}
.newdeposit_form_sec{ border-radius: 0px 0px 4px 4px; background-color: #fbfbfb; border: 1px solid #ececec;}
.meta_trade_account_tabs{ display: flex; justify-content: center;}
.meta_trade_account_tabs li{ flex: 1; position: relative; margin: 0px 1px;}
.meta_trade_account_tabs li input,
.meta_trade_account_tabs li a{ width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; opacity: 0; cursor: pointer; z-index: 2;}
.meta_trade_account_tabs li a{ z-index: 3;}
.meta_trade_account_tabs li .meta_trade_account_link{ min-width: 10rem; /*border-top: 2px solid #C4C4C4;*/ display: flex; align-items: center; background: #e3f5ff; transition: all 0.5s ease-out; font-size: 1.28rem; color: #494949; border-radius: 6px; padding: 13px 20px;}
.meta_trade_account_tabs li input:checked + .meta_trade_account_link,
.meta_trade_account_tabs li a.active + .meta_trade_account_link{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); border-color: #0D67F9; color: #ffffff;}
.meta_trade_account_tabs li .meta_trade_account_link .custom_radio{ width: 18px; min-width: 18px; height: 18px; display: block; background-color: #ffffff; border: 1px solid #a5a9b2; border-radius: 50%; position: relative; margin-left: auto;}
.meta_trade_account_tabs li input:checked + .meta_trade_account_link .custom_radio,
.meta_trade_account_tabs li a.active + .meta_trade_account_link .custom_radio{ background-color: #ffffff; border-color: #ffffff;}
.meta_trade_account_tabs li input:checked + .meta_trade_account_link .custom_radio::before,
.meta_trade_account_tabs li a.active + .meta_trade_account_link .custom_radio::before{ width: 12px; height: 12px; border-radius: 50%; background-color: #1069fb; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';}
.meta_trader_icon{ width: 35px; margin-right: 10px;}
/* IB Landing */
.error{ width: 100%; font-size: 13px !important; color: #dc3545 !important; font-weight: normal !important;}
.error + .error{ margin-top: 3px;}
input.error, select.error{ width: initial; color: #495057 !important;}
#agree-error{ display: block; position: absolute; bottom: -25px;}

/* Copy Trading */
.copy_trading_banner_view{ display: flex; margin-left: -15px; margin-right: -15px;}
.copy_trading_banner_block{ min-width: calc(40rem - 30px); max-width: calc(40rem - 30px); background: linear-gradient(14.3deg, #11328A 0.68%, #30A9EF 96.27%); border-radius: 9px; margin-left: 15px; margin-right: 15px;}
.copy_trading_banner_inner{ height: 100%; background: url(../../modules/facelift/img/copy_trading_banner_topbg.png) no-repeat top right, url(../../modules/facelift/img/copy_trading_banner_bottombg.png) no-repeat left bottom; display: flex; flex-wrap: wrap; align-items: self-start;}
.copy_trading_banner_title{ padding: 30px; padding-top: 35px;}
.copy_trading_banner_title_heading{ font-size: 2.14rem; line-height: 130%; font-weight: 600; color: #ffffff;}
.copy_trading_banner_desc{ font-size: 1.35rem; line-height: 150%; color: #ffffff; font-weight: 300; margin-top: 13px;}
.copy_trading_desc_block{ width: calc(100% - 30px); background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(360deg, #EEF6FF 0%, #FFFFFF 26.56%); box-shadow: 0px 15px 41px rgba(0, 21, 55, 0.1); border-radius: 9px; padding: 15px; margin-left: 15px; margin-right: 15px;}
.copy_trading_desc_heading_view{ display: flex; align-items: flex-start; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, #EDEEF6 0%, rgba(196, 196, 196, 0) 100%); padding: 15px 15px 20px;}
.copy_trading_desc_heading_icon img{ min-width: 4.14rem;}
.copy_trading_desc_heading_data{ padding-left: 15px;}
.copy_trading_desc_heading_title{ font-size: 2.14rem; font-weight: 500; line-height: 93.5%; color: #062652;}
.copy_trading_desc_heading_desc{ max-width: 42ch; font-size: 1.07rem; line-height: 150%; color: #403F4D; padding-top: 3px;}
.copy_trading_benefits_list{ margin-top: 10px;}
.copy_trading_benefits_list li{ display: flex; padding: 25px 15px;}
.copy_trading_benefits_icon{ align-self: flex-start;}
.copy_trading_benefits_icon img{ min-width: 3.21rem; margin-top: 5px;}
.copy_trading_benefits_desc{ max-width: 28ch; position: relative; display: flex; align-items: center; font-size: 1.43rem; line-height: 150%; color: #403F4D; margin-left: 18px;}
.copy_trading_benefits_desc::after{ width: 100%; height: 1px; border-top: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, #EDEEF6 0%, rgba(196, 196, 196, 0) 100%); position: absolute; bottom: -25px; left: 0px; content: '';}
.copy_trading_benefits_list li:last-child .copy_trading_benefits_desc::after{ display: none;}
.copy_trading_benefits_btn{ border-top: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, #EDEEF6 0%, rgba(196, 196, 196, 0) 100%); padding: 45px 15px 40px; margin-top: 20px;}
.copy_trading_benefits_btn .btn{ min-width: 25rem;}
.copytrading_system_step .vrfcn_status_sec_list_text{ max-width: 20ch;}
.copy_trading_msg {font-size: 1rem; line-height: 127%; color: #403F4D; text-align: center; max-width: 55ch; margin: 1.5rem auto;}
.copy_trading_msg a {color: #0D67F9;}


.rated_copy_trader_block{ background-color: #EDEFF6; border-radius: 13px; padding: 20px;}
.rated_copy_trader_sec{ border: 1px solid rgba(136,136,136,0.1); border-radius: 13px; height: 32rem; overflow: auto; display: flex; align-items: flex-start;}
.rated_copy_trader_sec iframe{ width: 100%; height: 100%; border: 0px;}
/* Copy Trading */

.select_deposit_method_block{ background-color: #edeef6; /*box-shadow: 0px 0px 0px transparent; padding: 0px 0px;*/}
.no_account_graphis_sec{ min-height: 40rem; display: flex; align-items: center; justify-content: center; padding: 8rem 15px;}
.no_account_graphis_block{ display: inline-block; text-align: center;}
.no_account_graphis{ min-width: 32.28rem; margin-bottom: 2.5rem;}
.no_account_data{ margin-bottom: 3rem;}
.no_account_data h2{ font-size: 1.43rem; color: #403F4D; line-height: 150%; margin-bottom: 20px;}
.no_account_data p{ font-size: 1rem; line-height: 150%; color: #707786;}
.no_account_data p a{ color: #0D67F9;}
.no_account_graphis_sec .btn{ min-width: 21rem;}

.newdeposit_page a{ color: #2d93ed;}
.newdep_wallet_balance{background: #f7f7fb; padding: 1rem 1.28rem; display: flex; justify-content: flex-start; border: 1px solid #c4c7cd; border-radius: 4px;}
.newdep_wallet_balance .traytext{margin-top: auto; margin-bottom: auto; margin-left: 0.5rem; font-size: 1.71rem; font-weight:600;}
.newdep_wallet_balance .traydetails_text {font-size: 1.28rem; color: #495057; font-weight: lighter; margin-bottom: auto; margin-top: auto; margin-left: 3rem;}
.newdep_wallet_balance .traydetails_text span {color: #201b4c; font-size: 1.5rem; font-weight: 500;}
.traydetails_text::before{content: ''; width: 0.5px; min-height: 2rem; border: 0.5px solid #c3c7cd; margin-right: 3rem;}
.newdep_wallet_balance .traycheckbox {margin-left: auto; margin-top: auto; margin-bottom: auto;}
.newdep_wallet_balance .traycheckbox .custom-control-label:after{background-color: #5b676f; width: 1.71rem; height: 1.71rem; border-radius: 3px;}
.newdep_wallet_balance .traycheckbox .custom-control-label {width: 24px; height: 24px; border-radius: 3px; }

.newdeposit_depositmethod .depositmethod_icon_block{ width: 100%; min-height: 5.42rem; display: flex; justify-content: space-between; border-radius: 9px; background-color: #ffffff;}
.newdeposit_depositmethod .depositmethod_icon_block[aria-expanded="true"]{ background: linear-gradient(268.44deg, #2FADFC 0%, #2D0FA4 100%);}
.newdeposit_depositmethod .depositmethod_btnicon{ display: inline-flex; margin-left: auto;}
.depositmethod_details{display: flex;}
.newdeposit_depositmethod .depositmethod_icon img{width: 5rem; padding: 1rem;}
.newdeposit_depositmethod .depositmethod_details{display: flex; justify-content: center; margin-left: auto; font-size: 0.92rem; line-height: 1.4; color: #495057; font-weight: 300; padding: 1rem 0rem;}
.payment_method_text span,
.deposit_funds_text span{ font-weight: 500;}
/*.deposit_funds_text::before {content: ''; width: 0.5px; min-height: 4rem; border: 0.5px solid #c3c7cd; margin-right: 2rem;}*/
/*.depositmethod_btnicon{border-radius: 4px; background-color: #f5f6fa; min-width: 4.5rem;} */
.depositmethod_btnicon i{ color: #0066FF; font-size: 1.28rem; transition: all .5s ease-in-out; transform: rotate(0deg); align-items: center; justify-content: center; display: flex; margin: auto;}
.newdeposit_depositmethod .depositmethod_icon_block[aria-expanded="true"] .depositmethod_btnicon i{ transform: rotate(90deg);}
.depositmethod_btnicon{ min-width: 2.5rem; display: flex; align-items: center; justify-content: center; background: #E3EEFF; border-radius: 7px; color: #0D67F9; cursor: pointer; margin: 2px;}
.newdeposit_form_sec{border-radius: 4px; background-color: #f6f6f9;}
.newdeposite_form_body_bottom{border-radius: 4px; background-color: #e8e8f0; padding: 1.28rem; display: flex; justify-content: center;}
.btn-white { color: #212529; background-color: #fff; border: 1px solid rgba(32,27,76,0.32);}
.btn-white:hover{background-color: #d6ddea;}
.form_heading_text{font-size: 1.28rem; line-height: 1.5; color: #495057; font-weight: 600;}
.newdeposite_form_body_bottom {font-size: 1.07rem; line-height: 1.2; color: #495057; }
.newdeposite_form_body_bottom span{font-weight: 500;}

.deposit_method_icon{ min-width: 5.7rem; height: calc(100% - 4px); position: relative; display: flex; align-items: center; justify-content: center; background-color: #F5F6FA; border-radius: 6px; margin: 2px; margin-right: 15px;}
.depositmethod_icon_block[aria-expanded="true"] .deposit_method_icon{ background-color: #2E5ED0;}
.newdeposit_page .btn-primary {background-color: #201b4c; border-color: #201b4c;}
.newdeposit_page .btn-primary:hover {background-color: #3452e1; border-color:#3452e1;}
.newdeposit_page .form-control {min-height: 2.5rem;}
.newdeposit_page .input-group {width: 100%!important;}
.newdeposite_form_body .offset-3 {margin-left: 15%!important;}
.selecteddeposit_block{border-color: #2d93ee; box-shadow: 2px 3.464px 7px rgba(0,0,0,0.1);}
/*.depositmethod_details .depositmethod_icon {display: none;}*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number]{ -moz-appearance: textfield;}

.ibpanel_block_mid_left .form-group .form-control{ box-shadow: 0px 2px 4px rgb(0, 0, 0, 0.08);}

.ib_rebate_btns_view .btn{ font-size: 15px; font-weight: 400; border-radius: .25rem; padding: 4px 15px;}
.ib_rebate_btns_view .btn.canclebtn{ border: 1px solid #0D68F9 !important; background: #FFFFFF !important; color: #0D68F9 !important;}
.cx_input{ height: 3.2rem; display: flex; align-items: center; background-color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; box-shadow: 0px 2px 4px rgb(0 0 0 / 8%); border: 1px solid #D7DBEA; border-radius: 6px; padding: .375rem .75rem;}
.cx_input span{ display: block; padding-top: 0rem !important;}

/* Custom modal */
.custom_modalx .modal-content{ background-color: transparent!important; border: none;}
.capitalx_custom_form_sec{ background: linear-gradient(180deg, #FFFFFF 26.89%, #F1FBFF 100%); box-shadow: 0px 18px 34px rgba(0, 0, 0, 0.25), 0px 30px 65px -20px rgba(0, 30, 75, 0.3); border-radius: 9px; overflow: hidden; margin: 2.14rem 0rem;}
.capitalx_custom_form_sec .capitalx_custom_partner_form{ padding: 2.14rem;}
.capitalx_custom_form_sec .section_heading{ min-height: 5.7rem; display: flex; align-items: center; justify-content: center; font-size: 1.57rem; font-weight: 500; color: #403F4D; background: linear-gradient(270deg, #F2F9FF 0%, #C9EDFF 98.01%); box-shadow: 0px 1px 0px #C4E8FA; text-align: center; padding: 15px 15px; margin-bottom: 0rem !important;}
.capitalx_custom_lable{font-size: 1.14rem; line-height: 182.5%; color: #403F4D; font-weight: 400;}
.capitalx_custom_lable.topspace2{margin-top: 1rem;}
.capitalx_custom_partner_form .test_select{padding: 5px 5px 5px 15px; }
.capitalx_custom_partner_form .button_section{display: flex; justify-content: center; padding: 1rem 0rem;}
.capitalx_custom_partner_form .button_section .wallet_now_btn{min-width: 40%; margin: 0rem 2.14rem;}
.capitalx_custom_partner_form .button_section .wallet_now_btn .btn{min-width: 100%;}
.capitalx_custom_formcontrol{ min-height: 3.21rem; border-radius: 6px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); color:#0D67F9!important; font-size: 14px; line-height: 104.5%; letter-spacing: 1px;}
.capitalx_custom_formgroup{display: flex; background: #fff; border: 1px solid #D7DBEA; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; overflow: hidden; margin-bottom: 2rem;}
.custom_form_icon{background: #E2E5F2; border-radius: 2px; min-width: 2.93rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin: 2px; font-weight: 500; color: #403F4D;}
.capitalx_custom_formgroup .form-control{border: none; height: 3.2rem; color: #062652; font-size: 1rem; line-height: 104.5%;}
.capitalx_custom_formgroup .form-control::placeholder{ color: #DDE1EF; font-size: 1rem;}
.capitalx_custom_formgroup:focus, .capitalx_custom_formgroup:hover{ border-color: #0D67F9;}
.capitalx_custom_formgroup:focus .custom_form_icon, .capitalx_custom_formgroup:hover .custom_form_icon{ color: #0D67F9;}
.capitalx_custom_textarea{ background: #FFFFFF; border: 1px solid #D7DBEA; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 6px; min-height: 11.42rem; color: #062652;}
.capitalx_custom_formgroup span.error{ display: block; position: absolute; margin-top: 3.4rem; font-size: 12px; font-weight: 300; color: rgb(236, 76, 65);}
/* Custom modal */
/* Sweet Alert Button */
.swal2-popup .swal2-content{ font-family: 'Poppins', sans-serif !important;}
button.swal2-confirm.swal2-styled,
.swal2-popup .swal2-styled{ min-width: 8rem; background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #fff; padding: 6px 15px !important;}
.swal2-popup .swal2-styled:focus{ box-shadow: none!important; border: 1px solid transparent;}
button.swal2-cancel.swal2-styled { min-width: 8rem; background: #fff !important; border: 1px solid #0D67F9; color: #0D67F9; padding: 6px 15px !important;}
/* Sweet Alert Button */

.verification_popup_modal .modal-content{ background: linear-gradient(270.06deg, #FFFFFF 0.06%, #E3F7FF 98.62%), #FFFFFF;}
.verification_popup_modal .modal-header{ border-bottom: none!important; text-align: center;}
.verification_popup_modal .close{ font-size: 2rem; font-weight: 300; color: #062652;}
.verification_popup{ padding: 1rem 3.5rem; padding-top: 0rem; text-align: center;}
.verification_popup label{ font-size: 1.48rem; font-weight: 600; color: #062652;}

.verification_popup input{ width: 15rem; height: 3.57rem; display: inline-block; text-align: center; border-width: 2px; color: #201B4C; border-style: inset; border-color: transparent; margin: 0rem 0.75rem; font-size: 2.65rem; font-weight: 700; background: transparent; letter-spacing: 25px;}
.verification_popup input{border-bottom-color: #000;}
.verification_popup input::selection{border-color: transparent;}
.verification_popup_modal .modal_text{font-size: 1.14rem; color: #403F4D; padding: 0rem 2.14rem;}
.verification_popup_modal .modal_text a {color: #007bff; font-weight: 600;}

.copytrading_system_step li{ max-width: calc(33.3333% - 24px); cursor: default;}

/* Download Platform */
.download_platform_block{ padding: 25px;}
.download_platform_sec{ background: #F5F6FA; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; overflow: hidden;}
.download_platform_heading_sec{ background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); border-radius: 9px; display: flex;}
.download_platform_heading_icon{ min-width: 4.2rem; max-width: 4.2rem; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; margin: 8px;}
.download_indicator_block .download_platform_heading_icon{ background: linear-gradient(191.55deg, #2FADFC 8.48%, #2D0FA4 83.95%); box-shadow: 0px 8px 61px rgba(48, 170, 241, 0.38);}
.download_platform_heading_icon img{ border-radius: 50%;}
.download_platform_heading_text{ align-self: center; margin-left: 5px;}
.download_platform_heading_text p{ font-size: 14px; line-height: normal; color: #ffffff;}
.download_platform_heading_text h2{ font-size: 20px; font-weight: 600; line-height: normal; color: #ffffff;}
.download_platform_links{ padding: 20px; margin: -8px -5px 0px;}
.download_platform_links li{ padding: 8px 5px;}
.download_platform_links li a{ background-color: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; display: flex;}
.download_platform_links li:hover a,
.download_platform_links li.active a{ background: linear-gradient(87.67deg, #0E6AF8 0%, #48C3F3 99.84%); box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24);}
.download_platform_link_icon{ min-width: 3.15rem; max-width: 3.15rem; height: 3.15rem; border-radius: 50%; background: linear-gradient(164.37deg, #F6FCFF 10.93%, #D5EBF7 85.94%); display: flex; align-self: center; align-items: center; justify-content: center; position: relative; margin: 8px 20px;}
.download_indicator_block .download_platform_link_icon{ background: linear-gradient(191.55deg, #2FADFC 8.48%, #2D0FA4 83.95%);}
.download_platform_link_icon::before{ width: calc(100% + 10px); height: calc(100% + 10px); border-radius: 50%; background-color: transparent; position: absolute; top: -5px; left: -5px; border: 1px solid #E3F5FF; content: '';}
.download_platform_links li:hover .download_platform_link_icon::before,
.download_platform_links li.active .download_platform_link_icon::before{ border-color: rgba(227, 245, 255, 0.5);}
.download_platform_links_text{ display: inline-flex; align-self: center; font-size: 16px; line-height: 120%; color: #062652;}
.download_platform_links li:hover .download_platform_links_text,
.download_platform_links li.active .download_platform_links_text{ color: #FFFFFF;}
.download_platform_links_downarrow{ min-width: 4.15rem; max-width: 4.15rem; height: 4.15rem; display: flex; align-items: center; justify-content: center; background-color: #ffffff; position: relative; border: 1px solid #2d97e1; /*border-image-slice: 1px; border-image-source: linear-gradient(to bottom left, #50C5F4 0%, #3381fa 100%);*/ box-shadow: 0px 4px 15px rgba(8, 154, 246, 0.24); border-radius: 9px; margin: 8px; margin-left: auto;}
.download_platform_links li:hover .download_platform_links_downarrow,
.download_platform_links li.active .download_platform_links_downarrow{ background: linear-gradient(14.3deg, #0D67F9 0.68%, #4DCBF3 96.27%); border: 0px;}
.download_platform_links_downarrow img{ width: 2.36rem; height: 2.36rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.download_platform_links_downarrow img + img{ opacity: 0;}
.download_platform_links li:hover .download_platform_links_downarrow img,
.download_platform_links li.active .download_platform_links_downarrow img{ opacity: 0;}
.download_platform_links li:hover .download_platform_links_downarrow img + img,
.download_platform_links li.active .download_platform_links_downarrow img + img{ opacity: 1;}

.download_rightside_sec .meta_trade_account_tabs li{ box-shadow: 0px 0px 0px transparent;}
.download_rightside_sec .meta_trade_account_tabs li .meta_trade_account_link{ background-color: #ffffff; border-top: 0px; border-radius: 8px; font-size: 16px; padding: 10px 13px;}
.download_rightside_sec .download_platform_links{ padding: 0px 0px;}
.download_rightside_sec .download_platform_links li{ padding: 3px 5px; margin-top: 0px;}
.download_rightside_sec .download_platform_links li a{ border: 1px solid #ffffff;}
.download_rightside_sec .download_platform_links_downarrow{ margin: 0px; margin-left: auto;}
.download_rightside_sec .download_platform_links li:hover a,
.download_rightside_sec .download_platform_links li.active a{ background: #ffffff; border-color: #1d7ef8;}
.download_rightside_sec .download_platform_links li:hover .download_platform_links_text,
.download_rightside_sec .download_platform_links li.active .download_platform_links_text{ color: #062652;}
.download_rightside_sec .download_platform_links_text{ font-size: 15px; margin-left: 8px;}

.download_indicator_sec{ box-shadow: 0px 0px 0px transparent;}
.download_indicator_block .download_platform_sec{ background-color: #EDEFF6; box-shadow: 0px 1px 2px transparent;}
/* Download Platform */

/* Submited Document */
.submited_document_info_list{ margin: -3px;}
.submited_document_info_list li{ padding: 3px;}
.submited_document_info_block{ background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; display: flex;}
.submited_document_info_left,
.submited_document_info_right{ display: flex;}
.submited_document_info_right{ align-self: center; margin-left: auto; padding: 5px 1.78rem;}
.submited_document_info_icon{ min-width: 3.85rem; max-width: 3.85rem; height: 3.57rem; background-color: #F5F6FA; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; display: flex; align-items: center; justify-content: center; margin: 8px;}
.upload_file_name{ max-width: 35rem; align-self: center; font-size: 14px; line-height: 105%; color: #403F4D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 6px;}
.submited_document_status{ display: inline-flex; align-self: center; font-size: 14px; color: #403F4D;}
.submited_document_status img{ width: 16px; margin-right: 5px;}
.submited_document_info_right_separator{ display: inline-flex; align-items: center; color: #E1E5F2; margin: 0px 30px;}
.rejection_reason_text{ font-size: 13px; line-height: 172%; color: #707786; margin-top: 3px; margin-bottom: 5px;}
.rejection_reason_text span{ color: #403F4D;}
/* Submited Document */

.account_info_view{ padding: 18px 20px;}
.account_bala_view{ display: flex; flex-wrap: wrap;}
.account_bala_view .card_availbal_box_text,
.account_bala_view .card_availbal_box_amt{ width: 100%;}
.account_created_view{ display: inline-block; font-size: 13px; font-weight: 500; color: #403F4D; text-align: center; white-space: nowrap; margin-left: auto;}
.account_created_view span{ display: block; background-color: #F5F6FA; border-radius: 3px; font-size: 12px; font-weight: 400; color: #707786; padding: 4px 10px; margin-bottom: 3px;}

.features_list li{ cursor: default;}
.features_list li::after{ display: none;}
.features_list .vrfcn_status_sec_list_text{ font-size: 16px; line-height: 155%; max-width: 25ch;}
.become_partner_form .deposit_amount_view{ display: flex; padding: 0px 0px;}
.deposit_account_name_view{ align-self: center; font-size: 1.14rem; color: #000000; padding: 5px 15px;}
.input-group-custom.deposit_amount_field_view .form-control{ min-height: 100%; box-shadow: 0px 0px 0px transparent;}
#deposit_form .my_account_toptext{ font-size: 15px;}
#deposit_form .my_account_toptext > img{ min-width: 23px; width: 23px;}

/* Account Tool Tip */
.info_tooltip_sec,
.swap_free_view{ width: 100%; min-height: 48px; position: absolute; top: 100%; left: 0%; background-color: #f0f1f7; box-shadow: 0px 4px 15px rgba(0,74,255,0.03); border-radius: 5px; border:1px solid rgba(0,0,0,0.1); font-size: 1rem; color: #403F4D; transition: all 0.5s ease-out; opacity: 0; visibility: hidden; padding: 1rem 1rem; margin-top: 7px; z-index: 2;}
.swap_free_view{ position: relative; visibility: visible; opacity: 1; display: flex; align-items: center; border-color: #ffffff; padding: 15px; z-index: 1;}
.swap_free_view .accountmsg_checkbox{ padding-left: 20px;}
.swap_free_view .form-check-input{ left: 15px; top: 15px; margin: 4px 0px 0px;}
.swap_free_view .form-check-label{ font-size: 13px; font-size: #062652; line-height: 170%;}
.info_tooltip_sec.show{ visibility: visible; opacity: 1; line-height: 1.4;}
.info_tooltip_sec:after,
.swap_free_view:after,
.info_tooltip_sec:before,
.swap_free_view:before{ height: 0; width: 0; position: absolute; border: solid transparent; border-width: 6px; border-bottom-color: rgba(234, 236, 244, 0.72); bottom: 100%; right: 0%; pointer-events: none; content: " "; margin-right: 5px;}
.swap_free_view:after,
.swap_free_view:before{ left: 0%; right: auto; margin-left: 18px; margin-right: 0px;}
/* Account Tool Tip */

.account_info_with_tooltip_view{ display: flex; align-items: center; flex-wrap: wrap;}
.account_info_with_tooltip_view > label{ width: 100%; display: flex; align-items: center; flex-wrap: wrap; position: relative;}
.account_info{ width: 20px; height: 20px; position: relative; cursor: pointer; margin-left: auto;}
.account_info i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #46bff4;}
.account_info i + i,
.account_info.info_close i{ opacity: 0;}
.account_info.info_close i + i{ opacity: 1;}
.account_info_with_tooltip_view .interanal_transfer_select{ width: 100%;}

.new_user_wallet_block{ display: flex; align-items: flex-end;}
.new_user_wallet_block .wallet_block{ width: 100%;}

.ibwallet_balance_info_view{ background-color: #edeff6; border-radius: 13px; overflow: hidden;}
.ibwallet_balance_info_view .deposit_withdraw_sec{ margin-left: 0px; margin-right: 0px;}

.new_user_pramotion_select_account_block,
.new_user_pramotion_btn{ width: 75%;}
.new_user_pramotion_btn .btn{ min-width: 18rem;}
.tandc_lable{ color: #062652; font-size: 14px;}
.form-check{ padding-left: 20px;}
.form-check-input{ margin-left: -20px; margin-top: 0; top: 6px; margin-left: -20px;}
/*.form-check-input + #agree-error{ bottom: -16px;}*/

.agent_statics_field,
.agent_transfer_field .selectWrapper_2{ height: 3.2rem;}
.agent_account_wallet_text{ align-self: center; font-size: 16px; color: #495057; padding: 5px 10px;}
.agent_transfer_field .img-select{ background-color: #ffffff;}

.upload_btn_box{ padding-top: 3rem; padding-bottom: 3rem;}
.verification_popup_modal .label_text {font-size: 1.48rem; font-weight: 600; color: #062652; text-align: center; margin-bottom: 15px;}

.swal2-icon{ margin: 20px auto 10px !important;}
.wdrl_transfer .col-12.mb-3{ margin-bottom: 20px !important; margin-top: 14px;}

.new_promo_user_form #agree-error{ bottom: -21px; left: 0px;}
.new_user_pramotion_btn{ margin-top: 30px;}

.dashboard_menu_sec li.with_submenu::after{ width: 0; height: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease-in-out; border: 4px solid transparent; border-left-color: #000000; position: absolute; top: 50%; right: -8px; content: ''; margin-top: -4px;}
.dashboard_menu_sec.short li.with_submenu::after{ opacity: 1; visibility: visible;}
.dashboard_menu_sec li:hover.with_submenu::after,
.dashboard_menu_sec li.active.with_submenu::after{ border-left-color: #ffffff;}
.dashboard_menu_sec.short .sidebar-submenu_ab{ min-width: 18.5rem; left: calc(100% + 3px); box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.dashboard_menu_sec.short .sidebar-submenu_ab::after{ width: 0; height: 0; border: 4px solid transparent; border-right-color: #ffffff; position: absolute; top: 25px; left: -8px; content: '';}
.cx_partner_form div#social_channel_list input.error{ width: auto;}
.cx_partner_form div#social_channel_list .form-control.error{ width: 100% !important;}

.deposit_withdraw_left_view,
.promo_code_with_dot_view{ display: flex; align-items: flex-start;}
.promo_active_icon{ max-width: 25px; margin-left: auto;}
.promo_code_with_dot_view .promo_active_icon{ max-width: 20px; margin-right: 5px;}

.copy_trading_banner_view #webterminal{ padding-left: 15px; padding-right: 15px;}
.taxid_limit{ max-width: 15ch; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.taxid_view{ word-break: break-all; color: #343a40;}
.modal_close .btn{ min-width: 10rem;}
.loader_text{ position: absolute; min-width: 20rem; bottom: -3rem; white-space: nowrap; left: 50%; text-align: center; transform: translate(-50%, 0px); font-size: 16px; color: #0D67F9;}
.internal_transfer_btn{ margin-top: 1.5rem;}

.copyqrpaybtn:hover{background:#fff !important; color:#0D68F9 !important;}
.account_info_view.bonus-category div{ color: #02cf89;}
input[type=checkbox]:checked+label{ color: inherit;}
.credit_balance,
.credit_amt{ color: #38D8A5 !important;}

.logo_width_menu{ display: flex; align-items: center; padding-left: 10px;}
.logo_width_menu .navbar-nav{ margin-right: 5px;}

#trading_frame{ width: calc(100% - 20rem); height: 44px; overflow: hidden; display: flex; align-items: center; padding-left: 7rem;}
.tradingview-widget-container{ height: initial !important; pointer-events: none; /*width: 75% !important; margin: 0 auto 0 6%;*/ position: relative;}
.tradingview-widget-container:after{ content: ""; background: #fff; width: 50px; height: 50px; position: absolute; right: -10px;}
.tradingview-widget-container iframe{ max-height: 45px !important;}

.dataTables_wrapper{ display: flex; flex-wrap: wrap; align-items: center;}
div.dt-buttons{margin-bottom: 0.5rem;}
#example_filter{margin-left: auto;}
#example_filter label{font-size: 1.07rem; color: #403F4D; font-weight: 400; display: flex; align-items: center; white-space: nowrap;}
#example_filter input{margin-left: 0.5rem;}
.dt-buttons .buttons-excel{ padding: 0.35rem 1rem; font-size: 13px; font-weight: 400;}
.page-item.disabled .page-link{ color: #6c757d; pointer-events: none; cursor: auto; background: #fff; /* border-color: transparent; */ }

@media(max-width:767.98px){
    .cr_level_check_wrapper .level_check_text .days.passed_days,
    .cr_level_check_wrapper .level_check_text .days.remain_days { justify-content: center;}

    .tradingview-widget-container{ pointer-events: none; display:none;}
    div.dt-buttons{width: auto; margin-right: 0rem;}
}

/* My-Capital Wheel */
.pramotion_left_block.wheel_bg{ border-radius: 10px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url(../../uploads/haftsin-promotionbanner-bg.jpg) !important;}
.spin_wheel_left_mycapital{ width: 50%; position: absolute; top: 0px; left: 0px; text-align: left; display: none;}
.spin_wheel_right_mycapital{ width: 50%; position: absolute; top: 0px; right: 0px; text-align: right; display: none;}
.spin_wheel_left_mycapital img,
.spin_wheel_right_mycapital img{ max-width: 100%; width: auto; margin: 0px 0px;}
#wrapper{ margin: 100px auto 40px; position:relative;}
#wheel{ width: 430px; height: 430px; border-radius: 50%; position: relative; overflow: hidden; margin: 0px auto;}
#inner-wheel{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background-image: url(../../uploads/halfsin-spinwheel.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; -webkit-transition: all 6s cubic-bezier(0,.99,.44,.99); -moz-transition: all 6 cubic-bezier(0,.99,.44,.99);  -o-transition: all 6s cubic-bezier(0,.99,.44,.99); -ms-transition: all 6s cubic-bezier(0,.99,.44,.99); transition: all 6s cubic-bezier(0,.99,.44,.99);}
#wheel div.sec{ position: absolute; width: 35%; height: 100%; left: 32.5%; top: 0%; opacity: 1; background-color: rgba(0,0,0,0); font-size: 16px; font-weight: 600; color: #ffffff; text-align: center; display: flex; justify-content: center; padding: 10% 20px;}
#wheel div.sec small{ display: block; font-weight: 300; font-size: 60%;}
#wheel div.sec:nth-child(1){ transform: rotate(44deg); -webkit-transform: rotate(44deg); -moz-transform: rotate(44deg); -o-transform: rotate(44deg); -ms-transform: rotate(44deg);}
#wheel div.sec:nth-child(2){ transform: rotate(89deg); -webkit-transform: rotate(89deg); -moz-transform: rotate(89deg); -o-transform: rotate(89deg); -ms-transform: rotate(89deg);}
#wheel div.sec:nth-child(3){ transform: rotate(134deg); -webkit-transform: rotate(134deg); -moz-transform: rotate(134deg); -o-transform: rotate(134deg); -ms-transform: rotate(134deg);}
#wheel div.sec:nth-child(4){ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
#wheel div.sec:nth-child(5){ transform: rotate(226deg); -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg);}
#wheel div.sec:nth-child(6){ transform: rotate(272deg); -webkit-transform: rotate(272deg); -moz-transform: rotate(272deg); -o-transform: rotate(272deg); -ms-transform: rotate(272deg);}
#wheel div.sec:nth-child(7){ transform: rotate(316deg); -webkit-transform: rotate(316deg); -moz-transform: rotate(316deg); -o-transform: rotate(316deg); -ms-transform: rotate(316deg);}
#wheel div.sec:nth-child(8){ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
#spin{ width:140px; height:140px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius:50%; z-index:1000; cursor:pointer;}
#inner-spin{ width: 100%; height: 100%; position: relative; background-image: url(../../uploads/wheel-final-with-fish.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
#inner-spin > span{ min-width: 50%; min-height: 50%; max-width: 50%; max-height: 50%; border-radius: 50%; transition: all 0.5s ease-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 600; color: #ffffff; background: #23B3FE; background: -webkit-linear-gradient(to bottom, #23B3FE 0%, #176cc1 85%); background: -moz-linear-gradient(to bottom, #23B3FE 0%, #176cc1 85%); background: linear-gradient(to bottom, #23B3FE 0%, #176cc1 85%);}
#inner-spin > span:hover{ background: #176CC1; background: -webkit-linear-gradient(to bottom, #176CC1 0%, #23B3FE 85%); background: -moz-linear-gradient(to bottom, #176CC1 0%, #23B3FE 85%); background: linear-gradient(to bottom, #176CC1 0%, #23B3FE 85%);}
#inner-spin:before{ width: 22px; height: 38px; background-image: url(../../uploads/wheel-final-arrow1.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: -35px; left: 50%; transform: translate(-50%, 0%); content: '';}

/* halfsin  */

#inner-spin:before{width: 23px !important; height: 50px !important; top: -26px !important;}
#wheel div.sec{display: flex !important; align-items: center; flex-direction: column; position: absolute; bottom: 100%;}
#wheel div.sec img{ position: absolute; top: -10px; width: 4.5rem; height: auto; left: 11%; transform: translate(0%, 0%);}
#wheel div.sec span{position: absolute; top: 21%; font-size: 1.07rem; transform: translate(0%, 0%);}
#wheel div.sec small{ position: absolute; top: 30%; transform: translate(0%, -30%); font-size: 70%;}
#inner-spin > span{background: transparent !important;}
#inner-spin > span img{-webkit-transform: rotate(15deg) scale(1.05); transform: rotate(15deg) scale(1.05); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%;}
#inner-spin > span img:hover{-webkit-transform: rotate(0) scale(1);  transform: rotate(0) scale(1);}
#animation svg{height: 98% !important;}

/*Animation*/
.spin{ -webkit-animation: hh 0.1s; animation: hh 0.1s;}
@keyframes hh{
    0%, 100%{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    50%{ transform: rotate(7deg); -webkit-transform: rotate(7deg);}
}
@-webkit-keyframes hh{
    0%, 100%{ transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    50%{ transform: rotate(7deg); -webkit-transform: rotate(7deg);}
}

.wheel-loader{ position: absolute; top: 0; z-index: 1000;}
.wheel-loader-content,
.wheel-loader-content-not{ text-align: center; margin-top: 35%; position: absolute; z-index: 2; left: calc(50% - 3px); transform: translate(-50%, 0%); font-size: 14px; font-weight: 400;}
.wheel-loader p{ color: #000000; font-size: 1.07rem;}
.wheel-loader-head{ font-size: 1.5rem; font-weight: 500; color: #34C38F; margin-bottom: 20px;}
.wheel-loader .con_win{ color: #34C38F; font-weight: 500;}

/* Mobile view for MyCapital Id */
.cx_info_mobile {display: none;}
.cx_info_mobile .card{ border-radius: 0.7rem; box-shadow: 0px 1px 2px rgb(0 0 0 / 5%); flex-direction: row;}

.cr_promo_sec_landing .new_user_pramotion_btn {
    margin-top: 40px;
}

@media( max-width: 1919.98px){
    .spin_wheel_left_mycapital,
    .spin_wheel_right_mycapital{ width: 35%;}
}
@media( max-width: 1599.98px){
    #wheel{ width: 400px; height: 400px;}
    .pramotion_left_block.wheel_bg{ background-size: cover; align-self: stretch;}
    .wheel-loader-content, .wheel-loader-content-not{ font-size: 13px;}
    .wheel-loader-head{ font-size: 15px;}
}
@media(max-width: 1439.98px){
    /* half-sin */
    #wheel div.sec span{ font-size: 13px;}
}
@media( max-width: 1365.98px){
    #wheel{ width: 300px; height: 300px;}
    #spin{ width: 100px; height: 100px;}
    #inner-spin:before{ height: 28px; top: -26px;}
    #wheel div.sec{ font-size: 11px;}
    #wheel div.sec small{ font-size: 85%;}
    #inner-spin > span{ font-size: 18px;}
    .wheel-loader-content,
    .wheel-loader-content-not,
    .wheel-loader-head{ font-size: 11px;}

    /* mobile view for MyCapital Id */
    .cx_info_mobile {display: block;}
}
@media( max-width: 1199.98px){
    .pramotion_left_block.wheel_bg{ background-position: top center;}
    #wheel{ width: 350px; height: 350px;}
    #wheel div.sec{ font-size: 16px; padding: 5% 20px;}
    #wheel div.sec small{ font-size: 75%;}
    #spin{ width: 140px; height: 140px;}

    /* half-sin */
    #wheel div.sec img{top: 3px; left: 25%;}
}
@media( max-width: 991.98px){
    #wheel{ width: 450px; height: 450px;}
    #wheel div.sec{ font-size: 18px;}
    #wheel div.sec img{top: 3px; left: 25%; width: 5rem;}
}
@media( max-width: 575.98px){
    .pramotion_left_block.wheel_bg{ min-height: initial;}
    #wrapper{ margin: 100px auto 50px;}
    #wheel{ width: 400px; height: 400px;}
    #wheel div.sec{ font-size: 16px; padding: 6% 20px;}
    #spin{ width: 120px; height: 120px;}
    /* half-sin */
    #wheel div.sec img{ width: 3.5rem; transform: translate(0%, 0%);}
    .cx_info_mobile .card {flex-direction: column;}
    .cx_info_mobile .card>hr {margin: 5px 0px;}

}
@media( max-width: 479.98px){
    #wheel{ width: 280px; height: 280px;}
    #wheel div.sec{ font-size: 12px;}
    #spin{ width: 100px; height: 100px;}
    /* half-sin */
    #wheel div.sec span{top: 20.5%; z-index: 9; font-size: 10px;}
    #wheel div.sec small {font-size: 54%;}
}
.christmas_tc_link{ color: #0a9af6 !important;}

/* MyCapital Banner Span for T&C */
.slider_data_view p.display_text span{font-size: 12px; color: #f9f9f9;}
.wheel-loader lottie-player { margin-top: -4px;}
/* My-Capital Wheel */





/* Cashback Reward PROMO  */
.cr_promo_sec_landing .pramotion_left_block {max-width: 35%; width: 100%; flex: 0 0 35%; }
.cr_promo_sec_landing .pramotion_left_block img{margin: 10px; width:100%; padding: 0px 0px 0px 10px}
.cr_promo_sec_landing .pramotion_right_block {max-width: calc(65% - 20px); width: 100%; flex: 0 0 calc(65% - 20px);}
.cr_promo_sec_landing  .pramotion_right_data_block {width: 100%;}
.cr_promo_sec_landing .pramotion_start_date {color: #0D67F9;}
.cr_promo_sec_landing .pramotion_end_date {color: #D80031;}
.cr_promo_sec_landing .pramotion_text.cr_text_wicon::before{
    content:url('../../uploads/cr-promo-text-icon.svg');
    position:relative;
    left:0px;
    top:3px;
    margin-right: 5px;
}
.cr_promo_sec_landing .cr_promo_howitwork { width: calc(100% + 30px); position: relative;  padding: 20px; align-items: center;}
.cr_promo_sec_landing .cr_promo_howitwork .btn{display: flex; align-self: flex-end; margin-left: auto; min-width: 13.78rem; background: #DFF7FD; color: #0D67F9; box-shadow: none;
    position: absolute;
    right: 0;
    bottom: -30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 1.21rem;
    font-weight: 400;
}
.crbtn_howitwork i{margin-left: 8px;}
.cr_promo_sec_landing .cr_promo_howitwork .btn:hover{background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #fff;}

.cr_promo_sec_landing .pramotion_block{flex-wrap: wrap; padding-bottom: 2rem;}

.cr_pramotion_details_bottom{width: 100%; margin-top: 2.85rem;}
.cr_pramotion_details_wrapper{padding: 10px;}
.cr_pramotion_details_wrapper .card{border: none; background: transparent;}
.cr_pramotion_details_wrapper .card-header{background-color: #fff; width: 100%;
    min-height: 5rem; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; font-size: 1.28rem; display: inline-flex; align-items: center; padding: 10px;}
.cr_pramotion_details_wrapper .card-header .cr_promo_details{display: flex; width: 100%; align-items: center; font-weight: 500; font-size: 1.29rem; line-height: 104.5%; color: #403F4D;}
.cr_pramotion_details_wrapper .card-header .cr_promo_details span{margin-left: auto; min-width: 3.56rem; height: 3.60rem; background: #E6F7FC; display: flex;
    align-items: center;
    justify-content: center; color: #0066FF; transition: all 0.5s ease-in-out;}
.d-angle{transform: rotate(90deg); transition: all 0.5s ease-in-out;}
.collapsed .d-angle{transform: rotate(0deg); transition: all 0.5s ease-in-out;}
.cr_promo_details img{margin: 0px 10px;}
.crpromoleveldetails{transition: all 0.5s ease-in-out;}
.cr_promodetail_box{min-height: 37.28rem; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 13px;}
.crlevel_details{
    background: #E6F7FC;
    box-shadow: 0px 1px 0px #cce6ee;
    border-radius: 12px 12px 0px 0px;
    height: 5rem;
    font-weight: 600;
    font-size: 2rem;
    padding: 0px 2.28rem;
    color: #062652;
    line-height: 1.2;
    display: flex;
    margin-bottom: 3.14rem;;
}

.crlevel_details .level_icon{
    display: inline-block;
    border-radius: 8px;
    background: #fff;
    width: 5.36rem;
    min-width: 5.36rem;
    height: 6.43rem;
    box-shadow: 0px 3px 5px rgb(18 59 160 / 15%), 5px 8px 15px rgb(18 59 160 / 10%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;

}



.crlevel_details .level_text{display: flex; align-self: center; margin-left: 1rem; margin-top: 1rem; font-weight: 500; font-size: 1.78rem; line-height: 113%; color: #062652; white-space: nowrap;}
.crlevel_details .level_text span{color: #0D67F9; margin-left: 4px;}

.crlevel_details .level_icon img { max-width: 3.14rem; height: auto;}
.level-block{padding: 0px 2.28rem; margin-bottom: 3rem;}
.level_details_list{font-style: normal; font-weight: 400; font-size: 1.14rem; line-height: 123.5%; color: #403F4D; border-bottom: solid 1px #EDEFF6; padding-top: 1.28rem; padding-bottom: 1.28rem;}

.level_details_list span{font-size: 1.64rem; font-weight: 500; line-height: 130%; color: #0D67F9; display: block; margin-top: 8px;}

.cr_termsandcondition{text-align: center; margin-top: 1.5rem; font-weight: 400; font-size: 0.93rem; line-height: 104.5%; color: #737480;}
.cr_termsandcondition a{pointer-events: none !important;}


.cr_deposit_start {min-height: 26.85rem; }
.cr_deposit_start .crlevel_details .level_text{margin-left: auto; margin-right: auto; position: initial;}

.unlocked_wrapper_box{display: block; justify-content: center; align-items: center; text-align: center;}
.unlock_btn_wrapper{min-width: 19rem; display: none; visibility: hidden;  position: absolute; z-index: 999; top: 45%; left: 50%; transform: translate(-50%, -45%);}
.unlock_btn_wrapper .btn{min-width: 19rem; align-self: center;}

.cr_deposit_start:hover .unlock_btn_wrapper{display: block; visibility: visible;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    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; }
}


.cr_locked_img_wrapper{display: block; text-align: center; min-width: 13.64rem; min-height: 13.64rem; transition: all 0.5s ease-in-out;}
.cr_deposit_start:hover .cr_locked_img_wrapper{filter: blur(7px); }

.crlevel_details_text_wrap{font-weight: 500; font-size: 1.43rem; line-height: 130%; text-align: center; color: #062652; margin: 1.57rem auto;}

.crlevel_details_text_wrap span{display: block; font-size: 1.14rem; color: #403F4D;}
.crlevel_details_text_wrap span > span{color: #0D67F9; display: initial;}
.cr_level_depositbtn{width: 100%; text-align: center;}
.cr_level_depositbtn .btn{min-width: 19rem; margin: 2rem auto;}
.b-arrow{border-bottom: solid 1px #C0C8E3;  display: flex; justify-content: center;}
.b-arrow::after {position: absolute; content: "";  width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 4px; border-color: #C0C8E3 transparent transparent transparent; }

.cr_activation_details_wrapper{display: flex; justify-content: flex-start; align-items: center; margin-top: 1rem; width: 100%; margin: 1rem 2.42rem 0rem 2.42rem; position: relative;}
.cr_activation_details_wrapper .activation_status { background: #FFFFFF; border-radius: 7px; min-width: 10.07rem; padding: 0.5rem 1rem; font-size: 1.14rem; line-height: 113%; display: flex; align-items: center; justify-content: center;
    color: #00AC75; font-weight: 400;}
.cr_activation_details_wrapper .activation_status img{min-width: 1.92rem; max-width: 1.92rem; margin-right: 10px;}
.cr_activation_details_wrapper .joined_date_details{display: flex; align-items: center; margin-left: auto; font-weight: 400; font-size: 1rem; line-height: 1; color: #0D67F9; margin-bottom: 6px; margin-left: 15px; margin-right: 15px; white-space: nowrap;}
.cr_activation_details_wrapper .joined_date_details:before {content: ''; position: absolute; left: auto; width: 1px; height: calc(80% - 15px); background: #CEE5ED; margin-left: -1rem; }
.cr_activation_details_wrapper .joined_date_details:first-child:before {display: none;}
.cr_activation_details_wrapper .joined_date_details img{min-width: 1.29rem; max-width: 1.29rem; margin-right: 10px;}
.cr_activation_details_wrapper .joined_date_details span.date_details {color: #062652; margin-left: 3px;}
.joined_date_details_wrapper{margin-left: auto; display: inline-flex; width: 100%; align-items: center; justify-content: flex-end;}


.cr_activation_status_sectionone{margin-top: 1rem;}
.cr_detail_warpper_activated{max-width: 23.71rem; min-width: 100%; background: #FFFFFF; border: 1px solid #E6F7FC; box-sizing: border-box; box-shadow: 0px 13px 17px -11px rgba(5, 45, 109, 0.11);
    border-radius: 9px; padding: 7px 8px; display: flex; align-items: center; margin-bottom: 1rem;}
.cr_detail_warpper_activated .warpper_activated_icon{min-width: 4.71rem; max-width: 4.71rem; height: 4.71rem; background: #E6F7FC; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.cr_detail_warpper_activated .warpper_activated_icon img{max-width: 2.5rem; min-width: 2.5rem; }
.cr_detail_warpper_activated .warpper_activated_details{margin-left: 1.21rem; margin-right: 1.21rem;}
.cr_detail_warpper_activated .warpper_activated_details .num_details,
.cr_amt_detail_warpper_activated .num_details,
.cr_pending_rebate_details .num_details{font-weight: 600; font-size: 2.29rem; line-height: 113%; color: #0D67F9;}
.cr_detail_warpper_activated .warpper_activated_details .num_details.amount,
.cr_amt_detail_warpper_activated .num_details.amount{color: #00AC75;}
.cr_detail_warpper_activated .warpper_activated_details .type_details,
.cr_amt_detail_warpper_activated .type_details, .cr_pending_rebate_details .type_details{font-weight: 400; font-size: 1.14rem; line-height: 123.5%; color: #403F4D;}
.cr_activation_status_sectiontwo{background: #F7FDFF; border: 1px solid #D6EBF3; box-sizing: border-box; border-radius: 7px; max-width: 34.28rem; min-width: 100%; height: 100%;}

.cr_amt_detail_warpper_activated{ display: flex; align-items: center; justify-content: space-evenly; padding: 5.14rem 4rem;}
.cr_amt_detail_warpper_vline{height: 100%; width: 1px;  background: #CEE5ED; min-height:4rem; }
.cr_activation_status_sectionthree{background: #FFFFFF; border: 1px solid #E6F7FC; box-sizing: border-box; box-shadow: 0px 13px 17px -11px rgba(5, 45, 109, 0.11); border-radius: 9px; text-align: center; padding: 3.14rem 4.57rem; height: 100%;}
/* .cr_time_icon{display: flex; margin: auto;} */

.cr_table_wrapper{width: 100%; }
.cr_tablesummary_wrapper {background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; border: 1px solid transparent; border-bottom-color: #fff;}
.cr_table_wrapper .table_summary_head{background: #E6F7FC; display: flex; justify-content: flex-start; align-items: center; min-height: 2.85rem; padding: 4px 10px;}
.cr_table_wrapper .table_searchdetails{display: flex; margin-left: auto;}
.cr_table_wrapper .table thead tr{min-height: 4.07rem; height: 4.07rem;;}
.cr_table_wrapper .table thead th{border: none; background: #F7FDFF; box-shadow: 0px 1px 0px #E6F7FC; font-weight: 500; font-size: 1rem; line-height: 104.5%; color: #403F4D; vertical-align:middle;}
.cr_table_wrapper .table tbody tr{min-height: 4.29rem; height: 4.29rem;}
.cr_table_wrapper .table tbody tr td {font-weight: 400; font-size: 0.93rem; line-height: 104.5%;color: #403F4D; vertical-align: middle;}
.cr_table_wrapper .table tbody tr td:first-child{font-weight: 500; color: #062652;}
/* .cr_table_wrapper .table tbody tr td:last-child{color: #1BB171;} */
.cr_table_wrapper .table tbody tr td.total_paid {color: #1BB171;}

.table_namedetails{display: flex; align-items: center;}
.table_namedetails_text{margin: auto 5px; font-weight: 400; font-size: 1.14rem; line-height: 104.5%; color: #403F4D;}
.table_namedetails_icon{background: #C4EAF9; border-radius: 8px 8px 9px 8px; min-width: 37px; max-width: 37px; min-height: 37px; display: flex; align-items: center; justify-content: center; }
.table_namedetails_icon img{min-width: 14px; max-width: 14px;}

.export_wrapper{text-align: center; vertical-align: middle; margin-left: 1rem;}
.export_wrapper .export_btn{background: #FFFFFF; box-sizing: border-box; border-radius: 4px; min-width: 7.14rem; padding: 0.35rem 0px; font-size: 1rem;
    display: flex; align-items: center; justify-content: center; box-shadow: 2px 3px rgb(13 103 249 / 15%);
    transition: all 0.5s ease-in-out;}
.export_wrapper .export_btn:hover{box-shadow: none;}
.export_wrapper .export_btn span{margin: auto 5px;}
.export_btn.dropdown-toggle::after{display: none !important;}
.export_wrapper .dropdown-menu {min-width: 100%;}
.export_wrapper .dropdown-menu.show {display: block; box-shadow: 0px 13px 17px -11px rgb(5 45 109 / 11%); border: none; font-size: 1rem;}
.export_wrapper .dropdown-item {font-size: 0.93rem;}
.has-search .form-control { padding-left: 2.375rem; background-color: #F7FDFF; border: 1px solid #D6EBF3; box-sizing: border-box; border-radius: 8px 8px 7px 8px;}
.has-search .form-control-feedback {position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none;}

.cr_activation_status_sectionthree{text-align: center; vertical-align: middle;}
.cr_level_check_wrapper{display: flex; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 9px; height: 11.14rem; margin: 1rem auto; align-items: center; padding: 1rem 2.5rem;}
.cr_level_check_wrapper .level_check_text{margin: auto 1rem; }
.cr_level_check_wrapper .level_check_text span.lone_text{font-weight: 500; font-size: 1.71rem; line-height: 104.5%; color: #403F4D; white-space: nowrap;}
.cr_level_check_wrapper .level_check_text .days_details{font-weight: 400; font-size: 1.28rem; line-height: 123.5%; color: #403F4D; max-width: 100%;}
.cr_level_check_wrapper .level_check_text .days{font-weight: 500; font-size: 1.79rem; line-height: 130%;}
.cr_level_check_wrapper .level_check_text .days.passed_days{color: #00AC75; display: flex;}
.cr_level_check_wrapper .level_check_text .days.remain_days{color: #0D67F9; display: flex;}
.cr_level_check_wrapper .level_check_text .days.passed_days span,
.cr_level_check_wrapper .level_check_text .days.remain_days span
{padding-right: 0.5rem; }
.cr_level_check_wrapper .level_details_steps_warapper {margin-left: initial; padding: 1rem 2rem;}
.cr_level_check_wrapper .level_details_steps_warapper:last-child {margin-left: auto;}
.cr_level_check_wrapper .level_check_text.step_02 span,
.cr_level_check_wrapper .level_check_text.step_03 span{display: block;}
.level_check_text.step_02{display:none;}

.level_count_list{display: flex; justify-content: flex-start; align-items: center; width: 28.57rem; }
.level_count_list .level_count_listitems {text-align: center; list-style: none; margin-left: auto; position: relative;}
.level_count_list .level_count_listitems:first-child{margin-left: initial;}
.level_count_list .level_count_listitems .level_count{width:4.71rem; height: 4.71rem; border-radius: 50%; background: #FFFFFF; margin-bottom: 8px; border: 2px solid rgba(255, 136, 114, 0.3); box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; font-size: 1.43rem;}
// .level_count_list .level_count_listitems.selected .level_count{border-color: rgba(56, 216, 165, 0.3); color: #38D8A5;}
.level_count_list .level_count_listitems.selected .level_count{border-color: #00AC75; color: #fff; background: #00AC75; font-weight: 600;}
.level_count_list .level_count_listitems::after{position: absolute; width: calc(100% + 40%); height: 1px; background-color: #EDEFF6; left: 108%; top: 35%; transform: translate(0%, 0px); content: ''; z-index: 1;}
.level_count_list .level_count_listitems.selected::after{background-color: #EDEFF6;}
.level_count_list .level_count_listitems:last-child:after {display: none;}
.level_count_list .level_count_listitems span{font-weight: 400; font-size: 1.07rem; line-height: 123.5%; color: #403F4D;}
.level_count_list .level_count_listitems.selected .level_count::after {content: "\e802"; font-family: 'captl'; display: flex; align-items: center; justify-content: center;   background: #fff; border: 1px solid #00AC75;  width: 1.28rem; height: 1.28rem; position: absolute; top: 0; right: 0; border-radius: 50%; font-size: 0.65rem; color: #00AC75;}
.cr_level_check_wrapper .level_check_text a{color: #0D67F9;}
.cr_level_check_wrapper_left, .cr_level_check_wrapper_right {display: flex; justify-content: flex-start; width: 100%; align-items: center;}
.level-block .row{align-items: center;}
.cr_level_check_wrapper_left .level_check_text{width: 100%; max-width: 40%;  padding: 1rem 2rem;  flex: 1 1 40%;}
.cr_level_check_wrapper_left .level_check_text.step_03{width: 100%; max-width: 60%; flex: 1 1 60%;}


#crvideoModal .close{ font-size: 4rem;
    font-weight: 300;
    display: flex;
    align-self: end;
    margin-right: -3rem;
    color: #fff!important;
    text-shadow: 0 0 black;
    opacity: 1!important;}

.pamotion_alert.success .alert_msg p.alert_text{font-weight: 500;
    font-size: 0.93rem;
    line-height: 123.5%;
    color: #00AC75;}

.alert_msg_block {
    border-bottom: 1px solid #D2ECF8;
    margin-bottom: 1rem;
}
/* How to upgrade modal CR  */
.crmodal_details .cr_promodetail_box {min-height: auto; position: relative;}
.crmodal_details .modal-header .close{padding: 0px;}
.crmodal_details .close { font-size: 3.5rem; color: #1b70f9; font-weight: 400; opacity: 1; width: 4.5rem; height: 4.5rem; border: 1px solid rgb(245 242 242 / 50%); border-radius: 50%; margin-bottom: -10px; background: #fff; display: flex; align-items: center; justify-content: center;}
//.crmodal_details .close span {margin-top: 6px;}
.crmodal_details .modal-content {border: none; background: transparent; }
.crmodal_details .modal-header{border-bottom: none;}
.crmodal_details .modal-dialog{max-width: 58.29rem;}
#crvideoModal .modal-dialog.w-video {max-width: 600px;}
.crmodal_details ul.level_details{display: flex; justify-content: space-around; border-bottom: solid 1px #EDEFF6; flex-wrap: wrap;}
.crmodal_details ul.level_details .level_details_list{border-bottom: none;}
.cr_modalwrapper{background: #EDEFF6; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 13px; padding: 2rem 1rem; padding-bottom: 0px;}
.crmodal_details .level-block {padding: 0px 15px; margin-bottom: 2rem;}
.crmodal_details .modal-dialog-centered {min-height: calc(100% - 1rem);}
.cr_level_check_wrapper .level_check_text a.disabled{color: #959595; pointer-events: none;}

/*  cr_countdown */
.crcount_container {margin: 0 auto; text-align: center;}
.cr_countdown {display: flex; justify-content:start; align-items: center;}
.cr_countdown li { display: inline-block;  font-size: 12px; list-style-type: none; padding: 5px 5px; text-transform: uppercase; line-height: 1; color: #707786;}
.cr_countdown li:first-child{padding-left: 0px;}
.cr_countdown li:last-child{padding-right: 0px;}
.cr_countdown li span {
    display: block;
    line-height: 130%;
    color: #0D67F9;
    font-weight: 600;
    font-size: 1.71rem;
    background: rgb(237 239 246 / 60%);
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 5px; width: 3.5rem;
}

/* cr new updates */
span.cr_deactivate {color: #D80031; font-size: 1.07rem; margin-left: -5px;}
.search_bar .form-control {margin-right: 5rem;}


/* Media CR PROMO  */

@media (max-width: 1599.98px) {
    .cr_promo_sec_landing .pramotion_left_block {max-width: 45%; width: 100%; flex: 0 0 45%;}
    .cr_promo_sec_landing .pramotion_right_block {max-width: calc(55% - 20px); width: 100%; flex: 0 0 calc(55% - 20px);}
    .level_count_list{width: 20.57rem;}
    .level_count_list .level_count_listitems::after {width: calc(40% + 7px);}
    .cr_level_check_wrapper{padding: 1rem;}
    .cr_level_check_wrapper .level_check_text {margin: auto 0.5rem;}
    .cr_activation_status_sectiontwo{height: auto;}
    .cr_activation_status_sectionthree {padding: 2.14rem 2.57rem;}
    .cr_amt_detail_warpper_activated{padding: 5.14rem 15px;}
    .cr_level_check_wrapper_left .level_check_text{padding: 1rem 0px; margin: auto 0.5rem;}
    .cr_level_check_wrapper .level_details_steps_warapper {padding: 1rem 0rem;}
    /* .cr_level_check_wrapper .level_check_text {margin: auto 0.5rem;} */
    .cr_countdown li {padding: 5px 5px;}
    .cr_countdown li span {font-size: 1.28rem;}
    .cr_level_check_wrapper .level_check_text .days_details{font-size: 1.07rem;}
    .cr_level_check_wrapper .level_check_text span.lone_text{font-size: 1.43rem;}
}

@media (max-width: 1439.98px) {
    .cr_activation_details_wrapper .joined_date_details {display: block;}
    .cr_activation_details_wrapper .joined_date_details span.date_details{margin-top: 5px; display: block;}
    .cr_activation_details_wrapper .joined_date_details:before{height: calc(100% - 15px);}
    .cr_activation_details_wrapper .joined_date_details img{margin-right: 2px;}
}

@media (max-width: 991.98px) {
    .cr_promo_sec_landing .pramotion_left_block {max-width: 100%; width: 100%; flex: 0 0 100%;}
    .cr_promo_sec_landing .pramotion_right_block {max-width: 100%; width: 100%; flex: 100%;}

    .cr_promo_sec_landing .cr_promo_howitwork {width: calc(100% + 20px);}
    .cr_promo_sec_landing .cr_promo_howitwork .btn{bottom: -20px;}
    .level_details_list{white-space: nowrap;}
    .level_details_list span{font-size: 1.43rem;}
    .unlock_btn_wrapper .btn {min-width: 16rem;}
    .cr_level_check_wrapper{flex-wrap: wrap; height: auto; padding: 2.5rem 1rem;}
    .cr_level_check_wrapper_left{justify-content: space-between;}
    .cr_level_check_wrapper_right{margin: 2rem 0rem;}


    .cr_activation_status_sectiontwo{height: auto; margin: 2rem 0px;}
    .cr_amt_detail_warpper_activated{display: block; padding:20px; text-align: center;}
    .cr_amt_detail_warpper_vline{width: 100%; height: 1px; min-height: 1px; margin: 2rem 0px;}
    .cr_activation_status_sectionthree{padding: 20px;}
    .cr_level_check_wrapper .level_check_text .days_details{margin-bottom: 5px; max-width: 100%; font-size: 1.07rem;}

    .cr_level_check_wrapper_left .level_check_text {width: 100%; max-width: 100%;  flex: 1 1 100%;}
    .cr_level_check_wrapper_left .level_check_text.step_03 {width: 100%; max-width: 100%; flex: 1 1 100%; margin-left: auto;}
    .cr_level_check_wrapper .level_details_steps_warapper:last-child{margin-right: auto;}

    .cr_activation_details_wrapper{flex-wrap: wrap;}
    .cr_activation_details_wrapper .joined_date_details:before {height: 1.5rem;}
    .crlevel_details{height: auto;}
    /* .joined_date_details_wrapper{flex-wrap: wrap;} */
    .cr_activation_details_wrapper .activation_status{margin-left: auto; margin-bottom: 10px; margin-right: 15px;}
}

@media (max-width: 767.98px) {
    .level_details_list span{font-size: 1.64rem;}
    .cr_promodetail_box{margin-bottom: 20px;}
    .unlock_btn_wrapper .btn {min-width: 19rem;}
    .crlevel_details{height: auto; padding: 1rem; width: 100%; flex-direction: column;}
    .crlevel_details .level_text{font-size: 1.43rem; align-self: flex-start; margin-top: 2rem; position: absolute; left: 6rem; top: 2rem;}
    .cr_activation_details_wrapper{ flex-direction: column-reverse; justify-content: space-around; align-items: flex-end; width: 100%; margin: 1rem 0.42rem 0rem 0.42rem;}
    .crlevel_details .level_icon{width: 3.75rem; min-width: 3.75rem; height: 5.43rem;}
    .cr_activation_details_wrapper .activation_status{margin-bottom: 8px; font-size: 1rem; margin-left: initial; margin-right: auto;}
    .cr_termsandcondition{margin-top: 0px;}
    .joined_date_details_wrapper{justify-content: flex-start; flex-wrap: wrap;}
    .cr_activation_details_wrapper .joined_date_details {display: flex; align-items: center; min-width: calc(48% - 20px); margin-bottom: 1rem; font-size: 1rem;}
    .cr_activation_details_wrapper .joined_date_details span.date_details{margin-top: 0px; display: flex;}
    .cr_activation_details_wrapper .joined_date_details:first-child:before {display: block;}
    .cr_level_check_wrapper .level_check_text .days_details {margin-bottom: 12px;}
}

@media (max-width: 575.98px) {
    .cr_table_wrapper .table_summary_head{display: block; padding: 15px;}
    .cr_table_wrapper .table_searchdetails{margin: 1.2rem 0px 0px; }
    .export_wrapper{margin-left: auto;}
    .cr_countdown li span {font-size: 1.57rem;}
    .level_count_list .level_count_listitems span {font-size: 1.43rem;}
    .cr_level_check_wrapper_right .level_check_text:last-child {margin-top: 12px; font-size: 1.28rem;}
    #crvideoModal .close{margin-right: 0rem}}
.cr_activation_details_wrapper .joined_date_details{margin-left: 0px;}
.cr_activation_details_wrapper .joined_date_details:first-child:before{display: none;}
.cr_activation_details_wrapper .joined_date_details:before{display: none;}
.cr_activation_details_wrapper .joined_date_details img{margin-right: 5px;}
.cr_level_check_wrapper_left, .cr_level_check_wrapper_right{flex-wrap: wrap; justify-content: center;}
.cr_level_check_wrapper_left .level_check_text {padding: 0.5rem 0px; margin: auto 0rem; text-align: center;}
.cr_countdown{justify-content: center;}
.export_wrapper .export_btn{margin-left: 5px;}
}

@media (max-width: 479.98px) {
    .cr_level_check_wrapper{padding: 2rem; text-align: center;}
    .cr_level_check_wrapper_left, .cr_level_check_wrapper_right{display: block;}
    .cr_level_check_wrapper .level_check_text .days_details{text-align: center; margin: auto; }
    .cr_level_check_wrapper .level_check_text span.lone_text{font-size: 1.71rem;}
    .cr_level_check_wrapper .level_check_text{padding: 1rem; border-bottom: 1px solid #EDEFF6; margin: auto 0rem;}
    .cr_level_check_wrapper_right .level_check_text:last-child{border: none;}
    .cr_level_check_wrapper_right{margin-top: 0px;}
    .level_count_list {display: block; width: 100%;}
    .level_count_list .level_count_listitems{padding: 15px; border-bottom: 1px solid #EDEFF6;}
    .level_count_list .level_count_listitems:last-child{border: none;}
    .level_count_list .level_count_listitems.selected {border-bottom-color: #EDEFF6;}
    .level_count_list .level_count_listitems .level_count{margin: 8px auto; }
    .level_count_list .level_count_listitems::after {display: none;}
    .cr_level_check_wrapper_right .level_check_text{padding: 0rem 1rem;}
    .cr_activation_details_wrapper .joined_date_details{width: 100%;}
    /* .cr_activation_details_wrapper .joined_date_details{font-size: 0.9rem;} */
    /* .cr_activation_details_wrapper .joined_date_details span.date_details {margin-left: auto;} */
    .cr_activation_details_wrapper .joined_date_details span.date_details {overflow: hidden; flex-wrap: wrap; white-space: initial; margin-left: 8px;}
    .cr_activation_details_wrapper .joined_date_details img{margin-right: 5px;}
    .export_wrapper .export_btn{margin-left: 1rem; min-width: 6.14rem;}
    .cr_promo_level_activated .level_text {align-self: flex-start; margin-top: 2rem;}

    /* how to upgrade modal CR  */
    .crmodal_details .level-block{margin-bottom: 1rem;}
    .crmodal_details .level_details_list span {font-size: 1.07rem;}
    .crmodal_details .crlevel_details { margin-bottom: 1rem; padding-top: 7px;}
    .crmodal_details .crlevel_details .level_icon{display: none;}
    .crmodal_details .level_details_list {padding-top: 0.75rem; padding-bottom: 0.93rem; margin: auto 5px; }
    .cr_modalwrapper .crmodal_details .level_details_list {min-width:35%;}
    .cr_countdown{justify-content: center;}
    .crmodal_details .level_text {position: initial;}
    /* .cr_activation_details_wrapper .joined_date_details:first-child:before {display:block;} */
    .crmodal_details ul.level_details .level_details_list:first-child {margin-left: 0px;}
}

@media (max-width: 374.98px){
    .cr_activation_details_wrapper .joined_date_details { flex-wrap: wrap;}
    .cr_activation_details_wrapper .joined_date_details span.date_details {display: block; margin-top: 4px;}
    /* .cr_activation_details_wrapper .activation_status {padding: 0.5rem 0.6rem;} */
}


/***26-04-22 updates***/
.pagination {
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.level_text .activation_status {
    font-size: 1rem;
    background: #fff;
    padding: 0.25rem 0.75rem;
    padding-left: 0.25rem;
    border-radius: 7px;
    min-width: 10.07rem;
    padding: 0.5rem 1rem;
    font-size: 1.14rem;
    line-height: 113%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00AC75;
    font-weight: 400;
}
.level_text .activation_status img {
    min-width: 1.92rem;
    max-width: 1.92rem;
    margin-right: 10px;
}
/**27-04-22 update***/
.form-check input[type=checkbox]:checked+label{color:#062652;}

.cancel_cr{ font-size: 12px; margin: 10px 5px; color: #b7b4b3;}
.cancel_cr span {color: #0D67F9; cursor: pointer;}


form#VirtualPay_form:after {
    content: "";
    position: absolute;
    top: 10px;
    background: #F5F6FA;
    right: 0;
    width: 30px;
    height: 50px;
}

div#becomeapartner .selectWrapper_box {
    margin-bottom: 2rem;
}

.interanal_transfer_select .error{ position: absolute; bottom: -20px;}

.mb-2.crypto_notify {
    width: 100%;
    font-size: 13px !important;
    color: #dc3545 !important;
    font-weight: normal !important;
}

.terminal-mt4{
    width:100%;height:600px;
}

.cx_mtx_tooltip {
    width: 3.28rem;
    height: 3.28rem;
    background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.58rem;
    font-weight: 500;
    cursor: pointer;
    margin-top: -2rem;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, 0%);
    font-size: 1.28rem;
}

.tooltip-primary .tooltip-inner {
    background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%);
    background-color: #0D67F9;
    color: #fff;
}

.tooltip.bs-tooltip-top .arrow:before {border-top-color: #0D67F9 !important;}
.mtx-msg-string {color: #6D7B9B;  font-size: 0.93rem;  font-weight: 400;  line-height: 1;}
.allowed_countries {
    color: #106cf9;
    font-size: 0.93rem;
    margin-top: 2rem;
    cursor: pointer;
    margin-bottom: -0.5rem;
    font-weight: 500; text-decoration: underline;}

.mtx_limited_country {
    text-align: center;
    padding: 1rem 15px;
}
.mtx_limited_country ul {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.mtx_limited_country ul li {
    margin: 5px 5px;
    position: relative;
    padding: 2px 10px;
    border: 1px solid #eee;
    background: #F2F9FF;
    color: #403F4D;
    font-size: 1rem;
    font-weight: 500;
}
.button_section {
    text-align: center;
    margin-bottom: 2rem;
}
.mtx_limited_country p {
    font-size: 1.14rem;
    font-weight: 500;
    color: #403F4D;
}

@media (max-width: 767.98px){
    .cx_mtx_tooltip {width: 3rem; height: 3rem; margin-top: -1.4rem; right: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
    .mtx-msg-string {font-size: 1.07rem; line-height: 1;}
    div#modalallowedcountry .wallet_now_btn {max-width: 16.43rem; margin: auto;}
    div#amount-error {font-size: 0.93rem !important;}
}

@media (max-width: 479.98px){
    .mtx-msg-string {margin-top: 1.43rem;}
    .cx_mtx_tooltip {margin-top: -1.4rem;}
    .allowed_countries{margin-bottom: -1.5rem}
}






.latam_promo_wrapper{}

.latam_promo_wrapper .pramotion_left_block{max-width: 35%; width: 100%; flex: 0 0 35%;}
.latam_promo_wrapper .pramotion_right_block{max-width: calc(63% - 20px); width: calc(100% - 20px); flex: 0 0 calc(63% - 20px);}


/* Steps */
.ltm_step {
    position: relative;
    min-height: 3.57rem;
    color: gray;
}
.ltm_step + .ltm_step {
    margin-top: 1.5em
}
.ltm_step > div:first-child {
    position: static;
    height: 0;
}
/* .ltm_step > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
} */
.ltm_step_active {
    color: #0D67F9
}
.ltm_step_active .circle {
    background-color: transparent;
}

/* Circle */
.ltmstep_icon {
    background: transparent;
    position: relative;
    width: 75%;
    min-height: 3.57rem;
    line-height: 1;
    border-radius: 3px;
    color: #fff;
    text-align: start;
    /* box-shadow: 0 0 0 3px #fff; */
    padding: 2rem 1.28rem;
    vertical-align: middle;
    display: flex;
    justify-content: start;
    align-items: center;
    border: 1px solid #F1F1F1;
    margin-bottom: 2.5rem;
}

/* Vertical Line */
.ltmstep_icon:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 6rem;
    left: 50%;
    bottom: auto;
    left: 2.28rem;
    height: 100%;
    width: 2px;
    transform: scale(1, 0.58);
    transform-origin: 50% -100%;
    background-color: #D9DEEF;
    z-index: 0;
}
.ltm_step:last-child .ltmstep_icon:after {display: none;}

.circleltm {
    margin-left: auto; position: relative;
    width: 1.86rem;
    height: 1.86rem;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
    border: 1px solid #F5F6FA;
    display: flex;
    justify-content: center;
    align-items: center;

}

.circleltm.confirm{background: #38D8A5;}
.circleltm.process{background: #FDBE22;}
.circleltm img{min-width: 11px; max-width: 11px; margin-top: -2px; }
/* .circleltm .fa {color: #fff; position: relative; z-index: 2;} */
.rotet_icon{animation: mymove 5s infinite;}
@keyframes mymove {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
.check.icon {color: #fff; width: 10px; height: 6px; margin-top: -3px; border-bottom: solid 2.5px #fff; border-left: solid 2.5px #fff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 22;  }


.hr_vltm{width: 1px; background: #F1F1F1; height: 2rem; margin-left: 1rem; margin-right: 1rem;}

.ltm_step .form-group {margin-bottom: 0px; margin-top: -4px;}
.ltm_step .tandc_lable {margin-top: 0.35rem; color:#A09FA6;}

/* Stepper Titles */
.ltmtitle {line-height: 1; font-weight: 400; font-size: 1.14rem; line-height: 100%; color: #A09FA6;}
.ltmtitle a{color: #0D67F9; text-decoration-line: underline; }
.ltmcaption { font-size: 13px; margin-bottom: 4px; color: #A09FA6;}
/* .form-check input[type=checkbox]:checked+label { color: #0D67F9;}*/

.input-group-custom.ltm_partener_link {max-width: 67%; margin-left: 8%; margin-top: -1.5rem !important; font-size: 1rem;}
.ltm_partener_link input.ltm_ib_link{font-size: 0.93rem !important;}
.ltm_partener_link .input-group-prepend {min-width: 3.36rem;}
.ltm_ib_link:read-only {background-color: #fff !important; margin-top: auto; margin-bottom: auto;}


.ltmconfirmation_txt{display: none;}
.ltmconfirmation_txt small {font-size: 65%; font-weight: 500;}




.ltm_step_details{color: #000;}
/*.ltm_step.ltm_step_active .ltmtitle {color: #0D67F9;}*/
.ltm_step.ltm_step_active .ltmtitle a{color: #0D67F9;}
.ltm_step.ltm_step_active .ltm_iconwrapper .ltmreg_icon path{stroke: #0D67F9;}
.ltm_step.ltm_step_active .ltmstep_icon {border-color: #0D67F9;}
.ltm_step.ltm_step_active .hr_vltm {background:#0D67F9;}
/* .ltm_step.ltm_step_active .ltmstep_icon:after {background-color:#0D67F9;} */


.ltm_step.ltm_step_process .ltmtitle {color: #FDBE22;}
.ltm_step.ltm_step_process .ltmtitle a {color: #FDBE22;}
.ltm_step.ltm_step_process .ltm_iconwrapper .ltmreg_icon path{stroke: #FDBE22;}
.ltm_step.ltm_step_process .ltmstep_icon {border-color: #FDBE22; background: linear-gradient(314.1deg, #FDE9B6 -60.42%, #FFFFFF 79.48%);}
.ltm_step.ltm_step_process .hr_vltm {background: #FDBE22;}
.ltm_step.ltm_step_process .ltmstep_icon:after {background-color:#FDBE22;}
.ltm_step.ltm_step_active .ltmtitle a{display: none !important;}


.ltm_step.ltm_step_confirm .ltmtitle {color: #38D8A5; }
.ltm_step.ltm_step_confirm .ltmtitle a{color: #062652;}
.ltm_step.ltm_step_confirm .ltm_iconwrapper .ltmreg_icon path{stroke: #38D8A5;}
.ltm_step.ltm_step_confirm .ltmstep_icon {border-color: #38D8A5; background: linear-gradient(309.44deg, #DDFFF4 -57.56%, #FFFFFF 101.02%);}
.ltm_step.ltm_step_confirm .hr_vltm {background: #38D8A5;}
.ltm_step.ltm_step_confirm .ltmstep_icon:after {background-color:#38D8A5;}

.ltm_step .ltmtitle a{color: #0D67F9 !important;}
.ltm_step .ltmtitle a.disabled_anchor{color: #A09FA6 !important; pointer-events: none; text-decoration: none;}
.disabled_anchor{color: #A09FA6 !important; pointer-events: none;}
.disabled_anchor a{color: #A09FA6 !important; pointer-events: none;}
.form-check-input.tandc_check.disabled{color: #A09FA6 !important; pointer-events: none;}
.ltm_step .tandc_lable.disabled_anchor{color: #A09FA6 !important; pointer-events: none;}
.trading-account input[type=checkbox].disabled{pointer-events: none !important;}



.ltm_step.ltm_step_active .ltmtitle .ltmconfirmation_txt {display: none !important;}
.ltm_step.ltm_step_active .ltmtitle a{display: inline-block !important;}
.ltm_step.ltm_step_process .ltmtitle a {display: none !important;}
.ltm_step.ltm_step_process .ltmtitle .ltmconfirmation_txt{display: block !important;}
.ltm_step.ltm_step_confirm .ltmtitle a {display: none !important;}
.ltm_step.ltm_step_confirm .ltmtitle .ltmconfirmation_txt{display: block !important;}
.ltm_step.ltm_step_confirm label.form-check-label.tandc_lable.ltmtitle a {display: inline-block !important;}

.ltm_step.step_twoconfirm.ltm_step_confirm .ltmstep_icon:after {
    top: 8.45rem !important;
    height: calc(100% + 2rem);
}


.circleltm.process {display: none;}
.circleltm.confirm {display: none;}

.ltm_step.ltm_step_process .circleltm.process{display: flex; min-width: 24px; min-height: 24px;}
.ltm_step.ltm_step_confirm .circleltm.confirm {display: flex; min-width: 24px; min-height: 24px;}

.btn_ltmjoincontest{min-width: 13rem;}

.pamotion_alert{padding: 1.5rem 1.85rem; margin: 2rem 0rem 0rem; color: #403F4D;}
.alert_msg_block{display: flex; justify-content: flex-start; align-items: center;}
.alert_msg_block img{margin-right:0.75rem; min-width: 3.5rem; max-width: 3.5rem; margin-top: -1rem;}
.alert_heading{font-size: 1.28rem; font-weight: 500; line-height: 150%;}
.alert_text{ font-size: 14px; font-weight: normal; line-height: 150%;}

.pamotion_alert.success {background-color: rgba(52, 195, 143, 0.08); }
.pamotion_alert.success span{color: #34C38F; font-weight: 600;}

.ltm_partener_link_wrapper{margin-bottom: 2.85rem; margin-top: 2.86rem;}
.ltm_partener_link_final{max-width: 50%; margin-left: 0%; font-size: 1rem;}
.ltm_partener_link_final .input-group-prepend {min-width: 3.36rem;}
.ltm_partener_link_final input.ltm_ib_link{font-size: 0.93rem;}

.latam_promo_wrapper .pramotion_left_block {
    background: linear-gradient(17.87deg, #021079 22.03%, #0723B3 98.67%);
    margin: 15px;
    border-radius: 12px;
}



@media(max-width: 991.98px){
    .latam_promo_wrapper .pramotion_left_block { max-width: 100%; width: 100%; flex: 0 0 100%;}
    .latam_promo_wrapper .pramotion_right_block { max-width: calc(100% - 20px); width: calc(100% - 20px); flex: 0 0 calc(100% - 20px); margin-left: 10px;}
    .ltmstep_icon{width: 100%; min-width: 100%;}
    .input-group-custom.ltm_partener_link {max-width: 92%; margin-left: 8%;}
    .ltm_partener_link_final{max-width: 100%;}
    .latam_promo_wrapper .pramotion_block{padding-top: 8px; padding-bottom: 15px;}

    .latam_promo_wrapper .pramotion_left_block {max-width: 98%; width: 98%; flex: 0 0 98%; margin: auto !important; margin-top: 15px !important; margin-bottom: 15px !important; }
    .latam_promo_wrapper .pramotion_left_block {max-width: 95%; width: 95%;}
}

@media(max-width: 575.98px){
    .ltmstep_icon{width: 100%; min-width: 100%;}
    .input-group-custom.ltm_partener_link {max-width: 90%; margin-left: 10%;}
    .circleltm{min-width: 1.5rem; min-height: 1.5rem;}
    .ltm_step.ltm_step_process .circleltm.process{display: flex; min-width: 20px; min-height: 20px;}
    .ltm_step.ltm_step_confirm .circleltm.confirm {display: flex; min-width: 20px; min-height: 20px;}

}

@media(max-width: 479.98px){
    .ltmcaption {font-size: 10px; font-weight: 500;}
    .ltmtitle{font-size: 1.14rem; font-weight: 500;}
    .ltmconfirmation_txt small{display: none !important;}
    label.form-check-label.tandc_lable.ltmtitle{font-size: 1.07rem !important;}
}

@media(max-width: 330.98px){
    label.form-check-label.tandc_lable.ltmtitle {font-size: 0.93rem !important;}
}

.cr_promo_sec_landing .cr_promo_howitwork {display: none !important;}

.webterminal .copy_trading_banner_view {
    width: 100%;
    height: 100%;
    position: relative;
}

.copy_trading_banner_view #webterminal {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: 1000px;
}

.webterminal {
    height: 1000px;
}
.webterminal .dashboard_data_left_sec {
    height: 100%;
}


@media(min-width: 991.98px){
    #side_menu_left {
        min-height: 1300px !important;
    }
}