.elementor-placeholder {
        width: 100%;
        padding-top: 56.25%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    /* Base Styles */
    .modernpress-post-layout-1 {
        background: #ffffff;
        border: 1px solid #E1E4EB;
        border-radius: 16px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .modernpress-post-layout-1:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    .modernpress-post-layout-1 .modernpress-post-image {
        position: relative;
        overflow: hidden;
    }

    .modernpress-post-layout-1 .modernpress-post-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-1:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-1 .modernpress-post-categories {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .modernpress-post-layout-1 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease, color 0.3s ease;
        margin-bottom: 5px;
    }

    .modernpress-post-layout-1 .category-tag:hover {
        background: rgba(45, 55, 72, 1);
        color: #fff;
    }

    .modernpress-post-layout-1 .modernpress-post-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .modernpress-post-layout-1 .modernpress-post-meta {
        color: #718096;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .modernpress-post-layout-1 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-1 .modernpress-post-title a {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-1 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-1 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        margin-bottom: 16px;
        flex-grow: 1;
    }

    .modernpress-post-layout-1 .modernpress-post-read-more {
        margin-top: auto;
    }

    .modernpress-post-layout-1 .read-more-link {
        display: inline-block;
        color: #0D3FB0;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-1 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0D3FB0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-1 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    /* Grid Layout */
    .modernpress-posts-grid-1 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    /* Slider Layout */
    .modernpress-posts-slider .modernpress-post-layout-1 {
        margin: 10px;
    }

    /* Slider Navigation */
    /* .swiper-button-next:after {
        content: '';
        display: inline-block;
        width: 60px;
        height: 60px;
        background-image: url('<?php echo esc_url(plugins_url('assets/icons/next-slider.svg', __FILE__)); ?>');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .swiper-button-prev:after {
        content: '';
        display: inline-block;
        width: 60px;
        height: 60px;
        background-image: url('<?php echo esc_url(plugins_url('assets/icons/prev-slider.svg', __FILE__)); ?>');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    } */

    /* Large Screens (min-width: 1400px) */
    @media (min-width: 1400px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 300px;
        }

        .modernpress-post-layout-1 .modernpress-post-title {
            font-size: 22px;
        }

        .modernpress-post-layout-1 .modernpress-post-content {
            padding: 25px;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            font-size: 16px;
            line-height: 24px;
        }
    }

    /* Desktop (1200px - 1399px) */
    @media (min-width: 1200px) and (max-width: 1399px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 270px;
        }
    }

    /* Small Desktop / Large Tablet (992px - 1199px) */
    @media (min-width: 992px) and (max-width: 1199px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 240px;
        }

        .modernpress-posts-grid-1 {
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }
    }

    /* Tablets (768px - 991px) */
    @media (min-width: 768px) and (max-width: 991px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 220px;
        }

        .modernpress-post-layout-1 .modernpress-post-title {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .modernpress-post-layout-1 .modernpress-post-content {
            padding: 16px;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            margin-bottom: 12px;
            font-size: 13px;
            line-height: 19px;
        }

        .modernpress-posts-grid-1 {
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
        }

        .modernpress-post-layout-1 .category-tag {
            padding: 4px 8px;
            font-size: 13px;
        }
    }

    /* Large Mobile (576px - 767px) */
    @media (min-width: 576px) and (max-width: 767px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 200px;
        }

        .modernpress-post-layout-1 .modernpress-post-title {
            font-size: 17px;
            margin-bottom: 10px;
        }

        .modernpress-post-layout-1 .modernpress-post-content {
            padding: 15px;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            margin-bottom: 10px;
            font-size: 13px;
            line-height: 18px;
        }

        .modernpress-post-layout-1 .modernpress-post-read-more .read-more-link {
            font-size: 13px;
        }

        .modernpress-posts-grid-1 {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 15px;
        }

        .modernpress-post-layout-1 .category-tag {
            padding: 3px 7px;
            font-size: 12px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 45px;
            height: 45px;
        }
    }

    /* Mobile (Up to 575px) */
    @media (max-width: 575px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 180px;
        }

        .modernpress-post-layout-1 .modernpress-post-title {
            font-size: 16px;
            margin-bottom: 8px;
            line-height: 1.3;
        }

        .modernpress-post-layout-1 .modernpress-post-content {
            padding: 12px;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            margin-bottom: 8px;
            font-size: 12px;
            line-height: 17px;
        }

        .modernpress-post-layout-1 .modernpress-post-read-more .read-more-link {
            font-size: 12px;
        }

        .modernpress-posts-grid-1 {
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .modernpress-post-layout-1 .category-tag {
            padding: 2px 6px;
            font-size: 11px;
            border-radius: 3px;
        }

        .modernpress-post-layout-1 .modernpress-post-categories {
            gap: 6px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 35px;
            height: 35px;
        }
    }

    /* Small Mobile (Up to 375px) */
    @media (max-width: 375px) {
        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 160px;
        }

        .modernpress-post-layout-1 .modernpress-post-title {
            font-size: 15px;
        }

        .modernpress-post-layout-1 .modernpress-post-content {
            padding: 10px;
        }

        .modernpress-post-layout-1 .modernpress-post-meta {
            margin-bottom: 6px;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            margin-bottom: 6px;
        }
    }

    /* Portrait Orientation for Mobiles */
    @media (max-width: 575px) and (orientation: portrait) {
        .modernpress-post-layout-1 {
            border-radius: 12px;
        }
    }

    /* Landscape Orientation for Mobiles */
    @media (max-width: 767px) and (orientation: landscape) {
        .modernpress-post-layout-1 {
            display: flex;
            flex-direction: row;
            max-height: 180px;
        }

        .modernpress-post-layout-1 .modernpress-post-image {
            width: 40%;
            flex-shrink: 0;
        }

        .modernpress-post-layout-1 .modernpress-post-image img {
            height: 100%;
        }

        .modernpress-post-layout-1 .modernpress-post-content {
            width: 60%;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    }

    /* High Pixel Density Screens */
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .modernpress-post-layout-1 {
            border-width: 0.5px;
        }
    }


    /* Reduced Motion Preference */
    @media (prefers-reduced-motion: reduce) {

        .modernpress-post-layout-1,
        .modernpress-post-layout-1 .modernpress-post-image img,
        .modernpress-post-layout-1 .read-more-link::after {
            transition: none;
        }

        .modernpress-post-layout-1:hover {
            transform: none;
        }

        .modernpress-post-layout-1:hover .modernpress-post-image img {
            transform: none;
        }
    }

    /* Print Styles */
    @media print {
        .modernpress-post-layout-1 {
            box-shadow: none;
            border: 1px solid #ddd;
            break-inside: avoid;
        }

        .modernpress-post-layout-1 .modernpress-post-read-more,
        .modernpress-post-layout-1 .category-tag {
            display: none;
        }

        .modernpress-post-layout-1 .modernpress-post-title {
            color: #000;
        }

        .modernpress-post-layout-1 .modernpress-post-excerpt {
            color: #333;
        }
    }

    /* post widget layout 2 css  */

    .elementor-placeholder {
        width: 100%;
        padding-top: 56.25%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-layout-2 {
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #E1E4EB;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .modernpress-post-layout-2:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    }

    .modernpress-post-layout-2 .modernpress-post-image {
        position: relative;
        overflow: hidden;
    }

    .modernpress-post-layout-2 .modernpress-post-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-2:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-2 .modernpress-post-categories {
        /* position: absolute; */
        /* top: 15px; */
        /* left: 15px; */
        display: flex;
        gap: 10px;
    }

    .modernpress-post-layout-2 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-2 .category-tag:hover {
        background: rgba(45, 55, 72, 1);
        color: #fff;
    }

    .modernpress-post-layout-2 .modernpress-post-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .modernpress-post-layout-2 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-2 .modernpress-post-title a {
        color: #2D3748;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-2 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-2 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        margin-bottom: 16px;
        flex-grow: 1;
    }

    .modernpress-post-layout-2 .modernpress-post-author-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .modernpress-post-layout-2 .modernpress-post-author-avatar {
        margin-right: 15px;
    }

    .modernpress-post-layout-2 .modernpress-post-author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E2E8F0;
    }

    .modernpress-post-layout-2 .modernpress-post-author-details {
        /* display: flex; */
        /* gap: 6px; */
        /* flex-direction: column; */
    }

    .modernpress-post-layout-2 .modernpress-post-author-name {
        font-weight: 600;
        color: #404E6D;
        font-size: 14px;
    }

    .modernpress-post-layout-2 .modernpress-post-date {
        font-weight: 600;
        color: #404E6D;
        font-size: 14px;
    }

    .modernpress-post-dot {
        padding: 0 8px 0 8px;
        color: #404E6D;
    }

    .modernpress-post-layout-2 .modernpress-post-read-more {
        margin-top: auto;
    }

    .modernpress-post-layout-2 .read-more-link {
        display: inline-block;
        color: #2D3748;
        font-weight: 600;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-2 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #2D3748;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-2 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-2 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .modernpress-post-layout-2 .modernpress-posts-slider .modernpress-post-layout-2 {
        margin: 10px;
    }

    

    @media (max-width: 767px) {
        .modernpress-post-image img {
            height: 200px;
        }

        .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-categories {
            top: 10px;
            left: 10px;
        }
    }

    /* post widget layout 3 css  */

    .elementor-placeholder {
        width: 100%;
        padding-top: 56.25%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-layout-3 {
        background: #ffffff;
        /* border: 1px solid #E1E4EB; */
        /* border-radius: 16px; */
        /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
        overflow: hidden;
        /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .modernpress-post-layout-3:hover {
        /* transform: translateY(-5px); */
        /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); */
    }

    .modernpress-post-image {
        position: relative;
        overflow: hidden;
    }

    .modernpress-post-layout-3 .modernpress-post-image img {
        width: 100%;
        height: 250px;
        border-radius: 16px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-3:hover .modernpress-post-image img {
        /* transform: scale(1.05); */
        border-radius: 16px !important;
    }

    .modernpress-post-categories {
        /* position: absolute; */
        /* top: 15px; */
        /* left: 15px; */
        display: flex;
        gap: 10px;
    }

    .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .category-tag:hover {
        background: rgba(45, 55, 72, 1);
        color: #fff;
    }

    .modernpress-post-layout-3 .modernpress-post-content {
        padding: 20px 0 0 0;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .modernpress-post-meta {
        color: #718096;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-title a {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-3 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        flex-grow: 1;
    }

    .modernpress-post-read-more {
        margin-top: auto;
    }

    .read-more-link {
        display: inline-block;
        color: #0D3FB0;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0D3FB0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-3 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .modernpress-posts-slider .modernpress-post-layout-3 {
        margin: 10px;
    }

 
    @media (max-width: 767px) {
        .modernpress-post-image img {
            height: 200px;
        }

        .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-categories {
            top: 10px;
            left: 10px;
        }
    }

    /* post widget layout 4 css  */

    .elementor-placeholder {
        width: 100%;
        padding-top: 56.25%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-author-avatar {
        width: 40px;
        /* Adjust as needed */
        height: 40px;
        background-size: cover;
        background-position: center;
        border-radius: 50%;
    }


    .modernpress-post-layout-4 {
        background: #ffffff;
        /* border-radius: 12px; */
        /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08); */
        overflow: hidden;
        transition: transform 0.3s ease;
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 100%;
    }

    .modernpress-post-layout-4:hover {
        transform: translateY(-5px);
        /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12); */
    }

    .modernpress-post-layout-4 .modernpress-post-image {
        position: relative;
        overflow: hidden;
    }

    .modernpress-post-layout-4 .modernpress-post-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-4:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-4 .modernpress-post-categories {
        /* position: absolute; */
        top: 15px;
        left: 15px;
        display: flex;
        gap: 10px;
        margin-bottom: 16px;
    }

    .modernpress-post-layout-4 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-4 .category-tag:hover {
        background: rgba(45, 55, 72, 0.08);
        /* color: #fff; */
    }

    .modernpress-post-layout-4 .modernpress-post-content {
        /* padding: 20px; */
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .modernpress-post-layout-4 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-4 .modernpress-post-title a {
        color: #2D3748;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-4 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-4 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        margin-bottom: 16px;
        flex-grow: 1;
    }

    .modernpress-post-layout-4 .modernpress-post-author-meta {
        display: flex;
        align-items: center;
    }

    .modernpress-post-layout-4 .modernpress-post-author-avatar {
        margin-right: 15px;
    }

    .modernpress-post-layout-4 .modernpress-post-author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E2E8F0;
    }

    .modernpress-post-layout-4 .modernpress-post-author-details {
        display: flex;
        flex-direction: column;
    }

    .modernpress-post-layout-4 .modernpress-post-author-name {
        font-weight: 600;
        color: #3B3E46;
        font-size: 14px;
    }

    .modernpress-post-layout-4 .modernpress-post-date {
        color: #3B3E46;
        font-size: 12px;
    }

    .modernpress-post-layout-4 .modernpress-post-read-more {
        margin-top: auto;
    }

    .modernpress-post-layout-4 .read-more-link {
        display: inline-block;
        color: #2D3748;
        font-weight: 600;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-4 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #2D3748;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-4 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-4 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    .modernpress-post-layout-4 .modernpress-posts-slider .modernpress-post-layout-4 {
        margin: 10px;
    }

    @media (max-width: 767px) {
        .modernpress-post-image img {
            height: 200px;
        }

        .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-categories {
            top: 10px;
            left: 10px;
        }
    }

    /* post widget layout 5 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-author-avatar {
        width: 40px;
        /* Adjust as needed */
        height: 40px;
        background-size: cover;
        background-position: center;
        border-radius: 50%;
    }

    .modernpress-post-layout-5 {
        background: #ffffff;
        /* border-radius: 12px; */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        align-items: stretch;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
    }

    .modernpress-post-layout-5:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    }

    .modernpress-post-layout-5 .modernpress-post-image {
        position: relative;
        width: 40%;
        flex-shrink: 0;
    }

    .modernpress-post-layout-5 .modernpress-post-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-5:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-5 .modernpress-post-categories {
        /* position: absolute; */
        /* top: 15px; */
        /* left: 15px; */
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        /* Allow wrapping on small screens */
    }

    .modernpress-post-layout-5 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
        margin-bottom: 5px;
        /* Add spacing when tags wrap */
    }

    .modernpress-post-layout-5 .category-tag:hover {
        background: rgba(45, 55, 72, 0.08);
        color: #0D3FB0;
    }

    .modernpress-post-layout-5 .modernpress-post-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 60%;
    }

    .modernpress-post-layout-5 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-5 .modernpress-post-title a {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-5 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-5 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        margin-bottom: 16px;
        flex-grow: 1;
    }

    .modernpress-post-layout-5 .modernpress-post-author-meta {
        display: flex;
        align-items: center;
        /* margin-bottom: 15px; */
        color: #718096;
        font-size: 14px;
    }

    .modernpress-post-layout-5 .modernpress-post-author-avatar {
        margin-right: 15px;
        flex-shrink: 0;
        /* Prevent avatar from shrinking */
    }

    .modernpress-post-layout-5 .modernpress-post-author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E2E8F0;
    }

    .modernpress-post-layout-5 .modernpress-post-author-details {
        display: flex;
        flex-direction: column;
        min-width: 0;
        /* Allow truncation */
    }

    .modernpress-post-layout-5 .modernpress-post-author-name {
        font-weight: 600;
        color: #3B3E46;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .modernpress-post-layout-5 .modernpress-post-date {
        color: #3B3E46;
        font-size: 12px;
    }

    .modernpress-post-layout-5 .modernpress-post-read-more {
        margin-top: auto;
    }

    .modernpress-post-layout-5 .read-more-link {
        display: inline-block;
        color: #2D3748;
        font-weight: 600;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-5 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #2D3748;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-5 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-5 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .modernpress-posts-slider .modernpress-post-layout-5 {
        margin: 10px;
    }

    
    /* Responsive Styles - Layout 5 specific */
    /* Medium screens and below (991px and below) */
    @media (max-width: 991px) {
        .modernpress-posts-grid-5 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .modernpress-post-layout-5 {
            flex-direction: column;
        }

        .modernpress-post-layout-5 .modernpress-post-image,
        .modernpress-post-layout-5 .modernpress-post-content {
            width: 100%;
        }

        .modernpress-post-layout-5 .modernpress-post-image {
            height: 250px;
        }

        .modernpress-post-layout-5 .modernpress-post-content {
            padding: 16px;
        }
    }

    /* Small screens (767px and below) */
    @media (max-width: 767px) {
        .modernpress-posts-grid-5 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .modernpress-post-layout-5 .modernpress-post-image {
            height: 220px;
        }

        .modernpress-post-layout-5 .modernpress-post-title {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .modernpress-post-layout-5 .modernpress-post-excerpt {
            font-size: 13px;
            margin-bottom: 14px;
        }

        .modernpress-post-layout-5 .category-tag {
            font-size: 12px;
            padding: 4px 8px;
        }

        .modernpress-post-layout-5 .modernpress-post-author-avatar img {
            width: 40px;
            height: 40px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 40px;
            height: 40px;
        }
    }

    /* Extra small screens (575px and below) */
    @media (max-width: 575px) {
        .modernpress-post-layout-5 .modernpress-post-image {
            height: 200px;
        }

        .modernpress-post-layout-5 .modernpress-post-content {
            padding: 14px;
        }

        .modernpress-post-layout-5 .modernpress-post-title {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .modernpress-post-layout-5 .modernpress-post-excerpt {
            font-size: 13px;
            margin-bottom: 12px;
            line-height: 1.5;
        }

        .modernpress-post-layout-5 .modernpress-post-author-avatar img {
            width: 36px;
            height: 36px;
        }

        .modernpress-post-layout-5 .modernpress-post-author-name {
            font-size: 13px;
        }

        .modernpress-post-layout-5 .modernpress-post-date {
            font-size: 11px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 35px;
            height: 35px;
        }
    }

    /* Very small mobile screens */
    @media (max-width: 375px) {
        .modernpress-post-layout-5 .modernpress-post-image {
            height: 180px;
        }

        .modernpress-post-layout-5 .modernpress-post-content {
            padding: 12px;
        }

        .modernpress-post-layout-5 .modernpress-post-categories {
            gap: 6px;
        }

        .modernpress-post-layout-5 .category-tag {
            padding: 3px 6px;
            font-size: 11px;
        }

        .modernpress-post-layout-5 .modernpress-post-author-avatar img {
            width: 32px;
            height: 32px;
            border-width: 1px;
        }
    }

    /* post widget layout 6 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-layout-6 {
        background: #ffffff;
        border: 1px solid #E1E4EB;
        border-radius: 16px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        align-items: stretch;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
    }

    .modernpress-post-layout-6:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    }

    .modernpress-post-layout-6 .modernpress-post-image {
        position: relative;
        width: 40%;
        flex-shrink: 0;
    }

    .modernpress-post-layout-6 .modernpress-post-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-6:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-6 .modernpress-post-categories {
        /* position: absolute; */
        /* top: 15px; */
        /* left: 15px; */
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        /* Allow categories to wrap */
    }

    .modernpress-post-layout-6 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
        margin-bottom: 5px;
        /* Add spacing when wrapped */
    }

    .modernpress-post-layout-6 .category-tag:hover {
        background: rgba(45, 55, 72, 0.08);
        color: #0D3FB0;
    }

    .modernpress-post-layout-6 .modernpress-post-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 60%;
    }

    .modernpress-post-layout-6 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-6 .modernpress-post-title a {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-6 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-6 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        margin-bottom: 16px;
        flex-grow: 1;
    }

    .modernpress-post-layout-6 .modernpress-post-author-meta {
        display: flex;
        align-items: center;
        /* margin-bottom: 15px; */
        color: #718096;
        font-size: 14px;
    }

    .modernpress-post-layout-6 .modernpress-post-author-avatar {
        margin-right: 15px;
    }

    .modernpress-post-layout-6 .modernpress-post-author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E2E8F0;
    }

    .modernpress-post-layout-6 .modernpress-post-author-details {
        display: flex;
        flex-direction: column;
    }

    .modernpress-post-layout-6 .modernpress-post-author-name {
        font-weight: 600;
        color: #3B3E46;
        font-size: 14px;
    }

    .modernpress-post-layout-6 .modernpress-post-date {
        color: #3B3E46;
        font-size: 12px;
    }

    .modernpress-post-layout-6 .modernpress-post-read-more {
        margin-top: auto;
    }

    .modernpress-post-layout-6 .read-more-link {
        display: inline-block;
        color: #0D3FB0;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-6 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0D3FB0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-6 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-6 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .modernpress-posts-slider .modernpress-post-layout-6 {
        margin: 10px;
    }


    /* Improved Responsive Styles for Layout 6 */
    /* Large tablets and small desktops (992px - 1199px) */
    @media (min-width: 992px) and (max-width: 1199px) {
        .modernpress-post-layout-6 .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-layout-6 .modernpress-post-content {
            padding: 16px;
        }

        .modernpress-post-layout-6 .modernpress-post-excerpt {
            font-size: 13px;
            line-height: 1.5;
        }
    }

    /* Tablets and small desktops (768px - 991px) */
    @media (max-width: 991px) {
        .modernpress-posts-grid-6 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .modernpress-post-layout-6 {
            flex-direction: column;
        }

        .modernpress-post-layout-6 .modernpress-post-image,
        .modernpress-post-layout-6 .modernpress-post-content {
            width: 100%;
        }

        .modernpress-post-layout-6 .modernpress-post-image {
            height: 250px;
        }

        .modernpress-post-layout-6 .modernpress-post-image img {
            height: 100%;
        }

        .modernpress-post-layout-6 .modernpress-post-content {
            padding: 18px;
        }
    }

    /* Large mobile devices (576px - 767px) */
    @media (max-width: 767px) {
        .modernpress-posts-grid-6 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .modernpress-post-layout-6 .modernpress-post-title {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .modernpress-post-layout-6 .modernpress-post-image {
            height: 220px;
        }

        .modernpress-post-layout-6 .modernpress-post-excerpt {
            font-size: 13px;
            margin-bottom: 14px;
            line-height: 1.5;
        }

        .modernpress-post-layout-6 .category-tag {
            padding: 4px 8px;
            font-size: 13px;
        }

        .modernpress-post-layout-6 .read-more-link {
            font-size: 13px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 45px;
            height: 45px;
        }
    }

    /* Mobile phones (below 576px) */
    @media (max-width: 575px) {
        .modernpress-post-layout-6 {
            border-radius: 12px;
        }

        .modernpress-post-layout-6 .modernpress-post-image {
            height: 200px;
        }

        .modernpress-post-layout-6 .modernpress-post-content {
            padding: 15px;
        }

        .modernpress-post-layout-6 .modernpress-post-categories {
            gap: 8px;
        }

        .modernpress-post-layout-6 .category-tag {
            padding: 3px 8px;
            font-size: 12px;
            border-radius: 3px;
        }

        .modernpress-post-layout-6 .modernpress-post-title {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .modernpress-post-layout-6 .modernpress-post-excerpt {
            font-size: 13px;
            line-height: 1.4;
            margin-bottom: 12px;
        }

        .modernpress-post-layout-6 .read-more-link {
            font-size: 13px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 35px;
            height: 35px;
        }
    }

    /* Small mobile phones */
    @media (max-width: 375px) {
        .modernpress-post-layout-6 .modernpress-post-image {
            height: 180px;
        }

        .modernpress-post-layout-6 .modernpress-post-content {
            padding: 12px;
        }

        .modernpress-post-layout-6 .modernpress-post-categories {
            gap: 6px;
        }

        .modernpress-post-layout-6 .category-tag {
            padding: 3px 6px;
            font-size: 11px;
        }

        .modernpress-post-layout-6 .modernpress-post-title {
            font-size: 15px;
            margin-bottom: 8px;
        }

        .modernpress-post-layout-6 .modernpress-post-excerpt {
            font-size: 12px;
            margin-bottom: 10px;
        }

        .modernpress-post-layout-6 .read-more-link {
            font-size: 12px;
        }
    }

    /* post widget layout 7 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-layout-7 {
        background: #ffffff;
        border: 1px solid #E1E4EB;
        border-radius: 16px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        align-items: stretch;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
    }

    .modernpress-post-layout-7:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    }

    .modernpress-post-layout-7 .modernpress-post-image {
        position: relative;
        width: 40%;
        flex-shrink: 0;
    }

    .modernpress-post-layout-7 .modernpress-post-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-7:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-7 .modernpress-post-categories {
        /* position: absolute; */
        /* top: 15px; */
        /* left: 15px; */
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        /* Allow categories to wrap */
    }

    .modernpress-post-layout-7 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
        margin-bottom: 5px;
        /* Add spacing when wrapped */
    }

    .modernpress-post-layout-7 .category-tag:hover {
        background: rgba(45, 55, 72, 0.08);
        color: #0D3FB0;
    }

    .modernpress-post-layout-7 .modernpress-post-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 60%;
    }

    .modernpress-post-layout-7 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-7 .modernpress-post-title a {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-7 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-7 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        margin-bottom: 16px;
        flex-grow: 1;
    }

    .modernpress-post-layout-7 .modernpress-post-author-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .modernpress-post-layout-7 .modernpress-post-author-avatar {
        margin-right: 15px;
    }

    .modernpress-post-layout-7 .modernpress-post-author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E2E8F0;
    }

    .modernpress-post-layout-7 .modernpress-post-author-details {
        /* display: flex; */
        /* flex-direction: column; */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .modernpress-post-layout-7 .modernpress-post-author-name {
        font-weight: 600;
        color: #404E6D;
        font-size: 14px;
    }

    .modernpress-post-layout-7 .modernpress-post-date {
        color: #404E6D;
        font-size: 14px;
    }

    .modernpress-post-layout-7 .modernpress-post-read-more {
        margin-top: auto;
        flex-shrink: 0;
    }

    .modernpress-post-layout-7 .read-more-link {
        display: inline-block;
        color: #0D3FB0;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-7 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0D3FB0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-7 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-7 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .modernpress-posts-slider .modernpress-post-layout-7 {
        margin: 10px;
    }

    /* Enhanced Responsive Styles for Layout 7 */
    /* Large desktop (1200px+) */
    @media (min-width: 1200px) {
        .modernpress-post-layout-7 .modernpress-post-content {
            padding: 25px;
        }
    }

    /* Desktop (992px - 1199px) */
    @media (min-width: 992px) and (max-width: 1199px) {
        .modernpress-post-layout-7 .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-layout-7 .modernpress-post-content {
            padding: 16px;
        }

        .modernpress-post-layout-7 .modernpress-post-excerpt {
            font-size: 13px;
            line-height: 1.5;
        }

        .modernpress-post-layout-7 .modernpress-post-author-details {
            font-size: 13px;
        }

        .modernpress-post-layout-7 .modernpress-post-date,
        .modernpress-post-layout-7 .modernpress-post-author-name {
            font-size: 13px;
        }
    }

    /* Tablets (768px - 991px) */
    @media (max-width: 991px) {
        .modernpress-posts-grid-7 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .modernpress-post-layout-7 {
            flex-direction: column;
        }

        .modernpress-post-layout-7 .modernpress-post-image,
        .modernpress-post-layout-7 .modernpress-post-content {
            width: 100%;
        }

        .modernpress-post-layout-7 .modernpress-post-image {
            height: 250px;
        }

        .modernpress-post-layout-7 .modernpress-post-image img {
            height: 100%;
        }

        .modernpress-post-layout-7 .modernpress-post-content {
            padding: 18px;
        }

        .modernpress-post-layout-7 .modernpress-post-author-meta {
            margin-bottom: 12px;
        }
    }

    /* Large mobile (576px - 767px) */
    @media (max-width: 767px) {
        .modernpress-posts-grid-7 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .modernpress-post-layout-7 .modernpress-post-title {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .modernpress-post-layout-7 .modernpress-post-image {
            height: 220px;
        }

        .modernpress-post-layout-7 .modernpress-post-excerpt {
            font-size: 13px;
            margin-bottom: 14px;
            line-height: 1.5;
        }

        .modernpress-post-layout-7 .category-tag {
            padding: 4px 8px;
            font-size: 13px;
        }

        .modernpress-post-layout-7 .modernpress-post-read-more img {
            width: 20px;
            height: 20px;
        }

        .modernpress-post-layout-7 .modernpress-post-date,
        .modernpress-post-layout-7 .modernpress-post-author-name,
        .modernpress-post-layout-7 .modernpress-post-dot {
            font-size: 13px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 45px;
            height: 45px;
        }
    }

    /* Mobile (below 576px) */
    @media (max-width: 575px) {
        .modernpress-post-layout-7 {
            border-radius: 12px;
        }

        .modernpress-post-layout-7 .modernpress-post-image {
            height: 200px;
        }

        .modernpress-post-layout-7 .modernpress-post-content {
            padding: 15px;
        }

        .modernpress-post-layout-7 .modernpress-post-categories {
            gap: 8px;
        }

        .modernpress-post-layout-7 .category-tag {
            padding: 3px 8px;
            font-size: 12px;
            border-radius: 3px;
        }

        .modernpress-post-layout-7 .modernpress-post-title {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .modernpress-post-layout-7 .modernpress-post-excerpt {
            font-size: 13px;
            line-height: 1.4;
            margin-bottom: 12px;
        }

        .modernpress-post-layout-7 .modernpress-post-read-more img {
            width: 18px;
            height: 18px;
        }

        .modernpress-post-layout-7 .modernpress-post-date,
        .modernpress-post-layout-7 .modernpress-post-author-name,
        .modernpress-post-layout-7 .modernpress-post-dot {
            font-size: 12px;
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            width: 35px;
            height: 35px;
        }
    }

    /* Small mobile (below 375px) */
    @media (max-width: 375px) {
        .modernpress-post-layout-7 .modernpress-post-image {
            height: 180px;
        }

        .modernpress-post-layout-7 .modernpress-post-content {
            padding: 12px;
        }

        .modernpress-post-layout-7 .modernpress-post-categories {
            gap: 6px;
        }

        .modernpress-post-layout-7 .category-tag {
            padding: 3px 6px;
            font-size: 11px;
        }

        .modernpress-post-layout-7 .modernpress-post-title {
            font-size: 15px;
            margin-bottom: 8px;
        }

        .modernpress-post-layout-7 .modernpress-post-excerpt {
            font-size: 12px;
            margin-bottom: 10px;
        }

        .modernpress-post-layout-7 .modernpress-post-author-meta {
            margin-bottom: 10px;
        }

        .modernpress-post-layout-7 .modernpress-post-date,
        .modernpress-post-layout-7 .modernpress-post-author-name,
        .modernpress-post-layout-7 .modernpress-post-dot {
            font-size: 11px;
        }

        .modernpress-post-layout-7 .modernpress-post-read-more img {
            width: 16px;
            height: 16px;
        }
    }

    /* Special case for very small devices */
    @media (max-width: 320px) {
        .modernpress-post-layout-7 .modernpress-post-author-details {
            max-width: 160px;
            /* Control truncation on very small screens */
        }

        .modernpress-post-layout-7 .modernpress-post-image {
            height: 160px;
        }
    }

    /* post widget layout 8 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-post-layout-8 {
        background: #ffffff;
        /* border: 1px solid #E1E4EB; */
        border-radius: 16px;
        /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08); */
        overflow: hidden;
        display: flex;
        align-items: stretch;
        transition: transform 0.3s ease;
        height: 100%;
    }

    .modernpress-post-layout-8:hover {
        transform: translateY(-5px);
        /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12); */
    }

    .modernpress-post-layout-8 .modernpress-post-image {
        position: relative;
        width: 40%;
        flex-shrink: 0;
    }

    .modernpress-post-layout-8 .modernpress-post-image img {
        width: 100%;
        height: 100%;
        border-radius: 16px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-8:hover .modernpress-post-image img {
        /* transform: scale(1.05); */
        /* border-radius: 16px; */
    }

    .modernpress-post-layout-8 .modernpress-post-categories {
        /* position: absolute; */
        /* top: 15px; */
        /* left: 15px; */
        display: flex;
        gap: 10px;
    }

    .modernpress-post-layout-8 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-8 .category-tag:hover {
        background: rgba(45, 55, 72, 0.08);
        color: #0D3FB0;
    }

    .modernpress-post-layout-8 .modernpress-post-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 60%;
    }

    .modernpress-post-layout-8 .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 0px;
        line-height: 1.4;
    }

    .modernpress-post-layout-8 .modernpress-post-title a {
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .modernpress-post-layout-8 .modernpress-post-title a:hover {
        color: #4A5568;
    }

    .modernpress-post-layout-8 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 20px;
        color: #3B3E46;
        /* margin-bottom: 16px; */
        flex-grow: 1;
    }

    .modernpress-post-layout-8 .modernpress-post-author-meta {
        display: flex;
        align-items: center;
        /* margin-bottom: 15px; */
        color: #718096;
        font-size: 14px;
    }

    .modernpress-post-layout-8 .modernpress-post-author-avatar {
        margin-right: 15px;
    }

    .modernpress-post-layout-8 .modernpress-post-author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E2E8F0;
    }

    .modernpress-post-layout-8 .modernpress-post-author-details {
        display: flex;
        flex-direction: column;
    }

    .modernpress-post-layout-8 .modernpress-post-author-name {
        font-weight: 600;
        color: #3B3E46;
        font-size: 14px;
    }

    .modernpress-post-layout-8 .modernpress-post-date {
        color: #3B3E46;
        font-size: 12px;
    }

    .modernpress-post-layout-8 .modernpress-post-read-more {
        margin-top: auto;
    }

    .modernpress-post-layout-8 .read-more-link {
        display: inline-block;
        color: #0D3FB0;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        position: relative;
        padding-bottom: 5px;
    }

    .modernpress-post-layout-8 .read-more-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0D3FB0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-8 .read-more-link:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .modernpress-posts-grid-8 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .modernpress-posts-slider .modernpress-post-layout-8 {
        margin: 10px;
    }


    @media (max-width: 991px) {
        .modernpress-post-layout-8 .modernpress-post-content {
            padding: 20px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            width: 100%;
        }

        .modernpress-post-layout-8 .modernpress-post-image {
            position: relative;
            width: 100%;
            flex-shrink: 0;
        }

        .modernpress-posts-grid-8 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .modernpress-post-layout-8 {
            flex-direction: column;
        }

        .modernpress-post-image,
        .modernpress-post-content {
            width: 100%;
        }

        .modernpress-post-image img {
            height: 250px;
        }
    }

    @media (max-width: 767px) {
        .modernpress-posts-grid-8 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-categories {
            top: 10px;
            left: 10px;
        }
    }

    /* post widget layout 9 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .modernpress-posts-grid-9 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .modernpress-post-layout-9 {
        position: relative;
        /* border-radius: 16px; */
        overflow: hidden;
        aspect-ratio: 16/11;
    }

    .modernpress-post-layout-9 .modernpress-post-link {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 100%;
        color: #ffffff;
    }

    .modernpress-post-layout-9 .modernpress-post-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .modernpress-post-layout-9 .modernpress-post-background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .modernpress-post-layout-9:hover .modernpress-post-background img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-9 .modernpress-post-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: linear-gradient(180deg,
                rgba(0, 0, 0, 0.2) 0%,
                rgba(0, 0, 0, 0.8) 100%); */
    }

    .modernpress-post-layout-9 .modernpress-post-content {
        position: relative;
        z-index: 2;
        padding: 24px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .modernpress-post-layout-9 .modernpress-post-categories {
        display: flex;
        gap: 8px;
        /* margin-bottom: 16px; */
        flex-wrap: wrap;
    }

    .modernpress-post-layout-9 .category-tag {
        font-size: 12px;
        font-weight: 500;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.2);
        padding: 4px 12px;
        border-radius: 100px;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-9:hover .category-tag {
        background: rgba(255, 255, 255, 0.3);
    }

    .modernpress-post-layout-9 .modernpress-post-title {
        font-size: 32px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0 0 0px 0;
        color: #000;
    }

    .modernpress-post-layout-9 .modernpress-post-excerpt {
        font-size: 14px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 16px;
    }

    .modernpress-post-layout-9 .modernpress-post-meta {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7);
    }

    .modernpress-post-layout-9 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-9 .category-tag:hover {
        background: rgba(45, 55, 72, 1);
        color: #fff;
    }


    /* Responsive Styles */
    @media (max-width: 1024px) {
        .modernpress-posts-grid-9 {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .modernpress-post-layout-9 .modernpress-post-title {
            font-size: 20px;
        }
    }

    @media (max-width: 767px) {
        .modernpress-posts-grid-9 {
            grid-template-columns: 1fr;
            gap: 20px;
        }

        .modernpress-post-layout-9 {
            aspect-ratio: 3/2;
        }

        .modernpress-post-layout-9 .modernpress-post-content {
            padding: 20px;
        }

        .modernpress-post-layout-9 .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-layout-9 .category-tag {
            font-size: 12px;
            padding: 4px 8px;
        }
    }

    /* post widget layout 10 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    /* Grid Layout */
    .modernpress-posts-grid-10 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 0;
    }

    /* Featured Post - Left Side */
    .modernpress-posts-grid-10 .featured-post {
        grid-column: 1;
        grid-row: 1 / span 3;
        height: 460px;
    }

    /* Regular Posts Grid - Right Side */
    .modernpress-posts-grid-10 .regular-post {
        height: 220px;
    }

    /* Post Styles */
    .modernpress-post-layout-10 {
        position: relative;
        /* border-radius: 16px; */
        overflow: hidden;
    }

    .modernpress-post-layout-10 .modernpress-post-link {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 100%;
        color: #ffffff;
    }

    /* Image and Overlay */
    .modernpress-post-layout-10 .modernpress-post-image {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .modernpress-post-layout-10 .modernpress-post-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .modernpress-post-layout-10:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-10 .modernpress-post-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: linear-gradient(180deg,
                rgba(0, 0, 0, 0) 0%,
                rgba(0, 0, 0, 0.3) 70%,
                rgba(0, 0, 0, 0.8) 100%); */
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-10:hover .modernpress-post-overlay {
        background: linear-gradient(180deg,
                rgba(0, 0, 0, 0.2) 0%,
                rgba(0, 0, 0, 0.5) 70%,
                rgba(0, 0, 0, 0.9) 100%);
    }

    /* Content Overlay */
    .modernpress-post-layout-10 .modernpress-post-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 30px;
        z-index: 2;
        transform: translateY(0);
        transition: transform 0.3s ease;
    }

    /* Categories */
    .modernpress-post-layout-10 .modernpress-post-categories {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .modernpress-post-layout-10 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-10:hover .category-tag {
        background: rgba(45, 55, 72, 1);
        color: #fff;
    }

    /* Meta Info */
    .modernpress-post-layout-10 .modernpress-post-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .modernpress-post-layout-10 .modernpress-post-author {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .modernpress-post-layout-10 .author-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid rgba(255, 255, 255, 0.2);
    }

    .modernpress-post-layout-10 .author-name,
    .modernpress-post-layout-10 .modernpress-post-date {
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
    }

    /* Title and Excerpt */
    .modernpress-post-layout-10.featured-post .modernpress-post-title {
        font-size: 32px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #000;
    }

    .modernpress-post-layout-10:hover.featured-post .modernpress-post-title {
        font-size: 32px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #fff;
    }

    .modernpress-post-layout-10.regular-post .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0 0 0 0;
        color: #000;
    }

    .modernpress-post-layout-10:hover.regular-post .modernpress-post-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0 0 0 0;
        color: #fff;
    }

    .modernpress-post-layout-10 .modernpress-post-excerpt {
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Read More Link */
    .modernpress-post-layout-10 .read-more-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
    }

    .modernpress-post-layout-10 .read-more-link svg {
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-10:hover .read-more-link svg {
        transform: translateX(4px);
    }

    /* Hide elements in regular posts */
    .modernpress-post-layout-10.regular-post .modernpress-post-excerpt,
    .modernpress-post-layout-10.regular-post .modernpress-post-footer {
        display: none;
    }

    /* Responsive Styles */
    @media (max-width: 1024px) {
        .modernpress-posts-grid-10 {
            grid-template-columns: 1fr;
            gap: 20px;
        }

        .modernpress-posts-grid-10 .featured-post {
            grid-column: 1;
            grid-row: auto;
            height: 500px;
        }

        .modernpress-post-layout-10.featured-post .modernpress-post-title {
            font-size: 28px;
        }
    }

    @media (max-width: 767px) {
        .modernpress-posts-grid-10 .featured-post {
            height: 400px;
        }

        .modernpress-posts-grid-10 .regular-post {
            height: 200px;
        }

        .modernpress-post-layout-10 .modernpress-post-content {
            padding: 20px;
        }

        .modernpress-post-layout-10.featured-post .modernpress-post-title {
            font-size: 24px;
        }

        .modernpress-post-layout-10.regular-post .modernpress-post-title {
            font-size: 18px;
        }

        .modernpress-post-layout-10 .modernpress-post-excerpt {
            font-size: 14px;
            -webkit-line-clamp: 2;
        }

        .modernpress-post-layout-10 .author-avatar {
            width: 24px;
            height: 24px;
        }

        .modernpress-post-layout-10 .author-name,
        .modernpress-post-layout-10 .modernpress-post-date {
            font-size: 12px;
        }
    }

    /* post widget layout 11 css  */

    .elementor-placeholder {
        width: 100%;
        height: 100%;
        /* 16:9 aspect ratio (height = 56.25% of width) */
        /* Adjust height as needed */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    /* Grid Layout */
    .modernpress-posts-grid-11 {
        display: flex;
        gap: 20px;
        min-height: 383px;
    }

    /* Featured Post Container - Left Side */
    .modernpress-posts-grid-11 .featured-post-container {
        flex: 1.5;
        height: 520px;
    }

    /* Right Side Container */
    .modernpress-posts-grid-11 .right-posts-container {
        flex: 1.5;
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 520px;
    }

    /* Large Right Post Container */
    .modernpress-posts-grid-11 .large-right-post-container {
        height: 48%;
    }

    /* Small Right Posts Container */
    .modernpress-posts-grid-11 .small-posts-container {
        height: 48%;
        display: flex;
        gap: 20px;
    }

    /* Common Post Styles */
    .modernpress-post-layout-11 {
        position: relative;
        /* border-radius: 16px; */
        overflow: hidden;
        height: 100%;
    }

    .modernpress-post-layout-11.small-right-post {
        width: calc(50% - 10px);
    }

    .modernpress-post-layout-11 .modernpress-post-link {
        display: block;
        text-decoration: none;
        width: 100%;
        height: 100%;
        color: #ffffff;
    }

    /* Image and Overlay Styles */
    .modernpress-post-layout-11 .modernpress-post-image {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .modernpress-post-layout-11 .modernpress-post-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .modernpress-post-layout-11:hover .modernpress-post-image img {
        transform: scale(1.05);
    }

    .modernpress-post-layout-11 .modernpress-post-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: linear-gradient(180deg,
                rgba(0, 0, 0, 0) 0%,
                rgba(0, 0, 0, 0.3) 50%,
                rgba(0, 0, 0, 0.8) 100%); */
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-11:hover .modernpress-post-overlay {
        background: linear-gradient(180deg,
                rgba(0, 0, 0, 0.2) 0%,
                rgba(0, 0, 0, 0.5) 50%,
                rgba(0, 0, 0, 0.9) 100%);
    }

    /* Content Styles */
    .modernpress-post-layout-11 .modernpress-post-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px;
        z-index: 2;
    }

    /* Categories Styles */
    .modernpress-post-layout-11 .modernpress-post-categories {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .modernpress-post-layout-11 .category-tag {
        background: rgba(13, 62, 176, 0.08);
        color: #0D3FB0;
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .modernpress-post-layout-11:hover .category-tag {
        background: rgba(45, 55, 72, 1);
        color: #fff;
    }

    /* Meta Information Styles */
    .modernpress-post-layout-11 .modernpress-post-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .modernpress-post-layout-11 .modernpress-post-author {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .modernpress-post-layout-11 .author-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid rgba(255, 255, 255, 0.2);
    }

    .modernpress-post-layout-11 .author-name,
    .modernpress-post-layout-11 .modernpress-post-date {
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
    }

    /* Title Styles */
    .modernpress-post-layout-11.featured-post .modernpress-post-title {
        font-size: 32px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #000;
    }

    .modernpress-post-layout-11:hover.featured-post .modernpress-post-title {
        font-size: 32px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #fff;
    }

    .modernpress-post-layout-11.large-right-post .modernpress-post-title {
        font-size: 32px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #000;
    }

    .modernpress-post-layout-11:hover.large-right-post .modernpress-post-title {
        font-size: 32px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #fff;
    }

    .modernpress-post-layout-11.small-right-post .modernpress-post-title {
        font-size: 20px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #000;
    }

    .modernpress-post-layout-11:hover.small-right-post .modernpress-post-title {
        font-size: 20px;
        line-height: 1.3;
        margin: 0 0 0 0;
        font-weight: 500;
        color: #fff;
    }

    /* Excerpt Styles */
    .modernpress-post-layout-11 .modernpress-post-excerpt {
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Read More Link Styles */
    .modernpress-post-layout-11 .modernpress-post-footer {
        margin-top: 20px;
    }

    .modernpress-post-layout-11 .read-more-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
    }

    .modernpress-post-layout-11 .read-more-link svg {
        transition: transform 0.3s ease;
    }

    .modernpress-post-layout-11:hover .read-more-link svg {
        transform: translateX(4px);
    }

    /* Hide Elements in Smaller Posts */
    .modernpress-post-layout-11:not(.featured-post) .modernpress-post-excerpt,
    .modernpress-post-layout-11:not(.featured-post) .modernpress-post-footer {
        display: none;
    }

    .modernpress-post-layout-11.small-right-post .modernpress-post-meta,
    .modernpress-post-layout-11.small-right-post .modernpress-post-categories {
        display: none;
    }

    /* Responsive Styles */
    @media (max-width: 1200px) {
        .modernpress-post-layout-11.featured-post .modernpress-post-title {
            font-size: 28px;
        }

        .modernpress-post-layout-11.large-right-post .modernpress-post-title {
            font-size: 22px;
        }

        .modernpress-post-layout-11.small-right-post .modernpress-post-title {
            font-size: 16px;
        }
    }

    @media (max-width: 1024px) {
        .modernpress-posts-grid-11 {
            flex-direction: column;
            min-height: auto;
        }

        .modernpress-posts-grid-11 .featured-post-container,
        .modernpress-posts-grid-11 .right-posts-container {
            width: 100%;
        }

        .modernpress-post-layout-11.featured-post {
            height: 500px;
        }

        .modernpress-post-layout-11.large-right-post {
            height: 400px;
        }

        .modernpress-post-layout-11.small-right-post {
            height: 250px;
        }
    }

    @media (max-width: 767px) {
        .modernpress-posts-grid-11 {
            gap: 20px;
        }

        .modernpress-posts-grid-11 .right-posts-container {
            gap: 20px;
        }

        .modernpress-posts-grid-11 .small-posts-container {
            flex-direction: column;
            gap: 20px;
        }

        .modernpress-post-layout-11.small-right-post {
            width: 100%;
        }

        .modernpress-post-layout-11.featured-post {
            height: 400px;
        }

        .modernpress-post-layout-11.large-right-post {
            height: 300px;
        }

        .modernpress-post-layout-11 .modernpress-post-content {
            padding: 20px;
        }

        .modernpress-post-layout-11.featured-post .modernpress-post-title {
            font-size: 24px;
        }

        .modernpress-post-layout-11.large-right-post .modernpress-post-title {
            font-size: 20px;
        }

        .modernpress-post-layout-11 .author-avatar {
            width: 24px;
            height: 24px;
        }

        .modernpress-post-layout-11 .modernpress-post-excerpt {
            font-size: 14px;
            -webkit-line-clamp: 2;
        }
    }