
/**** begin components style ****/
.card.card-post {
    border-radius: 20px;
}
.card.card-post .card-body {
    border-radius: 18px;
}
.card.card-post .card-body .card-thumbnail {
    display: block;
    position: relative;
    border-radius: 18px 18px 0 0;
}
.card.card-post .card-body .card-thumbnail img {
    width: 100%;
    border-radius: 18px 18px 0 0;
}
.card.card-post .card-body .btn {
    border-radius: 50px;
    color: var(--color-1);
}



.card.card-blog {
    border-radius: 12px;
}
.card.card-blog .card-header,
.card.card-blog .card-header .card-thumbnail,
.card.card-blog .card-header .card-thumbnail img {
    border-radius: 12px 12px 0 0;
}
.card.card-blog .card-header .card-thumbnail img {
    display: block;
}
.card.card-blog .card-body {
    border-radius: 0 0 12px 12px;
}
.card.card-blog .card-body a {
    color: var(--color-5) !important;
}
/**** endof components style ****/
