.hero{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.hero__background{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.hero__background img{aspect-ratio:16/9;flex-shrink:0;height:130vh}.hero__title{width:100%;height:100%;color:var(--color-white);text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding-bottom:100px;display:flex;position:absolute;top:0;left:0}.hero__title h1{font-size:clamp(36px,4vw,64px)}.hero__title span{color:var(--color-light-gray);font-size:clamp(24px,4vw,32px);font-weight:300}.hero-search{z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.hero-search .popover{flex-grow:1}.hero-search__body{background-color:var(--color-white);border-radius:10px;justify-content:flex-end;gap:3px;padding:3px;display:flex}.hero-search__search-btn{color:var(--color-white);background-color:var(--color-accent);border-radius:7px;padding:10px 30px}.hero-search__filters{flex:1;gap:3px;display:flex}.hero-search__select{border:1px solid var(--color-light-gray);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:13px;padding:10px 13px 10px 15px;display:flex;position:relative;overflow:hidden}.hero-search__select span{flex-shrink:0}.hero-search__select svg{width:16px;height:16px;color:var(--color-dark-gray);flex-shrink:0;margin-top:1px;position:absolute;right:10px}.hero-search-types{width:300px}.hero-search-rooms{width:200px}.hero-searh-price{width:350px}@media (max-width:1024px){.hero-search-types{width:270px}}@media (max-width:768px){.hero-search-rooms,.hero-searh-price{display:none}.hero-search-types{width:400px}}@media (max-width:568px){.hero h1{padding:0 15px}.hero-search-types{width:300px}.hero-search__body{flex-direction:column;gap:10px}.hero-search__filters{gap:0}.hero-search a{text-align:center}}
.benefits{padding-top:50px!important}.benefits__content{grid-template-columns:1fr 650px;gap:20px;display:grid}.benefits__text{flex-direction:column;justify-content:center;gap:20px;max-width:90%;display:flex}.benefits__text h2{font-size:32px}.benefits__text p{color:var(--color-dark-gray);font-size:20px}.benefits__cards{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.benefits__card{border:1px solid var(--color-border);aspect-ratio:1;border-radius:10px;flex-direction:column;justify-content:flex-end;gap:10px;padding:20px;display:flex;position:relative}.benefits__card img{z-index:-1;height:75px;position:absolute;top:30px;left:25px}.benefits__card span{font-size:24px;font-weight:500}.benefits__card p{color:var(--color-dark-gray)}.benefits__links{gap:20px;margin-top:20px;display:flex}.benefits__links a{color:var(--color-accent);border:1px solid var(--color-light-accent);border-radius:7px;padding:10px 20px;transition:border-color .1s ease-in-out}.benefits__links a:hover{border-color:var(--color-accent)}@media (max-width:1024px){.benefits__text{max-width:100%}.benefits__content{grid-template-columns:1fr;gap:50px}.benefits__card{height:270px;aspect-ratio:unset}}@media (max-width:768px){.benefits__content{gap:30px}.benefits__links{gap:0;margin-top:5px}.benefits__cards{grid-template-columns:1fr}}@media (max-width:375px){.benefits__card{height:300px;aspect-ratio:unset}}