* {
        padding: 0px;
        margin: 0px;
        box-sizing: border-box;
    }
    /* color: 
orange: #fe6b3f
dark orange: #df764c */
    
    body {
        /* width: 428px;
        height: 926px;
        margin: auto;
        border: 1px solid red; */
        font-family: 'Asap', sans-serif;
    }
    /* ------- --------------- account title is started from here */
    
    .page_back {
        margin-top: 5px;
        padding: 0px 20px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    
    .page_back img {
        max-width: 20px;
    }
    
    .page_back span {
        text-align: center;
        width: 100%;
        font-weight: 600;
    }
    
    main {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        padding: 25px
    }
    
    .register_main_box {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 7px #ff630c;
        border-radius: 15px;
        padding: 1rem;
    }
    
    .account_title {
        text-align: center;
        font-weight: 600;
        font-size: 20px;
        padding: 1rem;
        color: rgb(36, 36, 36);
    }
    /* ------- --------------- border is started from here */
    
    .border_dash {
        border: 0.5px dashed rgba(128, 128, 128, 0.301);
        margin: 20px 0px;
    }
    /* ------- --------------- form is started from here */
    
    .input_title {
        color: #48576a;
        font-size: 14px;
        font-weight: 600;
        margin: 10px 0;
    }
    
    .input_parent {
        color: #48576a;
        font-size: 14px;
        display: flex;
        align-items: center;
        padding: 0 10px;
        border: 1px solid gray;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    
    .input_id_image {
        width: 20px;
        height: 20px;
    }
    
    .main_input_type {
        border: none;
        width: 100%;
        background: white;
        color: #1f2d3d;
        height: 36px;
        line-height: 1;
        font-size: inherit;
        padding: 3px 10px;
        font-weight: 600;
        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
        outline: none;
    }
    
    .register button {
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        border: 1px solid #df764c;
        background-color: #fe6b3f;
        color: white;
        margin-top: 15px;
    }
    
    .login button {
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        border: 1px solid #df764c;
        background-color: #ffffff;
        color: black;
        margin-top: 15px;
    }
    
    .social_media {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .social_media img {
        height: 2rem;
        width: 2rem;
        margin: 0 10px;
    }
    /* ------- --------------- Index file form is started from here  ------- ---------------  ------- --------------- */
    /* .main_home {
       
    } */
    
    .home_division_1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
    }
    
    .home_division_2 {
        width: 100%;
        margin-top: 10px;
    }
    
    .home_division_2 img {
        width: 100%;
        height: 100%;
    }
    
    .home_division_3 {
        width: 100%;
        height: auto;
        padding: 0px 15px;
        margin: 10px 0px;
    }
    
    .home_division_3 img {
        width: 20px;
        height: 20px;
    }
    
    .home_division_4 {
        width: 100%;
        height: auto;
        padding: 0px 15px;
        margin-top: 20px;
    }
    
    .home_division_4 .four_button {
        display: flex;
        justify-content: space-between;
        border: 1px solid #fe6b3f;
        padding: 5px;
        border-radius: 10px;
    }
    
    .four_button a {
        background-color: #fe6b3f;
        width: 33%;
        text-align: center;
        border-radius: 10px;
        color: white;
        padding: 5px 0px;
        text-decoration: none;
    }
    
    .four_button a:active {
        background-color: #df764c;
        color: white;
    }
    
    .start_mining {
        width: 100%;
        height: auto;
        padding: 0px 15px;
        margin-top: 20px;
    }
    
    .start_mining .mining_parent {
        width: 100%;
        box-shadow: 1px 1px 7px -3px black;
        padding: 20px;
        border-radius: 12px;
    }
    
    .mining_child_1 {
        display: flex;
        justify-content: space-between;
    }
    
    .mining_child_1 img {
        max-width: 120px;
        border-radius: 3px;
    }
    
    .mining_grand_child_1 {
        display: flex;
        flex-direction: column;
    }
    
    .mining_grand_child_1 span {
        font-size: large;
        font-weight: bold;
        font-family: lato;
        line-height: 2;
    }
    
    .mining_child_2 {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    
    .mining_child_2 .percentage {
        text-align: right;
    }
    
    .mining_child_2 span {
        font-weight: 600;
        line-height: 1.8;
    }
    
    .mining_child_3 {
        margin-top: 10px;
    }
    
    .mining_child_3 button {
        width: 100%;
        padding: 5px 0px;
        border: none;
        background-color: #fe6b3f;
        border-radius: 5px;
        color: white;
    }
    
    .home_division_6 {
        width: 100%;
        height: auto;
        padding: 0px 15px;
        margin-top: 20px;
        text-align: center;
        color: gray;
    }
    
    .home_division_7 {
        width: 100%;
        height: auto;
        padding: 0px 15px;
        margin-top: 20px;
        margin-bottom: 100px;
    }
    
    .home_division_7_box {
        width: 100%;
        box-shadow: 1px 1px 7px -3px black;
        padding: 20px;
        border-radius: 12px;
    }
    
    .home_division_7 .explain {
        font-weight: bold;
    }
    
    .dash_line {
        border: 1px dashed gray;
        margin-top: 15px;
    }
    
    .unser_notice {
        margin-top: 20px;
    }
    
    .unser_notice span {
        display: flex;
        margin-top: 10px;
        font-weight: 600;
    }
    
    .unser_notice span:nth-child(2) {
        color: rgb(235, 0, 0);
    }
    /* ------- --------------- My file is started from here  ------- ---------------  ------- --------------- */
    /* .my_main {} */
    
    .my_division__1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
    }
    
    .my_division__2 {
        width: 100%;
        margin-top: 10px;
    }
    
    .my_division__2 .profile_bg {
        background-color: black;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 20px;
        height: 8rem;
        background: url(/app/assets/image/blackbg.jpg);
        background-size: 100%;
    }
    
    .profile_child_1 img {
        max-width: 70px;
        border-radius: 50%;
        outline: 2px solid white;
    }
    
    .profile_child_1 span {
        margin-left: 10px;
        color: white;
    }
    
    .profile_child_2 img {
        max-width: 70px;
    }
    
    .my_division__3 {
        width: 100%;
        margin-top: 10px;
        display: flex;
        justify-content: center;
        padding: 0px 20px;
    }
    
    .my_division__3 .balance_bg {
        background-color: #1f2d3d;
        width: 100%;
        padding: 15px 20px;
        border-radius: 15px;
        background: url(/app/assets/image/mining-image-dark.png);
    }
    
    .balance_bg .balance_child:nth-child(4) span:nth-child(2) {
        color: #ff5722;
        margin-right: -2px;
    }
    
    .balance_bg .balance_child {
        display: flex;
        justify-content: space-between;
        color: white;
    }
    
    .balance_child span {
        line-height: 2;
        font-size: 16px;
    }
    
    .balanace_amount span:nth-child(1) {
        margin-right: 10px;
    }
    
    .balanace_amount span:nth-child(2) {
        color: #ff5722;
        margin-right: -2px;
    }
    
    .my_menu_title {
        width: 100%;
        padding: 0px 20px;
        margin-top: 10px;
        font-weight: 700;
    }
    
    .my_division__final {
        width: 100%;
        margin-top: 10px;
        padding: 0px 20px;
    }
    
    .my_division__final .my_menu_data {
        width: 100%;
        box-shadow: 0px 1px 4px 0px #df350099;
        padding: 10px 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }
    
    .my_menu_data span:nth-child(1) {
        color: #ff5722;
        margin-right: 10px;
    }
    
    .log_out {
        width: 100%;
        padding: 0px 20px;
        margin-top: 20px;
        font-weight: 700;
        margin-bottom: 70px;
    }
    
    .log_out button {
        width: 100%;
        padding: 8px 0px;
        border: none;
        border-radius: 10px;
        font-weight: 700;
        color: #ffffff;
        background-color: red;
    }
    /* ------- --------------- Balance file is started from here  ------- ---------------  ------- --------------- */
    
    section.withdraw_section {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        margin-top: 30px;
        padding: 0px 25px;
    }
    
    .notice_for_withdraw {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 2px #ff630c;
        border-radius: 15px;
        padding: 1rem;
    }
    
    .notice_for_withdraw .notice_image {
        display: flex;
        align-items: center;
        /* opacity: 0.5; */
    }
    
    .notice_for_withdraw img {
        width: 25px;
        height: 25px;
    }
    
    .notice_content span {
        display: flex;
        margin-top: 20px;
        color: #ff5722;
    }
    
    .balance_main_box {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 7px #ff630c;
        border-radius: 15px;
        padding: 1rem;
    }
    
    .submit button {
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        border: 1px solid #df764c;
        background-color: #fe6b3f;
        color: white;
        margin-top: 15px;
    }
    /* ------- --------------- Invite file is started from here  ------- ---------------  ------- --------------- */
    /* .main_home {
        
    }
     */
    
    .invite_division_2 {
        width: 100%;
        margin-top: 10px;
        background-color: #1e4c64;
        padding: 20px 0px;
        display: flex;
        justify-content: center;
    }
    
    .invite_division_2 img {
        width: 60%;
        height: 60%;
    }
    
    .invite_division_3 {
        display: flex;
        flex-direction: column;
        padding: 20px 20px;
        /* margin-top: 10px; */
    }
    
    .invite_divition_3_align {
        margin-top: 10px;
        text-align: center;
    }
    
    .invite_division_3 a {
        text-decoration: none;
    }
    
    .invite_division_3 button {
        border: none;
        padding: 10px 0px;
        color: white;
        background-color: #ff5722;
        border-radius: 15px;
    }
    
    .invite_division_3 button:active {
        background-color: #fe6b3f;
    }
    /* ------- --------------- Contact file is started from here  ------- ---------------  ------- --------------- */
    
    .contact_main {
        width: 100%;
        padding: 0px 20px;
        margin-top: 30px;
    }
    
    .contact_main_box {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 7px #ff630c;
        border-radius: 15px;
        padding: 1rem;
        margin-top: 20px;
    }
    
    .contact_division_1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .contact_division_1 img {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }
    
    .contact_division_1 input {
        border: none;
        background-color: gray;
        border-radius: 10px;
        padding: 5px 20px;
        outline: none;
        color: white;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
    
    .contact_division_2 {
        margin-top: 10px;
    }
    
    .contact_division_2 button {
        width: 100%;
        padding: 10px 0px;
        background-color: #ff5722;
        color: white;
        border: none;
        border-radius: 10px;
    }
    
    .contact_division_2 button:active {
        background-color: #fe6b3f;
    }
    /* ------- --------------- withdrawals record file is started from here  ------- --------------------- --------------- */
    
    .withdraw_record_main {
        width: 100%;
        padding: 0px 20px;
        margin-top: 30px;
    }
    
    .withdraw_record_main_box {
        width: 100%;
        display: flex;
        height: auto;
        box-shadow: 0px 0px 5px #ff630c;
        border-radius: 15px;
        padding: 1rem;
        margin-top: 20px;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
    }
    
    .withdraw_record_division_1 {
        display: flex;
        flex-direction: column;
    }
    
    .withdraw_record_division_1 span {
        line-height: 2;
    }
    /* fdfd
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    d
    dd
     */
    /* Bottom Nav started from here --------------------------------------------------------------------------------------------------*/
    
    .nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 55px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        display: flex;
        overflow-x: auto;
        border-radius: 15px 15px 0px 0px;
    }
    
    .nav__link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
        min-width: 50px;
        overflow: hidden;
        white-space: nowrap;
        font-family: sans-serif;
        font-size: 13px;
        color: black;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        transition: background-color 0.1s ease-in-out;
    }
    /* .nav a:hover {
        color: white;
    }
    
    .nav__link:hover {
        background-color: #ff5722;
    } */
    
    .nav__link--active {
        color: green;
    }
    
    .nav__icon {
        font-size: 18px;
    }