.logik-blog-main-box .logik-blogs-image img{
object-fit: cover;
border-radius: var(--border-radius-box);
}
.logik-blog-main-box{
box-shadow: 0px 17px 63px rgba(0, 0, 0, 0.05);
border-radius: var(--box-border-radius);
overflow: hidden;
background: var(--color-theme-white);
}
.logik-blog-main-box::before{
width: 30%;
height: 2px;
content: "";
background: var(--color-theme-primary);
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
opacity: 1;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.logik-blog-main-box:hover::before{
opacity: 1; 
width: 100%;
}
.logik-blog-main-box .logik-blog-details .logik-theme-link
{
color: var(--color-theme-primary);
}
.logik-blog-main-box .logik-blog-details .logik-theme-link:hover
{
color: var(--color-theme-secondary);
}
.logik-blog-main-box .logik-blog-details{
padding: 30px;
}
.logik-blog-main-box .logik-outerbox{
transition: 1s linear;
}
.logik-blog-main-box .logik-inner-box{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.logik-blog-main-box:hover .logik-outerbox{
max-height: 100%;
height: auto;
transition: 1s linear;
}
.blog-carousel .logik-blog-main-box .logik-outerbox .logik-blogmain p{
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.logik-inner-box .logik-blog-details .logik-heading-title
{
margin-top: 15px;
}
.primary-sidebar .iq-post .post-img
{
display: flex;
}
.primary-sidebar .iq-post .post-img .post-blog .blog-box a {
font-size: var(--font-size-normal);
text-transform: capitalize;
}
.primary-sidebar .iq-post .post-img .post-blog .blog-box a > svg{
color: var(--color-theme-primary);
margin-right: 10px;
}
.primary-sidebar .iq-post .post-img ul li
{
margin-bottom: 0;
border: none;
}
.primary-sidebar .iq-post .post-img .post-blog .blog-box .new-link h6
{
color: var(--global-font-title);   
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.primary-sidebar .iq-post .post-img .post-blog .blog-box .new-link h6:hover{
color: var(--color-theme-primary);
}
.primary-sidebar .iq-post .post-img .post-blog .blog-box ul
{
display: flex; 
} 
.logik-blog-box .logik-blog-head .entry-title a
{
display: block;
color: var(--global-font-title);
}
.logik-blog-box .logik-blog-head .entry-title a:hover{
color: var(--color-theme-primary);
}
.logik-blog-box .logik-blog-detail .logik-blog-description{
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.logik-blog-detail .shared-icons .social-box ul
{
display: flex;
float: right;
margin-top: -45px;
}
.logik-blog-detail .shared-icons .social-box ul .label
{
color: var(--global-font-title);
}
.share-button 
{
margin-left: 15px;
font-size: 18px;
}
.share-facebook
{
color: #3b5998;
}
.share-twitter
{
color: rgb(29, 161, 242);
}
.logik-blog-main-box .logik-heading-title:hover
{
color: var(--color-theme-primary);
}
.blog-carousel .logik-blog-main-box .logik-blogs-image
{
overflow: hidden;   
}
.blog-carousel .logik-blog-main-box .logik-blogs-image img{
transition: transform .5s ease-in-out;
}
.blog-carousel .logik-blog-main-box .logik-blogs-image:hover img{
transform: scale(1.05);
}
.blog-carousel.owl-carousel .owl-stage-outer { 
overflow: visible;
}
.blog-carousel.owl-carousel .owl-item {
opacity: 0;
transition: opacity 500ms;
}
.blog-carousel.owl-carousel .owl-item.active {
opacity: 1;
}
.blog-carousel .logik-blog-main-box .logik-heading-title{
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
}
.logik-blog-box .logik-blog-meta ul  
{
margin: 0;
}
.logik-blog-box .logik-blog-meta ul li a:hover,
.logik-blog-box .logik-blog-meta a > time:hover{
color: var(--color-theme-primary);
}
.logik blockquote::after{
font-family: "Font Awesome\ 5 Free";
content: "\f10e";
color: var(--color-theme-primary);
font-size: var(--font-size-h3);
font-weight: 900;
position: absolute;
right: 5%;
bottom: 10px;
font-style: normal;
} 
.logik blockquote h5{
color: var(--color-theme-secondary);
font-size: var(--font-size-h5);
font-style: normal;
padding-top: 30px;
}