.input-wrapper {
  position: relative;
  width: 100%; /* adjust as needed */
}

.input-wrapper .icon {
  position: absolute;
  left: 10px;      /* distance from left edge */
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none; /* so input is clickable */
}

.input-wrapper input {
  width: 100%;
  padding: 10px 10px 10px 35px; /* padding-left for icon */
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}

    html, body {
      height: 100%;
      margin: 0;
      font-family: Arial, sans-serif;
    }

    .full-height {
      height: 100vh;
    }

    .left-col {
      /* background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb') no-repeat center center; */
      background-size: cover;
    }

    .right-col {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f8f9fa;
    }

    .login-card {
      background: #fff;
      padding: 40px;
      border-radius: 15px;
      /* box-shadow: 0 10px 25px rgba(0,0,0,0.2); */
      width: 100%;
      max-width: 494px;
    }

    .login-card h2 {
      color: #224abe;
      margin-bottom: 20px;
    }

    .form-control:focus {
      box-shadow: none;
      border-color: #1eaae7 !important;
    }

    .btn-primary {
      background-color: #1eaae7 !important;
      border: none;
      font-size: 12px;
      height: 38px;
    }

    .btn-primary:hover {
      background-color: #4e73df;
    }

    .text-center a {
      color: #224abe;
      text-decoration: none;
    }
    .text-center a:hover {
      text-decoration: underline;
    }

    @media (max-width: 768px) {
      .left-col {
        display: none; /* Hide image on smaller screens */
      }
    }

   .horizontal-line {

        border-top: 1px solid #e1e1f0 !important;
        width: 40%;
        margin: 20px auto;
        margin-left: 3px;
    }

     .horizontal-line1 {

       border-top: 1px solid #e1e1f0 !important;
       width: 40%;
       margin: 20px auto;
       margin-right: 5px;
    }

    ::placeholder {
      font-size: 12px !important;   /* reduce font size */
      color: #b1b1b1 !important;       /* optional: lighter color */
    }

    .form-control {
        font-size: 0.8rem !important;
    }