@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

body{
  font-family: 'Inter', sans-serif;
}
a {
  text-decoration: none;
}
.vconLogo{
  width: 25%;
  margin: 30px;
}
.formBody{
    margin-bottom: 20px;
  }
  .mainForm {
    padding: 40px;
    border-radius: 10px;
    background: #f8f9fa;
  }
.form-control{
  background-color: #fff;
  padding: 12px;
  outline: 0;
  color: rgba(0, 20, 42, 0.6);
  border: 1px solid #f0f2f5;
}
.form-control:focus{
  border: 1px solid #f1f2f5;
  background-color: #ffffff;
  outline: 0;
  color: rgba(0, 20, 42, 0.6);
  box-shadow: none !important;
}
.form-label,
.form-check-label{
  font-weight: 400;
  font-size: 16px;
  color: rgba(0, 20, 42, 0.6);
}
.registerBtn > button{
  min-width: 160px;
  padding: 15px 20px;
  border: none;
  border-radius: 30px;
  background-color: #204494;
  color: white;
}
.registerBtn > button:hover{
  background-color: #0a245f;
  color: white;
}
.termPolicy {
    color: rgba(0, 20, 42, 0.6);
}
@media (max-width: 576px) {
  .formBody{
    margin-bottom: 20px;
  }
  .vconLogo{
    width: 40%;
    margin: 20px 20px 20px 0px;
  }
  .mainForm {
    padding: 15px;
  }
}