/* banner */
.page-blog-wrap .banner {position: relative;}
.page-blog-wrap .banner img {width: 100%;}
.page-blog-wrap .breadcrumbs {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: 700px;}
.page-blog-wrap .breadcrumbs h1 {color: #fff;font-family: 'Montserrat Medium';font-size: 40px;position: relative;line-height: 1;}
.page-blog-wrap .breadcrumbs ul {display: flex;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-blog-wrap .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Montserrat Regular';}
.page-blog-wrap .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Montserrat Regular';}
.page-blog-wrap .breadcrumbs ul li span {color: #d21a26;}

.page-blog-wrap .blog-wrap {padding: 20px 0;}
.page-blog-wrap .blog-wrap .blog-items .item {padding: 10px;background-color: #fff;box-shadow: 0 0 24px rgb(14 13 18 / 7%);}
.page-blog-wrap .blog-wrap .blog-items .item img {width: 100%;}
.page-blog-wrap .blog-wrap .blog-items .item .text {padding: 10px;}
.page-blog-wrap .blog-wrap .blog-items .item .text i {color: #d21a26;}
.page-blog-wrap .blog-wrap .blog-items .item .text span {font-family: 'Rubik Regular';}
.page-blog-wrap .blog-wrap .blog-items .item .text .blog-button a {display: inline-block;color: #fff;background-color: #d21a26;padding: 15px 20px;margin-top: 30px;}
.page-blog-wrap .blog-wrap .blog-items .item .text p {margin-top: 15px;}
.menu-post {
    text-align: center;padding-top: 20px;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.menu-post li {
    display: inline-block;
    width: 150px;
    text-align: center;
    height: 45px;
    line-height: 45px
}

.menu-post li a {
    text-decoration: none;
    color: #000;font-weight: 700;
}
.menu-post li a:hover {
    color: #d21a26;
    transition: all 0.6s;
}
.menu-post li.active a {
    color: #d21a26;
    transition: all 0.6s;
}
.menu-post-item.active {
}

@media (max-width:786px) {
    .page-blog-wrap .breadcrumbs h1 {font-size: 20px;}
    .page-blog-wrap .breadcrumbs ul {margin-top: 5px;margin-bottom: 5px;}
    
    .page-blog-wrap .blog-wrap {padding: 10px;}
}