.grid-posts-9 .grid-post-content {
padding: 15px;
height: 100%;
display: flex;
align-content: space-between;
flex-wrap: wrap;
background-color: #fff;
border-radius: 15px;
border: 1px solid #f0f0f0;
}
.grid-posts-9 > .row {
row-gap: 20px;
}
.grid-posts-9 .grid-post-content .post-content-top, 
.grid-posts-9 .grid-post-content .post-content-bottom {
width: 100%;
}
.grid-posts-9 .grid-post-content .post-cover > img {
width: 100%;
height: 320px;
border-radius: 20px;
object-fit: cover;
}
.grid-posts-9 .grid-post-content .post-cover {
position: relative;
}
.grid-posts-9 .grid-post-content .post-cover .post-author-box {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
padding: 20px;
text-align: center;
}
.grid-posts-9 .grid-post-content.without-thumb .post-cover .post-author-box {
position: relative;
}
.grid-posts-9 .post-likes {
position: absolute;
top: 10px;
right: 10px;
width: 50px;
height: 70px;
border-radius: 50px;
text-align: center;
padding: 10px;
background-color: #ffdcc7;
}
.grid-posts-9 .post-likes i {
width: 100%;
font-size: 27px;
color: #d10000;
}
.grid-posts-9 .post-likes span {
font-size: 13px;
color: #383838;
}
.grid-posts-9 .grid-post-content .post-cover .post-author-box .post-author {
background-color: #fff;
display: inline-block;
padding: 7px;
border-radius: 50px;
box-shadow: 0 0 15px rgb(0 0 0 / 33%);
}
.grid-posts-9 .grid-post-content .post-cover .post-author-box .post-author img {
width: 40px;
height: 40px;
vertical-align: middle;
border-radius: 50px;
margin-left: 10px;
}
.grid-posts-9 .grid-post-content .post-cover .post-author-box .post-author span {
font-size: 14px;
color: #858585;
font-weight: 400;
margin-left: 15px;
}
.grid-posts-9 .grid-post-content .post-title {
margin: 15px 0;
}
.grid-posts-9 .post-title h2 {
font-size: 1.2em;
line-height: 1.5;
font-weight: 700;
color: #0b0c40;
}
.grid-posts-9 .post-excerpt {
margin-bottom: 15px;
}
.grid-posts-9 .post-excerpt p {
font-size: 15px;
font-weight: 400;
color: #8d8d8d;
line-height: 1.5;
}
.grid-posts-9 .post-metas {
border-top: 2px solid #f0f0f0;
margin-bottom: 15px;
color: #bbb;
padding-top: 10px;
}
.grid-posts-9 .post-btn a {
display: inline-block;
text-align: center;
width: 100%;
padding: 11px;
background-color: #fff;
border: 1px solid #8f8fa1;
color: #0b0c40;
border-radius: 50px;
font-size: 15px;
font-weight: bold;
transition: ease .3s;
}
.grid-posts-9 .ahura-pagination {
padding: 10px;
margin-top: 15px;
text-align: center;
}
.grid-posts-9 .ahura-pagination :where(span, a) {
display: inline-block;
margin: 3px;
padding: 7px 15px;
color: #4c4c4c;
background-color: #f0f0f0;
border-radius: 50px;
font-size: 15px;
transition: ease .3s;
}
.grid-posts-9 .ahura-pagination :where(span, a):hover, 
.grid-posts-9 .ahura-pagination span.current {
background-color: #0b0c40;
color: #fff;
}.postbox1 {
width: 100%;
}
.postbox1 .postbox1posts {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.postbox1 .grid-post {
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
transition-duration: 0.3s;
height: 350px;
margin: 0 0 1.5em 0;
border-radius: 10px 10px 10px 10px;
}
.postbox1 .grid-post a {
display: block;
width: 100%;
background-color: transparent;
}
.postbox1 .grid-post-grey a {
background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, transparent 50%);
}
.postbox1 .header-content-wrapper {
margin-bottom: 30px;
}
.postbox1 .header-content {
width: 75%;
display: flex;
flex-direction: column;
}
.postbox1 .cat-name {
line-height: 40px;
border-right: 4px solid;
padding-right: 1em;
text-align: right;
color: #36D43D;
border-color: #36D43D;
font-size: 19px;
}
.postbox1 .cat-name.no-border {
border: initial;
padding: 0;
}
.postbox1 .cat-more-link {
text-align: center;
color: #fff;
background-color: #36D43D;
font-size: 15px;
border-radius: 5px 5px 5px 5px;
padding: 8px 15px 8px 15px;
box-shadow: 0 5px 20px 0 rgba(54, 212, 61, 0.5);
}
.postbox1 .postbox1posts article {
background-size: cover;
background-position: center;
transition-duration: 0.3s;
position: relative;
}
.postbox1 .postbox1posts article:hover {
opacity: 0.9;
}
.postbox1 .postbox1posts article img {
width: 100%;
height: auto;
}
.postbox1 .postbox1posts article.separated-title .thumbnail-container {
height: 80%;
}
.postbox1 .postbox1posts article.separated-title img {
object-fit: cover;
height: 100%;
}
.postbox1 .postbox1posts article.separated-title span {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
height: 20%;
}
.postbox1 .postbox1posts article.separated-title .thumbnail-container:after {
content: ' ';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 80%;
background-image: linear-gradient(180deg,rgba(255,255,255,0) 60%,#fff 100%);
}
.postbox1 .postbox1posts article a {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.postbox1 .postbox1posts article a span {
width: 100%;
display: block;
position: absolute;
bottom: 0;
right: 0;
text-align: center;
color: #fff;
font-size: 23px;
padding: 2em 1em 2em 1em;
}
@media (max-width: 1001px) {
.postbox1 .postbox1posts {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 768px) {
.postbox1 .postbox1posts {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.postbox1 .postbox1posts {
grid-template-columns: repeat(1, 1fr);
}
.postbox1 .header-content {
width: 100%;
}
.postbox1 .postbox1posts article,
.postbox1 .postbox1posts .cat-name,
.postbox1 .postbox1posts .cat-more-link {
width: 100%;
}
}.post-list-4 .post-list-4-top-box {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 30px;
}
.post-list-4 .post-list-4-title {
line-height: 1.9em;
display: block;
font-size: 32px;
color: #35495c;
font-weight: bold;
}
.post-list-4 .post-list-4-description {
line-height: 2em;
display: block;
font-size: 20px;
color: #35495c;
font-weight: 400;
}
.post-list-4 .post-list-4-top-box .post-list-4-link {
float: left;
background: #ffc33a;
box-shadow: 0 7px 20px #ffc33a60;
padding: 0 20px;
border-radius: 4px;
line-height: 3em;
font-weight: 200;
margin-top: 20px;
}
.post-list-4 .post-list-4-items {
display: grid;
width: 100%;
grid-column-gap: 24px;
grid-row-gap: 24px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
flex-wrap: wrap;
}
.post-list-4 .post-list-4-thumbnail {
position: relative;
}
.post-list-4 .post-list-4-item {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.post-list-4 .post-list-4-item.without-title {
height: auto;
}
.post-list-4 .post-list-4-item > div {
width: 100%;
}
.post-list-4 .post-list-4-item,
.post-list-4 a.post-list-4-item {
box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
border-radius: 7px;
margin-bottom: 30px;
}
.post-list-4 .post-list-4-item img {
width: 100%;
border-radius: 7px 7px 0 0;
height: 357px;
display: block;
background-color: #fff;
object-fit: cover;
}
.post-list-4 .post-list-4-item:not(.without-title) .post-list-4-thumbnail::after {
content: ' ';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #fff 100%);
}
.post-list-4 .post-list-4-thumbnail .post-icon {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
place-content: center;
font-size: 6em;
opacity: .6;
transition: ease .3s;
}
.post-list-4 .post-list-4-thumbnail:hover .post-icon {
transform: scale(1.2);
opacity: 1;
}
.post-list-4 .post-list-4-post-title {
padding: 10px 15px;
font-weight: 600;
font-size: 18px;
display: block;
line-height: 1.7;
align-self: start;
}
.post-list-4 .post-excerpt {
font-size: 15px;
font-weight: 400;
color: #9d9d9d;
padding: 0 15px;
}
.post-list-4 .item-buttons {
padding: 0 15px;
margin: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
font-size: 17px;
}
.post-list-4 .item-buttons .item-btn {
color: #1d67e8;
}
.post-list-4 .item-date {
font-size: 14px;
}
.post-list-4 .item-date i {
font-size: 17px;
color: #1d67e8;
margin: 0 3px;
}
.post-list-4 .post-cats {
position: absolute;
top: 0;
right: 0;
margin: 10px;
background-color: #0000006b;
color: #fff;
font-size: 14px;
backdrop-filter: blur(7px);
padding: 5px 10px;
border-radius: 50px;
}
.post-list-4.is-ltr .post-cats {
right: auto;
left: 0;
}
.post-list-4 .ahura-pagination {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.post-list-4 .ahura-pagination .page-numbers {
background-color: #f0f0f0;
border-radius: 3px;
padding: 3px 10px;
margin: 0 5px;
}
.post-list-4 .ahura-pagination .page-numbers.current {
background-color: #000000;
color: #FFFFFF
}
@media screen and (max-width: 600px) {
.post-list-4 .post-list-4-items {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.post-list-4 .post-list-4-top-box {
text-align: center;
flex-direction: column;
}
.post-list-4 {
padding-bottom: 40px;
}
}.carousel2post {
height: 480px;
background-position: center;
transition: all 0.3s;
background-size: cover;
}
.carousel2post:hover {
background-position: left center;
}
.carousel2post a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.carousel2post .details {
position: absolute;
bottom: 0;
right: 0;
padding: 20px;
width: 100%;
}
.carousel2post a h2 {
width: 100%;
display: block;
color: #fff;
font-size: 20px;
}
.carousel2post a span {
color: #fff;
margin-top: 20px;
display: inline-block;
}
.swiper-post-carousel2 {
padding: 0;
position: relative;
}
.swiper-post-carousel2 .swiper-nav-area {
position: absolute;
top: 50%;
transform: translateY(-5px);
z-index: 9;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
width: 100%;
}
.swiper-post-carousel2 .swiper-nav-area .swiper-btn {
width: 30px;
height: 30px;
background-color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
cursor: pointer;
}
.swiper-post-carousel2 .swiper-pagination-bullet {
background-color: #FFF;
}