@charset "utf-8";
/* CSS Document */

rsvision-component[name=BlockCta] {
	background-color: var(--color-background);
	background-image: linear-gradient(var(--color-background-transparent-80)), var(--cta-bg);
	background-size: cover;
	padding-block: 48px;
	text-align: center
}
@media screen and (min-width: 1024px) {
	rsvision-component[name=BlockCta] {
		padding-block: 0px 94px
	}
}
rsvision-component[name=BlockCta] h3 {
	color: var(--color-white);
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	-webkit-margin-after: 1.5rem;
	margin-block-end: 1.5rem
}
@media screen and (min-width: 1024px) {
	rsvision-component[name=BlockCta] h3 {
		font-size: 48px;
		font-weight: 700;
		line-height: 73.2px
	}
}
rsvision-component[name=BlockCta] p {
	color: var(--color-white-transparent-70);
	font-size: 18px;
	line-height: 32.4px;
	-webkit-margin-after: 2rem;
	margin-block-end: 2rem;
	margin-inline: auto;
	max-inline-size: 565px
}
@media screen and (min-width: 1024px) {
	rsvision-component[name=BlockCta] p {
		font-size: 16px;
		line-height: 24px
	}
}
rsvision-component[name=BlockCta] p:last-of-type {
	-webkit-margin-after: 40px;
	margin-block-end: 40px
}
rsvision-component[name=BlockCta] [name=Button] {
	margin-inline: auto;
	max-inline-size: calc(100% - 2 * var(--container-spacing))
}
@media screen and (min-width: 1024px) {
	rsvision-component[name=BlockCta] [name=Button] {
		inline-size: -webkit-max-content;
		inline-size: -moz-max-content;
		inline-size: max-content;
		max-inline-size: unset
	}
}