body{margin:0px;backgroundk:#170954;background-image: linear-gradient(to right, #8a0d55 , #FF76C3);}

.main_home_div
{
float:left;width:100%;height:70px;position:fixed;border-bottomk:1px solid #ededed;
background-image: linear-gradient(to right, #8a0d55 , #FF76C3);backgroundk:#ccc;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.positioning_div{float:left;width:100%;height:60px;margin-bottom:20px;}

.main_header_div
{
float:left;width:100%;height:60px;margin-top:5px;backgroundk:#ccc;	
}
.main_home_title
{
float:left;width:50%;height:60px;line-height:30px;margin-left:5%;font-size:1.2em;font-weight:bold;color:#fff;backgroundk:pink;	
}
.coblaa_log_img
{
float:left;width:40px;height:40px;margin-top:10px;margin-left:2%;border-radius:50%;
}
.sitat_sear_icon
{
float:left;width:40px;height:40px;margin-top:10px;margin-left:3%;
}
.menu_icon
{
float:right;width:40px;height:40px;margin-top:10px;margin-right:3%;	
}

.userprofile_div
{
float:left;width:96%;height:100px;margin-left:2%;margin-top:20px;margin-bottom:20px;background:#fff;border-radius:20px;	
}
.user_left
{
float:left;width:45%;height:50px;margin-left:2%;margin-top:25px;backgroundk:purple;	
}
.user_right
{
float:right;width:45%;height:65px;margin-right:2%;margin-top:20px;backgroundk:green;	
}
.userprofile_spa
{
float:left;width:50px;height:50px;backgroundk:red;border-radius:50%;	
}
.earn_profile_img
{
width:100%;height:100%;	
}
.userprofile_name
{
float:left;width:40%;height:50px;line-height:50px;margin-left:2%;font-size:1.1em;font-weight:bold;	
}

.coin_icon_spa
{
float:right;width:30px;height:30px;backgroundk:red;border-radius:50%;	
}
.coin_img
{
float:left;width:25px;height:25px;	
}
.coin_name
{
float:right;width:70%;height:30px;line-height:30px;margin-right:2%;font-size:1em;font-weight:bold;color:#5cf763;text-align:right;	
}
.ug_span
{
float:left;width:100%;margin-top:10px;backgroundk:pink;	
}
.ug_name
{
float:right;width:30px;height:30px;line-height:30px;margin-rightk:10px;font-size:0.8em;backgroundk:pink;color:#505252;	
}
.coin_in_ug
{
float:right;width:45%;height:30px;line-height:30px;margin-right:1%;text-align:right;font-size:0.8em;color:#3479e9;font-weight:bold;		
}
.user_ref_code
{
float:left;width:80%;height:25px;line-height:25px;margin-left:40px;font-size:0.9em;font-weight:bold;color:#5cf763;color:#505252;backgroundk:red;	
}


.content_div
{
float:left;width:50%;min-height:70%;margin-left:25%;backgroundk:#54013c;	
}

.game_life_div
{
float:left;width:99.5%;height:220px;margin-top:30px;margin-bottom:30px;background:#fff;border-radius:20px;border:2px solid #c7260d;display:none;	
}
.game_life_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.3em;font-weight:bold;color:#c7260d;	
}
.game_life_tip
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.1em;font-weightk:bold;color:#151517;	
}
.game_life_recharge_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-top:30px;border-radius:20px;background:#0db6c7;border:0px;cursor:pointer;color:#fff;font-size:1.2em;
font-weight:bold;	
}
.game_life_recharge_btn:hover{background:#c7780d;}

.game_div
{
float:left;width:99.5%;heightk:220px;margin-top:30px;margin-bottom:30px;background:#fff;border-radius:20px;border:2px solid #34e94a;	
}
.sub_game_top
{
float:left;width:100%;height:70px;margin-top:10px;backgroundk:red;display:flex;justify-content:center;align-items:center;	
}
.game_tip
{
float:left;width:100%;height:40px;line-height:40px;margin-bottom:20px;text-align:center;background:#34e94a;color:#fff;font-weight:bold;font-size:1.1em;	
}
.sub_game_bottom
{
float:left;width:90%;height:80px;margin-left:5%;backgroundk:green;display:flex;justify-content:space-between;align-items:center;	
}
.sub_game_top_span
{
float:left;width:50px;height:50px;border-radius:50%;cursor:pointer;border:1px solid #151517;
display:flex;justify-content:center;align-items:center;
}
.game_icon_img_top
{
float:left;width:30px;height:30px;border-radiusk:50%;cursor:pointer;
}
.sub_game_bottom_span
{
float:left;width:50px;height:50px;border-radius:50%;cursor:pointer;border:2px solid #151517;
display:flex;justify-content:center;align-items:center;
}
.sub_game_bottom_span:hover{background:#faebb2;border:2px solid #f5a129; }
.game_icon_img_bottom
{
float:left;width:30px;height:30px;border-radiusk:50%;cursor:pointer;
}


.ad_div
{
float:left;width:99.5%;height:200px;margin-top:30px;margin-bottom:30px;background:#fff;border-radius:20px;border:2px solid #151517;text-align:center;	
}

.game_claim_btn
{
float:left;width:40%;height:50px;margin-left:30%;margin-bottom:20px;margin-top:-30px;border:2px solid #2964f5;border-radius:10px;cursor:pointer;background:#4071ec;color:#fff;font-weight:bold;	
display:none;
}
.help_game_valve{display:none;}

.game_nofti_msg
{
float:left;width:100%;height:100%;background:#000;position:fixed;display:flex;justify-content:center;align-items:center;display:none;
background: rgba(255, 0, 0, 0.4);	
}
.erorr_msg
{
width:80%;height:200px;background:#fff;border-radius:20px;	
}
.erorr_msg_title
{
float:left;width:100%;height:50px;line-height:50px;margin-top:30px;margin-bottom:30px;text-align:center;color:#0dca27;font-size:1.1em;	
}
.erorr_msg_btn
{
float:left;width:30%;height:40px;margin-left:35%;cursor:pointer;	
}


.view_ad_span
{
float:left;width:100%;min-height:90px;margin-bottom:20px;border-radius:30px;border:2px solid #FF5733;cursor:pointer;
background-image: linear-gradient(to right, #DAF7A6 , #15d9a1);	
}
.view_ad_lebal1
{
float:left;width:100%;line-height:30px;margin-top:10px;text-align:center;color:#1550d9;font-size:1.3em;font-weight:bold;	
}
.view_ad_lebal2
{
float:left;width:100%;line-height:30px;text-align:center;color:#505252;font-size:1em;
}
.help_span{display:none;}

.transaction_div
{
float:left;width:100%;height:500px;background:#ededed;overflow:auto;border:2px solid #1b7ee8;border-radius:10px;	
}
.transaction_title
{
float:left;width:90%;height:50px;line-height:50px;margin-left:5%;color:green;font-size:1.2em;font-weight:bold;	
}
.trans_history_lebal_span
{
float:left;min-width:800px;width:98%;height:40px;margin-left:1%;backgroundk:#ededed;display:flex;justify-content:space-between;	
}
.transaction_lebal
{
float:left;width:16%;height:40px;line-height:40px;background:#ccc;font-weight:bold;font-size:1.1em;text-align:center;		
}
.trans_history_output_span
{
float:left;min-width:800px;width:98%;height:40px;margin-left:1%;margin-bottom:1px;backgroundk:green;display:flex;justify-content:space-between;	
}
.transaction_output
{
float:left;width:16%;height:40px;line-height:40px;background:#fff;font-weightk:bold;font-size:1em;text-align:center;	
}


.airtime_topup_title
{
float:left;width:100%;height:70px;line-height:70px;text-align:center;font-size:1.5em;font-weight:bold;	
}
.airtime_topup_div
{
float:left;width:100%;heightk:300px;margin-top:20px;background:#ededed;border:2px solid #1be8ad;border-radius:20px;display:none;	
}
.sub_airtime_card
{
float:left;width:44%;height:220px;margin-left:4%;margin-bottom:20px;background:#fff;border-radius:20px;	
}
.recharge_network_lebal
{
float:left;width:96%;height:100px;margin-left:2%;margin-top:10px;backgroundk:#ededed;display:flex;justify-content:center;align-items:center;	
}
.airtel_img
{
float:left;width:90%;height:120px;	
}
.airtime_amt
{
float:left;width:100%;height:50px;line-height:50px;margin-top:-20px;margin-bottom:20px;text-align:center;font-weight:bold;color:green;font-size:1.2em;
}
.airtime_buy_btn
{
float:left;width:50%;height:40px;margin-left:25%;background:red;color:#fff;border:0px;outline:none;border-radius:20px;font-weight:bold;font-size:0.9em;
cursor:pointer;	
}
.airtime_buy_btn:hover{background:orange;}

.airtime_recharge_input_span
{
float:left;width:96%;heightk:300px;margin-left:2%;margin-bottom:30px;background:#ccc;border:1px solid #ccc;border-radius:20px;display:none;	
}
.recharge_no_input_lebal
{
float:left;width:90%;height:25px;line-height:25px;margin-left:5%;margin-top:30px;font-weight:bold;font-size:0.9em;	
}
.recharge_no_input
{
float:left;width:96%;height:45px;line-height:45px;margin-left:2%;margin-bottom:15px;text-align:center;border:1px solid #ccc;border-radius:10px;outline:none;
font-size:1.1em;	
}
.airtime_input_amt
{
float:left;width:100%;height:40px;line-height:40px;margin-bottom:15px;text-align:center;font-weight:bold;backgroundk:orange;font-size:1.1em;	
}
.airtime_buy_btn2
{
float:left;width:40%;height:40px;margin-left:6.6%;margin-bottom:20px;background:#37c140;color:#fff;border:0px;outline:none;border-radius:20px;font-weight:bold;font-size:0.9em;
cursor:pointer;	
}
.topup_erorr
{
float:left;width:100%;heightk:30px;line-height:30px;text-align:center;display:none;
}
.airtime_comfirm
{
float:left;width:90%;height:180px;margin-left:5%;margin-bottom:30px;border-radius:20px;background:#1fd2f6;display:none;	
}



.withdrawal_div
{
float:left;width:100%;heightk:300px;margin-top:20px;background:#fff;border:2px solid #1be8ad;border-radius:20px;display:none;	
}
.withdrawal_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.5em;font-weight:bold;
}
.close_withdraw_div
{
float:right;width:30px;height:30px;line-height:30px;margin-right:1%;margin-top:5px;font-size:0.9em;color:#fff;background:red;border-radius:50%;text-align:center;
font-weight:100;cursor:pointer;
	
}
.available_bal_lebal
{
float:left;width:90%;height:40px;line-height:40px;margin-left:3%;font-size:1.2em;font-weight:bold;	
}
.available_bal_icon_span
{
float:left;width:90%;height:30px;margin-left:3%;backgroundk:red;	
}
.available_bal_out
{
float:left;height:30px;line-height:25px;margin-left:5px;color:green;backgroundk:red;	
}
.available_bal_ugx
{
float:left;width:90%;height:40px;line-height:40px;margin-left:3%;font-size:1em;font-weight:bold;color:#505252;	
}

.final_withdraw_span
{
float:left;width:90%;margin-left:3%;	
}
.final_withdraw_lebal
{
float:left;width:90%;height:30px;line-height:35px;margin-left:2%;font-size:1em;font-weight:bold;color:orange;	
}
.final_withdraw_input
{
float:left;width:100%;height:40px;line-height:40px;font-size:1em;border:1px solid #ccc;outline:none;border-radius:10px;text-align:center;	
}
.withdrawal_error
{
float:left;width:100%;height:30px;line-height:30px;margin-top:10px;text-align:center;	
}
.withdrawal_btn
{
float:left;width:40%;height:40px;margin-left:30%;margin-top:20px;margin-bottom:20px;background:#5efb74;border:2px solid #02da20;border-radius:20px;color:#a70469;
cursor:pointer;font-weight:bold;	
}
.withdrawal_btn:hover{background:#a5eeaf;color:#fff;}
.withdrawal_btn:active{color:#039217;}






.menu_shell_div
{
float:left;width:100%;height:100%;position:fixed;display:none;
background-color: rgba(117, 0, 0, 0.4);	
}
.menu_div
{
float:left;width:70%;height:100%;background:#fff;	
}
.menu_clocing_div
{
float:right;width:30%;height:100%;	
}
.menu_btn
{
float:left;width:70%;height:40px;margin-left:15%;margin-top:20px;font-weight:bold;cursor:pointer;background:transparent;border:1px solid #ccc;outline:none;
border-radius:20px;color:#000;	
}
.profile_div
{
float:left;width:100%;height:70px;backgroundk:red;border-bottom:1px solid #ccc;	
}
.profile_usr_name
{
float:left;width:50%;height:70px;line-height:70px;margin-left:2%;color:#505252;font-weight:bold;
}
.profile_img
{
float:left;width:40px;height:40px;margin-top:15px;margin-left:2%;border-radius:50%;
}





.cb_preloader
{
width:100%;height:100vh;position:fixed;z-index:100;display:flex;justify-content:center;align-items:center;
background-image: linear-gradient(to right, #8a0d55 , #FF76C3);	
}
.cb_preloader_img
{
width:200px;height:200px;border-radius:50%; 	
}
.footer_div
{
float:left;width:100%;height:60px;line-height:60px;margin-top:20px;background:#ededed;text-align:center;	
}
.get_start_div
{
float:left;width:100%;height:100%;position:fixed;display:flex;justify-content:center;align-items:center;
background-image: linear-gradient(to right, blue , #d65cf7);	
}
.get_start_btn
{
width:50%;height:60px;backgroundk:blue;color:#fff;border:0px;outline:none;font-size:1.1em;border-radius:10px;cursor:pointer;font-weight:bold;
background-image: linear-gradient(to right, #d65cf7, blue);border:1px solid orange;		
}


@media screen and (max-width: 700px) 
{
.content_div
{
float:left;width:94%;min-height:70%;margin-left:3%;backgroundk:#54013c;	
}

)