.reason-title {
    margin-top: 84px;
}

.blog {}

.news-items {}

.news-item {}

.news-img {}

.news-item-wrap {}

.news-item-date {
    display: none;
}


/*news*/
.news {
    padding: 100px 0;
}

.news-tags {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.news-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 14px;
    gap: 16px;
    background: #FFFFFF;
    border-radius: 10px;
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 167%;
    text-align: center;
    color: #202432;
}
.news-tag:hover {
    background: #202432;
    color: #FFFFFF;
}
.news-tag.select {
    background: #202432;
    color: #FFFFFF;
}

.news-wrap {
    display: flex;
    flex-direction: column;
}

.news-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-title {
    font-size: 40px;
    color: #ffffff;
    position: relative;
}

.news-title::after {
    bottom: -24px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    background: linear-gradient(90deg, rgba(46, 187, 255, 0) 0%, #2ebbff 100%);
    width: 100%;
}

.news-img {
    object-fit: cover;
    aspect-ratio: 420 / 200;
    border-radius: 20px 20px 0 0;
}

.news-link {
    border: 1px solid rgba(0, 156, 254, 1);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    font-family: "PT Astra Fact";
}

.news-items {
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.news-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 418px;
    color: #d0d5e1;
}
.news-item a:focus,
.news-item a:focus-visible{
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
}
.news-item:focus,
.news-item:focus-within {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
}

.news-item:hover {
    color: #009cfe;
}

.news-item:focus-within {
    outline: 2px solid cornflowerblue;
}

.news-item-wrap {
    margin-top: -16px;
    display: flex;
    flex-direction: column;
}

.news-item-date {
    background: url("../img/news-vector.svg") left top/contain no-repeat;
}

.news-item-date-text {
    font-size: 12px;
    padding-left: 32px;
    padding-top: 20px;
    color: #d0d5e1;
}

.news-item-content {
    display: flex;
    flex-direction: column;
    padding: 24px 32px 32px 32px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px 20px 20px 20px;
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;


    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #0B0C0E;
}

.news-item-tags .news-item-tag {
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #202432;
    display: grid;
    gap: 3px;
    grid-template-columns: 14px 1fr;
    align-items: center;
}

.news-item-tags .news-item-tag::before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73558 1.66412L3.16699 12.3359' stroke='%2394C9FD' stroke-width='1.575'/%3E%3Cpath d='M10.8332 1.66412L8.26465 12.3359' stroke='%2394C9FD' stroke-width='1.575'/%3E%3Cpath d='M2.33008 4.95404H12.6875' stroke='%2394C9FD' stroke-width='1.575'/%3E%3Cpath d='M1.3125 9.04596H11.67' stroke='%2394C9FD' stroke-width='1.575'/%3E%3C/svg%3E%0A");
}

.news-item-title {
    /* margin-top: 24px; */
    font-size: 20px;
    line-height: 1.5;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Ограничиваем тремя строками */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Добавляет многоточие в конце (опционально) */

    /* Дополнительно для корректной работы */
    word-break: break-word;
    max-width: 100%;
}

.news-item-desc {
    display: none;
    margin-top: 12px;
    font-size: 14px;
    color: #d0d5e1;
    line-height: 1.5;

    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-link-tablet {
    display: none;
}

.benefits-link {
    margin-top: 48px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 24px;
    gap: 12px;
    background: #FFFFFF;
    border-radius: 12px;
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #3D404E;
}





.article {
    color: white;
    margin: 4rem auto;
    max-width: 1080px;
}

.article__title {
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 125%;
    display: flex;
    align-items: center;
    color: #0B0C0E;
    margin-top: 48px;
    margin-bottom: 32px;
}
.article__source{
    margin-top: 40px;
}
.article__source span{
    color: #0B0C0E;
    font-weight: bold;
}
.article__source a{
    color: #007bff;
    
}

.article__tags__wrap {
    padding-bottom: 48px;
    border-bottom: 1px solid #DBDFE9;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    gap: 24px;
}



.article__img__navbar {
    position: absolute;
    top: 20px;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.article__img__navbar .breadcrumbs {
    align-items: center;
    padding: 12px 24px 12px 16px;
    align-items: center;
    background: #FFFFFF;
    border-radius: 10px;
}

.breadcrumbs__list {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.breadcrumbs__list span {
    display: block;
    width: 10px;
    height: 10px;
    min-width: 10px;

}

.breadcrumbs__list .breadcrumbs__item:last-child .breadcrumbs__link {
    /* text-overflow: ellipsis; */
    /* max-width: 120px; */
    /* width: 120px; */
    /* display: inline-block; */
    /* overflow: clip; */
    color: #0280FD;
    display: inline-block;
    max-width: 15em;
    /* 15 букв 'm', но зависит от шрифта */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article__img__wrap {
    position: relative;
}

.article__img__wrap__back {
    align-items: center;
    padding: 12px 24px 12px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    align-items: center;

    background: #FFFFFF;
    border-radius: 10px;
}

.article__img__wrap__back::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7001_4591)'%3E%3Cpath d='M7.92139 1.38889L2.19765 7.11262V7.99345V8.89392L7.91811 14.6111' stroke='%23202432' stroke-width='2.1' stroke-miterlimit='10'/%3E%3Cpath d='M2.1976 7.99344H13.8022' stroke='%23202432' stroke-width='2.1' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7001_4591'%3E%3Crect width='16' height='16' fill='white' transform='matrix(0 -1 -1 0 16 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.article__date {
    display: block;
    color: #d0d5e1;
    margin-block: 1rem;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    align-items: center;

    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #0B0C0E;
    opacity: 0.6;
}

.article__date:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4762 16.0333C20.4762 19.4619 19.2381 20.7 15.8095 20.7H8.19047C4.7619 20.7 3.5238 19.4619 3.5238 16.0333V8.4143C3.5238 4.98573 4.7619 3.74763 8.19047 3.74763H15.8095C19.2381 3.74763 20.4762 4.98573 20.4762 8.4143V16.0333Z' stroke='%238F97AA' stroke-width='2.7'/%3E%3Cpath d='M7.92853 0.699997V6.55713' stroke='%238F97AA' stroke-width='2.7'/%3E%3Cpath d='M16.0714 0.699997V6.55713' stroke='%238F97AA' stroke-width='2.7'/%3E%3Cpath d='M20.4762 9.70001H3.5238' stroke='%238F97AA' stroke-width='2.7'/%3E%3C/svg%3E%0A");
}

.article__reading_time {
    display: block;
    color: #d0d5e1;
    margin-block: 1rem;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    align-items: center;

    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #0B0C0E;
    opacity: 0.6;
}

.article__reading_time:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33521 13.6968V17.935C3.33521 19.8186 4.04158 20.525 5.92523 20.525H7.7618C9.64545 20.525 10.3518 19.8186 10.3518 17.935V16.0984C10.3518 14.2148 9.64545 13.5084 7.7618 13.5084H3.52357' stroke='%238F97AA' stroke-width='2.54294'/%3E%3Cpath d='M13.7424 14.9682H10.2576' stroke='%238F97AA' stroke-width='2.54294'/%3E%3Cpath d='M3.33521 13.6967C3.33521 12.8491 3.42939 12.0014 3.57066 11.2009L4.55958 5.50283C4.74795 4.37264 5.92523 3.52499 7.24379 3.52499H9.26872' stroke='%238F97AA' stroke-width='2.54294'/%3E%3Cpath d='M20.6648 13.6968V17.935C20.6648 19.8186 19.9584 20.525 18.0748 20.525H16.2382C14.3546 20.525 13.6482 19.8186 13.6482 17.935V16.0984C13.6482 14.2148 14.3546 13.5084 16.2382 13.5084H20.4764' stroke='%238F97AA' stroke-width='2.54294'/%3E%3Cpath d='M20.6648 13.6967C20.6648 12.8491 20.6178 12.0014 20.4294 11.2009L19.4405 5.50283C19.2521 4.37264 18.0748 3.52499 16.7563 3.52499H14.7313' stroke='%238F97AA' stroke-width='2.54294'/%3E%3C/svg%3E%0A");
}
.article__author {
    flex-grow: 1;
    text-align: right;
    display: block;
    color: #d0d5e1;
    margin-block: 1rem;
    display: block;
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #0B0C0E;
    opacity: 0.6;
}

.article__wrapper__content {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 48px 60px;
}

.article__img {
    display: block;
    /* margin-block: 2rem; */
    min-height: 123px;
    height: 400px;
    /* object-fit: fill; */
    object-fit: cover;
    width: 100%;
    object-position: 0 0;
    border-radius: 24px;
}

html {
    color-scheme: only white;
}

.prose {
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
    color: #0B0C0E;
}

.prose p {
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
    color: #0B0C0E;
}

.prose p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.prose a {
    color: #007bff;
    text-decoration: none;
}

.prose b {
    font-weight: bold;
    font-family: 'PT Astra Fact';
    color: #d0d5e1;
}

.prose blockquote {
    background-color: #303c56cc;
    padding: 2rem;
    border-radius: 1.25rem;
}

.prose blockquote p {
    margin: 0;
}

.article__bottom__navbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 48px;
    padding-top: 40px;
    border-top: 1px solid #DBDFE9;
}

.article__bottom__back {
    align-items: center;
    padding: 12px 24px 12px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    align-items: center;

    background: #EEF1F7;
    border-radius: 10px;
}

.article__bottom__back::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7001_4591)'%3E%3Cpath d='M7.92139 1.38889L2.19765 7.11262V7.99345V8.89392L7.91811 14.6111' stroke='%23202432' stroke-width='2.1' stroke-miterlimit='10'/%3E%3Cpath d='M2.1976 7.99344H13.8022' stroke='%23202432' stroke-width='2.1' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7001_4591'%3E%3Crect width='16' height='16' fill='white' transform='matrix(0 -1 -1 0 16 16)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.article-code {
    border-radius: 24px;
    padding: 24px;
    background: #f8f8f8;
    font-size: 14px;
    /* font-family: 'Courier New', Courier, monospace; */
}

.article h2 {
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #0B0C0E;
    margin-top: 35px;
    margin-bottom: 20px;
}

.article h3 {
    font-family: 'PT Astra Fact';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #0B0C0E;
    margin-top: 35px;
    margin-bottom: 20px;
}

.article table {}

/* Базовые стили для таблицы */
.article table {
    width: 100%;
    border-collapse: collapse;
    /* Объединяет двойные линии в одинарные */
    border: 1px solid #cccccc;
    /* Внешняя рамка таблицы */
}

/* Стили для ячеек таблицы */
.article table th,
.article table td {
    border: 1px solid #cccccc;
    /* Серая линия толщиной 1px */
    padding: 10px 15px;
    /* Внутренние отступы */
    text-align: left;
    /* Выравнивание текста по левому краю */
    vertical-align: top;
    /* Выравнивание по верху ячейки */
}

/* Дополнительные стили для заголовков */
.article table th {
    background-color: #f5f5f5;
    /* Светло-серый фон */
    font-weight: bold;
    /* Жирный шрифт */
}

/* Эффект при наведении на строку (опционально) */
.article table tr:hover {
    background-color: #f9f9f9;
    /* Очень светлый серый фон */
}



/* Красивый список с кастомной SVG-иконкой */
.article ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.article ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.article ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7001_5834)'%3E%3Cpath d='M0 6.57143C0 3.49441 2.49441 1 5.57143 1H20.4286C23.5056 1 26 3.49441 26 6.57143V21.4286C26 24.5056 23.5056 27 20.4286 27H5.57143C2.49441 27 0 24.5056 0 21.4286V6.57143Z' fill='%23E5F2FF'/%3E%3Cpath d='M10.7166 8.58337L15.2833 13.6488V14.3576L10.7229 19.4167' stroke='%2361B6FD' stroke-width='2.50714' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7001_5834'%3E%3Cpath d='M0 6.57143C0 3.49441 2.49441 1 5.57143 1H20.4286C23.5056 1 26 3.49441 26 6.57143V21.4286C26 24.5056 23.5056 27 20.4286 27H5.57143C2.49441 27 0 24.5056 0 21.4286V6.57143Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* .article ul li:hover {
    color: #0077ff;
    transform: translateX(4px);
    transition: all 0.3s ease;
}

.article ul li:hover::before {
    transform: scale(1.1);
    transition: transform 0.3s ease;
} */

@media (max-width: 1439px) {
    .container {
        width: 1200px !important;
    }
}

@media (max-width: 1180px) {
    .breadcrumbs__list .breadcrumbs__item:last-child .breadcrumbs__link {
        max-width: 10em;
    }

    .container {
        width: 1100px !important;
    }
}

@media (max-width: 1040px) {
    .news {
        padding: 70px 0;
    }

    .news-items {
        flex-wrap: wrap;
    }

    .breadcrumbs__list .breadcrumbs__item:last-child .breadcrumbs__link {
        max-width: 10em;
    }
}

@media (max-width: 910px) {
    .news-items {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .news-link {
        display: none;
    }

    .news-link-tablet {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 60px auto 0 auto;
        width: 100%;
        max-width: 608px;
    }

    .news-title {
        text-align: center;
    }

    .news-top {
        justify-content: space-around;
    }

    .news-title::after {
        background: linear-gradient(90deg,
                rgba(46, 187, 255, 0) 0%,
                #2ebbff 50%,
                rgba(46, 187, 255, 0) 100%);
    }
}

@media (max-width: 576px) {
    .reason {
        padding: 0 16px;
    }

    .news-title {
        font-size: 36px;
    }

    .reason-title {
        margin-top: 40px;
    }

    .news-items {
        margin-top: 40px;
    }


    .article__img__navbar {
        flex-direction: column-reverse !important;
        align-items: flex-start !important;
        top: -20px !important;
        position: relative !important;
        padding: 0 16px !important;
    }

    .article__img__navbar .breadcrumbs {
        background-color: transparent !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .article__img__navbar .article__img__wrap__back {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .breadcrumbs__list .breadcrumbs__item:last-child .breadcrumbs__link {
        max-width: 10em !important;
    }

    .article__wrapper__content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        position: relative;
        top: -40px;
    }

    .article {
        max-width: 100vw !important;
    }
}