#offer-banner {
	position: relative;
	aspect-ratio: 1920/500;
	min-height: 500px;
	max-width: 100vw;
	overflow: hidden;
}

#offer-banner::before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #656e7dcc;
	z-index: 1;
	box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.1);
}

#offer-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#offer-banner .banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	text-align: center;
	width: 85%;
}

.banner-content h2 {
	color: white;
	margin-top: 0;
}

.banner-content h3 {
	color: #ccd7ea;
	margin-bottom: 2rem;
}

.banner-content .btn {
	white-space: normal;
}

@media (max-width: 992px) {
	.banner-content h2 {
		margin-bottom: 0.5rem;
	}
	.banner-content h3 {
		margin-bottom: 1rem;
	}
}