/* CTA Section Overlap Fix - Ensures proper spacing between CTA sections and footer */

/* Override any negative margins and transforms on CTA sections */
.cta-section,
.cta-section1 {
    margin-bottom: 150px !important;
    margin-top: 100px !important;
    position: relative !important;
    z-index: 1 !important;
    /* Remove problematic transforms and use proper centering */
    transform: none !important;
    left: auto !important;
    top: auto !important;
    /*max-width: 90% !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    /* Ensure flexbox centering works properly */
    align-self: center !important;
    /* CRITICAL: Ensure CTA sections are always visible */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Animation Fix - Ensure content is visible during typing animation */
body:not(.typing-complete) .services-section,
body:not(.typing-complete) .hero-section1,
body:not(.typing-complete) .approach-section,
body:not(.typing-complete) .technology-logos,
body:not(.typing-complete) .cta-section,
body:not(.typing-complete) .cta-section1 {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure all animated content starts visible */
body:not(.animations-initialized) [class*="animate-"] {
    opacity: 1 !important;
    transform: none !important;
}

/* Ensure footer has proper spacing */
#footer {
    margin-top: 100px !important;
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .cta-section,
    .cta-section1 {
        margin-bottom: 60px !important;
    }
    
    #footer {
        margin-top: 40px !important;
    }
}

@media (max-width: 480px) {
    .cta-section,
    .cta-section1 {
        margin-bottom: 40px !important;
    }
    
    #footer {
        margin-top: 30px !important;
    }
}