/* Start:/local/templates/ma-template/css/pages/avtomatizaciya.css?17918033609308*/
/* ============================================================
   Страница /avtomatizaciya/ (посадочная)
   Тёмная тема применяется только к этой странице через класс
   .page-avtomatizaciya (флаг $FL_AVTOMATIZACIYA).
   ============================================================ */

/* --- тёмный фон во всю ширину контентной области --- */
.page-avtomatizaciya .l-content {
	position: relative;
	background: linear-gradient(180deg, #073E72 0%, #09273D 100%);
	overflow: hidden;
}

/* декоративные концентрические окружности */
.page-avtomatizaciya .l-content::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		url(/local/templates/ma-template/css/pages/../../img/avtomatizaciya/circle.svg),
		url(/local/templates/ma-template/css/pages/../../img/avtomatizaciya/circle.svg),
		url(/local/templates/ma-template/css/pages/../../img/avtomatizaciya/circle.svg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position:
		right -180px top 40px,
		right -120px bottom 60px,
		left -300px top 420px;
	background-size: 620px, 840px, 840px;
	opacity: 0.55;
}

/* контент выше декора */
.page-avtomatizaciya .content__header,
.page-avtomatizaciya .l-content > .l-wrapper,
.page-avtomatizaciya .avtomatizaciya {
	position: relative;
	z-index: 1;
}

/* --- хлебные крошки на тёмном фоне --- */
.page-avtomatizaciya .b-breadcrumb a,
.page-avtomatizaciya .b-breadcrumb .b-breadcrumb_separator,
.page-avtomatizaciya .b-breadcrumb .last-item,
.page-avtomatizaciya .b-breadcrumb span {
	color: #F5F5F5;
}

.page-avtomatizaciya .b-breadcrumb a:hover {
	color: #ADFFF0;
}

/* убираем дефолтные фоновые картинки-логотипы шаблона на этой странице */
.page-avtomatizaciya .background-img {
	display: none;
}

/* ============================================================
   Заголовок H1
   ============================================================ */
.avtomatizaciya {
	padding-bottom: 60px;
}

.avtomatizaciya__title {
	margin: 10px 0 40px;
	color: #ffffff;
	font-weight: 600;
	font-size: 52px;
	line-height: 1.1;
	text-transform: uppercase;
}

/* ============================================================
   Блок "Автоматизируем все виды предприятий"
   ============================================================ */
.avt-types {
	background: #ffffff;
	border-radius: 15px;
	padding: 40px clamp(20px, 4%, 50px);
}

.avt-types__head {
	text-align: center;
	margin-bottom: 32px;
}

.avt-types__heading {
	margin: 0;
	font-weight: 600;
	font-size: 36px;
	line-height: 1.2;
	color: #0C2A4D;
}

/* вторая строка заголовка — отдельной строкой и синим */
.avt-types__heading span {
	display: block;
	color: #007AFF;
}

/* сетка карточек 4 x 2 */
.avt-types__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.avt-types__card {
	position: relative;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 290 / 175;
	background: #0C2A4D;
}

.avt-types__card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left bottom;
	display: block;
	transition: transform 0.35s ease;
}

.avt-types__card:hover .avt-types__card-img {
	transform: scale(1.05);
}

/* подпись-плашка на карточке (как на макете); цвет задаётся свойством LABEL_COLOR */
.avt-types__card-label {
	align-items: flex-end;
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	padding: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1;
	text-transform: uppercase;
	width: 100%;
}

.avt-types__card-label--blue {
	background: linear-gradient(180deg, transparent 0%, #4596EB 100%);
}

.avt-types__card-label--azure {
	background: linear-gradient(180deg, transparent 0%, #57DFD4 100%);
}

.avt-types__foot {
	display: flex;
	justify-content: flex-end;
	margin-top: 24px;
}

.page-holder .avt-types .avt-types__more,
.page-holder .avt-types .avt-types__more:visited {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #007AFF;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}

.avt-types__more svg {
	flex: 0 0 auto;
	color: #007AFF;
}

.page-holder .avt-types .avt-types__more:hover {
	color: #0a6fe0;
}

/* ============================================================
   Блок "Автоматизируем все виды предприятий" (как на /about-company/)
   Карточки и кнопка стилизуются собственным style.css шаблона компонента
   types-of-business; здесь — заголовок и ширина контейнера для тёмной страницы.
   ============================================================ */
.page-avtomatizaciya .types-of-business {
	max-width: 1300px;
}

.page-avtomatizaciya h2.content__title {
	color: var(--site-default-color);
	font-weight: 600;
	font-size: 50px;
	text-transform: none;
	padding: 50px 0 70px;
	text-align: center;
}

@media (max-width: 768px) {
	.page-avtomatizaciya h2.content__title {
		font-size: 28px;
		line-height: 100%;
		padding: 30px 0 40px;
	}
}

/* ============================================================
   Форма
   ============================================================ */
.avt-form {
	margin-top: 40px;
}

/* --- Редактируемые текстовые блоки под формой --- */
.avt-landing-content {
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 40px auto 0;
}

.avt-landing-card {
	padding: 40px 48px 60px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 4px 12px rgba(26, 58, 107, 0.08);
	color: #000;
}

.avt-landing-card__title {
	margin: 7px 0 16px;
	color: #1a3a6b;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.66;
}

.avt-landing-card__body {
	font-weight: 400;
	font-size: 17px;
	line-height: 1.694;
}

.avt-landing-card__body p {
	margin: 0 0 20px;
}

.avt-landing-card__body p:last-child {
	margin-bottom: 0;
}

.avt-landing-card__body strong,
.avt-landing-card__body b {
	font-weight: 600;
}

.avt-landing-card__body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.avt-landing-card__body li {
	position: relative;
	margin: 0 0 8px;
	padding-left: 22px;
}

.avt-landing-card__body li::before {
	position: absolute;
	left: 0;
	color: #007aff;
	content: "■";
}

.avt-landing-card--table .avt-landing-card__body > table {
	width: 100%;
	table-layout: fixed;
	margin: 0 0 16px;
	border: 1px solid #e8ecf1;
	border-radius: 10px;
	border-spacing: 0;
	overflow: hidden;
	font-size: 15px;
}

.avt-landing-card--table .avt-landing-card__body th,
.avt-landing-card--table .avt-landing-card__body td {
	padding: 8px 12px;
	border-bottom: 1px solid #e8ecf1;
	text-align: left;
	vertical-align: middle;
}

.avt-landing-card--table .avt-landing-card__body th {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #e6f2ff;
	color: #073d71;
	font-weight: 600;
}

.avt-landing-card--table .avt-landing-card__body tr:last-child td {
	border-bottom: 0;
}

@media (max-width: 767px) {
	.avt-landing-content {
		gap: 24px;
		margin-top: 32px;
	}

	.avt-landing-card {
		padding: 28px 20px;
		border-radius: 12px;
	}

	.avt-landing-card__title {
		margin: 7px 0 18px;
		font-size: 22px;
		line-height: 1.45;
	}

	.avt-landing-card__body {
		font-size: 15px;
		line-height: 1.53;
	}

	.avt-landing-card--table .avt-landing-card__body {
		overflow: visible;
	}

	.avt-landing-card--table .avt-landing-card__body > table {
		font-size: 13px;
	}

	.avt-landing-card--table .avt-landing-card__body th,
	.avt-landing-card--table .avt-landing-card__body td {
		padding: 8px 5px;
		word-break: break-word;
	}
}

/* ============================================================
   Планшет
   ============================================================ */
@media (max-width: 1024px) {
	.avtomatizaciya__title {
		font-size: 42px;
	}

	.avt-types__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.avt-types__heading {
		font-size: 30px;
	}
}

/* ============================================================
   Мобайл
   ============================================================ */
@media (max-width: 767px) {
	.avtomatizaciya {
		padding-bottom: 40px;
	}

	.avtomatizaciya__title {
		font-size: 34px;
		margin: 6px 0 24px;
	}

	.avt-types {
		padding: 24px 15px;
		border-radius: 15px;
	}

	.avt-types__head {
		text-align: left;
		margin-bottom: 20px;
	}

	.avt-types__heading {
		font-size: 24px;
	}

	.avt-types__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.avt-types__card {
		aspect-ratio: 320 / 134;
		border-radius: 15px;
	}

	.avt-types__foot {
		justify-content: flex-start;
		margin-top: 20px;
	}

	.page-avtomatizaciya .l-content::before {
		background-size: 360px, 460px, 460px;
		opacity: 0.4;
	}
}

/* End */


/* Start:/local/templates/ma-template/components/ma/news.list/types-of-business/style.css?17828210204717*/
.accent {
    font-weight: 600;
    color: var(--site-accent-color);
}
.types-of-business__button-container a,
.types-of-business__button-container a:visited {
    text-decoration: none;
    color: var(--site-accent-color) !important;
}
.types-of-business {
    background-color: white;
    padding: 0 91px 0 99px;
    margin-top: 70px;
    margin-bottom: 70px;
    border-radius: 15px;
}
.types-of-business_list__item-name {
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    color: #333;
    text-transform: uppercase;
}
.types-of-business_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.types-of-business_list__item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 177px;
    max-width: 255px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.types-of-business_list__item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.types-of-business_list__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.types-of-business_list__item-name {
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    color: white;
    padding: 14px;
    padding-top: 29px;
}
/* Цвет градиента подписи задаётся в админке (свойство «Цвет подписи карточки») */
.types-of-business_list__item--azure .types-of-business_list__item-name {
    background: linear-gradient(transparent, rgba(60, 229, 216, 0.8));
}
.types-of-business_list__item--blue .types-of-business_list__item-name {
    background: linear-gradient(transparent, rgba(0, 122, 255, 0.8));
}
.types-of-business_list__item:last-of-type .types-of-business_list__item-name {
    font-size: 20px;
    line-height: 22px;
}
.types-of-business__button-container {
    padding: 50px 0;
    display: flex;
    justify-content: end;
}
a.types-of-business__button {
    background: transparent;
    color: var(--site-accent-color);
    border: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    padding-right: 72px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='24' viewBox='0 0 43 24' fill='none'%3E%3Cpath d='M42.0607 13.0607C42.6464 12.4749 42.6464 11.5251 42.0607 10.9393L32.5147 1.39341C31.9289 0.807621 30.9792 0.807622 30.3934 1.39341C29.8076 1.9792 29.8076 2.92894 30.3934 3.51473L38.8787 12L30.3934 20.4853C29.8076 21.0711 29.8076 22.0208 30.3934 22.6066C30.9792 23.1924 31.9289 23.1924 32.5147 22.6066L42.0607 13.0607ZM2.23407e-06 13.5001L41 13.5L41 10.5L-2.23408e-06 10.5001L2.23407e-06 13.5001Z' fill='%23007AFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}
a.types-of-business__button:visited {
    color: var(--site-accent-color) !important;
}
@media (max-width: 1023px) {
    .types-of-business_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .types-of-business_list__item-name {
        font-size: 12px;
    }
    .types-of-business_list__item:last-of-type .types-of-business_list__item-name {
        font-size: 10px;
        line-height: 14px;
    }
    .types-of-business_list__item {
        height: 135px;
        max-width: none;
    }
}
@media (max-width: 430px) {
    .types-of-business_list__item {
        height: 94px;
    }
    .types-of-business_list__item-name {
        padding: 7px 8px;
    }
    /* .types-of-business__button-container {
        justify-content: center;
    } */
}
@media (min-width: 430px) and (max-width: 768px) {
    .types-of-business_list__item:last-of-type .types-of-business_list__item-name {
        font-size: 12px;
        line-height: 22px;
    }
}
@media (max-width: 768px) {
    .types-of-business {
        padding: 0 20px 0 20px;
    }
    .types-of-business__button-container {
        padding: 42px 0 26px 0;
        justify-content: center;
    }
}
@media (min-width: 768px) and (max-width: 1350px) {
    .types-of-business_list__item-name {
        font-size: 14px;
        line-height: 22px;
    }
    .types-of-business_list__item:last-of-type .types-of-business_list__item-name {
        font-size: 14px;
        line-height: 22px;
    }
}
@media (min-width: 1024px) and (max-width: 1350px) {
    .types-of-business_list {
        gap: 10px;
    }
    .types-of-business_list__item {
        height: 135px;
    }
}
@media (max-width: 768px) {
    .types-of-business {
        margin-bottom: 45px;
        margin-top: 45px;
    }
}

/* End */


/* Start:/local/templates/ma-template/components/ma/form/find-solution-avtomatizaciya/style.css?17828210208285*/
/* ============================================================
   Форма "Подберём решение" на странице /avtomatizaciya/
   Функционал идентичен find-solution, отличается только внешний вид.
   ============================================================ */

.avt-form {
	scroll-margin: 120px;
}

.avt-form .b-hidden-captcha {
	display: none;
}

/* --- карточка-градиент --- */
.avt-form .b-message-form {
	position: relative;
	overflow: hidden;
	min-height: 443px;
	padding: 46px clamp(24px, 8%, 103px);
	background: linear-gradient(135deg, #073D71 0%, #0D74D7 100%);
	border: 1px solid #ADFFF0;
	border-radius: 15px;
	box-sizing: border-box;
}

@media (width >= 768px) {
	.avt-form .b-message-form {
		align-items: flex-start;
	}
}

/* свечение (концентрические окружности) в правом верхнем углу */
.avt-form .b-message-form-glow {
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(300px, 37%, 480px);
	pointer-events: none;
	z-index: 1;
}

.avt-form .b-message-form-glow img {
	display: block;
	width: 100%;
	height: auto;
}

/* 3D-иллюстрация справа */
.avt-form .b-message-form-illustration {
	position: absolute;
	right: clamp(10px, 11%, 160px);
	bottom: 0;
	width: clamp(280px, 32%, 421px);
	pointer-events: none;
	z-index: 2;
}

.avt-form .b-message-form-illustration img {
	display: block;
	width: 100%;
	height: auto;
}

/* всё содержимое формы выше иллюстрации и ограничено по ширине, чтобы не залезать на картинку */
.avt-form .b-message-form-title,
.avt-form .consultation-form {
	position: relative;
	z-index: 3;
	max-width: 523px;
}

.avt-form .b-message-form-title {
	color: #ADFFF0;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.2;
	margin: 0 0 30px;
	text-align: left;
	max-width: 506px;
}

/* --- форма --- */
.avt-form .consultation-form {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	padding: 0;
}

.avt-form .consultation-form__fields {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 34px;
}

.avt-form .validation-error-container {
	flex: 0 0 100%;
	color: #ffd2d2;
	font-size: 13px;
}

/* поля ввода в одну строку (Имя / Телефон) */
.avt-form .b-message-form_item {
	flex: 1 1 210px;
	min-width: 0;
	margin: 0;
	padding: 0;
}

/* textarea / e-mail / прочие длинные поля — на всю ширину */
.avt-form .b-message-form_item:has(.b-message-form_textarea),
.avt-form .b-message-form_item:has(input[type="email"]) {
	flex-basis: 100%;
}

.avt-form .b-message-form_field {
	position: relative;
}

.avt-form .consultation-form .inputtext,
.avt-form .consultation-form .textarea,
.avt-form .consultation-form input[type="text"],
.avt-form .consultation-form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	border: none;
	border-bottom: 1px solid #ADFFF0;
	border-radius: 0;
	padding: 6px 0;
	color: #ADFFF0 !important;
	font-family: var(--site-font-family, 'Montserrat', sans-serif);
	font-size: 16px;
	line-height: 1.3;
	outline: none;
}

.avt-form .textarea {
	min-height: 60px;
	resize: vertical;
}

.avt-form .inputtext::placeholder,
.avt-form .textarea::placeholder,
.avt-form input::placeholder {
	color: #ADFFF0;
	opacity: 1;
}

/* у телефона плейсхолдер серый, как в макете (cyan-цвет — только у "+7" во флаге) */
.avt-form .main-form__input::placeholder {
	color: #B4B4B4;
}

.avt-form .consultation-form .inputtext:focus,
.avt-form .consultation-form .textarea:focus {
	border-bottom-color: #ADFFF0;
}

/* --- телефон с флагом (intl-tel-input) --- */
.avt-form .iti {
	width: 100%;
}

/* .avt-form .iti--separate-dial-code .iti__selected-flag {
	background: transparent;
} */

.avt-form .iti__country-container {
	bottom: auto;
	top: 0;
}

.avt-form .iti__arrow {
	--iti-arrow-color: #ADFFF0;
}

.avt-form .iti__selected-dial-code {
	color: #ADFFF0;
}

.avt-form .registration-form__input--hidden {
	display: none;
}

/* --- чекбоксы согласий --- */
.avt-form .b-message-form_checkbox,
.avt-form .privacy-block {
	flex: 0 0 100%;
	margin: 0;
	padding: 0;
}

.avt-form .b-message-form_checkbox .b-message-form_field_item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.avt-form .b-message-form_checkbox input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 1px 0 0;
	border: 1px solid #ffffff;
	border-radius: 2px;
	background: transparent;
	cursor: pointer;
	position: relative;
}

.avt-form .b-message-form_checkbox input[type="checkbox"]:checked {
	background: #007AFF;
	border-color: #007AFF;
}

.avt-form .b-message-form_checkbox input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.avt-form .b-message-form_checkbox label {
	position: absolute;
	margin: 0;
	visibility: hidden;
}

.avt-form .l-message-from-checkbox,
.avt-form .privacy-block .checkbox-block span {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #ffffff;
	padding: 0;
}

.avt-form .l-message-from-checkbox a,
.page-holder .avt-form .privacy-block a {
	color: #ADFFF0 !important;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

/* самодельный чекбокс согласия на обработку ПД */
.avt-form .privacy-block .checkbox-block {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.avt-form .consultation-form .privacy-block-checkbox {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 1px 0 0;
	border: 1px solid #ffffff;
	border-radius: 2px;
	background: transparent;
	cursor: pointer;
}

.avt-form .privacy-block-checkbox.hidden {
	display: none;
}

.avt-form .privacy-block-checked {
	display: none;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 1px 0 0;
	border-radius: 2px;
	cursor: pointer;
}

.avt-form .privacy-block-checked.active {
	display: block;
}

.avt-form .privacy-block-checked svg {
	display: block;
	width: 16px;
	height: 16px;
}

/* --- кнопка --- */
.avt-form .b-message-form_submit {
	flex: 0 0 100%;
	margin: 8px 0 0;
}

.page-holder .avt-form .b-message-form_submit .g-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	background: #007AFF;
	border: none;
	border-radius: 15px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	width: auto;
}

.page-holder .avt-form .b-message-form_submit .g-button:hover {
	background: #0a6fe0;
}

/* сообщение об успешной отправке */
.avt-form .message-result {
	position: relative;
	z-index: 2;
	color: #ADFFF0;
	font-size: 18px;
}

/* поле ошибки под инпутом */
.avt-form .b-message-form_item-error {
	display: none;
	margin-top: 4px;
}

.avt-form .b-message-form_item-error-input .b-message-form_item-error {
	display: block;
}

.avt-form .b-message-form_item-error span {
	color: #ffd2d2;
	font-size: 12px;
}

.avt-form .smart-captcha {
	flex: 0 0 100%;
}

/* ============================================================
   Мобайл
   ============================================================ */
@media (max-width: 767px) {
	.avt-form .b-message-form {
		min-height: 0;
		padding: 40px 15px 250px;
		overflow: hidden;
	}

	.avt-form .b-message-form-title {
		font-size: 26px;
		margin-bottom: 24px;
		max-width: 100%;
	}

	.avt-form .consultation-form {
		gap: 24px;
		max-width: 100%;
	}

	.avt-form .b-message-form_item {
		flex-basis: 100%;
	}

	/* кнопка слева, иллюстрация справа внизу — как в макете */
	.avt-form .b-message-form_submit {
		position: relative;
		z-index: 3;
	}

	.avt-form .b-message-form-glow {
		left: 0;
		width: 380px;
		top: auto;
		bottom: 0;
		transform: rotate(180deg);
	}

	.avt-form .b-message-form-illustration {
		right: 0;
		bottom: 0;
		width: 240px;
	}
}

/* End */
/* /local/templates/ma-template/css/pages/avtomatizaciya.css?17918033609308 */
/* /local/templates/ma-template/components/ma/news.list/types-of-business/style.css?17828210204717 */
/* /local/templates/ma-template/components/ma/form/find-solution-avtomatizaciya/style.css?17828210208285 */