.elementor-484 .elementor-element.elementor-element-7cb6d05{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-484 .elementor-element.elementor-element-fc4f633 .elementor-heading-title{font-family:"Alata", Sans-serif;font-weight:600;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-text );}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-text );}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-484 .elementor-element.elementor-element-08e1781{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-weight:400;text-decoration:none;}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}.elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-text{transition:color 0.3s;}@media(max-width:767px){.elementor-484 .elementor-element.elementor-element-fc4f633{text-align:center;width:var( --container-widget-width, 957px );max-width:957px;--container-widget-width:957px;--container-widget-flex-grow:0;}}/* Start custom CSS for icon-list, class: .elementor-element-08e1781 *//* Target only mobile devices */
@media (max-width: 767px) {
    /* 1. Container - Your Brand Light Gray Background */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-items {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        padding: 20px !important;
        background-color: #F8F8F8 !important; /* Brand Light Gray */
        border-radius: 12px;
    }

    /* 2. Individual Item Styling */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item {
        position: relative;
        background-color: #FFFFFF !important; /* White Background */
        padding: 15px 20px !important;
        border-radius: 4px; /* Sharper corners for a premium feel */
        border: 1px solid #EAEAEA !important; /* Soft border */
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        display: flex;
        align-items: center;
        overflow: hidden;
        z-index: 1;
    }

    /* 3. Icon Styling - Brand Gold */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-icon i {
        color: #FECB51 !important; /* Primary Brand Gold */
        font-size: 20px !important;
        margin-right: 15px !important;
        transition: all 0.3s ease;
    }

    /* 4. Text Styling - Brand Black */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-text {
        color: #1A1A1A !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        transition: color 0.3s ease;
    }

    /* --- PREMIUM HOVER / TOUCH INTERACTION --- */
    
    /* Background Fill Effect - Golden Sweep */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%; 
        height: 100%;
        background-color: #FECB51 !important; /* Fills with Gold */
        transition: width 0.4s ease;
        z-index: -1;
    }

    /* Hover/Active (Touch) States */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover::before,
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:active::before {
        width: 100%; 
    }

    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover .elementor-icon-list-text,
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:active .elementor-icon-list-text {
        color: #1A1A1A !important; /* Keeps text Black for legibility on Gold */
    }

    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:active .elementor-icon-list-icon i {
        color: #1A1A1A !important; /* Icon turns Black for contrast */
        transform: scale(1.1);
    }

    /* Subtle Lift Effect */
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:hover,
    .elementor-484 .elementor-element.elementor-element-08e1781 .elementor-icon-list-item:active {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(254, 203, 81, 0.3) !important;
        border-color: #D1A842 !important;
    }
}

/* Hide on Desktop and Tablet */
@media (min-width: 768px) {
    .elementor-484 .elementor-element.elementor-element-08e1781 {
        display: none !important;
    }
}/* End custom CSS */