.news-page-bg{

       background: #f7fcff !important;
       padding-top: 60px !important;
       padding-bottom: 60px !important;
}

.news-heading{

    max-width:700px;

    margin:0 auto 60px;
}

.news-heading h2{

    font-size:45px;

    font-weight:700;

    color:#2185C2;
}

.news-heading span{

    color:#FFD54F;

}

.news-heading p{

    color:#555;

    line-height:30px;
    font-size:18px;

}
.news-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    height:520px;
}

.news-img{
    height:100%;
    overflow:hidden;
}

.news-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.news-card:hover img{
    transform:scale(1.08);
}

.news-content{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:170px;

    background:#071d59;

    padding:35px;

    transition:.45s;

    overflow:hidden;

}

.news-card:hover .news-content{

    height:250px;

}

.news-date{

    color:#ffffff;

    opacity:.8;

    font-size:14px;

}

.news-desc{

    margin-top:20px;

    color:#fff;

    line-height:28px;

    opacity:0;

    transform:translateY(20px);

    transition:.4s;

}

.news-card:hover .news-desc{

    opacity:1;
}

.news-content span{

    color:#fff;

    opacity:.7;

    font-size:14px;

}

.news-content h3{

    margin-top:18px;

    margin-bottom:0;

    font-size:28px;

    line-height:40px;

}

.news-content h3 a{

    color:#fff;

    text-decoration:none;

}

.news-arrow{

    position:absolute;

    right:35px;

    bottom:35px;

    width:42px;

    height:42px;

    border-radius:50%;

    background:#fff;

    color:#071d59;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.3s;

}

.news-card:hover .news-arrow{

    background:#071d59;

    color:#fff;

}

.news-card:hover{

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}
.theme-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-top:50px;
}

.theme-pagination .page-numbers,
.theme-pagination .page-arrow{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #ddd;
    color:#0B1F5C;
    text-decoration:none;
    transition:.3s;
}

.theme-pagination .current{
    background:#2185C2;
    color:#fff;
    border-color:#2185C2;
}

.theme-pagination a:hover{
    background:#2185C2;
    color:#fff;
}

.page-arrow.disabled{
    opacity:.4;
    cursor:not-allowed;
}