.all-news-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 66px 0 20px 0;
    gap: 39.994px
}

.all-news-container .all-news-title {
    width: 1320px;
    text-align: center;
    overflow: hidden;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: var(--text-default)
}

.all-news-container .all-news-content {
    width: 1320px;
    margin: 20.006px auto;
    display: flex;
    flex-direction: column;
    gap: 20.006px;
    align-items: center;
    justify-content: flex-start
}

.all-news-container .all-news-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
    width: 100%
}

.all-news-container .news-item {
    width: 49%;
    flex-shrink: 0;
    background-color: var(--body-bg);
    border: 1px solid var(--btn-bg);
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .122);
    padding: 8px;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.all-news-container .news-logo {
    width: 42%;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    height: 186px
}

.all-news-container .news-logo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.all-news-container .news-logo a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.all-news-container .news-content {
    display: flex;
    width: 55%;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
    position: relative
}

.btn-nws-cntnr {
    position: absolute;
    width: 100%;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%, 0)
}

.all-news-container .news-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: inherit;
    font-size: 18px;
    line-height: 130%;
    color: var(--text-default)
}

.all-news-container .news-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: inherit;
    font-size: 14px;
    line-height: 140%;
    color: var(--text-default)
}

.all-news-container .news-category {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 120%;
    color: var(--text-default);
    font-weight: 500;
    justify-content: flex-start;
    gap: 5px;
    pointer-events: none
}

.category-icon svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.category-icon svg path {
    fill: var(--text-default)
}

a.news-reed.main-grad-btn,button.news-reed.main-grad-btn {
height: 46px;
    width: 100%;
    margin-top: 10px;
    background-color: var(--login_bg);
    color: var(--bnt_color_text);
    padding: 0 12px;
    border: 1px solid var(--login_bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    border-radius: var(--button_border);
    transition: var(--transition_main);
}
a.news-reed.main-grad-btn:hover, button.news-reed.main-grad-btn:hover{
        color: var(--login_bg);
    background-color: var(--sign_bg);
}

.all-news-container .news-author {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-start;
    background: var(--body-bg);
    overflow: hidden;
    border-radius: 10px;
    padding: 6px
}

.all-news-container .author-avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--text-default);
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.all-news-container .author-name {
    color: var(--text-default);
    font-weight: 600;
    font-size: 14px
}

.news-post-description .news-post-description-content {
    width: 100%;
    max-width: 1320px;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 30px
}

.news-post-description .news-post-description-content.new-new {
    margin: 130px auto 30px auto
}

.news-post-description .news-excerpt {
    font-size: 22px;
    font-weight: 600
}

.news-post-description .news-excerpt br {
    display: none
}

.news-post-description .news-image {
    width: 100%;
    height: 560px;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.news-post-description .news-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.news-content {
    max-width: 1320px;
    margin: 0 auto;
    overflow: hidden
}

.archive-title {
    line-height: 1.35;
    max-width: 92vw
}

.head-page-container {
    padding: 130px 100px 100px 100px
}

.head-page-content {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.news-content .text-block {
    padding: 0 35px
}

.pagination-container {
    display: flex;
    margin: 20px auto;
    gap: 12px;
    font-weight: 600
}

.pagination-container .pag-btn {
    padding: 8px;
    width: 32px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--button_border);
    overflow: hidden;
    border: 1px solid var(--btn-bg);
    color: var(--bnt_color_text);
    transition: var(--transition_main)
}

.pag-btn.prev,
.pag-btn.next {
    border: none;
    font-size: 22px;
    color: inherit
}

.pagination-container .pag-btn.active,
.pagination-container .pag-btn:hover {
    background-color: var(--btn-bg);
    color: var(--bnt_color_text_hover)
}

.news-text-block {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 0;
    bottom: 0;
    width: 100%
}

.news-text-block .banner-news-block-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 90px 40px 40px 40px
}

.news-text-block .banner-news-block-content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(180deg, color-mix(in srgb, #000000, transparent 100%) 0%, color-mix(in srgb, #000000, transparent 40%) 30%, color-mix(in srgb, #000000, transparent 20%) 60%, color-mix(in srgb, #000000, transparent 0%) 100%);
    transition: var(--transition_main);
    z-index: -1
}

.news-text-block .news-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 38px;
    font-weight: 800;
    line-height: 130%;
    color: var(--text-default);
    width: 65%;
    text-align: left
}

.news-text-block .news-description {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    color: var(--text-default);
    width: 65%
}

.news-text-block .news-reed {
    margin: 12px 0 0 0
}

@media only screen and (max-width:1520px) {
    .all-news-container {
        padding: 4.579vw 0 1.316vw 0;
        gap: 2.631vw
    }

    .all-news-container .all-news-title {
        width: 86.842vw;
        text-align: center;
        overflow: hidden;
        font-weight: 700;
        font-size: 1.711vw;
        line-height: 2.105vw;
        color: var(--text-default)
    }

    .all-news-container .all-news-content {
        width: 86.842vw;
        margin: 1.316vw auto;
        gap: 1.316vw
    }

    .all-news-container .all-news-items {
        gap: 1.316vw
    }

    .all-news-container .news-item {
        border: .066vw solid var(--btn-bg);
        box-shadow: 0 .263vw .789vw 0 rgba(0, 0, 0, .122);
        padding: .526vw;
        gap: .526vw
    }

    .all-news-container .news-logo {
        height: 12.5vw
    }

    .all-news-container .news-content {
        gap: .658vw
    }

    .btn-nws-cntnr {
        bottom: 0
    }

    .all-news-container .news-title a {
        font-size: 1.184vw
    }

    .all-news-container .news-excerpt {
        font-size: 1.053vw
    }

    .all-news-container .news-category {
        font-size: .921vw;
        gap: .329vw
    }

    .category-icon svg {
        width: 1.316vw;
        height: 1.316vw
    }

    .all-news-container .news-author {
        gap: .395vw;
        border-radius: .658vw;
        padding: .395vw
    }

    .all-news-container .author-avatar {
        width: 1.645vw;
        height: 1.645vw;
        border: .066vw solid var(--text-default)
    }

    .all-news-container .author-name {
        font-size: .921vw
    }

    .news-post-description .news-post-description-content {
        max-width: 86.842vw;
        margin: 1.974vw auto;
        gap: 1.974vw
    }

    .news-post-description .news-post-description-content.new-new {
        margin: 7.974vw auto 1.974vw auto
    }

    .news-post-description .news-excerpt {
        font-size: 1.447vw
    }

    .news-post-description .news-image {
        height: 36.842vw;
        border-radius: 1.316vw
    }

    .news-content {
        max-width: 86.842vw
    }

    .head-page-container {
        padding: 6.579vw
    }

    .head-page-content {
        max-width: 86.842vw
    }

    .news-content .text-block {
        padding: 0 2vw
    }

    .news-text-block .banner-news-block-content {
        gap: 1vw;
        padding: 8vw 3vw 3vw 3vw
    }

    .news-text-block .news-title {
        -webkit-line-clamp: 3;
        font-size: 2.3vw
    }

    .news-text-block .news-description {
        -webkit-line-clamp: 5;
        font-size: 1.5vw
    }

    .news-text-block .news-reed {
        margin: 1vw 0 0 0
    }
}

@media only screen and (max-width:1120px) {
    .all-news-container {
        padding: 6.813vw 0 1.953vw 0;
        gap: 3.906vw
    }

    .all-news-container .all-news-title {
        width: 93.75vw;
        font-size: 2.54vw;
        line-height: 3.125vw
    }

    .all-news-container .all-news-content {
        width: 93.75vw;
        margin: 0vw auto;
        gap: 1.563vw
    }

    .all-news-container .all-news-items {
        -moz-column-gap: 1.172vw;
        column-gap: 1.172vw;
        row-gap: 2.539vw
    }

    .all-news-container .news-logo {
        height: 17vw
    }

    .all-news-container .news-item {
        border: .098vw solid var(--btn-bg);
        box-shadow: 0 .39vw 1.171vw 0 rgba(0, 0, 0, .122);
        padding: .781vw;
        gap: .586vw
    }

    .all-news-container .news-content {
        gap: .977vw;
        width: 55%
    }

    .all-news-container .news-title {
        padding-top: 0
    }

    .all-news-container .news-title a {
        font-size: 1.563vw
    }

    .all-news-container .news-excerpt {
        font-size: 1.367vw
    }

    .all-news-container .news-category {
        font-size: 1.172vw;
        gap: .488vw
    }

    .category-icon svg {
        width: 1.953vw;
        height: 1.953vw
    }

    a.news-reed.main-grad-btn,button.news-reed.main-grad-btn {
        height: 4.102vw;
        margin-top: 0vw;
        font-size: 1.758vw
    }

    .all-news-container .news-author {
        gap: .586vw;
        border-radius: .977vw;
        padding: .586vw
    }

    .all-news-container .author-name {
        font-size: 1.172vw
    }

    .news-post-description .news-post-description-content {
        max-width: 93.75vw;
        margin: 2.93vw auto;
        gap: 2.93vw
    }

    .news-post-description .news-post-description-content.new-new {
        margin: 10vw auto 3vw auto
    }

    .news-post-description .news-excerpt {
        font-size: 1.953vw
    }

    .news-post-description .news-image {
       height: 48.828vw;
        border-radius: 1.953vw
    }

    .news-content {
        max-width: 93.75vw
    }

    .head-page-container {
        padding: 7.813vw
    }

    .head-page-content {
        max-width: 93.75vw
    }

    .news-content .text-block {
        padding: 0 4vw
    }

    .news-text-block .banner-news-block-content {
        gap: 1vw;
        padding: 12vw 5vw 5vw 5vw
    }

    .news-text-block .news-title {
        -webkit-line-clamp: 3;
        font-size: 2.8vw;
        width: 75%
    }

    .news-text-block .news-description {
        -webkit-line-clamp: 5;
        font-size: 1.9vw;
        width: 75%
    }
}

@media only screen and (max-width:900px) {
    .all-news-container {
        padding: 7vw 0 2.604vw 0;
        gap: 5.208vw
    }

    .all-news-container .all-news-title {
        width: 92.188vw;
        font-size: 3.387vw;
        line-height: 4.167vw
    }

    .all-news-container .all-news-content {
        width: 92.188vw;
        margin: 0vw auto;
        gap: 2.084vw
    }

    .all-news-container .all-news-items {
        -moz-column-gap: 1.563vw;
        column-gap: 1.563vw;
        row-gap: 3.385vw;
        flex-direction: column;
        flex-wrap: nowrap
    }

    .all-news-container .news-item {
        border: .131vw solid var(--btn-bg);
        box-shadow: 0 .52vw 1.561vw 0 rgba(0, 0, 0, .122);
        padding: 1.041vw;
        gap: .781vw;
        width: 100%
    }

    .all-news-container .news-logo {
        height: 22vw
    }

    .all-news-container .news-content {
        gap: 1.303vw;
        width: 55%
    }

    .all-news-container .news-title a {
        font-size: 2.084vw
    }

    .all-news-container .news-excerpt {
        font-size: 1.823vw
    }

    .all-news-container .news-category {
        font-size: 1.563vw;
        gap: .651vw
    }

    .category-icon svg {
        width: 2.604vw;
        height: 2.604vw
    }

    a.news-reed.main-grad-btn,button.news-reed.main-grad-btn {
        height: 5.208vw;
        margin-top: 0vw;
        font-size: 2.083vw
    }

    .all-news-container .news-author {
        gap: .781vw;
        border-radius: 1.303vw;
        padding: .781vw
    }

    .all-news-container .author-name {
        font-size: 1.563vw
    }

    .all-news-container .all-newspage-btn {
        margin: 5.208vw auto 0 auto
    }

    .news-post-description .news-post-description-content {
        max-width: 92.188vw;
        margin: 3.907vw auto;
        gap: 3.907vw
    }

    .news-post-description .news-post-description-content.new-new {
        margin: 12vw auto 4vw auto
    }

    .news-post-description .news-excerpt {
        font-size: 2.604vw
    }

    .news-post-description .news-image {
        height: 61.198vw;
        border-radius: 2.605vw
    }

    .news-content {
        max-width: 92.188vw
    }

    .head-page-container {
        padding: 10.417vw
    }

    .head-page-content {
        max-width: 92.188vw
    }

    .news-content .text-block {
        padding: 0 4vw
    }

    .pagination-container {
        margin: 1.823vw auto;
        gap: 1.042vw
    }

    .pagination-container .pag-btn {
        padding: .781vw;
        width: 3.385vw;
        border: .13vw solid var(--btn-bg)
    }

    .pag-btn.prev,
    .pag-btn.next {
        font-size: 2.344vw
    }

    .news-text-block .banner-news-block-content {
        gap: 2vw;
        padding: 12vw 5vw 5vw 5vw
    }

    .news-text-block .news-title {
        -webkit-line-clamp: 3;
        font-size: 3.4vw;
        width: 100%
    }

    .news-text-block .news-description {
        -webkit-line-clamp: 5;
        font-size: 2.4vw;
        line-height: 140%;
        width: 100%
    }

    .news-text-block .news-reed {
        height: 6.7vw;
        font-size: 3.2vw;
        margin: 0
    }
}

@media only screen and (max-width:500px) {
    .all-news-container {
        padding: 7vw 0 4.333vw 0;
        gap: 8vw
    }

    .all-news-container .all-news-title {
        width: 92vw;
        font-size: 6.4vw;
        line-height: 8vw
    }

    .all-news-container .all-news-content {
        width: 92vw;
        margin: 0vw auto;
        gap: 4.268vw
    }

    .all-news-container .all-news-items {
        -moz-column-gap: 3.201vw;
        column-gap: 3.201vw;
        row-gap: 6.933vw
    }

    .all-news-container .news-item {
        border: .268vw solid var(--btn-bg);
        box-shadow: 0 1.065vw 3.197vw 0 rgba(0, 0, 0, .122);
        padding: 2.132vw;
        gap: 3.2vw;
        flex-direction: column
    }

    .all-news-container .news-logo {
        height: 42.666vw;
        width: 100%
    }

    .all-news-container .news-content {
        gap: 2.133vw;
        width: 100%
    }

    .btn-nws-cntnr {
        position: static;
        transform: unset
    }

    .all-news-container .news-title a {
        font-size: 4.268vw
    }

    .all-news-container .news-excerpt {
        font-size: 3.734vw
    }

    .all-news-container .news-category {
        font-size: 3.201vw;
        gap: 1.333vw
    }

    .category-icon svg {
        width: 5.333vw;
        height: 5.333vw
    }

    a.news-reed.main-grad-btn,button.news-reed.main-grad-btn {
        height: 10.133vw;
        margin-top: 0vw;
        font-size: 3.733vw
    }

    .all-news-container .news-author {
        gap: 1.599vw;
        border-radius: 2.669vw;
        padding: 1.067vw 1.599vw;
        top: 0;
        left: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .all-news-container .author-name {
        font-size: 3.201vw
    }

    .news-post-description .news-post-description-content {
        max-width: 92vw;
        margin: 5.867vw auto;
        gap: 5.333vw
    }

    .news-post-description .news-post-description-content.new-new {
        margin: 18vw auto 4vw auto
    }

    .news-post-description .news-excerpt {
        font-size: 4.8vw
    }

    .news-post-description .news-image {
        height: 85.333vw;
        border-radius: 3.2vw
    }

    .news-content {
        max-width: 92vw
    }

    .head-page-container {
        padding: 18.667vw 4vw 4vw 4vw
    }

    .head-page-content {
        max-width: 92vw
    }

    .news-content .text-block {
        padding: 0 6vw
    }

    .pagination-container {
        margin: 3.733vw auto;
        gap: 1.6vw
    }

    .pagination-container .pag-btn {
        padding: 1.6vw;
        width: 6.4vw;
        border: .267vw solid var(--btn-bg)
    }

    .pag-btn.prev,
    .pag-btn.next {
        font-size: 4.267vw
    }

    .news-text-block .banner-news-block-content {
        gap: 1vw;
        padding: 10vw 3vw 3vw 3vw
    }

    .news-text-block .news-title {
        -webkit-line-clamp: 2;
        font-size: 4vw
    }

    .news-text-block .news-description {
        font-size: 3.5vw;
        -webkit-line-clamp: 4
    }

    .news-text-block .news-reed {
        height: 10.133vw;
        font-size: 3.5vw;
        width: 100%;
        margin: 2vw auto 0 auto
    }
}