.views-exposed-form {padding-bottom: 40px;}
.views-exposed-form h3 {color: white;}

.views-exposed-form .form-actions {min-width: 100%;    clear: left;    text-align: center;    overflow: hidden;    padding: 10px 5px;}
.views-exposed-form .form-actions input {border: 1px solid white; padding: 5px 10px ;}
.views-exposed-form select {border: 1px solid gray;padding: 4px;}
aside.p-4.md\:w-1\/4 {display: none;}
.views-element-container {max-width: 1200px; margin: auto;}
.views-exposed-form {overflow: hidden; margin-bottom: 30px;}
.views-exposed-form label, .fieldset-legend {font-size: 26px;  font-weight: 700;}
.views-exposed-form label {margin-right: 5px;}
.views-exposed-form select {  margin-left: unset; }
.js-form-item select {font-size: 20px; border: 1px solid gray !important; padding: 4px !important; float: left; color: black; background-color: white;}
.views-exposed-form  .js-form-item { max-width: 550px; float: left; padding-left: 20px; margin-top: 5px;}
.views-exposed-form input{ font-size: 22px; }
.views-element-container form {
border: 1px solid #ccc;
padding: 20px;
}

@media (min-width: 640px) {
  .sm\:w-1\/3 {
    width: 33%; /* 1/3 of the container width */
  }

  .sm\:w-2\/3 {
    width: 66%; /* 2/3 of the container width */
  }
}

#views-exposed-form-programs-block-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem; /* Adjusts spacing between select boxes and the search button */
}

#views-exposed-form-programs-block-4, #views-exposed-form-programs-block-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Centers items horizontally */
  align-items: center;     /* Aligns items vertically */
  gap: 1rem;              /* Spacing between selects and submit button */
}

/* Ensure the wrapper divs don't force 100% width */
#views-exposed-form-programs-block-4 .form-item, #views-exposed-form-programs-block-5 .form-item {
  margin: 0;
}

/* Optional: Set a consistent min-width for all selects */
#views-exposed-form-programs-block-4 select, #views-exposed-form-programs-block-5 select  {
  min-width: 200px;
  text-align: center; /* Centers the placeholder text inside select */
}