.blog-listing { padding-top: 145px; }
.blog-listing__column { display: flex; }
.blog-listing .news-item { display: flex; flex-direction: column; width: 100%; }
.blog-listing .news-item .thumb a { display: block; }
.blog-listing .news-item .thumb img { display: block; width: 100%; height: 260px; object-fit: cover; }
.blog-listing .news-item .content { display: flex; flex: 1; flex-direction: column; }
.blog-listing .news-item .content h4 { flex: 1; }
.blog-listing .news-item .content .news-btns a { left: 0; opacity: 1; visibility: visible; }
.blog-listing .page-nav-wrap { margin-top: 35px; }
.blog-listing .page-nav-wrap ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.blog-detail-heading { background: #fff; }
.blog-detail-heading .page-heading { padding: 155px 0 55px; }
.blog-detail-heading .page-heading h1 { max-width: 950px; margin: 0 auto 18px; color: #08294e; font-family: "Bricolage Grotesque", sans-serif; font-size: clamp(36px, 4vw, 58px); line-height: 1.16; }
.blog-detail-heading .breadcrumb-list { flex-wrap: wrap; }
.blog-detail { padding: 65px 0 90px; }
.blog-detail .news-thumb img { display: block; width: 100%; max-height: 440px; object-fit: cover; }
.blog-detail__content { color: #4b6076; font-size: 16px; line-height: 1.85; }
.blog-detail__content h2, .blog-detail__content h3 { margin: 30px 0 12px; color: #10385e; font-family: "Bricolage Grotesque", sans-serif; line-height: 1.3; }
.blog-detail__content h2 { font-size: 27px; }
.blog-detail__content h3 { font-size: 22px; }
.blog-detail__content p { margin-bottom: 18px; }
.blog-detail__content ul, .blog-detail__content ol { margin-bottom: 22px; padding-left: 24px; }
.blog-detail__content li { margin-bottom: 8px; }
.blog-detail .recent-post-area .recent-item .thumb img { width: 85px; height: 80px; object-fit: cover; }
.blog-detail .tagcloud a { background: #0096ff; color: #fff; border-radius: 100px; }
@media (max-width: 991px) { .blog-listing { padding-top: 125px; } .blog-detail-heading .page-heading { padding: 130px 0 45px; } .blog-detail { padding: 50px 0 75px; } }
@media (max-width: 575px) { .blog-listing { padding-top: 105px; } .blog-listing .news-item .thumb img { height: 220px; } .blog-detail-heading .page-heading { padding: 110px 0 36px; } .blog-detail-heading .breadcrumb-list { font-size: 13px; } .blog-detail-heading .breadcrumb-list li:nth-last-child(-n+2) { display: none; } .blog-detail .news-thumb img { max-height: 280px; } }