.banner.wrapper{flex-direction:column;min-height:360px;padding:40px 0;display:flex;position:relative}.banner.wrapper .overlay{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.banner.wrapper>.title{color:#333;text-align:center;font-size:2.25rem}.banner.wrapper .search.wrapper{background-color:var(--white);border-radius:12px;grid-template-columns:1fr;align-items:center;gap:15px;width:90%;max-width:1000px;margin:auto;padding:40px 16px;display:grid;box-shadow:0 4px 20px #0000001a}.banner.wrapper .search.wrapper .title{color:var(--primary);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500;line-height:18px;display:block}@media (min-width:768px){.banner.wrapper{min-height:432px;padding:40px 0}.banner.wrapper>.title{font-size:3.5rem;font-weight:500}.banner.wrapper .search.wrapper{grid-template-columns:repeat(2,1fr);width:100%}}@media (min-width:1280px){.banner.wrapper .search.wrapper{grid-template-columns:repeat(4,1fr) 140px;gap:20px;padding:12px 20px}}.btn-search{background-color:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;height:45px;font-weight:700;transition:transform .2s,background .2s}.btn-search:hover{background-color:#e66d00;transform:translateY(-1px)}.btn-search:active{transform:translateY(0)}