/* General styles */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa;
    margin: 0;
    padding: 0;
  }
  
  /* Style for centering the form */
  .card {
    margin: 20px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
  /* Style for the logo images */
  .logo {
    max-width: 100px;
    height: auto;
    margin: 0 10px;
  }
  
  /* Responsive design for the logo */
  @media (max-width: 767.98px) {
    .logo {
      max-width: 80px;
    }
  }
  
  /* Footer styling */
  
  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #343a40;
    color: white;
    text-align: center;
    padding: 10px 0;
  }
  
  /* Adjust footer for mobile view */
  @media (max-width: 576px) {
    .footer {
      padding: 2px 0; /* Reduce padding */
      font-size: 0.8rem; /* Reduce font size */
    }
  }
  
  /* Style for form steps */
  .form-step {
    display: none;
  }
  
  .form-step.active {
    display: block;
  }
  
  /* Responsive styling for form and buttons */
  @media (max-width: 576px) {
    .form-step {
      padding: 15px;
    }
  
    .btn-group {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .btn-group .btn {
      margin: 5px 0;
      width: 100%; /* Ensure the button takes full width on small screens */
    }
  
    .btn-next {
      background-color: #007bff;
      color: #fff;
    }
  
    .btn-prev {
      background-color: #6c757d;
      color: #fff;
    }
  
    .btn-submit {
      background-color: #28a745;
      color: #fff;
    }
  }
  
  .btn-group {
    margin-top: 20px;
  }
  
  .btn {
    width: 100%;
  }
  
  .btn-next {
    background-color: #007bff;
    color: #fff;
  }
  
  .btn-prev {
    background-color: #6c757d;
    color: #fff;
  }
  
  .btn-submit {
    background-color: #28a745;
    color: #fff;
  }