.elementor-16055 .elementor-element.elementor-element-2ba1e28e{--display:flex;--min-height:50px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-16055 .elementor-element.elementor-element-2ba1e28e{--width:300px;}}/* Start custom CSS for html, class: .elementor-element-3f507cf *//* Container for the search form */
#header-search-form {
    min-width:300px;
    display: flex;
    align-items: center;
    gap: 10px; /* Space between elements */
    margin: 10px 0;
    font-family: "Interstate", sans-serif; /* Use Interstate font */
    border-bottom: 2px solid #ccc; /* Add bottom border to the entire form */
    padding-bottom: 2px; /* Add space between text and bottom border */
    padding-left: 15px;
}

/* Input field styling */
#header-search-input {
    flex: 1; /* Take up available space */
    padding: 0; /* Remove padding */
    font-size: 1.2rem; /* Increase font size */
    font-family: "Interstate", sans-serif;
    color: #333; /* Neutral text color */
    border: none; /* Remove all borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Transparent background */
}

/* Input focus state */
#header-search-input:focus {
    outline: none; /* Prevent default outline on focus */
}

/* Add the search icon before the input field */
#header-search-form::before {
    content: "\f002"; /* FontAwesome search icon (Unicode) */
    font-family: "Font Awesome 5 Free"; /* FontAwesome */
    font-weight: 900;
    font-size: 1.5rem !important; /* Match font size with input */
    color: #e84c24; /* Orange color */
    margin-right: 10px;
}

#header-search-input::placeholder {
    font-size: 1.2rem;
    color: #999; /* Optional: Change color */
    opacity: 1; /* Ensure full opacity */
}

#header-search-input::-webkit-input-placeholder { /* Chrome, Safari, Edge */
    font-size: 1.2rem;
    color: #999;
    opacity: 1;
}

#header-search-input::-moz-placeholder { /* Firefox 19+ */
    font-size: 1.2rem;
    color: #999;
    opacity: 1;
}

#header-search-input:-moz-placeholder { /* Firefox 18- */
    font-size: 1.2rem;
    color: #999;
    opacity: 1;
}

#header-search-input:-ms-input-placeholder { /* IE 10+ */
    font-size: 1.2rem;
    color: #999;
    opacity: 1;
}/* End custom CSS */