@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
* {
  box-sizing: border-box; }

html,
body,
p {
  margin: 0;
  padding: 0;
  border: 0; }

ol,
ul {
  list-style: none;
  padding: 0; }

a {
  text-decoration: none; }

html,
body {
  max-width: 100%;
  overflow-x: hidden; }

html {
  scroll-behavior: smooth; }

body {
  overflow: auto; }

.notFound-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 40px 112px;
  margin-bottom: 40px; }
  .notFound-header__logo {
    background-image: url("../../assets/logo.svg");
    width: 140px;
    height: 59px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .notFound-header__nav {
    display: flex;
    flex-direction: row;
    gap: 79px; }
    .notFound-header__nav--search {
      filter: invert(20%) sepia(13%) saturate(2926%) hue-rotate(174deg) brightness(98%) contrast(90%);
      cursor: pointer;
      width: 40px;
      height: 40px; }
      @media (hover: hover) {
        .notFound-header__nav--search:hover {
          filter: invert(49%) sepia(89%) saturate(4894%) hue-rotate(327deg) brightness(95%) contrast(103%); } }
    .notFound-header__nav--menu {
      cursor: pointer;
      width: 32px;
      height: 32px; }
      @media (hover: hover) {
        .notFound-header__nav--menu:hover {
          filter: invert(49%) sepia(89%) saturate(4894%) hue-rotate(327deg) brightness(95%) contrast(103%); } }

@media (min-width: 1440px) and (max-width: 1919px) {
  .notFound-header {
    margin-bottom: 31px; } }

@media (min-width: 768px) and (max-width: 1439px) {
  .notFound-header {
    padding: 25px 48px;
    margin-bottom: 0px; }
    .notFound-header__logo {
      width: 120px;
      height: 51px; }
    .notFound-header__nav {
      gap: 40px; }
      .notFound-header__nav--search {
        width: 32px;
        height: 32px; }
      .notFound-header__nav--menu {
        width: 28px;
        height: 28px; } }

@media (max-width: 767px) {
  .notFound-header {
    padding: 15px 24px;
    margin-bottom: 32px; }
    .notFound-header__logo {
      width: 80px;
      height: 34px; }
    .notFound-header__nav {
      gap: 40px; }
      .notFound-header__nav--search {
        width: 24px;
        height: 24px; }
      .notFound-header__nav--menu {
        width: 24px;
        height: 24px; } }

.notFound-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .notFound-main__logo {
    display: block;
    margin-bottom: 40px; }
    .notFound-main__logo img {
      display: block;
      max-height: 446px;
      max-width: 830px; }
  .notFound-main__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 80px; }
    .notFound-main__text--title {
      font-family: 'Nunito';
      font-size: 48px;
      font-weight: 900;
      line-height: 56px;
      letter-spacing: 0em;
      text-align: center;
      color: #1f4068; }
    .notFound-main__text--content {
      max-width: 554px;
      max-height: 60px;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: center;
      color: #1b1b2f; }
  .notFound-main__button {
    border-radius: 64px;
    background-color: #f73859;
    padding: 40px, 16px, 40px;
    width: 228px;
    max-width: 228px;
    height: 56px;
    border-color: transparent; }
    .notFound-main__button:active {
      background-color: #1f4068; }
    .notFound-main__button:disabled {
      background-color: #afb5c6; }
    @media (hover: hover) {
      .notFound-main__button:hover {
        box-shadow: 0px 4px 30px 10px #f7385980; } }
    .notFound-main__button a {
      color: #fff;
      font-family: Nunito;
      font-size: 16px;
      font-weight: 800;
      line-height: 24px;
      letter-spacing: 0em;
      text-align: left; }

@media (min-width: 1440px) and (max-width: 1919px) {
  .notFound-main__logo {
    margin-bottom: 31px; }
    .notFound-main__logo img {
      max-height: 423px;
      max-width: 776px; }
  .notFound-main__button {
    padding: 16px, 40px, 16px, 40px;
    margin-bottom: 40px; } }

@media (min-width: 768px) and (max-width: 1439px) {
  .notFound-main__logo {
    margin-bottom: 48px; }
    .notFound-main__logo img {
      max-height: 242px;
      max-width: 473px; }
  .notFound-main__text {
    gap: 48px;
    margin-bottom: 48px; }
    .notFound-main__text--title {
      font-size: 32px;
      line-height: 32px; }
    .notFound-main__text--content {
      max-width: 440px;
      max-height: 44px;
      font-size: 14px;
      line-height: 22px; }
  .notFound-main__button {
    padding: 13px, 32px, 13px, 32px;
    margin-bottom: 40px; }
    .notFound-main__button a {
      font-family: Nunito;
      font-size: 14px;
      font-weight: 800;
      line-height: 22px;
      letter-spacing: 0em;
      text-align: left; } }

@media (max-width: 767px) {
  .notFound-main__logo {
    margin-bottom: 32px; }
    .notFound-main__logo img {
      max-height: 568px;
      max-width: 320px;
      padding: 0 24px; }
  .notFound-main__text {
    gap: 16px;
    margin-bottom: 16px; }
    .notFound-main__text--title {
      font-family: 'Nunito';
      font-size: 24px;
      line-height: 32px;
      max-width: 272px;
      max-height: 64px; }
    .notFound-main__text--content {
      max-width: 272px;
      max-height: 66px;
      font-size: 14px;
      line-height: 22px; }
  .notFound-main__button {
    padding: 13px, 32px, 13px, 32px;
    width: 194px;
    max-width: 194px;
    height: 48px;
    border-radius: 64px; }
    .notFound-main__button a {
      font-size: 14px;
      line-height: 22px; } }