.auth-area {
    background-color: #fbfbfb;
    position: relative;
    z-index: 9;
    padding: 50px 0;
  }
  
  .login-card {
    position: relative;
    border-radius: 25px;
    box-shadow: 4px 4px 16.3px 0px rgba(0, 0, 0, 0.25);
    background: #efefef;
    padding: 60px;
  }
  
  .login-card:after {
    content: "";
    border-radius: 25px;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background: linear-gradient(180deg, #593cff 0%, #f0f0f0 100%);
    z-index: -1;
  }
  .link-primary {
    color: #593cff;
  }
  .link-primary:hover {
    color: #593cff;
  }
  .login-title {
    font-size: 35px;
    color: #593cff;
    font-weight: 700;
  }
  .login-card .btn-primary {
    background-color: #593cff;
    border-color: #593cff;
    border-radius: 10px;
  }
  
  .login-card .form-control {
    border-radius: 6px;
    padding: 14.5px;
    font-size: 16px;
  }
  
  .login-card .form-label {
    font-weight: 600;
  }
  
  .login-card .rounded {
    border-radius: 10px;
  }
  
  .login-card .shadow {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  .login-card .form-check-label{
      color: #2F2F2F;
  }
  .form-check-input:checked {
      background-color: #593cff;
      border-color: #593cff;
  }
  @media (max-width: 767px) {
    .login-card {
      padding: 40px 25px;
    }
  }
.modal-footer .btn {
  font-size: medium;
  padding: 8px 25px;
}