.blog-listing-main{overflow:hidden;background:#fff}
.blog-listing-container{width:min(1600px,calc(100% - 64px));margin-inline:auto}
.blog-listing-hero{position:relative;min-height:540px;padding:255px 0 110px;text-align:center;background:linear-gradient(180deg,#fff 0%,#e6f5ff 100%)}
.blog-listing-hero:after{content:"";position:absolute;left:50%;bottom:-80px;width:110%;height:150px;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#fff}
.blog-listing-hero .blog-listing-container{position:relative;z-index:1}
.blog-listing-hero h1{margin:0;color:var(--navy);font:500 clamp(52px,5vw,76px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.055em}
.blog-listing-intro{width:min(100%,720px);margin:24px auto 0}.blog-listing-intro p{margin:0;font-size:20px;line-height:32px}.blog-listing-intro p+p{margin-top:12px}
.blog-listing-content{padding:80px 0 130px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.blog-card{min-width:0;overflow:hidden;border:1px solid rgba(15,76,129,.1);border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(15,76,129,.1);transition:transform .25s ease,box-shadow .25s ease}
.blog-card:is(:hover,:focus-within){transform:translateY(-6px);box-shadow:0 24px 55px rgba(15,76,129,.16)}
.blog-card-media{display:block;height:290px;overflow:hidden;background:#e6f5ff}
.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:is(:hover,:focus-within) .blog-card-media img{transform:scale(1.035)}
.blog-card-body{padding:28px 28px 30px}
.blog-card-meta{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#68727c;font-size:14px;line-height:20px}
.blog-card-meta a{padding:5px 10px;border-radius:100px;background:rgba(237,27,36,.08);color:var(--red);font-weight:600}
.blog-card h2{margin:18px 0 0;color:var(--navy);font:500 28px/35px Inter,Arial,sans-serif;letter-spacing:-1px}
.blog-card h2 a:is(:hover,:focus-visible){color:var(--royal);outline:0}
.blog-card-body>p{margin:16px 0 0;color:#4d5660;font-size:17px;line-height:28px}
.blog-card-link.btn{width:max-content;min-width:158px;min-height:48px;margin-top:24px;padding:10px 14px 10px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:2px solid var(--navy);border-radius:100px;background:var(--navy);color:#fff;font:600 16px/24px Inter,Arial,sans-serif}
.blog-card-link.btn i{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(255,255,255,.2)}
.blog-card-link.btn i img{width:12px;height:12px;display:block}
.blog-card-link.btn:is(:hover,:focus-visible){border-color:var(--navy);background:#fff;color:var(--navy);box-shadow:0 10px 24px rgba(15,76,129,.16);outline:0}
.blog-card-link.btn:is(:hover,:focus-visible) i{background:var(--navy)}
.navigation.pagination{margin-top:64px}.nav-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.page-numbers{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border:1px solid rgba(15,76,129,.18);border-radius:100px;color:var(--navy);font:600 15px/20px Inter,Arial,sans-serif}
.page-numbers.current,.page-numbers:is(:hover,:focus-visible){border-color:var(--navy);background:var(--navy);color:#fff;outline:0}
@media(max-width:1200px){.blog-listing-hero{min-height:440px;padding:170px 0 90px}.blog-listing-content{padding:64px 0 100px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-media{height:260px}}
@media(max-width:767px){.blog-listing-container{width:calc(100% - 36px)}.blog-listing-hero{min-height:360px;padding:86px 0 72px}.blog-listing-hero:after{bottom:-45px;height:85px}.blog-listing-hero h1{font-size:44px;line-height:48px}.blog-listing-intro{margin-top:18px}.blog-listing-intro p{font-size:17px;line-height:28px}.blog-listing-content{padding:58px 0 80px}.blog-card-grid{grid-template-columns:1fr;gap:24px}.blog-card-media{height:auto;aspect-ratio:16/10}.blog-card-body{padding:24px}.blog-card h2{font-size:25px;line-height:32px}}