.inner-banner-section {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	min-height: 720px;
	padding: clamp(60px, 6vw, 100px) 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: clamp(40px, 5vw, 100px);
	overflow: hidden;
}
/* LEFT DARK → RIGHT TRANSPARENT GRADIENT */
.inner-banner-section::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient( 90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.55) 30%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0) 100% );
}

/* CONTENT WRAP */
.inner-banner-content-wrap {
	width: 100%;
	position: relative;
	z-index: 2;
	max-width: 900px;
	text-align: left;
}

/* CONTAINER */
.inner-banner-section .container-medium {
	width: 100%;
	position: relative;
	z-index: 2;
}

/* TITLE */
.inner-banner-title {
	color: #fff;
	font-size: 54px;
	line-height: 1.15;
	margin-bottom: 15px;
}

/* DESCRIPTION */
.inner-banner-description {
	color: rgba(255, 255, 255, 0.85);
	font-size: 20px;
	line-height: 1.6;
	max-width: 700px;
}

/* =========================
   RESPONSIVE BREAKPOINTS
========================= */
@media (max-width: 1800px) {
.inner-banner-section {
	min-height: 600px;
}
}
@media (max-width: 1200px) {
	.inner-banner-section {
	    min-height: 500px;
	}
}
/* Tablet */
@media (max-width: 1024px) {
	.inner-banner-section {
	    min-height: 400px;
	}

	.inner-banner-title {
		font-size: 42px;
	}

	.inner-banner-description {
		font-size: 18px;
	}
}

/* Mobile */
@media (max-width: 767px) {


.inner-banner-section::before {
	background: linear-gradient( 90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100% );
}

	.inner-banner-title {
		font-size: 32px;
	}

	.inner-banner-description {
		font-size: 16px;
	}
}

/* Small Mobile */
@media (max-width: 480px) {
	.inner-banner-section {
		min-height: 380px;
	}

	.inner-banner-title {
		font-size: 26px;
	}

	.inner-banner-description {
		font-size: 15px;
	}
}