.articles_section {

    /* margin: 170px 0 185px 0; */

    padding: 85px 0;

}

.articles_section .top_wrap {

    width: 100%;

}

.articles_section .description {

    font-size: 20px;

    margin-bottom: 25px;

}

.articles_section .btn_wrap {

    margin-bottom: 15px;

    text-align: right;

}

.articles_section .link {

    display: inline-block;

    margin-left: auto;

    padding: 6px 24px;

    font-size: 16px;

    font-weight: 700;

    color: var(--title_color);

    background: var(--bg_color);

    transition: .3s ease-in-out;

    border-radius: 4px;

}

.articles_section .link:hover {

    background: #ECF0FF;

}

.articles_section .link:focus {

    color: #1176A8;

    background: #ECF0FF;

}

.articles_section .items {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 75px;

}

.articles_section .item a {

    display: block;

}

.articles_section .item a:hover h3 {

    color: var(--hover_color);

}

.articles_section .item a:hover .item_tag {

    background: var(--hover_color);

}

.articles_section h3 {

    margin: 4px 0 15px 0;

    font-size: 26px;

    font-weight: 700;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    transition: .3s ease-in-out;

}

.articles_section .img_box {

    margin-bottom: 30px;

    height: 210px;

    position: relative;

    overflow: hidden;

}

.articles_section .post_cat {

    position: absolute;

    left: 0;

    bottom: 5px;

}

.articles_section .item_tag {

    font-size: 14px;

    font-weight: 600;

    padding: 4px 20px;

    color: #fff;

    background: var(--active_color);

    border-radius: 0 4px 4px 0;

    margin-right: 5px;

    transition: .3s ease-in-out;

}

.articles_section .item_tag:last-of-type {

    margin-right: 0;

}

.articles_section .item_categories {

    margin-bottom: 4px;

}

.articles_section .item_categories span {

    font-size: 14px;

    font-weight: 600;

    line-height: 1.62;

    color: var(--active_color);

}

.articles_section .img_box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.articles_section .item_description p {

    margin: 0;

    font-size: 16px;

    line-height: 1.62;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    color: var(--text_color);

}

.articles_section .item_description.special p {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

}



/*RESPONSIVE*/

@media(max-width: 1199px) {

    .articles_section .items {

        grid-template-columns: 1fr 1fr;

        grid-gap: 30px;

    }

}

@media(max-width: 767px) {

    .articles_section {

        padding: 55px 0;

    }

    .articles_section h3 {

        margin-bottom: 8px;

    }

    .articles_section .description {

        font-size: 16px;

        margin-bottom: 25px;

    }

    .articles_section .items {

        grid-template-columns: 100%;

    }

    .articles_section .img_box {

        margin-bottom: 15px;

        max-height: 280px;

    }

    .articles_section .item_tag {

        font-size: 12px;

        padding: 4px 18px;

    }

}

@media(max-width: 600px) {

    .articles_section {

        padding: 25px 0;

    }

    .articles_section .img_box {

        max-height: 175px;

    }

}