#search-form {
    max-width: 540px;
    padding: 40px 50px 10px;
    background-color: #eef0f3;
    border: 1px solid #dce1e6;
  }

  .form-row {
    margin-bottom: 10px;
    display: block;
  }

  .c-select__current {
    min-height: 3.125rem;
  }

  #search-form-container H1 {
    text-align: center;
  }

    #search-form-container P#search-form-description {
        text-align: center;
        margin-bottom: 20px;
        font-size: 1rem;
    }
    
.search-header {
    display: flex;
    justify-content: space-between; /* Spreads columns: 1st left, 3rd right */
    align-items: center; /* Vertically center content */
    gap: 20px; /* Space between columns */
    flex-wrap: wrap; /* Allow wrapping for responsiveness */
    width: 100%; /* Ensure full width of parent */
    padding: 10px; /* Optional: for aesthetics */
}

.search-header > div {
    flex: 1; /* Equal width for each column */
    min-width: 100px; /* Prevent columns from shrinking too much */
    max-width: 300px; /* Optional: limit maximum width */
    text-align: center; /* Center content inside each div */
}

.search-header > div:first-child {
    margin-right: auto; /* Push first column to the left */
    text-align: left; /* Align content left within the first div */
}

.search-header > div:last-child {
    margin-left: auto; /* Push third column to the right */
    text-align: right; /* Align content right within the third div */
}

/* Responsive: Stack columns on small screens */
@media (max-width: 600px) {
    .search-header {
        flex-direction: column;
        align-items: stretch;
    }
    .search-header > div {
        min-width: 0;
        max-width: none;
        margin: 0; /* Remove margins for stacked layout */
        text-align: center; /* Center content when stacked */
    }

    .search-header > div:first-child, .search-header > div:last-child {
        text-align: center;
        margin: 0;
    }
}

.c-search-res {
    display: block;
}