.login-form-wrapper{ display: flex; align-items: center; justify-content: center; }
.login-form-wrapper .form-wrap{ max-width: 500px; border-radius: 26px; border: 1px solid #E6E6E6; background: #FFF; }
.login-form-wrapper .sign-up-heading{ font-size: 35px; }
.login-form-wrapper .sign-up-sub{ font-size: 16px; }
/* .login-form-wrapper .form-control{ font-size: 1rem;border-radius:10px; } */
.login-form-wrapper .submit-button{ font-size: 1rem;border-radius:10px; }
.login-form-wrapper .social-logins{ display: block; text-align: center; }
.login-form-wrapper .social-logins a{ color: #6A6A6A; font-family: Overpass; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: block; border-radius: 10px; border: 1px solid #6A6A6A; background: #FFF; padding: 15px; text-decoration: none; margin-bottom: 10px; }
.login-form-wrapper .social-logins a:last-child{ margin-bottom: 0; }


@media only screen and (min-width: 1001px) and (max-width: 1200px){
    .login-form-wrapper .form-wrap{ max-width: 400px; padding: 1.8rem !important; background: #fff; }
    .login-form-wrapper .sign-up-heading{ font-size: 36px; }
    .login-form-wrapper .sign-up-sub{ font-size: 15px; }
    /* .login-form-wrapper .form-control{ font-size: 1rem !important; padding: 0.7rem; } */
    .login-form-wrapper .submit-button{ font-size: 1rem; }
    .login-form-wrapper .social-logins a{ font-size: 16px; padding: 0.3875rem; }
}
  
@media only screen and (min-width: 768px) and (max-width: 1000px){
    .login-form-wrapper{ position: absolute; }
    .login-form-wrapper .form-wrap{ max-width: 550px; padding: 1.8rem !important; background: #fff; }
}
  
@media (max-width: 767px){
    .login-form-wrapper{ position: absolute; }
    .login-form-wrapper .form-wrap{ width: 320px; padding: 1.8rem !important; background: #fff; }
    .login-form-wrapper .sign-up-heading{ font-size: 36px; }
    .login-form-wrapper .sign-up-sub{ font-size: 15px; }
    /* .login-form-wrapper .form-control{ font-size: 1rem !important; padding: 0.7rem; } */
    .login-form-wrapper .submit-button{ font-size: 1rem; }
    .login-form-wrapper .social-logins a{ font-size: 16px; padding: 0.3875rem; }
}