/* COLORS */
.horizontal-section {
	padding: 100px 0;
	background-repeat: no-repeat;
	position: relative;
}
.horizontal-section__wrap {
	display: flex;
	flex-wrap: wrap;
}
.horizontal-section__row {
	display: flex;
	justify-content: space-between;
}
.horizontal-section__content, .horizontal-section__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.horizontal-section__link .btn {
	font-family: "Pangea";
	font-weight: 600;
}
.horizontal-section h1 {
	font-family: "Pangea";
	font-weight: 600;
	font-size: 54px;
	line-height: 1.12;
	color: var(--grey-500);
	margin-bottom: 15px;
}
.horizontal-section h2 {
	font-size: 52px;
	line-height: 1.19;
	color: var(--grey-700);
	margin-bottom: 15px;
	font-family: "Pangea";
	font-weight: 600;
}
.horizontal-section h3 {
	font-family: "Pangea";
	font-weight: 600;
	font-size: 42px;
	line-height: 1.14;
	color: var(--grey-700);
	margin: 10px 0;
}
.horizontal-section p {
	font-size: 18px;
	line-height: 1.55;
	color: var(--grey-700);
}
.horizontal-section .container {
	position: relative;
}
.horizontal-section .container:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 200vw;
	background: var(--white);
	z-index: 999;
}
.horizontal-section .owl-carousel .owl-stage-outer {
	overflow: visible;
}
.horizontal-section .section-content {
	margin-bottom: 45px;
}

.horizontal-cards {
	display: flex;
	padding: 24px;
	border-radius: 8px;
	max-width: 470px;
}
.horizontal-cards.light {
	background: var(--white);
}
.horizontal-cards.grey {
	background: var(--grey-100);
}
.horizontal-cards.grey .horizontal-cards__link rect {
	fill: var(--sky-300);
}
.horizontal-cards.grey .horizontal-cards__link path {
	stroke: var(--white);
}
.horizontal-cards.dark {
	background: var(--grey-700);
}
.horizontal-cards.dark .horizontal-cards__link rect {
	fill: var(--grey-600);
}
.horizontal-cards.dark .horizontal-cards__link path {
	stroke: var(--white);
}
.horizontal-cards.dark .horizontal-cards__text {
	color: var(--white);
}
.horizontal-cards__link svg {
	transition: transform 0.5s;
	transform-origin: center;
}
.horizontal-cards__link:hover svg {
	transform: scale(1.2);
}
.horizontal-cards__col {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.horizontal-cards__text {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.44;
	color: var(--grey-700);
	margin-right: 40px;
	margin-bottom: 10px;
}
.horizontal-cards__img {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--grey-300);
	border-radius: 4px;
	width: 136px;
	min-width: 136px;
	height: 136px;
}

@media only screen and (min-width: 1201px) {
	.horizontal-section .container {
		max-width: 1000px;
	}
}
@media only screen and (max-width: 992px) {
	.horizontal-section__row {
		flex-direction: column;
		align-items: flex-start;
	}
}
@media only screen and (max-width: 576px) {
	.horizontal-section {
		padding: 25px 0;
	}
	.horizontal-cards {
		flex-direction: column-reverse;
	}
	.horizontal-cards__img {
		margin-bottom: 20px;
	}
	.horizontal-cards__text {
		margin-right: 0;
	}
}

/*# sourceMappingURL=horizontal-cards.css.map */
