.bl-blog-section{background:#01183c;padding:72px 5%;border-top:1px solid rgba(2,135,202,.25)}
.bl-blog-inner{max-width:1200px;margin:0 auto}
.bl-blog-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:32px}
.bl-blog-head h2{font-family:'Outfit',ui-sans-serif,system-ui,sans-serif;color:#fff;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin:0}
.bl-blog-head p{color:#bfbfbf;font-family:'Outfit',ui-sans-serif,system-ui,sans-serif;margin:8px 0 0;font-size:1rem}
.bl-blog-head a{color:#0287ca;font-weight:700;font-family:'Outfit',ui-sans-serif,system-ui,sans-serif;text-decoration:none;white-space:nowrap;font-size:.95rem}
.bl-carousel{position:relative}
.bl-carousel-track-wrap{overflow:hidden;border-radius:16px}
.bl-carousel-track{display:flex;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.bl-slide{flex:0 0 33.333%;padding:0 10px;box-sizing:border-box}
.bl-card{display:block;background:#03214f;border:1px solid rgba(2,135,202,.3);border-radius:14px;overflow:hidden;text-decoration:none;height:100%;transition:transform .25s,border-color .25s;font-family:'Outfit',ui-sans-serif,system-ui,sans-serif}
.bl-card:hover{transform:translateY(-4px);border-color:#0287ca}
.bl-card img{width:100%;height:160px;object-fit:cover;display:block}
.bl-card-body{padding:16px 18px 20px}
.bl-card-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0287ca;margin-bottom:8px}
.bl-card-title{color:#fff;font-size:1rem;font-weight:700;line-height:1.35;margin:0 0 8px}
.bl-card-excerpt{color:#bfbfbf;font-size:.85rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(1,24,60,.85);border:1px solid rgba(2,135,202,.5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;font-size:1.1rem;transition:background .2s,border-color .2s}
.bl-arrow:hover{background:#0287ca;border-color:#0287ca}
.bl-arrow.prev{left:-14px}
.bl-arrow.next{right:-14px}
.bl-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.bl-dot{width:8px;height:8px;border-radius:50%;background:rgba(191,191,191,.35);cursor:pointer;transition:background .2s,width .2s}
.bl-dot.active{background:#0287ca;width:22px;border-radius:5px}
@media(max-width:900px){.bl-slide{flex:0 0 50%}}
@media(max-width:600px){.bl-slide{flex:0 0 100%}.bl-arrow{display:none}}