.hotels-boxs{margin-top:64px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.hotel-items{width:calc(33.33333333333333% - 13.33333333333333px);height:385px}.hotel-img{transition:.3s}.hotel-items:hover .hotel-img{scale:1.1}.hotel-link{display:flex;width:100%;height:100%;border-radius:24px;overflow:hidden}.hotel-name-info{position:absolute;left:0;bottom:0;z-index:2;padding:0 40px 40px}.hotel-name{text-transform:none;font-weight:400;font-size:var(--font-size-lg);line-height:1.4}.hotel-info{margin-top:24px;font-weight:300;font-size:var(--font-size-xs);color:var(--secondary-color)}.filter-hotel{display:flex;justify-content:space-between;gap:24px}.filters{width:calc(100% - 72.396vw);height:max-content;position:sticky;top:100px}.filters-button{display:flex;align-items:center;gap:8px;font-family:Manrope;font-weight:500;font-size:var(--font-size-lg);line-height:1;color:var(--text-color)}.filter-arrow{transform-origin:center;transition:.3s linear}.filters-button.hidden .filter-arrow{rotate:180deg}.filter-form{margin-top:14px;display:flex;flex-direction:column;gap:20px}.filter-info{display:flex;flex-direction:column;gap:20px;align-items:start}.filter-category-name{font-weight:500;font-size:calc(var(--font-size-base) + 2px);line-height:1}.filter-list{display:flex;transition:.3s}.filter-list:hover{color:var(--accent-color)}.filter-list label{display:flex;align-items:center;gap:2px;cursor:pointer;font-weight:300}.filter-checkbox{width:20px;height:20px;margin-right:6px}.filter-more{display:flex;align-items:center;gap:2px;font-family:Manrope;font-weight:500;font-size:var(--font-size-base);color:var(--text-color);line-height:1.4;text-transform:capitalize}.filter-list.hidden{display:none}.filter-more svg{transform-origin:center;transition:.3s linear}.filter-more.less svg{rotate:180deg}.hotel-see-more{margin-top:64px;margin-inline:auto;display:flex;align-items:center;gap:12px;border-radius:8px;background:var(--accent-color);color:var(--secondary-color);font-family:Manrope;font-weight:300;font-size:var(--font-size-lg);padding:12px 36px;transition:.3s}.hotel-see-more:hover{background:var(--primary-color)}@media(max-width:1440px){.hotel-name-info{position:relative;z-index:2;padding:40px}.hotel-img{position:absolute}.hotel-items{height:auto}}@media(max-width:1024px){.hotels-boxs{display:grid;grid-template-columns:repeat(2,1fr)}.hotel-items{width:100%}}@media(max-width:767px){.hotels-boxs{margin-top:24px;grid-template-columns:repeat(1,1fr)}.hotel-name-info{padding:40px 20px}.filter-hotel{flex-direction:column}.filters{width:auto;position:unset}.hotel-see-more{margin-top:32px;font-size:20px}}