/*
  * Copyright © Vaimo Group. All rights reserved.
  * See LICENSE_VAIMO.txt for license details.
*/
@import url('https://fonts.googleapis.com/css2?family=Avenir:wght@400;500;600;700;800&display=swap');

@font-face {
    font-family: ''Avenir'';
    src: local(''Avenir' Next'), local(''Avenir''), local('Helvetica Neue'), local('Helvetica'), local('Arial'), sans-serif;
    font-display: swap;
}

@media (max-width: 1260px) and (min-width: 1025px) {
    .page-wrapper,
    .main,
    .page-main {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
        padding: 0 10px;
    }
    
    .blog-page .columns {
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
    }
    
    .widget.block-list-posts,
    .blog-content-recent,
    .blog-content-featured,
    .post-list.modern {
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
        box-sizing: border-box;
    }
    
    .post-list.modern .post-item.post-holder,
    .blog-content-recent-card,
    .widget.block-list-posts .item {
        flex-shrink: 0;
        box-sizing: border-box;
    }
}

body.blog-page {
    --color-white: #ffffff;
    --color-green: #28a745;
    --color-yellow: #ffc107;
    --color-blue: #4db2ec;
    --color-black: #222222;
    --color-gray: #6c757d;
    --color-red: #dc3545;
    --border-color: #d5d6da;
}


.blog-page .page-main,
.blog-page .breadcrumbs
{
    background-color: #F5F3F9 !important;
}

.blog-page .btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;}
.blog-page .btn-white:hover {background-color: #4db2ec !important;color: #fff !important; border: 1px solid #4db2ec !important;}
.blog-page .btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}
.blog-page .btn-black:hover {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.blog-page .btn-blue {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.blog-page .btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}


.blog-page .page-title-wrapper {
    display: none !important;
}

.blog-page .post-slider .post-block .image-wrap {padding-bottom: 450px;}

.blog-page .clearfix:after {content:"";display:table;clear:both;}

.blog-page .post-holder {margin-bottom: 40px;border-radius: 0;}

.blog-page-list .index-description {margin-bottom: 15px}

.blog-page .post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0}
.blog-page .post-list .post-item.post-holder {margin: 0 0 30px 0;padding: 0;display: block;}
.blog-page .post-list .post-container {display: -ms-flexbox;display: flex;}

.blog-page .post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;}
.blog-page .post-list .post-image .image-container {position: relative;}
.blog-page .post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.blog-page .post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.blog-page .post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;}
.blog-page .post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;}
.blog-page .post-list .post-image .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;}
.blog-page .post-list .post-image .post-category a:hover {background: #4db2ec;}


.blog-page .post-list .post-info .post-title-wrap h3 {margin: 0;}
.blog-page .post-list .post-info .post-title-wrap h3 a {font-size: 20px;line-height: 25px;font-weight: 500;}
.blog-page .post-list .post-info .post-data-wrap {font-size: 11px;font-family: sans-serif;}
.blog-page .post-list .post-info .post-data-wrap .post-date {font-size: 11px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;}
.blog-page .post-list .post-info .post-data-wrap a {font-weight: 600;}
.blog-page .post-list .post-description {line-height: 21px;font-size: 13px;}
.blog-page .post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}
.blog-page .post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;}
.blog-page .post-read-more a.post-read {display: inline-block;color: #fff;background-color: #4db2ec;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;}
.blog-page .post-read-more a.post-read:hover {color: #fff; text-decoration: none;}

@media (max-width: 768px) {
    .post-list .post-item.post-holder {margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
    .post-list .post-image .post-category {display: none;}
    .post-list .post-info {padding: 0 0 0 15px;}
    .post-read-more a.post-read {display: none;}
}
@media (max-width: 640px) {
    .post-list .post-info .post-title-wrap h3 a {font-size: 14px;font-weight: 600;line-height: 1.4;display: inline-block;}
}


.blog-page .post-image .image-wrap._16x9 {padding-bottom: 35% !important;}
.blog-page .post-image .image-wrap._4x3 {padding-bottom: 67% !important;}
.blog-page .post-image .image-wrap._3x2 {padding-bottom: 55% !important;}
.blog-page .post-image .image-wrap._1x1 {padding-bottom: 100% !important;}
@media (max-width: 768px) {

}

.blog-page .post-list-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

.blog-page .post-list.modern {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    max-width: 676px;
    margin: 0 auto;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.blog-page .post-list.modern .post-item.post-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 330px;
    height: 297px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}


.blog-page .post-list.modern .post-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    isolation: isolate;
    width: 330px;
    height: 297px;
    flex: none;
    order: 0;
    flex-grow: 0;
    position: relative;
    background: #FFFFFF;
    border-radius: 16px;
}

.blog-page .post-list.modern .post-image {
    width: 330px;
    height: 151px;
    border-radius: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.blog-page .post-list.modern .post-image .image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.blog-page .post-list.modern .post-image .image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 330px;
    height: 151px;
    border-radius: 0;
}

.blog-page .post-list.modern .post-image .image-wrap .bg-img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 0;
}

.blog-page .post-list.modern .post-image .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
}

.blog-page .post-list.modern .post-image::after {
    content: '';
    position: absolute;
    width: 330px;
    height: 146px;
    border-radius: 0px 0px 16px 16px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.blog-page .post-list.modern .post-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    width: 100%;
    flex: none;
    order: 2;
    flex-grow: 0;
    box-sizing: border-box;
}

.blog-page .post-list.modern .post-info .post-title-wrap {
    width: 100%;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 8px;
}

.blog-page .post-list.modern .post-info .post-title-wrap h3 {
    width: 303px;
    min-height: 15px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 125%;
    display: flex;
    align-items: center;
    color: #4F4F4F;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-page .post-list.modern .post-info .post-title-wrap h3 a {
    color: #4F4F4F;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-page .post-list.modern .post-info .post-data-wrap {
    display: none;
}

.blog-page .post-list.modern .post-description {
    width: 303px;
    min-height: 36px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 110%;
    color: #A0A0A0;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0 0 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-page .post-list.modern .post-read-more {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 13px;
    gap: 8px;
    width: 280px;
    height: 34px;
    background: #5E2D91;
    border-radius: 24px;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-top: 0;
}

.blog-page .post-list.modern .post-read-more a {
    width: 100%;
    height: 100%;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 125%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: none;
    border-radius: 0;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.blog-page .post-list.modern .post-read-more a:hover {
    color: #FFFFFF;
    text-decoration: none;
    transform: none;
    box-shadow: none;
}

.blog-page .post-list.modern .post-read-more:hover {
    background: #4a2373;
}

@media (max-width: 1260px) and (min-width: 1025px) {
    .post-list.modern {
        max-width: 100%;
        gap: 16px;
        padding: 0 10px;
        justify-content: center;
        overflow-x: visible;
    }
    
    .post-list.modern .post-item.post-holder {
        width: 293px;
        min-width: 293px;
        max-width: 293px;
        flex-shrink: 0;
    }
    
    .post-list.modern .post-container {
        width: 293px;
        height: 297px;
    }
    
    .post-list.modern .post-image,
    .post-list.modern .post-image .image-wrap,
    .post-list.modern .post-image::after {
        width: 293px;
    }
    
    .post-list.modern .post-info {
        width: calc(293px - 28px);
    }
    
    .post-list.modern .post-description,
    .post-list.modern .post-read-more {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .post-list.modern {
        max-width: 100%;
        gap: 14px;
    }
    
    .post-list.modern .post-item.post-holder {
        width: calc(50% - 7px);
        max-width: 330px;
    }
    
    .post-list.modern .post-container {
        width: 100%;
        height: auto;
        min-height: 297px;
    }
    
    .post-list.modern .post-image {
        width: 100%;
    }
    
    .post-list.modern .post-image .image-wrap {
        width: 100%;
    }
    
    .post-list.modern .post-image::after {
        width: 100%;
    }
    
    .post-list.modern .post-info {
        width: calc(100% - 28px);
    }
    
    .post-list.modern .post-description,
    .post-list.modern .post-read-more {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .post-list.modern {
        gap: 16px;
        padding: 0 16px;
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    
    .post-list.modern .post-item.post-holder {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
    
    .post-list.modern .post-container {
        width: 100%;
        max-width: 350px;
        height: auto;
        min-height: 280px;
    }
    
    .post-list.modern .post-image {
        width: 100%;
        height: 150px;
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image .image-wrap {
        width: 100%;
        height: 150px;
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image .image-wrap img {
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image::after {
        width: 100%;
    }
    
    .post-list.modern .post-info {
        width: calc(100% - 20px);
        height: auto;
        min-height: 120px;
        top: 158px;
    }
    
    .post-list.modern .post-info .post-title-wrap {
        width: 100%;
        height: auto;
        min-height: 15px;
    }
    
    .post-list.modern .post-info .post-title-wrap h3 {
        font-size: 16px;
        line-height: 130%;
    }
    
    .post-list.modern .post-description {
        width: 100%;
        height: auto;
        min-height: 32px;
        font-size: 11px;
        line-height: 120%;
    }
    
    .post-list.modern .post-read-more {
        width: calc(100% - 26px);
        height: 36px;
    }
    
    .post-list.modern .post-read-more a {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .post-list.modern {
        gap: 12px;
        padding: 0 12px;
    }
    
    .post-list.modern .post-item.post-holder {
        width: 100%;
        max-width: 300px;
    }
    
    .post-list.modern .post-container {
        width: 100%;
        max-width: 300px;
        height: auto;
        min-height: 270px;
    }
    
    .post-list.modern .post-image {
        width: 100%;
        height: 140px;
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image .image-wrap {
        width: 100%;
        height: 140px;
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image::after {
        width: 100%;
        height: 130px;
    }
    
    .post-list.modern .post-info {
        width: calc(100% - 20px);
        height: auto;
        min-height: 115px;
        top: 148px;
    }
    
    .post-list.modern .post-info .post-title-wrap {
        width: 100%;
    }
    
    .post-list.modern .post-info .post-title-wrap h3 {
        font-size: 15px;
        line-height: 125%;
        margin: 8px 0px;
    }
    
    .post-list.modern .post-description {
        width: 100%;
        height: auto;
        min-height: 30px;
        font-size: 10px;
        line-height: 115%;
        margin: 8px 0px;
    }
    
    .post-list.modern .post-read-more {
        width: calc(100% - 26px);
        height: 32px;
    }
    
    .post-list.modern .post-read-more a {
        font-size: 11px;
    }
}

@media (max-width: 360px) {
    .post-list.modern {
        gap: 10px;
        padding: 0 8px;
    }
    
    .post-list.modern .post-item.post-holder {
        max-width: 280px;
    }
    
    .post-list.modern .post-container {
        max-width: 280px;
        min-height: 250px;
    }
    
    .post-list.modern .post-image {
        height: 130px;
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image .image-wrap {
        height: 130px;
        border-radius: 16px 16px 0 0;
    }
    
    .post-list.modern .post-image::after {
        height: 120px;
    }
    
    .post-list.modern .post-info {
        height: auto;
        min-height: 105px;
        top: 138px;
    }
    
    .post-list.modern .post-info .post-title-wrap h3 {
        font-size: 14px;
    }
    
    .post-list.modern .post-description {
        font-size: 9px;
        min-height: 28px;
    }
    
    .post-list.modern .post-read-more {
        height: 30px;
    }
    
    .post-list.modern .post-read-more a {
        font-size: 10px;
    }
}

.blog-page .blog-content-recent {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.blog-page .blog-content-recent-title {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 30px;
    line-height: 110%;
    color: #434244;
    margin-bottom: 24px;
}

.blog-page .blog-content-recent-grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.blog-page .blog-content-recent-grid [class*="blog-content-recent-row-"] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.blog-page .blog-content-recent-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: calc(33.333% - 14px);
    max-width: 293px;
    height: 227px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #FFFFFF;
}

.blog-page .blog-content-recent-card-image {
    width: 100%;
    height: 139px;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    position: relative;
}

.blog-page .blog-content-recent-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}

.blog-page .blog-content-recent-card-overlay {
    width: 100%;
    height: 88px;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    bottom: 0;
    border-radius: 0 0 16px 16px;
}

.blog-page .blog-content-recent-card-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    gap: 8px;
    width: calc(100% - 16px);
    bottom: 8px;
    left: 8px;
}

.blog-page .blog-content-recent-card-title {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 12px;
    line-height: 125%;
    color: #4F4F4F;
}

.blog-page .blog-content-recent-card-title a {
    color: #4F4F4F;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-page .blog-content-recent-card-title a:hover {
    color: #5E2D91;
}

.blog-page .blog-content-recent-card-description {
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 7px;
    line-height: 110%;
    color: #A0A0A0;
    margin-bottom: 4px;
}

.blog-page .blog-content-recent-card-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    background: #5E2D91;
    border-radius: 24px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog-page .blog-content-recent-card-button:hover {
    background: #4a2373;
    text-decoration: none;
}

.blog-page .blog-content-recent-card-button-text {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 7px;
    line-height: 125%;
    color: #FFFFFF;
}

.blog-page .blog-content-recent-card-category {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px 4px;
    background: #5E2D91;
    border-radius: 4px;
    position: absolute;
    top: 113px;
    right: 8px;
    z-index: 10;
}

.blog-page .blog-content-recent-card-category-text {
    font-family: 'Avenir';
    font-weight: 400;
    font-size: 7.2px;
    line-height: 9px;
    color: #FFFFFF;
    text-transform: uppercase;
}

@media (max-width: 1260px) and (min-width: 1025px) {
    .blog-content-recent {
        padding: 0 10px;
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
    }
    
    .blog-content-recent-grid {
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
    }
    
    .blog-content-recent-grid [class*="blog-content-recent-row-"] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    
    .blog-content-recent-card {
        width: 293px;
        min-width: 293px;
        flex-shrink: 0;
    }
}

@media (max-width: 1024px) {
    .blog-content-recent-card {
        width: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .blog-content-recent-grid [class*="blog-content-recent-row-"] {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .blog-content-recent-card {
        width: 100%;
        max-width: 100%;
    }
    
    .blog-content-recent-title {
        font-size: 24px;
        text-align: center;
    }
    
    .blog-content-recent {
        padding: 0 15px;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .blog-content-recent {
        padding: 0 15px;
    }
    
    .blog-content-recent-card-title {
        font-size: 14px;
    }
    
    .blog-content-recent-card-description {
        font-size: 8px;
    }
    
    .blog-content-recent-card-button-text {
        font-size: 8px;
    }
}

.blog-page .blog-content-featured {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    width: 100%;
    max-width: 899px;
    height: 207px;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    margin: 0 auto 40px auto;
    background: #FFFFFF;
}

.blog-page .blog-content-featured-background {
    width: 50%;
    height: 207px;
    background: #FFFFFF;
    border-radius: 24px 0 0 24px;
    position: relative;
}

.blog-page .blog-content-featured-image {
    width: 50%;
    height: 207px;
    border-radius: 0 24px 24px 0;
    overflow: hidden;
    position: relative;
}

.blog-page .blog-content-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 24px 24px 0;
}

.blog-page .blog-content-featured-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 5px;
    width: calc(100% - 44px);
    height: 174px;
    left: 22px;
    top: 16px;
}

.blog-page .blog-content-featured-label {
    width: 100%;
    height: 25px;
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 25px;
    display: flex;
    align-items: center;
    color: #575757;
}

.blog-page .blog-content-featured-title {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #3B3B3B;
    align-self: stretch;
}

.blog-page .blog-content-featured-description {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 24px;
    color: #3B3B3B;
    margin: 0px;
    padding: 0px;
}


.blog-page .blog-content-featured-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 136px;
    height: 34px;
    background: #5E2D91;
    border-radius: 8px;
}


.blog-page .blog-content-featured-button:hover {
    background: #4a2373;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(94, 45, 145, 0.3);
    text-decoration: none;
}

.blog-page .blog-content-featured-button-text {
    font-family: 'Avenir';
    font-weight: 700;
    font-size: 12px;
    line-height: 125%;
    color: #FFFFFF;
    padding: 13px 0px;
}

@media (max-width: 1260px) and (min-width: 1025px) {
    .blog-content-featured {
        width: 100%;
        max-width: 100%;
        height: 207px;
        margin: 0 auto 40px auto;
        overflow: hidden;
    }
    
    .blog-content-featured-background,
    .blog-content-featured-image {
        width: 50%;
        height: 207px;
    }
    
    .blog-content-featured-content {
        width: calc(50% - 40px);
        min-height: 167px;
        left: 20px;
        top: 20px;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .blog-content-featured {
        max-width: 95%;
        margin: 0 auto 35px auto;
    }
}

@media (max-width: 768px) {
    .blog-content-featured {
        flex-direction: column;
        height: auto;
        max-width: 100%;
        margin: 0 auto 30px auto;
        border-radius: 16px;
    }
    
    .blog-content-featured-background {
        width: 100%;
        height: auto;
        min-height: 180px;
        border-radius: 16px 16px 0 0;
        order: 1;
    }
    
    .blog-content-featured-image {
        width: 100%;
        height: 200px;
        border-radius: 0 0 16px 16px !important;
        order: 2;
    }
    
    .blog-content-featured-image img {
        border-radius: 0 0 16px 16px !important;
        object-fit: cover;
    }
    
    .blog-content-featured-content {
        position: relative;
        width: calc(100% - 40px);
        height: auto;
        min-height: auto;
        left: 0;
        top: 0;
        padding: 20px;
        gap: 12px;
    }
    
    .blog-content-featured-description {
        font-weight: 400;
        -webkit-line-clamp: 4;
    }
    
    .blog-content-featured-button {
        width: 140px;
        height: 36px;
        margin-top: 8px;
    }
    
    .blog-content-featured-button-text {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .blog-content-featured {
        margin: 0 auto 25px auto;
        border-radius: 12px;
    }
    
    .blog-content-featured-background {
        border-radius: 0 0 12px 12px;
        min-height: 160px;
    }
    
    .blog-content-featured-image {
        height: 180px;
        border-radius: 0 0 12px 12px !important;
    }
    
    .blog-content-featured-image img {
        border-radius: 0 0 12px 12px !important;
        object-fit: cover;
    }
    
    .blog-content-featured-content {
        width: calc(100% - 30px);
        padding: 15px;
        gap: 10px;
    }
    
    .blog-content-featured-description {
        -webkit-line-clamp: 3;
    }
    
    .blog-content-featured-button {
        width: 130px;
        height: 34px;
        margin-top: 5px;
    }
    
    .blog-content-featured-button-text {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .blog-content-featured {
        border-radius: 24px;
        margin: 0 auto 20px auto;
    }
    
    .blog-content-featured-background {
        border-radius: 24px 24px 24px 24px;
        min-height: 150px;
    }
    
    .blog-content-featured-image {
        height: 160px;
        border-radius: 0 0 24px 24px !important;
    }
    
    .blog-content-featured-image img {
        border-radius: 0 0 24px 24px !important;
        object-fit: cover;
    }
    
    .blog-content-featured-content {
        width: calc(100% - 24px);
        padding: 12px;
        gap: 8px;
    }
    
    .blog-content-featured-button {
        width: 120px;
        height: 32px;
    }
    
    .blog-content-featured-button-text {
        font-size: 11px;
    }
}

.blog-post-view .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;}

.blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;}
.blog-post-view .post-data-wrap a {font-weight: 600;}
.blog-post-view .post-data {color: #bbbbbb;}

.blog-post-view .post-comments {margin-right: 20px;}

.blog-post-view .post-sharing {margin-bottom: 20px;}

.blog-post-view .post-featured-image {font-size: 0;margin-bottom: 20px;}

.blog-post-view .post-tag {margin-bottom: 20px;}
.blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px 10px 0;text-transform: uppercase;font-size: 11px;}
.blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color); /*color: #222; */background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;}
.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;}

.blog-post-view .post-description {margin-bottom: 30px;}
.blog-post-view .post-description p {font-size: 1.4rem;line-height: 1.7;}

.blog-page .post-view .post-bottom {margin-top:30px;}

.blog-page .post-view-modern .post-sharing-bottom {}
.blog-page .post-sharing-bottom {padding: 30px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.blog-page .post-sharing-bottom .share-elements {text-align: center;}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 5px 5px 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {background-color: rgb(0, 0, 0);}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper.icon-linkedin {background-color: rgb(2, 136, 209);}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper .icon {line-height: 48px;height: 48px;width: 48px;display: inline-block;overflow: hidden;vertical-align: top;}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper .label {font-size: 13px;line-height: 48px;height: 48px;color: #ffffff;display: inline-block;padding: 0 15px 0 3px;vertical-align: top;}
.blog-page .post-sharing-bottom .share-elements .icon-wrapper:hover {transform: translateY(-4px);}

.blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;}
.blog-post-view .post-gallery .gallery-image-hld {display: inline-block;}
.blog-post-view .post-gallery .gallery-image-hld img {}

.blog-post-view .post-nextprev  {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;/*color: #222222;*/font-weight: 600;text-align: right;opacity: 0.7;}
.blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;}
.blog-post-view .post-nextprev .nextprev-link span {display: block;color: #bbbbbb;font-size: 14px;font-weight: normal;}

.blog-post-view .post-bottom .block.related {margin-bottom: 0;}
.blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;margin: 0;}

.blog-page .mfblog-related-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;}
.blog-page .mfblog-related-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;}

.blog-page .mfblog-related-posts-block.block.related .post-list .post-item .image-container {
    -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.blog-page .mfblog-related-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.blog-page .mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.blog-page .mfblog-related-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
.blog-page .mfblog-related-posts-block.block.related .post-list .block-info h3.post-title a {font-size: 14px !important;line-height: 20px !important;font-weight: 600 !important; /*color: #222222; */}
@media (max-width: 767px) {
    .mfblog-related-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;}
}

.blog-page .mfblog-related-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.blog-page .mfblog-related-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

.block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;}
.block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;}

@media (max-width: 767px) {
    .blog-post-view .page-title-wrapper .page-title {font-size: 20px; display: none;}
    .blog-post-view .post-nextprev .nextprev-link {font-size: 14px;line-height: 1.4;}
}

.blog-page .image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;}
.blog-page .image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;}
.blog-page .image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1);  -webkit-transform: scale3d(1.1,1.1,1);}


.blog-page .widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.blog-page .widget.blog-search .block-content {margin-bottom: 0;}
.blog-page .widget.blog-search .block-content .form {position: relative;}
.blog-page .widget.blog-search  label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.blog-page .widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.blog-page .widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.blog-page .widget.blog-search .action.search {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;}
.blog-page .widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;}
.blog-page .widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.blog-search .actions .action.search {background: #222222;right: 0;padding: 0 10px;border-radius: 0;}

.blog-page .widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;}

.blog-page .widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.blog-page .widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}

.blog-page .widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;}
.blog-page .widget.block-list-posts .post-list .post-item .block-info .block-date {color: #bbbbbb;}
.blog-page .widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;}

.blog-page .widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;}
.blog-page .widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.blog-page .widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}

.blog-page .widget.block-posts-list .post-item {display: flex;gap: 1.5rem;}
.blog-page .widget.block-posts-list .post-item .image-container {flex: 0 0 33.333333%;width: 33.333333%;align-self: flex-start;display: block;order: 0;margin-bottom: 10px;}
.blog-page .widget.block-posts-list .post-item .image-container .image-wrap {display: block;position: relative;overflow: hidden;}
.blog-page .widget.block-posts-list .post-item .image-container .image-wrap._4x3 {padding-bottom: 70%;}
.blog-page .widget.block-posts-list .post-item .image-container .image-wrap .bg-img {display: block;position: absolute;width: 100%;height: 100%;max-width: 100%;background-size: cover;background-position: center;}
.blog-page .widget.block-posts-list .post-item .block-info .post-title {margin: 0 0 0.5rem 0 !important;}
.blog-page .widget.block-posts-list .post-item .block-info .post-title .post-item-name {display: block;font-size: 16px;line-height: 22px;font-weight: 500;text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.blog-page .widget.block-posts-list .post-item .block-info .block-date {line-height: 1rem;}
.blog-page .widget.block-posts-list .post-item .block-info .block-date .post-date {font-size: 11px;line-height: 1.2rem;color: #bbbbbb;font-family: sans-serif;}
.blog-page .widget.block-posts-list .post-item .block-info .post-description {display: none;line-height: 21px;font-size: 13px;}
.blog-page .widget.block-posts-list .post-item .block-info .read-more {display: none;}

.blog-page .widget.block-archive .archive-item-link {font-weight: 600}

.blog-page .widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;}

.blog-sidebar-categories-modern {
    margin: 0px 20px;
}

.blog-sidebar-categories-modern .frame-15006 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 32px;
    width: 100%;
}

.blog-sidebar-categories-modern .frame-14998 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 20px;
    width: 100%;
}

.blog-sidebar-categories-modern .frame-15003 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100%;
}

.blog-sidebar-categories-modern .categories-title {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
    margin-bottom: 12px;
}

.blog-sidebar-categories-modern .frame-15002 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 4px;
    width: 100%;
}

.blog-sidebar-categories-modern .category-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #5E2D91;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 4px;
    text-decoration: none;
    box-sizing: border-box;
}

.blog-sidebar-categories-modern .category-button:hover {
    background: #5E2D91;
    color: #FFFFFF;
    text-decoration: none;
}

.blog-sidebar-categories-modern .category-text {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 13px;
    line-height: 125%;
    color: #5E2D91;
    transition: color 0.3s ease;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    gap: 8px;
}

.blog-sidebar-categories-modern .category-button:hover .category-text {
    color: #FFFFFF;
}

.blog-sidebar-categories-modern .category-count {
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 9px;
    line-height: 125%;
    color: #5E2D91;
    transition: color 0.3s ease;
    margin-left: 4px;
}

.blog-sidebar-categories-modern .category-button:hover .category-count {
    color: #FFFFFF;
}

.blog-sidebar-other-links .other-link-title {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    margin: 0px 20px;
    padding: 0;
}

@media (max-width: 1260px) and (min-width: 761px) {
    .blog-sidebar-categories-modern {
        margin: 0px 15px;
        width: calc(100% - 30px);
        max-width: 100%;
    }
    
    .blog-sidebar-categories-modern .frame-15002 {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
    }
    
    .blog-sidebar-categories-modern .category-button {
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        padding: 6px 10px;
        box-sizing: border-box;
    }
    
    .blog-sidebar-categories-modern .category-text {
        font-size: 10px;
        white-space: normal;
        word-wrap: break-word;
    }
}

@media (max-width: 760px) {
    .blog-sidebar-categories-modern {
        margin: 0px 15px;
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
    }
    
    .blog-sidebar-categories-modern .categories-title {
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
    
    .blog-sidebar-categories-modern .frame-15002 {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
        justify-content: flex-start;
    }
    
    .blog-sidebar-categories-modern .category-button {
        max-width: none;
        flex: 0 1 auto;
        min-width: fit-content;
        padding: 4px 8px;
        font-size: 12px;
        width: auto;
    }
    
    .blog-sidebar-categories-modern .category-text {
        font-size: 11px;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .blog-sidebar-categories-modern .categories-title {
        font-size: 14px;
        text-align: center;
    }
    
    .blog-sidebar-categories-modern .frame-15002 {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .blog-sidebar-categories-modern .category-button {
        max-width: none;
        flex: 0 1 auto;
        min-width: fit-content;
        padding: 4px 8px;
        font-size: 12px;
    }
    
    .blog-sidebar-categories-modern .category-text {
        font-size: 11px;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .blog-sidebar-categories-modern .category-button {
        padding: 3px 6px;
        font-size: 10px;
    }
    
    .blog-sidebar-categories-modern .category-text {
        font-size: 9px;
    }
    
    .blog-sidebar-categories-modern .category-count {
        font-size: 8px;
    }
    
    .blog-sidebar-categories-modern .frame-15002 {
        gap: 6px;
    }
}

.blog-sidebar-logo .logo-container {
    position: relative;
    width: 131px;
    height: 45px;
    margin: 20px;
}

.blog-page .sidebar.sidebar-additional {
    display: flex;
    flex-direction: column;
    padding: 0px;
    width: 308px !important;
    height: 841px;
    background: #FFFFFF;
    margin-bottom: 30px;
}

.blog-page .sidebar.sidebar-additional .block {
    margin-bottom: 0;
    border: none;
    background: transparent;
}

.blog-sidebar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 19px 25px;
    gap: 10px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

.blog-sidebar-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blog-sidebar-logo {
    position: relative;
    width: 131px;
    height: 45px;
    margin-bottom: 20px;
}

.blog-sidebar-logo-text {
    font-family: 'Avenir';
    font-weight: 400;
    font-size: 17.5px;
    line-height: 21px;
    color: #9587BA;
    margin-bottom: 5px;
}

.blog-sidebar-club-text {
    font-family: 'Avenir';
    font-weight: 400;
    font-size: 17.1px;
    line-height: 21px;
    color: #9082B7;
}

.blog-sidebar-categories {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 32px;
    width: 100%;
}

.blog-sidebar-categories-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 20px;
    width: 100%;
}

.blog-sidebar-categories-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 12px;
    width: 100%;
}

.blog-sidebar-categories-title {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 16px;
    line-height: 125%;
    color: #000000;
    margin-bottom: 12px;
}

.blog-sidebar-categories-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 4px;
    width: 100%;
}

.blog-sidebar-category-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #5E2D91;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 4px;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.blog-sidebar-category-button:hover {
    background: #5E2D91;
    color: #FFFFFF;
    text-decoration: none;
}

.blog-sidebar-category-text {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 10px;
    line-height: 125%;
    color: #5E2D91;
    transition: color 0.3s ease;
}

.blog-sidebar-category-button:hover .blog-sidebar-category-text {
    color: #FFFFFF;
}

.blog-sidebar-other-links {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    margin-top: 20px;
}

.blog-page .column.main {
    flex: 1;
    order: 2;
    max-width: 899px;
}

.blog-page .sidebar.sidebar-additional {
    order: 1;
    flex: 0 0 308px;
}

.blog-page .sidebar.sidebar-additional .block-title {
    display: none;
}

.blog-page .sidebar.sidebar-additional .widget:not(.blog-sidebar-categories-modern):not(.blog-sidebar-recent-modern) {
    display: none;
}

@media (max-width: 1260px) and (min-width: 1025px) {
    .blog-page .columns {
        gap: 20px;
        max-width: 100%;
        overflow-x: visible;
    }
    
    .sidebar.sidebar-additional {
        width: 308px;
        flex: 0 0 308px;
        margin-right: 20px;
        min-width: 308px;
    }
    
    .blog-page .column.main {
        flex: 1;
        min-width: 0;
        max-width: calc(100% - 328px);
    }
}

@media (max-width: 1024px) {
    .blog-page .columns {
        gap: 30px;
    }
    
    .sidebar.sidebar-additional {
        width: 280px;
        flex: 0 0 280px;
        margin-right: 30px;
    }
    
    .blog-page .column.main {
        max-width: calc(100% - 310px);
    }
}

@media (max-width: 768px) {
    .blog-page .columns {
        flex-direction: column;
        gap: 20px;
    }
    
    .blog-page .column.main {
        order: 2;
        max-width: 100%;
        width: 100%;
    }
    
    .blog-page .sidebar.sidebar-additional {
        order: 1;
        flex: none;
        width: 100%;
        margin-right: 0;
        min-height: auto;
        height: auto;
    }
    
    .blog-sidebar {
        position: relative;
    }
    
    .blog-sidebar-mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0;
        cursor: pointer;
        padding: 0;
        border-bottom: 1px solid #e0e0e0;
        background: #FFFFFF;
        position: relative;
    }
    
    .blog-sidebar-dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 40px;
        background: #5E2D91;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        flex-shrink: 0;
        position: relative;
        margin-right: 10px;
    }
    
    .blog-sidebar-dropdown-toggle:hover {
        background: #4a2373;
        transform: scale(1.05);
    }
    
    .blog-sidebar-dropdown-toggle::after {
        content: '▼';
        color: #FFFFFF;
        font-size: 12px;
        transition: transform 0.3s ease;
        line-height: 1;
    }
    
    .blog-sidebar-dropdown-toggle.active::after {
        transform: rotate(180deg);
    }
    
    .blog-sidebar-dropdown-content {
        display: none;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        background: #FFFFFF;
        border-radius: 0 0 8px 8px;
    }
    
    .blog-sidebar-dropdown-content.show {
        display: block;
        max-height: 400px;
        padding: 15px 0;
        overflow-y: auto;
    }
    
    .blog-sidebar-dropdown-content .blog-sidebar-categories-modern {
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s ease 0.1s;
    }
    
    .blog-sidebar-dropdown-content.show .blog-sidebar-categories-modern {
        opacity: 1;
        transform: translateY(0);
    }
    
    .blog-sidebar-categories-modern {
        display: none;
    }
    
    .blog-sidebar-dropdown-content.show .blog-sidebar-categories-modern {
        display: block;
    }
    
    .blog-page .sidebar.sidebar-additional {
        background: #FFFFFF;
        border-radius: 8px;
        margin-bottom: 20px;
    }
}

@media (max-width: 760px) {
    .blog-sidebar-dropdown-content {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        box-sizing: border-box;
    }
    
    .blog-page .sidebar.sidebar-additional {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    
    .blog-sidebar-logo {
        width: 100%;
        text-align: left;
        padding-bottom: 20px;
    }
    
    .blog-sidebar-dropdown-toggle {
        width: 32px;
        height: 36px;
        margin-right: 8px;
    }
    
    .blog-sidebar-dropdown-toggle::after {
        font-size: 11px;
    }
}

.blog-page .widget.block-list-posts {
    margin-top: 93px;
    margin-bottom: 30px;
}

.blog-page .widget.block-list-posts .block-title {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 30px;
    line-height: 110%;
    color: #434244;
    margin-bottom: 24px;
}

/* Recent Posts Widget - Use same structure as main post list */
.blog-page .widget.block-list-posts .post-list.modern {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    max-width: 900px;
    list-style: none;
    margin: 0 auto;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.blog-page .widget.block-list-posts .post-list.modern .post-item.post-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: calc(33.333% - 11px);
    max-width: 293px;
    height: 297px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 18px;
}

.blog-page .widget.block-list-posts .post-list.modern .post-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    isolation: isolate;
    width: 100%;
    height: 297px;
    flex: none;
    order: 0;
    flex-grow: 0;
    position: relative;
    background: #FFFFFF;
    border-radius: 16px;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image {
    width: 100%;
    height: 151px;
    border-radius: 16px 16px 0 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image .image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image .image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 151px;
    border-radius: 0;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image .post-category {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 10;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image .post-category a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    background: #000000;
    border-radius: 4px;
    font-family: 'Avenir';
    font-weight: 700;
    font-size: 8px;
    line-height: 125%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.blog-page .widget.block-list-posts .post-list.modern .post-image .post-category a:hover {
    background: #4db2ec;
}

.blog-page .widget.block-list-posts .post-list.modern .post-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    position: absolute;
    width: calc(100% - 20px);
    height: 125px;
    left: 10px;
    top: 159px;
    flex: none;
    order: 2;
    flex-grow: 0;
    z-index: 2;
    box-sizing: border-box;
}

.blog-page .widget.block-list-posts .post-list.modern .post-info .post-title-wrap {
    width: 100%;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 0;
}

.blog-page .widget.block-list-posts .post-list.modern .post-info .post-title-wrap h3 {
    margin: 8px 0px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 125%;
    display: flex;
    align-items: center;
    color: #4F4F4F;
    width: 100%;
    height: 100%;
}

.blog-page .widget.block-list-posts .post-list.modern .post-info .post-title-wrap h3 a {
    color: #4F4F4F;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-page .widget.block-list-posts .post-list.modern .post-info .post-title-wrap h3 a:hover {
    color: #5E2D91;
}

.blog-page .widget.block-list-posts .post-list.modern .post-info .post-data-wrap {
    display: none;
}

.blog-page .widget.block-list-posts .post-list.modern .post-description {
    width: 100%;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 7px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #A0A0A0;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 4px 0px;
}

.blog-page .widget.block-list-posts .post-list.modern .post-read-more {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 24px;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-top: auto;
}

.blog-page .widget.block-list-posts .post-list.modern .post-read-more a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    background: #5E2D91;
    border-radius: 24px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 7px;
    line-height: 125%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.blog-page .widget.block-list-posts .post-list.modern .post-read-more a:hover {
    background: #4a2373;
    color: #FFFFFF;
    text-decoration: none;
}

/* Recent Posts - Use same image styling as main post list */
.blog-page .widget.block-list-posts .item .post-image {
    width: 100%;
    height: 151px;
    border-radius: 16px 16px 0 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.blog-page .widget.block-list-posts .item .post-image .image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.blog-page .widget.block-list-posts .item .post-image .image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 151px;
    border-radius: 0;
}

.blog-page .widget.block-list-posts .item .post-image .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
}

/* Recent Posts - Simple working approach */
.blog-page .widget.block-list-posts .item .article-overlay {
    width: 100%;
    height: 88px;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 16px 16px;
    z-index: 5;
}

.blog-page .widget.block-list-posts .item .block-info {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 265px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    box-sizing: border-box;
}

.blog-page .widget.block-list-posts .item .block-info .post-item-link {
    width: 163px;
    height: 15px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 125%;
    display: flex;
    align-items: center;
    color: #4F4F4F;
    text-decoration: none;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 4px;
    transition: color 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-page .widget.block-list-posts .item .block-info .post-item-link:hover {
    color: #5E2D91;
}

.blog-page .widget.block-list-posts .item .block-info .post-description {
    width: 259px;
    height: 17px;
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 7px;
    line-height: 110%;
    display: flex;
    color: #A0A0A0;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-page .widget.block-list-posts .item .block-info .post-read-more {
    margin-top: auto;
}

.blog-page .widget.block-list-posts .item .block-info .post-read-more .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    background: #5E2D91;
    border-radius: 24px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 7px;
    line-height: 125%;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.blog-page .widget.block-list-posts .item .block-info .post-read-more .action:hover {
    background: #4a2373;
    transform: translateY(-1px);
}

.blog-page .widget.block-list-posts .block-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-page .widget.block-list-posts .block-content .article-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    width: 100%;
    gap: 20px;
    margin-bottom: 18px;
}

.blog-page .widget.block-list-posts .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 293px;
    height: 227px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 18px;
}

.blog-page .widget.block-list-posts .item .post-image {
    width: 293px;
    height: 139px;
    border-radius: 16px 16px 0 0;
    position: relative;
    overflow: hidden;
}

.blog-page .widget.block-list-posts .item .post-image .image-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 0 !important; 
}

.blog-page .widget.block-list-posts .item .post-image .bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
}

.blog-page .widget.block-list-posts .item .post-image .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: static !important; 
    border-radius: 0;
}

.blog-page .widget.block-list-posts .item .article-overlay {
    width: 293px;
    height: 88px;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    bottom: 0;
    border-radius: 0 0 16px 16px;
}

.blog-page .widget.block-list-posts .item .block-info {
    align-items: flex-start;
    width: calc(100% - 16px);
}

.blog-page .widget.block-list-posts .item .post-image .post-category {
    position: absolute;
    top: 113px;
    right: 8px;
    z-index: 10;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
}

.blog-page .widget.block-list-posts .item .post-image .post-category a {
    font-family: 'Avenir';
    font-weight: 400;
    font-size: 7.2px;
    line-height: 9px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
    padding: 4px 6px;
    background-color: #5E2D91;
}

.blog-page .widget.block-list-posts .item .block-info .post-item-link {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 12px;
    line-height: 125%;
    color: #4F4F4F;
    text-decoration: none;
    margin: 0;
    display: block;
}

.blog-page .widget.block-list-posts .item .block-info .post-description {
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 7px;
    line-height: 110%;
    color: #A0A0A0;
    margin: 0;
    overflow: hidden;
}

.blog-page .widget.block-list-posts .item .block-info .post-read-more {
    margin: 0;
}

.blog-page .widget.block-list-posts .item .block-info .post-read-more .action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    background: #5E2D91;
    border-radius: 24px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 7px;
    line-height: 125%;
    color: #FFFFFF;
}

.blog-page .widget.block-list-posts .item .block-info .post-read-more .action:hover {
    background: #4a2373;
}


.blog-page .widget.block-list-posts .item .post-image .post-category a:hover {
    background: #4a2373;
    transform: translateY(-2px);
}

.blog-page .widget.block-list-posts .item .post-item-link {
    display: block;
    order: 1;
}

.blog-page .widget.block-list-posts .item .post-description {
    padding: 0 20px;
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 10px;
    line-height: 110%;
    color: #A0A0A0;
    margin-bottom: 16px;
    order: 2;
    flex: 1;
}

.blog-page .widget.block-list-posts .item .post-read-more {
    padding: 0 20px 20px 20px;
    margin-top: auto;
    order: 3;
}

.blog-page .widget.block-list-posts .item .post-read-more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: #5E2D91;
    color: #FFFFFF;
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 6px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.blog-page .widget.block-list-posts .item .post-read-more a:hover {
    background: #4a2373;
    color: #FFFFFF;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(94, 45, 145, 0.3);
}

.blog-page .widget.block-list-posts .item .post-item-link {
    font-family: 'Avenir';
    font-weight: 800;
    font-size: 15px;
    line-height: 125%;
    color: #4F4F4F;
    text-decoration: none;
    transition: color 0.3s ease;
    margin-bottom: 8px;
}

.blog-page .widget.block-list-posts .item .post-item-category {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 10;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 8px;
    line-height: 110%;
    text-decoration: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-page .widget.block-list-posts .item .post-item-description {
    padding: 0 20px 10px 20px;
    font-family: 'Avenir';
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: #666666;
    margin-bottom: 12px;
    order: 5;
}

.blog-page .widget.block-list-posts .item .read-more-btn {
    padding: 0 20px 15px 20px;
    order: 6;
}

.blog-page .widget.block-list-posts .item .read-more-btn a {
    font-family: 'Avenir';
    font-weight: 600;
    font-size: 11px;
    line-height: 110%;
    color: #5E2D91;
    text-decoration: none;
    transition: color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-page .widget.block-list-posts .item .read-more-btn a:hover {
    color: #4a2373;
    text-decoration: none;
}

.blog-page .widget.block-list-posts .item .post-item-date {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 10;
    font-family: 'Avenir';
    font-weight: 500;
    font-size: 7px;
    line-height: 110%;
    color: #A0A0A0;
}

@media (max-width: 1260px) and (min-width: 1201px) {
    .widget.block-list-posts {
        margin-top: 93px;
        margin-bottom: 30px;
        padding: 0 10px;
    }
    
    .widget.block-list-posts .block-content {
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .widget.block-list-posts .item {
        width: 293px;
        height: 227px;
        margin: 0 0 18px 0;
        flex-shrink: 0;
    }
    
    .widget.block-list-posts .item .post-image,
    .widget.block-list-posts .item .article-overlay {
        width: 293px;
    }
}

@media (max-width: 1200px) {
    .widget.block-list-posts .block-content {
        justify-content: center;
    }
    
    .widget.block-list-posts .item {
        width: 293px;
        margin: 0 10px 18px 10px;
    }
}

@media (max-width: 1024px) {
    .widget.block-list-posts {
        margin-top: 60px;
        padding: 0 20px;
    }
    
    .widget.block-list-posts .block-content {
        justify-content: center;
        gap: 16px;
    }
    
    .widget.block-list-posts .item {
        width: calc(50% - 8px);
        max-width: 280px;
        margin: 0 0 16px 0;
    }
    
    .widget.block-list-posts .block-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .widget.block-list-posts {
        margin-top: 40px;
        padding: 0 16px;
    }
    
    .widget.block-list-posts .block-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 0;
    }
    
    .widget.block-list-posts .item {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px auto;
        height: auto;
        min-height: 227px;
    }
    
    .widget.block-list-posts .item .post-image,
    .widget.block-list-posts .item .article-overlay {
        width: 100%;
    }
    
    .widget.block-list-posts .item .post-image {
        height: 160px;
        border-radius: 16px 16px 0 0;
    }
    
    .widget.block-list-posts .item .post-image .bg-img,
    .widget.block-list-posts .item .post-image .image-wrap img {
        border-radius: 16px 16px 0 0;
    }
    
    .widget.block-list-posts .item .article-overlay {
        height: 100px;
    }
    
    .widget.block-list-posts .block-title {
        font-size: 26px;
        text-align: center;
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .widget.block-list-posts .item .block-info .post-item-link {
        font-size: 14px;
        line-height: 130%;
        padding: 15px 20px 0px 20px;
    }
    
    .widget.block-list-posts .item .block-info .post-description {
        font-size: 9px;
        line-height: 120%;
        padding: 5px 20px;
    }
    
    .widget.block-list-posts .item .block-info .post-read-more {
        padding: 0 20px 15px 20px;
    }
    
    .widget.block-list-posts .item .block-info .post-read-more .action {
        padding: 6px 12px;
        font-size: 9px;
    }
}

@media (max-width: 480px) {
    .widget.block-list-posts {
        margin-top: 30px;
        padding: 0 12px;
    }
    
    .widget.block-list-posts .block-title {
        font-size: 22px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    
    .widget.block-list-posts .item {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 200px;
    }
    
    .widget.block-list-posts .item .post-image {
        height: 140px;
        border-radius: 16px 16px 0 0;
    }
    
    .widget.block-list-posts .item .post-image .bg-img,
    .widget.block-list-posts .item .post-image .image-wrap img {
        border-radius: 16px 16px 0 0;
    }
    
    .widget.block-list-posts .item .article-overlay {
        height: 80px;
    }
    
    .widget.block-list-posts .item .block-info .post-item-link {
        padding: 12px 16px 0px 16px !important;
    }
    
    .widget.block-list-posts .item .block-info .post-description {
        font-size: 8px;
        line-height: 115%;
        padding: 4px 16px;
    }
    
    .widget.block-list-posts .item .block-info .post-read-more {
        padding: 0 16px 20px 16px;
    }
    
    .widget.block-list-posts .item .block-info .post-read-more .action {
        padding: 5px 10px;
        font-size: 8px;
        border-radius: 20px;
    }
    
    .widget.block-list-posts .item .post-image .post-category {
        top: 110px;
        right: 6px;
    }
    
    .widget.block-list-posts .item .post-image .post-category a {
        font-size: 6px;
        padding: 3px 5px;
    }
}

@media (max-width: 360px) {
    .widget.block-list-posts {
        padding: 0 8px;
    }
    
    .widget.block-list-posts .item {
        max-width: 100%;
    }
    
    .widget.block-list-posts .item .post-image {
        height: 130px;
        border-radius: 16px 16px 0 0;
    }
    
    .widget.block-list-posts .item .post-image .bg-img,
    .widget.block-list-posts .item .post-image .image-wrap img {
        border-radius: 16px 16px 0 0;
    }
    
    .widget.block-list-posts .item .article-overlay {
        height: 75px;
    }
    
    .widget.block-list-posts .block-title {
        font-size: 20px;
        margin-bottom: 18px;
        text-align: start;
    }
}