.slide-post-item {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: flex-start;
   background: #FFFFFF;
   border: 1px solid #EDF1FC;
   box-sizing: border-box;
   box-shadow: 0px 24px 34px -10px rgb(41 56 93 / 10%);
   border-radius: 20px;
   padding: 8px;
}
.rpost-img .on-img{
   background-size: cover;
   background-position: center!important;
}
@media screen and (max-width: 768px){
.slide-post-content {
    padding: 16px!important;
}}
.blog-title-block{
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: space-between;
}
.blog-title-block h1{
   padding: 60px;
   color: #fff!important;
}
.author-post.on-img{
   padding: 30px 60px;
}

.rpost-meta.on-img span{
   color: #fff!important;
   opacity: 1;
}
.rpost-img.on-img{
   min-height: 190px;
   display: flex;
   align-items: flex-end;
}
.on-img h4 a{
   color: #fff !important;
   padding: 20px;
   font-weight: 900!important;
   font-size: 18px!important;
   line-height: 22px!important;
   display: block;
}

@media screen and (min-width: 800px) {
	.slide-post-content {
   padding: 50px 36px 0px 50px;
   max-width: 40%;
}
   .blog-title-block{
      min-height: 460px;
   }
   .blog-title-block h1{
      padding: 60px;
}
.catpost.myclass.img .blog-first-post.on-img h4{
   font-weight: 900!important;
   color: #ffffff!important;
   font-size: 40px!important;
   line-height: 48px!important;
   padding: 40px 50px;
}
h4.slide-title.on-img{
   font-weight: 900!important;
   color: #ffffff!important;
   font-size: 40px!important;
   line-height: 48px!important;
   padding: 40px 50px;
}
}
@media screen and (max-width: 799px) {
   .catpost.myclass.img .blog-first-post.on-img h4{
    color: #fff;
    padding: 20px;
    font-weight: 900!important;
    font-size: 18px!important;
    line-height: 22px!important;
    display: block;
}
h4.slide-title.on-img{
   color: #fff;
   padding: 20px;
   font-weight: 900!important;
   font-size: 30px!important;
   line-height: 40px!important;
   display: block;
}
.catpost.myclass .image-post {
   min-height: 190px!important;
   display: flex;
   align-items: flex-end;
}
.catpost .catpost-item {
   box-shadow: none!important;
   margin: 0 20px;
}
ul li.rpost {
   width: 100%!important;
}
.slide-post-info span{
   display: block;
}
}