/* SEO-compliant styles without inline CSS */

/* 404 Page Styles */
.error-404-section {
    padding: 80px 0;
}

.error-404-img {
    max-width: 300px;
}

.error-404-number {
    font-size: 120px;
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 20px;
}

.error-404-title {
    color: #333;
    font-size: 2.5rem;
}

.error-404-description {
    color: #666;
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.error-404-btn {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
}

.error-404-btn:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Mega Menu Styles */
.mega-menu-title {
    display: block;
    margin-bottom: 10px;
}

.mega-menu-title-link {
    color: #FF0000;
    font-weight: bold;
    text-decoration: none;
}

.mega-menu-title-link:hover {
    color: #dc2626;
    text-decoration: none;
}

.mega-menu-link {
    color: #333;
    text-decoration: none;
}

.mega-menu-link:hover {
    color: #FF0000;
    text-decoration: none;
}

/* White header variants */
.white-header .mega-menu-title-link {
    color: #FF0000;
}

.white-header .mega-menu-title-link:hover {
    color: #dc2626;
}

.white-header .mega-menu-link {
    color: #333;
}

.white-header .mega-menu-link:hover {
    color: #FF0000;
}

/* Section heading replacements (no longer using H1-H6) */
.section-subtitle {
    color: #dc3545;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-title {
    color: #333;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.section-main-title {
    color: #333;
    font-size: 2.9rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.item-title {
    color: #333;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-label {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.service-details {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.ratings-title {
    color: #333;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.quote-title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.cta-subtitle {
    color: #dc3545;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cta-title {
    color: #333;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section-title,
    .section-main-title {
        font-size: 32px;
    }
    
    .section-subtitle {
        font-size: 1rem;
    }
    
    .ratings-title {
        font-size: 24px;
    }
    
    .quote-title,
    .cta-title {
        font-size: 20px;
    }
}

/* Section-specific style overrides */

/* Ratings Section - left align title */
.ratings-section .ratings-title {
    text-align: left;
}

/* Who We Are Section - normal font weight for description */
.who-we-are-content p {
    font-weight: 400;
}

/* Work Process Dark Section - white title */
.our-work-process.dark-section .section-title {
    color: #ffffff;
}

/* Work Process List - uppercase item titles */
.work-process-list .item-title {
    text-transform: uppercase;
}

/* Work Process Item - white color for item titles */
.work-process-item .item-title {
    color: #ffffff;
}

/* Success Story Section - specific title color */
.advantages.our-success-story .section-title {
    color: #282828;
}

/* Success Story Section - white color for contact titles */
.advantages.our-success-story .contact-title {
    color: #ffffff;
}

/* Global section-subtitle override - default dark color */
.section-subtitle {
    color: #282828 !important;
}

/* Dark sections - white section-subtitle */
.cta-form-1.dark-section .section-subtitle,
.our-work-process.dark-section .section-subtitle {
    color: #ffffff !important;
}