/* page_about-us.less */

@import "main.less";

.page_about-us {
	.header_hero_banner {
		background-image: none;
		background-color: #445B6D;
		padding         : 50px 0;
	}

	.history_section {
		background-color: #2C3944;
		padding         : 80px 0;
		margin          : 0;

		@media @small {
			padding: 40px 0;
		}

		p {
			color         : #B1B1B1;
			font-family   : 'Roboto';
			font-size     : 24px;
			letter-spacing: 0;
			line-height   : 28px;
			margin-top    : 20px;

			@media @small {
				font-size     : 17px;
				letter-spacing: 0;
				line-height   : 24px;
			}
		}

		.history_title {
			font-size     : 70px;
			font-weight   : bold;
			letter-spacing: 0;
			line-height   : 80px;
			text-transform: uppercase;
			color         : #fff;

			@media @small {
				font-size     : 24px;
				letter-spacing: 0.75px;
				line-height   : 31px;
			}
		}

		.img_description_container {
			position: relative;

			.img_description {
				color: #2C3944;
			}
		}

		hr {
			opacity: 0.8;
			color  : #fff;
		}

		img {
			width: 100%;
		}

		.history_testimonial {
			background-color: #EAF0F4;
			padding-top     : 40px;

			@media @small {
				padding: 0;
			}

			p {
				color         : #445B6D;
				font-family   : 'Roboto';
				font-size     : 28px;
				letter-spacing: 0;
				line-height   : 34px;

				@media @small {
					font-size     : 17px;
					letter-spacing: 0;
					line-height   : 24px;
				}
			}

			.history_author {
				font-size     : 22px;
				font-style    : italic;
				letter-spacing: 0;
				line-height   : 34px;

				@media @small {
					font-size     : 15px;
					letter-spacing: 0;
					line-height   : 20px;
				}
			}

			hr {
				opacity: 0.8;
				color  : #445B6D;
			}

			.arrow_right {
				text-align: right;

				img {
					transform: rotate(180deg);
				}
			}

			.history_arrow {
				height: 22px;
				width : 22px;
				margin: 10px 0;
			}
		}
	}

	.values_missions {
		background-color: #445B6D;
		padding         : 80px 0;

		.value {
			display       : block;
			color         : #fff;
			font-family   : "Barlow Condensed";
			font-size     : 32px;
			letter-spacing: 0;
			line-height   : 32px;
			text-transform: uppercase;
		}

		.value_title {
			color         : #fff;
			font-family   : 'Barlow';
			font-size     : 42px;
			font-weight   : bold;
			letter-spacing: 0;
			line-height   : 50px;

			@media @small_medium {
				margin-top: 20px;
			}

			@media @small {
				font-size     : 23px;
				letter-spacing: 0;
				line-height   : 28px;
			}
		}

		.value_subtitle {
			color         : #fff;
			font-family   : 'Roboto';
			font-size     : 24px;
			letter-spacing: 0;
			line-height   : 31px;

			@media @small {
				font-size     : 17px;
				letter-spacing: 0;
				line-height   : 24px;
			}
		}

		.history_arrow {
			margin: 10px 20px;
			filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(7482%) hue-rotate(191deg) brightness(96%) contrast(112%);
		}
	}

	.coulisse_partner {
		margin: 0;

		@media @small {
			padding         : 30px 0;
			background-color: #EAF0F4;
		}

		.coulisse_partner_logo_section {
			background-color: #EAF0F4;
			min-height      : 650px;

			@media @small {
				min-height: 0;
			}

			img {
				width: 100%;

				@media @small {
					margin: 40px 0;
				}
			}
		}

		.coulisse_partner_text_section {
			background-color: #D6E0E8;
			min-height      : 650px;

			@media @small {
				min-height      : 0;
				background-color: transparent;
			}

			.coulisse_partner_title {
				color         : #445B6D;
				font-family   : 'Barlow';
				font-size     : 42px;
				font-weight   : bold;
				letter-spacing: 0;
				line-height   : 50px;

				@media @small_medium {
					font-size     : 23px;
					letter-spacing: 0;
					line-height   : 28px;
				}
			}

			.coulisse_partner_desc {
				color         : #445B6D;
				font-family   : 'Roboto';
				font-size     : 24px;
				letter-spacing: 0;
				line-height   : 37px;

				@media @small_medium {
					font-size     : 17px;
					letter-spacing: 0;
					line-height   : 24px;
				}
			}
		}
	}

	.history_arrow {
		height: 22px;
		width : 22px;
		margin: 10px 0;
	}

	.partners_section {
		background-color: #445B6D;
		padding         : 60px 0;
		margin          : 0;


		.partner_title {
			color         : #FFFFFF;
			font-family   : 'Barlow';
			font-size     : 70px;
			font-weight   : bold;
			letter-spacing: 2.8px;
			line-height   : 80px;
			text-align    : center;
			text-transform: uppercase;

			@media @small {
				font-size     : 24px;
				font-weight   : bold;
				letter-spacing: 0.96px;
				line-height   : 24px;
				text-align    : center;
			}
		}

		.partner_subtitle {
			color         : #FFFFFF;
			font-family   : 'Roboto';
			font-size     : 24px;
			letter-spacing: 0;
			line-height   : 28px;
			text-align    : center;

			@media @small {
				font-size     : 19px;
				letter-spacing: 0;
				line-height   : 24px;
				text-align    : center;
			}
		}

		.apdiq_title {
			color         : #ACCBE4;
			font-family   : 'Barlow';
			font-size     : 42px;
			font-weight   : bold;
			letter-spacing: 0;
			line-height   : 50px;
			text-align    : center;
		}

		.apdiq_subtitle {
			color         : #ACCBE4;
			font-family   : 'Roboto';
			font-size     : 20px;
			font-style    : italic;
			font-weight   : 500;
			letter-spacing: 0;
			line-height   : 26px;
			text-align    : center;
		}

		.apdiq_description {
			color         : #EAF0F4;
			font-family   : 'Roboto';
			font-size     : 20px;
			letter-spacing: 0;
			line-height   : 26px;
			text-align    : center;

			@media @small {
				font-size     : 19px;
				letter-spacing: 0;
				line-height   : 26px;
			}
		}

		.parteners_logo_section {
			margin: 40px 0;

			.logo_container {
				margin         : 30px 0;
				filter         : brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(469%) hue-rotate(240deg) brightness(117%) contrast(100%);
				justify-content: center;

				@media @small {
					justify-content: start;
				}

				.partner_logo_title {
					color         : #FFFFFF;
					font-family   : 'Barlow';
					font-size     : 16px;
					font-weight   : bold;
					letter-spacing: 0;
					line-height   : 19px;
					text-transform: uppercase;
					margin-bottom : 5px;

					@media @small {
						font-size  : 16px;
						line-height: 19px;
						margin-top : 15px;
					}
				}

				.partner_logo_subtitle {
					color         : #FFFFFF;
					font-family   : 'Roboto';
					font-size     : 16px;
					letter-spacing: 0;
					line-height   : 20px;

					@media @small {
						font-size     : 16px;
						letter-spacing: 0;
						line-height   : 20px;
					}
				}
			}
		}
	}
}