.posts-slider__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    flex-wrap: wrap;
}

.posts-slider__content {
    gap: 6rem;
    align-items: center;
}

.posts-slider__list {
    width: 100%;
}

.posts-slider__footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.posts-slider__footer .slider-pagination {
    width: 100%;
}

.posts-slider__footer .slider-nav {
    display: none;
}

@media screen and (max-width: 1024.9px) {
    .posts-slider__footer .slider-nav {
        display: flex;
    }

    .posts-slider__footer .slider-pagination {
        width: auto;
    }

    .posts-slider__header .slider-nav {
        display: none;
    }

    .posts-slider__content {
        gap: 4rem;
    }
}


/* posts-slider-item START */
.posts-slider-item {
    --br: 7rem;

    width: 37.7rem;
    max-width: 100%;
    background: #fff;
    overflow: hidden;
}

.posts-slider-item__image {
    aspect-ratio: 380/200;
    width: 100%;
    overflow: hidden;
}

.posts-slider-item__content {
    flex: 1;
    padding: 2.4rem 3.2rem;
}

.posts-slider-item__categories {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
}

.posts-slider-item__category {
    padding: 0.4rem 1.6rem;
    background: var(--color-blue-100);
    border-radius: 10rem;
    font-weight: 600;
}

.posts-slider-item__title {
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.posts-slider-item__text {
    -webkit-line-clamp: 4;
    line-clamp: 1.5;
    color: var(--color-gray-500);
}

.swiper-slide:nth-child(1) .posts-slider-item,
.swiper-slide:nth-child(5n) .posts-slider-item,
.swiper-slide:nth-child(9n)  .posts-slider-item{
    border-bottom-right-radius: var(--br);
}

.swiper-slide:nth-child(2) .posts-slider-item,
.swiper-slide:nth-child(6n)  .posts-slider-item{
    border-top-right-radius: var(--br);
}

.swiper-slide:nth-child(3) .posts-slider-item,
.swiper-slide:nth-child(7n)  .posts-slider-item{
    border-top-left-radius: var(--br);
}

.swiper-slide:nth-child(4) .posts-slider-item,
.swiper-slide:nth-child(8n)  .posts-slider-item{
    border-bottom-left-radius: var(--br);
}



@media screen and (max-width: 575.9px) {
    .posts-slider-item__image {
        aspect-ratio: 322 / 198;
    }

    .posts-slider-item__title {
        margin-bottom: 1.5rem;
    }
}
/* posts-slider-item END */