@charset utf-8;
@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}
.loan_report{
	display: none;
}
.font_reduce{
	font-size: 14px !important;
	color: #09df30 !important;
	font-weight: lighter !important;
}
.low_b{
	color: red;
}
.dollar_c{
	color: #D4AF37 !important;
}
.preloader{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 20;
}.preloader img{
	margin-top: 20%;
}

/*signup page styling */
#report{
	text-align: center;
	font-size: 17px;
	text-transform: capitalize;
	/*border-bottom: 1px solid red;*/
}
.signup_body{
	background: url('../pic/bg-6.jpg');
	background-size: 100%;
	background-position: left;
	width: ;
}
.main_signup{
	display: flex;
	width: 100%;
	padding-top: 2%;
	padding-left: 5%;
	padding-right: 5%;
}
.signup_left_div{

}
.signup_form_div{
	display: ;
	width: 70%;
	/*justify-content: center;
	justify-items: center;*/
	align-items: center;
	background: /*#080B4D*/ #8d05a8;

}

.signup_form_img{
	display: flex;
	width: 70px;
	margin: auto;
	text-align: center;
}
.signup_form_h2{
	text-align: center;
	color: white;
	font-size: 25px;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bolder;
}
.signup_form{
	display: ;
	text-align: center;
}
.cance_magup{
	margin-top: 0 !important;
}
.signup_input{
	width: 90%;
	background: #080B4D;
	border: none;
	border-bottom: 1px solid white;
	margin-top: 2%;
	padding: 5px;
	color: white;
	outline-style: none;
}
.signup_input::placeholder{
	color: #CCC5C0 ;
	font-weight: lighter;
	font-size: 14px;
}
.signup_select{
	width: 90%;
	background: #080B4D;
	border: none;
	border-bottom: 1px solid white;
	margin-top: 3%;
	color: white;
}
.signup_select option{
	background: white;
	color: black;
}


.signup_submit{
	margin-top: 2%;
	text-align: center;
	width: 100%;
	background:/*#37A3FE*/ #cc8006;
	border: none;
	padding: 10px;
	text-transform: uppercase;
	font-weight: lighter;
	color: white;
}
.signup_form_text{
	display: flex;
	justify-content: space-evenly;
	margin-top: 1%;
}
.signup_form_text_h6{
	color: white;
	font-size: 14px;
	text-transform: capitalize;
}
.signup_form_text_h6_a{
	color: inherit;
	text-transform: inherit;
}


.signup_right_div{

}
.signup_right_div_img_div{

}
.signup_right_div_img{

}
/*signup page styling */



/*activate/verify page styling */
.activate_main{
	justify-content: space-between;
	padding-top: 5%;
}
.activate_div_left{
	width: 40%;
	margin-top: 8%;
}
.activate_div{
	width: 100%;
	padding-top: 5%;
}

.signup_form_h2_activate{
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin-top: 2%;
	text-transform: capitalize;
}
.activate_input{
	width:;
}

.activate_text{
	padding-top: 2%;
	padding-bottom: 2%;
}
/* end of activate/verify page styling */



/*user dashboard styling*/ 
.container{

}

.dashboard_main_div{
	display: flex;
	position: relative;
	background:  /*#080B3D*/ /*#080B4D */ #080B1D ;
	width: 100%;
}

/*left navbar styling*/
.dashboard_left_div{
	display: block ;
	position: ;
	width: 20%;
	height: ;
	background: #080B4D /*#09185E*/ /*#0A1155*/;
	border-color: blue;
	color:;
	text-align:;
	padding-top: 2em;

}
.dashboard_left_div_position{
	position: fixed;
	top: 0;
	display: block;
	width: 17%;
	height: 100vh;
	background: #080B4D;
	overflow: auto;
}
.dashboard_left_div_logo_div{
	text-align: center;
	margin-top: ;
	margin-bottom: 2em;
}
.dashboard_left_div_logo_div{
	max-width: 50px;
	margin: auto;
	text-align: center;
}


.dashboard_left_div_li{
	list-style: none;
	text-align: ;
	padding: 10px;
	border-top: 1px solid #37A3FE;

}
.dashboard_left_div_li:hover{
	background: #37A3FE;
}


.dashboard_left_div_li_a{
	color: white;
	margin-left: 5%;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	display: block;
	text-transform: capitalize;
	font-size: 16px;
}
.dashboard_left_div_li_a:hover{
	color: white;
	background: ;
}
 /*trading view div styling*/
 .trading_view_div{
 	display:;
 	width: 65%;
 	height: 60vh;
 	margin-top:-30% ;
 	padding:;
 }
/*trading view div styling*/

/* end of left navbar styling*/

.dashboard_right_div{
	width:100%;
	border-color: #37A3FE;
	background: /*#37A3FE*/ ;
	width:;
	box-shadow: -12px 0px 5px 0px #080B4D;
}

.container{
	
}

.main_c{
	width: 100%;
	justify-content: space-evenly;
	padding-top: 3%;
	padding-bottom: 20%;
	
}

/*top header styling */
.main_header{
	display: ;
	position:;
	top: ;
	width:100% ;
	margin-bottom: 5%;
}
.top_header{
	display:flex;
	position:fixed;
	justify-content: space-between;
	width:83% ;
	top:0 ;
	bottom:;
	left: ;
	right: 0;
	z-index: 4;
	background:/*#080B4D*/#080B4D;
	padding-left: 2%;
	padding-right: 2%;
}
.top_header_left_div{

}
.top_header_left_div h5{
	margin-top: 20%;
	color: white;
	text-transform: capitalize;
}
.top_header_right_div{

}
.toggle{
	display: none;
}
.toggle_icon{
	max-width: 50px;
	background-color: ;
	margin-top: 20%;
}
.flag_info{
	width: ;
	padding-right: ;
	text-align: center;
}
.flag_img{
	width: 35px;
	height: 40px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
	padding-top: 2%;
}
.flag_info h6{
	color: white;
	text-align: left;
}
/*end of top header styling */

/*@media screen country and name styling*/
.flag_info_media_screen{
	display: none;
}
/* end of @media screen country and name styling*/

/*div2 colm styling */
.div2{

    display: inline-block;
    margin: 10px;
	width: 20%;
	vertical-align: top;		
	background:/*#080B4D*/#080B4D ;
	border-radius: 20px 20px 20px 20px;
}
.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 30px;
}
.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 20px;
}
.div2_in{
	display:flex;
	width: 100%;
	margin: auto;
	text-align:;
}

.div2_img_2{
	width: 27% !important;
	padding-left: 3%;
}
.div2_img_1{
	width: 30%;
	padding-top: 3%;
	padding-bottom: 2%;
}
/* end of div2 colm styling */

/*right clm div styling */
#clm_right_div{	
	width:30%;
	height:;
	padding-bottom: ;
	border: red;
	margin-left: 10px;
	padding-bottom: 3%;
	background: webkit-linear-gradient(right, #080B4D #080B4D,#37A3FE 0%);
}

.clm_right_div_small_screen{
	visibility: ;
	display: none;
}

.clm_right_div_top{
	display: flex;
	justify-content: space-between;
	padding-top: 6%;
	padding-left: 5%;
	padding-right: 6%;
}


.clm_right_div_top_right{
	margin-top: -2%;
}

.clm_right_div_top_left{
	
}
.clm_right_div_h6{
	color: white;
	padding-left: 5%;
	padding-top: 5%;
	text-transform: capitalize;
	font-weight: ;
	font-size: 18px;
}

.clm_right_div_top_right_img{
	max-width: 30px;

}

.clm_right_div_top_right_img_1{
	max-width: 50px;
}

.account_div_h5{
	color:/*#37A1FE*/ white ;
	font-weight: bolder;
	padding-left: 5%;
	padding-top: 5%;
}

.deposit_toggle{
	display: none;
}
.withdraw_toggle{
display: none;
}

.invest_toggle{
	display: none;
}
.loan_toggle{
	display: none;
}
.investmet_h4{
	color: #3FBF7F;
	font-size: 20px;
	font-weight: bolder;
	font-family: arial;
	text-transform: capitalize;
}
.investmet_h4_span{
	color: #E81660;
}
/*investment history styling*/
.invest_h_toggle{
	display: none;
}
.invest_div{
	
	position: fixed;
	top: 5%;
	bottom: 0;
	left: 5%;
	right: ;
	width:90%;
	margin: ;
	text-align: center;
	background: white;
	overflow-x: auto;
	z-index: 5;
}
caption{
	width: 100%;
	caption-side: top;
	text-align: center;
	text-transform: uppercase;
	color: #f6f5fa;
	font-family: arial;
	background: linear-gradient(to left, #435b75 0%, #080B4D 99%);
}
thead{
	background: linear-gradient(to right, #435b75 10%, #080B4D 100%);
	color: #f6f5fa;
}
.invest_h_btn{
	background: linear-gradient(to right, #435b75 10%, #080B4D 100%);
	color: #f6f5fa;
	font-family: arial;
}
/* end of investment history styling*/


/*deposit/withdrawal div styling */
.main_payment_div{
    margin: auto;
	position: fixed;
	background: url("../pic/bg.jpg");
	width: 70%;
	left: 0;
	right: 0;
	top:25%;
	bottom: ;
	 background-color:white;
	 box-shadow: /*11px 11px 5px 3px*/ -3px 3px 46px 0px black;;
}
.payment_div_top{
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
	width: 50%;
	margin: auto;
}
.payment_div_top_h4{
	text-align: center;
	color: white;
	text-transform: capitalize;
}
.payment_form{
	text-align: center;
	margin: auto;
}
.payment_form_input{
	width: 100%;
	padding: 5px;
	margin-top: 3%;
	border: none;
	border-bottom: 1px solid white;
	color: white;
	background:inherit; /*#080B4D*/;

	outline: none;
}
.payment_form_input::placeholder{
	color: #CCC5C0 ;
	font-weight: lighter;
	font-size: 14px;
}
.payment_form_select{
	width: 100%;
	padding: 5px;
	border: none;
	border-bottom: 1px solid white;
	background: inherit;
	color: white;
	margin-top: 3%;
	text-transform: capitalize;
	outline:none;
}
.payment_form_select option{
	color: black;
}
.payment_form_btn{
	width: 90%;
	margin-top: 5%;
	padding: 10px;
	font-weight: bolder;
	font-size: 18px;
	border: ;
	border-color: #37A3FE;
	color: white;
	text-transform: capitalize;
	margin-bottom: ;
    background:/*#37A3FE*/ linear-gradient(to left, #37A3FE 0%, #080B4D 99%);
    border-radius: 9px;
}
/* end of deposit/withdrawal div styling */

/*deposit history styling */
.deposit_h_toggle{
	display: none;
}
/* end of deposit history styling */

/*refferal history styling*/
.refferal_h_toggle{
	display: none;
}
/* end of refferal history styling*/

/*loan history styling*/
.loan_h_toggle{
	display: none;
}
/* end of loan history styling*/

/*withdrawal history styling*/
.withdraw_h_toggle{
	display: none;
}
/* end of withdrawal history styling*/
.loading_1{
	width: 30px;
	display: none;
}
#withdraw_msg{
	display: none;
	color: #E81660;
	font-weight: bolder;
	font-family: arial;
}
/*payment detail div styling*/
.payment_method{
	display: none;
	margin: auto;
	position: fixed; 
	background: url('../pic/bg.jpg');
	color: white;
	width: 70%;
	left: 0;
	right: 0;
	top:20%;
	bottom: ;
	background-color:white;
	box-shadow: /*11px 11px 5px 3px*/ -3px 3px 46px 0px black;
}
.payment_method_top{
	background:rgba(255,255,255, 0.3);
	height: ;
	padding-top: 5%;
}
.payment_method_middle{
	width: 90%;
	margin: auto;
	background:rgba(255,255,255, 0.7);
	
}
.payment_method_h4{
	text-align: center;
	color:  /*#37A3FE*/ #1CB4E2;
	background: white;
	font-weight: bolder;
	padding-top: 3%;
}
.payment_method_clm{
	display: grid;
	grid-template-columns: auto auto;
	color: black;

}
.grid_border_right{
	border-right: 1px solid black;
}
.payment_method_grid_1{
	background: white;
	margin-top: 0;
	color:black;
	font-weight: bolder;
	padding-left: 2%;
}
.payment_method_grid_2{
	color: black;
	font-weight: bolder;
	padding-left: ;
	padding: 5px ;
}
.payment_method_grid_3{
	background: white;
	padding-left: ;
	padding: 20px 20px;
	padding-left: 2% ;
	font-weight: bolder;
}
.payment_method_grid_4{
	font-weight: bolder;
	padding-left: 2% ;
}
#copyText{
	width: 100%;
	outline: none;
	border: none;
}
#copy_btn{
	border-color: rgba(255,255,255, 0.7);
	color: black;
	font-weight: bolder;
	margin-top: 2%;
}
#copy_btn:hover{
	background: gray;
}
#done_btn{
	display: flex;
	width: 20%;
	margin:auto;
	justify-content: center;
	text-align: center;
	background: url("../pic/bg.jpg");
	color: white;
	text-transform: capitalize;
	font-weight: bolder;
	padding: 10px;
}
/* end of payment detail div styling*/

.deposit_withdraw{
	text-align: center;
}
.deposit_withdraw_input{
	text-align:center ;
	margin: auto;
	width: 90%;
	border: none;
	outline: none;
	background: inherit;
	border-bottom: 1px solid white;
	color: white;
	margin-bottom: 0px;
}
.deposit_withdraw_input::placeholder{
	color: #CCC5C0 ;
	font-weight: lighter;
	font-size: 14px;
}
.clm_right_div_button_div{
	margin-top: 5%;
	padding-left: 5%;
	text-align: left;
}
.deposit_btn{
	padding: 5px;
	border: ;
	border-color: white;
	border-radius: 10px 10px 10px 10px;
	width: 40%;
	text-transform: capitalize;
    /*background:linear-gradient(to right, rgba(29,106,255,1) 0%,#37A3FE 99%)*/;
    background: linear-gradient(to left, #37A3FE 0%, #080B4D 99%);
    color:#f5f6fa;
    font-weight: bolder;
    
    margin-right: 2%;
}
.deposit_icon{
	max-width: 30px;
	border: 0px;
	background: ;
}

.recent_div{
	padding-left: 5%;
	margin-top: 10%;
}

.recent_div_h5{
	color: white;
	font-family: arial;
	text-transform: capitalize;
}

.recent_div_clm{
	margin-top: 5%;
	width: 95%;
	display: flex;
	justify-content: space-between;
	color: white;
	/*border: 1px solid #444;
*/	border-radius: 10px 10px 10px 10px;
	text-align: center;
	background: #080B3D;
	padding-right: 4%;
}

.recent_div_clm_img_div{
	display: inline-flex;
	width: ;
}

.recent_div_clm_img{
	margin-top: ;
	max-width: 40px;
}

.recent_div_clm_p{
	width: 100%;
	margin-top: 10%;
	text-transform: capitalize;
	margin-left: 2px;
}


.recent_div_clm_txt_div{
	display: inline-block;
	font-family: arial;
}
.recent_div_clm_txt_div_h4{
	font-size: 15px;
	margin-top: 15%;
}
.recent_div_clm_txt_div_p{
	text-align: right;
	margin-top: -55%;
	font-size: 11px;
	font-weight: lighter;
}

 
 /*activities styling*/
 .activities_main_div{
 	width: 100%;
 	justify-content: space-evenly;
 	padding-top: 2%;
 }

 .activities_cml{
 	display: inline-block;
 	width: 30%;
 	background: #080B4D;
 	height: ;
 	margin: 10px;
 	vertical-align:;
 	border-radius: 20px 20px 20px 20px;
 }

 /*activity first div styling */
.activities_cml_1{
	display: flex;
	justify-content: space-between;
	padding-top: 5%;
 	padding-left: 6%;
 	padding-right: 6%;
}
.activities_cml_1_h6{
	color: white;
	text-transform: capitalize;
	font-family: arial;
}
.activities_cml_1_h5{

}
.activities_cml_1_h5_span_1{
	color: white;
	background: #080B3D;
	padding: 5px;
	font-weight: bold;
	border-radius: 17px 17px 17px 17px;
}
.activities_cml_1_h5_span_2{
	background: #080B3D;
	padding: 5px;
	font-weight: bold;
	border-radius: 17px 17px 17px 17px;
}
.activities_cml_1_h5_span_3{
	background: #080B3D;
	padding: 5px;
	font-weight: bold;
	border-radius: 17px 17px 17px 17px;
}

.activities_cml_2{
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding-top: 3%;
 	padding-left: 6%;
 	padding-right: 6%;
}
.activities_cml_2_left_div{
	width:;
	display: inline-flex;
	justify-content: space-evenly;
}
.activities_cml_2_left_div_img_div{
	width: ;
	padding: ;
	background:;
	margin-right: 14px;
}
.activities_cml_2_left_div_img{
	max-width: 35px;
	padding: ;
 	background:#080B3D;
}
.activities_cml_2_left_div_img_p_div{
	margin-top: -3%;
	width: ;
	font-family: arial;
	background: ;
}
.activities_cml_2_left_div_img_p{
	text-transform: capitalize;
	color:#d2e4f5;
	font-size: 15px;
	padding-left:;
}
.activities_cml_2_left_div_img_pp{
	margin-left: ;
	width: ;
	color: #d2e4f5;
	font-size: 12px;
	margin-top: -30%;
}


.activities_cml_2_right_div{

}
.activities_cml_2_right_div_p{
	color:#c80d34 ;
	font-size: 14px;
}
.deposit{
	color: #09df30;
}
 /* end of activity first div styling */

/*exchange container styling*/
 .activities_cml_right_div{
 	margin-top: -5%;
 	margin-left: 3%;
 	height: ;
 	vertical-align: top;
 }
 /* end of exchange container styling*/

 .activities_cml_right_div_1{
 	display: flex;
 	justify-content: space-between;
 	padding-top: 7%;
 	padding-right: 6%;
 	padding-left: 6%;
 }
 .activities_cml_right_div_1_h5{
 	color: white;
 	text-transform: capitalize;
 	font-family: arial;
 }
 .activities_cml_right_div_1_img{
 	max-width: 20px;
 }

 .activities_cml_right_div_2{
 	padding-top: 7%;
 	padding-right: 6%;
 	padding-left: 6%
 }
 .activities_cml_right_div_2_h6{
 	text-transform: capitalize;
 	font-family: arial;
 	color: #ccd1d7;
 }

 .activities_cml_right_div_2_select_div{
 	display: flex;
 	justify-content: space-between;
 	border-radius: 20px 20px 20px 20px;
 	background: #080B3D;
 	padding-right: 2%;
 	padding-left: 2%
 }
 .activities_cml_right_div_2_p{
 	margin-top: 4%;
 	color: white;
 }
 .activities_cml_right_div_2_select{
 	background: #080B3D;
 	color: white;
 	border: none;

 	
 }
 .activities_cml_right_div_2_option{
 	
 }

 .activities_cml_right_div_btn_div{
 	margin-top: 4%;
 	margin-bottom: 4%;
 	text-align: center;
 }
 .activities_cml_right_div_btn{
 	width: 80%;
 	margin: auto;
 	padding: 10px;
 	border: none;
 	border-radius: 17px 17px 17px 17px;
 	background: #37A3FE;
 	color: white;
 	text-transform: uppercase;
 	font-size: 20px;
 	font-style: italic;
 }

 /* end of activities styling*/

/* end of user dashboard styling*/


/*loan div styling starts here*/
.loan_h4_span{
	color: #ed9609;
	font-size: 14px;
}
/*loan div styling ends here*/


/*this is where the admin styling starts*/

/*admin page styling starts here*/
.admain_top{
	display: none;
	position: fixed;
	top: 0;
	z-index: 6;
	bottom: ;
	width: 100%;
	text-align: right;
	background:  linear-gradient(to left, #435b75 0%, rgba(37,184,213,9) 99%);
}
.admin_menu{
	text-align: right;
	right: ;
	max-width: 50px;
}
.admin_cancel{
	display: none;
	text-align: right;
	max-width: 50px;
}
/*admin login styling */
.main_log{

}
.form_div{
	display: block;
	width: 60%;
	margin: auto;
	text-align: center;
	box-shadow: -3px 3px 46px 0px black;
	margin-top: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 10px;
}
.form_div_h2{
	text-transform: capitalize;
}
.admin_form{

}
.admin_form_input{
	width: 60%;
	text-align: center;
	padding: 10px;
	margin-top: 2%;
}
#admin_login_btn{
	margin-top: 2%;
	padding: 10px;
	width: 45%;
	border-radius: 15px;
	border-color: white;
	font-size:20px ;
	text-transform: capitalize;
	background:  linear-gradient(to left, #435b75 0%, rgba(37,184,213,9) 99%);
	color: white;
}
#admin_login_btn:hover{
	background: linear-gradient(to right, #435b75 0%, rgba(37,184,213,9) 99%);
	transition: 1.5s;
	width: 44%;
}
.gif_span{
	display: none;
}
/*end of admin login styling*/

.main_admin{
	display: flex;
	width: 100%;
}

.main_left{
	width:25% ;
	background: /*#362c70*/ linear-gradient(to right, #435b75 0%, rgba(37,184,213,9) 99%);;
}
.left_top{
	background: /*#362c70*/ linear-gradient(to right, #435b75 0%, rgba(37,184,213,9) 99%);;
	position: fixed;
	width: 20%;
	height: 100vh;
	padding-top: 10%;
	box-shadow: /*11px 11px 5px 3px*/ -3px 3px 46px 0px #4444; ;
}
.left_top_li{
	list-style: none;
	padding: 10px;
	margin-top: 2%;
	text-transform: capitalize;
	font-size: 18px;
	color: #f5f0f0;
	text-align: left;
	font-weight: bolder;
	padding-left: 10%;
	font-family: arial;
	cursor: pointer;
	background: linear-gradient(to left, #435b75 0%, rgba(37,184,213,9) 99%);;
}


.main_right{
	background: /*#362c70*/ linear-gradient(to right, #435b75 0%, rgba(37,184,213,9) 99%);
	width: 100%;
	margin-top: ;
}
.caption{
	caption-side: top;
}
.stripeding{
	color: white;
}
.reg_button{
	background:linear-gradient(to right, #435b75 0%, rgba(37,184,213,9) 99%) ;
	color: white;
	border-color: white;
	cursor: pointer;
}
/*admin page styling ends here*/



/*admin topup page styling*/
.main_topup{

}
.topup_h3{
	text-align: center;
	font-family: arial;
	color: white;
}
.hidden{
	display: none;
}
#topup_msg{
	text-align: center;
	font-size: 17px;
	font-family: arial;
}

.topup_div{
	display: block;
	width: 50%;
	margin: auto;
	margin-top: 15%;
	margin-bottom: 20%;
	padding-top: 3%;
	padding-bottom: 3%;
	box-shadow:-3px 3px 46px 0px #e8dad3;
	border-radius: 8px;
}

.topup_form{
	text-align: center;
}
.topup_input{
	width: 70%;
	padding: 10px;
	margin-top: 2%;
	border: none;
	outline: none;
	border-radius: 10px;
}
.topup_button{
	width: 50%;
	margin-top: 2%;
	padding: 5px;
	background: linear-gradient(to left, #435b75 0%, rgba(37,184,213,9) 99%);
	cursor: pointer;
	border-color: #e8dad3;
	color: #e8dad3;
}
/* end of admin topup page styling*/

/*update wallet page styling start here*/
.mainWalletDiv{
	width: 80% ;
}
.updateWalletDiv{
	display: ;
	justify-content:  ;
	width: 100%;
	margin: ;
}

.walletFlexDiv{
	display: flex;
}

.WalletInput{
	width: 80%;
	margin-top: 2%;
	padding: 10px;
	border-radius: 10px;
}

/*update wallet page styling ends here*/


/*this is where the admin styling ends */


/*plan price page styling starts here*/
.main_plan{
	background: red;
	width: 100%;
	padding: 10%;
}

/*plan price page styling ends here*/





/*--- NOTICE THIS IS WHERE RESPONSIVE STYLING STARTS ---*/


 /*responsive screen / @media screen 1237*/
 @media only screen and (max-width: 1237px){

 	.clm_right_div_button_div{
 		margin-top: ;
	    padding-left: 5%;
 		width: 100%;
 	}
 	.deposit_btn{
	padding: 5px;
	width: 40%;
    margin-right: 2%;
}
 	.deposit_icon{
	max-width: 20px;
	border: 0px;
}


 /*trading view div styling*/
 .trading_view_div{
 	display:;
 	width: 65%;
 	height: 60vh;
 	margin-top:-30%;
 	padding:;
 }
/*trading view div styling*/


/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -13%;
 	margin-left: 3%;
 	height: ;
 	vertical-align: top;
 }
 /* end of exchange container styling*/


 }
 /* end of responsive screen / @media screen 1237*/


/*responsive screen / @media screen 1230*/
@media only screen and (max-width: 1230px){
/* div2 colm styling */
	.div2{
    margin-left: 2px;
	width: 21%;
}
/* end of div2 colm styling */

/*right clm div styling */
#clm_right_div{	
	width:30%;
	height:;
	padding-bottom: ;
	border: red;
	margin-left: ;
	padding-bottom: 3%;
	background: webkit-linear-gradient(right, #080B4D #080B4D,#37A3FE 0%);
}




}
/* end of responsive screen / @media screen 1230*/
 

 /*responsive screen / @media screen 1199*/
@media only screen and (max-width: 1199px){
/*div2 colm styling */
	.div2{
    margin-left: 0px;
	width: 20%;
}

.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 28px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 17px;
}
/* end of div2 colm styling */

/*right clm div styling */
#clm_right_div{	
	width:32%;
	padding-bottom: ;
	margin-left:23px ;
	padding-left:;
	padding-bottom: 3%;
}
/* end of right clm div styling */


/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -16%;
 	margin-left: 13px;
 	width: 32%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/

}
/* end of responsive screen / @media screen 1199*/



 /*responsive screen / @media screen 1148*/
@media only screen and (max-width: 1148px){
/*div2 colm styling */
	.div2{
    margin-left: 0px;
	width: 20%;
}


.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 28px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 15px;
}
/* end of div2 colm styling */


/*right clm div styling */
#clm_right_div{	
	width:32%;
	padding-bottom: ;
	margin-left:20px ;
	padding-left:;
	padding-bottom: 3%;
}


/* end of right clm div styling */


.trading_view_div_1{
	margin-top: -36%;
}

/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -12%;
 	margin-left: 13px;
 	width: 32%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/


}
/* end of responsive screen / @media screen 1148*/




 /*responsive screen / @media screen 1103*/
@media only screen and (max-width: 1103px){
	/*div2 colm styling */
	.div2{

    display: inline-block;
    margin-left: 0px;
	width: 20%;
}

.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 20px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 14px;
}
/* end of div2 colm styling */

/*right clm div styling */
#clm_right_div{	
	width:32%;
	padding-bottom: ;
	margin-left:15px ;
	padding-left:;
	padding-bottom: 3%;
}

/* end of right clm div styling */


}
/* end of responsive screen / @media screen 1103*/



 /*responsive screen / @media screen 1090*/
@media only screen and (max-width: 1090px){

	.trading_view_div_1{
	margin-top: -38%;
}

/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -12%;
 	margin-left: 8px;
 	width: 32%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/

 .deposit_btn{
	padding: 5px;
	width: 40%;
    margin-right: 2%;
    font-size: 15px;
}
 	.deposit_icon{
	max-width: 20px;
	border: 0px;
}



}
 /* end of responsive screen / @media screen 1090*/


 
 /* responsive screen / @media screen 1028*/
 @media only screen and (max-width: 1028px){
 	/*right clm div styling */
#clm_right_div{	
	width:32%;
	padding-bottom: ;
	margin-left:9px ;
	padding-left:;
	padding-bottom: 3%;
}
.deposit_btn{
	padding: 5px;
	width: 40%;
    margin-right: 2%;
    font-size: 13px;
}
 	.deposit_icon{
	max-width: 18px;
	border: 0px;
}
/* end of right clm div styling */


	.trading_view_div_1{
	margin-top: -40%;
}

/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -13%;
 	margin-left: 5px;
 	width: 32%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/



 }
  /* end of responsive screen / @media screen 1028*/


 

   /* responsive screen / @media screen  991*/
   @media only screen and (max-width: 991px){

   	/*signup page styling */
.main_signup{
	padding-top: 10%;
}
.signup_form_div{
	width: 90%;

}
/* end of signup page styling */

   	/*left navbar styling*/
.dashboard_left_div{
	display: block ;
	position: ;
	width: 25%;
	height: ;
	padding-top: 5em;
}
/* end of left navbar styling*/

/*div2 colm styling */ 
.div2{

    display: inline-block;
    margin-left: 0px;
	width: 20%;
}

.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 18px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 13px;
}

/* end of div2 colm styling */

   	/*right clm div styling */
#clm_right_div{	
	width:31%;
	margin-left:;
	padding-left:;
	padding-bottom: 3%;
}
.deposit_btn{
	padding: 5px;
	width: 40%;
    margin-right: 2%;
    font-size: 13px;
}
 	.deposit_icon{
	max-width: 18px;
	border: 0px;
}
/* end of right clm div styling */


.trading_view_div_1{
	margin-top: -45%;
}

/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -12%;
 	margin-left: 5px;
 	width: 31%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/



   }

   /* end of responsive screen / @media screen  991*/



 /* responsive screen / @media screen  976*/
   @media only screen and (max-width: 976px){
   	.deposit_btn{
	padding: 5px;
	width: 40%;
    margin-right: 2%;
    font-size: 12px;
}
 	.deposit_icon{
	max-width: 18px;
	border: 0px;
}




   }

 /* end of responsive screen / @media screen  976*/



 /* responsive screen / @media screen  928*/
   @media only screen and (max-width: 928px){

 /*left navbar styling*/
.dashboard_left_div{
	display: block ;
	position: ;
	width: 27%;
	padding-top: 5em;
}
/* end of left navbar styling*/

/*div2 colm styling */ 
.div2{
    margin-left: 0px;
	width: 20%;
}

.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 16px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 13px;
}

/* end of div2 colm styling */


	/*right clm div styling */
#clm_right_div{	
	width:31%;
	margin-left:;
	padding-left:;
	padding-bottom: 3%;
}

.clm_right_div_top_right_img{
	max-width: 26px;

}

.clm_right_div_top_right_img_1{
	max-width: 40px;
}


.deposit_btn{
	padding: 5px;
	width: 45%;
    margin-right: 2%;
    font-size: 12px;
}
 	.deposit_icon{
	max-width: 18px;
	border: 0px;
}

.recent_div_clm_img{
	margin-top: ;
	max-width: 35px;
}
.recent_div_clm_img_2{
	max-width: 25px;
}
.recent_div_clm_p{
	width: 100%;
	margin-top: 17%;
	text-transform: capitalize;
	margin-left: 2px;
	font-size: 14px;
}
/* end of right clm div styling */


.trading_view_div_1{
	margin-top: -45%;
}

/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: -17%;
 	margin-left: 0px;
 	width: 31%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/


   }

 /* end of responsive screen / @media screen  928*/


 
 /* responsive screen / @media screen  885*/
   @media only screen and (max-width: 885px){

   		/*signup page styling */
.main_signup{
	padding-top: 13%;
}
.signup_form_div{
	width: 95%;

}

.signup_right_div{
	width: ;
}
.signup_right_div_img_div{
	width: ;
}
.signup_right_div_img{
	width: 400px;
}
/* end of signup page styling */

   	/*div2 colm styling */ 
.div2{
    margin-left: 0px;
	width: 20%;
}

.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 15px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 12px;
}

/* end of div2 colm styling */

/*right clm div styling */
#clm_right_div{	
	width:32%;
	margin-left:0px;
	padding-left:;
	padding-bottom: 3%;
}

/* end of right clm div styling */


/*trading view div styling*/
.trading_view_div_1{
	margin-top: -45%;
}
 .trading_view_div{
 	width: 65%;
 	height: 40vh;
 	margin-top:0px ;
 }
/*trading view div styling*/

   	/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: 0%;
 	margin-left: 0px;
 	width: 31%;
 	vertical-align: top;
 }
 /* end of exchange container styling*/


   }
 /* end of responsive screen / @media screen  885*/


 
  /* responsive screen / @media screen  849*/
   @media only screen and (max-width: 849px){

   		/*signup page styling */
.main_signup{
	padding-top: 13%;
}
.signup_form_div{
	width: 95%;

}

.signup_right_div{
	width: ;
}
.signup_right_div_img_div{
	padding-top: 15%;
}
.signup_right_div_img{
	width: 365px;
}
/* end of signup page styling */

   	/*left navbar styling*/
.dashboard_left_div{
	/*display: block ;
	position: ;
	width: 27%;*/
}

.dashboard_left_div_li_a{
	margin-left: 5%;
	display: block;
	font-size: 14px;
}
/* end of left navbar styling*/

   		/*div2 colm styling */ 
.div2{
    margin-left: 0px;
	width: 20%;
}

.col_h5{
	margin-top: 2%;
	color: white;
	font-size: 15px;
}

.col_h6{
	color: white;
	padding-top: 5%;
	text-transform: capitalize;
	text-align: center;
	font-weight: lighter;
	font-size: 11px;
}

/* end of div2 colm styling */


/*right clm div styling */
#clm_right_div{	
	width:31%;
	margin-left:0px;
	padding-left:;
	padding-bottom: 3%;
}

.clm_right_div_h6{
	font-size: 15px;
}
.clm_right_div_top_right_img_1{
	max-width: 35px;
}

.account_div_h5{
	font-size: 17px;
}

.clm_right_div_button_div{
	width: 100%;
}
.deposit_btn{
	width: 47%;
    margin-right: 0%;
    font-size: 11px;
}
.deposit_icon{
	max-width: 15px;
	border: 0px;
}

.recent_div_h5{
	font-size: 15px;
}
/* end of right clm div styling */


/*trading view div styling*/
.trading_view_div_1{
	margin-top: -52%;
}
 .trading_view_div{
 	width: 65%;
 	height: 40vh;
 	margin-top:0px ;
 }
/*trading view div styling*/

/* exchange container styling*/
.activities_cml_right_div{
 	margin-top: 5%;
 	margin-left: 0px;
 	width: 30%;
 	vertical-align: top;
 }

 .activities_cml_right_div_1_h5{
 	font-size: 15px;
 }

 .activities_cml_right_div_btn{
 	width: 80%;
 	margin: auto;
 	padding: 10px;
 	border: none;
 	font-size: 15px;
 	font-style: italic;
 }
 /* end of exchange container styling*/

/*activity first div styling */
.activities_cml_1_h6{
	font-size: 15px;
}
.activities_cml_1_h5{
	font-size: 15px;
}

.activities_cml_2_left_div_img_div{
	margin-right: 8px;
}
.activities_cml_2_left_div_img{
	max-width: 30px;
}

.activities_cml_2_left_div_img_p{
	font-size: 13px;
}
.activities_cml_2_left_div_img_pp{
	font-size: 10px;
	margin-top: -30%;
}
/* end of activity first div styling */


  }
  /* end of responsive screen / @media screen  849*/
 


 /* responsive screen / @media screen  763*/
   @media only screen and (max-width: 763px){

   	/*signup page styling */
.main_signup{
	padding-top: 13%;
}
.signup_form_div{
	width: 100%;
	padding-top: 10%;
	box-shadow: 11px 11px 5px 3px rgba(8,11,77,0.75);;

}
.signup_left_div{
	position: relative;
	top: 20%;
	width: 60%;
	z-index: 5;
	padding-top: 4%;
}

.signup_right_div{
	position: absolute;
	width: 30%;
	z-index: -1;
}
.signup_right_div_img_div{
	padding-top: 15%;
}
.signup_right_div_img{
	width: 665px;
}
/* end of signup page styling */

   	/*left navbar styling*/
.dashboard_left_div{
	width: 45%;
	
}
.dashboard_left_div_position{
	position: fixed;
	display: block;
	width: 30%;
}
.dashboard_left_div_li{
	width: 100%;
}

   	/*main c div styling*/
   	.main_c{
	width: 100%;
	display: block;
	justify-content: ;
	padding-top: 0;
  }
/*main c div styling*/

.first_section_div{
	width: 85%;
	margin: auto;
}

/*div2 colm styling */
.div2{
  display: block;
  margin-top:0px ;
  margin: ;
	width:95%;
	vertical-align: middle;
	border-radius: 20px 20px 20px 20px;
	text-align:;
}

.col_h5{
	margin-top: 2%;
	font-size: 20px;
}

.col_h6{
	padding-top: 5%;
	font-size: 18px ;
}

.div2_img_1{
	width: 20%;
	padding-top: ;
	padding-bottom: ;
}

.div2_img_2{
	width: 20% !important;
	padding-left: 3%;
}

/* end of div2 colm styling */


/*trading view div styling*/
.trading_view_div_1{
	margin-top: 0;
}
 .trading_view_div{
 	width: 100%;
 	height: 40vh;
 	margin-top:0px ;
 }
/*trading view div styling*/


/*right clm div styling */
#clm_right_div{	
	display: none;
	width:40%;
	padding-bottom: ;
	margin-left:23px ;
	padding-left:;
	padding-bottom: 3%;
}
.clm_right_div_small_screen{
	display: block ;
	width: 100%;
}

.clm_right_div_h6{
	text-align: ;
	font-size: 18px;
}

.clm_right_div_top_right_img{
	max-width: 30px;

}

.clm_right_div_top_right_img_1{
	max-width: 50px;
}

.account_div_h5{
	font-size: 20px;
}

.clm_right_div_button_div{
	margin-top: 10%;
	padding-left: 5%;
}

.deposit_btn{
	padding: 5px;
	border-radius: 10px 10px 10px 10px;
	width: 40%;
	text-transform: capitalize;
  font-weight: bolder;
  margin-right: 2%;
  font-size: 17px;
}
.deposit_icon{
	max-width: 20px;
	border: 0px;
	background: ;
}

.recent_div{
	padding-left: 5%;
	margin-top: 10%;
}

/* end of right clm div styling */


.activities_cml{
 	display: block;
 	width: 90%;
 	background: #080B4D;
 	height: ;
 	margin: 10px;
 	vertical-align:;
 	border-radius: 20px 20px 20px 20px;
 }

 /* exchange container styling*/
.activities_cml_right_div{
 	margin-top: 5%;
 	margin-left: ;
 	width: 90%;
 	vertical-align: top;
 	padding-bottom: 3%;
 }
 /* end of exchange container styling*/

/*withdraw/deposit styling*/
.main_payment_div{
	width: 90%;
}
.payment_div_top{
	width: 80%;	
}
.payment_div_top_h4{

}

/* end ofwithdraw/deposit styling*/
   



  }

 /* end of  responsive screen / @media screen  763*/


 /* responsive screen / @media screen  640*/
   @media only screen and (max-width: 640px){
   	 /*google translatore media screen starts here */
   	/*   .translator_main_div{
         position: relative !important;
    display: block; !important;
    padding: 0;
    background: ;
    z-index: 999999999;
}
#google_translate_element{
   position: absolute !important;
   left: 0;
   right: 0;
   top: 0 !important;
   bottom: 0;
   display: ;
   z-index:;
   margin-bottom: 10%;
}*/
/*google translatore media screen ends here*/ 

   	/*signup page styling */
.main_signup{
	padding-top: 13%;
}
.signup_form_div{
	width: 100%;
	padding-top: 10%;
	box-shadow: 11px 11px 5px 3px rgba(8,11,77,0.75);;

}
.signup_left_div{
	position: relative;
	top: 20%;
	width: 70%;
	z-index: 5;
	padding-top: 4%;
}

.signup_right_div{
	position: absolute;
	width: 30%;
	z-index: -1;
}
.signup_right_div_img_div{
	padding-top: 15%;
}
.signup_right_div_img{
	width: 550px;
}
/* end of signup page styling */

   	/*left navbar styling*/
.dashboard_left_div{
	display: none ;
	position:fixed ;
	width: 70%;
	height: 100vh;
	background: #080B4D /*#09185E*/ /*#0A1155*/;
	border-color: blue;
	color:;
	text-align:;
	padding-top: 5em;
	z-index: 7;
}
.dashboard_left_div_position{
	position: fixed;
	display: block;
	width: 70%;
}
/* end of left navbar styling*/

/*top header styling */
.main_header{
	margin-bottom: 5%;
}
.top_header{
	display:inline-flex;
	position:fixed;
	justify-content: space-between;
	width:100% !important;
	top:0 ;
	bottom:;
	left: ;
	right: 0;
	z-index: 4;
	background:/*#080B4D*/#080B4D;
	padding-left: 2%;
	padding-right: 3%;
}

.top_header_left_div{
	width: ;
}
.top_header_left_div h5{
	margin-top: 20%;
	color: white;
}
.top_header_right_div{
	width: ;
}

.toggle{
	display: block;
	position: absolute;
	right: 2%;
}
.toggle_icon{
	max-width: 50px;
	background-color: ;
	margin-top: 10%;
}
.flag_info{
	display: none;
	padding-right: ;
	text-align: center;
}
.flag_img{
	display: block;
	width: 100px;
	height: 110px;
	border-radius: 200px 200px 200px 200px;
	margin: auto;
	text-align: center;
	background: ;
}
.flag_info h6{
	color: white;
	text-align: center;
	font-weight: bolder;
	text-transform: capitalize;
	font-size: 20px;
	font-family: arial;
	margin-top: 10px;
}
.h5_span{
	font-size: 17px;
	font-weight: lighter;
	text-transform: capitalize;
	line-height: 25px;
	font-style: italic;
}
/*end of top header styling */

/*@media screen country and name styling*/
.flag_info_media_screen{
	display: block;
	margin-bottom: 5%;
}
.media_screen_info{
	display: block;
}
/* end of @media screen country and name styling*/



/*admin responsive styling starts here*/
.form_div{
	display: block;
	width: 85%;
	margin: auto;
	margin-top: 5%;
}

.admin_form_input{
	width: 85%;
}

.main_admin{
	display: ;
	width: 100%;
}

.admain_top{
	display:block;
}
.admin_cancel{
	position: absolute;
	display: flex;
	top:0;
	left: ;
	right: 0;
	bottom: ;
	margin-top: ;
	text-align: ;
	z-index:99999999;
}

.main_left{
	display: none;
	position: fixed;
	width:60% ;
	z-index: 999999999;
}

.left_top{
	position: fixed;
	width: 60%;
	padding-top: 10%;
	
}


/*admin topup page styling*/
.topup_div{
	width: 100%;
	
}
/*admin topup page styling ends here*/

.mainWalletDiv{
	width: 100% ;
}
.updateWalletDiv{
	display: ;
	justify-content:  ;
	width: 100%;
	margin: ;
}

.walletFlexDiv{
	display: flex;
}

.WalletInput{
	width: 95%;
	margin-top: 2%;
	padding: 10px;
	border-radius: 10px;
}

/*update wallet page styling ends here*/

/*admin responsive styling ends here*/

   }

 /* end of responsive screen / @media screen  640*/

 

  /* responsive screen / @media screen  577*/
   @media only screen and (max-width: 577px){

   	/*admin responsive styling starts here*/
   	.form_div{
	display: block;
	width: 100%;
	margin: auto;
	margin-top: 10%;
}

.admin_form_input{
	width: 85%;
}

.main_left{
	display: none;
	position: fixed;
	width:70% ;
	z-index: 999999999;
}

.left_top{
	position: fixed;
	width: 70%;
	padding-top: 10%;
	
}

/*admin topup page styling*/
.topup_div{
	width: 95%;
	
}
.topup_input{
	width: 90%;
}
/*admin topup page styling ends here*/


/*admin responsive styling ends here*/
   		/*signup page styling */
.main_signup{
	padding-top: 13%;
}
.signup_form_div{
	width: 100%;
	padding-top: 10%;
	box-shadow: 11px 11px 5px 3px rgba(8,11,77,0.75);;

}
.signup_left_div{
	position: relative;
	top: 20%;
	width: 80%;
	z-index: 5;
	padding-top: 4%;
}

.signup_right_div{
	position: absolute;
	width: 20%;
	z-index: -1;
}
.signup_right_div_img_div{
	padding-top: 15%;
}
.signup_right_div_img{
	width: 420px;
}
/* end of signup page styling */



   }
  /* end of responsive screen / @media screen  577*/

 

 /* responsive screen / @media screen  446*/
   @media only screen and (max-width: 446px){

   	/*admin responsive styling starts here*/
   	.form_div{
	display: block;
	width: 100%;
	margin: auto;
	margin-top: 15%;
}

.admin_form_input{
	width: 96%;
}

.main_left{
	display: none;
	position: fixed;
	width:80% ;
	z-index: 999999999;
}

.left_top{
	position: fixed;
	width: 80%;
	padding-top: 10%;
	
}


/*admin topup page styling*/
.topup_div{
	width: 100%;
	margin-top: 25%;
	
}
.topup_input{
	width: 95%;
}
/*admin topup page styling ends here*/

/*admin responsive styling ends here*/

   	 		/*signup page styling */
.main_signup{
	display: ;
	padding-top: 8%;
	width: 100%;
	padding-left: 0;
}
.signup_form_div{
	width: 100%;
	padding-top: 10%;
	box-shadow: 11px 11px 5px 3px rgba(8,11,77,0.75);;

}
.signup_input{
	width: 90%;
	background: #080B4D;
	border: none;
	border-bottom: 1px solid white;
	margin-top: 2%;
	padding: 10px;
	color: white;
}
.signup_left_div{
	position: relative;
	top: 20%;
	width: 90%;
	z-index: 5;
	padding-top: 4%;
}

.signup_right_div{
	position: absolute;
	width: 100%;
	z-index: -1;
}
.signup_right_div_img_div{
	padding-top: 15%;
}
.signup_right_div_img{
	width: 100%;
}
/* end of signup page styling */


   	/*top header styling */
.main_header{
	margin-bottom: 12%;
}
.top_header{
	display:inline-flex;
	position:fixed;
	justify-content: space-between;
	width:100% !important;
	top:0 ;
	bottom:;
	left: ;
	right: 0;
	z-index: 4;
	background:/*#080B4D*/#080B4D;
	padding-left: 2%;
	padding-right: 3%;
}

.top_header_left_div{
	width: ;
}
.top_header_left_div h5{
	margin-top: 20%;
	color: white;
}
.top_header_right_div{
	width: ;
}

.toggle{
	display: block;
	position: absolute;
	right: 2%;
}
.toggle_icon{
	max-width: 50px;
	background-color: ;
	margin-top: 10%;
}
.flag_info{
	display: none;
	padding-right: ;
	text-align: center;
}
.flag_img{
	display: block;
	width: 65px;
	height: 70px;
	border-radius: ;
	margin: auto;
	text-align: center;
	background: ;
}
.flag_info h6{
	color: white;
	text-align: center;
	font-weight: bolder;
	text-transform: capitalize;
	font-size: 20px;
	font-family: arial;
	margin-top: 10px;
}
.h5_span{
	font-size: 17px;
	font-weight: lighter;
	text-transform: capitalize;
	line-height: 25px;
	font-style: italic;
}
/*end of top header styling */

/*@media screen country and name styling*/
.flag_info_media_screen{
	display: block;
	margin-bottom: 5%;
}
.media_screen_info{
	display: block;
}
/* end of @media screen country and name styling*/


.first_section_div{
	width: 100%;
	margin: auto;
}

/*div2 colm styling */
.div2{
  display: block;
  margin-top:3% ;
  margin: ;
	width:100%;
	vertical-align: middle;
	border-radius: 20px 20px 20px 20px;
}

.deposit_btn{
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	width: 45%;
	text-transform: capitalize;
  font-weight: bolder;
  margin-right: 2%;
  font-size: 18px;
}
.deposit_icon{
	max-width: 25px;
	border: 0px;
	background: ;
}

/*trading view div styling*/
.trading_view_div_1{
	margin-top: 5%;
	margin-bottom: ;
}
 .trading_view_div{
 	width: 100%;
 	height: 35vh;
 	margin-top:0px ;
 }
/*trading view div styling*/


/*activities styling*/
.activities_cml{
 	display: block;
 	width: 100%;
 	background: #080B4D;
 	margin-left: 0px;
 	margin-top: 5%;
 	margin: ;
 	vertical-align:;
 	border-radius: 20px 20px 20px 20px;
 }


 /* exchange container styling*/
.activities_cml_right_div{
 	margin-top: 5%;
 	margin-left: ;
 	width: 100%;
 	vertical-align: top;
 	padding-bottom: 3%;
 }
 /* end of exchange container styling*/


   }