body {
    color: rgba(129, 146, 162, 0.3);
}

.mainT {
    width: 80%;
    background-color: black; /*#061E3A;*/
    margin-top: 100px;
    margin-left: 10%;
    margin-bottom: 100px;
    border-radius: 15px;
    color: darkgoldenrod;
}

.LoginT {
    border-radius: 15px;
    border: 1px solid rgba(129, 146, 162, 0.3);
    width: 100%;
    margin-right: 10%;
    box-shadow: 0 4px 20px 0, 0 7px 45px -5px darkgoldenrod !important;
    padding: 5px;
}

.LoginPhone {
    border: 1px solid rgba(129, 146, 162, 0.3);
    width: 35%;
    margin-right: 50%
}

.font1 {
    font-weight: 700;
    font-style: normal;
    font-size: 44.0px;
    line-height: 58.0px;
    color: darkgoldenrod;
}

.font2 {
    font-weight: 400;
    font-style: normal;
    font-size: 14.0px;
    line-height: 22.0px;
    color: black;
}
.copywrite {
    text-align: end;
    margin-right: 11px;
}
.social_icon img {
    width: 20px;
    height: 20px;
    /*border: 2px solid black;*/
    padding: 5px;
    border-radius: 7px;
    box-shadow: 0 0px 5px 3px #ffdbb3, 0 3px 13px -4px #111 !important;
    margin: 0px 8px;
    cursor: pointer;
}

        .social_icon img:hover {
            box-shadow: 0 0px 5px 3px #ffffff, 0 3px 13px -4px #111 !important;
            transform: scale(1.1);
            filter: drop-shadow(2px 4px 6px black);
        }

    .font3 {
        font-weight: 700;
        font-style: normal;
        font-size: 24.0px;
        color: darkgoldenrod;
        line-height: 32.0px;
    }

    .font4 {
        font-weight: 600;
        font-style: normal;
        font-size: 14.0px;
        color: darkgoldenrod;
        line-height: 18.0px;
    }

    .font5 {
        font-weight: 700;
        font-style: normal;
        font-size: 18.0px;
        color: darkgoldenrod;
        line-height: 21.0px;
    }

    .font6 {
        color: darkgoldenrod;
    }

    .font7 {
        font-weight: 400;
        font-style: normal;
        font-size: 14.0px;
        line-height: 22.0px;
        color: darkgoldenrod;
    }

    .inputL {
        width: 275px;
        height: 33px;
        text-indent: 10px;
        border: 1px solid rgb(184, 185, 217);
    }

    .signbtn {
        width: 275px;
        height: 38px;
        background-color: white !important;
        color: black !important;
        border: none !important;
    }

    .imgGoogle {
        padding: 5px;
        display: inline-flex;
        margin-left: 5px;
    }

    .signbtnGoogle {
        box-shadow: none !important;
        width: 200px;
        height: 35px;
        background-color: white !important;
        border: none;
        color: black !important;
    }

    .signGoogle {
        border-radius: 10px;
        border: 1px solid blue;
        border-width: 1px !important;
        display: flex !important;
        width: 275px;
        height: 36px;
        background-color: white;
        color: rgba(44, 48, 143, 1.0) !important;
    }

    .w1 {
        width: 6%;
    }

    .w2 {
        width: 7%;
    }

    .w3 {
        width: 78%;
        padding: 2px;
    }

    ::placeholder {
        font-weight: 400;
        font-style: normal;
        font-size: 16.0px;
        color: rgba(129, 146, 162, 1.0);
        line-height: 21.0px;
    }

    @media screen and (max-width: 376px) {
        .w1 {
            width: 3%;
        }

        .w2 {
            width: 3%;
        }

        .w3 {
            width: 94%
        }
    }

    #credential_picker_container {
        border: none;
        height: 330px;
        position: fixed;
        right: 0px;
        top: 10px;
        width: 391px;
        z-index: 9999;
    }