.amenities__amenities{display:grid;grid-gap:var(--gap-md);grid-template-columns:repeat(2,1fr)}.amenities__amenity{display:grid;grid-gap:var(--gap-sm);align-content:start;justify-items:center;text-align:center}.amenities__icon{background-color:var(--primary-color);border-radius:50%;display:grid;height:6rem;padding:1.5rem;place-content:center;width:6rem}.amenities__icon>img{height:4rem;object-fit:contain;width:4rem}.amenities__title{font-size:1.8rem}.amenities__description{font-size:1.4rem}.amenities__toggle{margin-top:4rem;text-align:center}.amenities__modal-columns{display:flex;flex-direction:column;gap:var(--gap-md)}.amenities__modal-image{border-radius:var(--border-radius);margin-bottom:3rem}@media (min-width:768px){.amenities__amenities--2,.amenities__amenities--4{grid-template-columns:repeat(2,1fr)}.amenities__amenities--3{grid-template-columns:repeat(3,1fr)}.amenities__modal-columns{flex-direction:row}.amenities__modal-column{flex:1}}@media (min-width:992px){.amenities__amenities{gap:var(--gap-md)}.amenities__amenities--4{grid-template-columns:repeat(4,1fr)}.amenities__title{font-size:2.2rem}.amenities__toggle{margin-top:8rem}}@media (min-width:1200px){.amenities__amenities{grid-gap:7.2rem}}.amenities .modal__overlay{padding:2rem}.amenities .modal__container{padding:0;width:var(--container-width)}.amenities .modal__contents{background-color:var(--white);border-radius:var(--border-radius);max-height:calc(100vh - 8rem);overflow-y:scroll;padding:2rem 2rem 9rem;-ms-overflow-style:none;scrollbar-width:none}.amenities .modal__contents::-webkit-scrollbar{display:none}.amenities__modal-header{margin-bottom:4rem}.amenities .modal__close-bar{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;left:0;padding:2rem;position:absolute;width:100%;z-index:2}.amenities .modal__close{appearance:none;background-color:var(--primary-color);border-radius:50%;color:var(--white);font-size:4rem;height:5rem;margin-inline:auto;padding:0;position:relative;right:auto;top:auto;width:5rem}.amenities .modal__close:active,.amenities .modal__close:focus,.amenities .modal__close:hover{background-color:var(--primary-color-hover);color:var(--white)}@media(min-width:768px){.amenities .modal__container{overflow-y:hidden}.amenities .modal__contents{padding:4rem 4rem 9rem}}@media(min-width:1200px){.amenities .modal__overlay{padding:2rem}.amenities .modal__contents{padding:8rem 8rem 13rem}.amenities__modal-heading{margin-bottom:6rem}}