.card {
    transition: all .3s ease-in-out;
    margin-bottom: 2rem;
}



.card:hover {
    transform: scale(1.03);
}


.card-img-top {
    background-color: #f1f1f1;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}


.blog-summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}


.blog-author-image {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.blog-image {
    min-height: 250px;
}

.author-text {
    color: grey;
}


.btn {
    height: auto;
    color: white;
}

.blog-video {
    width: auto;
    height: 80vh;
}


@media screen and (max-width:992px) {
    .blog-video {
        width: 100%;
        height: auto;
    }

 
    .blogImages>img {
        width: 90vw !important;
    
    }

}

.blogImages>img {
    width: 50vw;

}

.blog-Titles {
    text-align: center;
    margin-bottom: 1rem;
}

.blogImages {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}



.blog-subHeading {
    text-align: start;
}