/* Section background */
.reg-section{
  background:url("../images/hero-banner.jpg") center/cover no-repeat;
  min-height: 85vh;
}

/* Overlay for readability */
.reg-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.55) 45%,
    rgba(0,0,0,.35) 100%
  );
}

/* badge */
.reg-badge{
  background: rgba(163, 163, 163, 0.18);
  border: 1px solid rgba(131, 131, 131, 0.35);
}

/* Glass card */
.reg-card{
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

/* icon bubble */
.reg-icon{
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(250,203,0,.18);
  border: 1px solid rgba(250,203,0,.35);
  color: #111;
  font-size: 22px;
}

/* inputs modern */
.reg-card .form-control,
.reg-card .form-select{
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);

}

.reg-card .form-control:focus,
.reg-card .form-select:focus{
  border-color: rgba(250,203,0,.8);
  box-shadow: 0 0 0 .25rem rgba(250,203,0,.18);
}

 .required{ color:#dc3545; }
    
    .iti{ display:block !important; }
    .iti__flag{ margin-right: 10px; }

@media (max-width: 992px){
  .reg-section{ min-height: auto; }
}