.custom-component {
    text-align: center;
  }
  
  .otp-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  } 
  
  .link-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .submit-button:hover {
    background-color: #45a049;
  }
  
  .left-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  
  .left-image {
    height: 100%;
    width: auto;
  }
  
  .image-link {
    display: none;
  }
  
  @media (max-width: 768px) {
    .error-text {
      margin-bottom: 10px;
      text-align: right;
      color: #B62424;
      width: 75%;
      margin-left: auto;
    }

  }