.wroclaw-hero-media {
	.container-fluid {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 640px;
		border-radius: 24px;
		overflow: hidden;
	}

	.bg_box {
		position: absolute;
		inset: 0;

		img {
			object-fit: cover;
		}

		.overlay {
			position: absolute;
			inset: 0;
			background: linear-gradient(90deg, color-mix(in srgb, var(--green-700) 70%, transparent) 0%, transparent 70%);
		}
	}

	.container {
		position: relative;
		z-index: 1;
		width: 100%;
	}

	.text_box {
		max-width: 640px;
		padding: 64px 0;
	}

	.badge {
		display: inline-block;
		margin-bottom: 24px;
		padding: 6px 16px;
		font-size: 13px;
		font-weight: 500;
		color: var(--green-700);
		border-radius: 24px;
	}

	.title {
		margin-bottom: 24px;
		color: var(--white-100);
		font-size: 56px;
		letter-spacing: -0.02em;
	}

	.subtitle {
		margin-bottom: 40px;
		color: var(--white-100);
	}

	@media (max-width: 1199px) {
		.container-fluid {
			min-height: 560px;
		}
	}

	@media (max-width: 767px) {
		.container-fluid {
			min-height: 480px;
		}

		.text_box {
			padding: 40px 0;
		}

		.title {
			margin-bottom: 16px;
			font-size: 32px;
		}

		.subtitle {
			margin-bottom: 24px;
		}
	}
}