/* Start custom CSS for html, class: .elementor-element-3f3ff2f */.elementor-32553 .elementor-element.elementor-element-3f3ff2f select.mobile-nav-select {
    /* 1. Hide the default browser arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 2. Your original styles */
    padding: 8px 36px 8px 12px; /* Increased right padding so text doesn't overlap the chevron */
    border: 1px solid #17A03B;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;

    /* 3. Inject a clean CSS Chevron */
    /* To change the color, change the '%2317A03B' hex code below (currently matches your green border) */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2317A03B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px auto;
    
    background-color: #ffffff; /* Prevents background bugs */
    cursor: pointer;
}

/* Optional clean up for Internet Explorer */
.elementor-32553 .elementor-element.elementor-element-3f3ff2f select.mobile-nav-select::-ms-expand {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c1d4b3a */.elementor-32553 .elementor-element.elementor-element-c1d4b3a li {
    margin-bottom: 1em;
}/* End custom CSS */