/* Start:/local/templates/naginoff/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?178178426643631*/
.blog-info::before {
    content: url("/local/templates/naginoff/components/bitrix/news/blog/bitrix/news.detail/.default/<?= SITE_TEMPLATE_PATH . '/assets/img/blog/symbol.svg'; ?>");
    margin-left: 30px;
}

/* Blog detail redesign blocks */
.blog-detail-author-meta.author-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.blog-detail-author-meta .author-photo {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #639922, #1a3a0d);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    flex-shrink: 0;
    overflow: hidden;
}

.blog-detail-author-meta .author-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-detail-author-meta .author-info {
    flex: 1;
    min-width: 160px;
}

.blog-detail-author-meta .author-label {
    font-size: 11px;
    font-weight: 700;
    color: #639922;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.blog-detail-author-meta .author-name {
    font-size: 15px;
    font-weight: 700;
    color: #0F2027;
    line-height: 1.3;
}

.blog-detail-author-meta .author-role {
    font-size: 12px;
    color: #888;
    line-height: 1.3;
    margin-top: 2px;
}

.blog-detail-author-meta .meta-stats {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 13px;
    color: #888;
    flex-wrap: wrap;
}

.blog-detail-author-meta .meta-stat {
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-detail-author-meta .meta-stat svg {
    width: 14px;
    height: 14px;
    stroke: #888;
    stroke-width: 2;
    fill: none;
}

.blog-detail-author-meta .meta-rating {
    color: #FFB800;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
}

.blog-detail-author-meta .meta-rating-count {
    color: #888;
    font-weight: 400;
}

.ng-cta-block {
    background: linear-gradient(135deg, #f0f7ea 0%, #e8f3dd 100%);
    border: 1px solid #c8e0a8;
    border-left: 4px solid #639922;
    border-radius: 0 12px 12px 0;
    padding: 24px 28px;
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 22px;
    align-items: center;
    margin: 32px 0;
    box-shadow: 0 1px 0 rgba(99, 153, 34, .05);
}

.ng-cta-block__icon {
    width: 56px;
    height: 56px;
    background: #639922;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(99, 153, 34, .25);
}

.ng-cta-block__icon svg {
    width: 28px;
    height: 28px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
}

.ng-cta-block__content {
    min-width: 0;
}

.ng-cta-block__title {
    font-size: 17px;
    font-weight: 700;
    color: #0F2027;
    margin: 0 0 4px;
    line-height: 1.3;
}

.ng-cta-block__text {
    font-size: 14px;
    color: #2a3a25;
    line-height: 1.5;
    margin: 0 !important;
    font-weight: 500;
}

.ng-cta-block__text b {
    color: #0F2027;
    font-weight: 800;
    background: #FFB800;
    padding: 1px 6px;
    border-radius: 3px;
}

.ng-cta-block__btn {
    background: #FFB800;
    border: none;
    color: #1a1a1a !important;
    font-weight: 700;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .2s;
    box-shadow: 0 4px 12px rgba(255, 184, 0, .25);
}

.ng-cta-block__btn:hover {
    background: #FFC933;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(255, 184, 0, .35);
}

.ng-cta-block__btn::after {
    content: "→";
    font-size: 16px;
}

.ng-pdf-block {
    background: #0F2027;
    border-radius: 12px;
    padding: 32px;
    display: grid;
    grid-template-columns: auto 1fr 280px;
    gap: 28px;
    align-items: center;
    margin: 32px 0;
    font-family: inherit;
}

.ng-pdf-block__preview {
    position: relative;
    width: 120px;
    height: 152px;
    background: #fff;
    border-radius: 6px;
    padding: 14px 12px;
    box-sizing: border-box;
    transform: rotate(-3deg);
    border-left: 4px solid #FFB800;
    flex-shrink: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .3);
}

.ng-pdf-block__preview-brand {
    font-size: 8px;
    color: #639922;
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: .5px;
}

.ng-pdf-block__preview-title {
    font-size: 10px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
    margin-bottom: 10px;
}

.ng-pdf-block__preview-divider {
    height: 1px;
    background: #ddd;
    margin-bottom: 8px;
}

.ng-pdf-block__preview-list {
    font-size: 7px;
    color: #666;
    line-height: 1.6;
}

.ng-pdf-block__preview-list div {
    margin-bottom: 2px;
}

.ng-pdf-block__preview-tag {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #FFB800;
    color: #1a1a1a;
    font-size: 9px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    letter-spacing: .5px;
}

.ng-pdf-block__badge {
    display: inline-block;
    background: #FFB800;
    color: #1a1a1a;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 11px;
    border-radius: 4px;
    margin-bottom: 12px;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.ng-pdf-block__title {
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.3;
}

.ng-pdf-block__text {
    color: #aab8c2 !important;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 12px !important;
}

.ng-pdf-block__social {
    color: #7a8a94 !important;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
}

.ng-pdf-block__social::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #4ade80;
    border-radius: 50%;
}

.ng-pdf-block__form input {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    color: #1a1a1a;
    padding: 13px 14px;
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 13px;
    font-family: inherit;
    transition: border-color .2s;
}

.ng-pdf-block__form input::placeholder {
    color: #7a8a94;
}

.ng-pdf-block__form input:focus {
    outline: none;
    border-color: #FFB800;
}

.ng-pdf-block__form button {
    width: 100%;
    background: #FFB800;
    border: none;
    color: #1a1a1a;
    font-weight: 700;
    padding: 14px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: inherit;
    transition: background .2s;
}

.ng-pdf-block__form button:hover {
    background: #FFC933;
}

.ng-pdf-block__form button:disabled {
    opacity: .6;
    cursor: wait;
}

.ng-pdf-block__form button::before {
    content: "↓";
    font-size: 16px;
    font-weight: 700;
}

.ng-pdf-block__policy {
    color: #6a7a84 !important;
    font-size: 12px !important;
    text-align: center;
    margin: 8px 0 0 !important;
    line-height: 1.4 !important;
}

.ng-pdf-block__policy a {
    color: #FFB800;
    text-decoration: none;
}

.ng-pdf-block__status {
    display: block;
    min-height: 15px;
    color: #cbd5e1;
    font-size: 12px;
    margin-top: 8px;
}

.ng-pdf-block__status.is-success {
    color: #86efac;
}

.ng-pdf-block__status.is-error {
    color: #fca5a5;
}

.ng-service-card {
    background: #fff;
    border: 1px solid #e5e7e0;
    border-radius: 12px;
    overflow: hidden;
    margin: 32px 0;
}

.ng-service-card__head {
    background: #1a3a0d;
    padding: 22px 28px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.ng-service-card__icon {
    width: 42px;
    height: 42px;
    background: #FFB800;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ng-service-card__icon svg {
    width: 22px;
    height: 22px;
    stroke: #1a1a1a;
    stroke-width: 2.5;
    fill: none;
}

.ng-service-card__head-label {
    color: #a8c090;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.ng-service-card__head-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.ng-service-card__body {
    padding: 24px 28px;
}

.ng-service-card__desc {
    font-size: 14px;
    color: #2a2a2a;
    line-height: 1.6;
    margin: 0 0 18px;
}

.ng-service-card__desc p,
.ng-service-card__case-text p {
    margin: 0 0 10px !important;
}

.ng-service-card__desc p:last-child,
.ng-service-card__case-text p:last-child {
    margin-bottom: 0 !important;
}

.ng-service-card__section-label {
    font-size: 11px;
    font-weight: 700;
    color: #639922;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 14px;
}

.ng-service-card__features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.ng-service-card__feature {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ng-service-card__feature-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: #f0f7ea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #639922;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
}

.ng-service-card__feature-text {
    font-size: 13px;
    color: #2a2a2a;
    line-height: 1.4;
}

.ng-service-card__case {
    background: #f0f7ea;
    border-left: 3px solid #639922;
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
    margin-bottom: 22px;
}

.ng-service-card__case-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.ng-service-card__case-label {
    font-size: 11px;
    color: #639922;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: #fff;
    padding: 3px 8px;
    border-radius: 4px;
}

.ng-service-card__case-name {
    font-size: 14px;
    font-weight: 700;
    color: #1a3a0d;
}

.ng-service-card__case-text {
    font-size: 14px;
    color: #2a3a25 !important;
    line-height: 1.6;
    margin: 0 0 10px !important;
}

.ng-service-card__case-link {
    font-size: 13px;
    color: #639922;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ng-service-card__case-link:hover {
    color: #FFB800;
}

.ng-service-card__actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.ng-service-card__btn {
    text-decoration: none !important;
    font-weight: 700;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .2s;
    cursor: pointer;
    border: none;
}

.ng-service-card__btn--primary {
    background: #FFC703;
    color: #1a1a1a !important;
}

.ng-service-card__btn--primary:hover {
    background: #ffd238;
}

.ng-service-card__btn--primary::after {
    content: "→";
    font-size: 16px;
}

.ng-service-card__btn--secondary {
    background: #fff;
    border: 2px solid #639922;
    color: #639922 !important;
    padding: 12px 16px;
}

.ng-service-card__btn--secondary:hover {
    background: #f0f7ea;
}

.sidebar-sticky {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-block {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
}

.sidebar-block__head {
    background: linear-gradient(135deg, #1a3a0d, #2d5a18);
    padding: 16px 20px;
    position: relative;
    overflow: hidden;
}

.sidebar-block__head::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    width: 80px;
    height: 80px;
    border: 2px solid rgba(255, 184, 0, .1);
    border-radius: 50%;
}

.sidebar-block__title {
    color: #FFB800;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.sidebar-block__title svg {
    width: 14px;
    height: 14px;
    stroke: #FFB800;
    stroke-width: 2;
    fill: none;
}

.sidebar-block__head-sub {
    color: #a8c090;
    font-size: 11px;
    margin-top: 3px;
    position: relative;
    z-index: 1;
}

.sidebar-block__body {
    padding: 8px 20px;
}

.related-mini {
    display: flex;
    gap: 12px;
    text-decoration: none !important;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0e8;
    align-items: flex-start;
}

.related-mini:last-child {
    border-bottom: none;
}

.related-mini__num {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: #f0f7ea;
    color: #639922;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    transition: all .2s;
}

.related-mini:hover .related-mini__num {
    background: #639922;
    color: #fff;
}

.related-mini__content {
    flex: 1;
    min-width: 0;
}

.related-mini__title {
    font-size: 13px;
    font-weight: 600;
    color: #1a3a0d;
    line-height: 1.4;
    margin-bottom: 6px;
    display: block;
}

.related-mini:hover .related-mini__title {
    color: #639922;
}

.related-mini__meta {
    font-size: 11px;
    color: #888;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.related-mini__meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.related-mini__meta-item svg {
    width: 11px;
    height: 11px;
    stroke: #888;
    stroke-width: 2;
    fill: none;
}

.sidebar-cta {
    background: #1a3a0d;
    border-radius: 12px;
    padding: 22px 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.sidebar-cta::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 120px;
    height: 120px;
    border: 2px solid rgba(255, 184, 0, .1);
    border-radius: 50%;
}

.sidebar-cta__icon {
    width: 36px;
    height: 36px;
    background: #FFB800;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.sidebar-cta__icon svg {
    width: 20px;
    height: 20px;
    stroke: #1a1a1a;
    stroke-width: 2.5;
    fill: none;
}

.sidebar-cta__title {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 1.35;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.sidebar-cta__text {
    font-size: 12px;
    color: #a8c090;
    line-height: 1.5;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.sidebar-cta__btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #FFB800;
    color: #1a1a1a !important;
    padding: 11px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none !important;
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.sidebar-cta__btn:hover {
    background: #FFC933;
}

.sidebar-cta__btn::after {
    content: "→";
}

.read-also {
    margin-top: 48px;
}

.read-also__title {
    font-size: 24px;
    font-weight: 700;
    color: #0F2027;
    margin-bottom: 24px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.read-also__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.read-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none !important;
    border: 1px solid #eee;
    transition: all .25s;
    display: flex;
    flex-direction: column;
}

.read-card:hover {
    border-color: #639922;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

.read-card__img-placeholder {
    height: 180px;
    background: linear-gradient(135deg, #f5f7f0, #e0ebd5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #639922;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}

.read-card__body {
    padding: 18px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.read-card__title {
    font-size: 15px;
    font-weight: 700;
    color: #0F2027;
    line-height: 1.4;
    margin-bottom: 14px;
    flex: 1;
}

.read-card:hover .read-card__title {
    color: #639922;
}

.read-card__meta {
    font-size: 12px;
    color: #888;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.read-card__meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.read-card__meta-item svg {
    width: 12px;
    height: 12px;
    stroke: #888;
    stroke-width: 2;
    fill: none;
}

.ng-pdf-block--compact {
    grid-template-columns: 86px minmax(0, 1fr) 220px;
    gap: 18px;
    padding: 22px;
}

.ng-pdf-block--compact .ng-pdf-block__preview {
    width: 86px;
    height: 130px;
    padding: 10px 8px;
}

.ng-pdf-block--compact .ng-pdf-block__preview-brand {
    font-size: 7px;
    margin-bottom: 6px;
}

.ng-pdf-block--compact .ng-pdf-block__preview-title {
    font-size: 8px;
    margin-bottom: 7px;
}

.ng-pdf-block--compact .ng-pdf-block__preview-list {
    font-size: 6px;
    line-height: 1.45;
}

.ng-pdf-block--compact .ng-pdf-block__badge {
    font-size: 10px;
    padding: 4px 9px;
    margin-bottom: 8px;
}

.ng-pdf-block--compact .ng-pdf-block__title {
    font-size: 26px;
    margin-bottom: 6px !important;
    margin-top: 10px !important;
    color: white !important;
    padding-top: 0px;
}

.ng-pdf-block--compact .ng-pdf-block__text {
    font-size: 14px;
	line-height: 170%;
}

.ng-pdf-block--compact .ng-pdf-block__social {
    font-size: 14px;
}

.ng-pdf-block--compact .ng-pdf-block__form input {
    padding: 10px 12px;
    font-size: 12px;
    margin-bottom: 7px;
}

.ng-pdf-block--compact .ng-pdf-block__form button {
    padding: 11px 12px;
    font-size: 13px;
}

.read-also--compact {
    margin: 34px 0 0;
}

.read-also--compact .read-also__title {
    font-size: 20px;
    margin-bottom: 16px;
}

.read-also--compact .read-also__grid {
    gap: 14px;
}

.read-also--compact .read-card {
    border-radius: 8px;
}

.read-card__image {
    width: 100%;
    height: 112px;
    object-fit: cover;
    display: block;
    border-bottom: 1px solid #eee;
}

.read-also--compact .read-card__img-placeholder {
    height: 112px;
}

.read-also--compact .read-card__body {
    padding: 12px 14px;
}

.read-also--compact .read-card__title {
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 10px;
}

.read-also--compact .read-card__meta {
    font-size: 10px;
    gap: 8px;
}

@media (max-width: 980px) {
    .blog-detail-author-meta.author-meta {
        align-items: flex-start;
    }

    .ng-cta-block {
        grid-template-columns: 1fr;
        padding: 20px;
        gap: 14px;
        text-align: center;
    }

    .ng-cta-block__icon {
        margin: 0 auto;
    }

    .ng-cta-block__btn {
        width: 100%;
        justify-content: center;
    }

    .ng-pdf-block {
        grid-template-columns: 1fr;
        padding: 24px 20px;
        gap: 20px;
        text-align: center;
    }

    .ng-pdf-block__preview {
        margin: 0 auto;
        width: 110px;
        height: 140px;
    }

    .ng-pdf-block__social {
        justify-content: center;
    }

    .ng-pdf-block__badge {
        margin: 0 auto 12px;
        display: inline-block;
    }

    .ng-service-card__features,
    .ng-service-card__actions {
        grid-template-columns: 1fr;
    }

    .sidebar-sticky {
        position: static;
    }

    .read-also__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ng-pdf-block--compact {
        grid-template-columns: 1fr;
    }
}

.breadcrumb {
    background: transparent !important;
    padding-top: 10px;
}

/* ─── Общие блоки ─────────────────────────────────────────────────────────── */

.blog-conversion-cta,
.blog-lead-magnet,
.blog-commercial-bridge {
    position: relative;
    border-radius: 4px;
    margin: 25px 0 40px;
    overflow: hidden;
}

/* ─── CTA-баннер ──────────────────────────────────────────────────────────── */

.blog-conversion-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background: #f7f8f5;
    border: 1px solid #e4eadf;
    border-left: 4px solid #1f7429;
    padding: 22px 28px;
}

.blog-conversion-cta p {
    margin: 0;
    color: #1a2229 !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}

.blog-conversion-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 42px;
    padding: 0 20px;
    border: 0;
    border-radius: 3px;
    background: #1f7429;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, transform .15s;
}

.blog-conversion-cta__button:hover {
    background: #24832e;
    color: #fff !important;
    text-decoration: none;
    transform: translateY(-1px);
}

/* ─── Лид-магнит ──────────────────────────────────────────────────────────── */

.blog-lead-magnet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    align-items: center;
    background: #0f172a;
    border: 0;
    border-radius: 4px;
    padding: 32px;
}

.blog-lead-magnet__glow {
    position: absolute;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(46, 204, 113, .16) 0%, rgba(0, 0, 0, 0) 70%);
    top: -180px;
    right: -90px;
    pointer-events: none;
}

.blog-lead-magnet__content {
    position: relative;
    z-index: 1;
    margin: 0;
}

.blog-lead-magnet__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.blog-lead-magnet__dot {
    width: 8px;
    height: 8px;
    border-radius: 0;
    background: #fbbf24;
    box-shadow: 0 0 0 5px rgba(251, 191, 36, .12);
}

.blog-lead-magnet__label {
    margin: 0;
    color: #fbbf24 !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blog-lead-magnet__title {
    margin: 0 0 14px;
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
}

.blog-lead-magnet__text {
    margin: 0;
    color: #cbd5e1 !important;
    font-size: 14px;
    line-height: 1.6;
}

.blog-lead-magnet__form {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    padding: 18px;
}

.blog-lead-magnet__fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: stretch;
}

.blog-lead-magnet__form input {
    width: 100%;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 3px;
    background: #ffffff;
    color: #1a2229;
    font-size: 15px;
    padding: 0 14px;
    outline: none;
    caret-color: #1f7429;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.blog-lead-magnet__form input::placeholder {
    color: #8f969d;
}

.blog-lead-magnet__form input:valid,
.blog-lead-magnet__form input:invalid {
    background: #ffffff;
    color: #1a2229;
    box-shadow: none;
}

.blog-lead-magnet__form input:focus {
    border-color: #2ecc71;
    background: #ffffff;
    color: #1a2229;
    box-shadow: 0 0 0 2px rgba(46, 204, 113, .3);
}

.blog-lead-magnet__form input:-webkit-autofill,
.blog-lead-magnet__form input:-webkit-autofill:hover,
.blog-lead-magnet__form input:-webkit-autofill:focus,
.blog-lead-magnet__form input:-webkit-autofill:active {
    -webkit-text-fill-color: #1a2229;
    box-shadow: 0 0 0 1000px #ffffff inset, 0 0 0 2px rgba(46, 204, 113, .3);
    caret-color: #1f7429;
    transition: background-color 9999s ease-out 0s;
}

.blog-lead-magnet__form button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    border: 0;
    border-radius: 10px;
    background: #fbbf24;
    color: #0f172a !important;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    transition: all .3s;
}

.blog-lead-magnet__form button:hover {
    background: #f59e0b;
    transform: translateY(-2px);
}

.blog-lead-magnet__form button:disabled {
    opacity: .6;
    cursor: wait;
}

.blog-lead-magnet__agree {
    color: rgba(209, 213, 219, .9);
    font-size: 11px;
    line-height: 1.55;
}

.blog-lead-magnet__agree a {
    color: #fbbf24;
}

.blog-lead-magnet__status {
    min-height: 15px;
    font-size: 12px;
    color: #cbd5e1;
}

.blog-lead-magnet__status.is-success {
    color: #86efac;
}

.blog-lead-magnet__status.is-error {
    color: #fca5a5;
}

/* ─── Коммерческий мост ───────────────────────────────────────────────────── */

.blog-commercial-bridge {
    background: #fff;
    border: 1px solid #dfe4e8;
    padding: 0;
    margin-top: 0;
}

.blog-commercial-bridge h2 {
    margin: 0;
    background: #0f172a;
    color: #fff !important;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    padding: 22px 26px;
}

.blog-commercial-bridge__links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 0;
    border-top: 0;
}

.blog-commercial-bridge__links a {
    position: relative;
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 18px;
    min-height: 70px;
    border: 0;
    border-bottom: 1px solid #e5e9ec;
    border-radius: 0;
    background: #fff;
    color: #1a2229 !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    padding: 0 26px;
    text-decoration: none;
    transition: background .15s, color .15s;
}

.blog-commercial-bridge__links a:last-child {
    border-bottom: 0;
}

.blog-commercial-bridge__links a::before {
    content: "Услуга";
    display: inline-flex;
    align-items: center;
    color: #63707a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.blog-commercial-bridge__links a:nth-child(2)::before {
    content: "Стоимость";
}

.blog-commercial-bridge__links a:nth-child(3)::before {
    content: "Кейс";
}

.blog-commercial-bridge__links a::after {
    content: "→";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #d9e2dd;
    border-radius: 4px;
    color: #1f7429;
    font-size: 18px;
    line-height: 1;
}

.blog-commercial-bridge__links a:hover {
    background: #f7f8f5;
    color: #1f7429 !important;
    text-decoration: none;
}

/* ─── Адаптив ─────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .blog-conversion-cta {
        display: block;
        padding: 20px;
    }

    .blog-conversion-cta__button {
        display: flex;
        margin-top: 14px;
        width: 100%;
    }

    .blog-lead-magnet__fields {
        grid-template-columns: 1fr;
    }

    .blog-lead-magnet {
        grid-template-columns: 1fr;
        border-radius: 4px;
        padding: 24px;
    }

    .blog-commercial-bridge {
        padding: 0;
    }

    .blog-commercial-bridge h2 {
        padding: 20px;
    }

    .blog-commercial-bridge__links {
        grid-template-columns: 1fr;
    }

    .blog-commercial-bridge__links a {
        grid-template-columns: 1fr 38px;
        gap: 6px 12px;
        min-height: auto;
        padding: 14px 20px;
    }

    .blog-commercial-bridge__links a::before {
        grid-column: 1 / -1;
    }
}

/** 
* new style
*/

/* MAIN IMAGE — универсальная для всех статей */
/* MAIN IMAGE — универсальная для всех статей */
.main-image-title {
    width: 100%;
    height: 280px;
    border-radius: 10px;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
    background: #0F2027;
}

.main-image-title::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(135deg, rgba(26, 58, 13, .95) 0%, rgba(15, 32, 39, .85) 100%),
        repeating-linear-gradient(45deg, transparent 0, transparent 30px, rgba(255, 184, 0, .03) 30px, rgba(255, 184, 0, .03) 60px);
}

.main-image-title::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 340px;
    height: 340px;
    border: 2px solid rgba(255, 184, 0, .08);
    border-radius: 50%;
}

.main-image-title__content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 56px;
}

.main-image-title__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 184, 0, .15);
    border: 1px solid rgba(255, 184, 0, .3);
    color: #FFB800;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: fit-content;
    margin-bottom: 18px;
}

.main-image-title__tag::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #FFB800;
    border-radius: 50%
}

.main-image-title__title {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff !important;
    max-width: 560px;
    letter-spacing: -0.02em;
}

.main-image-title__decor {
    position: absolute;
    bottom: 24px;
    right: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
}

.main-image-title__decor--line {
    width: 32px;
    height: 2px;
    background: #FFB800
}

.main-image-title__decor--text {
    color: #a8c090;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

/* DEFINITION */
.definition {
    background: #fff;
    border: 2px solid #f0f0e8;
    border-left: 4px solid #639922;
    border-radius: 0 10px 10px 0;
    padding: 24px 28px;
    margin: 24px 0;
    position: relative;
}

.definition::before {
    content: "\201C";
    position: absolute;
    top: -18px;
    left: 18px;
    font-size: 80px;
    line-height: 1;
    color: #639922;
    font-family: Georgia, serif;
    font-weight: 700;
}

.definition-label {
    font-size: 11px;
    font-weight: 700;
    color: #639922;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-left: 36px;
}

.definition-text {
    font-size: 17px;
    line-height: 1.65;
    color: #1a3a0d;
    font-weight: 500;
    margin-left: 36px;
}

.definition-text strong {
    color: #0F2027;
    font-weight: 700
}

/* CALLOUT */
.callout {
    background: #fff8e1;
    border-left: 4px solid #FFB800;
    padding: 18px 22px;
    border-radius: 0 8px 8px 0;
    margin: 28px 0;
    font-size: 16px;
    line-height: 1.6;
    color: #5a4500;
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.callout-icon {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    background: #FFB800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    font-weight: 800;
    font-size: 14px;
    line-height: 1
}

.callout strong {
    color: #3a2c00;
    font-weight: 700
}

/* FACT BOX */
.fact-box {
    background: #1a3a0d;
    color: #fff;
    padding: 28px 32px;
    border-radius: 10px;
    margin: 32px 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 28px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fact-box::after {
    content: "";
    position: absolute;
    right: -30px;
    top: -30px;
    width: 140px;
    height: 140px;
    border: 2px solid rgba(255, 184, 0, .1);
    border-radius: 50%;
}

.fact-box__number {
    font-size: 46px;
    font-weight: 800;
    color: #FFB800;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.fact-box__text {
    font-size: 15px;
    line-height: 1.6;
    color: #d8e8c8;
    position: relative;
    z-index: 1;
}

.fact-box__text strong {
    color: #fff;
    font-weight: 700
}

@media(max-width:980px) {
    .main-image-title {
        height: 200px
    }

    .main-image-title__content {
        padding: 0 28px
    }

    .main-image-title__title {
        font-size: 20px
    }

    .main-image-title__decor {
        display: none
    }

    .definition-text,
    .definition-label {
        margin-left: 0
    }

    .definition::before {
        font-size: 50px;
        top: -10px;
        left: 14px
    }

    .definition {
        padding-top: 32px
    }

    .fact-box {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 24px 20px
    }

    .fact-box__number {
        font-size: 42px
    }

    .check-grid {
        grid-template-columns: 1fr
    }
}

/** 
* toc 
*/

.toc {
    background: #f5f7f0;
    border-radius: 10px;
    padding: 20px 24px;
    margin: 0 0 32px;
    border-left: 4px solid #639922
}

.toc-title {
    font-size: 13px;
    font-weight: 700;
    color: #639922;
    letter-spacing: .8px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px
}

.toc-title svg {
    width: 16px;
    height: 16px;
    stroke: #639922;
    stroke-width: 2;
    fill: none
}

.toc-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.toc-list li {
    font-size: 14px
}

.toc-list span {
    color: #1a3a0d;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    line-height: 1.4;
    cursor: pointer;
    border-bottom: 1px dashed transparent;
    transition: border-color .2s
}

.toc-list span::before {
    content: "→";
    color: #639922;
    font-weight: 700;
    flex-shrink: 0
}

.toc-list span:hover {
    color: #639922;
    border-bottom-color: #639922
}

/* LEAD */
.lead {
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-family: 'Roboto';
    color: #3a3a3a;
    margin: 0 0 32px;
    padding: 28px 22px 18px;
    background: #fafaf7;
    border-left: 4px solid #FFB800;
    border-radius: 0 8px 8px 0;
    font-weight: 400 !important;
}

.lead strong {
    color: #0F2027;
    font-weight: 700
}

.container-blog__detail :where(h1, h2, h3, h4, h5, h6) {
    font-family: "Roboto", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-align: left !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    scroll-margin-top: 20px !important;
    text-transform: none !important;
}

.container-blog__detail :where(h2, h3, h4, h5, h6) {
    margin: -116px 0 16px !important;
    padding-top: 160px;
    color: #0F2027 !important;
}

.container-blog__detail h1 {
    margin-top: 0
}

.container-blog__detail h2 {
    font-size: 26px !important;
}

.block-topics__blogs {
    top: 160px !important;
}

/* INFOGRAPHIC: ЭТАПЫ */
.infographic {
    background: #f5f7f0;
    border-radius: 12px;
    padding: 32px 28px;
    margin: 32px 0;
}

.infographic-title {
    font-size: 13px;
    font-weight: 700;
    color: #639922;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 24px;
}

.stages {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    position: relative
}

.stages::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: repeating-linear-gradient(to right, #639922 0, #639922 6px, transparent 6px, transparent 12px);
    z-index: 0;
}

.stage {
    position: relative;
    text-align: center;
    background: #f5f7f0;
    padding: 0 6px;
    z-index: 1
}

.stage-num {
    width: 48px;
    height: 48px;
    background: #fff;
    border: 3px solid #639922;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #1a3a0d;
    font-size: 18px;
    margin: 0 auto 12px;
}

.stage-title {
    font-size: 13px;
    font-weight: 700;
    color: #1a3a0d;
    line-height: 1.3;
    margin-bottom: 4px
}

.stage-desc {
    font-size: 11px;
    color: #5a6a55;
    line-height: 1.4
}

/* INFOGRAPHIC: ЧТО ПРОВЕРЯЮТ */
.check-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 24px 0 32px
}

.check-item {
    background: #fff;
    border: 1px solid #e8e8e0;
    border-left: 3px solid #639922;
    border-radius: 0 8px 8px 0;
    padding: 14px 18px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: all .2s
}

.check-item:hover {
    border-left-color: #FFB800;
    transform: translateX(2px)
}

.check-item__num {
    width: 28px;
    height: 28px;
    background: #f0f7ea;
    color: #639922;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    flex-shrink: 0
}

.check-item__text {
    font-size: 14px;
    line-height: 1.4;
    color: #2a2a2a
}

.check-item__text strong {
    display: block;
    color: #0F2027;
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 14px
}

.check-item__text span {
    color: #666;
    font-size: 12px
}

/* ===== Стили для рейтинга ===== */
.rating-block {
    background: #f5f7f0;
    border-radius: 10px;
    padding: 22px 26px;
    margin: 32px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.rating-block__text strong {
    color: #1a3a0d;
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 700;
}

.rating-block__text span {
    font-size: 13px;
    color: #5a6a55;
}

.rating-stars-container {
    position: relative;
}

/* Скрываем нативные элементы компонента (кроме контейнеров звёзд) */
.rating-stars-container select,
.rating-stars-container input[type="submit"],
.rating-stars-container button,
.rating-stars-container .vote-text,
.rating-stars-container .vote-result {
    display: none;
}

/* Убираем лишние отступы у оригинальных контейнеров */
.rating-stars-container .bx-rating,
.rating-stars-container .bx-rating-icon-container {
    display: inline-block;
}

/* Стили для наших текстовых звёзд (будут созданы скриптом) */
.bx-rating-icon-container svg {
    width: 28px;
    height: 28px;
    fill: #ddd;
}

.bx-rating-icon-container.bx-star-active svg {
    fill: #FFB800;
}

/* ===== Стили для шеринга (явные иконки) ===== */
.share-block {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 24px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 36px 0;
}

.share-block__label {
    font-size: 13px;
    color: #888;
    font-weight: 600;
    letter-spacing: .3px;
}

.share-block .ya-share2 {
    display: flex;
    gap: 6px;
}

.share-block .ya-share2__list {
    display: flex;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.share-block .ya-share2__item {
    margin: 0;
    padding: 0;
}

.share-block .ya-share2__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.2s;
    text-decoration: none;
    position: relative;
}

.share-block .ya-share2__link:hover {
    transform: translateY(-2px);
}

.share-block .ya-share2__icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    inset: 0;
    margin: auto;
}

.share-block .ya-share2__item_service_telegram .ya-share2__link {
    background: #229ED9;
}

.share-block .ya-share2__item_service_telegram .ya-share2__icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71l-4.14-3.06-1.99 1.93c-.23.23-.42.42-.83.42z'></path></svg>");
}

.share-block .ya-share2__item_service_vkontakte .ya-share2__link {
    background: #0077FF;
}

.share-block .ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21.547 7.305c.139-.467 0-.81-.665-.81h-2.198c-.56 0-.817.295-.957.622 0 0-1.12 2.726-2.704 4.495-.512.513-.745.677-1.025.677-.139 0-.342-.164-.342-.631V7.305c0-.561-.16-.81-.622-.81H9.582c-.348 0-.557.26-.557.504 0 .533.795.656.878 2.152v3.248c0 .713-.13.842-.41.842-.745 0-2.557-2.736-3.633-5.866-.213-.61-.426-.857-.99-.857H2.673c-.628 0-.752.295-.752.622 0 .584.745 3.469 3.466 7.284 1.815 2.605 4.371 4.018 6.696 4.018 1.396 0 1.568-.314 1.568-.857v-1.974c0-.629.133-.756.576-.756.327 0 .888.164 2.198 1.428 1.494 1.494 1.741 2.166 2.583 2.166h2.198c.629 0 .943-.314.762-.935-.197-.621-.908-1.522-1.852-2.59-.512-.605-1.28-1.257-1.514-1.585-.327-.42-.234-.605 0-.978 0 0 2.68-3.77 2.96-5.05z'/%3E%3C/svg%3E");
}

.share-block .ya-share2__item_service_odnoklassniki .ya-share2__link {
    background: #EE8208;
}

.share-block .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 11.6c2.5 0 4.5-2 4.5-4.5S14.5 2.6 12 2.6 7.5 4.6 7.5 7.1s2 4.5 4.5 4.5zm0-6.7c1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2-2.2-1-2.2-2.2 1-2.2 2.2-2.2zm2.4 9.7c1.7-.4 2.7-1 2.8-1 .6-.4.8-1.2.4-1.8-.4-.6-1.2-.8-1.8-.4 0 0-2 1.2-3.8 1.2-1.8 0-3.8-1.2-3.8-1.2-.6-.4-1.4-.2-1.8.4-.4.6-.2 1.4.4 1.8.1.1 1.1.6 2.8 1l-2.7 2.7c-.5.5-.5 1.3 0 1.8.3.3.6.4.9.4.3 0 .7-.1.9-.4l2.5-2.5 2.5 2.5c.3.3.6.4.9.4.3 0 .7-.1.9-.4.5-.5.5-1.3 0-1.8L14.4 14.6z'/%3E%3C/svg%3E");
}

.share-block .ya-share2__title {
    display: none;
}

.share-block .ya-share2__badge {
    background: transparent !important;
    display: contents;
}

@media (max-width: 767px) {
    .share-block {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* End */


/* Start:/local/templates/naginoff/assets/css/blog.css?17732151077292*/
.d-none {
    display: none !important;
}

.mb-3 {
    margin-bottom: 30px !important;
}

.__block__modal {
    display: none;
}


.container-blog {
    max-width: 1090px;
    margin: auto;
    padding: 20px;
}

.row.news {
    padding: 5px;
}

.blog-main__info {
    display: block;
}

.blog-main__info > h1 {
    font-family: Adderley;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    color: #6D7278;
}

.blog-main__info > p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #414549;
}

.list-block {
    display: block;
    margin-bottom: 40px;
}

.list-block > .list {
    display: flex;
    flex-direction: column;
}

.list-block > .list > .list-item:first-child {
    margin-top: 5px !important;
}

.list-block > .list > .list-item {
    display: flex;
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 24px;
    color: #414549;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px !important;
    user-select: none;
}

.list-block > .list > .list-item > img {
    margin-right: 5px;
    cursor: pointer;
}

.list-block > .list > .list-item > .item-b {
    cursor: pointer;
}

.list-block > .list > .item-c {
    display:flex;
    flex-wrap: wrap;
    margin-left: 26px;
    margin-top: 15px;
}

.list-block > .list > .item-c > .item {
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}

.list-block > .list > .item-c > .item > a {
    border: 1px solid #24832E;
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
    font-weight: 400 !important;
    font-size: 16px;
    color:#24832E;
    user-select: none;
    transition: all 0.2s;
    text-align: center;
}

.list-block > .list > .item-c > .item > a:hover,
.list-block > .list > .item-c > .item > a.active{
    background-color: #24832E;
    color: #fff !important;
}

.i-container {
    display: grid;
    gap: 30px;
}

@media (min-width: 768px) {
    .i-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .i-container {
        grid-template-columns: 1fr;
    }
}


.item-news {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    transition: 0.3s all;
}

.item-news:hover {
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.item-news__top {
    flex: 1 0 auto;
    display: flex;
}

.item-news__top img {
    width: 100%;
    height: auto;
   /* object-fit: cover;*/
    max-height: 354px;
}

.item-news__footer {
    padding: 20px;
    user-select: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.item-news__footer .title {
    font-weight: 700;
    font-size: 20px;
    color: #414549;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 3em;
}

.item-news__footer .desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    font-size: 16px;
    line-height: 1.2em;
    color: #414549;
    margin-top: 25px;
}

.item-news__footer .views {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.item-news__footer .views img,
.item-news__footer .timeread img {
    margin-right: 5px;
}

.item-news__footer .timeread {
    display: flex;
    align-items: center;
    flex-direction: row;
}


@media (max-width: 576px) {
    .breadcrumb {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .block-another__modile {
        padding: 0px 5px 0px 5px !important;
    }
    .block-seo__blogs {
        padding: 0px !important;
    }
    .block-seo__blogs > .blog-content2 > .list-block {
        padding: 0 15px 0 15px !important;
    }
    .custom-hr {
        display: block !important;
    }
}

.custom-hr {
    display: none;
    max-width: 350px;
    height: 1px;
    background-color: #dfdfdf;
    margin: 30px auto;
}

@media (max-width: 768px) {
    .blog-main__info > p,
    .list-block > .list > .list-item,
    .item-news > .item-news__footer > .title {
        font-size: 16px;
    }

    .item-news > .item-news__footer > .desc {
        font-size: 14px;
    }

    .item-news > .item-news__footer {
        padding: 10px !important;
    }

}

.another > .another-title {
    color: #6D7278;
    font-family: Adderley;
    font-size: 48px;
    font-weight: 700;
    padding: 40px 15px 20px;
    margin: 0;
}

.item-another {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    transition: 0.3s all;
    min-height: 345px;
    max-width: 350px;
    margin: auto;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .item-another {
        width: 100%;
    }
    .another > .another-title {
        text-align: center;
    }
}

.item-another > .item-another__top > img {
    max-height: 234px;
    width: 100%;
}

.item-another > .item-another__footer {
    padding-top: 20px;
    user-select: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.item-another > .item-another__footer > .title {
    font-weight: 700;
    font-size: 20px;
    color: #414549;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 3em;
}

.item-another > .item-another__footer > .desc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    color: #414549;
    flex-direction: row;
    justify-content: space-between;
}

.item-another > .item-another__footer > .desc > .views,
.item-another > .item-another__footer > .desc > .timeread{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.item-another > .item-another__footer > .desc > .views > img,
.item-another > .item-another__footer > .desc > .timeread > img {
    margin-right: 5px;
}
.row.news {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: flex-start;
}

@media (max-width: 767px) {
    .block-another__modile {
        padding: 0px 5px 0px 5px !important;
    }
    .block-seo__blogs {
        padding: 0px !important;
    }
    .block-seo__blogs > .blog-content2 > .list-block {
        padding: 0 15px 0 15px !important;
    }
    .custom-hr {
        display: block !important;
    }
    .row.news {
        justify-content: center;
    }
}

.container-blog .item-news__footer .title {
	    font-size: 16px;
min-height: 5em;
    -webkit-line-clamp: 3;
}

@media (min-width: 1000px) {
	.item-news__top img {
		height: 400px;
		max-height: 400px;
		object-fit: cover;
	}
}

.ceo-text {
	display: flex;
	flex-direction: column;
}

.ceo-text .props.mt-30.mb-30 {
	align-self: center;
}

.ceo-text .blog-list {
	margin-block: 20px;
}

.ceo-text h2 {
	margin-bottom: 20px;
}

.blog-navigation .nav-footer{
	text-align: center;
    margin: 20px 0;
	font-size: 19px;
    display: flex;
    justify-content: center;
}
.blog-navigation .nav-footer .nav-item{
    width: 24px;
    display: block;
    height: 24px;
}
.blog-navigation .nav-footer .nav-item.active{
    background: #00772e;
    color: #fff;
}
/* End */


/* Start:/local/templates/naginoff/assets/css/blog-detail.css?17721718347105*/
.body-content {
    background-color: #fff;
}

.back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background-color: #FFC703;
    color: #414549;
    border-radius: 22px;
    min-height: 44px;
    width: 310px;
    padding: 10px;
    cursor: pointer;
    user-select: none;
}

.back-btn > img {
    margin-left: 10px;
}

.blog-info {
    width: 100%;
    background-color: #F3F4FC;
    min-height: 88px;
    display: flex;
    align-items: center;
    color:#414549;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px;
}

.blog-info > div {
    margin: 10px 30px;
}

.container-blog__detail {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

.blog-content {
    margin-top: 35px;
}

@media (max-width: 576px) {
    /*.blog-content > .blog-content__title > .title {*/
    /*    font-size: 36px;*/
    /*}*/

    .breadcrumb {
        font-size: 12px;
    }

    .blog-content > .blog-content__author > .author > .author-photo,
    .blog-content > .blog-content__author > .author > .author-photo > img {
        width: 60px !important;
        height: 60px !important;
    }
    .ceo-text .props,
    .ceo-text .blog-enum > .num,
    .ceo-text .blog-enum > b,
    .item-another > .item-another__footer > .title {
        font-size: 16px !important;
    }
    .item-another {
        min-height: 0 !important;
    }

    .another > .another-title {
        font-size: 36px !important;
    }

    .ceo-text p,
    .ceo-text li,
    .blog-info,
    .item-another > .item-another__footer > .desc,
    .item-c > .item-detail > li {
        font-size: 14px !important;
    }

    .ceo-text h3 {
        margin-top: 0px !important;
        font-size: 20px !important;
    }
}

 .blog-content > .blog-content__title > .title {
     font-size: 48px;
     font-weight: 700;
     font-family: Adderley;
     color: #6D7278;
     margin-top: 0px !important;
 }

.blog-content > .blog-content__desc > .desc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    color: #414549;
}

.blog-content > .blog-content__desc > .desc > .date {
    margin-right: 40px;
}

.blog-content > .blog-content__desc > .desc > .views {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-right: 40px;
}

.blog-content > .blog-content__desc > .desc > .views > img,
.blog-content > .blog-content__desc > .desc > .timeread > img {
    margin-right: 5px;
}

.blog-content > .blog-content__desc > .desc > .timeread {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.blog-content > .blog-content__author,
.blog-content > .blog-content__desc {
    padding-right: 15px;
    padding-left: 15px;
}

.blog-content > .blog-content__author > .author {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #414549;
    max-width: 388px;
    /*flex-wrap: wrap;*/
}

.blog-content > .blog-content__author > .author > .author-photo {
    width: 90px;
    height: 90px;
    background-size: cover;
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
}

.blog-content > .blog-content__author > .author > .author-photo > img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}


@media(max-width: 1199px) {
    .blog-content {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
}

@media(max-width: 638px) {
    .blog-content > .blog-content__title {
        order: 1;
    }
    .blog-content > .blog-content__author {
        order: 3;
    }
    .blog-content > .blog-content__desc {
        order: 2;
    }
    .blog-content > .blog-content__desc > .desc {
        order: 2;
        margin-bottom: 10px;
    }
    .back-btn {
        width: 100%;
    }
}

/* Содержание start */
.item-c > .item-detail {
    list-style-type: disc;
}

.item-c > .item-detail > li {
    color: #FFC703;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.item-c > .item-detail > li > span {
    color: #24832E;
    cursor:pointer;
}

.item-c > .item-detail > li > span:hover {
    opacity: 0.9;
}

.item-c > .item-detail > li:last-child {
    margin-bottom: 0px;
}

.list-block > .list > .list-item {
    margin-top: 0px !important;
}
/* Содержание end */

/* Похожие темы start */
@media (max-width: 1199px) {
    .blog-topics {
        display:none;
    }
}

@media (max-width: 1240px) {
    .blog-topics {
        width: 100% !important;
    }
}

.block-topics__blogs {
    position: sticky !important;
    top: 20px;
}

.blog-topics {
    width: 390px;
}

.blog-topics > .blog-topics__label {
    font-family: Roboto;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
}

.blog-topics > .blog-topics__posts {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.blog-topics > .blog-topics__posts > .post {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    min-height: 106px;
    background-color: #F3F4FC;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #414549;
    padding: 10px;
    cursor: pointer;
}
.blog-topics > .blog-topics__posts > .post:last-child {
    margin-bottom: 0px;
}

.blog-topics > .blog-topics__posts > .post > .title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-topics > .blog-topics__posts > .post > .desc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: auto;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    align-items: center;
}

.blog-topics > .blog-topics__posts > .post > .desc > .timeread {
    width: 100%;
    display: flex;
    align-items: center;
}

.blog-topics > .blog-topics__posts > .post > .desc > .timeread > img {
    margin-left: auto;
}
.blog-topics > .blog-topics__posts > .post > .desc > .timeread > span {
    margin-right: auto;
    margin-left: auto;
}

.blog-topics > .blog-topics__posts > .post > .desc > .views {
    display: flex;
    width: 55%;
    margin-left: auto;
    align-items: center;
}
.blog-topics > .blog-topics__posts > .post > .desc > .views > span {
    margin-left: auto;
}
/* Похожие темы end */

.blog_sharing-block-btn {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 768px) {
	.blog_sharing-block-btn {
		flex-direction: column-reverse;
		gap: 30px;
		align-items: flex-end;
        padding: 0 10px;
	}
}

.blog_sharing-block-btn-div1 {
	display: flex;
	gap: 5px;
	align-items: center;
}

.blog_sharing-block-btn-div1 p {
	margin: 0;
	color: rgba(65, 69, 73, 1);
	font-size: 16px;
}
/* End */


/* Start:/local/templates/naginoff/assets/css/ceo-text.css?177909290410068*/
.ceo-text {
    padding: 30px 0;
    word-break: break-word;
}

span.h2,
.ceo-text h2,
.ceo-text h1 {
    font-family: Adderley;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    color: rgba(109, 114, 120, 1);
    text-transform: uppercase;
    margin: 0;
}

.ceo-text h3 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 32px;
    color: #6D7278;
    text-transform: uppercase;
    margin-top: 50px;
}

.ceo-text .mb-30 {
    margin: 30px 0 30px 0 !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.ceo-text .bg-white {
    background-color: #ffffff !important;
    padding: 30px !important;
    border-radius: 4px !important;
}

.ceo-text .bg-white li:before {
    position: absolute;
    top: 9px;
    margin: 0 0 0 -15px;
    vertical-align: middle;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #ccc;
    content: "";
}

.ceo-text .bg-white li {
    padding-left: 30px !important;
    position: relative !important;
}

.ceo-text .bg-white li,
.ceo-text .bg-white p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    padding-bottom: 10px !important;
    color: rgba(65, 69, 73, 1);
}

.ceo-text p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(65, 69, 73, 1);
}

.ceo-text p.center {
    text-align: center;
}

.ceo-text .props::before {
    content: '“';
    font-size: 96px;
    font-weight: 400;
    line-height: 96px;
    text-align: left;
    margin-right: 10px;
    margin-bottom: auto;
}

.ceo-text .props::after {
    content: '„';
    font-size: 96px;
    font-weight: 400;
    line-height: 96px;
    text-align: left;
    margin-left: 10px;
    margin-top: auto;
}

.ceo-text .props {
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    word-break: normal;
    max-width: 590px;
    margin: 0 auto;
}

.ceo-text .blog-enum {
    display: flex;
    position: relative;
    padding-left: 30px;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 15px;
    font-family: Roboto;
}

.ceo-text .blog-enum>.num {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    background-color: #FFC703;
}

.ceo-text .blog-enum>b {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #414549;
    margin-bottom: 10px;
}

.ceo-text .blog-enum>div {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.ceo-text .blog-list>li::before {
    content: '';
    display: block;
    height: 2px;
    width: 20px;
    background: #FFC703;
    margin-right: 15px;
    left: 0;
}

.ceo-text .blog-list>li {
    align-items: center;
}

.ceo-text .props>div {
    color: #414549;
}

.ceo-text .yellow-square {
    position: relative;
    display: flex;
}

.ceo-text .yellow-square p {
    z-index: 110;
}

.ceo-text .yellow-square:before {
    background: var(--orange);
    content: "";
    height: 24px;
    width: 24px;
    position: absolute;
    z-index: 100;
    left: -12px;
}

.ceo-text ul li:before {
    content: "—";
    position: relative;
    left: -5px;
}

.ceo-text ul li {
    display: flex;
    margin-top: 0 !important;
    padding: 0 0 15px 0 !important;
    color: rgba(65, 69, 73, 1);
}

.ceo-text li,
.ceo-text p {
    font-size: 16px;
}

.ceo-text p {
    padding-top: 0 !important;
}

@media screen and (max-width:1190px) {
    .ceo-text .bg-white {
        padding: 20px !important
    }

    .mt-90 {
        margin-top: 40px !important
    }

    .ceo-text .mb-30 {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:767px) {
    .ceo-text {
        padding: 10px
    }

    .ceo-text h2,
    .ceo-text h1 {
        font-size: 36px;
        line-height: 36px
    }

    .ceo-text p {
        font-size: 16px;
        line-height: 24px
    }

    .ceo-text .yellow-square:before {
        height: 18px;
        width: 18px;
        left: -4px
    }

    .ceo-text .bg-white {
        padding: 20px 10px !important
    }
}

.two-two-block {
    display: grid;
    grid-template-columns: 4fr 6fr;
    padding: 30px 0;
}

.two-two-block p.two-two-title {
    margin-right: 30px !important;
    font-family: Roboto;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    text-align: right;
    text-transform: uppercase;
    color: var(--green);
}

.two-two-block .two-two-descriptions-item {
    margin-bottom: 30px;
}

.two-two-block p.two-two-descriptions {
    display: flex;
    flex-direction: column;
}

.two-two-block p.two-two-p-title-text {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    color: var(--p-text);
    position: relative;
    z-index: 110;
}

.two-two-block p.two-two-p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--p-text);
}

@media screen and (max-width:1190px) {
    .two-two-block {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .two-two-block p.two-two-title {
        margin-right: unset !important;
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .two-two-block {
        padding: 20px 0
    }

    .two-two-block p.two-two-title {
        font-size: 20px;
        line-height: 30px
    }

    .two-two-block p.two-two-p-title-text {
        font-size: 14px;
        line-height: 21px
    }

    .two-two-block p.two-two-p {
        font-size: 14px;
        line-height: 21px
    }

    .two-two-block .two-two-descriptions-item {
        margin-bottom: 10px
    }
}

.tree-picture {
    padding: 30px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.tree-picture .tree-picture-title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

.tree-picture .tree-picture-image {
    width: 100%;
    display: flex;
}

.tree-picture .tree-picture-image img {
    margin: auto;
    width: 120px;
    height: 120px;
    object-fit: contain;
}

@media screen and (max-width:767px) {
    .tree-picture {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .tree-picture-item {
        display: flex
    }

    .tree-picture .tree-picture-image img {
        width: 68px;
        height: 68px;
        margin: auto 10px auto 0
    }

    .tree-picture .tree-picture-image {
        width: unset
    }

    .tree-picture .tree-picture-title {
        font-size: 16px;
        line-height: 24px
    }
}

.two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.two-columns .two-columns-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.two-columns .two-columns-column p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

@media screen and (max-width:767px) {
    .two-columns {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .two-columns .two-columns-column {
        gap: 10px
    }
}

.any-question {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 60px;
}

.any-question p,
.any-question h1 {
    margin: 0 !important;
    padding: 0 !important;
}

.any-question h2,
.any-question h1 {
    font-family: Adderley;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    color: #6D7278;
    margin-bottom: 15px !important;
}

.any-question p {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #6D7278;
}

.any-question-form {
    margin-top: 30px;
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px;
}

.any-question-input {
    height: 44px;
    color: #6D7278;
    border: 1px solid #D3D3D3;
    border-radius: 3px 3px 3px 3px;
    background-color: #F4F4F4;
    padding: 12px;
}

.any-question-input.f-100 {
    flex: 100%;
}

.any-question-input.f-50 {
    flex: calc(50% - 15px);
}

.any-question-form .send-button {
    width: 320px !important;
}

.any-question-form .agree__text {
    flex: 1;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    max-width: 432px;
    margin: auto 0;
}

.any-question-form .agree__text .green-link {
    text-decoration: underline;
}

.mtb-30 {
    margin: 30px 0 30px 0;
}

.mt-15 {
    margin-top: 15px;
}

.neutralzagolovki {
    font-family: Adderley;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    margin: 0 !important;
}

body.nashi-raboty .ceo-text .title-p.mt-90.mb-30 {
    font-size: 44px !important;
}

@media screen and (max-width:1190px) {
    .any-question {
        padding: 20px
    }

    .any-question-form .agree__text,
    .any-question-form .send-button {
        width: 100% !important;
        flex: calc(50% - 15px)
    }
}

@media screen and (max-width:768px) {
    .any-question-form {
        margin-top: 20px;
        gap: 20px
    }

    .any-question-form .send-button {
        width: 320px !important;
        flex: unset
    }

    .any-question {
        padding: 20px 10px
    }

    .any-question h2,
    .any-question h1 {
        font-size: 36px !important;
        line-height: 36px !important
    }

    .any-question p {
        font-size: 16px;
        line-height: 24px
    }

    .neutralzagolovki {
        font-size: 28px;
    }

    .ceo-text .bg-white li:before {
        margin: 0 15px 0 0 !important;
    }
}
/* End */


/* Start:/local/templates/naginoff/components/bitrix/breadcrumb/bread-crump/style.css?1750153150534*/
@media (width > 768px) {
	.breadcrumb {
		width: 100% !important;
		max-width: 1170px;
		margin: auto;
	}

	.breadcrumb * {
		font-size: 16px !important;
		font-weight: 400 !important;
	}
}

@media (width <= 768px) {
	.breadcrumb * {
		font-size: 14px !important;
		font-weight: 400 !important;
	}
}

.breadcrumb>.active {
	color: #000;
}

.first-screen .breadcrumb>.active {
	color: #fff;
}

.breadcrumb * {
	color: #000;
}

.first-screen .breadcrumb * {
	color: #fff;
}

.breadcrumb>li+li:before {
	color: currentcolor !important;
}
/* End */


/* Start:/bitrix/components/bitrix/iblock.vote/templates/bootstrap_v4/style.min.css?1737135704200*/
.bx-rating{display:block;text-align:center}.bx-rating-icon-container{margin-right:3px;cursor:pointer}.bx-rating .bx-rating-icon-container:last-child{margin-right:0}.bx-rating-icon{fill:var(--primary)}
/* End */
/* /local/templates/naginoff/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?178178426643631 */
/* /local/templates/naginoff/assets/css/blog.css?17732151077292 */
/* /local/templates/naginoff/assets/css/blog-detail.css?17721718347105 */
/* /local/templates/naginoff/assets/css/ceo-text.css?177909290410068 */
/* /local/templates/naginoff/components/bitrix/breadcrumb/bread-crump/style.css?1750153150534 */
/* /bitrix/components/bitrix/iblock.vote/templates/bootstrap_v4/style.min.css?1737135704200 */