@font-face {
	font-family: "Noto Sans";
	font-weight: 400;
	src: url("../fonts/notosans/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Noto Sans";
	font-weight: 700;
	src: url("../fonts/notosans/NotoSans-Bold.ttf") format("truetype");
}

.paragraph--type--step-description {
	padding-bottom: 105px;
	position: relative;
	background-color: #FDE7CA;
}

.paragraph--type--step-description:before {
	content: "";
	display: block;
	background-image: url("../../images/section3/ski.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 25.4166666667vw;
	height: 25.4166666667vw;
	position: absolute;
	top: -3.4722222222vw;
	left: 0vw;
	z-index: 100;
}

.paragraph--type--step-description .field-subtitle {
	font-weight: 700;
	font-size: 1.3888888889vw;
	line-height: 130%;
	letter-spacing: 10%;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 1.6666666667vw;
	padding-top: 7.2222222222vw;
}

.paragraph--type--step-description .field-subtitle:before {
	content: "";
	display: block;
	background-image: url("../../images/round.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	width: 100%;
	height: 6.3194444444vw;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 1;
}

.paragraph--type--step-description .field-title {
	font-family: "Chronic Regular", sans-serif;
	font-weight: 400;
	font-size: 3.6805555556vw;
	line-height: 115%;
	letter-spacing: 0;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	color: #F3400E;
}

.paragraph--type--step-description .field-items {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	max-width: 81.4583333333vw;
	margin: 0 auto;
	padding-top: 7.8472222222vw;
	gap: 7.9166666667vw;
}

.paragraph--type--step-description .field-items > div .field-text {
	background-image: url("../../images/box/box1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.paragraph--type--step-description .field-items > div:nth-child(2) .field-text {
	background-image: url("../../images/box/box2.svg");
}

.paragraph--type--step-description .field-items > div:nth-child(3) .field-text {
	background-image: url("../../images/box/box3.svg");
}

.paragraph--type--step-description .field-items:before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	width: 80.1388888889vw;
	height: 55.5555555556vw;
	position: absolute;
	top: -13.8888888889vw;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial {
	width: 21.875vw;
	padding: 0;
	gap: 28px;
	position: relative;
	color: #fff;
	margin-bottom: -8.3333333333vw;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial .field-image {
	position: relative;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial .field-image img {
	width: 14.5833333333vw;
	height: 15.4861111111vw;
	margin: 0 auto;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial .field-text {
	font-weight: 400;
	font-size: 1.3888888889vw;
	line-height: 130%;
	letter-spacing: 0;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 21.7361111111vw;
	height: 11.3194444444vw;
	color: #fff;
	padding: 2.0833333333vw;
	position: relative;
	top: -8.3333333333vw;
	margin: 0 auto;
}

.paragraph--type--step-description .field-text {
	font-weight: 400;
	font-size: 1.3888888889vw;
	line-height: 130%;
	letter-spacing: 0;
	text-align: center;
	max-width: unset;
	margin-bottom: 4.4444444444vw;
}

.paragraph--type--step-description .field-link {
	z-index: 1;
	position: relative;
}

.field-paragraphs-item-step {
	position: relative;
}

.field-paragraphs-item-step:nth-child(1):after,
.field-paragraphs-item-step:nth-child(2):after {
	content: "";
	background-image: url("../../images/box/tratto3.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	width: 5.0694444444vw;
	height: 0.7638888889vw;
	position: absolute;
	bottom: 5.5555555556vw;
	right: -5.9027777778vw;
}

.field-paragraphs-item-step:nth-child(2):after {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	right: -6.5972222222vw;
}

.field-paragraphs-item-step:nth-child(3):before {
	content: "";
	background-image: url("../../images/box/trees.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	width: 7.5vw;
	height: 20.3472222222vw;
	position: absolute;
	top: -10.4166666667vw;
	right: -4.5138888889vw;
}

@media (max-width: 767px) {

.paragraph--type--step-description:before {
	left: 10.4166666667vw;
	top: -7.6388888889vw;
	width: 33.4027777778vw;
	height: 33.4027777778vw;
	-ms-transform: translateX(100%) scaleX(-1);
	transform: translateX(100%) scaleX(-1);
}

.paragraph--type--step-description .field-subtitle {
	font-size: 14px;
	margin-bottom: 16px;
	padding-top: 100px;
}

.paragraph--type--step-description .field-title {
	font-size: 40px;
}

.paragraph--type--step-description .field-items:before {
	content: none;
}

.paragraph--type--step-description .field-items {
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 75px;
	padding-top: 77px;
}

.paragraph--type--step-description .field-items > div:first-of-type {
	position: relative;
}

.paragraph--type--step-description .field-items > div:first-of-type:after {
	content: "";
	display: block;
	background-image: url("../../images/section3/path1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 21px;
	height: 47px;
	position: absolute;
	bottom: -58px;
	left: calc(50% - 100px);
}

.paragraph--type--step-description .field-items > div:nth-of-type(2) {
	position: relative;
}

.paragraph--type--step-description .field-items > div:nth-of-type(2):after {
	content: "";
	display: block;
	background-image: url("../../images/section3/path1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 21px;
	height: 48px;
	position: absolute;
	bottom: -58px;
	right: calc(50% - 100px);
	-ms-transform: rotate(-150deg);
	transform: rotate(-150deg);
}

.paragraph--type--step-description .field-items .paragraph--type--editorial {
	width: 100%;
	height: auto;
	padding: 0 16px 0 16px;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial .field-image img {
	width: auto;
	height: auto;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial .field-text {
	margin-top: -40px;
	font-size: 16px;
	width: 313px;
	height: 163px;
	top: -85px;
}

.paragraph--type--step-description .field-items .paragraph--type--editorial .field-text br {
	display: none;
}

.paragraph--type--step-description .field-text {
	font-size: 14px;
	padding: 0 20px;
	margin-top: 28px;
	margin-bottom: 28px;
}

.paragraph--type--step-description .field-link {
	width: max-content;
	margin: 0 auto;
}

}