body {
    background: #f3f0e8;
}

/* ==========================================
   VIEW NEWS
========================================== */

.news-view {
    padding: 40px 0 80px;
}

.news-view__header-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 232px 0 40px;
}

.news-view__container {
    font-family: "Manrope-Regular", sans-serif;
    max-width: 1920px;

    margin: 0 auto;
    padding: 0 232px;
}

/* ==========================================
   HEADER
========================================== */

/* Кнопка назад */
.contacts-hero__back {
    font-family: "Manrope-Regular", sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    align-self: flex-start;

    /*height: fit-content;*/
    flex-shrink: 0;
    padding: 8px 14px;

    border-radius: 999px;

    background: rgba(0,0,0,.05);

    color: #555;
    text-decoration: none;

    font-size: 14px;

    transition: .3s ease;
}

.contacts-hero__back:hover {
    background: rgba(0,0,0,.1);
}

.news-view__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 64px;
}

.news-view__header--en {
    gap: 100px;
}

.news-view__title {
    font-family: "AV Fontimer-SemiBold", sans-serif;
    /*margin-top: 20px;*/
    margin-bottom: 24px;

    font-size: 64px;
    font-weight: 700;
    line-height: 1;

    color: #202020;

    overflow-wrap: break-word;
    word-break: break-word;
}

.news-view__date {
    color: #8a8a8a;

    font-size: 15px;

    margin-bottom: 0;
    margin-top: 30px;
}

/* ==========================================
   CONTENT
========================================== */

.news-view__content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ==========================================
   TEXT
========================================== */

.news-view__description {
    color: #303030;

    font-size: 18px;
    line-height: 1.8;
}

.news-view__description h1,
.news-view__description h2,
.news-view__description h3 {
    margin-top: 10px;
    margin-bottom: 18px;

    color: #202020;
}

.news-view__description p {
    margin-bottom: 18px;
}

.news-view__description ul,
.news-view__description ol {
    padding-left: 24px;

    margin-bottom: 20px;
}

.news-view__description li {
    margin-bottom: 8px;
}

.news-view__description a {
    color: #138a36;
}

.news-view__description strong {
    font-weight: 700;
}

/* ==========================================
   IMAGE
========================================== */

.news-view__image {
    width: 100%;
}

.news-view__image img {
    width: 100%;

    display: block;

    border-radius: 18px;

    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.news-view__description {
    width: 100%;

    overflow-wrap: break-word;
    word-break: break-word;
}

.news-view__description * {
    max-width: 100%;
}

.news-view__description img {
    max-width: 100%;
    height: auto;
}

.news-view__description p,
.news-view__description h1,
.news-view__description h2,
.news-view__description h3,
.news-view__description h4,
.news-view__description h5,
.news-view__description h6 {
    margin-left: 0;
    margin-right: 0;
}

/* ==========================================
   FOOTER
========================================== */

.news-view__footer {
    margin-top: 24px;
}

.news-view__back-news {
    display: inline-flex;
    align-items: center;

    padding: 12px 20px;

    border-radius: 999px;

    background: #138a36;

    color: white;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition: .3s ease;
}

.news-view__back-news:hover {
    background: #0f722d;

    transform: translateY(-2px);
}

.news-view__description li[data-list="bullet"] {
    list-style-type: disc;
}

.news-view__description li[data-list="ordered"] {
    list-style-type: decimal;
}

/* ==================== TABLET (до 1024px) ==================== */

@media (max-width: 1240px) {

    .news-view__header-container {
        padding: 0 16px 0 16px;
    }

    .news-view__header {
        gap: 40px;
    }

    .news-view {
        padding: 30px 0 60px;
    }

    .news-view__container {
        padding: 0 16px;
    }

    .news-view__title {
        font-size: 48px;
        /*margin-top: 16px;*/
        margin-bottom: 20px;
    }

    .news-view__date {
        font-size: 14px;
        margin-top: 20px;
    }

    .news-view__description {
        font-size: 17px;
        line-height: 1.7;
    }

    .news-view__image img {
        border-radius: 14px;
    }
}

/* ==================== MOBILE MEDIUM (до 768px) ==================== */

@media (max-width: 768px) {

    .news-view__container {
        padding: 0 16px;
    }

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

    .news-view__description {
        font-size: 16px;
    }
}


/* ==================== MOBILE (до 480px) ==================== */

@media (max-width: 480px) {

    .news-view {
        padding: 20px 0 40px;
    }

    .news-view__header {
        gap: 20px;
    }

    .news-view__container {
        padding: 0 16px;
    }

    .contacts-hero__back {
        font-size: 14px;
        padding: 6px 12px;
    }

    .news-view__title {
        font-size: 28px;
        /*margin-top: 14px;*/
        margin-bottom: 16px;
        line-height: 1.1;
    }

    .news-view__date {
        font-size: 13px;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .news-view__description {
        font-size: 15px;
        line-height: 1.6;
    }

    .news-view__description h1,
    .news-view__description h2,
    .news-view__description h3 {
        font-size: 20px;
        margin-top: 16px;
        margin-bottom: 12px;
    }

    .news-view__description h4,
    .news-view__description h5,
    .news-view__description h6 {
        font-size: 17px;
        margin-top: 14px;
        margin-bottom: 10px;
    }

    .news-view__description p {
        margin-bottom: 14px;
    }

    .news-view__description ul,
    .news-view__description ol {
        padding-left: 18px;
        margin-bottom: 14px;
    }

    .news-view__description li {
        margin-bottom: 6px;
    }

    .news-view__image {
        margin-top: 20px;
    }

    .news-view__image img {
        border-radius: 10px;
    }

    .news-view__footer {
        margin-top: 20px;
    }

    .news-view__back-news {
        /*padding: 10px 16px;*/
        /*font-size: 13px;*/
        /*width: 100%;*/
        /*justify-content: center;*/
    }

    .back-text {
        display: none;
    }

    .back-icon {
        font-size: 18px;
    }
}