.select-room{padding:0 80px}@media (max-width: 897px){.select-room{padding:20px}}.select-room .select-room__title h1{display:flex;align-items:center;justify-content:center;font-weight:700;line-height:42px;font-size:30px;color:#555}@media (max-width: 897px){.select-room .select-room__title h1 span{display:block;text-align:center;font-size:20px}}.select-room .select-room__wrapper{margin-top:24px;display:grid;grid-template-columns:calc(100%/3 - 48px/3) calc(100%/3 - 48px/3) calc(100%/3 - 48px/3);column-gap:24px;row-gap:24px}@media (max-width: 768px){.select-room .select-room__wrapper{grid-template-columns:calc(50% - 8px) calc(50% - 8px);column-gap:16px;row-gap:16px}}.select-room .select-room__wrapper .image{aspect-ratio:1/1;overflow:hidden;position:relative;box-shadow:0 4px 5px #00000059;border-radius:3px;transition:opacity .3s ease;opacity:1}.select-room .select-room__wrapper .image img{width:calc(100% + 2px);transition:all 1s ease;border-radius:3px;height:calc(100% + 2px);object-fit:cover;margin:-1px 0 0 -1px}.select-room .select-room__wrapper .image:hover img{transform:scale(1.1);opacity:.5}.select-room .select-room__wrapper .image-1{order:1}@media (max-width: 768px){.select-room .select-room__wrapper .image-1{order:2}}.select-room .select-room__wrapper .image-2{order:2}@media (max-width: 768px){.select-room .select-room__wrapper .image-2{order:1}}.select-room .select-room__wrapper .image-3{order:3}@media (max-width: 768px){.select-room .select-room__wrapper .image-3{order:4}}.select-room .select-room__wrapper .image-4{order:4}@media (max-width: 768px){.select-room .select-room__wrapper .image-4{order:6}}.select-room .select-room__wrapper .image-5{order:5}@media (max-width: 768px){.select-room .select-room__wrapper .image-5{order:7}}.select-room .select-room__wrapper .image-6{order:6}@media (max-width: 768px){.select-room .select-room__wrapper .image-6{order:3}}.select-room .select-room__wrapper .image-7{order:7}@media (max-width: 768px){.select-room .select-room__wrapper .image-7{order:5}}.select-room .select-room__wrapper .image-8{order:8}@media (max-width: 768px){.select-room .select-room__wrapper .image-8{order:8}}.select-room .select-room__wrapper .image-9{order:9}@media (max-width: 768px){.select-room .select-room__wrapper .image-9{order:9}}
/*# sourceMappingURL=/s/files/1/0579/1809/5540/t/13/assets/select-room.scss.css.map */