.gradient-custom-2 {
    /* fallback for old browsers */
    background: #437383;
    
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #437383, #437383, #437383, #437383);
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #437383, #437383, #437383, #437383);
    }
    @media (min-width: 768px) {
    .gradient-form {
    /* height: 100vh !important; */
    }
    }
    @media (min-width: 769px) {
    .gradient-custom-2 {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    }
    }

    .password-input-container {
        position: relative;
      }
      
      .password-input-container .bi-eye {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
      }

      .loader {
        margin: -100px auto auto -100px; /* Center the spinner */
        border: 20px solid #EAF0F6;
        border-radius: 50%;
        border-top: 20px solid #437383;
        width: 200px;
        height: 200px;
        animation: spinner 2s linear infinite;
        position: absolute;
        z-index: 9;
        left: 50%;
        top: 50%;
      }
      
      @keyframes spinner {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }

      .footer {
        position: fixed;
        bottom: 0;
        width: 100%; /* Change the background color as needed */
        text-align: center;
        padding: 10px;
        background: #437383;
        color: white;
        z-index: 999;
}