.blog-wrap{margin-top: 50px;}
.blog-wrap .blog-box {margin-bottom: 30px;}
.blog-wrap .blog-box article small{font-size: 16px; margin-bottom: 10px; display: block;} 
.blog-wrap .blog-box figure {
    padding-bottom: 56.25%; position: relative;
    overflow: hidden; background-color: #efefef;
}
.blog-wrap .blog-box figure img{
    display: block; position: absolute; height: 100%; width: 100%;
    object-fit: cover; object-position: 50% 50%;
    transform: translate(0, 0); transition-duration: 0.5s;
}
.blog-wrap .blog-box figure:hover img{transform: scale(1.05);}
.blog-wrap .blog-box article h2 a{color: #292b37;}
.blog-wrap .blog-box article h2 a:hover{color: #000;}


.blog-wrap .blog-details article{position: relative;}
.blog-wrap .blog-details article small{font-size: 14px; margin-bottom: 10px; display: block;} 
.blog-wrap .blog-details article h2 a{color: #292b37;}
.blog-wrap .blog-details article h2 a:hover{color: #000;}
.blog-wrap .blog-details article p{
    display: -webkit-box; -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; overflow: hidden;
}
.blog-wrap .blog-details article ol{padding: 0 0 0 16px;}
.blog-wrap .blog-details article ul{list-style: disc; padding: 0 0 0 16px;}

.blog-wrap .blog-details article ol li,
.blog-wrap .blog-details article ul li{padding: 5px 0;}

.group-link a{color: #292b37; display: inline-block; margin-right: 20px; position: relative;}
.group-link a:hover{text-decoration: underline;}
.group-link a:last-child, .group-link a:last-child:after{margin-right: 0; content:none !important;}
.group-link a:after{
    content: "-"; position: absolute; right: -20px;
    width: 10px; color: #000; font-size: 20px; line-height: 1.2;
}

.action-link{
    display: flex; align-items: center; 
    justify-content: space-between; gap: 50px; 
    border-top: 1px solid #292b37; margin-top: 30px; padding-top: 20px;
}
.blog-prev-link, .blog-next-link{
    font-family: "Poiret One", cursive, sans-serif; color: #292b37; font-size: 26px; 
    line-height: 1.2; width: 40%; position: relative; font-weight: 700; padding-bottom: 5px;
}

.blog-next-link{padding-right: 50px; text-align: right;}
.blog-next-link .fa-arrow-right{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: .5s;}
.blog-next-link:hover .fa-arrow-right{right: 0px;}

.blog-prev-link{padding-left: 50px; text-align: left;}
.blog-prev-link .fa-arrow-left{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); transition: .5s;}
.blog-prev-link:hover .fa-arrow-left{left: 0px;}

.blog-prev-link:after, .blog-next-link:after{
    content: ''; position: absolute; width: 100%; height: 1px;
    bottom: 0; background-color: currentColor; transform: scalex(0);
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);    
}

.blog-prev-link:hover{color: #292b37;}
.blog-prev-link:after{transform-origin: right; left: 0;}
.blog-prev-link:hover:after{transform: scalex(1);}

.blog-next-link:hover{color: #292b37;} 
.blog-next-link:after{transform-origin: left;  right: 0;}
.blog-next-link:hover:after{transform: scalex(1);}
 
@media (max-width: 991px) {
    .action-link {
        gap: 30px;
        flex-direction: column;
    }
    .blog-prev-link, .blog-next-link{
        width: 100%; gap: 0px;
    }
}
@media (max-width: 767px) {    
    
}