@import url(styles/fonts.css);
@import url(styles/header.css);
@import url(styles/main.css);
@import url(styles/slick.css);
@import url(styles/hystmodal.min.css);
@import url(styles/preloader.css);
* {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 0;
}

::selection {
    background-color: #fff;
    color: #000;
}

body {
    font-family: SpaceGrotesk, sans-serif;
    color: #ffffff;
    background-color: #05060C;
    /* background-color: #4452bf; */
    /* background-color: #22457b; */
    margin: 0 auto;
    max-width: 1440px;
    height: 100vh;
    width: 100vw;
    display: grid;
    transition: background-color .3s;
    grid-template-columns: 310px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "header main";
}

svg {
    margin: 0;
}

path {
    stroke: #fff;
}

.asside__header {
    grid-area: header;
}

.main {
    grid-area: main;
}

@media all and (max-width:1470px) {
    body {
        max-width: 1220px;
    }
}

@media all and (max-width:1220px) {
    body {
        max-width: 920px;
    }
}

@media all and (max-width:940px) {
    body {
        height: 100vh;
        overflow: hidden;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 60px 1fr;
        grid-template-areas: "header" "main";
    }
}

.footer {
    padding: 1.4em 0;
}

.footer,
a {
    transition: all .2s;
}

.not__found {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 60px 0 60px 0;
    overflow: auto;
    height: 100vh;
}

.page__not__found {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.page__not__found__card img {
    width: 400px;
}

.page__not__found__title {
    height: 60vh;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.page__not__found__title h3 {
    font-size: 44px;
}

.page__not__found__title h4 {
    font-size: 18px;
}

.not__found__home__btn {
    padding: 1em 2em;
    border: 1px solid white;
    transition: all .3s;
    text-transform: uppercase;
}

.not__found__home__btn:hover {
    background-color: #fff;
    color: #000;
}

@media all and (max-width: 440px) {
    .page__not__found__title {
        height: 40vh;
    }
    .page__not__found__card img {
        width: 80vw;
    }
    .page__not__found__title h3 {
        font-size: 34px;
    }
    .page__not__found__title h4 {
        font-size: 18px;
    }
    .not__found__home__btn {
        padding: 1em 2em;
        font-size: 14px;
    }
}