.card.blog-list {
    overflow: hidden;
    border-bottom-width: 4px;
    transition: all 0.3s ease-in-out;
}
.blog-card-img {
    background: var(--bs-black);
    /* overflow: hidden; */
}
.blog-card-img img{ 
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.blog-list .card-body {
    transition: all 0.3s ease-in-out;
    background: #f9f9f9;
}
.blog-list .card-body h2{
    font-family: var(--bs-font-family-2);
    font-size: 24px;
    margin-bottom: 20px;
}
.blog-list .card-body p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card.blog-list:hover {
    border-bottom-color: var(--bs-secondery);
}
.card.blog-list:hover .card-body{
    background: var(--bs-primary);
}
.blog-list:hover .btn-secondary {
    background: #fff !important;
    color: var(--bs-secondery) !important;
    border-color: var(--bs-white) !important;
}
.blog-list:hover .blog-card-img img {
    opacity: .85;
    transition: all 0.3s ease-in-out;
}
.blog-content h2 { margin-top: 35px;}
.blog-content h2:first-child { margin-top: 0;}

.blog-content h3 { margin-top: 35px;}
.blog-content h3:first-child { margin-top: 0;}

.img-box {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);}

/*-----responsive-----*/
@media (max-width: 767px) {
    .blog-list .card-body h2 { font-size: 22px;}
}