.blog-card{
    border:1px solid var(--color42);
    border-radius: 10px;
}

.blog-details{
    padding:4%;
}

@media screen and (min-width: 481px) {
    .blog-image{
        width: 100%;
        height: 300px;
    }
    .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .blog-title{
        color:var(--color1);
        font-size: 22px;
        font-weight: 600;
        text-align: left;
        height: 70px;
    }
    .blog-description{
        font-size: 16px;
        font-weight: 300;
        text-align: justify;
        height:150px;
    }
    
}

@media screen and (max-width: 481px) {
    .blog-homepage{
        background:var(--color43);
        height:150px;
        border-bottom: -100px;
        color : #06264E !important;
    }
    .blog-homepage h1{
        font-size:45px !important;
        font-weight: 600;
    }
    .blog-image img {
        width: 100%;
        height: 100px;
        object-fit: contain;
    }
    .blog-title{
        color:var(--color1);
        font-size: 16px;
        font-weight: 600;
        text-align: justify;
    }

    .blog-description{
        font-size: 12px;
        font-weight: 300;
        text-align: justify;
    }
    

}