.toggle-password {
    cursor: pointer;
}

.error-message {
    color: red;
    font-size: 12px;
    margin-top: 3px;
    display: block;
}
      .banner-grad {
        background: linear-gradient(90deg, #4c1d95 0%, #7e22ce 100%);
      }
      
      @media (max-width: 768px) {
        .responsive-container {
          padding-left: 1rem;
          padding-right: 1rem;
        }
        
        .responsive-heading {
          font-size: 2.5rem;
        }
        
        .responsive-text {
          font-size: 1.125rem;
        }
        
        .responsive-form {
          width: 100%;
          max-width: 100%;
        }
      }
      
      @media (min-width: 769px) and (max-width: 1024px) {
        .responsive-container {
          padding-left: 2rem;
          padding-right: 2rem;
        }
        
        .responsive-heading {
          font-size: 3rem;
        }
        
        .responsive-text {
          font-size: 1.25rem;
        }
      }
      
      @media (min-width: 1025px) {
        .responsive-container {
          padding-left: 3rem;
          padding-right: 3rem;
        }
        
        .responsive-heading {
          font-size: 3.75rem;
        }
        
        .responsive-text {
          font-size: 1.25rem;
        }
      }