:root {
    --mainbg: #126bff;
    --rgstbg: #0dad51; 
    --textColor: #333;
    --mainbg2: #eef4fe;
    --mainColor: #333;
    --activeColor: #4187f9;
    --mainBtnBg: #4187f9;
    --mainTextColor: #4187f9;
    --mainTextColor2: #4187f9;
    --placeholderColor: #aaa;
    --iconColor: #bec7d6;
    --mainBtnTextColor: #fff;
    --defaultTextColor: #eef1f7 #999;
    --btnBg1: #fcb748;
    --btnBg2: #4187f9;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /*font-family: 'Asap', sans-serif !important;*/
}

body {
   /* width: 428px;
    height: 926px;
    margin: auto;
    border: 1px solid red;
     
    /* background-color: #0dad51; */
    position: relative;
}

/* ------- --------------- tegister section is started from here */

main {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    padding: 68px 20px;
    background-color: #0dad51;
    position: relative;
    font-family: 'Asap', sans-serif !important;
}

.register_main_box {
    width: 100%;
    height: 4.7in;
    /* box-shadow: 0px 0px 12px #00000047; */
    /* border-radius: 0px; */
    /* padding: 24px 24px; */
    /* background-color: white; */
    /* border-radius: 6px; */
    /* z-index: 80; */
    /* margin-top: 1in; */
    position: relative;
    /*display: flex;*/
}

.register_logo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.register_logo img{
max-width: 200px;
}

.register_title {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
     margin-top: 10px; 
}

.register_form {
    margin-top: 20px;
    /* margin: 0 auto; */
    /* width: 100%; */
    /* box-shadow: 0px 0px 12px #00000047; */
    width: 100%;
    height: 6.7in;
    box-shadow: 0px 0px 12px #00000047;
    border-radius: 0px;
    padding: 24px 24px;
    background-color: white;
    border-radius: 6px;
    z-index: 995;
    /*margin-top: 1in;*/
}

.login_form {
    margin-top: 20px;
    /* margin: 0 auto; */
    /* width: 100%; */
    /* box-shadow: 0px 0px 12px #00000047; */
    width: 100%;
    height: 4.7in;
    box-shadow: 0px 0px 12px #00000047;
    border-radius: 0px;
    padding: 24px 24px;
    background-color: white;
    border-radius: 6px;
    z-index: 995;
    margin-top: 1in;
}

.input_parent {
    width: 100%;
    background-color: #eef1f7;
    display: flex;
    align-items: center;
    padding: 10px 24px;
    border-radius: 24px;
    margin-top: 20px;
}

.input_parent img {
    width: 20px;
    height: 20px;

}

.input_parent input {
    border: none;
    width: 100%;
    background: #eef1f7;
    color: black;
    height: 36px;
    line-height: 1;
    font-size: inherit;
    padding: 3px 10px;
    font-weight: 600;
    transition: .2s cubic-bezier(.645, .045, .355, 1);
    outline: none;
}

.input_parent input::placeholder {
    color: #aaa;
    font-weight: 400;
}

.select_country_for_number {
    width: 70px;
    height: 20px;
    /* background-color: red; */
}

.select_country_for_number select  {
    border: none;
    /* padding: 0px 0px; */
    color: black;
    font-size: medium;
    /* font-family: cursive; */
    border-radius: 10px;
    outline: none;
    background-color: #eef1f7;
}

.phone_number_dash {
    width: 1px;
    height: 20px;
    margin-left: 5px;
    background-color: black;
}

.input_parent_verification {
    display: flex;
    width: 100%;
    align-items: center;
}
.verification_code {
margin-right: 0px;
    /* width: 50px; */
    display: flex;
    align-items: center;
    height: 100%;
    width: 70%;
    margin-top: 18px;
    justify-content: end;
}
.verification_code img{
    border-radius: 24px;
    height: 60px;
    width: 90%;
   
}

.register_button {
    width: 100%;
    margin-top: 40px;
}

.register_button button {
width: 100%;
border: none;
outline: none;
color: white;
background-color: #0dad51;
padding: 10px 0px;
border-radius: 38px;
font-size: 24px;
font-weight: 600;

}

.already_have_account {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.already_have_account a {
    text-decoration: none;
    color: #0dad51;
}


/* ------- --------------- login section is started from here */

.login_main_box {
    width: 100%;
    height: 4.7in;
    /* box-shadow: 0px 0px 12px #00000047; */
    /* border-radius: 0px; */
    /* padding: 24px 24px; */
    /* background-color: white; */
    /* border-radius: 6px; */
    /* z-index: 80; */
    /* margin-top: 1in; */
    position: relative;
    display: flex;
    font-family: 'Asap', sans-serif !important;
}

.remember_me_login {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.remember_me_login input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 3px solid black;
    margin-right: 10px;
    background: #fcb748;
    clip-path: circle(46% at 50% 50%);
    
    
}

.remember_me_login span {
    color: #ccc;
}

.no_account {
    /*width: 280px;*/
    height: 3.5in;
    box-shadow: 0px 0px 12px #00000047;
    border-radius: 0px;
    padding: 24px 24px;
    background-color: white;
    border-radius: 6px;
    position: absolute;
    top: 280px;
    left: 5%;
    right: 5%;
    display: flex;
    justify-content: center;
    z-index: 0;
    margin: auto 0px;
}

.no_account p {
    color: black;
    /* z-index: 99; */
    /* margin-top: 210px; */
    position: absolute;
    top: 292px;
    
}

.no_account p a {
    text-decoration: none;
    color: #0dad51;
}


/* ------- --------------- home section is started from here */

.home_main {
    font-family: 'Asap', sans-serif !important;
}

.home_navigation {
    display: flex;
    background-color: #1989fa;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 12px 12px;
    box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 30%);
    position: fixed;
    top: 0;
    font-family: 'Asap', sans-serif !important;
}

.navigation_bell_icon {
    width: 20px;
    height: 20px;
}

.navigation_logo {
    height: 35px ;
    width: auto;
    margin-left: 45px;
}

.utc_5 {
    height: auto;
    width: 70px;
    display: flex;
    align-items: center;
    color: white;
    font-weight: 600;
}

.time_zone_world {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.home_division_1 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 70px;
   
}

.home_division_1 img {
    width: 100%;
    border-radius: 12px;
}

.home_division_2 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 5px;
}

.home_division_3 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.deposit_withdraw_1 {
    width: 100%;
    background-color: #13a755;
    border-radius: 10px;
    padding: 20px 5px;
    background-image: url(/assets/images/deposit.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    color: white;
    font-weight: 600;
    box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 30%);
    text-shadow: 0 0.026667rem 0.026667rem rgb(51 51 51 / 30%), 0 0.053333rem 0.053333rem rgb(51 51 51 / 30%), 0.026667rem 0 0.026667rem rgb(51 51 51 / 30%), 0.053333rem 0 0.053333rem rgb(51 51 51 / 30%);
}

.deposit_withdraw_2 {
    width: 100%;
    background-color: #bb2d3b;
    border-radius: 10px;
    padding: 20px 5px;
    background-image: url(/assets/images/withdraw.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
    color: white;
    font-weight: 600;
    box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 30%);
    text-shadow: 0 0.026667rem 0.026667rem rgb(51 51 51 / 30%), 0 0.053333rem 0.053333rem rgb(51 51 51 / 30%), 0.026667rem 0 0.026667rem rgb(51 51 51 / 30%), 0.053333rem 0 0.053333rem rgb(51 51 51 / 30%);
}


.home_division_4 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 40px;
    font-size: large;
    font-weight: 600;
    text-align: left;
}

.home_division_5 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 40px;
    
}

.home_division_5_box_child {
    display: flex;
    background-color: white;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0.026667rem 0.026667rem 0.106667rem rgb(51 51 51 / 34%);
    margin-bottom: 10px;
    
}

.home_division_5_img {
    height: 100%;
    width: 178px;
    border-radius: 10px;
}

.home_child_box_data {
    margin-top: 4px;
    margin-left: 25px;
}

.home_amazon_data_1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 0;
    margin-top: 2px;
    margin-bottom: 22px;
}

.home_amazon_data {
    line-height: 0;
    margin-bottom: 16px;
    font-size: 12px;
}

.home_child_box_data p span {
    color:#0dad51;
}

.home_division_6 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 40px;
}

.home_division_6_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.home_division_6_child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 32%;
    border-radius: 5px;
    padding: 12px 12px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 31%);
}

.home_division_6_child_bg_1:nth-child(odd) {
    background-color: #e3fff7;
}

.home_division_6_child_bg_2:nth-child(even) {
    background-color: #e3fff7;
}

.home_division_6_child span {
    font-size: 10px;
}

.home_division_6_child img {
    width: 30px;
}

.home_division_7 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 40px;
    font-size: large;
    font-weight: 600;
    text-align: left;
}

.home_division_8 {
    width: 100%;
    padding: 0px 12px;
    margin-top: 20px;
    margin-bottom: 95px;
    
}

.home_division_8_box {
    background-color: #1989fa;
    padding: 25px 16px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 31%);
}

.home_division_8_box .user_dash {
    width: 79%;
    height: 1px;
    background-color: white;
    position: relative;
    top: 5px;
    left: 65px;
    right: 4px;
}

.user_noti_align {
    margin-bottom: 20px;
}

.user_notification {
    display: flex;
    align-items: center;
    color: white;
    margin-bottom: 10px;
}

.user_notification img {
    max-width: 40px;
    border-radius: 50%;
    margin-right: 25px;
}


/* ------- --------------- order section is started from here */

.order_main {
    font-family: 'Asap', sans-serif !important;
}

.order_navigation {
    font-size: 30px;
    color: white;
    background-color:#1989fa;
    text-align: center;
    padding: 18px 0px;
    font-weight: 400;
}

.order_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
}

.order_division_1_box {
    background-color: white;
    border-radius: 10px;
    padding: 20px 46px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 31%);
}

.remaining_available {
    display: flex;
    justify-content: center;
    color:#0dad51;
}

.remaining_child {
    text-align: center;
}

.remaining_child p:nth-child(1) {
    font-size: 20px;
    font-weight: 400;
}

.remaining_child p:nth-child(2) {
    font-size: 40px;
    line-height: 0;
    margin-top: 25px;
    font-weight: 500;
}

.order_commission {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    color: #7886a6;
}

.order_commission table {
    width: 100%;
    height: auto;
}

.order_commission table tr {
    margin: 10px 0px;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
}

.order_commission table tr td {
    margin: 10px 10px;
}

.order_division_2 {
    width: 100%;
    margin-top: 20px;
    padding: 0px 15px;
}

.order_division_2_child {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.order_division_2_child p {
    width: 24%;
    background-color: #0dad51;
    padding: 10px 0px;
    border-radius: 5px;
}

.order_division_2_child p:active {
    background-color:#05cd97;
}

.order_division_2_child p a {
    text-decoration: none;
    color: white;
    
}

.order_division_3 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.order_division_3_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
    display: flex;
    justify-content: space-between;
}

.order_table_main {
    width: 100%;
}

.order_table_main thead tr {
    background-color: #05cd97; 
}

.order_table_main thead tr th{
    padding: 10px 10px;
    color: white;
    font-weight: 500;
    padding-left: 15px;
    width: 90px;
    text-align: center;
}

.order_table_main thead tr th:nth-child(1){
    border-radius: 5px 0px 0px 0px;
}

.order_table_main thead tr th:nth-child(4){
    border-radius: 0px 5px 0px 0px;
}

.order_table_main tbody tr {
    background-color: #edf4fe;
}

.order_table_main tbody tr td{
    padding: 10px 10px;
    width: 100px;
    text-align: center;
}

.order_division_4 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 40px;
    text-align: center;
    color: rgba(128, 128, 128, 0.664);
    font-size: 20px;
}

/* ------- --------------- grab section is started from here */

.grab_main {
    font-family: 'Asap', sans-serif !important;
}

.home_navigation span {
    text-align: center;
    width: 100%;
    font-weight: 600;
    color: white;
    font-size: 14px;
}

.home_navigation img {
    max-height: 25px;
}


.grab_main {
    background-color: white;
    width: 100%;
    height: 100%;
}

.grab_division_1 {
    width: 100%;
    padding: 20px 15px;
}

.grab_division_1_box {
    background-color: white;
    padding: 15px 30px;
    border-radius: 10px;
    margin-top: 22px;
}

.get_the_order {
    width: 100%;
    text-align: center;
}

.get_the_order p{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
}

.get_the_order span{
    color: gray;
}

.grab_rolling_box {
    width: 100%;
    height: 235px;
    /* border: 1px solid green; */
    background-color: #ed6022;
    background-image: url(/app/assets/images/casino_bg.jpg);
    background-size: cover;
    border-radius: 5px;
    margin-top: -30px;
}

.grab_result_notice {
    font-size: 18px;
    /*margin-top: 20px;*/
}

.grab_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 10px;
}

.grab_division_2 button {
    width: 100%;
    padding: 10px 0px;
    border: none;
    border-radius: 5px;
    outline: none;
    background-color: #05cd97;
    color: white;
    font-weight: 500;
}

.grab_division_3 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
    font-size: large;
    font-weight: 600;
    text-align: left;
}

.grab_division_4 {
    width: 100%;
    padding: 20px 15px;
}

.grab_division_4_box {
    background-color: white;
    padding: 15px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 31%);
}

.grab_division_4_box p {
    margin-bottom: 0px;
}

.grab_division_4_box span {
    font-size: 20px;
    font-weight: 700;
}

.grab_division_5 {
    width: 100%;
    padding: 0px 15px;
}

.grab_division_5_box {
    background-color: white;
    padding: 15px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 31%);
}

.grabbed_total p {
    font-weight: 400;
    margin-bottom: 5px;
}

.grabbed_total span {
    font-weight: 500;
    color: #ed6022;
}

.grab_division_6 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
}

.grab_division_6 button {
    border: none;
    border-radius: 12px;
    padding: 5px 20px;
    background-color:rgb(5, 205, 151);
    color: white;
}

/* ------- --------------- my section is started from here */

.my_main {
    font-family: 'Asap', sans-serif !important;
}

.my_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 60px;
}

.my_division_1_box {
    background-color: #1989fa;
    padding: 15px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 31%);
    display: flex;
    justify-content: space-between;
}

.profile_image_name {
    display: flex;
}

.profile_image_name img {
    height: 60px;
    height: 60px;
    border-radius: 50%;
    outline: 2px solid white;
    margin-right: 16px;
}

.username_invite_code p {
    margin-bottom: 5px;
    color: white;
    font-weight: 500;
}

.profile_noti_clean {
    position: relative;
}

.profile_noti_clean img:nth-child(1) {
    height: 25px;
    width: 25px;
}

.profile_noti_clean img:nth-child(2) {
    height: 25px;
    width: 25px;
}

.bell_notification_number {
    width: 20px;
    height: 20px;
    background-color: red;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    position: absolute;
    top: -5px;
    right: -8px;

}

.my_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 5px;
}

.my_division_2_box {
   /* background-color: rgb(5, 205, 151); --- #2405cd   */
    background-color: #1989fa;
    padding: 15px 30px;
    border-radius: 10px;
    /* box-shadow: 0px 0px 5px rgb(51 51 51 / 31%); */
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.my_division_2_box p {
    margin-bottom: 0px;
}

.my_division_2_box span {
    font-weight: 500;
}

.my_division_3 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 40px;
}

.my_division_3_box {
    background-color: white;
    padding: 15px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgb(51 51 51 / 31%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.my_division_3_child {
    /* padding: 10px 14px; */
    width: 100px;
    height: 110px;
    text-align: center;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 15%);
    margin: 10px 0px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
}

.my_division_3_child img {
    height: 50px;
    width: 50px;
}

.my_division_3_child p {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.my_division_4 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
    margin-bottom: 125px;
}

.my_division_4 button {
    width: 100%;
    background-color: #1989fa;
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    padding: 10px 0px;
    border-radius: 10px;
}



/* ------- --------------- customer srvice section is started from here */

.online_main {
    font-family: 'Asap', sans-serif !important;
}

.online_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 60px;
}

.online_division_1_box {
    background-color: rgb(5, 205, 151);
    padding: 15px 30px;
    border-radius: 10px;
    color: white;
    text-align: center;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 15%);
}


.online_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
}

.online_division_2_box {
    /* background-color: rgb(5, 205, 151); */
    padding: 20px 15px;
    height: auto;
    border-radius: 10px;
    color: white;
    text-align: center;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 15%);
}

.online_division_container {
    height: 19rem;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px;
}

.customer_service_box {
    width: 49%;
    height: 122px;
    background-color: #05cd97;
    margin-bottom: 52px;
}

.customer_service_box img {
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 10px 10px;
}

.customer_service_title {
    padding: 5px 0px;
}

/* ------- --------------- Deposit section is started from here */

.deposit_main {
    font-family: 'Asap', sans-serif !important;
}

.deposit_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
}

.deposit_division_1_box {
    /* background-color: rgb(5, 205, 151); */
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
}

.transfer_channel span:nth-child(2) {
    color: red;
}

.usdt_top_up {
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
}

.topup_input_parent {
    margin-top: 10px;
    width: 100%;
    padding: 15px 20px;
    background-color: #eef1f7;
    border-radius: 5px;
}

.topup_input_parent input {
    border: none;
    outline: none;
    width: 100%;
    background-color: #eef1f7;
}

.topup_input_parent::before {
    content: "*";
    color: red;
    position: absolute;
    left: 39px;
    font-size: 18px;
    font-weight: 600;
}

.topup_input_parent input::placeholder {
    font-size: 15px;
    color: #c8c9cc;
}

.sugested_topup_amount {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 0px 10px;
}

.sugested_topup_amount_child {
    width: 22%;
    height: 40px;
    border: 1px solid #ff9a23;
    display: flex;
    align-items: center;
    justify-items: center;
    /* padding: 8px 20px; */
    margin: 7px 9px;
    border-radius: 5px;
}

.sugested_topup_amount_child span {
    width: 100%;
    text-align: center;
    color: #ff9a23;
}

.deposit_address {
    margin-top: 20px;
}

.deposit_address_title {
    font-weight: 600;
    font-size: 18px;
}

.diposit_address_link {
    width: 100%;
    margin-top: 10px;

}

.diposit_address_link input {
    width: 80%;
    padding: 10px 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    background-color: #eef1f7;

}

.diposit_address_link button {
    width: 18%;
    border: none;
    padding: 10px 0px;
    background-color: #4187f9;
    color: white;
    border-radius: 5px;
}

.dashed {
    margin-top: 20px;
    width: 100%;
    border: 1px dashed #c0c7d5;
}

.transsaction_txid {
    margin-top: 20px;
    
}

.transaction_txid_title {
    font-weight: 600;
    font-size: 18px;
}

.transaction_note {
    margin-top: 10px;
    font-weight: 400;
}

.transaction_note span:nth-child(1) {
    color: black;
}

.transaction_note span:nth-child(2) {
    color: red;
}

.upload_your_transaction {
    margin-top: 20px;
    width: 100%;
    padding: 0px 40px;
}

.upload_your_transaction_child {
    border: 1px solid #c0c7d5;
    border-radius: 5px;
    width: 100%;
    position: relative;
    padding: 12px 0px;
}

input[type="file"] {
    /* opacity: ; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;   
}

.upload_icon_title {
    width: 100%;
    text-align: center;
    padding: 0px 20px;
}

.upload_icon_title img {
    height: 65px;
    width: 65px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.upload_icon_title p {
    margin-bottom: 0px;
    color: #c0c7d5;
}

.transaction_confirm_button {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.transaction_confirm_button button{
    width: 81%;
    border: none;
    outline: none;
    padding: 10px 0px;
    background-color: #1989fa;
    color: white;
    font-weight: 500;
    border-radius: 10px;
}

.deposit_division_2 {
    width: 100%;
    height: auto;
    padding: 0px 15px;
    margin-top: 20px;
    margin-bottom:20px;
}

.deposit_division_2_box {
    width: 100%;
    box-shadow: 1px 1px 7px -3px black;
    padding: 20px;
    border-radius: 12px;
}

.deposit_division_2 .explain {
    font-weight: bold;
}

.dash_line {
    border: 1px dashed gray;
    margin-top: 15px;
}

.unser_notice {
    margin-top: 20px;
}

.unser_notice span {
    display: flex;
    font-weight: 400;
   
}

.unser_notice span:nth-child(2) {
    color: rgb(235, 0, 0);
    margin-bottom: 10px;
}

.withdraw_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
}

.withdraw_division_1_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
}

.withdrawal_amount span:nth-child(1) {
    font-weight: 600;
    font-size: 18px;
}

.withdrawal_amount span:nth-child(2) {
    color: red;
}

.withdraw_input_parent {
    margin-top: 10px;
    width: 100%;
    padding: 15px 20px;
    background-color: #eef1f7;
    border-radius: 5px;
}

.order_complete_balance {
    margin-top: 30px;
}

.withdraw_input_parent input {
    border: none;
    outline: none;
    width: 100%;
    background-color: #eef1f7;
}
.withdraw_input_parent input::placeholder {
    color: #c8d0df;
}

.withdraw_page_balance_section {
    margin-top: 0px;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.116);
}

.withdraw_page_balance_section:active {
    background-color: #eef1f7;
}

.transaction_password {
    margin-top: 15px;
}

.transaction_password span {
    font-weight: 600;
    font-size: 18px;
    margin-right: 10px;
}

.transaction_password input {
    border: none;
    outline: none;
    background-color: #eef1f7;
    border-radius: 5px;
    width: 100%;
    padding: 15px 20px;
    margin-top: 10px;

}


.transaction_password input::placeholder {
    color: #c8d0df;
}

.transaction_password_confirm {
    margin-top: 10px;
}

.transaction_password_confirm button {
    width: 100%;
    padding: 10px 20px;
    background-color: #1989fa;
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    border-radius: 5px;
}

.unser_notice_withdraw {
    margin-top: 20px;
}

.unser_notice_withdraw span {
    display: flex;
    font-weight: 400;
}

/* ------- --------------- Personal Info section is started from here */

.personal_main {
    font-family: 'Asap', sans-serif !important;
}

.personal_info_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
}

.personal_info_division_1_box {
    padding: 0px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
}

.personal_info_page_account_section {
    margin-top: 0px;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.116);
    display: flex;
    justify-content: space-between;
}

.personal_info_page_account_section span:nth-child(2) {
    color: #969799;
}

.personal_info_page_account_section:active {
    background-color: #eef1f7;
}

.personal_info_page_account_section img {
    max-height: 20px;
}

.personal_info_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
}

.personal_info_division_2_box {
    padding: 0px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
}

/* ------- --------------- Login password section is started from here */

.login_password_main {
    font-family: 'Asap', sans-serif !important;
}

.login_password_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
}

.login_password_division_1_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
   
}

.change_login_passowrd {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.change_login_passowrd_no_margin {
    margin: 0;
}

.change_login_passowrd p{
    font-weight: 500;
}

.change_login_passowrd input {
    border: none;
    outline: none;
    background-color: #eef1f7;
    border-radius: 5px;
    width: 100%;
    padding: 15px 82px;
}


.change_login_passowrd input::placeholder {
    color: #c8d0df;
    text-align: center;
}

.login_tips {
    margin-top: 20px;
}

.change_login_button {
    margin-top: 20px;
}

.change_login_button button {
    width: 100%;
    padding: 10px 20px;
    background-color: #1989fa;
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    border-radius: 5px;
}

/* ------- --------------- Team section is started from here */

.team_main {
    font-family: 'Asap', sans-serif !important;
}

.team_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
}

.team_division_1_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
    display: flex;
    justify-content: space-between;
    
   
}

.team_box {
    width: 48%;
    height: 85px;
    display: flex;
    align-items: center;
    background-color: #edf4fe;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
}

.team_box_child {
    width: 100%;
    text-align: center;
}

.team_box_child p {
    margin-bottom: 0;
    font-weight: 400;
}

.team_box_child span{
    font-size: 20px;
    font-weight: 500;
    color: #4187f9;
}

.team_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.team_division_2_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
    display: flex;
    justify-content: space-between;
}

.team_table_main {
    width: 100%;
}

.team_table_main thead tr {
    background-color: #05cd97; 
}

.team_table_main thead tr th{
    padding: 10px 10px;
    color: white;
    font-weight: 500;
    padding-left: 15px;
    width: 90px;
    text-align: center;
}

.team_table_main thead tr th:nth-child(1){
    border-radius: 10px 0px 0px 0px;
}

.team_table_main thead tr th:nth-child(3){
    border-radius: 0px 10px 0px 0px;
}

.team_table_main tbody tr {
    background-color: #edf4fe;
}

.team_table_main tbody tr td{
    padding: 10px 10px;
    width: 100px;
    text-align: center;
}

/* ------- --------------- Invite Friends section is started from here */

.invite_main {
    font-family: 'Asap', sans-serif !important;
}

.invite_friends_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
}

.invite_friends_division_1_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
    display: flex;
    justify-content: space-between;
}

.invite_friends_division_1_box img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.invite_friends_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 20px;
}

.invite_friends_division_2_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.invite_friends_division_2_box span {
    width: 50%;
    font-weight: 500;
}

.invite_friends_division_2_box button {
    width: 50%;
    padding: 10px 20px;
    background-color: #1989fa;
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    border-radius: 5px;
}

.announcement_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 70px;
} 

.announcement_division_1_box {
    padding: 15px 15px;
    border-radius: 7px;
    /* color: white; */
    box-shadow: 0px 0px 5px rgb(51 51 51 / 30%);
}

.announcement_division_1_box .announcement {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

.announcement_notice {
    text-align: center;
    margin-top: 10px;
}


/* ------- --------------- withdraw method section is started from here */

.withdraw_method {
    width: 100%;
    margin-top: 30px;
    }

.withdraw_method_box {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    }
    
.withdraw_method_box:active {
    background-color: #00ffff30;
}

.withdraw_method_box img{
    width: 35px;
    height: 35px;
    border-radius: 3px;
    }


/* ,,
,,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
, */

/* ------- --------------- footer section is started from here */

footer {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    height: 4.3rem;
    align-items: center;
    box-shadow: 1px 0px 9px #0000003d;
}

.footer_box {
    /* padding: 0px 27px; */
    width: 20%;
    text-align: center;
}

.footer_box:active {
    color: #05cd97;
}

.footer_box span{
    font-size: 12px;
    color: #1650b1;
}

.footer_box_icon img {
    height: 22px;
    width: 22px;
}

.footer_box_main_icon {
    margin-bottom: 36px;
}

.footer_box_main_icon img {
    width: 80px;
    height: 80px;
}