İlk deneme için güzel bence Search box valuesine yazmak yerine placeholder="Aramak için bir şeyler yazın.." şeklinde kullanırsan daha kullanışlı olur hocam.

.search-box { border-radius: 40px; opacity:1; color: #fff;  background-color: rgba(255, 255, 255, 0.37);  border: 0px;
}
.search-box::placeholder { color:#fff;}

Opacity vermek yerine background opacity ile bütünlüğü sağlayabilirsin.