.posts-filter-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
.filter-right form {
    margin-bottom: 0;
}
.filter-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.filter-left, .filter-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter-left{
    opacity: 0;
}
.filter-left span img{
    margin-left: 10px;
}
.filter-left span {
    margin-right: 0;
    font-size: 1rem;
    color: #000000;
    display: flex;
    align-items: center;
    cursor: pointer;
}
/* .filter-left span.active + select#category-filter{
    display: block;
} */
select#category-filter {
    display: none;
}
#sort-posts {
    padding: 0;
    border: 0;
    border-radius: 0;
    padding-right: 1.5rem;
    font-size: 1rem;
    color: #000;
    box-shadow: none;
}
input#search-posts {
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding-bottom: 0;
    padding: 0;
    height: 2rem;
    color: #000000;
    background-image: url(../images/search.svg);
    background-position: right;
    background-repeat: no-repeat;
    margin-left: 1.5rem;
    outline: none !important;
    box-shadow: none;
}
input#search-posts::placeholder{
    color: #000;
}
.posts-filter-wrapper .posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 40px;
}
.posts-filter-wrapper .posts-grid > .post-item.show_half,
.posts-filter-wrapper .posts-grid > .post-item.show_half{
    grid-column: span 2;
}
.post-info {
    padding: 1.125rem;
    width: 100%;
    transition: all .3s;
    background-color: #fff;
}
.posts-filter-wrapper .post-item:hover .post-info{
    transform: translateY(-1rem);
}
.posts-filter-wrapper .post-item {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 12px #00000014;
    border: 1px solid #3FA535;
    border-radius: 18px;
    background-color: #fff;
}
/* .post-item .box-image .overlay{
    background: transparent linear-gradient(201deg, #1212125C 0%, #000000 100%);
} */
/* .posts-filter-wrapper .post-item::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(201deg, #1212125C 0%, #000000 100%);
    opacity: 0.79;  
} */
.posts-filter-wrapper .post-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
span.category {
    color: #959595;
    font-size: .813rem;
    letter-spacing: 0;
    margin-bottom: .25rem;
}
.posts-filter-wrapper .post-item h3 a {
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 56px;
}
.cnt-p {
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px;
}
.posts-filter-wrapper .posts-grid > .post-item.show_half .cnt-p{
    display: -webkit-box !important;
    visibility: visible !important;
}
.post-item .img-p {
    height: 10.313rem;
    overflow: hidden;
    border-radius: 1.125rem 1.125rem 0 0;
}
.posts-filter-wrapper .posts-grid > .post-item.show_half .img-p{
    height: 22.188rem;
}

.posts-filter-wrapper .post-item h3 {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    margin-bottom: .5rem;
}
.more-link {
    color: #000000 !important;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 0;
    height: auto;
    line-height: normal;
    min-height: auto;
    margin: 0;
    display: inline-flex;
    margin-top: 2.5rem;
    align-items: center;        
    border-bottom: 1px solid #000;
}
.more-link:hover {
    color: #3FA535 !important;
    background-color: transparent !important;
    border-bottom: .1px solid #3FA535;
}
div#pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5rem;
    color: #808080;
}
div#pagination-container > *.active{
    color: #000;
}
div#pagination-container > * {
    padding: 0;
    margin: 0 6px;
}
.more-link::after {
    content: '\f105';
    display: block;
    font-family: fl-icons;
    margin-left: 7px;
    position: relative;
    top:1px;
}
.load-more-wrapper {
    text-align: center;
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#load-more-posts {
    height: var(--input-height);
    line-height: calc(var(--input-height) - 1px);
    font-size: 0.875rem;
    letter-spacing: 0.07rem;
    padding: 0 3rem;
    font-family: var(--text-font);
    min-height: auto;
    font-weight: normal;
    text-transform: inherit;
    text-decoration: none !important;
    box-shadow: none !important;
    color: #ffffff;
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    background-color: transparent !important;
    color: #121212 !important;
    border: 1px solid #121212 !important;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}
.a-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
}
#load-more-posts:hover {
    background-color: #000 !important;
    color: #fff !important;
}
nav.rank-math-breadcrumb p, nav.rank-math-breadcrumb a {
    color: rgb(149 149 149 / 30%);
    font-size: .813rem;
}
nav.rank-math-breadcrumb span.last {
    color: #959595;
}
.rank-math-breadcrumb p a:first-child:before{
    display: none;
}
.separator::after {
    content: '\f105';
    font-family: fl-icons;
    margin: 0 10px 0 5px;
}
.blog-single nav.rank-math-breadcrumb {
    padding: 0 1.5rem;
}
.page-wrapper {
    padding-top: 1.25rem;
}
.st-blog1 .icon-box{
    margin-bottom: 1.5rem;
}
.st-blog1 .icon-box p{
    letter-spacing: 0.105rem;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.st-blog1 .icon-box h3 {
    font-size: 1rem;
    letter-spacing: 0.06rem;
    margin-bottom: 0;
    line-height: 1.5;
}
.img-thumb::before {
    content: '';
    background-image: linear-gradient(90deg,#E53935,#FBC02D,#1565C0,#2E7D32);
    width: 300%;
    height: 60px;
    display: block;
    position: absolute;
    top: calc(50% - 30px);
    left: -100%;
    z-index: 1;
}
.img-thumb .img-inner *{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-thumb img{
    position: relative;
    z-index: 2;
}
.img-thumb .img-inner{
    height: 410px;
    overflow: hidden;
    border-radius: 18px;
}
.img-thumb{
    height: 410px;
    position: relative;
    margin-top: 2rem;
}
.st-blog1 .row {
    max-width: 680px !important;
}
.related-posts-grid.posts-filter-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-top: 2.5rem;
}
.st-blog1 h1,
.st-blog1 h2 {
    margin-bottom: 1rem;
    letter-spacing: 0;
    font-size: 1.875rem;
    line-height: 2.5rem;
}
.st-blog1 .row + .row{
    margin-top: 6.25rem;
}
.st-blog1 .row:nth-child(1) .col:nth-child(2) > .col-inner{
    padding-left: 4rem;
}
.st-blog1 .row:nth-child(2) .col:nth-child(1) > .col-inner{
    padding-right: 3.5rem;
}