.d-popup {
    display: flex;
    flex-direction: column;
    width: 32%;
    background-color: #f3b665d4;
    padding: 1rem;
    border-radius: 10px;
    position: fixed;
    top: 21%;
    right: 5px;
    border: 3px solid #f1f1f1;
    z-index: 9;
    box-shadow: -11px 13px 10px #8b8bb9b5;
}

    .d-popup > label {
       
    }

    .d-popup > * {
        margin-top: 5px;
    }

    .d-popup > .d-input-text {
        border: 1px solid gray;
        height: 29px;
        width: 70%;
        align-self: center;
        padding: 10px;
        border-radius: 5px;
    }

    .d-popup > .btn {

        width: 70%;
        align-self: center;
    }



.d-opn-btn {
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
}

.social_login{
    display:flex;
    flex-direction:row;
    align-self:center;
}