.sign-card {
    top: 10%;
    height: 100%;
    border-radius: 15px;
    max-height: 500px;
    width: 300px;
}
@media (max-width:468px){
    .sign-card {
        margin-left:30px;
    }
    .sign-image {
        display:none;
    }
    .sign-components  {
        width:inherit;
    }
}

.sign-image {
    height: 100%;
    width: 500px;
    float: right;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    object-fit:cover;
    object-position:right;
}

.sign-components {
    float: left;
    padding: 20px 20px 20px 20px;
    height: 100%;
    width: 100%;
}

.sign-form {
    margin-top: 15px;
}

.sign-label {
    font-family: 'Segoe UI';
    font-size: 11px;
    color: #4E4C4C;
}

.sign-input {
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #4E4C4C;
    margin-top: -10px;
    background-color: #F6F6F6;
    height: 50px;
}

.sign-btn {
    width: 100%;
    bottom: 0;
    background-color: #0078D4;
    border-radius: 10px;
    height: 50px;
    color: white;
    font-family: 'Segoe UI';
}