.elementor-354 .elementor-element.elementor-element-6a69cdb{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-354 .elementor-element.elementor-element-6a69cdb:not(.elementor-motion-effects-element-type-background), .elementor-354 .elementor-element.elementor-element-6a69cdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-354 .elementor-element.elementor-element-bb7a6db{text-align:center;}.elementor-354 .elementor-element.elementor-element-8e69836{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2px;}.elementor-354 .elementor-element.elementor-element-8e69836 .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-354 .elementor-element.elementor-element-8e69836 .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-354 .elementor-element.elementor-element-a4765d8{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for wp-widget-sabaiapps_directories_wordpress_directory_terms_directory_category___directory__listing, class: .elementor-element-497f9f7 *//* 1. Setup the mobile 2-column layout */
.drts-entity-taxonomy-terms {
    column-count: 2;
    column-gap: 20px;
}

/* Switch to 4 columns on desktop (768px and above) */
@media (min-width: 768px) {
    .drts-entity-taxonomy-terms {
        column-count: 4;
        column-gap: 30px;
    }
}

/* Keep parent and child terms grouped together safely inside columns */
.drts-term-group {
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 15px; 
}

/* 2. Style Parent Terms (18px font, 5px padding) */
.drts-parent-term {
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.drts-parent-term a {
    font-size: 18px !important;
    color:#fff;
}
.drts-parent-term a:hover {
    font-size: 18px !important;
    color:var(--e-global-color-primary);
}

/* 4. Style Child Terms (16px font, keep the dash) */
.drts-child-term {
    padding-left: 26px; /* Indents past the parent's category icon */
    margin-top: 3px;
}

.drts-child-term a {
    font-size: 16px !important;
}/* End custom CSS */