.gradient-custom-2 {
background: #fccb90;


background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);


background: linear-gradient(to right, #e76d16,  #3c1ebe);
}
.disabled-link {
  pointer-events: none;   /* kills click */
  opacity: 0.5;           /* looks disabled */
  cursor: not-allowed;
}
.logos{
  width: 350px;
}
@media (min-width: 768px) {
.gradient-form {
height: 120vh !important;
}
}
.logoimg{
  width: 500px;
}
@media (min-width: 769px) {
.gradient-custom-2 {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
.site-footer{
  position: sticky;
}
}
@media (max-width: 991px) {
  .card-body {
    padding: 2rem 1.5rem !important;
  }
}
@media (max-width: 450px) {
  .logoimg,.logos{
    width: 300px;
  }
}
.site-footer {
  background: #4400b3; 
  padding: 10px 20px;
}

.footer-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

/* Social buttons */
.social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.social-btn:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Platform colors */
.facebook {
  background: #1877f2;
}

.instagram {
  background: linear-gradient(
    45deg,
    #f58529,
    #dd2a7b,
    #8134af,
    #515bd4
  );
}
/* ORANGE GRADIENT NAVBAR */
.gradient-orange {
  background: rgb(255, 255, 255);
}


/* Navbar link styling */
.navbar-light .navbar-nav .nav-link {
  color: #000000;
  font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #ff9900;
}

/* Brand */
.navbar-brand {
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}

/* Login button hover */
.navbar .btn-light:hover {
  background-color: #fff3e0;
}
.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

/* Step indicator */
.stepper .step {
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #999;
}

.stepper .step.active {
  color: #0d6efd;
}
.navbar-elevated {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.425);
  z-index: 1050;
}
.loginbtn{
  color: white;
  background: linear-gradient(to right, #e76d16,  #3c1ebe);
}