.blog-details{font-family:Poppins,sans-serif;color:#333}.blog-banner{height:350px;background-size:cover;background-position:50%;position:relative;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.blog-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(48,150,167,.92),rgba(4,93,117,.88));z-index:1}.blog-banner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.blog-banner-overlay h1{color:#fff;font-size:3.5rem;font-weight:700;text-align:center;padding:1rem 3rem;margin:0;border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .3s ease;position:relative}.blog-banner-overlay h1:hover{transform:scale(1.03)}.blog-body{max-width:1200px;margin:40px auto;padding:0 20px}.blog-content p{line-height:1.8;margin-bottom:20px;font-size:18px}@media (max-width:768px){.blog-banner{height:260px}.blog-banner-overlay h1{font-size:2.3rem;padding:.8rem 1.8rem}.blog-content p{font-size:17px}}@media (max-width:480px){.blog-banner{height:180px}.blog-banner-overlay h1{font-size:1.8rem;padding:.5rem 1rem}.blog-content p{font-size:16px}}