.vg-slider-activities {
    --vg-slider-activities--primary-color     : #B7DEF0;
    --vg-slider-activities--inline-spacing    : 20px;
    --swiper-pagination-bullet-horizontal-gap : 8px;
    padding          : 56px 0;
    background-color : var(--vg-slider-activities--primary-color);
    padding-inline   : var(--vg-slider-activities--inline-spacing);
    overflow         : hidden;
}
.vg-slider-activities__container {
    width     : 100%;
    max-width : var(--wp--custom--width--default);
    margin    : 0 auto;
}
.vg-slider-activities__container .swiper-wrapper {
	padding   : 0 0 44px 0;
}

.vg-slider-activities__title {
    font-size      : 32;
    line-height    : 32px;
    font-weight    : 700;
    color          : var(--wp--preset--color--title);
    margin         : 0 0 24px 0;
    text-align     : center;
    text-transform : uppercase;
}
.vg-slider-activities-slide {
    position      : relative;
}
.vg-slider-activities-slide:not(:last-child) {
	margin-bottom : 36px;
}
.vg-slider-activities-slide__title {
font-size      : 28px;
    line-height    : 40px;
    font-weight    : 700;
    color          : var(--wp--preset--color--title);
    margin         : 0 0 13px 0;
    text-align     : center;
}
.vg-slider-activities__slide.swiper-slide {
	width: auto;
}
.vg-slider-activities__activity {
    display        : flex;
    flex-direction : column;
    width          : 300px;
    aspect-ratio   : 1 / 1;
    flex           : 1 0 calc(33.3333% - var(--vg-slider-activities-gap, 20px));
    position       : relative;
    transition     : transform 0.3s ease-in-out;
    cursor         : pointer;
	position       : relative;
}
.vg-slider-activities__activity-image {
    width        : 100%;
    display      : block;
    aspect-ratio : 1;
}
.vg-slider-activities__activity-image img {
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}
.vg-slider-activities__activity-title {
    position         : absolute;
    inset            : auto 0 0 0;
    min-height       : 64px;
    background-color : black;
    color            : var(--vg-slider-activities--primary-color);
    font-size        : 24px;
    line-height      : 24px;
    font-weight      : 600;
    margin           : 0;
    display          : flex;
    justify-content  : center;
    align-items      : center;
    text-align       : center;
    padding-inline   : 10px;
    padding-block    : 10px 10px;
}
.vg-slider-activities-slide--no-swiper .swiper-wrapper{
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	@media (min-width: 960px) {
		gap: 24px;
	}
}
.vg-slider-activities .swiper-pagination .swiper-pagination-bullet {
	background: #111215;
}
.vg-slider-activities .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #111215;
}
.vg-slider-activities__activity--style-primary .vg-slider-activities__activity-title {
    background-color : var(--wp--preset--color--primary);
    color            : var(--wp--preset--color--white);
}
.vg-slider-activities__activity--style-secondary .vg-slider-activities__activity-title {
    background-color : #237281;
	color            : var(--wp--preset--color--white);
}
.vg-slider-activities__activity--style-primary-reversal .vg-slider-activities__activity-title {
    background-color : var(--wp--preset--color--white);
    color            : var(--wp--preset--color--primary);
}
.vg-slider-activities__activity--front,
.vg-slider-activities__activity--back {
    width           : 100%;
    height          : 100%;
    position        : absolute;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-radius   : var(--vg-slider-activities--box-radius, 12px);
    overflow        : hidden;
    border          : 1px solid #80A8B8;
    box-shadow      : 3px 4px 5px 1px #3E3E3E1F;
}
.vg-slider-activities__activity--front {
    z-index             : 2;
    backface-visibility : hidden;
    background          : black;
}
.vg-slider-activities__activity--back {
    z-index        : 1;
    background     : white;
    transform      : rotateY(180deg);
    flex-direction : column;
    padding        : 24px;
}
.vg-slider-activities__activity--back-title {
    color        : var(--wp--preset--color--primary);
    font-size    : 24px;
    line-height  : 24px;
    font-weight  : 600;
    margin-block : 0;
}
.vg-slider-activities__activity--back-subtitle {
	color        : var(--wp--preset--color--secondary);
    font-size    : 14px;
    line-height  : 18px;
    font-weight  : 400;
    margin-block : 0 20px;
}
.vg-slider-activities__activity--back-description {
    font-size       : 18px;
    line-height     : 24px;
    max-height      : 77%;
    overflow-y      : auto;
    scrollbar-width : thin;
}

.vg-slider-activities__activity {
	transition: all 0.4s linear;
    transform-style: preserve-3d;
}
.vg-slider-activities__activity--flipped {
	transform: rotateY(180deg);
}

@media (hover: hover) {
  	.vg-slider-activities__activity:hover {
		transform: translateY(-24px);
	}
	.vg-slider-activities__activity--flipped:hover {
		transform: translateY(-24px) rotateY(180deg);
	}
}

@media ( width < 768px ) {
	.vg-slider-activities__title {
		font-size: 48px;
	}
	.vg-slider-activities__activity-title {
        font-size  : 21px;
        min-height : 53px;
	}
}

@media (min-width:600px) {
	.vg-slider-activities__activity {
		width : 300px;
	}
}

@media ( min-width: 960px ) {
	.vg-slider-activities__activity {
		width : 350px;
	}
}