/***************************************************** Category ***/
.archive-page{
    margin-top: 56px;
}
.archive-page.post-slider .line{z-index: 1;}
.archive-page.post-slider .head-btns,
.archive-page.post-slider .head-post-slider{
    z-index: 3;
}
.archive-page.post-slider .head-btns .btn-outline-light{
    border: 1px solid var(--black-10);
}
.archive-page.post-slider .head .line{
    max-width: calc(100% - 500px);
    margin-right: auto;
}

.archive-page.post-slider .body-post-slider{
    /*background: var(--gray_color);*/
    padding: 0 16px 24px;
    z-index: 3;
    border-radius: 32px;
}
/*.archive-page.post-slider .body-post-slider:before,*/
/*.archive-page .post-slider .body-post-slider:before{*/
/*    background-color: var(--gray_color);*/
/*}*/
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto;
}
.pagination .nav-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.pagination .page-numbers{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--gray_color);
    font-size: 20px;
}
.pagination .page-numbers.current{
    background-color: var(--primary_color);
    color: var(--white_color);
}


@media (min-width: 1200px) {
    .archive-page.post-slider .body-post-slider .col-xl-4:nth-child(3n+2) {
        margin-top: 40px;
    }
}

@media (max-width: 1199px) {
    .archive-page.post-slider .body-post-slider .row>*{
        padding-bottom: 24px;
    }
}
@media (max-width: 767px){
    .archive-page .bg_svg .shape-unit{
        min-height: 500px;
    }
    .archive-page .bg_svg .rect2{
        top: 88px;
    }
    .archive-page.post-slider .head-btns{
        justify-content: center;
    }
    .archive-page.post-slider .head-btns .btn{
        margin-right: 0;
    }
}
@media (max-width: 575px){
    .archive-page.post-slider .body-post-slider{
        margin: 0;
        padding: 0 16px;
    }
}