.logo  {
    margin-bottom: 30px !important;
    margin-top:30px !important;
}
   .bg-gray{
      background-color:#F2F3F3;
      padding-top:50px;
      padding-bottom:50px;
      flex-wrap:wrap;
      display:flex;
    }
     
    input.button {
    width:50% !important;
    }
   .marketing  .heading h1{
      color:#272525 !important;
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 2rem;
      text-align:center;
      margin-bottom:20px !important;
      margin-top:20px !important;
    }
    .bg-gray p{
      line-height: 1.25rem;
      font-size:14px;
      text-align:center;
    }
     .marketing a{
      color:#164C7E;
    }
    @media (min-width:993px)
    {

    .full-height{
      height:100vh !important;
      max-height:100% !important;
      
    }
    }
    @media (max-width:768px)
    {
      .login-form-col{
        margin-top:50px;
        margin-bottom:50px;
      }
    }
    @media (min-width:1200px)
    {
      .bg-gray .col-md-12{
        min-width:550px;
        width:550px;
      }
    }
    @media (max-width:992px)
    {
      .bg-gray , .login-form-col{
        min-width:100%;
        width:100%;
      }
      
      .login-form-col{
        margin-top:50px;
        margin-bottom:50px;
      }
    } 
    .login-form h1{
      font-size:35px;
      margin-bottom:40px !important;
    }
    .password-container {
      position: relative; /* Essential for absolute positioning of the icon */
     }
    
    .password-container i.pass-eye 
    {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%); /* Centers the icon vertically */
    cursor: pointer; /* Makes the icon clickable */
  }