.popup-container {
position: relative;
/* max-width: 90%;
max-height: 90vh; */
}

/* Close button */
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1001;
}

/* Image styling */
.banner-img {
max-width: 100%;
max-height: 90vh;
width: 100%;
height: 100%;
display: block;
border-radius: 4px;
cursor: pointer;
/* Makes the image clickable */
}

.bs-section.community-section-hotels-1 .bs-hotel-list .li-subTitle, 
.bs-section.community-section-hotels-1 .bs-hotel-list .bs-button.link {
    color: #000;
}

.bs-website:not(.theme-view) {
    --font-name: puvi !important;
    --regular-font: puviregular !important;
    --medium-font: puvimedium !important;
    --light-font: puvilight !important;
    --bold-font: puvibold !important;
        --menu-item-active-color: #E42527 !important;
	--primary-button-bg-color: #E42527 !important;
}


.bs-section:not(.community-section-footer, .community-section-banner, .main-banner) article.foreground-layer {
    padding: 6em 0;
}

@media only screen and (max-width: 767px), only screen and (max-width: 1024px) {
    .bs-section:not(.community-section-footer, .community-section-banner, .main-banner) article.foreground-layer {
        padding: 2em 16px;
    }
}