body {
          margin: 0;
          height: 100vh;
        }
        .title1{
          font-size: 25px !important;
        }
        .dn1{
          text-decoration: none;
        }
        .btn1{
          color: #fff !important;
          margin-top: 8px;
        }
        .left-side {
          background: url('image/indbg1.jpg') no-repeat center center/cover;
          color: white;
          display: flex;
          align-items: center;
          padding: 40px;
        }
        .overlay {
          background: rgb(9 95 164 / 84%);
          padding: 40px;
          border-radius: 12px;
        }
        .right-side {
          display: flex;
          justify-content: center;
          align-items: center;
          background: #f8f9fa;
        }
        .login-box {
          width: 100%;
          max-width: 360px;
          padding: 2px;
          border-radius: 15px;
          background: linear-gradient(135deg, #0d6efd, #6bbdff);
        }
        .login-inner {
          background: white;
          padding: 30px;
          border-radius: 13px;
        }
        .input-group-text {
          background: #fff;
        }
        .form-control:focus {
          border-color: #6f42c1;
          box-shadow: 0 0 8px rgba(111, 66, 193, 0.4);
        }
        .btn-custom {
          background: linear-gradient(135deg, #004ab7, #108ef2);
          border: none;
          border-radius: 10px;
          color: white;
        }
        .eye-btn {
          cursor: pointer;
        }
        @media (max-width: 768px) {
          .left-side {
            display: none;
          }
        }
        @media screen and (max-width: 768px){
        }