.post-list-wrap{
    visibility:hidden;
    flex-wrap:nowrap;
}
.post-list{
    width:100%;
    overflow:hidden;
}
.post-list-wrap.visible{
    visibility:visible !important;
}
.blog{
    padding:80px 0px;
}

.image-blog{
    padding-top:80%;

}
.image-blog img{
    border-radius: 4px
}

.list-blog{
    position: relative;
}
.content-blog{
    padding-top:16px;
    padding-bottom:16px;
    position:relative;
   
}
.white-bg-text .content-blog{
    padding: 24px
}
.white-bg-text .blog-date{
    display: none;
}
.white-bg-text .blog-title{
    font-weight: 700
}
.product-link{
    text-align: right
}
.product-link *{
    text-decoration: none;
}
.blog-title{
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.0015em;
}
.blog-text{
    padding-bottom:28px;
}
.blog-date{
    padding-bottom:8px;
}
.blog-link{
    position: absolute;
    width:100%;
    bottom:0;
}
.row-post{
    margin-left:-8px;
    margin-right:-8px
}
.list-blog-col{
    padding-right:8px;
    padding-left: 8px;
    height:100%;
}  
.post-list-wrap .slick-list{
    padding:0 60px 0 0;
    transition:0.5s all;
}
.post-list-wrap .slick-list.right{
    padding:0 0px 0 60px;
    transition:0.5s all;
}
.post-navigation{
    display: none;
}
.post-view-nav.post-navigation{
    display:flex;
    width:100%;
    align-items:center;
    padding-top:32px;
} 
   
.post-view-nav .post-dots{
    flex-grow:1;
}    
.post-view-nav .post-arrow{
    display:flex;
    justify-content:flex-end;
}
.post-view-nav .post-arrow > div:first-of-type{
    margin-right:16px;
}
.post-view-nav .post-arrow-button{
    cursor:pointer;
} 
.post-view-nav .post-dots  .slick-dots {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
}
.post-view-nav .post-dots .slick-dots > li{
    margin-right:16px;
    overflow:hidden;
    width:12px;
    height:12px;
    position:relative;
    background:var(--gray);
    border-radius:50%;
}

.post-view-nav .post-dots .slick-dots > li.slick-active{
    background:var(--orange);
}    

.post-view-nav .post-dots  .slick-dots > li > button{
    opacity:0;
    width:100%;
    height:100%;
    border:none;
    apperance:none;
} 
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.post-type-blog{
    position: relative;
    left: 24px;
    top: 24px;
    text-transform: capitalize;
}
.content-3{
    position:relative;
    padding:100px 24px 32px 24px;
    min-height:100%;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
.content-5{
    position: relative;
    padding: 140px 24px 52px 24px;
    min-height: 100%;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

.image-blog-3{
    padding-top:0 !important;
    align-items:flex-end;
    height:100%;
} 
.content-5 .blog-title{
    height: 70px;
}
.padding-bottom-24{
    padding-bottom:24px;
}