.blog_post_position_container{
    background: #fff;
    margin-bottom: 1.5rem;
    clear: both;
    padding-bottom: 20px;
}
.blog_post_position_container h2.title{
    padding: 10px;
}

.blog_post_position_container .post-image-block .blog-icon-block.icon-two{
    width: 94px;
}
.blog_post_position_container .post-image-block .blog-icon-block.icon-one{
    width: 50px;
}
.blog_post_position_container .blog-post{
    background: #fff;
    padding: 10px;
    /*clear: both;*/
   /* width: 25%;
    float: left;*/
}
.blog_post_position_container .post-image-block{
    position: relative;
}
.blog_post_position_container .post-image-block:has(.blog-icon-block)::after,
.blog_post_position_container .post-image-block .slides > li:has(.blog-icon-block)::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1;
}
.blog_post_position_container .post-image-block .slides > li{
    position: relative;
}
.blog_post_position_container .post-image-block .flexslider{
    position: relative;
    z-index: 2;
}
.blog_post_position_container .post-image-block:has(.blog-icon-block):hover::after,
.blog_post_position_container .post-image-block:hover .slides > li:has(.blog-icon-block)::after{
    opacity: 1;
}
.blog_post_position_container .post-image-block:hover .blog-icon-block{
    display: block;
}
.blog_post_position_container .post-image-block .blog-icon-block{
    height: 50px;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    display: none;
    z-index: 3;
}

.blog_post_position_container .post-image-block .blog-icon-block i{
    border: 2px solid #d1d5db;
    border-radius: 30px;
    padding: 20px;
    background-color: transparent;
    color: #d1d5db;
    cursor: pointer;
}
.blog_post_position_container .post-image-block .blog-icon-block i:hover{
    background-color: rgba(255, 255, 255, 0.18);
}
.blog_post_position_container .post-image-block img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: auto;
}
.blog_post_position_container .post-info-block h2{
    margin-top: 18px;
    margin-bottom: 8px;
}
.blog_post_position_container .post-info-block .post-desc,
.blog_post_position_container .post-info-block .post-desc p{
    font-size: 14px;
    color: #7e7e7e;
}

.blog_post_position_container .post-info-block .post-read-more-button{
    color: #9e9c9c;
    font-size: 14px;
    font-style: italic;
    border-bottom: 1px dotted;
}
.blog_post_position_container .post-info-block .post-read-more-button:hover{
    color: var(--hiblog-c-accent, #2563eb);
}
.blog_post_position_container .post-info-block h2 a {
    color: #232323;
}
.blog_post_position_container .post-info-block h2 a:hover {
    color: var(--hiblog-c-accent, #2563eb);
}