.breadcrumbs_breadcrumbs__0o4xS {
    padding: 2px 0 8px;
    list-style: none
}

.breadcrumbs_li__IzN3c {
    display: inline;
    font-size: 14px;
    cursor: pointer
}

.breadcrumbs_li__IzN3c + .breadcrumbs_li__IzN3c:before {
    padding: 8px;
    color: var(--text-color-second);
    content: "/\00a0";
    text-decoration: none
}

.breadcrumbs_liText__gLqvA {
    color: var(--text-color-second);
    text-decoration: none
}

.breadcrumbs_liText__gLqvA:hover {
    color: var(--text-color);
    text-decoration: underline
}

.breadcrumbs_bcText__Ntiq9 {
    cursor: auto
}

.pages_contentWhy__S48z7, .pages_content__YE_Or {
    padding: 60px 0
}

.pages_contentWhy__S48z7 {
    padding: 100px 0 20px
}

.pages_verticalPadding___hgP6 {
    padding: 60px 0
}

.pages_breadcrumbs__yoCwg {
    padding: 20px 0 0
}

.pages_header__9oQhe {
    padding: 0;
    margin: 0
}

.pages_btns__ZdtrJ {
    display: flex;
    flex-direction: row;
    gap: 15px
}

.pages_btnNews__7st_2 {
    width: min-content;
    height: 46px;
    color: var(--text-color);
    background-color: var(--bg-color-input);
    border: 1px solid var(--bg-color-input);
    border-radius: 30px;
    margin: auto;
    transition: var(--transition);
    font-size: 16px;
    font-weight: 700;
    padding: 9px 30px
}

.pages_btnNewsActive__QHHG0 {
    background-color: var(--active-color);
    border: 1px solid var(--active-color)
}

.pages_btnNews__7st_2:hover {
    background-color: var(--active-color-hover)
}

.pages_pagesCard__QYe8f {
    height: 100%;
    background-color: var(--background-color-card);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    transition: var(--transition);
    padding: 10px;
    cursor: pointer
}

.pages_pagesCard__QYe8f:hover {
    transform: scale(1.08)
}

.pages_pageTitle__SMnUE {
    padding: 15px 20px
}

.pages_title__wOiUo {
    color: var(--text-color);
    font-size: 20px
}

.pages_date__MsAZw {
    color: var(--text-color-second);
    font-size: 16px
}

.pages_imagePreviewContainer__PnRe6 {
    position: relative;
    overflow: hidden;
    border-radius: 24px
}

.pages_imagePreview__NmzI0 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.pages_paginator__CkRd4 {
    display: flex;
    justify-content: center
}

@media (max-width: 768px) {
    .pages_contentWhy__S48z7, .pages_content__YE_Or, .pages_verticalPadding___hgP6 {
        padding: 30px 0
    }

    .pages_breadcrumbs__yoCwg {
        padding: 0
    }

    .pages_pageTitle__SMnUE {
        padding: 12px 15px
    }
}
