/* Start:/about/style.css?17787586484821*/
.df-about {
	padding: 72px 0 92px;
	background: #f7f9fc;
	color: #0d1730;
}
.df-about-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	gap: 34px;
	align-items: stretch;
}
.df-about-hero__copy {
	padding: 48px;
	background: #fff;
	border: 1px solid #e5ebf4;
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(18, 35, 67, .08);
}
.df-about-hero__copy > span,
.df-about-kicker {
	display: inline-block;
	margin-bottom: 14px;
	color: var(--df-accent);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.df-about-hero h1 {
	margin: 0 0 18px;
	color: #0d1730;
	font-size: 48px;
	font-weight: 800;
	line-height: 1.12;
}
.df-about-hero p,
.df-about-text p,
.df-about-section__head p {
	margin: 0;
	color: #536179;
	font-size: 18px;
	line-height: 1.72;
}
.df-about-text p + p {
	margin-top: 18px;
}
.df-about-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	margin-top: 30px;
}
.df-about-plain-link {
	color: var(--df-accent);
	font-weight: 800;
}
.df-about-hero__image {
	overflow: hidden;
	background: #eaf2f5;
	border: 1px solid #dce6f2;
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(18, 35, 67, .08);
}
.df-about-hero__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.df-about-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin: 28px 0 64px;
}
.df-about-facts div {
	padding: 24px;
	background: #fff;
	border: 1px solid #e5ebf4;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(18, 35, 67, .06);
}
.df-about-facts strong {
	display: block;
	margin-bottom: 6px;
	color: #0d1730;
	font-size: 20px;
	line-height: 1.25;
}
.df-about-facts span {
	display: block;
	color: #536179;
	line-height: 1.55;
}
.df-about-section {
	margin-top: 64px;
}
.df-about-section--split {
	display: grid;
	grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
	gap: 44px;
	align-items: start;
	padding: 42px;
	background: #fff;
	border: 1px solid #e5ebf4;
	border-radius: 8px;
}
.df-about-section h2,
.df-about-section__head h2 {
	margin: 0;
	color: #0d1730;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.18;
}
.df-about-section__head {
	max-width: 860px;
	margin-bottom: 28px;
}
.df-about-section__head h2 {
	margin-bottom: 14px;
}
.df-about-work {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 28px;
}
.df-about-work__card {
	padding: 30px;
	background: #fff;
	border: 1px solid #e5ebf4;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(18, 35, 67, .06);
}
.df-about-work__icon {
	display: inline-flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	background: rgba(var(--df-accent-rgb), .12);
	border: 1px solid rgba(var(--df-accent-rgb), .2);
	border-radius: 50%;
	color: var(--df-accent);
}
.df-about-work__icon svg {
	display: block;
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.df-about-work__card h3 {
	margin: 0 0 12px;
	color: #0d1730;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}
.df-about-work__card p,
.df-about-principles p {
	margin: 0;
	color: #536179;
	line-height: 1.65;
}
.df-about-principles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.df-about-principles div {
	padding: 24px;
	background: #fff;
	border: 1px solid #e5ebf4;
	border-radius: 8px;
}
.df-about-principles strong {
	display: block;
	margin-bottom: 10px;
	color: #0d1730;
	font-size: 18px;
	line-height: 1.28;
}
.df-about-certificates {
	margin-top: 64px;
}
.df-about-certificates-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.df-about-certificate {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: #fff;
	border: 1px solid #e5ebf4;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(18, 35, 67, .08);
}
.df-about-certificate img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.df-about-certificate:hover img {
	transform: scale(1.04);
}
@media (max-width: 1199px) {
	.df-about-facts,
	.df-about-certificates-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 991px) {
	.df-about-hero,
	.df-about-section--split,
	.df-about-work,
	.df-about-principles {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767px) {
	.df-about {
		padding: 44px 0 64px;
	}
	.df-about-hero__copy,
	.df-about-section--split {
		padding: 24px;
	}
	.df-about-hero h1,
	.df-about-section h2,
	.df-about-section__head h2 {
		font-size: 32px;
	}
	.df-about-facts,
	.df-about-certificates-grid {
		grid-template-columns: 1fr;
	}
}

/* End */
/* /about/style.css?17787586484821 */