.list-forum.Yellow {
    background: #E9B84D;
}

.list-forum.Red {
    background: #E6734E;
}

.list-forum.Blue {
    background: #399FAC;
}

.list-forum.White{
    background: #ffffff;
}
.reporting-plate {
    background: #f6f9fb;
    padding: 24px 30px 27px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .32s ease-in-out;
    -o-transition: all .32s ease-in-out;
    transition: all .32s ease-in-out;
}
.reporting-plate__date, .sidebar-title h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2142857143;
}
.reporting-plate__date {
    margin-bottom: 28px;
    color: var(--black);
}
.reporting-plate__line {
    position: absolute;
    top: 35px;
    right: 0;
    left: 130px;
    height: 11px;
}
.reporting-plate__line:after, .sidebar-nav .lwptoc_items .toggle-list {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .32s ease-in-out;
    -o-transition: all .32s ease-in-out;
    transition: all .32s ease-in-out;
}
.reporting-plate__line::before {
    content: "";
    left: 21px;
    height: 1px;
    right: 0;
    background: #dfe0e2;
    content: "";
    display: block;
    top: 5px;
    -webkit-transition: all .32s ease-in-out;
    -o-transition: all .32s ease-in-out;
    transition: all .32s ease-in-out;
    position: absolute;
}
.reporting-plate__line span {
    width: 11px;
    height: 11px;
    display: block;
    background: #929292;
    border: 3px solid #dfe0e2;
    border-radius: 50%;
    -webkit-transition: all .32s ease-in-out;
    -o-transition: all .32s ease-in-out;
    transition: all .32s ease-in-out;
}
.reporting-plate__line:after {
    left: 21px;
    height: 1px;
    right: calc(100% - 21px);
    background: #252525;
    top: 5px;
}
.reporting-plate__link {
    font-weight: 700;
    font-size: 0.86rem;
    line-height: 1.21 ;
    color: #929292;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.reporting-plate__link:after {
    width: 33px;
    height: 16px;
    content: "";
    background: url(arrow-black-icon.svg);
    display: block;
    margin-left: 10px;
    -webkit-transition: all .32s ease-in-out;
    -o-transition: all .32s ease-in-out;
    transition: all .32s ease-in-out;
    opacity: 0;
}
.list-forum-items{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
}
.list-forum-items>a{ 
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
}
 .reporting-plate:hover {
    background: #40a67b;
}
.reporting-plate:hover .reporting-plate__line:after {
    right: 0;
}
.reporting-plate:hover .reporting-plate__line span {
    border-color: #252525;
    background: #40a67b;
}
.reporting-plate:hover .reporting-plate__link:after {
    opacity: 1;
    margin-left: 35px;
}
.reporting-plate:hover .reporting-plate__link {
    color: #252525;
}
.list-forum{
    margin: 0;
}

@media only screen and (max-width: 1199px){
    .implemented-progect-items>a>div:last-child{
        min-height: 240px;
    }  
    .list-forum-items{
        -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
        grid-template-columns: repeat(4, 1fr);
    }
    .implemented-progect-items h3{
        font-size: 1.25rem;
    }
}
@media only screen and (max-width: 1024px) {
    .post-header-info h1{
        font-size: 2.5rem;
    }
    .post-header-content{
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
        display: -ms-grid;
        display: grid;
    }
    .post-header-content img{
        width: 100%;
    }
    .public-program .swiper-slide h3{
        font-size: 1.13rem;
    } 
}
@media only screen and (max-width: 992px) {
    .post-header-content p{
        font-size: 1.25rem;
    }
    .implemented-progect-items{
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .list-forum-items {
        grid-gap: 20px;
    }
    .implemented-progect-items .implemented-progect-img , .implemented-progect-items .implemented-progect-img img{
        max-width: 500px; 
    }

    .result-forum-block{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .result-forum-block h2{
        max-width: 100%;
    }
    .public-program .swiper-slide h3{
        padding: 20px 20px 0;
    }
    .public-program .swiper-slide ul{
        padding-left: 20px;
    }
}
@media only screen and (max-width: 860px) {
    .reviews-block-items{
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .public-program .swiper-slide{
        width: 340px;
    }
    .result-forum-items{
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .list-forum-items{
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 767px) {
    .post-header-info h1{
        font-size: 1.86rem;
    }
    .implemented-progect-items h3{
        font-size: 1.13rem;
    }
    .reporting-plate {
        padding: 19px 20px 22px;
    }
    .public-program h2{
        margin-bottom: 80px;
    }
    .swiper-btn-navigation {
        position: absolute;
        top: 70px;
        right: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }
    .stages-progect h2{
        margin: 0;
    }
    .reviews-block .review-item{
        padding: 30px 20px;
    }
    .stages-progect-items{
        margin: 30px 0 0;
    }
    .main-post h2{
        font-size: 1.5rem;
    }
    .stages-progect-items{
        gap: 30px;
    }
    .article-content-post p{
        margin: 0 0 23px;
        font-size: 1rem;
    }
    .article-content-post li{
        margin: 0 0 10px;
        font-size: 1rem;
    }
    .article-content-post li a{
        font-size: 1rem;
    }
    .article-content-post li:last-child{
        margin: 0 0 20px;
    }
    .article-content-post ol, .article-content-post ul{
        padding-left: 10px;
    }
    .stages-progect-items h4{
        font-size: 1.25rem;
    }
    .post-header-content p{
        font-size: 1.13rem;
    }
    .stages-progect-items{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .stages-progect-items ul, .stages-progect-items ol{
        max-width: 100%;
    }
    .post-header-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .post-header-content>div:last-child{
        max-width: 390px;
        margin: 0 auto;
    }
    .stages-progect{
        margin: 53px 0;
    }
    .reviews-block, .public-program, .article-content-post{
        padding: 53px 0;
    }
    .registration-block-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; 
    }
    .registration-block-rigth{
        text-align: center;
    }
    .registration-block-content img{
        max-width: 300px;
    }
    .implemented-progect-items>a>div:last-child{
        padding: 20px;
    }
    .implemented-progect-items h3::after{
        right: -5px;
    }
    .implemented-progect-items>a:hover h3::after{
        right: -10px;
    }
}
@media only screen and (max-width: 575px) {
    .implemented-progect-items{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }
    .reviews-block-items{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .result-forum-items{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 600px) {
    .reporting-plate__line {
        left: 90px;
        top: 28px;
    }
    .reporting-plate {
        padding: 19px 10px 22px;
    }
    .list-forum-items{
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
    .reporting-plate__date {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .reporting-plate__link:after{
        margin-left: 3px;
    }
    .reporting-plate:hover .reporting-plate__link:after{
        margin-left: 10px;
    }
    .breadcrumbs {
        display: none;
    }
    .implemented-progect-items>a>div:last-child{
        min-height: auto;
    }
}