/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1779341376
Updated: 2026-05-21 05:29:36

*/
@media (max-width: 767px) {
    /* 1. Force the list to wrap, align to the LEFT, and add padding */
    .elementor-element-5ae89fc .elementor-icon-list-items {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important; /* Aligns everything to the left */
        gap: 10px 15px !important; /* 10px vertical space, 15px horizontal space */
        padding-left: 30px !important;  /* Adds space on the left side of the screen */
        padding-right: 30px !important; /* Adds space on the right side of the screen */
    }

    /* 2. Keep the icon and text together without stretching */
    .elementor-element-5ae89fc .elementor-icon-list-item {
        display: inline-flex !important;
        align-items: flex-start !important; 
        flex: 0 0 auto !important; /* Prevents items from stretching to fill empty space */
        width: auto !important;
        margin: 0 !important;
        white-space: nowrap !important; /* Keeps the specific bullet point text on one line */
    }
}