.elementor-50 .elementor-element.elementor-element-464389d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-50 .elementor-element.elementor-element-b935044{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-61da8d6 *//* 
 * Pro ESA Letter - How It Works Page Color Fixes
 * This CSS fixes white headings appearing as black in Elementor due to default settings
 */

/* Fix for Process Hero Section Headings */
.process-hero h1,
.process-hero .section-title,
.process-hero .section-subtitle,
.process-hero .step-overview-title,
.process-hero .step-overview-desc {
    color: #ffffff !important;
}

/* Fix for white text in blue/colored sections */
.primary-cta-section h2,
.primary-cta-section p,
.primary-cta-section .cta-button,
.process-hero-content h1,
.process-hero-content .process-hero-subtitle,
.step-overview-card h3,
.step-overview-card p {
    color: #ffffff !important;
}

/* Specific fix for timeline text in colored sections */
.timeline-section .milestone-label,
.timeline-section .milestone-time {
    color: #1a3a6e !important; /* Dark blue for contrast */
}

/* Ensure CTA section text remains white */
.primary-cta-section *:not(.cta-button) {
    color: #ffffff !important;
}

/* Fix for any text that might inherit black color in colored containers */
[class*="hero"] h1,
[class*="hero"] h2,
[class*="hero"] h3,
[class*="hero"] h4,
[class*="hero"] h5,
[class*="hero"] h6,
[class*="hero"] p,
[class*="hero"] span,
[class*="hero"] div {
    color: #ffffff !important;
}

/* Fix for primary CTA section specifically */
.primary-cta-section,
[class*="cta-section"] {
    color: #ffffff !important;
}

.primary-cta-section h1,
.primary-cta-section h2,
.primary-cta-section h3,
.primary-cta-section h4,
.primary-cta-section h5,
.primary-cta-section h6,
.primary-cta-section p,
.primary-cta-section span,
.primary-cta-section div:not(.cta-button) {
    color: #ffffff !important;
}

/* Override Elementor's default heading colors in specific sections */
.elementor-widget-container .process-hero h1,
.elementor-widget-container .process-hero h2,
.elementor-widget-container .process-hero h3,
.elementor-widget-container .primary-cta-section h1,
.elementor-widget-container .primary-cta-section h2,
.elementor-widget-container .primary-cta-section h3 {
    color: #ffffff !important;
}

/* Fix for any text inside elements with blue backgrounds */
[style*="background:linear-gradient(135deg, #2a5db0"],
[style*="background: linear-gradient(135deg, #2a5db0"],
[style*="background-color:#2a5db0"],
[style*="background-color: #2a5db0"],
[style*="background:#2a5db0"],
[style*="background: #2a5db0"] {
    color: #ffffff !important;
}

[style*="background:linear-gradient(135deg, #1a3a6e"],
[style*="background: linear-gradient(135deg, #1a3a6e"],
[style*="background-color:#1a3a6e"],
[style*="background-color: #1a3a6e"],
[style*="background:#1a3a6e"],
[style*="background: #1a3a6e"] {
    color: #ffffff !important;
}

/* More specific .elementor-50 .elementor-element.elementor-element-61da8d6s for nested elements */
.process-hero *,
.primary-cta-section *:not(a):not(.cta-button) {
    color: #ffffff !important;
}

/* Fix for links in white sections to maintain visibility */
.process-hero a,
.primary-cta-section a:not(.cta-button) {
    color: #FFD43B !important; /* Bright yellow for links */
    text-decoration: underline;
}

.process-hero a:hover,
.primary-cta-section a:not(.cta-button):hover {
    color: #ffed99 !important; /* Lighter yellow on hover */
}

/* Ensure timeline dots remain visible */
.timeline-section .milestone-dot {
    background-color: #ffffff !important;
    border-color: #2a5db0 !important;
}

.timeline-section .milestone-dot.active {
    background-color: #e65c19 !important; /* Accent orange */
    border-color: #e65c19 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7696d2 *//* Remove underlines from all links in footer */
.pro-esa-footer a,
.pro-esa-footer .footer-link,
.pro-esa-footer a:link,
.pro-esa-footer a:visited,
.pro-esa-footer a:hover,
.pro-esa-footer a:active,
.pro-esa-footer a:focus {
    text-decoration: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
    outline: none !important;
}

/* Ensure hover effect doesn't create underline */
.pro-esa-footer .footer-link::after {
    display: none !important;
}

/* Optional: Keep your hover effects without underlines */
.pro-esa-footer .footer-link:hover {
    color: #ffffff !important;
    transform: translateX(5px) !important;
    text-decoration: none !important;
}/* End custom CSS */