.service-items-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Adjust spacing between items */
}

.service-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Ensures all items stretch to the same height */
}

.service-style4 {
    height: 100%; /* Ensures the inner content fills the parent */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Ensure FAQ/accordion WYSIWYG content preserves lists and nested levels */
.accordion-body ul,
.accordion-body ol {
    margin: 0 0 1rem 1.6rem; /* restore container left offset */
    padding-left: 0.4rem;   /* keep small gap between marker and text */
    list-style-position: outside;
}
.accordion-body ul ul,
.accordion-body ol ol,
.accordion-body ul ol,
.accordion-body ol ul {
    margin-left: 0.25rem;
    padding-left: 0.25rem;
}
.accordion-body li {
    margin-bottom: 0.45rem;
}

/* Make sure nested lists keep their marker style */
.accordion-body ul { list-style-type: disc; }
.accordion-body ul ul { list-style-type: circle; }
.accordion-body ul ul ul { list-style-type: square; }
.accordion-body ol { list-style-type: decimal; }

/* Stronger rules to override global resets and ensure bullets are visible */
.elementor .accordion .accordion-body ul,
.elementor .accordion .accordion-body ol,
.elementor .accordion-body ul,
.elementor .accordion-body ol {
    list-style-position: outside !important;
    list-style-type: disc !important;
    padding-left: 0.4rem !important;
    margin: 0 0 1rem 1.6rem !important;
}
.elementor .accordion .accordion-body ul ul,
.elementor .accordion-body ul ul {
    list-style-type: circle !important;
    margin-left: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.elementor .accordion .accordion-body ul ul ul,
.elementor .accordion-body ul ul ul {
    list-style-type: square !important;
}
.elementor .accordion .accordion-body li,
.elementor .accordion-body li {
    display: list-item !important;
}

/* Color list markers (modern browsers) using theme primary color */
.elementor .accordion .accordion-body li::marker,
.elementor .accordion-body li::marker,
.elementor .accordion .accordion-body ol li::marker,
.elementor .accordion-body ol li::marker {
    color: var(--primary-color) !important;
    font-size: 1em !important; /* use default-ish size */
}

/* Fallback for older browsers: hide native marker and draw a colored bullet */
.elementor .accordion .accordion-body ul li,
.elementor .accordion-body ul li {
    /* keep native list-style so browser renders default marker size/position */
    list-style: disc outside !important;
    position: relative;
    padding-left: 0.4rem !important;
}
/* Removed ::before fallback to avoid duplicate markers; native ::marker used instead */