:root {
    --bgone: #975efb;
    --bgonehover: #6b29dd; 
    --phcolor: #bbbbbb;
    color: #cc0000;
    color: #cc0000;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
   /* width: 428px;
    height: 926px;
    margin: auto;
    border: 1px solid red;
    font-family: 'Asap', sans-serif; */
    /* background-color: #0dad51;
    position: relative; */
}

.all_page_navigation {
    display: flex;
    background-color: #cc0000;
    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;
}

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

.all_page_navigation span {
    text-align: center;
    width: 100%;
    font-weight: 600;
    color: white;
}

/* ----------------Register and Login Section Started From Here ----------- */

.register_parent {
    padding: 0px 10px;
}

.register_header {
    width: 100%;
    height: 70px;
    background-color: #cc0000;
}

.register_page_main {
    width: 100%;
    border-radius: 10px;
    background-color: #f4f4f4;
}

.company_logo {
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company_logo img {
    width: 100px;
    border-radius: 10px;
}

.register_input_box {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.register_input_box input {
    width: 69%;
    padding: 15px;
    border-radius: 20px;
    border: none;
    outline: none;
    text-align: center;
}


.register_input_box input:focus {
    outline: 1px solid #cc0000;
}

.register_input_box input::placeholder {
    font-weight: 500;
    font-size: 16px;
    color: #bbbbbb;
}

.register_button {
    margin-top: 25px;
    padding: 0px 18px;
}

.register_button button {
    border: none;
    width: 100%;
    padding: 18px 0px;
    margin-top: 5px;
    font-weight: 600;
    border-radius: 30px;
}

.register_button a:nth-child(1) button {
    background-color: #cc0000;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

.register_button a:nth-child(1) button:hover {
    background-color: #cc0000;
}

.register_button a:nth-child(2) button {
    background-color: #f4f4f4;
    color: #cc0000;
    cursor: pointer;
}


/* ----------------Index Section Started From Here ----------- */


.home_navigation {
    display: flex;
    background-color: #cc0000;
    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;
}

.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;


}

.home_division_3_box{
    box-shadow: 0 0rem 0.6rem rgb(0 0 0 / 24%);
    border-radius: 10px;
    display: flex;
    padding: 15px 20px;
    height: auto;
    height: 94px;
    justify-content: space-between;
    align-items: center;
}

.deposit_withdraw_1 {
   
    font-weight: 600;
}

.deposit_withdraw_1 p {
    color: black;
    font-size: 30px;
    font-weight: 500;
    /* line-height: 0.2; */
    margin-bottom: -4px;
}

.deposit_withdraw_1 span {
    color: #3333338a;
    font-size: 15px;
    
}

.deposit_withdraw_2 {
    width: 50px;
    height: 50px;
    background-color: #cc0000;
    border-radius: 50%;
    padding: 20px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deposit_withdraw_2:hover {
    background-color: #cc0000;
}

.deposit_withdraw_2 img {
    width: 20px;
    height: 20px;
    font-weight: 500;
    font-size: 25px;
}


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

.home_division_4_box {
    background-color: #cc0000;
    width: 100%;
    padding: 12px 0px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0px 1px 5px #00000040;
    color: #fff;
    font-weight: 600;
}

.home_division_4_box:hover {
    background-color: #cc0000;
    cursor: pointer;
}


.home_division_4_box img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

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

.home_division_5_box{
    display: flex;
    background-color: white;
    padding: 0px 18px;
    margin-bottom: 10px;
    justify-content: center;
    
}

.recharge_withdraw_box {
    width: 25%;
    height: 40px;
    border-radius: 5%;
    background-color: #cc0000;
    margin: 0px 4px;
    padding: 30px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    text-align: center;
}

.recharge_withdraw_box:hover {
    text-decoration: underline;
    cursor: pointer;
    color: white;
}

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

.recharge_withdraw_box img{
    width: 20px;
    margin: 0px 18px;
}

.recharge_withdraw_box span{
    margin-top: 5px;
    font-size: 14px;
}


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

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

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

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

.home_child_box_data button {
    border: none;
    outline: none;
    padding: 4px 33px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    background-color: #cc0000;
    color: white;
}

.home_child_box_data button:hover {
    background-color: rgb(0, 158, 97);
}

.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_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: 100px;
}

.home_division_8_box {
    display: flex;
    justify-content: space-between;
    
}

.home_division_8_box img {
    width: 48%;
    height: auto;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.315);
    border-radius: 8px;
}

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

.home_division_9_box {
    overflow: scroll;
    height: 285px;
}

.agency_revenue_display {
    display: flex;
    position: relative;
    width: 95%;
    align-items: center;
    /* justify-content: space-between; */
    box-shadow: 0px 1px 5px #00000040;
    border-radius: 10px;
    padding: 14px;
    /* margin-top: 15px; */
    margin: 15px auto;
    scroll-behavior: smooth;
}

.revenue_person_id {
    font-size: medium;
    font-weight: 500;
    margin-left: 15px;
}

.revenue_person_dash {
    position: absolute;
    width: 2px;
    height: 43px;
    background-color: #6c757d91;
    left: 107px;
}

.revenue_person_earning {
    font-size: medium;
    margin-left: 56px;
}

.revenue_person_earning p{
    font-size: medium;
    margin-bottom: 0px;
    font-weight: 500;
}

.revenue_person_earning span{
    font-size: 14px;
    color: #0000008f;
}
/* ------- --------------- Deposit section is started from here */

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

.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;
}

.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;
   
}

/* ----------------Bind Wallet Section Started From Here ----------- */

.bind_wallet_main {
    width: 100%;
    padding: 0px 15px;
    margin-top: 45px;
    display: flex;
    justify-content: center;
    background-color: #eff5f9;
    height: 100vh;
}

.your_wallet_address {
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0px;
}

.form_bind_wallet{
    width:90vw;
    max-width:768px;
 
    padding:3vw;
    display:flex;
    flex-direction:column;
    border-radius:5px;
}

.bind_wallet_label {
    margin-bottom:15px;
    position:relative;
}
.bind_wallet_label input{
    width:100%;
    padding:10px 20px;
    margin-top:20px;
    border:none;
    outline:none;
    border-radius: 30px;
}

.bind_wallet_label input:focus{
    border: 1px solid #cc0000;
}

.bind_wallet_label input::placeholder{
    opacity:0;
}
.bind_wallet_label span{
    position:absolute;
    top:0;
    left:20px;
    transform:translateY(30px);
    font-size:0.825em;
    transition-duration:300ms;
    color: #BBBBBB;
}
.form_bind_wallet button{
    padding:15px 0px; 
    margin-top:20px;
    background:#cc0000;
    color:#fff;
    cursor:pointer;
    border-radius: 30px;
    border: none;
}

.form_bind_wallet button:hover {
    background:#cc0000;
}

label:focus-within > span,
input:not(:placeholder-shown) + span{
    color:#cc0000;
    transform:translateY(0px);
}

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

.withdraw_page_main {
    background-color: #edf3f8;
    height: 100vh;
    margin-top: -20px;
}
.withdraw_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 60px;
    padding-top: 35px;
}

.withdraw_division_1_box {
    /* background-color: rgb(5, 205, 151); */
    padding: 15px 10px;
    border-radius: 7px;
    /* color: white; */
    position: relative;
    
}

.usdt_account {
    text-align: center;
    background-image: linear-gradient(to bottom, #cc0000, #cc0000);
    padding-top: 30px;
    padding-bottom: 40px;
    border-radius: 10px;
    color: #ffffff;
}

.usdt_account p {
    font-size: 25px;
    font-weight: 500;
    line-height: 0;
    margin-bottom: 20px;
}

.trc_email {
    box-shadow: rgb(51 51 51 / 22%) 0px 0px 20px;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    right: 10px;
    left: 10px;
    top: 100px;
    background-color: rgb(255 255 255 / 73%);
    backdrop-filter: blur(22px);
}

.email_abc {
    display: flex;
    justify-content: space-between;
}

.trc20_wallet {
    margin-top: 15px;
}

.withdraw_division_2 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 80px;
}

.withdraw_wallet_address {
    font-weight: 500;
    text-transform: uppercase;
    margin: 6px 0px;
    text-align: center;
}

.withdraw_division_3 {
    width: 100%;
    padding: 0px 20px;
}

.withdraw_division_3_box {
        /* background-color: rgb(5, 205, 151); */
        padding: 15px 10px;
        border-radius: 7px;
        /* color: white; */
        position: relative;
        font-size: 12px;
        color: #6f7070;
    
}

.deposit_division_5 {
    width: 100%;
    padding: 0px 20px;
}

.deposit_division_5_box {
    padding: 15px 10px;
    border-radius: 7px;
}

.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: #fff;
}

.diposit_address_link button {
    width: 18%;
    border: none;
    padding: 10px 0px;
    background-color: #4187f9;
    color: white;
    border-radius: 5px;
}
/* ------- --------------- Invite section is started from here */


.invite_page_main {
    background-color: #edf3f8;
    height: 100vh;
    margin-top: -20px;
}
.invite_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 60px;
    padding-top: 35px;
}

.invite_division_1_box {
    background-color: #cc0000;
    padding: 15px 10px;
    border-radius: 7px;
    color: white;
    position: relative;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
}

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

.invite_division_2_box {
    background-color: rgb(255, 255, 255);
    padding: 25px 12px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00623d42;  
}

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

.invite_circle_box {
    width: 100px;
    height: 100px;
    background-color:#cc0000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.invite_circle_box img {
    margin-right: 3px;
}

.circle_image_1 {
    width: 18px;
    height: 18px;
}

.circle_image_2 {
    width: 23px;
    height: 23px;
}

.circle_image_3 {
    width: 30px;
    height: 30px;
}

.how_earn_child {
    font-weight: 500;
    margin-top: 20px;
}

.how_earn_child p{
    line-height: 1.2;
    margin-bottom: 2px;
}

.extension_code {
    text-align: center;
    margin-top: 20px;
}

.extension_code a{
    text-decoration: none;
    color: #cc0000;
    font-weight: 500;
}

.extension_code a:hover {
    text-decoration: underline;
    color:#cc0000;
}

.copy_invite_link {
    margin-top: 20px;
}

.copy_invite_link button {
    width: 100%;
    padding: 10px 0px;
    border: none;
    background-color: #cc0000;
    color: #ffffff;
    border-radius: 30px;
    font-weight: 500;
}

.copy_invite_link button:hover {
    background-color: #cc0000;
}

.copy_invite_link button img {
    width: 23px;
    height:23px;
    margin-right: 5px;
}


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

.my_page_main {
    background-color: #edf3f8;
    /* height: 100vh; */
    margin-top: -20px;
}
.my_division_1 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 40px;
    padding-top: 35px;
}

.my_division_1_box {
    /* background-color: rgb(5, 205, 151); */
    padding: 15px 0px;
    border-radius: 7px;
    /* color: white; */
    position: relative;
    
}

.my_profile_account {
    background-image: linear-gradient(to bottom, #cc0000, #cc0000);
    padding-top: 22px;
    padding-bottom: 40px;
    border-radius: 10px;
    color: #ffffff;
    display: flex;
    padding-left: 20px;   
}

.email_free span:nth-child(1) {
    font-size: large;
    font-weight: 500;

}

.email_free span:nth-child(2) {
    color: #ceffec;
    
}

.profile_extension_code span {
    font-size: 14px;
}

.profile_image {
    margin-right: 20px;
}

.profile_extension_code span:nth-child(1) {
    margin-right: 5px;
    color: #ceffec;
}

.profile_image img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    outline: 4px solid #ffffff;
    box-shadow: -3px 5px 19px rgb(0 0 0 / 52%);
}

.my_usdt_account p {
    font-size: 25px;
    font-weight: 500;
    line-height: 0;
    margin-bottom: 20px;
}

.my_trc_email {
    box-shadow: rgb(51 51 51 / 22%) 0px 0px 20px;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 110px;
    background-color: rgb(255 255 255 / 73%);
    backdrop-filter: blur(22px);
}

.my_email_abc {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #6b6b6b4b;
}

.my_trc20_wallet {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.my_usdt_available_frozen {
    width: 50%;
    text-align: center;
}

.my_usdt_available_frozen p {
    line-height: 0;
    
}

.my_usdt_available_frozen:nth-child(1) p {
    color: green;

}

.my_usdt_available_frozen:nth-child(2) p {
    color: red;
}

.my_usdt_available_frozen span {
    color: #3333338a;
}


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

.my_division_2_box {
    background-color: white;
    padding: 15px 0px;
    border-radius: 7px;
    /* color: white; */
    position: relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.253);
    
}

.my_page_button_for_click {
    display: flex;
    padding: 12px 12px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c5c5c58a;
}

.my_page_button_for_click:hover {
    background-color: #f5f5f5;
}

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

.image_icon {
    width: 50px;
    height: 50px;
    background-color: #cc0000;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    box-shadow: rgb(51 51 51 / 22%) 0px 0px 20px;
}

.my_button_image_name img {
    width: 25px;
}

.next_icon img {
    width: 15px;
    height: 15px;
}


/* ------- --------------- Recharge Record section is started from here */


.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;
    
   
}

.recharge_record {
    font-weight: 500;
}

.cumulative_recharge {
    font-weight: 500;
}

.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: #cc0000; 
}

.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(4){
    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;
}



/* ------- --------------- Change Passowrd section is started from here */

.change_password_title {
    font-weight: 500;
    text-align: center;
    font-size: 25px;
    margin: 20px 0px;
}

.remember_your_pass {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    color: #6f7070;
}

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



.notice_division_2 {
    width: 100%;
    padding: 0px 15px;
    padding-top: 100px;
    
}

.notice_division_2_box {
    background-color: rgb(255, 255, 255);
    padding: 25px 12px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00623d42;  
}

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

.history_division_1 {
    width: 100%;
    padding: 0px 15px;
    padding-top: 100px;
    
}

.history_division_1_box {
    background-color: rgb(255, 255, 255);
    padding: 25px 12px;
    border-radius: 10px;
    
}

.all_pending_completed_freezing a{
  margin-right: 10px;
  background-color: #cc0000;
  box-shadow: 0px 0px 10px #00623d42;  
  padding: 10px;
  color: white;
  border-radius: 10px;
  text-decoration: none;
}

.all_pending_completed_freezing a:hover {
    color: white;
}

.all_pending_completed_freezing a:focus {
    background-color: #cc0000;

}


/* ---------------------- grab section is started from here */
.grab_page_main {
    background-color: #edf3f8;
    height: 100vh;
    margin-top: -20px;
}
.grab_division_1 {
    width: 100%;
    padding: 0px 15px;
    padding-top: 100px;
    
}

.grab_division_1_box {
    background-color: rgb(255, 255, 255);
    padding: 25px 12px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.grab_division_2 {
    width: 92%;
    padding: 0px 15px;
    position: relative;
    margin: 0 auto;
    
}

.grab_division_2_box {
    padding: 25px 12px;
    border-radius: 10px;
    background-color: #cc0000;
    position: absolute;
    right: 0;
    left: 0;
    top: 20px;
    box-shadow: 0px 0px 10px #0000005c;
}

.free_question {
    display: flex;
    justify-content: space-between;
    

}

.free_question span {
    font-size: 20px;
    font-weight: 500;
    color: white;
}

.free_question img {
    height: 20px;
    width: 20px;
}

.commission_percent {
    font-weight: 400;
    color: white;
    margin-top: 10px;
}

.complt_all_incomplt {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
}

.complt_all_child {
    text-align: center;
    color: white;
}

.complt_all_child p {
    line-height: 0;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 24px;
}

.complt_all_child span {
    font-weight: 500;
}


.grab_division_3 {
    width: 100%;
    padding: 0px 15px;
    margin-top: 217px;
    
}

.grab_division_3_box {
    background-color: white;
    padding: 25px 12px;
    border-radius: 10px;
}

.grab_trc20_wallet {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c5c5c58a;
    padding: 10px 0px;
}

.grab_usdt_available_frozen {
    width: 50%;
}

.grab_usdt_available_frozen p{
    font-size: large;
    font-weight: 500;
    line-height: 0;
}

.grab_usdt_available_frozen span{
    color: #3333338a;
    font-size: small;
}

.grab_usdt_available_frozen:nth-child(2) {
    text-align: right;
}

.grab_button {
    margin-top: 20px;
}

.grab_button button {
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
    background-color: #cc0000;
    border: none;
    outline: none;
    padding: 12px 0px;
    border-radius: 30px;
}

.grab_button button:hover {
    background-color: #cc0000;
}
/* u
uu
u
u */























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

footer {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.54);
    height: 4.3rem;
    align-items: center;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 20px;
}

/* From https://css.glass */

/* border-radius: 16px;
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3); */

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

/* .footer_box:hover {
    background-color: #ffffff;
} */

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

.footer_box_main_icon {
    margin-bottom: 40px;
}