.the-form{--data-layout:"Search Form";width:var(--stretching);justify-content:center;display:flex;position:relative}input#main-search{width:100%;height:60px;color:var(--black-color);font-size:1rem;font-weight:var(--weight-bold);border-radius:var(--radius);background-color:var(--white-color);border:none;padding:.6rem}input[type=search]::placeholder{color:var(--grey-color)}form:focus-within .btn-search i{color:var(--main-color);transform:rotateY(180deg)}
.hero{--data-layout:"Hero";--stretching:55%;flex-direction:column;align-items:center;width:100%;display:flex}.hero-title{font-size:var(--title-font-size);text-transform:uppercase;text-align:center;color:var(--secondary-color);margin-bottom:1rem;line-height:1.35}.initial-count{color:var(--white-color)}
.main-header{--op:.3;width:100%;height:700px;padding:var(--regular-spacing);background:linear-gradient(to right,rgba(0,0,0,var(--op))30%,rgba(0,0,0,var(--op))100%),url(/header-bg.jpg);background-repeat:no-repeat;background-size:cover;flex-wrap:wrap;justify-content:center;display:flex}.top-header{width:100%;height:fit-content;margin:1.5rem}.top-header>a{width:fit-content;display:block}