:root {
    --header-height: 127px;
    --theme-page-width: 1296px;
    --theme-page-width-padding: 32px;
    --theme-font-family: 'Golos Text';
    --theme-font-title-family: var(--theme-font-family);
    --theme-font-title-weight: 600;
    --theme-base-color: #ff5e00;
    --theme-base-opacity-color: #ff5e001a;
    --theme-more-color: #ff5e00;
    --theme-text-transform: none;
    --theme-letter-spacing: normal;
    --theme-button-font-size: 0%;
    --theme-button-color-light: var(--ON_toggle);
    --theme-button-color-dark: var(--OFF_toggle);
    --theme-button-padding-2px: 0%;
    --theme-button-padding-1px: 0%;
    --theme-button-border-radius: 6px;
    --theme-sticker-border-radius: 6px;
    --theme-outer-border-radius: 16px;
    --theme-image-border-radius: 12px;
    --theme-more-color-hue: 22;
    --theme-more-color-saturation: 100%;
    --theme-more-color-lightness: 50%;
    --theme-base-color-hue: 22;
    --theme-base-color-saturation: 100%;
    --theme-base-color-lightness: 50%;
    --theme-lightness-hover-diff: -6%;
    --theme-items-gap: 20px;
    --silver: #555558;
    --gray_bg_black: var(--light, #B8B8B9) var(--dark, #8D8D8D)
}

.main-blog .text-silver {
    color: var(--silver)
}

.main-blog .mt-48 {
    margin-top: 48px
}

.main-blog .mt-96 {
    margin-top: 96px
}

.main-blog .mb-96 {
    margin-bottom: 96px
}

.main-blog .mt-64 {
    margin-top: 64px
}

.main-blog .mb-64 {
    margin-bottom: 64px
}

/*html:has(.main-blog) {
    overflow-x: hidden
}*/

html.with-fancybox:has(.main-blog) body.hide-scrollbar {
    margin-right: 0 !important
}

.main-blog {
    color: #222228
}

.main-blog h1, .main-blog h2, .main-blog h3, .main-blog h4, .main-blog h5, .main-blog h6, .main-blog p {
    margin: 0
}

.main-blog * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-blog .container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(var(--theme-page-width) + 2 * var(--theme-page-width-padding));
    padding-inline: var(--theme-page-width-padding, 32px);
    width: 100%
}
.container .content-md2 {
    display: flex!important;
    flex-direction: row-reverse;
}

.main-blog .content-md2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.main-blog .container .row .maxwidth-theme {
    padding: 0
}

.main-blog .container > .row > .maxwidth-theme .left_block {
    padding-right: 0;
    padding-left: 32px;
    --width: 345px
}

.main-blog .container > .row > .maxwidth-theme .right_block.narrow_Y {
    max-width: 862px
}

.main-blog .fancybox__dialog {
    max-width: 100vw !important
}

.main-blog .side-menu li a {
    font-size: 16px
}

.main-blog .icon-btn {
    min-width: 32px;
    min-height: 32px;
    padding: 4px;
    border: 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: .1s;
    transition: .1s;
    border-radius: 100px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .08)
}

.main-blog .icon-btn:hover {
    background-color: #f3f3f3
}

.main-blog .icon-btn:active {
    background-color: #eee
}

.main-blog .icon-btn.swiper-button-disabled, .main-blog .icon-btn:disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.main-blog .mob {
    display: none
}

.main-blog .items.items--our-authors {
    overflow: hidden
}

.main-blog .items.items--similar-blog {
    overflow: hidden
}

.main-blog .items.items--similar-blog .swiper-slide {
    max-width: 309px
}

.main-blog .items.items--similar-blog:not(.swiper-container-initialized) {
    max-height: 388px;
    overflow: hidden
}

.main-blog .is-hidden {
    display: none !important
}

.main-blog .section-title .section-title__arrows, .main-blog .swiper-nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-blog .section-title .section-title__arrows > *, .main-blog .swiper-nav > * {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    color: rgba(255, 255, 0, 0)
}

.main-blog .section-title .section-title__arrows > ::after, .main-blog .section-title .section-title__arrows > ::before, .main-blog .swiper-nav > ::after, .main-blog .swiper-nav > ::before {
    font-size: 0;
    content: none;
    display: none
}

.main-blog .section-title .section-title__arrows > :nth-child(1), .main-blog .swiper-nav > :nth-child(1) {
    background-image: url(../images/arrowleft.svg)
}

.main-blog .section-title .section-title__arrows > :nth-child(2), .main-blog .swiper-nav > :nth-child(2) {
    background-image: url(../images/arrowright.svg)
}

.main-blog .section-title {
    margin-bottom: 36px
}

.main-blog .section-title:has(.btn) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center
}

.main-blog .section-title.section-title--mb24 {
    margin-bottom: 24px
}

.main-blog .section-title .section-title__head {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600
}

.main-blog .section-title .section-title__head.mob {
    display: none
}

.main-blog .swiper-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-blog .swiper-nav {
    position: absolute;
    height: 0;
    top: calc(50% - 16px);
    left: -18px;
    width: calc(100% + 36px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2
}

.main-blog .swiper-nav.swiper-nav--16-9 {
    top: calc(var(--img-height) / 2 - 16px)
}

.main-blog .swiper-pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    position: absolute;
    bottom: -8px;
    width: 100%
}

.main-blog .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 2px;
    height: 2px;
    border-radius: 99px;
    background: rgba(149, 149, 152, .6431372549);
    opacity: .8;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 0 2px
}

.main-blog .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    opacity: 1;
    background: #000
}

.main-blog .swiper-pagination-16-9 {
    top: calc(var(--img-height) + 8px)
}

.main-blog .list-check {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-blog .list-check li {
    padding: 0;
    list-style: none;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-blog .list-check li::after, .main-blog .list-check li::before {
    display: none
}

.main-blog .list-check li:before {
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    content: "";
    display: block;
    background-image: url(../images/coolicon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: hsla(0, 0%, 100%, 0);
    margin: 0
}

.main-blog .list-check li + * {
    margin-top: 16px
}

.main-blog .toc-list {
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.main-blog .article-content .article-content__inner {
    max-width: 862px
}

.main-blog .article-content .article-content__top h1 {
    font-family: var(--theme-font-title-family), Arial, sans-serif;
    font-weight: var(--theme-font-title-weight);
    font-size: 44px
}

.main-blog .article-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-blog .article-meta .article-meta__left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-blog .article-meta .article-meta__left > * {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.main-blog .article-meta .article-meta__left > * + * {
    padding-left: 18px
}

.main-blog .article-meta .article-meta__left > * + :after {
    content: "";
    width: 2px;
    height: 2px;
    background: var(--gray_bg_black);
    position: absolute;
    left: 8px;
    bottom: 11px
}

.main-blog .article-meta .article-meta__left > * img {
    max-width: 24px;
    min-width: 24px;
    height: auto;
    margin-right: 8px;
    display: block
}

.main-blog .article-meta .article-meta__center {
    display: none
}

.main-blog .article-meta .article-meta__right {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-blog .comparison-block .cons > ul, .main-blog .comparison-block .pros > ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-blog .comparison-block .cons > ul li, .main-blog .comparison-block .pros > ul li {
    width: 100%;
    margin: 0
}

.main-blog .comparison-block .cons > ul > li, .main-blog .comparison-block .pros > ul > li {
    position: relative;
    padding-left: 32px;
    padding-bottom: 16px
}

.main-blog .comparison-block .cons > ul > li:nth-last-child(1), .main-blog .comparison-block .pros > ul > li:nth-last-child(1) {
    padding-bottom: 0
}

.main-blog .comparison-block .cons > ul > li::before, .main-blog .comparison-block .pros > ul > li::before {
    text-align: center;
    font-size: 12px;
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: rgba(52, 168, 83, .08);
    color: #34a853;
    border-radius: 4px
}

.main-blog .comparison-block .cons > ul > li::before {
    content: "-";
    background-color: rgba(244, 18, 64, .16);
    color: #f41240
}

.main-blog section.page-top {
    padding-bottom: 32px
}

.main-blog .toc {
    margin-top: 48px;
    margin-bottom: 48px
}

.main-blog .toc.active .toc-more:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-blog .toc .toc-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px
}

.main-blog .toc .toc-list {
    -webkit-transition: .2s;
    transition: .2s;
    list-style: none
}

.main-blog .toc .toc-list-item {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 4px
}

.main-blog .toc .toc-list-item:before {
    display: none
}

.main-blog .toc .toc-list-item + * {
    margin-top: 10px
}

.main-blog .toc a.toc-item:not(:has(img)):not(.btn) {
    color: var(--theme-base-color);
    text-decoration: none !important;
    border-bottom: 1px dashed;
    display: block;
    font-size: 16px;
    font-weight: 500;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    display: inline;
    -webkit-transition: .1s;
    transition: .1s
}

.main-blog .toc a.toc-item:not(:has(img)):not(.btn):hover {
    color: var(--theme-base-color);
    border-color: hsla(0, 0%, 100%, 0)
}

.main-blog .toc .toc-more {
    position: relative;
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.main-blog .toc .toc-more::after {
    content: "";
    background-image: url(../images/arrow-right.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: block;
    -webkit-transition: .2s;
    transition: .2s
}

.layout-blog .nav.nav-list.side-menu li::before {
    display: none
}

.layout-blog .article-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.layout-blog .article-author img {
    border-radius: 999px;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 72px;
    height: 72px;
    aspect-ratio: 1/1
}

.layout-blog .article-author .article-author__info > a {
    text-decoration: none
}

.layout-blog .article-author .article-author__info > a:hover {
    color: inherit;
    text-decoration: none
}

.layout-blog .article-author .article-author__info > :nth-child(1) {
    font-weight: 500;
    font-size: 20px;
    display: block
}

.layout-blog .article-author .article-author__info > :nth-child(2) {
    margin-top: 6px;
    display: block;
    font-size: 14px;
    color: #8d8d8d
}

.main-blog .attrs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.main-blog .attr {
    background-color: hsla(0, 0%, 100%, 0);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    border: 1px solid hsla(0, 0%, 100%, .24);
    border-radius: 6px;
    padding: 4px 12px;
    -webkit-transition: .1s;
    transition: .1s;
    background: hsla(0, 0%, 100%, 0);
    color: #fff;
    text-decoration: none
}

.main-blog .attr:hover {
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .24)
}

.main-blog span.attr ~ * {
    display: none
}

.main-blog .js-click-remove {
    cursor: pointer
}

.main-blog .accordion-body {
    font-size: 16px
}

.main-blog .rating .rating__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 5px
}

.main-blog .rating .rating__inner .rating__input {
    display: none
}

.main-blog .rating .rating__inner .rating__label {
    cursor: pointer;
    font-size: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    background-image: url(../images/star-bg.svg);
    background-position: center;
    background-size: 27px 27px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0
}

.main-blog .rating .rating__inner .rating__input:checked ~ .rating__label, .main-blog .rating .rating__inner .rating__label:hover, .main-blog .rating .rating__inner .rating__label:hover ~ .rating__label {
    background-image: url(../images/star-rev.svg)
}

.main-blog .stars .stars__title {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 16px
}

.main-blog .stars .stars__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-blog .stars-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-blog .stars-rating > :nth-child(2) {
    font-size: 19px;
    font-weight: 600;
    line-height: 27px
}

.main-blog .stars-rating > :nth-child(3) {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
    position: relative
}

.main-blog .stars-rating > :nth-child(3):after {
    position: absolute;
    content: "";
    width: 2px;
    height: 2px;
    background: #b8b8b9;
    border-radius: 10px;
    left: 0;
    top: 11px
}

.main-blog .share {
    color: #222228
}

.main-blog .share i {
    opacity: 1 !important
}

.main-blog .share i use {
    stroke: #222228 !important
}

.main-blog .author-card .author-card__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 312px 1fr;
    grid-template-columns:312px 1fr;
    gap: 48px;
    padding-bottom: 36px
}

.main-blog .author-card .author-card__image {
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1/1;
    width: 100%;
    position: relative
}

.main-blog .author-card .author-card__image img {
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.main-blog .author-card .author-card__title {
    font-size: 44px;
    line-height: 52px;
    font-weight: 600;
    display: block;
    margin: 0
}

.main-blog .author-card .author-card__sub {
    margin-top: 16px;
    display: block;
    color: #8d8d8d
}

.main-blog .author-card .author-card__text {
    margin-top: 36px;
    max-width: 862px
}

.main-blog .author-card .author-card__text > * + * {
    margin-top: 7px
}

.main-blog .author-card .author-card__text p {
    font-size: 16px;
    line-height: 28px
}

.main-blog .author-card .author-card__attr {
    margin-top: 36px;
    padding-top: 36px;
    border-top: 1px solid #ebecef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.main-blog .author-card .author-card__attr > * {
    font-style: normal
}

.main-blog .author-card .author-card__attr > * > * {
    display: block
}

.main-blog .author-card .author-card__attr > * > :nth-child(1) {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 24px
}

.main-blog .author-card .author-card__attr > * > :nth-child(2) {
    font-size: 16px;
    line-height: 28px
}

.main-blog .author-card .author-card__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0
}

.main-blog .soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.main-blog .soc a {
    display: block;
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    min-width: 40px;
    -webkit-transition: .1s;
    transition: .1s
}

.main-blog .soc a img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.main-blog .soc a:hover {
    opacity: .8
}

.main-blog .table-inner {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.main-blog .table-inner table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse
}

.main-blog .dblock {
    display: block
}

.dot-anim {
    position: relative
}

.dot-anim:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: inherit;
    border-radius: inherit;
    opacity: .6;
    -webkit-animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
    animation: 1s linear 2s backwards infinite status-pulsate-tertiary
}

@-webkit-keyframes status-pulsate-tertiary {
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    80% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }
}

@keyframes status-pulsate-tertiary {
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    80% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }
}

.main-blog .card .card__attr, .main-blog .card .card__text {
    color: var(--silver)
}

.main-blog .card .card__image img {
    mix-blend-mode: normal
}

.main-blog .card.card--category {
    padding: 48px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-height: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.main-blog .card.card--category .card__content {
    max-width: 68%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 2
}

.main-blog .card.card--category .card__image {
    -webkit-transition: .2s;
    transition: .2s;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 60%;
    height: auto;
    bottom: 0;
    top: auto
}

.main-blog .card.card--category .card__image img {
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0
}

.main-blog .card.card--category .card__title {
    margin: 0;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

.main-blog .card.card--category .card__text {
    color: hsla(0, 0%, 100%, .64);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.main-blog .card.card--category .btn {
    margin-top: auto
}

.main-blog .card.card--post {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 309px 1fr;
    grid-template-columns:309px 1fr;
    background: #fff;
    border: 1px solid #d7d8da;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none
}

.main-blog .card.card--post .card__left {
    position: relative;
    min-height: 206px;
    overflow: hidden;
    height: 100%
}

.main-blog .card.card--post .card__title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin: 0
}

.main-blog .card.card--post .card__image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .2s;
    transition: .2s
}

.main-blog .card.card--post .card__category {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, .24);
    border-radius: 4px;
    z-index: 2;
    text-decoration: none
}

.main-blog .card.card--post .card__content {
    padding: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.main-blog .card.card--post .card__attr {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px
}

.main-blog .card.card--post .card__attr > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: inherit;
    gap: 8px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-blog .card.card--post .card__attr > * img {
    max-width: 24px;
    width: 24px;
    height: 24px
}

.main-blog .card.card--post .card__attr > * + :before {
    content: "";
    width: 2px;
    height: 2px;
    background: #b8b8b9;
    left: -9px;
    top: 11px;
    position: absolute
}

.main-blog .card.card--services {
    position: relative;
    overflow: hidden;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 0 0 1px #ebecef;
    box-shadow: inset 0 0 0 1px #ebecef
}

.main-blog .card.card--services::after {
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .72)), color-stop(50%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .72) 0, rgba(0, 0, 0, 0) 50%);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 2
}

.main-blog .card.card--services .card__image {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0
}

.main-blog .card.card--services .card__image img:nth-child(2) {
    display: none
}

.main-blog .card.card--services .card__image img {
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .2s;
    transition: .2s
}

.main-blog .card.card--services:has(.btn:hover) .card__image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.main-blog .card.card--services .card__title {
    z-index: 4;
    color: inherit;
    margin: 0;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}

.main-blog .card.card--services .card__attr {
    z-index: 4;
    margin-top: 16px;
    padding-bottom: 16px
}

.main-blog .card.card--services .card__attr, .main-blog .card.card--services .card__title {
    padding-left: 16px;
    padding-right: 16px
}

.main-blog .card.card--services .btn {
    margin: 0 auto;
    z-index: 4;
    margin-bottom: 32px
}

.main-blog .card.card--our-authors {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7d8da;
    display: block;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    padding: 24px;
    text-align: center
}

.main-blog .card.card--our-authors .card__image {
    aspect-ratio: 1/1;
    width: 72px;
    position: relative;
    overflow: hidden;
    border-radius: 200px;
    display: block
}

.main-blog .card.card--our-authors .card__image img {
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .2s;
    transition: .2s
}

.main-blog .card.card--our-authors .card__title {
    margin-top: 16px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.main-blog .card.card--our-authors .card__text {
    margin-top: 8px;
    display: block;
    color: #8d8d8d;
    font-size: 14px;
    line-height: 20px
}

.main-blog .card.card--similar-blog {
    border-radius: 16px;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .002);
    border: 1px solid #ebecef;
    min-height: 388px;
    display: block;
    text-decoration: none
}

.main-blog .card.card--similar-blog .card__image {
    aspect-ratio: 309/206;
    width: 100%;
    position: relative;
    overflow: hidden
}

.main-blog .card.card--similar-blog .card__image img {
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .2s;
    transition: .2s
}

.main-blog .card.card--similar-blog .card__content {
    padding: 22px 24px 24px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 182px
}

.main-blog .card.card--similar-blog .card__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.main-blog .card.card--similar-blog .card__time {
    font-size: 13px;
    line-height: 18px;
    color: #8d8d8d
}

.main-blog .card.card--similar-blog .card__attr {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 4px 8px;
    background: rgba(34, 34, 40, .32);
    border-radius: 6px;
    z-index: 2;
    text-decoration: none
}

.main-blog .card.card--similar-blog:hover .card__image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.main-blog a.card.card--post:hover .card__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.main-blog .form-el, .main-blog form {
    color: #fff
}

.main-blog .form-el label:has([type=checkbox]), .main-blog form label:has([type=checkbox]) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none
}

.main-blog .form-el label:has([type=checkbox]) input + *, .main-blog form label:has([type=checkbox]) input + * {
    padding-left: 32px;
    padding-top: 3px
}

.main-blog .form-el label:has([type=checkbox]) input, .main-blog form label:has([type=checkbox]) input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.main-blog .form-el label:has([type=checkbox])::after, .main-blog form label:has([type=checkbox])::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0 0;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border: 1px solid hsla(0, 0%, 100%, .12);
    backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .24)
}

.main-blog .form-el label:has([type=checkbox]):has(input:checked)::after, .main-blog form label:has([type=checkbox]):has(input:checked)::after {
    background-image: url(../images/coolicon.svg);
    background-size: 16px 16px;
    background-color: hsla(0, 0%, 100%, .2)
}

.main-blog .form-el .form-body, .main-blog form .form-body {
    width: 100%
}

.main-blog .form-el .form-body > * .input, .main-blog form .form-body > * .input {
    margin-top: 2px
}

.main-blog .form-el .form-body > * .input input, .main-blog form .form-body > * .input input {
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .24);
    border: 1px solid hsla(0, 0%, 100%, .12)
}

.main-blog .form-el .form-body > * .input input:hover, .main-blog form .form-body > * .input input:hover {
    background: hsla(0, 0%, 100%, .2);
    border-color: hsla(0, 0%, 100%, .12)
}

.main-blog .form-el .form-body > * .input input:active, .main-blog .form-el .form-body > * .input input:focus, .main-blog form .form-body > * .input input:active, .main-blog form .form-body > * .input input:focus {
    background: hsla(0, 0%, 100%, .2);
    border-color: hsla(0, 0%, 100%, .12)
}

.main-blog .form-el .form-body > * .input input, .main-blog form .form-body > * .input input {
    color: #fff
}

.main-blog .form-el .form-body > * .input.error input, .main-blog form .form-body > * .input.error input {
    border-color: rgba(251, 160, 177, .5568627451)
}

.main-blog .form-el:has(.consent-privacy>label>input[type=checkbox]:not(:checked)) [type=submit], .main-blog form:has(.consent-privacy>label>input[type=checkbox]:not(:checked)) [type=submit] {
    pointer-events: none;
    opacity: .24;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-blog .content_wp {
    font-size: 18px
}

.main-blog .content_wp > * {
    margin-bottom: 24px
}

.main-blog .content_wp > :nth-last-child(1) {
    margin-bottom: 0
}

.main-blog .content_wp > :nth-child(1) {
    margin-top: 0
}

.main-blog .content_wp p {
    font-size: 18px;
    line-height: 1.7
}

.main-blog .content_wp p:has(.btn):not(:has(>:not(.btn))) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-blog .content_wp .mt-48 {
    margin-top: 48px
}

.main-blog .content_wp h1, .main-blog .content_wp h2, .main-blog .content_wp h3, .main-blog .content_wp h4, .main-blog .content_wp h5, .main-blog .content_wp h6 {
    font-family: var(--frs)
}

.main-blog .content_wp h1, .main-blog .content_wp h2, .main-blog .content_wp h3, .main-blog .content_wp h4 {
    margin-bottom: 24px;
    margin-top: 24px;
    font-weight: 600
}

.main-blog h1 {
    font-size: 42px;
}

.main-blog .content_wp h2 {
    font-size: 36px;
    margin-top: 36px;
    margin-bottom: 36px;
}

.main-blog .content_wp h3 {
    font-size: 28px
}

.main-blog .content_wp > ol {
    counter-reset: service;
    list-style: none;
    padding: 0;
    margin: 0
}

.main-blog .content_wp > ol li {
    width: 100%;
    margin: 0
}

.main-blog .content_wp > ol > li {
    counter-increment: service;
    position: relative;
    padding-left: 32px;
    padding-bottom: 16px
}

.main-blog .content_wp > ol > li:nth-last-child(1) {
    padding-bottom: 0
}

.main-blog .content_wp > ol > li::before {
    content: counter(service);
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: #eff0f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
    color: #555558
}

.main-blog .content_wp > ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-blog .content_wp > ul li {
    width: 100%;
    margin: 0
}

.main-blog .content_wp > ul > li {
    position: relative;
    padding-left: 32px;
    padding-bottom: 16px
}

.main-blog .content_wp > ul > li:nth-last-child(1) {
    padding-bottom: 0
}

.main-blog .content_wp > ul > li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 2px
}

.main-blog .content_wp > ol > li > ul, .main-blog .content_wp > ul > li > ul {
    margin: 8px 0 0 0
}

.main-blog .content_wp > ol > li > ol, .main-blog .content_wp > ul > li > ol {
    margin: 8px 0 0 0
}

.main-blog .content_wp > ol > li > ol > li ~ *, .main-blog .content_wp > ol > li > ul > li ~ *, .main-blog .content_wp > ul > li > ol > li ~ *, .main-blog .content_wp > ul > li > ul > li ~ * {
    margin-top: 8px
}

.main-blog .content_wp ol, .main-blog .content_wp ul {
    margin: 24px 0
}

.main-blog .content_wp blockquote {
    margin: 24px 0;
    padding: 36px;
    background: #f8f8fc;
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-left: 96px;
    border: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-blog .content_wp blockquote + blockquote {
    margin-top: 0
}

.main-blog .content_wp blockquote {
    display: inline-block
}

.main-blog .content_wp blockquote > * + * {
    margin-top: 24px
}

.main-blog .content_wp blockquote > :nth-child(1) {
    margin-top: 0
}

.main-blog .content_wp blockquote > :nth-last-child(1) {
    margin-bottom: 0
}

.main-blog .content_wp blockquote cite {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.main-blog .content_wp blockquote cite + * {
    margin-top: 4px;
    display: block;
    color: #8d8d8d;
    font-size: 16px;
    font-weight: 400
}

.main-blog .content_wp blockquote::after {
    display: none
}

.main-blog .content_wp blockquote::before {
    content: "";
    top: 36px;
    left: 36px;
    width: 36px;
    height: 36px;
    position: absolute;
    -webkit-mask: url(../images/ic-citate.svg) no-repeat center;
    mask: url(../images/ic-citate.svg) no-repeat center
}

.main-blog .content_wp blockquote > p:nth-last-child(1):has(cite) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.main-blog .content_wp blockquote > p > img {
    margin: 0;
    height: 50px;
    width: 50px;
    border-radius: 400px
}

.main-blog .content_wp table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    color: var(--text-primary);
    max-width: 100%;
    background: #eff0f2;
    table-layout: fixed;
    border: 1px solid rgba(34, 34, 34, .16);
    table-layout: auto
}

.main-blog .content_wp table td, .main-blog .content_wp table th {
    padding: 16px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    border-right: 1px solid rgba(34, 34, 34, .16);
    border-left: 1px solid rgba(34, 34, 34, .16)
}

.main-blog .content_wp table td ~ *, .main-blog .content_wp table th ~ * {
    border-left-width: 0
}

.main-blog .content_wp .table-inner--head tr:nth-child(1) {
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid hsla(0, 0%, 100%, .16)
}

.main-blog .content_wp .table-inner--head tr:nth-child(1) td {
    background: #e4814b
}

.main-blog .content_wp .table-inner.table-inner--col tbody tr td:nth-child(1) {
    background: #212121;
    text-align: left;
    text-transform: none;
    color: #fff;
    background: #212121;
    text-align: left;
    text-transform: uppercase;
    width: 10px;
    white-space: nowrap;
    min-width: 160px
}

.main-blog .content_wp .table-inner.table-inner--col tbody tr:hover td:nth-child(1) {
    background: #160800 !important
}

.main-blog .content_wp .table-inner.table-inner--col.table-inner--head tbody tr:nth-child(1) td:nth-child(1) {
    background: #e4814b !important
}

.main-blog .content_wp table tr:nth-child(even) {
    background: #fff
}

.main-blog .content_wp table tr:hover td {
    background: #ffe4d6
}

.main-blog .content_wp a:not(:has(img)):not(.btn):not(.color-theme-target):not(.card,.attr,.accordion-head) {
    text-decoration: underline;
    color: var(--theme-base-color);
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer
}

.main-blog .content_wp a:not(:has(img)):not(.btn):not(.color-theme-target):not(.card,.attr,.accordion-head):hover {
    color: var(--theme-base-color);
    opacity: .8
}

.main-blog .content_wp figure {
    margin-left: 0;
    margin-right: 0
}

.main-blog .content_wp figure img, .main-blog .content_wp p img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0;
    border-radius: 8px
}

.main-blog .content_wp figure {
    max-width: 100%
}

.main-blog .content_wp figure figcaption, .main-blog .content_wp figure p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #8d8d8d;
    margin-top: 8px
}

.main-blog .content_wp small {
    font-size: 14px
}

.main-blog .content_wp p > img:nth-child(1) {
    margin-top: 0
}

.main-blog .content_wp p > img:nth-last-child(1) {
    margin-bottom: 0
}

.main-blog .content_wp p > a > img:nth-child(1) {
    margin-top: 0
}

.main-blog .content_wp p > a > img:nth-last-child(1) {
    margin-bottom: 0
}

.main-blog .content_wp .alignleft {
    float: left;
    margin-right: 16px !important
}

.main-blog .content_wp .alignright {
    float: right;
    margin-left: 16px !important
}

.main-blog .content_wp .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.main-blog .content_wp .alignnone {
    margin-left: 0 !important
}

.main-blog .content_wp hr {
    border: none;
    height: 2px;
    background-color: var(--border-default)
}

.main-blog .content_wp mark {
    background-color: #ffe1bb;
    padding: 0 2px
}

.main-blog .content_wp .catalog-block__info-bottom-wrapper {
    width: 100%
}

.main-blog .content_wp .catalog-block__info-bottom-wrapper .btn {
    width: 100%;
    max-width: 100%
}

.main-blog .content_wp .callout {
    padding: 24px;
    border-left: 2px solid #000;
    background: #eff0f2;
    font-size: 18px
}

.main-blog .content_wp .callout--success {
    border-color: #34a853;
    background: rgba(52, 168, 83, .08)
}

.main-blog .content_wp .callout--info {
    border-color: #27a6e5;
    background: rgba(39, 166, 229, .08)
}

.main-blog .content_wp .callout--warning {
    border-color: #ff5e00;
    background: rgba(255, 94, 0, .08)
}

.main-blog .content_wp .callout--danger {
    border-color: #f41240;
    background: rgba(244, 18, 64, .08)
}

.main-blog .content_wp .table-list li {
    background: #eff0f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6px;
    padding: 14px 8px;
    margin: 0;
    line-height: 20px
}

.main-blog .content_wp .table-list li::before {
    display: none
}

.main-blog .content_wp .table-list li:nth-child(even) {
    background: hsla(0, 0%, 100%, 0)
}

.main-blog .content_wp .table-list li > * {
    font-size: 14px
}

.main-blog .content_wp .table-list li > :nth-child(1) {
    color: #8d8d8d
}

.main-blog .content_wp .table-list li > :nth-child(2) {
    color: #222228
}

.main-blog .content_wp .showcase {
    padding: 36px;
    border: 1px solid #d7d8da;
    border-radius: 16px;
    overflow: hidden
}

.main-blog .content_wp .showcase .showcase__gallery {
    margin-bottom: 26px
}

.main-blog .content_wp .showcase .showcase__gallery .swiper-container-three {
    overflow: hidden
}

.main-blog .content_wp .showcase .showcase__gallery .swiper-slide > * {
    display: block;
    aspect-ratio: 258/344
}

.main-blog .content_wp .showcase .showcase__gallery .swiper-slide > * img {
    display: block;
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden
}

.main-blog .content_wp .showcase .showcase__title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 16px
}

.main-blog .content_wp .showcase .table-list {
    margin: 0
}

.main-blog .content_wp .showcase .showcase__table {
    margin-bottom: 16px
}

.main-blog .content_wp .showcase .showcase__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-blog .content_wp .showcase .btn {
    min-width: 124px;
    font-size: 17px
}

.main-blog .content_wp .price-block {
    font-size: 24px;
    font-weight: 32px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.main-blog .content_wp .price-block ins {
    text-decoration: none
}

.main-blog .content_wp .price-block del {
    color: #8d8d8d;
    font-size: 16px;
    font-weight: 28px;
    font-weight: 500
}

.main-blog .content_wp .swiper-slide figure {
    margin: 0
}

.main-blog .content_wp .swiper-slide figure figcaption {
    font-size: 16px;
    margin-top: 18px
}

.main-blog .content_wp .swiper-container-one {
    overflow: hidden
}

.main-blog .content_wp .swiper-container-one figure {
    aspect-ratio: 16/9
}

.main-blog .content_wp .swiper-container-one figure img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.main-blog .content_wp ~ .stars {
    margin-top: 48px;
    padding-bottom: 16px
}

.main-blog .btn-case .btn-case .btn, .main-blog .btn-case > .btn, .main-blog .btn-case > p > .btn, .main-blog .content_wp .btn-case .btn, .main-blog .content_wp > .btn, .main-blog .content_wp > p > .btn {
    min-width: 97px;
    min-height: 44px;
    border: 0;
    cursor: pointer;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 11px 21px;
    font-size: 15px;
    font-weight: 500;
    line-height: 147%;
    color: #fff;
    background: var(--theme-base-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: .1s;
    transition: .1s;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

.main-blog .btn-case .btn-case .btn img, .main-blog .btn-case > .btn img, .main-blog .btn-case > p > .btn img, .main-blog .content_wp .btn-case .btn img, .main-blog .content_wp > .btn img, .main-blog .content_wp > p > .btn img {
    min-width: 16px
}

.main-blog .btn-case .btn-case .btn:hover, .main-blog .btn-case > .btn:hover, .main-blog .btn-case > p > .btn:hover, .main-blog .content_wp .btn-case .btn:hover, .main-blog .content_wp > .btn:hover, .main-blog .content_wp > p > .btn:hover {
    background: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.main-blog .btn-case .btn-case .btn:active, .main-blog .btn-case > .btn:active, .main-blog .btn-case > p > .btn:active, .main-blog .content_wp .btn-case .btn:active, .main-blog .content_wp > .btn:active, .main-blog .content_wp > p > .btn:active {
    background: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.main-blog .btn-case .btn-case .btn:disabled, .main-blog .btn-case > .btn:disabled, .main-blog .btn-case > p > .btn:disabled, .main-blog .content_wp .btn-case .btn:disabled, .main-blog .content_wp > .btn:disabled, .main-blog .content_wp > p > .btn:disabled {
    opacity: .24
}

.main-blog .btn-case .btn-case .btn.w-full, .main-blog .btn-case > .btn.w-full, .main-blog .btn-case > p > .btn.w-full, .main-blog .content_wp .btn-case .btn.w-full, .main-blog .content_wp > .btn.w-full, .main-blog .content_wp > p > .btn.w-full {
    max-width: 100%
}

.main-blog .btn-case .btn-case .btn.btn--silver, .main-blog .btn-case > .btn.btn--silver, .main-blog .btn-case > p > .btn.btn--silver, .main-blog .content_wp .btn-case .btn.btn--silver, .main-blog .content_wp > .btn.btn--silver, .main-blog .content_wp > p > .btn.btn--silver {
    background: #eff0f2;
    color: #222
}

.main-blog .btn-case .btn-case .btn.btn--silver:active, .main-blog .btn-case .btn-case .btn.btn--silver:hover, .main-blog .btn-case > .btn.btn--silver:active, .main-blog .btn-case > .btn.btn--silver:hover, .main-blog .btn-case > p > .btn.btn--silver:active, .main-blog .btn-case > p > .btn.btn--silver:hover, .main-blog .content_wp .btn-case .btn.btn--silver:active, .main-blog .content_wp .btn-case .btn.btn--silver:hover, .main-blog .content_wp > .btn.btn--silver:active, .main-blog .content_wp > .btn.btn--silver:hover, .main-blog .content_wp > p > .btn.btn--silver:active, .main-blog .content_wp > p > .btn.btn--silver:hover {
    background: #dfe0e2
}

.main-blog .breadcrumbs {
    padding-bottom: 0 !important
}

.main-blog .faq .faq__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 734px;
    grid-template-columns:auto 734px;
    gap: 36px
}

.main-blog .faq .faq__inner .items.items--faq {
    max-width: 768px
}

.main-blog .faq .card {
    padding: 24px 0;
    background: hsla(0, 0%, 100%, 0);
    cursor: pointer;
    border-top: 1px solid #eee
}

.main-blog .faq .card:nth-last-child(1) {
    border-bottom: 1px solid #eee
}

.main-blog .faq .card[open] {
    padding-bottom: 24px
}

.main-blog .faq .card[open] .card__title {
    color: var(--theme-base-color)
}

.main-blog .faq .card[open] .card__title::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-blog .faq .card .card__title {
    font-family: var(--frs);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    padding-right: 32px;
    list-style: none;
    position: relative;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-blog .faq .card .card__title::after {
    content: "";
    position: absolute;
    right: 0;
    background-position: center;
    background-image: url(../images/arrowdown.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    -webkit-transition: .1s;
    transition: .1s
}

.main-blog .faq .card .card__title h1, .main-blog .faq .card .card__title h2, .main-blog .faq .card .card__title h3, .main-blog .faq .card .card__title h4, .main-blog .faq .card .card__title h5, .main-blog .faq .card .card__title h6 {
    display: inline;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit
}

.main-blog .faq .card__title::-webkit-details-marker {
    display: none
}

.main-blog .faq .card__description {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: .1s;
    transition: .1s;
    color: var(--silver)
}

.main-blog .faq .card[open] .card__description {
    max-height: 500px;
    opacity: 1;
    padding-bottom: 0
}

@media screen and (max-width: 1440px) {
    .main-blog .faq .faq__inner {
        -ms-grid-columns: auto 1fr;
        grid-template-columns:auto 1fr
    }
}

@media screen and (max-width: 1390px) {
    .main-blog .items.items--our-authors {
        overflow: visible
    }

    .main-blog .items.items--similar-blog {
        overflow: visible
    }
}

@media screen and (max-width: 1280px) {
    .main-blog .card.card--category .card__image {
        max-width: 40%
    }

    .main-blog .faq .faq__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 0
    }
}

@media screen and (max-width: 1024px) {
    .main-blog .card.card--category {
        padding: 24px
    }

    .main-blog .content_wp blockquote {
        padding: 24px;
        padding-left: 56px
    }

    .main-blog .content_wp blockquote::before {
        top: 24px;
        left: 16px;
        width: 24px;
        height: 24px;
        -webkit-mask-size: 24px;
        mask-size: 24px
    }
}

@media screen and (max-width: 991px) {
    .main-blog .article-meta {
        margin-top: 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 24px
    }

    .main-blog .article-meta .article-meta__left {
        margin-bottom: 10px;
        overflow: auto;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }

    .main-blog .article-meta .article-meta__center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .layout-blog .article-author {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px
    }

    .layout-blog .article-author img {
        max-width: 32px;
        height: 32px
    }

    .layout-blog .article-author .article-author__info > :nth-child(1) {
        font-size: 16px;
        line-height: normal
    }

    .layout-blog .article-author .article-author__info > :nth-child(2) {
        display: none
    }

    .main-blog .author-card .author-card__inner {
        -ms-grid-columns: 250px 1fr;
        grid-template-columns:250px 1fr
    }
}

@media screen and (max-width: 900px) {
    .main-blog .author-card .author-card__inner {
        -ms-grid-columns: 165px 1fr;
        grid-template-columns:165px 1fr
    }
}

@media screen and (max-width: 768px) {
    .main-blog .article-content .article-content__top h1 {
        font-size: 36px
    }

    .main-blog .author-card .author-card__inner {
        -ms-grid-columns: 125px 1fr;
        grid-template-columns:125px 1fr;
        gap: 24px
    }

    .main-blog .author-card .author-card__title {
        font-size: 36px
    }

    .main-blog .card.card--post {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .main-blog .card.card--post .card__left {
        height: 200px
    }
}

@media screen and (max-width: 600px) {
    .main-blog .container {
        --theme-page-width-padding: 16px
    }
}

@media screen and (max-width: 550px) {
    .main-blog .mt-48--550 {
        margin-top: 48px
    }

    .main-blog .mb-48--550 {
        margin-bottom: 48px
    }

    .main-blog .mt-64--550 {
        margin-top: 64px
    }

    .main-blog .mb-64--550 {
        margin-bottom: 64px
    }

    .main-blog .container:has(.article-content) {
        padding-left: 0;
        padding-right: 0
    }

    .main-blog .container:has(.article-content) .similar-blog {
        padding-left: 16px;
        padding-right: 16px
    }

    .main-blog .similar-blog .section-title .btn {
        display: none
    }

    .main-blog .similar-blog .similar-blog__inner ~ .btn-case .btn {
        width: 100%;
        max-width: 100% !important;
        margin-top: 24px
    }

    .main-blog .mob {
        display: block
    }

    .main-blog .items.items--similar-blog .swiper-slide {
        max-width: 100%
    }

    .main-blog .section-title {
        margin-bottom: 24px
    }

    .main-blog .section-title .section-title__head {
        font-weight: 600;
        font-size: 24px;
        line-height: 30px
    }

    .main-blog .section-title .section-title__head:has(~.mob) {
        display: none
    }

    .main-blog .section-title .section-title__head.mob {
        display: block
    }

    .main-blog .swiper-nav {
        display: none
    }

    .main-blog .article-content .article-content__top h1 {
        font-weight: 600;
        font-size: 28px;
        line-height: 36px;
        padding: 0 16px
    }

    .main-blog .article-meta .article-meta__left {
        padding: 0 16px
    }

    .main-blog .article-meta .article-meta__center {
        padding-left: 16px
    }

    .main-blog .article-meta .article-meta__right {
        padding-right: 16px
    }

    .main-blog .comparison-block .cons > ul:not([class]), .main-blog .comparison-block .pros > ul:not([class]) {
        margin: 0
    }

    .main-blog .comparison-block .cons > ul > li:nth-last-child(1)::before, .main-blog .comparison-block .pros > ul > li:nth-last-child(1)::before {
        top: calc(50% - 12px)
    }

    .main-blog .comparison-block .cons > ul > li::before, .main-blog .comparison-block .pros > ul > li::before {
        top: calc(50% - 20px)
    }

    .main-blog section.page-top {
        padding-bottom: 16px
    }

    .main-blog .toc {
        margin-top: 36px;
        margin-bottom: 36px
    }

    .layout-blog .bottom-links-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
        margin-top: 16px;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        text-align: center
    }

    .main-blog .stars .stars__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .main-blog .stars {
        text-align: center
    }

    .main-blog .stars-rating {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main-blog .stars-rating > :nth-child(1) {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main-blog .stars-right {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }

    .main-blog .stars-right .share {
        width: 100%
    }

    .main-blog .stars-right .share button {
        background: #eff0f2;
        border-radius: 6px;
        width: 100%;
        padding: 11px;
        height: 47px
    }

    .main-blog .stars-right .share button:before {
        content: "Поделиться";
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
        margin-right: 8px
    }

    .main-blog .stars-right .share button i {
        display: block;
        position: initial;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .main-blog .share .ya-share2 {
        top: 45px
    }

    .main-blog .author-card .author-card__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        padding-bottom: 24px
    }

    .main-blog .author-card .author-card__inner > .author-card__image {
        display: none
    }

    .main-blog .author-card .author-card__image {
        margin-top: 16px
    }

    .main-blog .author-card .author-card__title {
        font-weight: 600;
        font-size: 28px;
        line-height: 36px
    }

    .main-blog .author-card .author-card__sub {
        margin-top: 8px
    }

    .main-blog .author-card .author-card__text {
        margin-top: 16px
    }

    .main-blog .author-card .author-card__attr {
        margin-top: 16px;
        padding-top: 16px
    }

    .main-blog .author-card .author-card__attr > * {
        width: 100%
    }

    .main-blog .table-inner table {
        min-width: 0
    }

    .main-blog .table-inner table td {
        white-space: nowrap
    }

    .main-blog .card.card--category {
        padding-bottom: 0
    }

    .main-blog .card.card--category .card__content {
        max-width: 100%;
        margin-bottom: 24px
    }

    .main-blog .card.card--category .card__image {
        max-width: 100%;
        position: initial
    }

    .main-blog .card.card--category .btn {
        width: 100%;
        max-width: 100% !important
    }

    .main-blog .card.card--post .card__title {
        font-size: 16px;
        line-height: 24px
    }

    .main-blog .card.card--post .card__content {
        padding: 16px
    }

    .main-blog .card.card--post .card__attr {
        font-size: 14px;
        line-height: 20px
    }

    .main-blog .card.card--services {
        height: 400px
    }

    .main-blog .card.card--services .card__image img:nth-child(2) {
        display: block
    }

    .main-blog .card.card--services .card__title {
        line-height: 32px;
        font-size: 24px
    }

    .main-blog .content_wp {
        font-size: 16px
    }

    .main-blog .content_wp > * {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px
    }

    .main-blog .content_wp p {
        font-size: 16px;
        line-height: 28px
    }

    .main-blog .content_wp .mt-48 {
        margin-top: 36px
    }

    .main-blog .content_wp h1, .main-blog .content_wp h2, .main-blog .content_wp h3, .main-blog .content_wp h4 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .main-blog .content_wp h2 {
        font-size: 24px;
        line-height: 30px
        margin-top: 24px;
        margin-bottom: 24px
    }
    
    .main-blog h1 {
        font-size: 32px;
    }

    .main-blog .content_wp h3 {
        font-size: 20px;
        line-height: 30px
    }

    .main-blog .content_wp ol:not([class]) li, .main-blog .content_wp ul:not([class]) li {
        line-height: 28px;
        font-size: 16px
    }

    .main-blog .content_wp ol:not([class]), .main-blog .content_wp ul:not([class]) {
        margin: 16px 16px
    }

    .main-blog .content_wp blockquote {
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 16px;
        border-radius: 16px;
        padding: 16px;
        padding-left: 52px
    }

    .main-blog .content_wp blockquote cite {
        font-size: 14px;
        line-height: 28px
    }

    .main-blog .content_wp blockquote cite + * {
        font-size: 12px;
        line-height: 20px
    }

    .main-blog .content_wp blockquote::before {
        top: 16px;
        width: 20px;
        height: 20px;
        -webkit-mask-size: 20px;
        mask-size: 20px
    }

    .main-blog .content_wp blockquote > p:nth-last-child(1):has(cite) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .main-blog .content_wp blockquote > p > img {
        width: 40px;
        height: 40px
    }

    .main-blog .content_wp figure img, .main-blog .content_wp p img {
        border-radius: 0
    }

    .main-blog .content_wp figure:has(>a:only-child>img:only-child), .main-blog .content_wp figure:has(>figcaption):has(>img,>a>img):not(:has(>:not(img,a,figcaption))), .main-blog .content_wp figure:has(>img:only-child), .main-blog .content_wp p:has(>a:only-child>img:only-child), .main-blog .content_wp p:has(>figcaption):has(>img,>a>img):not(:has(>:not(img,a,figcaption))), .main-blog .content_wp p:has(>img:only-child) {
        padding-left: 0;
        padding-right: 0
    }

    .main-blog .content_wp figure figcaption, .main-blog .content_wp figure p {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 14px
    }

    .main-blog .content_wp .callout {
        margin-left: 16px;
        margin-right: 16px;
        padding: 16px;
        font-size: 16px
    }

    .main-blog .content_wp .table-list li {
        padding: 8px
    }

    .main-blog .content_wp .showcase {
        padding: 16px
    }

    .main-blog .content_wp .showcase .showcase__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .main-blog .content_wp .showcase .showcase__footer .btn {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        font-size: 17px
    }

    .main-blog .content_wp .price-block {
        gap: 9px 8px
    }

    .main-blog .content_wp .swiper-slide figure figcaption {
        font-size: 14px
    }

    .main-blog .content_wp ~ .stars {
        margin-top: 36px
    }

    .main-blog .relative {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 450px) {
    .main-blog .card.card--post .card__left {
        height: auto;
        aspect-ratio: 343/228
    }
}