/* styles.css */
.filter-group {
  display: flex;
  align-items: center;
  margin-right: 15px;
  flex: 1;
}

.filter-group img {
  vertical-align: middle; /* Ensure image is vertically aligned */
}

@media (max-width: 768px) {
  .filter-group {
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 240px;
  }

  form {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .filter-group {
    width: 100%;
  }
}

.form-container {
    max-width: 800px; /* Adjust the width as needed */
    width: 100%;
  }