/* Specific CSS for the blog hero and cards, as discussed */
        .custom-blog-hero {
            /* This is a placeholder style. Replace 'placeholder-blog-hero.webp' with your actual image path */
            background: linear-gradient(135deg, #001f3f 0%, #0a0a0a 100%), url('') center / cover !important;
        }
        .blog-card-img {
            height: 250px;
        }
        @media (min-width: 768px) {
            .blog-card-img {
                object-fit: cover;
            }
        }
        .position-sticky {
            top: 2rem;
        }
main{
	max-width:93%;
}