.elementor-827 .elementor-element.elementor-element-5c3ce1a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-827 .elementor-element.elementor-element-c84d06d > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-827 .elementor-element.elementor-element-c84d06d .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-44e78db );}.elementor-827 .elementor-element.elementor-element-7170772 > .elementor-widget-container{margin:0px 0px 0px -15px;}.elementor-827 .elementor-element.elementor-element-385cfeb > .elementor-widget-container{margin:-76px 0px 0px 0px;}@media(min-width:1700px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-827 .elementor-element.elementor-element-c84d06d .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-827 .elementor-element.elementor-element-c84d06d .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-827 .elementor-element.elementor-element-c84d06d .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for listeo-taxonomy-list, class: .elementor-element-7170772 *//*
  This CSS will restyle your features list from a grid
  to a heading-and-list format.
*/

/* Target each main category group */
.categories-group-by_parents .row {
    display: flex;
    flex-wrap: wrap;
    /* Add some space below each main category group for separation */
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eeeeee;}

/* Select the first column (the main category) and make it a full-width header */
.categories-group-by_parents .row .col-md-3:first-child {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem; /* Add space between the header and the list of items */
}

/* Style the main category title to make it stand out as a heading */
.categories-group-by_parents .parent-listings-category {
    font-size: 1.4rem; /* Make the heading text bigger */
    font-weight: 600; /* Make it bolder */
    margin: 0; /* Remove any default margins */
}

.categories-group-by_parents .parent-listings-category a {
    color: #333333; /* Ensure heading text is dark and readable */
}

/* Hide the small number counter next to the main category icon */
.categories-group-by_parents .parent-listings-category .child-category-counter {
    display: none;
}


/* The columns with the sub-features will now appear below the header.
   This part cleans up the styling of the sub-feature list. */
.categories-group-by_parents .col-md-3 ul {
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

/* If a column doesn't have any sub-features, hide it to prevent empty space */
.categories-group-by_parents .col-md-3:has(ul:empty) {
    display: none;
}

a {
        border: border solid 22px;
        display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-385cfeb */.categories-group-by_parents:nth-child(n + 4) {
    display: none;
}

/* 2. When the 'show-all' class is active, display them again. */
/* We will add this class with JavaScript when the button is clicked. */
.show-all .categories-group-by_parents {
    display: block; /* Or 'flex' if they have flex properties */
}

/* --- Button Styling (Optional but Recommended) --- */

.btn-show-more {
    padding: 12px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #222;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.btn-show-more:hover {
    background-color: #254A3C;
    color: #ffffff;
}

/* Mobile: hide after 2nd item */
@media (max-width: 768px) {
    .categories-group-by_parents:nth-child(n + 3) {
        display: none;
    }

    /* When show-all is active, show everything on mobile too */
    .show-all .categories-group-by_parents {
        display: block;
    }
}/* End custom CSS */