/* Start:/local/templates/redisign/assets/css/servisnoe.css?17938997114425*/
/* ============================================================
   servisnoe.css — /service/servisnoe-obsluzhivanie/ под redisign (lift-and-shift).
   Форма-заявка (модалка #modal-maintenance) с полем .attachment — стили в
   migrate-forms. Здесь: hero сервиса, бренды, секции услуг (common-section), CTA.
   ============================================================ */

/* ---------- Hero сервиса (градиентный блок) ---------- */
.maintenance-hero {
  padding: 50px 70px;
  background: var(--c-bg-secondary);
  border-radius: var(--r-img-lg); color: var(--c-text);
}
@media (max-width: 1199px) { .maintenance-hero { padding: 50px; } }
@media (max-width: 767px) { .maintenance-hero { padding: 30px 15px; } }
@media (max-width: 1199px) { .maintenance-hero .data-row { display: block; } }
.maintenance-hero .data-col:first-child { flex: 1 0 0; max-width: 100%; margin-right: 5%; }
@media (max-width: 1199px) { .maintenance-hero .data-col:first-child { margin-right: 0; } }
.maintenance-hero .data-col:last-child { flex: 0 0 462px; max-width: 462px; }
@media (max-width: 1199px) { .maintenance-hero .data-col:last-child { margin: 50px auto 0; } }
@media (max-width: 767px) { .maintenance-hero .data-col:last-child { margin-top: 30px; } }
.maintenance-hero .title { font-weight: 400; }
.maintenance-brands { margin-bottom: 70px; padding: 55px 20px; background-color: #fff; border-radius: 5px; }
@media (max-width: 767px) { .maintenance-brands { margin-bottom: 25px; padding: 40px 20px; } }
.maintenance-brands .img { width: 245px; margin-left: auto; margin-right: auto; }
.maintenance-brands .img + .img { margin-top: 30px; }
@media (max-width: 767px) { .maintenance-brands .img + .img { margin-top: 20px; } }
.maintenance-hero-btn { padding: 30px; background-color: #fff; border-radius: 5px; }
@media (max-width: 767px) { .maintenance-hero-btn { padding: 20px; } }
.maintenance-hero-btn .btn { width: 100%; }

/* ---------- Секции услуг (common-section, из ИБ service_maintenance) ---------- */
.common-section {
  margin-top: 60px; padding: 60px 70px; border-radius: 5px;
  box-shadow: 0 10px 25px 6px rgba(112, 119, 138, .1); background-color: #fff;
}
@media (max-width: 1199px) { .common-section { padding: 50px 20px; } }
@media (max-width: 767px) { .common-section { margin-top: 40px; padding: 35px 20px; } }
@media (min-width: 992px) {
  .common-section__row { display: flex; align-items: center; }
  .common-section__col { width: 55%; padding-left: 6%; }
}
.common-section__img { border-radius: 5px; overflow: hidden; }
@media (max-width: 991px) { .common-section__img { margin-bottom: 50px; } }
@media (max-width: 767px) { .common-section__img { margin-bottom: 25px; } }
@media (min-width: 992px) { .common-section__img { width: 45%; } }
.common-section-2 { background-color: #F3F6F8; }
@media (min-width: 992px) {
  .common-section-2 .common-section__row { flex-direction: row-reverse; }
  .common-section-2 .common-section__col { padding: 0 6% 0 0; }
}

/* ---------- CTA «Оставить заявку» (дубль паттерна .cta из reviews — page-only) ---------- */
.cta { padding: 50px; background: var(--c-bg-secondary); border-radius: var(--r-img-lg); color: var(--c-text); }
@media (max-width: 767px) { .cta { width: calc(100% + 30px); margin-left: -15px; padding: 35px 20px; border-radius: 0; } }
.cta .flex { display: flex; align-items: center; }
.cta .column { flex: 1 0 0; max-width: 100%; padding-right: 12%; }
.cta .column.title { font-weight: 400; }
@media (max-width: 991px) { .cta .flex { flex-wrap: wrap; } .cta .column { width: 100%; padding-right: 0; } }
.cta__btn.bb {
  flex: 0 0 304px; max-width: 304px; padding: 40px 45px 46px;
  background: linear-gradient(111.49deg, rgba(255,255,255,.08) -8.95%, rgba(255,255,255,.002) 114%);
  backdrop-filter: blur(50px);
}
.cta__btn.bb::before { top: 12px; left: 12px; right: 12px; bottom: 18px; }
@media (max-width: 991px) { .cta__btn.bb { flex: 0 0 100%; max-width: 100%; margin-top: 30px; } }
@media (max-width: 767px) { .cta__btn.bb { margin-top: 20px; padding: 30px 30px 34px; } }
.cta__btn .btn { width: 100%; }
.maintenance-cta { margin-top: 80px; margin-bottom: 90px; }
@media (max-width: 767px) { .maintenance-cta { margin-top: 40px; margin-bottom: 45px; } }
@media (max-width: 767px) { .text-md-center { text-align: center; } }

/* End */
/* /local/templates/redisign/assets/css/servisnoe.css?17938997114425 */