// News Grid
.pxl-news-grid {
    .pxl-post--featured {
        img {
            width: 100%;
        }
    }
}
.pxl-news-grid1 {
    .pxl-post--featured {
        margin-bottom: 29px;
        border-radius: 20px;
    }
    .pxl-post--metas {
        @extend .pxl-dflex-center-v;
        column-gap: 17px;
        row-gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 9px;
    }
    .pxl-post--category {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 3px;
        a {
            padding: 7px 12px;
            border-radius: 5px;
            background-color: var(--light-green-2);
            color: var(--primary-color);
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
        }
        @media #{$max-sm} {
            a {
                padding: 5px 8px;
                font-size: 14px;
            }
        }
    }
    .pxl-post--date {
        color: var(--text-1);
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -0.36px;
        @media #{$max-sm} {
            font-size: 16px;
        }
    }
    .pxl-post--title {
        color: var(--dark-2);
        font-family: 'Montserrat';
        font-size: 24px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: -0.48px;
        margin-bottom: 25px;
        @media #{$max-md} {
            font-size: 22px;
        }
        @media #{$max-sm} {
            font-size: 20px;
            margin-bottom: 15px;
        }
    }
}
.pxl-news-grid2 {
    .pxl-post--inner {
        border-radius: 11.165px 11.165px 15px 15px;
        background: #FFF;
        @include box-shadow(0px 11.165px 66.993px 0px rgba(137, 151, 186, 0.15));
        overflow: hidden;
        .pxl-post--metas {
            display: flex;
            align-items: center;
            padding: 26px 34px 27px 43px;
            gap: 17px;
            flex-wrap: wrap;
            @media #{$max-md} {
                padding: 25px 30px;
            }
            @media #{$max-xs} {
                padding: 20px 15px;
                gap: 10px;
            }
        }
        .pxl-post--author {
            flex-grow: 1;
            display: inline-flex;
            align-items: center;
            gap: 13px;
            .pxl-author--avatar {
                img {
                    --size: 42px;
                    min-width: var(--size);
                    width: var(--size);
                    height: var(--size);
                    border-radius: 50%;
                    border: 2px solid var(--boarder-grey-1)
                }
            }
            .pxl-author--name {
                display: block;
                white-space: nowrap;
                @extend .h6;
                color: var(--dark-2);
                @media #{$max-xs} {
                    font-size: 14px;
                }
            }
            .pxl-author--position {
                @extend .pxl-text6;
            }
        }
        .pxl-post--category {
            display: inline-flex;
            gap: 3px;
            flex-wrap: wrap;
            a {
                display: inline-block;
                padding: 7px 12px;
                border-radius: 5px;
                background-color: var(--light-green-2);
                color: var(--primary-color);
                font-family: 'Montserrat';
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
            }
            @media #{$max-xs} {
                a {
                    font-size: 14px;
                    padding: 4px 8px;
                }
            }
        }
        .pxl-post--date {
            font-family: 'Montserrat';
            font-size: 18px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: -0.36px;
            white-space: nowrap;
            @media #{$max-xs} {
                font-size: 16px;
            }
            @media #{$max-3xs} {
                font-size: 14px;
            }
        }
        .pxl-post--divider {
            height: 1px;
            background: var(--boarder-grey-1);
            box-shadow: 0px 4.466px 11.165px 0px rgba(185, 185, 185, 0.25);
        }

        .pxl-post--content {
            padding: 20px 65px 44px 41px;
            @media #{$max-md} {
                padding: 20px 35px 30px;
            }
            @media #{$max-xs} {
                padding: 15px;
            }
        }
        .pxl-post--title {
            @extend .h7;
            color: var(--dark-2);
            margin-bottom: 22px;
            @media #{$max-md} {
                font-size: 28px;
            }
            @media #{$max-xs} {
                font-size: 26px;
                margin-bottom: 15px;
            }
            @media #{$max-3xs} {
                font-size: 24px;
            }
        }
        .pxl-post--excerpt {
            @extend .pxl-text2;
            margin-bottom: 20px;
            @media #{$max-xs} {
                font-size: 16px;
                margin-bottom: 15px;
            }
        }
    }

}

// News Carousel
.pxl-news-carousel1 {
    --x: 34px;
    @extend .pxl-news-grid1;
}