@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap');
*{font-family: 'Inter', sans-serif;}
.form-label{
    font-weight: 500;
    font-size: 14px;
    color: #383838;
    margin-bottom: 5px;
}
.form-control, .form-select{ background-color: #f5faff;border:1px solid #ebebeb;transition: .3s all;font-size: 14px;}
.form-control:hover, .form-select:hover{border: 1px solid #3a7bd5;}      
.form-control:focus, .form-select:focus{box-shadow: 0 0 6px 0.25rem rgb(179 210 253 / 25%);}
.btn-grad {
    background: #132e4e;
    padding: 10px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    border: none;
}
  .btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 13px 20px #9d9b9b8a;
  }
  .reg-form {
    background: #fff;
    padding: 50px;
    border-radius: 10px;
}