/* BLOG  */

.blog-banner{
    background-image:url("./../images/blog/blog.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center;
    background-color: black;

    padding: 10% !important;
}

.card-img-top,.post-card{
    border-radius: 20px 20px 20px 20px !important;
    /* border-top-left-radius: 20px !important;
    border-top-right-radius:20px !important; */
    text-align: justify;
}
.post-card{
    box-shadow:0px 15px 15px rgb(255 255 255 / 23%) !important ;
}
.post-card :hover{
    box-shadow:0px 15px 15px rgb(225 224 224 / 13%) !important ;
}
.blog-body{
    background-color: #f7f7f7 !important;
}

/* BLOG DETAILS */
.feature-img1{
    background-image:url("./../images/blog/unnamed.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 40vh;
    border-radius:10px;
}
.feature-img2{
    background-image:url("./../images/blog/dv.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40vh;
    border-radius:10px;
}
.feature-img3{
    background-image:url("./../images/blog/sdg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40vh;
    border-radius:10px;
}
.blogdetail-banner{
    justify-content: center;
    background-image:url("./../images/blog/banner.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position:  center;
    height: 65vh;
    /* border-radius:10px; */
    width: 100% !important;



}

@media (max-width: 768px) {
    .blogdetail-banner {
        height: 40vh; /* Reduce height for smaller screens */
        background-size: contain; /* Adjust position for better focus */
        border-radius: 5px; /* Smaller border radius for mobile */
    }

.blog-content{
    text-align: justify;
    row-gap: 5% !important;
}


.written-text{
    text-align: left !important;
}
.fa-facebook,
.fa-twitter,
.fa-linkedin,
.fa-instagram
    {
        font-size: 10px !important;
        color: #000;
        background-color: #e1e1e1;
        padding: 5%;

}

   .latest-card {
    border-radius: 20px !important;
}
.blogdetail-content{
    column-gap: 5% !important;
}
.bullets-sec li{
    font-size: 16px;
   color: #000;
}
@media (max-width: 768px) {
    .mobiletext {
text-align:left !important;
       
    }
.mobilepara{
margin-top:unset !important;
}

}