.recent-articles-section {
        padding: 60px 0;
    }

    /* Ensure the carousel item takes full height */
    .recent-articles-carousel .item {
        height: 100%;
        padding: 10px;
        /* Space for shadow */
    }

    /* Card Styling (Matches your site's existing design) */
    .recent-articles-carousel article {
        height: 100%;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ed1e79;
        /* Pink border bottom */
        border-radius: 0 0 10px 10px;
        box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.08);
        background: #fff;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    /* Image Styling */
    .recent-articles-carousel .featured-image {
        height: 250px;
        overflow: hidden;
        border-radius: 10px 10px 0px 0px;
    }

    .recent-articles-carousel .featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    /* Content Styling */
    .recent-articles-carousel .content {
        padding: 30px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        border-left: 1px solid #ed1e79;
        border-right: 1px solid #ed1e79;
        border-radius: 0 0 10px 10px;
        transition: background-color 0.5s ease;
    }

    /* Hover Effects (Pink Background) */
    .recent-articles-carousel a:hover article .featured-image img {
        transform: scale(1.1);
    }

    .recent-articles-carousel a:hover article .content {
        background-color: #ed1e79;
    }

    .recent-articles-carousel a:hover .content h3,
    .recent-articles-carousel a:hover .content p,
    .recent-articles-carousel a:hover .content span {
        color: #fff !important;
    }

    /* Typography */
    .recent-articles-carousel .entry-title {
        color: #003d55;
        font-family: "warnock-pro", Sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .recent-articles-carousel .published-date {
        color: #535353;
        font-size: 14px;
        margin-bottom: 10px;
        display: block;
    }

    .recent-articles-carousel .entry-content p {
        color: #212121;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .recent-articles-carousel .owl-stage {
        display: flex;
    }

    /* Owl Navigation Arrows */
    .recent-articles-carousel .owl-nav button.owl-prev,
    .recent-articles-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 40%;
        font-size: 40px !important;
        color: #003d55 !important;
        background: none !important;
    }

    .recent-articles-carousel .owl-nav button.owl-prev {
        left: -40px;
    }

    .recent-articles-carousel .owl-nav button.owl-next {
        right: -40px;
    }

    @media(max-width: 768px) {
        .recent-articles-carousel .owl-nav button.owl-prev {
            left: -10px;
        }

        .recent-articles-carousel .owl-nav button.owl-next {
            right: -10px;
        }
    }


    /* hide filter */
    .filter-btn.Uncategorized,
    .filter-btn.Resources,
    .filter-btn.Medicine {
        display: none;
    }

    /* Hide specific category options in the dropdown */
    .category-form select#category option[value="medicine"],
    .category-form select#category option[value="uncategorized"],
    .category-form select#category option[value="resources"] {
        display: none !important;
    }

    .category-posts-grid h3 {
        font-weight: 700;
    }

    .category-posts-grid .post-filter-nav {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

    .category-posts-grid .grid-posts {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
    }

    .category-posts-grid .filter-btn,
    .category-posts-grid .pagination-btn {
        padding: 0.75rem 0;
        color: #013D56;
        border: none;
        background: none;
        font-size: 1.25rem;
        font-weight: 700;
        margin: 0 1rem;
    }

    .category-posts-grid .filter-btn.active,
    .category-posts-grid .pagination-btn.active {
        color: #ED1E79;
        border-bottom: #ED1E79 solid 3px;
    }

    .category-posts-grid .filter-btn:hover,
    .category-posts-grid .pagination-btn:hover {
        color: #ED1E79;
        border-bottom: #ED1E79 solid 3px;
    }

    .category-posts-grid .post-item span.item-title {
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: #003C56;
    }

    .category-posts-grid .post-item a:hover span.item-title {
        color: #ED1E79;
    }

    .category-posts-grid .item-date {
        font-size: 1rem;
        color: #adadad;
    }

    .category-posts-grid .post-item a {
        display: flex;
        flex-direction: column;
        font-weight: 700;
    }

    .category-posts-grid .post-item img {
        height: 300px;
        width: 100%;
        object-fit: cover;
        border-radius: 7px;
        margin-bottom: 1rem;
    }

    .category-posts-grid .post-item .medicine-icon {
        object-fit: contain;
    }

    .category-posts-grid .ajax-pagination {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-posts-grid .loading-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 150px;
    }

    .category-posts-grid .loading-spinner::after {
        content: "";
        width: 40px;
        height: 40px;
        border: 4px solid #ED1E79;
        border-top: 4px solid transparent;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    .category-posts-grid .post-item {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeInUp 0.5s ease forwards;
    }

    .category-posts-grid .post-item:nth-child(1) {
        animation-delay: 0.05s;
    }

    .category-posts-grid .post-item:nth-child(2) {
        animation-delay: 0.1s;
    }

    .category-posts-grid .post-item:nth-child(3) {
        animation-delay: 0.15s;
    }

    .category-posts-grid .post-item:nth-child(4) {
        animation-delay: 0.2s;
    }

    .category-posts-grid .post-item:nth-child(5) {
        animation-delay: 0.25s;
    }

    .category-posts-grid .post-item:nth-child(6) {
        animation-delay: 0.3s;
    }

    .category-posts-grid .post-item:nth-child(7) {
        animation-delay: 0.35s;
    }

    .category-posts-grid .post-item:nth-child(8) {
        animation-delay: 0.4s;
    }

    .category-posts-grid .post-item:nth-child(9) {
        animation-delay: 0.45s;
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @media (max-width: 991px) {
        .category-posts-grid .grid-posts {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
        }
    }

    @media (max-width: 767px) {
        .category-posts-grid .grid-posts {
            grid-template-columns: repeat(1, 1fr);
            gap: 1rem;
        }
    }