.the-form{--data-layout:"Search Form";position:relative;display:flex;justify-content:center;width:var(--stretching)}input#main-search{width:100%;height:60px;padding:.6rem;font-size:1rem;color:var(--black-color);font-weight:var(--weight-bold);border-radius:var(--radius);border:none;background-color:var(--white-color)}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%;width:100%;display:flex;flex-direction:column;align-items:center}.hero-title{margin-bottom:1rem;font-size:var(--title-font-size);line-height:1.35;text-transform:uppercase;text-align:center;color:var(--secondary-color)}.initial-count{color:var(--white-color)}.main-header{--op:.3;width:100%;min-height:40dvh;display:flex;padding:var(--regular-spacing);flex-wrap:wrap;justify-content:center;background:linear-gradient(to right,rgba(0,0,0,var(--op)) 30%,rgba(0,0,0,var(--op)) 100%),url(/header-bg.webp);background-size:cover;background-repeat:no-repeat}.top-header{width:100%;height:fit-content;margin:1.5rem;display:flex;justify-content:space-between}.top-header>a{display:block;width:fit-content}.top-header .log-menu{--spacing:1rem;display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap;align-items:center}.top-header .log-menu>a{padding:var(--spacing)}.top-header .log-menu .link{background:none;border:none;color:var(--white-color);font-size:1rem;cursor:pointer}