#oct-banner {
	font-size: 16px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 1em auto;
	max-width: 1315px;
	width: 100%;
}

#oct-banner:not(.lazy-bg) {
	background-image: url(../images/banner/back.jpg);
	background-image: -webkit-image-set(url("../images/banner/back.webp") 1x,
			url("../images/banner/back@2x.webp") 2x);
}

/* <picture> wrappers must not affect layout of the positioned images */
#oct-banner picture {
	display: contents;
}

/* Layout / containers */
#oct-banner .banner-left {
	bottom: 0;
}

/* Images */
#oct-banner .left {
	left: -37em;
	z-index: 2;
	bottom: 1px;
}

/* CTA */
#oct-banner .text-bottom {
	color: #000;
	text-align: center;
	font-size: 25px;
	font-style: normal;
	font-weight: 800;
	line-height: 35px;
	/* 140% */
}

#oct-banner .banner-inner {
	gap: 7em;
	padding: 0;
}

#oct-banner .button {
	display: flex;
	width: 235px;
	padding: 0;
	justify-content: center;
	align-items: center;
	border-radius: 54px;
	background: #00AEEF;
	height: 45px;
	margin-top: 20px;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
}

#oct-banner p {
	margin-bottom: 0;
	padding: 0;
}

#oct-banner .main-text2 {
	color: #FFF200;
	text-align: center;
	filter: drop-shadow(0 4.303px 1.303px rgba(0, 0, 0, 0.55));
	-webkit-text-stroke-width: 3.86px;
	-webkit-text-stroke-color: #373737;
	font-size: 62.76px;
	font-style: normal;
	font-weight: 700;
	line-height: 36.335px;
	/* 57.895% */
	paint-order: stroke fill;
	margin-bottom: 14px;

}

#oct-banner .main-text3 {
	color: #FFF200;
	text-align: center;
	filter: drop-shadow(0 4.303px 1.303px rgba(0, 0, 0, 0.55));
	-webkit-text-stroke-width: 3.86px;
	-webkit-text-stroke-color: #373737;
	font-size: 29.728px;
	font-style: normal;
	font-weight: 700;
	line-height: 37.986px;
	paint-order: stroke fill;
}

#oct-banner .plus {
	color: #FFF;
	filter: drop-shadow(0 4.701px 1.701px rgba(0, 0, 0, 0.55));
	-webkit-text-stroke-width: 1.93px;
	-webkit-text-stroke-color: #000;
	font-size: 30.531px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 5px;
}

#oct-banner .main-text4 {
	color: #FFF200;
	text-align: center;
	filter: drop-shadow(0 4.701px 1.701px rgba(0, 0, 0, 0.55));
	-webkit-text-stroke-width: 3.85px;
	-webkit-text-stroke-color: #000;
	font-size: 31.456px;
	font-style: normal;
	font-weight: 700;
	line-height: 38.492px;
	/* 185.951% */
	paint-order: stroke fill;
}

#oct-banner .banner-cta {
	margin: 2.8em 0;
}

#oct-banner .banner-image {
	bottom: 0;
}

#oct-banner .right {
	right: -34em;
	bottom: 0;
}

#oct-banner .banner-main {
	margin-left: -7.5em;
}

@media screen and (max-width: 1350px) {
	#oct-banner {
		max-width: 97%;
	}

	#oct-banner .left,
	#oct-banner .right {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	#oct-banner {
		overflow: hidden;
	}

	#oct-banner .text-bottom {
		text-wrap-mode: nowrap;
	}

	#oct-banner .banner-inner {
		gap: 4em;
	}
}

@media screen and (max-width: 991px) {
	#oct-banner .banner-inner {
		padding-top: 35px;
		padding-bottom: 20px;
		flex-direction: column;
		gap: 1em;
	}

	#oct-banner .banner-cta {
		margin: 0;
	}

	#oct-banner .banner-main {
		margin-left: 0;
	}

	#oct-banner:not(.lazy-bg) {
		background-position: top center;
		background-image: url(../images/banner/back-m.jpg);
		background-image: -webkit-image-set(url("../images/banner/back-m.webp") 1x,
				url("../images/banner/back-m@2x.webp") 2x);
	}

}


@media screen and (max-width: 567px) {
	#oct-banner {
		max-width: 93%;
	}



	#oct-banner .banner-cta,
	#oct-banner .banner-main {
		width: 100%;
	}

	#oct-banner .banner-main {
		margin: 0;
	}

	#oct-banner .banner-inner {
		padding-top: 9%;
		padding-bottom: 11%;
		gap: 0;
	}

	#oct-banner .banner-cta {
		margin-top: -2%;
	}

	#oct-banner .main-text2 {
		font-size: 13.5cqw;
		line-height: 14cqw;
		margin-bottom: 1cqw;
	}

	#oct-banner .main-text3 {
		font-size: 6.5cqw;
		line-height: 7cqw;
	}

	#oct-banner .plus {
		font-size: 7cqw;
		line-height: 8cqw;
		margin-top: 3cqw;
	}

	#oct-banner .main-text4 {
		font-size: 6cqw;
		line-height: 9cqw;
	}

	#oct-banner .text-bottom {
		font-size: 5.5cqw;
		line-height: 7cqw;
		margin-top: 19cqw;
	}

	#oct-banner .button {
		width: 57cqw;
		height: 11cqw;
		border-radius: 5.5cqw;
		font-size: 5.1cqw;
	}
}