@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body{
    font-family: "Manrope", sans-serif;
}
html,body{
    scroll-behavior: smooth;
}
.facilities li{
    display: flex;
    align-items: start;
    gap: 10px;
}
.facilities li:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23D0AD77' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E");
    line-height: 0;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transform: translateY(5px);
}
.gallery img{
    transition: all 0.3s ease-out;
}
.gallery a:hover img{
    transform: scale(1.1);
}
.black-image{
    filter: brightness(0) saturate(100%)
}
.white-image{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(74deg) brightness(106%) contrast(101%);
}