.blog_wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.pagination-blog {
    margin-top: 40px;
    padding: 15px 20px;
    border-top: 1px solid #D9C9B2;
    border-bottom: 1px solid #D9C9B2;
}
.blogbox {
    border-radius: 10px;
    overflow: hidden;
    background: var(--white);
    text-align: center;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.blogbox:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.blogbox:hover .title_sm{
    color:var(--golden);
}
.blogbox .title_sm {
    color: var(--secondary);
    margin-bottom: 0;
    line-height: 1.3;
}
.blogbox .blog_detail {
    min-height: 125px;
    padding: 35px 20px 10px;
    position: relative;
}
.blogbox .blog_detail:before{
        content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background: #D9C9B2;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*blog detail */
.title_sm.flex {
    align-items: center;
}
.title_sm.flex img {
    margin-right: 15px;
}
.arrow_btn {
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #D1E0E3;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    color: #D1E0E3;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}
.btm_links a {
    font-size: 16px;
    color: #45484B;
}
.btm_links {
    border: 1px solid #D9C9B2;
    border-left: 0;
    border-right: 0;
    padding: 12px 0;
    margin: 50px 0 0;
}
.btm_links a:hover {
    color: #1A4263;
    text-decoration: underline;
}
*[rel="next"] .arrow_btn {
    margin-right: 10px;
}
*[rel="prev"] .arrow_btn {
    margin-left: 10px;
}
.btm_links a:hover .arrow_btn {
    background: #1A4263;
    color: #fff;
}
.latest_blog {
    background: #fff;
    border-radius: 10px;
    padding: 35px;
    margin: 40px 0 0;
}
.blog_list li {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #45484B;
    text-align: center;
    padding: 16px 0;
    border-bottom: 1px solid #D1E0E3;
}
.blog_list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.blog_list li a:hover, .blog_list li.active a {
    color: #1A4263;
}
/* ************ PAGINATION ************ */
.pagination-wrpper .page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    margin-bottom: 0;
}
.pagination-wrpper .page-numbers li span,
.pagination-wrpper .page-numbers li a {
    background: #fff;
    border: 1px solid #D1E0E3;
    width: 30px;
    height: 30px;
    line-height: 28px !important;
    padding: 0;
    color: #000;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    justify-content: center;
    align-items: center;
}
.pagination-wrpper .page-numbers li:hover span,
.pagination-wrpper .page-numbers li:hover a,
.pagination-wrpper .page-numbers li span.current {
    background: #1A4263;
    color: #fff;
}
/* ====================== */
@media (max-width: 1599.98px) {
}
@media (max-width: 1439.98px) {
    .blog_wrapper {
        gap: 20px;
    }
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
    .blogbox .blog_detail {
        min-height: auto;
        padding: 20px 10px;
    }
    .blogbox .blog_detail:before{content: none;}
}
@media (max-width: 767.98px) {
    .blog_wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}
@media (max-width: 575.98px) {
    .blogbox .title_sm {
        font-size: 13px;
        letter-spacing: normal;
        line-height: 1.4;
    }
}