.hero-section{
    background: #F2EDDA;
    padding: 6rem 0;
}

.blog-card small{
    font-size: 12px;
}
.blog-card a{
    color: black;
    text-decoration: none;
}
.blog-readmore{
    color: black;
}
.blog-section{
    padding: 80px 0;
}
.card {
    border: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}
.blog-detail .card-body p{
    color: #333;
}
.blog-pagination nav{
    width: 100%;
}
.blog-pagination nav .d-sm-flex {
    gap: 16px !important;
}