.blog-container ul{display: grid ; grid-template-areas: auto; gap: 2rem; 
grid-template-areas: "a a a"
"b c d"
"e f g"
    
    
}
.blog-container ul li:nth-child(1) {grid-area: a; display: flex ; flex-direction: row; padding-bottom: 2rem; gap: 5%;}
#innerpage-blogs li:nth-child(1) .info-block .wp-block-post-date{position: relative; color: var(--golden); padding-left: 0; padding-bottom: 0; margin-bottom: 0;font-size:1.625rem;display: flex;
    left: 0;
    padding-bottom: 10px;}
#innerpage-blogs .blog-container li .info-block {position: relative;}


#innerpage-blogs li:nth-child(1) .info-block h2 a{font-size:2.5rem;}
#innerpage-blogs li:nth-child(1) .info-block .is-content-justification-right{
    justify-content: flex-start;}
.breadcrumb{position:relative;z-index:1;}

#innerpage-blogs li:nth-child(1) .img-sec .wp-block-post-date{display:none !important;}

 #innerpage-blogs li .wp-block-post-date{display:none}
 #innerpage-blogs li:nth-child(1) .wp-block-post-date{display:block}


#innerpage-blogs li:first-child figure{    aspect-ratio: 947 / 505;}
#innerpage-blogs li:first-child figure img{
    height: 100%;}
@media screen and (max-width:781px){
    
    
    
    .blog-container ul li:nth-child(1) {grid-area: unset;    padding-bottom: 0;}
    #innerpage-blogs ul {
        grid-template-columns: 1fr;
        grid-template-areas: unset;
    }
    
   .blog-container ul li:nth-child(1){gap: 0;grid-area: unset;flex-direction:column;}
    #innerpage-blogs li:nth-child(1) .info-block .wp-block-post-date {
    position: absolute;
    color: var(--white);
    font-size: var(--normal-text);
    padding: .5rem 1rem;
    margin: 0px 0px 15px;
}
    #innerpage-blogs li:nth-child(1) .info-block h2 a {
    font-size: 1.125rem}
    /*#innerpage-blogs li:first-child figure{min-height:190px;}*/
    
    #innerpage-blogs li:nth-child(1) .img-sec .wp-block-post-date {
    display: block !important;
}
    #innerpage-blogs li:nth-child(1) .info-block .wp-block-post-date{display:none;}
    #innerpage-blogs li:nth-child(1) .info-block .is-content-justification-right {justify-content: right;        margin: 0}
    #innerpage-blogs .blog-container li .info-block .wp-block-post-date{display:none;}
    
    .service-breadcrumb{display:none;}
   
    
}



#b-list::before {

  height: var(--before-height);
  content: "'";
    display: block;
    background-image: url('https://mca.co.in/wp-content/uploads/2025/05/grey-bg.webp');
    width: 100%;
    position: absolute;
    left: 0;
   z-index:0;
}



div#b-list::before {
  
}