.block-content {
	position: relative;
	margin: 0 auto 2rem;
	width: 100%;

	padding-inline: 1rem;
}

.marker {
	position: absolute;
	top: calc((90px + 10rem) * -1);
}
.pseudo-tabs.center,
.slider-tab.center {
	justify-content: center;
}
.slider-tab,
.slider-tab-2,
.pseudo-tabs {
	font-size: var(--text-lg);
	display: flex;
	margin: 2rem auto;
	gap: 2rem;
}
.slider-tab a,
.slider-tab-2,
.pseudo-tabs a {
	position: relative;
	border-bottom: 2px solid;
	color: var(--accent);
	padding-inline: 0.5rem;
	font-weight: 500;
}
.slider-tab a.active,
.slider-tab-2 a.active,
.pseudo-tabs a.active {
	color: var(--primary);
}
.slider-tab-content,
.slider-tab-content-2 {
	display: none;
}
.slider-tab-content.active,
.slider-tab-content-2.active {
	display: block;
}

.pseudo-tabs:has(a[data-url].active) ~ div .slider-container {
	display: none;
}

.pseudo-tabs:has(a[data-url='rooms-suites'].active)
	~ div
	.slider-container[data-url='rooms-suites'] {
	display: block;
}

.pseudo-tabs:has(a[data-url='dining'].active)
	~ div
	.slider-container[data-url='dining'] {
	display: block;
}

.pseudo-tabs:has(a[data-url='entertainment'].active)
	~ div
	.slider-container[data-url='entertainment'] {
	display: block;
}

.pseudo-tabs:has(a[data-url='gaming'].active)
	~ div
	.slider-container[data-url='gaming'] {
	display: block;
}

.pseudo-tabs:has(a[data-url='festive'].active)
	~ div
	.slider-container[data-url='festive'] {
	display: block;
}

@media only screen and (min-width: 550px) {
	.block-content {
		padding-inline: 1.5rem;
	}
}

@media only screen and (min-width: 768px) {
	.block-content {
		padding-inline: 2rem;
	}
}

@media only screen and (min-width: 1024) {
	.main {
		padding-top: 3rem;
	}
}

@media only screen and (min-width: 1200px) {
	.block-content {
		width: clamp(1200px, 80vw, 1600px);
	}
}