.blogs-hero-section{background-color:#d6eef8!important;padding:8.5rem 0 7rem!important;min-height:600px;display:flex;align-items:center;position:relative;overflow:hidden}.blogs-hero-section:before{top:-40%;right:-10%;width:550px;height:550px;background:radial-gradient(circle,rgba(0,163,224,.22) 0,rgba(0,163,224,0) 70%)}.blogs-hero-section:after,.blogs-hero-section:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.blogs-hero-section:after{bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 70%)}.blogs-hero-title{color:#0f172a!important;font-size:3rem;font-weight:800;letter-spacing:-.5px}@media (min-width:992px){.blogs-hero-title{font-size:4rem}}@media (max-width:576px){.blogs-hero-section{padding:6rem 0 3.5rem!important;min-height:auto!important}.blogs-hero-title{font-size:2.25rem!important;line-height:1.15!important}}.blogs-search-input{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.4);border-radius:999px;padding:.95rem 1.75rem .95rem 3.5rem;font-size:1rem;font-weight:500;box-shadow:0 12px 35px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.blogs-search-input:focus{outline:none;background:#fff;border-color:#00a3e0;box-shadow:0 14px 40px rgba(0,163,224,.3)}.blogs-search-icon{position:absolute;left:1.35rem;top:50%;transform:translateY(-50%);color:#00a3e0;transition:transform .2s ease}.blogs-search-input:focus+.blogs-search-icon{transform:translateY(-50%) scale(1.1)}.blog-category-dropdown{background-color:#fff;border:1.5px solid #bae6fd;border-radius:12px;padding:.52rem 2.1rem .52rem .95rem;font-size:.9rem;font-weight:600;color:#0f172a;box-shadow:0 4px 12px rgba(0,163,224,.06);cursor:pointer;transition:all .2s ease;width:auto!important;min-width:175px;max-width:200px}.blog-category-dropdown:focus{border-color:#00a3e0;box-shadow:0 0 0 3px rgba(0,163,224,.18);outline:none}.blog-category-btn{border:1.5px solid #e2e8f0;background:#fff;padding:.6rem 1.5rem;border-radius:999px;font-weight:700;font-size:.925rem;transition:all .25s ease;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.03)}.blog-category-btn:hover{background:#f8fafc;color:#003b73;border-color:#00a3e0;transform:translateY(-2px)}.blog-category-btn.active{background:linear-gradient(135deg,#00a3e0,#0082b4);color:#fff;border-color:#00a3e0;box-shadow:0 6px 20px rgba(0,163,224,.35)}.blog-card{background:#fff;border-radius:22px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;height:100%;position:relative}.blog-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(0,59,115,.15);border-color:rgba(0,163,224,.4)}.blog-card-img-wrap{position:relative;width:100%;height:230px;overflow:hidden;background:#f1f5f9}.blog-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-img-wrap img{transform:scale(1.08)}.blog-card-img-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));pointer-events:none;opacity:.7;transition:opacity .3s ease}.blog-card:hover .blog-card-img-vignette{opacity:.9}.blog-category-badge{position:absolute;top:1.15rem;left:1.15rem;background:rgba(8,25,46,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#00a3e0;border:1px solid rgba(0,163,224,.3);padding:.4rem .95rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.2)}.blog-card-body{padding:1.65rem;display:flex;flex-direction:column;flex-grow:1}.blog-card-meta{font-size:.85rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.blog-card-title{font-size:1.2rem;font-weight:700;color:#0f172a;line-height:1.45;margin-bottom:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease}.blog-card:hover .blog-card-title{color:#00a3e0}.blog-card-excerpt{font-size:.925rem;line-height:1.65;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.6rem;color:#00a3e0;font-weight:800;font-size:.925rem;text-decoration:none;transition:all .25s ease}.blog-card:hover .blog-read-more-btn{color:#0082b4;transform:translateX(4px)}