.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone {
position: relative;
padding: 30px 30px 30px 30px;
margin: 0;
z-index: 9;
overflow: hidden;
border: 1px solid var(--prt-secondarycolor);
-webkit-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;
background-color: var(--prt-greycolor);
border-radius: 15px;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone:hover {
border: 1px solid transparent;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .preyantechnosys-box-content {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-post-cat {
padding: 0px
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-post-cat .prt-meta-line.cat-links a {
font-size: 14px;
line-height: 14px;
padding: 8px 17px;
border: 1px solid var(--prt-secondarycolor);
margin-right: 10px;
border-radius:30px;
color: var(--prt-secondarycolor);
}
.preyantechnosys-boxes-blog.preyantechnosys-element-blogbox-styleone .prt-box-col-wrapper {
margin-bottom: 0 !important;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .prt-blog-post-cat .cat-links i {
display: none;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-post-cat .prt-entry-meta-blogbox .prt-meta-line i {
color: var(--prt-skincolor);
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-post-cat .prt-entry-meta-wrapper .prt-meta-line:after { 
content: unset;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-overlay-img {
position: absolute;
left: 0;
right: 0;
z-index: 1;
opacity: 1;
top: 150px;
margin: 0px 30px;
border-radius: 30px 30px 0 0;
-webkit-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;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone:hover .post-item .prt-blog-overlay-img {
opacity: 1;
top: 0px;
margin: 0px;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-overlay-img .prt-post-featured-link-wrapper {
height: 450px;
object-fit: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px 15px 0 0;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .preyantechnosys-box-content .entry-header .preyantechnosys-box-title h4 {
font-size: 34px;
line-height: 44px;
margin: 15px 0 40px 0;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-transition: all .3s ease-in-out;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .preyantechnosys-blogbox-footer-readmore {
opacity: 0;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
-webkit-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;
z-index: 9;
transform: translate(0%, -50%);
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .preyantechnosys-blogbox-footer-readmore a {
text-align: center;
color: var(--prt-secondarycolor);
position: relative;
z-index: 9;
background-color: var(--prt-whitecolor);
padding: 20px 50px;
border-radius: 2em;
font-family: var(--button-font-family);
display: inline-block;
line-height: 1;
font-size: var(--button_fontsize);
overflow: hidden;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .preyantechnosys-blogbox-footer-readmore a:after {
background-color: #fff;
content: "";
height: 150px;
left: -75px;
position: absolute;
top: -35px;
transform: rotate(35deg);
transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
width: 40px;
opacity: 0;
z-index: 1;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .preyantechnosys-blogbox-footer-readmore a:hover:after {
left: 120%;
transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0.25;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .preyantechnosys-blogbox-footer-readmore a:hover {
background-color: var(--prt-skincolor);
color: var(--prt-whitecolor);
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone:hover .preyantechnosys-blogbox-footer-readmore .preyantechnosys-blogbox-footer-left {
color: var(--prt-secondarycolor);
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone:hover .preyantechnosys-blogbox-footer-readmore {
opacity: 1;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .prt-blog-post-cat .cat-links {
font-size: 0px;
} .preyantechnosys-blogbox-styletwo .post-item {
background-color: var(--prt-whitecolor);
padding: 15px;
overflow: hidden;
box-shadow: 0px 0px 7px 0px rgba(43, 52, 59, 0.09);
}
.preyantechnosys-blogbox-styletwo .prt-box-img-box .prt-featured-wrapper{
z-index: 1;
background-color: var(--prt-whitecolor);
overflow: visible;
}
.preyantechnosys-blogbox-styletwo .prt-box-img-box .prt-featured-wrapper img {
transform: scale(1.0);
transition: all 1s ease;
}
.preyantechnosys-blogbox-styletwo:hover .prt-box-img-box .prt-featured-wrapper img {
transform: scale(1.5);
}
.preyantechnosys-blogbox-styletwo .preyantechnosys-bottom-content {
z-index: 3;
padding: 23px 15px 8px 5px;
transform: translateY(0);
transition: all 0.5s ease;
position: relative;
background: var(--prt-whitecolor);
}
.preyantechnosys-blogbox-styletwo:hover .preyantechnosys-bottom-content {
transform: translateY(-15px);
padding: 23px 15px 8px 15px;
}
.preyantechnosys-blogbox-styletwo .preyantechnosys-box-title {
padding-top: 5px;
}
.preyantechnosys-box-blog .preyantechnosys-box-content .prt-entry-meta .prt-meta-line:after {
position: absolute;
content: "";
height: 20px;
width: 1px;
right: 10px;
top: 0;
background-color: rgba(0, 0, 0, .2);
}
@media (max-width: 591px){  
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .preyantechnosys-box-content .entry-header .preyantechnosys-box-title h4 {
font-size: 24px;
line-height: 34px;
}
.preyantechnosys-box-blog.preyantechnosys-blogbox-styleone .post-item .prt-blog-overlay-img {
top: 170px; 
}
}