/* ===========================
   HERO SEARCH BAR
=========================== */

.hero-search{

position:relative;

max-width:1100px;

margin:-70px auto 0;

background:#fff;

border-radius:22px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

padding:28px 34px;

z-index:30;

}

.hero-search form{

display:grid;

grid-template-columns:repeat(4,1fr) auto;

gap:22px;

align-items:end;

}

.search-field{

display:flex;

flex-direction:column;

gap:8px;

}

.search-field label{

font-size:12px;

letter-spacing:1px;

font-weight:600;

color:#183153;

text-transform:uppercase;

}

.search-field select{

font-family:'Poppins',sans-serif;

font-size:15px;

color:#333;

border:1px solid #e2e2e2;

border-radius:10px;

padding:12px 14px;

background:#fafafa;

}

.search-btn{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

background:#C89D43;

color:#fff;

font-weight:600;

padding:14px 30px;

border-radius:10px;

white-space:nowrap;

transition:.35s;

}

.search-btn:hover{

background:#17365D;

}