.search-results-page .search-submit {
    display: none
}

.search-banner h2 { 
    margin: 0 0 14px;
    color: white;        
    padding-top: 10px;
}

.search-banner .search-wrapper {
    position: relative;
    display: block;
    padding: 10px;
}


.search-banner .search-wrapper::before {
    content: "\f002";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    inset-inline-end: 25px;
    top: 50%;        
    transform: translateY(-50%);
    opacity: 0.4;
    pointer-events: none;
    font-size: 16px
}

.search-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 220px;
    overflow: hidden
}

.search-banner .search-form {
    width: 400px;
    position: relative
}

.search-banner .search-field {
    padding: 12px 40px 12px 20px;
    border-radius: 25px;
    font-size: 1.1rem;
    border: none;
    width: 100%
}

.search-results-page h3.search-results-count {
    border-bottom: solid 2px;
    display: inline-block;        
    margin-top: 50px;
}

@media (max-width:768px) {
    .search-banner .search-wrapper {
        padding: 20px 40px
    }

    .search-banner .search-wrapper::before {
        inset-inline-end: 68px;
    }
    .search-results-page h3.search-results-count {
        margin-inline-start: 20px
    }

    .search-banner .search-field {
        width: 90%;
        font-size: 1rem;
        margin: 0 auto
    }

    .search-banner h2 {
        margin: 0
    }
}

@media (max-width:480px) {
    .search-banner .search-wrapper::before {
    inset-inline-end: 69px;
  }
}