.elementor-18087 .elementor-element.elementor-element-40b6ffd7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-18087 .elementor-element.elementor-element-40b6ffd7:not(.elementor-motion-effects-element-type-background), .elementor-18087 .elementor-element.elementor-element-40b6ffd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #216CFF 0%, #1F8FEE 100%);}.elementor-18087 .elementor-element.elementor-element-40b6ffd7 > .elementor-background-overlay{background-image:url("https://cindtoro.com/wp-content/uploads/2025/06/admin-ajax.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:1;mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18087 .elementor-element.elementor-element-40b6ffd7 > .elementor-container{max-width:1320px;min-height:50px;}.elementor-18087 .elementor-element.elementor-element-40b6ffd7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 20px 60px 20px;}.elementor-18087 .elementor-element.elementor-element-3caa33e{text-align:center;}.elementor-18087 .elementor-element.elementor-element-3caa33e .elementor-heading-title{color:var( --e-global-color-7558bf3 );}.elementor-18087 .elementor-element.elementor-element-a58db71 .woocommerce-breadcrumb{color:var( --e-global-color-7558bf3 );text-align:center;}.elementor-18087 .elementor-element.elementor-element-a58db71 .woocommerce-breadcrumb > a{color:var( --e-global-color-7558bf3 );}.elementor-18087 .elementor-element.elementor-element-361de49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18087 .elementor-element.elementor-element-c050cdc{--grid-column-gap:20px;--grid-row-gap:20px;}.elementor-18087 .elementor-element.elementor-element-c050cdc .pp-categories-list .pp-category{margin-bottom:20px;}.elementor-18087 .elementor-element.elementor-element-c050cdc .pp-categories .pp-category{background-color:var( --e-global-color-989380a );}.elementor-18087 .elementor-element.elementor-element-c050cdc .pp-categories .pp-category .pp-category-content{text-align:center;}.elementor-18087 .elementor-element.elementor-element-c050cdc .pp-category-title{color:var( --e-global-color-337e0a9 );font-family:"Spline Sans", Sans-serif;font-size:18px;font-weight:600;margin-bottom:0px;}.elementor-18087 .elementor-element.elementor-element-c050cdc .pp-category-count{color:var( --e-global-color-337e0a9 );font-family:"Spline Sans", Sans-serif;font-size:18px;font-weight:600;margin-bottom:0px;}@media(min-width:768px){.elementor-18087 .elementor-element.elementor-element-361de49{--content-width:1140px;}}@media(max-width:1024px){.elementor-18087 .elementor-element.elementor-element-40b6ffd7{padding:40px 20px 30px 20px;}}@media(max-width:767px){.elementor-18087 .elementor-element.elementor-element-40b6ffd7{padding:30px 15px 30px 15px;}}/* Start custom CSS *//* General styling for the filter list */
.pp-post-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* Spacing between filter items */
    align-items: center;
    padding: 12px 0;
    border-bottom: 2px solid #e0e0e0; /* Subtle bottom border */
    list-style: none;
}

/* Individual category buttons */
.pp-post-filter {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa !important; /* Light background for soft feel */
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* Active (selected) category */
.pp-post-filter.pp-filter-current {
    background: #0073e6 !important;
    color: #fff;
    border-color: #0073e6;
    box-shadow: 0px 2px 10px rgba(0, 115, 230, 0.2);
}

/* Hover effect */
.pp-post-filter:hover {
    background: #e0e0e0 !important;
    border-color: #bbb;
}

/* "View More" (styled to blend with the list) */
#view-more-container {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #0073e6;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
    border-radius: 6px;
    user-select: none;
}

#view-more-container:hover {
    color: #005bb5;
    text-decoration: underline;
}

/* Make "..." fit within the category style */
#view-more {
    font-size: 18px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #f8f9fa;
    color: #0073e6;
    transition: background 0.3s ease-in-out;
}

/* Hover effect for "..." */
#view-more:hover {
    background: #e0e0e0;
}/* End custom CSS */