section.blog-posts{background-color:#fff;position:relative}section.blog-posts .wrapper{margin-top:-120px;position:relative}section.blog-posts .backlay-blue{background-color:#f7fafc;height:120px;left:0;position:absolute;top:0;width:100%}section.blog-posts .columns{display:flex;flex-direction:column;gap:30px}section.blog-posts .btn-list{margin-top:30px}section.blog-posts .btn-list>*{margin:0}section.blog-posts .card{background:#fff;border:1px solid #eee;border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease-in-out}section.blog-posts .card:hover{box-shadow:0 2px 6px #00000014}section.blog-posts .card:hover .card__top img{scale:1.05}section.blog-posts .card__top{aspect-ratio:2;background:#ccc;overflow:hidden}section.blog-posts .card__top img{height:100%;object-fit:cover;transition:all .3s ease-in-out;width:100%}section.blog-posts .card__bottom{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:20px;padding:20px 20px 30px}section.blog-posts .card__bottom>:empty{display:none}section.blog-posts .card__bottom>*{margin:0}section.blog-posts .card__bottom>.btn{margin-top:auto}section.blog-posts .card__details-list{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;list-style-type:none;margin:0;padding:0}section.blog-posts .card__details-list li:not(:first-child){border-left:1px solid #000;margin-left:5px;padding-left:5px}@media (width >= 768px){section.blog-posts .columns{flex-direction:row;flex-wrap:wrap}section.blog-posts .columns__column{width:calc(50% - 15px)}}@media (width >= 1200px){section.blog-posts .btn-list{margin-top:60px}section.blog-posts .columns__column{width:calc(33.333% - 20px)}}section.blog-posts .blog-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:60px;text-align:center}section.blog-posts .blog-pagination a{border:2px solid #d93650;border-radius:50%;color:#d93650;display:inline-block;height:40px;line-height:40px;text-align:center;transition:all .2s ease;-webkit-transition:all .2s ease;vertical-align:middle;width:40px}section.blog-posts .blog-pagination>*{margin:0 5px}section.blog-posts .blog-pagination-center>*+*{margin-left:6px}section.blog-posts .blog-pagination a.active{background-color:#d93650;color:#fff}@media(max-width:767px){section.blog-posts .blog-pagination{margin-top:30px}section.blog-posts .blog-pagination a{font-size:14px;height:30px;line-height:28px;width:30px}}