.home-banner {
	margin-bottom: 2.5rem;
	margin-top: 0
}

@media (min-width:768px) {
	.home-banner {
		margin-top: 0
	}
}

.home-banner__label {
	--tw-text-opacity: 1;
	color: var(--Vlionblue)
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 1.5rem
}

.home-banner.--compressed .home-banner__headline {
	font-size: 48px;
	font-weight: 700;
	line-height: 120%
}

@media (max-width:1024px) {
	.home-banner.--compressed .home-banner__headline {
		font-size: 2rem
	}
}

.home-banner.--compressed .home-banner__subheading {
	font-size: 24px;
	font-weight: 600;
	line-height: 150%
}

.home-banner__headline {
	color: #0159df;
	font-size: 54px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 1rem
}

@media (max-width:1024px) {
	.home-banner__headline {
		font-size: 42px;
		line-height: 110%
	}
}

.home-banner__subheading {
	font-size: 2rem;
	font-weight: 700;
	line-height: 150%
}

@media (max-width:1024px) {
	.home-banner__subheading {
		font-size: 28px;
		line-height: 120%
	}
}

@media (min-width:768px) {
	.home-banner.--reversed .home-banner__left {
		order: 2
	}
}

.home-banner.--reversed .home-banner__right {
	width: 100%
}

@media (min-width:768px) {
	.home-banner.--reversed .home-banner__right {
		order: 1;
		width: 50%
	}
}

@media screen and (max-width:767px) {
	.home-banner .container {
		padding: 0 25px
	}
}

.home-banner .home-banner__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%
}

@media (min-width:768px) {
	.home-banner .home-banner__left {
		width: 50%
	}
}

.home-banner .home-banner__left .headline-3 {
	margin-top: 1rem
}

.home-banner .home-banner__left .home-banner__buttons {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
	width: 100%
}

@media (min-width:768px) {
	.home-banner .home-banner__left .home-banner__buttons {
		row-gap: .75rem
	}
}

@media (min-width:1024px) {
	.home-banner .home-banner__left .home-banner__buttons {
		flex-direction: row;
		row-gap: 0
	}
}

.home-banner .home-banner__left .home-banner__buttons .button {
	font-size: 24px;
	height: 52px;
	width: -moz-fit-content;
	width: fit-content
}

.home-banner .home-banner__left .home-banner__buttons .button:first-child {
	margin-top: .75rem;
	order: 2
}

@media (min-width:768px) {
	.home-banner .home-banner__left .home-banner__buttons .button:first-child {
		margin-top: 0;
		order: 1
	}
}

.home-banner .home-banner__left .home-banner__buttons .button:last-child {
	margin-left: 0;
	order: 1
}

@media (min-width:768px) {
	.home-banner .home-banner__left .home-banner__buttons .button:last-child {
		order: 2
	}
}

@media (min-width:1024px) {
	.home-banner .home-banner__left .home-banner__buttons .button+.button {
		margin-left: .75rem
	}
}

.home-banner .home-banner__img {
	height: 48px;
	margin-bottom: 1.25rem;
	-o-object-fit: contain;
	object-fit: contain;
	width: -moz-fit-content;
	width: fit-content
}

.home-banner .home-banner__right {
	width: 100%
}



.home-banner.--compressed .home-banner__subheading.small{
	font-size: 17px;
	font-weight: unset;
}


@media (min-width:768px) {
	.home-banner .home-banner__right {
		width: 50%
	}


}

@media (max-width:768px) {
	.home-banner__right {
		text-align: center;
		padding: 40px;
	}

	.home-banner__right>img {
		/* margin: 20px !important; */

	}
}

.home-banner .home-banner__right img {
	margin-top: 1.5rem;
	width: 100%
}

@media (min-width:768px) {
	.home-banner .home-banner__right img {
		margin: 0 0 0 auto
	}
}