body, html {
      height: 100%;
      margin: 0;
      background: #f6fafd;
    }
    .login-bg {
      background: linear-gradient(112deg,#1572ae 0%, #77bebf 100%);
      min-height: 100vh;
    }
    .feature-section {
     background: url('../img/loginBG.jpg') no-repeat center center;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .feature-overlay {
      background: rgba(21, 90, 139, 0.72);
      position: absolute;
      top:0;left:0;right:0;bottom:0;
    }
    .feature-content {
      position: relative;
      z-index: 2;
      text-align: left;
      max-width: 400px;
       
    }
    .feature-content h2 {
      font-weight: 700;
      font-size: 2.2rem;
    }
    .feature-content ul {
      margin-top: 2rem;
      margin-bottom: 2rem;
      padding-left: 18px;
    }
    .feature-content li {
      margin-bottom: .7rem;
      font-size: 1.08rem;
    }
    .feature-logo {
      width: 56px;
      margin-bottom: 20px;
    }
    .login-section {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f8fafc;
    }
    .login-card {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 2px 32px 0 rgb(0 0 0 / 11%);
      padding: 38px 32px 28px 32px;
      width: 100%;
      max-width: 500px;
      margin: 32px 0;
    }
    .login-card h4 {
      font-weight: 700;
      margin-bottom: 24px;
      color: #18647a;
    }
    .form-label {
      margin-bottom: .3rem;
      font-weight: 500;
    }
    .form-select, .form-control {
      border-radius: 8px;
      font-size: 1.01rem;
    }
    .btn-login {
      background: #1976d2;
      color: #fff;
      border-radius: 8px;
      font-weight: 600;
      padding: 10px 0;
    }
    .btn-login:hover {
      background: #155187;
    }
    .forgot-link {
      font-size: 14px;
      color: #0f5c94;
      display: block;
      margin-top: 10px;
      text-align: right;
      text-decoration: none;
    }
    .forgot-link:hover {
      text-decoration: underline;
      color: #1677be;
    }
    @media (max-width: 991.98px) {
      .feature-section {
        display: none;
      }
      .login-section {
        min-height: calc(100vh - 0px);
      }
    }