#btnCookiesNo:hover {
			background-color: lightgray;
			color: black;
		}

		.video-bg {
			object-fit: cover;
			z-index: 0;
			object-position: center;
		}

		.overlay {
			background: rgba(0, 0, 0, 0.3);
			z-index: 1;
		}

		.navbar {
			background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.67) 44%, rgba(0, 0, 0, 0) 100%);
			z-index: 10;
			height: 15%;
		}

		.interact:hover {
			cursor: pointer;
			background-color: rgba(128, 128, 128, 0.18);
			border-radius: 3px;
			color: white;
		}

		.bottom-overlay {
			height: 15%;
			background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.67) 44%, rgba(0, 0, 0, 0) 100%);
			z-index: 10;
		}

		.zoom-image {
			transition: 0.2s ease-in-out;
		}

		.card-rounded {
			border-radius: 15px;
			cursor: pointer;
		}

		.card-rounded:hover .zoom-image {
			transform: scale(1.05);
		}

		.bottom-overlay-cards {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			background: linear-gradient(
				to top, 
				rgba(0, 0, 0, 0.95) 0%,
				rgba(0, 0, 0, 0.7) 30%,
				rgba(0, 0, 0, 0.25) 65%,
				rgba(0, 0, 0, 0.05) 85%,
				rgba(0, 0, 0, 0) 100%);
			z-index: 10;
		}

		.top-overlay-cards {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: linear-gradient(
				to bottom, 
				rgba(0, 0, 0, 0.95) 0%,
				rgba(0, 0, 0, 0.7) 35%,
				rgba(0, 0, 0, 0.25) 70%,
				rgba(0, 0, 0, 0.05) 90%,
				rgba(0, 0, 0, 0) 100%);
			z-index: 10;
		}

		@media (max-width: 980px) {

			.carousel {
				overflow-x: auto;
				flex-wrap: nowrap;
				scroll-snap-type: x mandatory;
			}
	
			.carousel div {
				scroll-snap-align: center;
			}
		}