body {
  background: rgb(255,209,229);
  background: linear-gradient(
    90deg,
    rgba(255, 209, 229, 0.30593487394957986) 0%,
    rgba(230, 242, 255, 1) 100%
  );
}

.borderbottom {
  border-bottom: 1px solid #ccc;
}

.form-label{
  font-weight: 600;
}

.universaldesignhref{
  color: red;
  text-decoration: none;
}


.textnone{
  text-decoration: none;
}

.viewinput{
  font-weight: 600;
  font-size: 20px;
}

.passfailholdselecttext{
  font-weight: 600;
  font-size: 20px;
}

/* Modern footer styles */
.site-footer{
  background:#07142a;
  color:#e6f0ff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
}
.site-footer__inner{
  max-width:1100px;
  margin:0 auto;
  padding:40px 20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:28px;
  align-items:start;
}
.footer-title{
  margin:0 0 12px;
  font-size:16px;
  color:#fff;
}
.footer-links,
.footer-helpline{
  list-style:none;
  padding:0;
  margin:0;
  line-height:1.9;
}
.footer-links a{
  color:#cfe6ff;
  text-decoration:none;
  transition:color .18s ease;
}
.footer-links a:hover{color:#ffd24d}
.footer-helpline li{display:flex;align-items:center;gap:10px;color:#d7e9ff}
.footer-helpline strong{color:#fff}
.svg-icon{width:20px;height:20px;flex:0 0 20px;color:#ffd24d}
.site-footer__col--brand{display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center}
.footer-brand{display:flex;gap:12px;align-items:center}
.footer-logo svg{display:block}
.footer-about p{margin:0;color:#c7dff6}
/* .footer-about{ text-align:center } */
.footer-copy{font-weight:700;color:#fff}
.footer-social{display:flex;gap:10px;margin-top:8px}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,0.04);color:#ffd24d;text-decoration:none}
.social-link:hover{background:rgba(255,255,255,0.08)}
.social-facebook{color:#1877F2}
.social-twitter{color:#1DA1F2}
.social-instagram{color:#E1306C}
.social-youtube{color:#FF0000}
.site-footer__bar{border-top:2px solid #ffd24d;padding:12px 0;margin-top:10px}
.site-footer__bar-inner{max-width:1100px;margin:0 auto;padding:0 20px;color:#9fb9de;font-size:13px;text-align:center}

@media (max-width:520px){
  .site-footer__inner{padding:28px 12px;grid-template-columns:1fr}
  .svg-icon{width:18px;height:18px}
}

/* logo images used in navbar/footer */
.footer-logos{display:flex;gap:10px;align-items:center}
.footer-logos img{height:60px;width:auto;display:block}
@media (max-width:520px){
  .footer-logos img{height:48px}
}

/* helpline-specific logo placement */
.footer-logos--helpline{margin-top:14px}
.site-footer__col--helpline .footer-logos{justify-content:flex-start}

/* Navbar nav-item hover: outline like button */
.navbar-nav .nav-link{
  padding:8px 12px;
  border-radius:8px;
  transition: all 180ms ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:focus-within .nav-link{
  outline: 2px solid rgba(155,107,34,0.18);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transform: translateY(-1px);
  background: rgba(155,107,34,0.04);
}
.navbar-nav .nav-link.btn, .navbar-nav .nav-link.btn-primary{
  padding-left:14px;padding-right:14px;
}

/* Make the navbar brand behave like the nav-link on hover/focus */
.navbar-brand {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 8px;
    transition: all 180ms ease;
}
.navbar-brand:hover,
.navbar-brand:focus {
    outline: 2px solid rgba(155, 107, 34, 0.18);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
    background: rgba(155, 107, 34, 0.04);
    text-decoration: none;
}