.section-search-form {
    margin-top: 40px;
    max-width: 50%;
    margin-inline: auto;
}
.section-search-form input {
    height: 60px;
    background: transparent;
    color: #fff!important;
    outline: none;
    border: none;
}

.section-search-form input::placeholder {
    color: #fff;
}

.section-search-form input:focus {
    background: transparent;
    border: none;
    outline: none;
}

.section-search-form .input-group {
    display: flex;
    align-items: center;
    border: 1px solid rgb(255 255 255 / 50%);
    overflow: hidden;
    border-radius: 4px;
    transition: all .3s ease-in-out;
}

.section-search-form .input-group .fa {
    display: inline-flex;
    margin-inline: 10px;
    user-select: none;
}

.section-search-form .input-group:focus-within {
    border: 1px solid red;
    box-shadow: 0 0 0 5px rgb(255 0 0 / 30%);
}


@media screen and (max-width: 600px) {
    .section-search-form {
        max-width: 100%;
    }
}