.elementor-3090 .elementor-element.elementor-element-3c17f444{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3090 .elementor-element.elementor-element-3c17f444:not(.elementor-motion-effects-element-type-background), .elementor-3090 .elementor-element.elementor-element-3c17f444 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3090 .elementor-element.elementor-element-596f37bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3090 .elementor-element.elementor-element-4115c28e{--e-image-carousel-slides-to-show:1;}.elementor-3090 .elementor-element.elementor-element-4115c28e .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3090 .elementor-element.elementor-element-4115c28e .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-secondary );}.elementor-3090 .elementor-element.elementor-element-4115c28e .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-3090 .elementor-element.elementor-element-4115c28e .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-secondary );}.elementor-3090 .elementor-element.elementor-element-4115c28e .elementor-image-carousel-caption{text-align:center;}.elementor-3090 .elementor-element.elementor-element-44d53984{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3090 .elementor-element.elementor-element-4f7c2f9f .elementor-heading-title{font-family:"Courier Prime", Sans-serif;font-size:31px;color:#000000;}.elementor-3090 .elementor-element.elementor-element-3dbdd2e3{font-size:0.9rem;word-spacing:0px;color:#000000;}#elementor-popup-modal-3090 .dialog-widget-content{background-color:#000000;box-shadow:0px 0px 50px 15px rgba(255, 255, 255, 0.15);}#elementor-popup-modal-3090{background-color:rgba(0, 0, 0, 0.75);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3090 .dialog-message{width:75vw;height:auto;}#elementor-popup-modal-3090 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-3090 .elementor-element.elementor-element-3c17f444{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}#elementor-popup-modal-3090 .dialog-message{width:715px;}#elementor-popup-modal-3090 .dialog-close-button{top:35px;}body:not(.rtl) #elementor-popup-modal-3090 .dialog-close-button{right:35px;}body.rtl #elementor-popup-modal-3090 .dialog-close-button{left:35px;}}@media(max-width:767px){.elementor-3090 .elementor-element.elementor-element-4115c28e > .elementor-widget-container{margin:0px 0px 23px 0px;}.elementor-3090 .elementor-element.elementor-element-44d53984{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3090 .elementor-element.elementor-element-4f7c2f9f .elementor-heading-title{font-size:29px;}.elementor-3090 .elementor-element.elementor-element-3dbdd2e3{font-size:12px;line-height:1.7em;letter-spacing:-0.9px;}#elementor-popup-modal-3090{align-items:center;}#elementor-popup-modal-3090 .dialog-close-button{top:30px;}body:not(.rtl) #elementor-popup-modal-3090 .dialog-close-button{right:30px;}body.rtl #elementor-popup-modal-3090 .dialog-close-button{left:30px;}}/* Start custom CSS for heading, class: .elementor-element-4f7c2f9f */*   *Select the Header Element:** Click on the header element in the Elementor editor.
*   Go to the "Advanced" tab.
*   **Find "Custom CSS":** Scroll down to the "Custom CSS" section (this is an Elementor Pro feature).
*   **Add the CSS Code:** Add the following CSS code, replacing `.header-class` with *the actual CSS class* you identified in step 2:

```css
/* Default State */
.elementor-3090 .elementor-element.elementor-element-4f7c2f9f a{
  color: #000000; /* Default color (black) */
}

/* Hover State */
.elementor-3090 .elementor-element.elementor-element-4f7c2f9f a:hover {
  color: #FF0000; /* Hover color (red) */
}

/* Active/Focus State (When Clicked) */
.elementor-3090 .elementor-element.elementor-element-4f7c2f9f a:active,
.elementor-3090 .elementor-element.elementor-element-4f7c2f9f a:focus {
  color: #00FF00; /* Clicked/Focused color (green) */
}
```

*   *Explanation:*
    *   `.elementor-3090 .elementor-element.elementor-element-4f7c2f9f` is a shorthand that is used by Elementor that means "This Element".
    *   If you do not replace it and put your class there, it will point to every other element that shares the same class.

**This approach is very specific. The styles will only apply to that particular header element.**/* End custom CSS */