.form-group {
            display: flex;
            flex-wrap: wrap;
            
            gap: 5px; /* space between inputs */
            margin-bottom: 20px;
          } 
          
          .form-group input,
          .form-group select {
             flex: 1;/* ensures equal width */
            /* flex: 1 1 200px; /* Flexible, but won’t go below 200px */
            padding: 10px;
            font-size: 16px;
          }
          
          #signup-form input[type="submit"] {
            background-color: #dd8512;
            color: white;
            
            padding-bottom: 20px;
            font-size: 16px;
            text-align: center;
            border: none;
            cursor: pointer;
          }
          /* #logo {
    position: relative;  
    margin-top: 700px;
    left: 0;
    z-index: 1000; 
    padding: 10px; /* Optional: adds space inside the corner */
     /* text-align: left;   Center on mobile */
  #logo {
  position: relative;
  margin-top: 0;
  padding-top: 2px; /* Adjust as needed */
}

  #logo img {
    width: 120px;
    height: auto;
    box-shadow: 0 0 20px #dd8512; /* Cyan glow */
    border-radius: 10px; /* Optional: round corners */
    animation: glow 2s infinite;
  }
  /* Mobile responsiveness  */
  /* Mobile View Adjustments */
  @media (max-width: 768px) {
    /* Adjust the logo size and position on mobile */
    #logo {
    margin-top: 6px;   /* Adjust top space for smaller screens */
    text-align: left;
  }
    #logo img {
      width: 90px;
        /* Make logo smaller for mobile screens */
    }

  
    
  }
      
  /* Mobile Responsiveness */
  @media (max-width: 650px) {
    #signup-form {
      max-width: 100%;
      margin: 20px 10px;
      padding: 20px;
    }

    .form-group {
      flex-direction: column; /* Stack the inputs vertically on mobile */
      gap: 15px;
      /* Adjust gap for better spacing */
    }

    .form-group input,
    .form-group select {
      width: 100%; 
      input[type="checkbox"] {
    margin-right: 100px;
    transform: scale(1.2);
  }
    /* Ensure the inputs take up full width */
    }


    #signup-form input[type="submit"] {
      width: 100%;  /* Make the submit button take up the full width */
    }
  }



  .service-container {
    display: flex;
    flex-direction: vertical; /* Stack vertically */
    align-items: auto;    /* Center horizontally */
    gap: 30px;              /* Space between boxes */
    margin-top: 30px;
    justify-content: center;
    
    
  }

  .service-box {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    background-color: #f7f7f7;
   
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    font-family: Tahoma;
      box-shadow: 0 0 20px #dd8512;
      border-radius: 10px;
      animation: glow 2s infinite;
  }

  .service-box label  {
    color: #022650; /* Change text color of list items */
    
  }
   .service-box tr {
    color: #022650; /* Change text color of list items */
  }

  .service-box h3 {
    color: #dd8512;
    text-align: center;
    margin-bottom: 10px;
  }

 /* Mobile Responsiveness */
@media (max-width: 768px) {
  .service-container {
    display: flex;
    flex-direction: column; /* Change to column for stacked layout */
    gap: 20px;
    justify-content: center;
    align-items: center; /* Center items horizontally */
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 0 15px; /* Slightly less padding for small screens */
  }

  .service-box {
    width: 100%; /* Full width on small screens */
    max-width: 600px; /* Optional limit to avoid stretching too wide */
    padding: 20px;
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    box-sizing: border-box; /* Prevent padding from causing overflow */
  }
  
  .service-box label  {
    color: #022650; /* Change text color of list items */
    font-size: 14px;
    
  }
   .service-box tr {
    color: #022650; /* Change text color of list items */
   font-size: 14px;
  }
}