/* blog */


.blog-cards  {display: flex;flex-direction: row;flex-wrap: wrap;}
.blog-col {width: 33.33%;padding: 10px;}
.blog-card {background: #fff;border-radius: 20px;overflow: hidden;transition: all .4s;}
.blog-card-body {padding: 0px 20px 20px 20px;}
.blog-card-img {margin: 20px;overflow: hidden;border-radius: inherit;}
.blog-card-img img {transform-origin: center; transition: all 1s;}
.blog-card:hover {transform: translateY(-5px);}
.blog-card:hover .blog-card-img img {transform: scale(1.2);}

.blog-card-date {margin-bottom: 5px;}
:is(.blog-card-body) :is(h1, h2, h3, h4, h5, h6) {font-size: 24px;line-height: 26px;margin-bottom: 15px;}
.blog-card-body p {font-size: 16px;line-height: 24px; margin-bottom: 10px;}
.blog-card-body .btn {margin-top: 15px;padding: 7px 15px;height: auto;min-height: auto;}
.load-more-btn {text-align: center;margin-top: 20px;}
.load-more-btn .btn {background-color: transparent;color: #102e50;}
.load-more-btn .btn:hover {color: #d21819;}

.blog-detail-img {margin-bottom: 30px;}
.blog-detail-row {max-width: 900px;margin: 0 auto;}
.post-detail img {margin: 20px 0px;}

/* pagination start */
.pagination {display: flex;padding-left: 0;list-style: none;justify-content: center;flex-wrap: wrap;margin: 0;padding: 10px 0px;}
.pagination .page-item {margin: 0px 5px;}
.pagination .page-item a, span.page-numbers {display: block;font-size: 14px;width: auto;border-radius: 3px;padding: 0px 10px;margin: 0;display: inline-block;color: #102e50;position: relative;text-align: center;border: 1px solid #102e50;}
/* .pagination .page-item a::after {content: '';display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;transform: scale(.8);border: 1px solid;border-color: initial;border-radius: 100%;opacity: 0;transition: all .5s cubic-bezier(0, 0, .2, 1);} */
.pagination .page-item a:hover::after {opacity: .4;transform: scale(1.3);}
.page-item span.current, .pagination .page-item a.current, .pagination .page-item a:hover {background-color: #102e50;color: #fff;user-select: none;}
.pagination .page-item a:hover::after {border-color: #858971;color: #ffffff;}

/* pagination end */