/* Override fade-in animations when returning from service pages */
#no-fade:target ~ .content .welcome,
#no-fade:target ~ .content .main-title,
#no-fade:target ~ .content .tagline-part,
#no-fade:target ~ .content .sub-tagline-part,
#no-fade:target ~ .content .column,
#no-fade:target ~ .content .services-section,
#no-fade:target ~ .content .services-subtitle,
#no-fade:target ~ .content .cta-section,
#no-fade:target ~ .content .canadian-footer,
#no-fade:target ~ .content .copyright {
    opacity: 1 !important;
    animation: none !important;
}

/* Hide the no-fade div */
#no-fade {
    display: none;
}

/* Enable smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Add a small animation to highlight the contact section when #no-fade is targeted */
#no-fade:target ~ .content .no-fade-target {
    animation: highlight-section 1.5s ease-in-out;
}

@keyframes highlight-section {
    0% {
        background-color: transparent;
    }
    30% {
        background-color: rgba(74, 144, 226, 0.2);
    }
    100% {
        background-color: transparent;
    }
}