/*
* Page : 404 page
* type : css
* Apply on 1 page
*/

/* componnents on all pages */
@import '../components/footer.css';
@import '../components/buttons.css';
@import '../components/loader.css';
@import '../components/hero.css';
@import '../components/forms.css';
@import '../components/toggle.css';

/* componnents on this page */
@import '../components/faq.css';

/* ------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------- */

[data-barba-namespace="404-not-found"] .hero h1 {
    font-size: 138px;
    line-height: 100%;
}
[data-barba-namespace="404-not-found"] .hero-content .content-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------- */