.promo-wrapper {
	margin-top: 35px;
	margin-bottom: 35px;
}
#oct-banner {
	--blue: #004b97;
	container-type: inline-size;
	aspect-ratio: 1200 / 254;
	background-image: url(../images/banner/back.webp);
	background-image: image-set(url(../images/banner/back.webp) 1x, url(../images/banner/back@2x.webp) 2x);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#oct-banner .ob-headline {
	position: absolute;
	left: 2.125cqw;
	top: 2.042cqw;
	width: 46.417cqw;
	height: auto;
}
#oct-banner .ob-wheel {
	position: absolute;
	left: 48.042cqw;
	top: 0;
	width: 46.583cqw;
	height: auto;
}
#oct-banner .ob-content {
	position: absolute;
	left: 4.396cqw;
	top: 12.117cqw;
	width: 39cqw;
}
#oct-banner .ob-text {
	font-size: max(2cqw, 15px);
	line-height: 1.208;
}
#oct-banner .ob-big {
	font-family: "urbane-rounded", sans-serif;
	font-weight: 900;
}
#oct-banner .ob-cta {
	margin-top: 1.133cqw;
	width: max(15.458cqw, 140px);
	height: max(3.375cqw, 31px);
	padding: 0;
	border-radius: 1.667cqw;
	font-size: max(1.471cqw, 13px);
	line-height: 1;
}
@supports (text-box: trim-both cap alphabetic) {
	#oct-banner .ob-cta > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}
@media screen and (max-width: 767px) {
	.promo-wrapper {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#oct-banner {
		aspect-ratio: 348 / 627;
		max-width: 400px;
		margin: 0 auto;
		background-image: url(../images/banner/back-m.webp);
		background-image: image-set(url(../images/banner/back-m.webp) 1x, url(../images/banner/back-m@2x.webp) 2x);
	}
	#oct-banner .ob-headline {
		left: 5.603cqw;
		top: 9.195cqw;
		width: 89.368cqw;
	}
	#oct-banner .ob-content {
		left: 11.64cqw;
		top: 66.35cqw;
		width: 76cqw;
	}
	#oct-banner .ob-text {
		font-size: 6.897cqw;
	}
	#oct-banner .ob-cta {
		margin-top: 3.62cqw;
		width: 55.603cqw;
		height: 11.638cqw;
		border-radius: 5.747cqw;
		font-size: 5.072cqw;
	}
}