/* Karaton — About page v2: editorial rows + dark premium advantages */

.elementor-740 {
	--kr-ink: #0f1f2d;
	--kr-soft: #6a7782;
	--kr-line: rgba(15, 31, 45, 0.09);
	--kr-navy: #2f4457;
	--kr-cream: #d6b889;
}

/* ============================================================
   Headings: «О нас» / «Наши преимущества»
   ============================================================ */
.elementor-740 .elementor-element.elementor-element-094a114,
.elementor-740 .elementor-element.elementor-element-90236a4 {
	padding: 100px 40px 28px !important;
}
.elementor-740 .elementor-element.elementor-element-094a114 > .elementor-container,
.elementor-740 .elementor-element.elementor-element-90236a4 > .elementor-container {
	max-width: 1290px;
}

.elementor-740 .elementor-element.elementor-element-608d954 .elementor-icon-box-title,
.elementor-740 .elementor-element.elementor-element-2f5a78c .elementor-icon-box-title {
	position: relative;
	margin: 0;
	padding-left: 64px;
	color: var(--kr-ink);
	font-family: "Inter", Arial, sans-serif;
	font-size: clamp(32px, 3.4vw, 48px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.03em;
}
.elementor-740 .elementor-element.elementor-element-608d954 .elementor-icon-box-title::before,
.elementor-740 .elementor-element.elementor-element-2f5a78c .elementor-icon-box-title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 44px;
	height: 1px;
	background: var(--kr-navy);
	transform: translateY(-50%);
}

.elementor-740 .elementor-element.elementor-element-90236a4 {
	margin-top: 56px !important;
	padding: 92px 40px 22px !important;
	background: #203745 !important;
}

.elementor-740 .elementor-element.elementor-element-90236a4 .elementor-icon-box-title {
	color: #ffffff !important;
}

.elementor-740 .elementor-element.elementor-element-90236a4 .elementor-icon-box-title::before {
	background: var(--kr-cream) !important;
}

/* ============================================================
   «О нас» rows — editorial divider layout, no images
   ============================================================ */
.elementor-740 .elementor-element.elementor-element-23c74b5,
.elementor-740 .elementor-element.elementor-element-730f9ef,
.elementor-740 .elementor-element.elementor-element-100f51b,
.elementor-740 .elementor-element.elementor-element-fa9d6c8,
.elementor-740 .elementor-element.elementor-element-decd372,
.elementor-740 .elementor-element.elementor-element-3978d6f,
.elementor-740 .elementor-element.elementor-element-3b07f84,
.elementor-740 .elementor-element.elementor-element-d6d0926 {
	display: none !important;
}

.elementor-740 .elementor-element.elementor-element-10ac812,
.elementor-740 .elementor-element.elementor-element-31d5616,
.elementor-740 .elementor-element.elementor-element-0bf5ecc,
.elementor-740 .elementor-element.elementor-element-93b8da1 {
	padding: 0 40px !important;
	margin: 0 auto !important;
}

.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container,
.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container,
.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container,
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container {
	position: relative;
	max-width: 1290px;
	margin: 0 auto;
	padding: 70px 0 70px 220px;
	border-top: 1px solid var(--kr-line);
}
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container {
	border-bottom: 1px solid var(--kr-line);
}

.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::before,
.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::before,
.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::before,
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::before {
	position: absolute;
	top: 68px;
	left: 0;
	display: block;
	color: var(--kr-navy);
	font-family: "Inter", Arial, sans-serif;
	font-size: 58px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -0.05em;
	opacity: 0.45;
	transition: opacity 0.35s ease, transform 0.35s ease;
}
.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::after,
.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::after,
.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::after,
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::after {
	position: absolute;
	top: 134px;
	left: 0;
	color: var(--kr-soft);
	font-family: "Inter", Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
}

.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::before { content: "01"; }
.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::before { content: "02"; }
.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::before { content: "03"; }
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::before { content: "04"; }

.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::after { content: "О компании"; }
.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::after { content: "Цели и задачи"; }
.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::after { content: "Контракт"; }
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::after { content: "Принципы"; }

.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container:hover::before,
.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container:hover::before,
.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container:hover::before,
.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container:hover::before {
	opacity: 1;
	transform: translateY(-2px);
}

.elementor-740 .elementor-element.elementor-element-713d45c,
.elementor-740 .elementor-element.elementor-element-79c8386,
.elementor-740 .elementor-element.elementor-element-5fdf18e,
.elementor-740 .elementor-element.elementor-element-2f8670f {
	width: 100% !important;
	flex: 1 1 100% !important;
}
.elementor-740 .elementor-element.elementor-element-713d45c > .elementor-element-populated,
.elementor-740 .elementor-element.elementor-element-79c8386 > .elementor-element-populated,
.elementor-740 .elementor-element.elementor-element-5fdf18e > .elementor-element-populated,
.elementor-740 .elementor-element.elementor-element-2f8670f > .elementor-element-populated {
	padding: 0 !important;
}

.elementor-740 .elementor-element.elementor-element-5ed31b2 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-cecaa11 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-d507a96 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-a5254a3 > .elementor-widget-container {
	padding: 0 !important;
}
.elementor-740 .elementor-element.elementor-element-5ed31b2 .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-cecaa11 .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-d507a96 .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-a5254a3 .elementor-heading-title {
	max-width: 760px;
	color: var(--kr-ink);
	font-family: "Inter", Arial, sans-serif;
	font-size: clamp(24px, 2.3vw, 32px) !important;
	font-weight: 700 !important;
	line-height: 1.2;
	letter-spacing: -0.025em;
}

.elementor-740 .elementor-element.elementor-element-4453822 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-a6db9e2 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-861eea1 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-1b71bd2 > .elementor-widget-container {
	padding: 18px 0 0 !important;
}
.elementor-740 .elementor-element.elementor-element-4453822 .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-a6db9e2 .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-861eea1 .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-1b71bd2 .elementor-heading-title {
	max-width: 820px;
	color: var(--kr-soft) !important;
	font-family: "Inter", Arial, sans-serif;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.7;
}

.elementor-740 .elementor-element.elementor-element-e39a190 .elementor-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 26px;
	padding: 13px 26px;
	border-radius: 999px;
	background: var(--kr-navy);
	color: #fff;
	border: 1px solid var(--kr-navy);
	font-family: "Inter", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: background 0.2s ease, color 0.2s ease;
}
.elementor-740 .elementor-element.elementor-element-e39a190 .elementor-button:hover {
	background: transparent;
	color: var(--kr-navy);
}

/* ============================================================
   «Наши преимущества» — dark premium cards with SVG icons
   ============================================================ */
.elementor-740 .elementor-element.elementor-element-258a851d {
	margin-top: 0 !important;
	padding: 36px 40px 112px !important;
	background: #203745 !important;
	position: relative;
	overflow: hidden;
}
.elementor-740 .elementor-element.elementor-element-258a851d::before {
	display: none !important;
}
.elementor-740 .elementor-element.elementor-element-258a851d > .elementor-container {
	max-width: 1290px;
	position: relative;
	z-index: 1;
}

.elementor-740 .elementor-element.elementor-element-43aceec2 > .elementor-container,
.elementor-740 .elementor-element.elementor-element-38adfea6 > .elementor-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	max-width: 1290px;
}
.elementor-740 .elementor-element.elementor-element-38adfea6 {
	margin-top: 24px !important;
}

.elementor-740 .elementor-element.elementor-element-6c293406,
.elementor-740 .elementor-element.elementor-element-225522a3,
.elementor-740 .elementor-element.elementor-element-393a94af,
.elementor-740 .elementor-element.elementor-element-51ffd821 {
	width: 100% !important;
}
.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated,
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated,
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated,
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated {
	position: relative;
	margin: 0 !important;
	padding: 46px 38px 44px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 24px !important;
	background: rgba(255, 255, 255, 0.035) !important;
	overflow: hidden;
	transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated:hover,
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated:hover,
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated:hover,
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated:hover {
	transform: translateY(-4px);
	border-color: rgba(214, 184, 137, 0.55) !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated::before,
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated::before,
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated::before,
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated::before {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	margin-bottom: 30px;
	border-radius: 18px;
	background-color: rgba(214, 184, 137, 0.13);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
	transition: background-color 0.3s ease;
}
.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated:hover::before,
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated:hover::before,
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated:hover::before,
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated:hover::before {
	background-color: rgba(214, 184, 137, 0.22);
}

.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b889' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='6'/><path d='M8.5 13 7 22l5-3 5 3-1.5-9'/></svg>");
}
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b889' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='5' width='14' height='14' rx='2'/><rect x='9' y='9' width='6' height='6'/><path d='M9 2v3'/><path d='M15 2v3'/><path d='M9 19v3'/><path d='M15 19v3'/><path d='M2 9h3'/><path d='M2 15h3'/><path d='M19 9h3'/><path d='M19 15h3'/></svg>");
}
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b889' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/><path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/></svg>");
}
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b889' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/><circle cx='12' cy='12' r='3'/></svg>");
}

.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated::after,
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated::after,
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated::after,
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated::after {
	content: "";
	position: absolute;
	left: 38px;
	right: 38px;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--kr-cream), transparent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
}
.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated:hover::after,
.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated:hover::after,
.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated:hover::after,
.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated:hover::after {
	transform: scaleX(1);
}

.elementor-740 .elementor-element.elementor-element-76e1d0f7,
.elementor-740 .elementor-element.elementor-element-56dc6ea4,
.elementor-740 .elementor-element.elementor-element-898c0ac,
.elementor-740 .elementor-element.elementor-element-5d6acfde,
.elementor-740 .elementor-element.elementor-element-3ba1a924,
.elementor-740 .elementor-element.elementor-element-642816ad,
.elementor-740 .elementor-element.elementor-element-5503f337,
.elementor-740 .elementor-element.elementor-element-18c078c8 {
	display: none !important;
}

.elementor-740 .elementor-element.elementor-element-6cdb6d2c,
.elementor-740 .elementor-element.elementor-element-623e7bfe,
.elementor-740 .elementor-element.elementor-element-3573414a,
.elementor-740 .elementor-element.elementor-element-353e1640 {
	width: 100% !important;
	max-width: 100% !important;
}
.elementor-740 .elementor-element.elementor-element-6cdb6d2c .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-623e7bfe .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-3573414a .elementor-heading-title,
.elementor-740 .elementor-element.elementor-element-353e1640 .elementor-heading-title {
	color: #fff !important;
	font-family: "Inter", Arial, sans-serif;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.elementor-740 .elementor-element.elementor-element-59d6bb47,
.elementor-740 .elementor-element.elementor-element-572e93dd,
.elementor-740 .elementor-element.elementor-element-4778b9a1,
.elementor-740 .elementor-element.elementor-element-75ad8aa3 {
	color: rgba(255, 255, 255, 0.72) !important;
	font-family: "Inter", Arial, sans-serif;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
}
.elementor-740 .elementor-element.elementor-element-59d6bb47 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-572e93dd > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-4778b9a1 > .elementor-widget-container,
.elementor-740 .elementor-element.elementor-element-75ad8aa3 > .elementor-widget-container {
	margin: 14px 0 0 !important;
	padding: 0 !important;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 1024px) {
	.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container {
		padding: 56px 0 56px 150px;
	}
	.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::before,
	.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::before,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::before,
	.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::before {
		top: 54px;
		font-size: 42px;
	}
	.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::after,
	.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::after,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::after,
	.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::after {
		top: 106px;
	}

	.elementor-740 .elementor-element.elementor-element-43aceec2 > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-38adfea6 > .elementor-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.elementor-740 .elementor-element.elementor-element-094a114,
	.elementor-740 .elementor-element.elementor-element-90236a4 {
		padding: 64px 20px 16px !important;
	}
	.elementor-740 .elementor-element.elementor-element-608d954 .elementor-icon-box-title,
	.elementor-740 .elementor-element.elementor-element-2f5a78c .elementor-icon-box-title {
		padding-left: 40px;
	}
	.elementor-740 .elementor-element.elementor-element-608d954 .elementor-icon-box-title::before,
	.elementor-740 .elementor-element.elementor-element-2f5a78c .elementor-icon-box-title::before {
		width: 24px;
	}

	.elementor-740 .elementor-element.elementor-element-10ac812,
	.elementor-740 .elementor-element.elementor-element-31d5616,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc,
	.elementor-740 .elementor-element.elementor-element-93b8da1 {
		padding: 0 20px !important;
	}
	.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container,
	.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container {
		padding: 40px 0;
	}
	.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::before,
	.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::before,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::before,
	.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::before {
		position: static;
		display: inline-block;
		font-size: 28px;
		opacity: 0.55;
		margin-bottom: 2px;
	}
	.elementor-740 .elementor-element.elementor-element-10ac812 > .elementor-container::after,
	.elementor-740 .elementor-element.elementor-element-31d5616 > .elementor-container::after,
	.elementor-740 .elementor-element.elementor-element-0bf5ecc > .elementor-container::after,
	.elementor-740 .elementor-element.elementor-element-93b8da1 > .elementor-container::after {
		position: static;
		display: block;
		margin-bottom: 18px;
	}

	.elementor-740 .elementor-element.elementor-element-258a851d {
		padding: 56px 20px 70px !important;
	}
	.elementor-740 .elementor-element.elementor-element-6c293406 > .elementor-element-populated,
	.elementor-740 .elementor-element.elementor-element-225522a3 > .elementor-element-populated,
	.elementor-740 .elementor-element.elementor-element-393a94af > .elementor-element-populated,
	.elementor-740 .elementor-element.elementor-element-51ffd821 > .elementor-element-populated {
		padding: 36px 28px !important;
		border-radius: 20px !important;
	}
}