#pk_flex_content .hero_home {
	margin-block: 0;
}

#pk_flex_content .hero_home .bg-swirl {
	position: absolute; top: 0; left: 0; z-index: 1;
	width: 100%; height: auto;
}
#pk_flex_content .hero_home .hero_home_wrapper {
	position: relative; z-index: 2;
}
#pk_flex_content .hero_home .hero_home_wrapper {
	display: flex; flex-direction: row; align-items: flex-end;
}

.hero_home .text-col {
	position: relative; z-index: 2;
	padding-bottom: 4rem;
}
.hero_home .text-col .text-wrapper {
	font-size: 18px;
}

.hero_home .gallery-col {
	position: relative; z-index: 1; width: auto;
	display: flex; flex-direction: row; gap: 16px;
}
#pk_flex_content .hero_home .swiper-container {
	width: 340px; height: max(650px, calc(100vh - var(--header-height))); overflow: hidden;
	position: relative; z-index: 2;
}
#pk_flex_content .hero_home .swiper-wrapper {
	transition-timing-function: linear;
}
#pk_flex_content .hero_home .swiper-slide {
	user-select: none; overflow: hidden; border-radius: var(--radius-normal);
}
#pk_flex_content .hero_home .swiper-slide > * {
	width: 100%; height: 100%; object-fit: cover;
	pointer-events: none; vertical-align: middle;
}

.hero_home .gallery-col .button_wrapper {
	position: absolute; right: 1rem; bottom: 4rem; z-index: 5;
}

@media screen and (min-width: 768px) {
	.hero_home .mobile-col, .hero_home .mobile-button {
		display: none;
	}
	.hero_home .text-col .heading_wrapper {
		margin-right: -25%; pointer-events: none;
	}
	.hero_home .text-col, .hero_home .gallery-col {
		width: 50%;
	}
}
@media screen and (min-width: 1360px) {
	#pk_flex_content .hero_home .heading {
		font-size: 5.5rem; 
	}
}
@media screen and (max-width: 767px) {
	body .fl-page #pk_flex_content .hero_home {
		margin-top: 0; padding-top: 3rem;
	}
	#pk_flex_content .hero_home .hero_home_wrapper {
		flex-direction: column; align-items: flex-start;
	}
	#pk_flex_content .hero_home .bg-swirl {
		height: 75%; width: auto;
	}
	.hero_home .text-col {
		padding-bottom: 0;
	}
	.hero_home .gallery-col {
		display: none;
	}
	.hero_home .mobile-col {
		width: 100%; margin-bottom: 1.5rem;
	}
	#pk_flex_content .hero_home .swiper-container {
		height: auto; width: auto; margin-inline: -20px;
	}
	#pk_flex_content .hero_home .swiper-slide > * {
		width: 100%; height: auto; aspect-ratio: 7/10;
	}
}