.elementor-kit-114{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-114 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================
   FIX: Remove dropdown arrows/dots from navigation
   ================================================ */

/* Kill the Astra theme dropdown toggle */
.dropdown-menu-toggle.ast-header-navigation-arrow,
.ast-header-navigation-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Kill the sub-arrow span */
.sub-arrow,
span.sub-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Make sure they can't be focused */
.dropdown-menu-toggle,
.sub-arrow,
.ast-header-navigation-arrow {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
    outline: none !important;
}

/* Fix the aria-hidden accessibility issue */
[aria-hidden="true"] a,
[aria-hidden="true"] button,
[aria-hidden="true"] .dropdown-menu-toggle,
[aria-hidden="true"] .sub-arrow {
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}
```

---

## **📍 Where to Paste:**

1. **Elementor → Click the gear icon (⚙️) bottom-left**
2. **Site Settings**
3. **Custom CSS tab**
4. **Delete ALL previous CSS I gave you**
5. **Paste ONLY the code above**
6. **Update**

---

## **✅ This Will:**

- ✅ Remove `.dropdown-menu-toggle` (first dot)
- ✅ Remove `.sub-arrow` (second dot)
- ✅ Remove `.ast-header-navigation-arrow` (Astra theme arrow)
- ✅ Make them completely unfocusable
- ✅ Fix the Lighthouse accessibility error
- ✅ Keep your dropdown functionality working

---

## **🎯 Why Your Previous CSS Didn't Work:**

The elements have **very specific class names** from your Astra theme:
- `.dropdown-menu-toggle`
- `.ast-header-navigation-arrow`
- `.sub-arrow`

My previous CSS was targeting generic Elementor classes, but you're using **Astra theme navigation**, which has different classes!

---

## **🧪 Test After Applying:**

1. **Go to your homepage**
2. **Press Tab** → Home
3. **Press Tab** → About Us  
4. **Press Tab** → Our Services
5. **Press Tab** → Should jump to Contact Us (skipping the dots!) ✅

---

## **📊 Expected Results:**

**Keyboard Navigation:**
```
Before:
Tab → Home → About Us → Our Services → • (dot 1) → • (dot 2) → Contact Us

After:
Tab → Home → About Us → Our Services → Contact Us ✅
```

**Lighthouse Score:**
```
Before: 92/100
After: 98-100/100 ✅/* End custom CSS */