.flex-layout.hero-layout {
	padding-block: 100px;
	background-image: url('/wp-content/uploads/2025/11/hero_bg.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: calc(100dvh - var(--pk-header-height));
	display: flex;
	align-items: center;
}

.flex-layout.hero-layout .content {
	display: flex;
	flex-direction: column;
	gap: var(--st-content-gap);
}

.flex-layout.hero-layout .content .pk-text {
	max-width: 530px;
}

.flex-layout.hero-layout .content .pk-button-group {
	margin-top: var(--st-content-button-margin);
}

.flex-layout.hero-layout .hero-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	aspect-ratio: 1;
	border-radius: var(--st-primary-radius);
	position: relative;
}

.flex-layout.hero-layout .hero-image .hero-widget-img {
	position: absolute;
	height: auto;
}

.flex-layout.hero-layout .hero-image .hero-widget-img.widget-1 {
	transform: translate(-40%, -30px);
	max-width: 57%;
	bottom: 0;
	left: 0;
}

.flex-layout.hero-layout .hero-image .hero-widget-img.widget-2 {
	transform: translate(50px, 30px);
	max-width: 49%;
	bottom: 0;
	right: 0;
}

.flex-layout.hero-layout .hero-image .hero-widget-img.widget-3 {
	transform: translate(46px, 0%);
	max-width: 14%;
	bottom: 85px;
	right: 0;
}

.flex-layout.hero-layout .hero-image .hero-widget-img.widget-4 {
	transform: translate(50px, -66px);
	max-width: 57%;
	top: 0px;
	right: 0;
	box-shadow: 0 2.301px 5.751px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1470px) {
	
	.flex-layout.hero-layout .hero-image {
		background-size: cover;
		margin: 20px;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-2 {
		transform: translate(20px, 30px);
		max-width: 49%;
		bottom: 0;
		right: 0;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-3 {
		transform: translate(20px, 0%);
		max-width: 14%;
		bottom: 85px;
		right: 0;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-4 {
		transform: translate(20px, -40px);
		max-width: 57%;
		top: 0px;
		right: 0;
	}
	
}

@media screen and (max-width: 992px) {
	
	.offset-7 {
		grid-column-start: unset;
	}
	
	.flex-layout.hero-layout {
		padding-block: 60px;
	}
	
	.flex-layout.hero-layout .pk-grid-container {
		row-gap: 60px;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img {
		max-width: unset;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-1 {
		transform: translate(-20px, 30px);
		height: 33%;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-2 {
		transform: translate(-20px, 0px);
		bottom: calc(33% - 30px);
		height: 20%;
		right: unset;
		left: 0;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-3 {
		transform: translate(20px, 50%);
		max-width: 60px;
		bottom: 50%;
	}
	
	.flex-layout.hero-layout .hero-image .hero-widget-img.widget-4 {
		width: 65%;
		max-width: unset;
	}
	
}

@media screen and (max-width: 767px) {
	
	.flex-layout.hero-layout {
		padding-block: 40px;
	}
	
}