.elementor-1037 .elementor-element.elementor-element-2c2c8098{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-7e50519b *//* Base styling for our category list */
ul.custom-dynamic-list {
    list-style: none !important;
    padding-left: 0 !important;
}

/* Style the rows */
ul.custom-dynamic-list li {
    position: relative !important;
    padding-left: 25px !important;
    margin-bottom: 8px !important;
}

/* Style the default, inactive bullet points */
ul.custom-dynamic-list li::before {
    content: "•" !important; 
    color: #7c7c7c !important; /* Fixed: Correct 6-digit hex code */
    font-size: 28px !important;
    position: absolute !important;
    left: 0 !important;
    top: -9px !important;
    transition: color 0.2s ease-in-out !important;
}

/* Base style for category links */
ul.custom-dynamic-list li a {
    color: #c53030; /* Default text color */
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

/* HOVER STATE: Smooth hover for both bullet and link text together */
ul.custom-dynamic-list li:hover::before,
ul.custom-dynamic-list li:hover a {
    color: #333333 !important; /* Red hover accent */
}

/* ACTIVE STATE: Keeps both the bullet and the text link highlighted green on the current page */
ul.custom-dynamic-list li.is-active::before,
ul.custom-dynamic-list li.is-active a,
ul.custom-dynamic-list li.is-active a * {
    color: #59bc26 !important; /* Unified to your green color */
    font-weight: normal !important; /* Prevents text from shifting or becoming bold */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c2c8098 *//* Base styling for our category list */
ul.custom-dynamic-list {
    list-style: none; /* Removes standard browser bullets */
    padding-left: 0;
}

/* Style the default, inactive bullet points */
ul.custom-dynamic-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

ul.custom-dynamic-list li::before {
    content: "•"; /* Standard bullet symbol */
    color: #7c7c7c7c; /* Default grey color for inactive items */
    font-size: 28px;
    position: absolute;
    left: 0;
    top: -9px;
}

/* Style for the ACTIVE category */
ul.custom-dynamic-list li.is-active::before {
    color: #59bc26; /* Change this hex code to match your brand color */
}

ul.custom-dynamic-list li.is-active a {
    color: #ff5722 !important; /* Keeps the text link highlighted */
    font-weight: bold; /* Optional: Makes the active text bold so it stands out */
}

/* Highlight the bullet point when the user hovers over the list item or link */
ul.custom-dynamic-list li:hover::before {
    color: #c53030; /* Change this hex code to your preferred hover color */
    transition: color 0.2s ease-in-out; /* Smooth transition effect */
}

/* Optional: Smooth transition for the default bullet color change */
ul.custom-dynamic-list li::before {
    transition: color 0.2s ease-in-out;
}/* End custom CSS */