@import "/style/variables.css";
@import "/style/section/rolling-text.css";
@import "/style/section/animated-background.css";
@import "/style/section/carousel.css";

.section {
	width: 100%;
	padding: 10px 25px;
	box-sizing: border-box;
}

.section_centered {
	max-width: var(--main-max-width);
	margin: auto;
	width: 100%;
}

.section_centered_demo {
	max-width: var(--main-max-width);
	margin: auto;
}

.section_vertical-split {
	display: flex;
}

.section__video {
	padding: 90px 0;
}

.section__video__left {
	width: calc(50% + 100px);
}

.section__video__right {
	width: calc(50% - 100px);
}

.container__video_right {
	margin-right: -150px;
	margin-top: -65px;
}

.section_half-width {
	width: 50%;
}

.section_half-width-position-button {
	margin-right: 16px;
}

.section_half-width-img {
	object-fit: contain;
	width: 100%;
	max-width: 700px;
	height: 500px;
}

.section_half-width-img-right-overflow {
	object-fit: contain;
	width: 900px;
	margin-left: -50px;
}

.section_half-width-img-right-overflow.demo {
	margin: 0 0 0 155px;
	width: 100%;
}

.section_img-full-width {
	width: calc(100% - 200px);
	height: 500px;
	margin: 0 100px 10px;
	object-fit: contain;
}

.section_full-width-text {
	max-width: 1000px;
}

.section_full-width-text-small {
	max-width: 680px;
	text-align: center;
}

.section__feature {
	color: hsl(215, 30.5%, 58.2%);
	margin: 0;
	font-size: 15px;
	font-weight: 500;
}

.section__title {
	font-size: 40px;
	font-weight: 500;
	color: white;
	margin: 0;
	margin-bottom: 20px;
}

.section__title_future {
	margin-bottom: 30px;
}

.section__title_video {
	font-size: 46px;
}

.section__subtitle {
	font-size: 36px;
	font-weight: 500;
	color: var(--main-color-grey-800);
	margin-top: 10px;
}

.section__description {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: white;
	margin: 0 0 30px 0;
}

.section_half-width-position_full-width {
	width: calc(100% - 30px);
	margin-left: 30px;
}

.section_half-width-position {
	max-width: 500px;
	width: calc(100% - 30px);
	margin-left: 30px;
	margin-right: 0;
}

.section_text_blue {
	color: var(--main-color-blue);
}

.section_text_white {
	color: white;
}

.section_text_black {
	color: #000;
}

.section_text_dark {
	color: var(--main-color-grey-800);
}

.section_text_grey {
	color: var(--main-color-grey-500);
}

.section_text_center {
	text-align: center;
}

.section_background_grey {
	background-color: #f4f5f7;
}

.section__line-break_on-SD-desktop {
	display: none;
}

.section__contribution_img {
	object-fit: contain;
	width: 100%;
	max-width: 560px;
	height: 400px;
	margin-top: -160px;
}

.section__space-around {
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 0;
}

@media (max-width: 1199px) and (min-width: 991px) {
	.section__line-break_on-SD-desktop {
		display: inherit;
	}
}

@media (min-width: 1199px) {
	.section_overflow-right_on-desktop {
		transform: translateX(50px);
	}

	.section_half-width-img-right-overflow {
		object-fit: contain;
		width: 900px;
		margin-left: -200px;
	}
}

@media (min-width: 991px) {
	.section_centered_demo {
		padding: 20px;
	}

	.section_center-content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding-top: 50px;
	}
}

@media (max-width: 991px) {
	.section_vertical-split {
		flex-direction: column;
	}

	.section__video__left,
	.section__video__right,
	.section_half-width {
		width: 100%;
	}

	.section_half-width-img-right-overflow {
		margin-left: 0;
		margin-top: 70px;
		margin-bottom: -200px;
		width: 100%;
	}

	.section_half-width-position {
		max-width: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.section_half-width-position_full-width {
		width: 100%;
		margin-left: 0;
	}

	.section_invert_on-tablet {
		flex-direction: column-reverse;
	}

	.section_center_on-tablet {
		text-align: center;
	}

	.section_img-full-width {
		width: calc(100% - 50px);
		margin: 65px 25px 0;
	}

	.section__title_future {
		margin-bottom: 80px;
	}

	.section__title_video {
		font-size: 36px;
	}

	.section__contribution__img-container {
		display: flex;
		justify-content: center;
	}

	.section__contribution_img {
		margin-top: -210px;
	}

	.container__video_right {
		margin: 0;
	}
}

@media (max-width: 575px) {
	.section_center-content {
		padding-top: 50px;
	}

	.section_half-width-img-right-overflow {
		height: 400px;
		width: 550px;
	}

	.section_half-width-img {
		height: 300px;
	}

	.section_img-full-width {
		width: 100%;
		height: 300px;
		margin: 0 0 0;
	}

	.section_column_on-mobile {
		display: flex;
		flex-direction: column;
	}

	.section_half-width-position-button {
		margin-right: 0;
	}

	.section__title {
		font-size: 36px;
	}

	.section__description {
		font-size: 16px;
	}

	.section__subtitle {
		font-size: 26px;
	}

	.section__video {
		padding: 90px 0 90px;
	}

	.section__contribution_img {
		margin-top: -180px;
	}

	.section_half-width-img-right-overflow.demo {
		width: auto;
		height: 300px;
		margin: 0;
	}
}

.banner-foot {
	background-image: url("/media/img/banner-foot.png");
	background-position: center;
	background-size: cover;
	padding: 50px 0;
	margin: 150px 0 100px 0;
}