body {
  background-color: #f0f4ff;
  font-family: 'Poppins', sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.top-marquee {
  background: #fff;
  color: #031e68;
  font-weight: 500;
  padding: 5px 10px;
  font-size: 16px;
  border-bottom: 3px solid #ddd;
}
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 30px 15px;
}
.login-card {
  display: flex;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  max-width: 1250px;
  width: 100%;
  min-height: 480px;
}
.carousel-section {
  flex: 1;
}
.carousel, .carousel-inner, .carousel-item { height: 100%; }
.carousel-item img {
  width: 100%;
/*   height: 100%;
 */  object-fit: cover;
}
.login-section {
  flex: 1;
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-section h3 {
  font-weight: 600;
  margin-bottom: 10px;
  color: #f48b26;
}
.form-control {
  border: none;
  border-bottom: 2px solid #eee;
  border-radius: 0;
  box-shadow: none;
}
.form-control:focus {
  border-color: #f48b26;
  box-shadow: none;
}
.btn-primary {
  background: linear-gradient(to right, #f48b26 13%,  #fd4204 81%);
  border: none;
  border-radius: 30px;
  padding: 10px 0;
  font-weight: 600;
  letter-spacing: 1px;
}
footer {
  text-align: center;
  padding: 15px;
  font-size: 16px;
  color: #555;
  border-top: 1px solid #fd4204;
  background-color: #f48b26;
}
footer a { color: #fff; text-decoration: none; margin: 0 8px; }
footer i { color: #fff; text-decoration: none; margin: 0 8px; }
footer span { color: #fff; font-weight: 400; }
@media (max-width: 768px) {
  .login-card { flex-direction: column; }
  .login-section { padding: 40px 20px; }
}