/* Start:/local/templates/nikovit.ru_air/components/bitrix/news/services/style.css?17840205766407*/
.services-page {
    --services-text: #201c38;
    --services-muted: #6c6a86;
    --services-violet: #6708c7;
    --services-pink: #d84265;
    --services-gradient: linear-gradient(135deg, #6708c7 0%, #d84265 100%);
    color: var(--services-text);
}

.services-page .services-hero {
    position: relative;
    overflow: hidden;
    margin: 0 0 80px;
    padding: clamp(36px, 5vw, 64px);
    background: radial-gradient(circle at 88% 88%, rgba(216, 66, 101, .16), rgba(103, 8, 199, .09) 28%, transparent 56%), linear-gradient(135deg, rgba(103, 8, 199, .04), rgba(255, 255, 255, .96) 42%), #fbf9ff;
    border: 1px solid rgba(226, 226, 238, .9);
    border-radius: 18px;
    box-shadow: 0 20px 54px rgba(32, 28, 56, .08);
}

.services-page .title-service { max-width: 940px; margin: 0 auto; text-align: center; }
.services-page .title-service h1 { margin: 0; color: var(--services-text); font-size: clamp(34px, 4.7vw, 54px); font-weight: 600; line-height: 1.16; letter-spacing: -.02em; }
.services-page .title-service h1::after { content: ""; display: block; width: 96px; height: 4px; margin: 24px auto 0; background: var(--services-gradient); border-radius: 4px; }
.services-page .services-about-wrap { display: grid; grid-template-columns: minmax(180px, 34%) minmax(0, 1fr); gap: clamp(30px, 5vw, 68px); align-items: center; margin-top: 42px; }
.services-page .services-about-img img { display: block; width: 100%; max-height: 360px; object-fit: contain; filter: drop-shadow(0 24px 32px rgba(32, 28, 56, .14)); }
.services-page .services-about-txt { color: var(--services-muted); font-size: 17px; line-height: 1.65; }
.services-page .services-about-txt b { color: var(--services-text); font-weight: 700; }

.services-page .services-section { margin-top: 80px; }
.services-page .services-section > h2,
.services-page .services-section-title h2,
.services-page .services-section-seo h2 { margin: 0 0 28px; color: var(--services-text); font-size: clamp(30px, 3.6vw, 44px); font-weight: 600; line-height: 1.18; }
.services-page .services-section-question { text-align: left; }
.services-page .services-section-question h3 { margin: 34px 0 20px; color: var(--services-text); font-size: clamp(23px, 2.5vw, 30px); font-weight: 600; }
.services-page .services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.services-page .service-card { display: flex; flex-direction: column; min-height: 190px; padding: 24px; background: rgba(255, 255, 255, .82); border: 1px solid rgba(226, 226, 238, .9); border-radius: 18px; box-shadow: 0 16px 38px rgba(32, 28, 56, .09); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.services-page .service-card:hover { transform: translateY(-5px); border-color: rgba(141, 85, 255, .45); box-shadow: 0 20px 45px rgba(32, 28, 56, .14); }
.services-page .service-card-title { margin-bottom: 10px; color: var(--services-text); font-size: 20px; font-weight: 700; }
.services-page .service-card-txt { color: var(--services-muted); font-size: 15px; line-height: 1.5; }
.services-page .service-cart-link { align-self: flex-start; margin-top: auto; padding-top: 20px; color: var(--services-violet); font-weight: 600; text-decoration: none; }

.services-page .work { padding: clamp(34px, 5vw, 58px); background: linear-gradient(135deg, rgba(103, 8, 199, .05), rgba(216, 66, 101, .06)); border: 1px solid rgba(226, 226, 238, .9); border-radius: 18px; box-shadow: 0 20px 54px rgba(32, 28, 56, .08); }
.services-page .work-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.services-page .work-steps .step { padding: 22px; background: rgba(255, 255, 255, .86); border: 1px solid rgba(226, 226, 238, .9); border-radius: 14px; }
.services-page .work-steps .step span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 16px; color: #fff; font-weight: 700; background: var(--services-gradient); border-radius: 10px; box-shadow: 0 10px 24px rgba(103, 8, 199, .25); }
.services-page .work-steps .step p { margin: 0; color: var(--services-muted); font-size: 15px; line-height: 1.55; }
.services-page .main-portfolio-footer { margin-top: 28px; text-align: center; }
.services-page .nkt-btn { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 12px 22px; color: #fff; font-weight: 600; text-decoration: none; background: var(--services-gradient); border-radius: 10px; box-shadow: 0 10px 30px rgba(103, 8, 199, .28); transition: transform .3s ease, box-shadow .3s ease; }
.services-page .nkt-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 36px rgba(103, 8, 199, .4); }
.services-page .services-section-form { overflow: hidden; padding: clamp(34px, 5vw, 58px); background: linear-gradient(135deg, rgba(103, 8, 199, .05), rgba(255, 255, 255, .96) 54%, rgba(216, 66, 101, .08)); border: 1px solid rgba(226, 226, 238, .9); border-radius: 18px; box-shadow: 0 20px 54px rgba(32, 28, 56, .08); }
.services-page .services-section-form .container { max-width: none; padding: 0; }
.services-page .contact-form-wrap { padding-left: 0; }
.services-page .contact-form-img-wrap img { width: 90px; }
.services-page .services-section-seo { margin-top: 80px; padding: 34px; color: var(--services-muted); font-size: 15px; line-height: 1.7; background: #fbf9ff; border: 1px solid rgba(226, 226, 238, .9); border-radius: 18px; }
.services-page .services-section-seo h2 { font-size: clamp(25px, 3vw, 34px); }

@media (max-width: 991.98px) {
    .services-page .services-about-wrap { grid-template-columns: 180px minmax(0, 1fr); }
    .services-page .work-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .services-page .services-hero { margin-bottom: 44px; padding: 28px 20px; }
    .services-page .services-about-wrap { display: block; margin-top: 28px; }
    .services-page .services-about-img { width: 180px; margin: 0 auto 24px; }
    .services-page .services-about-txt { font-size: 15px; }
    .services-page .services-section { margin-top: 44px; }
    .services-page .services-grid,
    .services-page .work-steps { grid-template-columns: 1fr; }
    .services-page .work,
    .services-page .services-section-form { padding: 28px 20px; }
    .services-page .services-section-seo { margin-top: 44px; padding: 26px 20px; }
}

/* End */


/* Start:/local/templates/nikovit.ru_air/components/bitrix/news.detail/service_detail/style.css?17840205784779*/
.service-detail { --sd-text: #201c38; --sd-muted: #6c6a86; --sd-violet: #6708c7; --sd-gradient: linear-gradient(135deg, #6708c7 0%, #d84265 100%); color: var(--sd-text); }
.service-detail__hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 48px; align-items: center; overflow: hidden; padding: clamp(38px, 6vw, 72px); background: radial-gradient(circle at 88% 88%, rgba(216,66,101,.16), rgba(103,8,199,.09) 28%, transparent 56%), linear-gradient(135deg, rgba(103,8,199,.04), rgba(255,255,255,.97) 45%), #fbf9ff; border: 1px solid rgba(226,226,238,.9); border-radius: 18px; box-shadow: 0 20px 54px rgba(32,28,56,.08); }
.service-detail__back { display: inline-block; margin-bottom: 24px; color: var(--sd-violet); font-size: 14px; font-weight: 600; text-decoration: none; }
.service-detail__hero h1 { margin: 0; color: var(--sd-text); font-size: clamp(36px, 5vw, 58px); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; }
.service-detail__lead { max-width: 720px; margin-top: 22px; color: var(--sd-muted); font-size: clamp(16px, 2vw, 20px); line-height: 1.6; }
.service-detail__lead > :last-child { margin-bottom: 0; }
.service-detail__price { margin-top: 20px; font-size: clamp(22px, 3vw, 30px); font-weight: 700; background: var(--sd-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.service-detail__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; margin-top: 28px; padding: 12px 22px; color: #fff; font-weight: 600; text-decoration: none; background: var(--sd-gradient); border-radius: 10px; box-shadow: 0 10px 30px rgba(103,8,199,.3); transition: transform .3s ease, box-shadow .3s ease; }
.service-detail__button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 36px rgba(103,8,199,.42); }
.service-detail__visual { display: flex; align-items: center; justify-content: center; min-height: 280px; }
.service-detail__visual img { display: block; max-width: 100%; max-height: 360px; object-fit: contain; filter: drop-shadow(0 24px 32px rgba(32,28,56,.14)); }
.service-detail__section { margin-top: 80px; }
.service-detail__content { color: #4f4b69; font-size: 17px; line-height: 1.75; }
.service-detail__content h2 { margin: 1.5em 0 .65em; color: var(--sd-text); font-size: clamp(30px, 3.6vw, 44px); font-weight: 600; line-height: 1.18; }
.service-detail__content h3 { margin: 1.4em 0 .6em; color: var(--sd-text); font-size: clamp(22px, 2.5vw, 28px); font-weight: 600; }
.service-detail__content img { max-width: 100%; height: auto; border-radius: 18px; box-shadow: 0 20px 54px rgba(32,28,56,.08); }
.service-detail__content li { margin-bottom: 10px; }
.service-detail__content a { color: var(--sd-violet); }
.service-detail__panel { padding: clamp(34px, 5vw, 58px); background: #fbf9ff; border: 1px solid rgba(226,226,238,.9); border-radius: 18px; box-shadow: 0 20px 54px rgba(32,28,56,.08); }
.service-detail__panel > h2 { margin: 0 0 26px; color: var(--sd-text); font-size: clamp(30px, 3.6vw, 44px); font-weight: 600; }
.service-detail__panel--accent { background: linear-gradient(135deg, rgba(103,8,199,.06), rgba(216,66,101,.07)); }
.service-detail__cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 80px; padding: clamp(34px, 5vw, 58px); color: #fff; background: var(--sd-gradient); border-radius: 18px; box-shadow: 0 28px 72px rgba(32,28,56,.14); }
.service-detail__cta span { font-size: 14px; font-weight: 600; opacity: .78; }
.service-detail__cta h2 { max-width: 760px; margin: 9px 0 0; font-size: clamp(27px, 3.4vw, 40px); font-weight: 600; line-height: 1.2; }
.service-detail__button--light { flex: 0 0 auto; margin: 0; color: var(--sd-violet); background: #fff; box-shadow: none; }
.service-detail__button--light:hover { color: var(--sd-violet); background: #fbf9ff; }
.service-detail__seo { padding: 32px; color: var(--sd-muted); font-size: 15px; background: #fbf9ff; border: 1px solid rgba(226,226,238,.9); border-radius: 18px; }

@media (max-width: 991.98px) { .service-detail__hero { grid-template-columns: minmax(0, 1fr) 220px; gap: 28px; } .service-detail__visual { min-height: 220px; } }
@media (max-width: 767.98px) {
    .service-detail__hero { display: flex; flex-direction: column-reverse; align-items: stretch; padding: 28px 20px; }
    .service-detail__visual { min-height: 140px; max-height: 210px; }
    .service-detail__visual img { max-height: 210px; }
    .service-detail__section { margin-top: 44px; }
    .service-detail__panel,
    .service-detail__cta { padding: 28px 20px; }
    .service-detail__cta { display: block; margin-top: 44px; }
    .service-detail__button--light { margin-top: 24px; }
    .service-detail__seo { padding: 24px 20px; }
}

/* End */
/* /local/templates/nikovit.ru_air/components/bitrix/news/services/style.css?17840205766407 */
/* /local/templates/nikovit.ru_air/components/bitrix/news.detail/service_detail/style.css?17840205784779 */