/* Example for property-feature-content to mimic property-info or property-feature styles */
.property-feature-content ul {
    list-style: none; /* Remove default bullet points */
    padding: 0;
    margin: 0;
    display: flex; /* If you want them side-by-side in columns */
    flex-wrap: wrap;
    gap: 1rem; /* Space between columns */
}

.property-feature-content ul li {
    margin-bottom: 0.5rem; /* Adjust spacing between list items */
    /* Add any other specific styles from your .property-info li */
}

/* If your TinyMCE output includes .col-md-4, ensure it works with flexbox */
.property-feature-content .col-md-4 {
    flex: 0 0 calc(33.333% - 1rem); /* Example for 3 columns with gap */
    max-width: calc(33.333% - 1rem);
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
    .property-feature-content .col-md-4 {
        flex: 0 0 calc(50% - 0.5rem); /* Example for 2 columns on medium screens */
        max-width: calc(50% - 0.5rem);
    }
}

@media (max-width: 576px) {
    .property-feature-content .col-md-4 {
        flex: 0 0 100%; /* Full width on small screens */
        max-width: 100%;
    }
}