.events-slider .circle-btns-container {
	grid-area: 1/3/1/span 5;
}

.events-slider .btns-container {
	grid-area: 1/8/1/span 5;
}

.events-slider .default-slider {
	grid-area: 2/3/2/span 10;
	overflow-x: hidden;
}

.events-slider .default-slider .slick-list {
	margin-right: calc(max(48px, 4.6875vw) * -1);
}

.events-slider .default-slider .card {
	margin-right: max(48px, 4.6875vw);
	aspect-ratio: 558/742;
	width: 100%;
    display: grid;
    padding: 0;
    cursor: pointer;
}

.events-slider .default-slider .card-img {
    grid-area: 1/1/1/1;
}

.events-slider .default-slider .card-img::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.125);
	mix-blend-mode: multiply;
}

.events-slider .default-slider .card-content {
	grid-area: 1/1/1/1;
	width: 100%;
	height: 100%;
	transition: var(--def-trans);
	padding: var(--m-xs);
	grid-template-rows: auto 1fr auto;
	z-index: 1;
}

.events-slider .default-slider .default-slider-item .event-date {
	grid-area: 1/1/1/1;
	position: relative;
	padding: calc(var(--m-xs) + .75em) .5em .75em;
	width: fit-content;
	border: var(--line-height) solid currentColor;
	border-radius: 10px;
}

.events-slider .default-slider .default-slider-item .event-date::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: var(--line-height);
	top: var(--m-xs);
	background: currentColor;
	left: 0;
}

.events-slider .default-slider .default-slider-item .arrow-btn-circle {
    grid-area: 1/2/1/2;
}

.events-slider .default-slider .default-slider-item .arrow-btn-circle::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 100%;
    background: var(--blue);
}

.events-slider .default-slider .default-slider-item .arrow-btn-circle::after {
    background: var(--gold);
}

.activities .default-slider .default-slider-item .card.active .arrow-btn-circle {
    transform: rotate(90deg);
}

.activities .default-slider .default-slider-item .card.active .arrow-btn-circle::before {
    background: var(--gold);
}

.activities .default-slider .default-slider-item .card.active .arrow-btn-circle::after {
    background: var(--blue);
}

.events-slider .default-slider .default-slider-item .card-title {
    grid-area: 3/1/3/span 2;
}

.events-slider .default-slider-nav {
	grid-area: 2/13/2/13;
}

@media (max-width: 1499.98px) {
	.events-slider .circle-btns-container {
		grid-area: 1/2/1/span 6;
	}

	.events-slider .btns-container {
		grid-area: 1/8/1/span 6;
	}

	.events-slider .default-slider {
		grid-area: 2/2/2/span 12;
	}

	.events-slider .default-slider-nav {
		grid-area: 3/2/3/span 12;
		justify-self: center;
		flex-direction: row-reverse;
		gap: var(--m-md);
		margin-top: var(--m-md);
	}
}

@media (max-width: 575.98px) {
	.events-slider .default-slider {
		max-width: 360px;
		justify-self: center;
		width: 100%;
	}
}