* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: "Montserrat", sans-serif;
      background: white;
      color: #000;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100vh;
      padding: 50px 70px;
    }

    .top-bar {
      width: 100%;
      display: flex;
      justify-content: flex-end;
    }

    .language-switcher {
      z-index: 1000;
    }

    .language-trigger {
      z-index: 1000;
      position: relative;
      display: flex;
      column-gap: 5px;
      border: 0;
      align-items: center;
      justify-content: center;
      background-color: #fff;
    }

    .language-info {
      z-index: 1000;
      display: flex;
      column-gap: 10px;
      align-items: center;
      justify-content: center;
    }

    .language-flag {
      z-index: 1000;
      width: 36px;
      height: 36px;
    }

    .language-text {
      z-index: 1000;
      font-size: 1.5rem;
      font-weight: 400;
      font-family: "Inter", sans-serif;
    }

    .language-menu {
      z-index: 1000;
      display: none;
      z-index: 1000;
      position: absolute;
      row-gap: 27px;
      flex-direction: column;
      justify-content: center;
      padding: 22px 0 22px 30px;
      top: 100px;
      right: 5px;
      width: 251px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      box-shadow: 0px 8px 24px 0px #0000001A;
    }

    .language-menu.show {
      z-index: 1000;
      display: flex;
    }

    .language-menu-group {
      z-index: 1000;
      cursor: pointer;
      display: flex;
      column-gap: 10px;
      align-items: center;
      justify-content: flex-start;
      transition: .3s;
    }

    .language-menu-group.active-language .language-text {
      z-index: 1000;
      color: #DE3B38;
    }

    .language-menu-group:hover {
      z-index: 1000;
      color: #DE3B38;
      transition: .3s;
    }

    .logo {
      z-index: 1;
      width: 352px;
      height: 142px;
      font-weight: bold;
      margin-top: 70px;
    }

    .subtitle {
      margin: 18px 0 80px 0;
      font-size: 2rem;
      font-weight: 500;
      line-height: 100%;
      text-align: center;
    }

    .countries {
      display: flex;
      column-gap: 90px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .country {
      text-decoration: none;
      color: #000;
      font-size: 1.75rem;
      line-height: 2.1875rem;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 27px;
    }

    .country:hover {
      color: #DE3B38;
      transition: .3s;
    }

    .country-flag {
      width: 100px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .footer {
      margin-top: auto;
      font-size: 1.25rem;
      color: #646464;
      text-align: center;
      padding: 20px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
    }


    @media (max-width: 1919px) {
      .language-trigger {
        column-gap: 9px;
      }

      .language-info {
        column-gap: 9px;
      }

      .language-flag {
        width: 24px;
        height: 24px;
      }

      .language-text {
        font-size: 1.25rem;
      }

      .language-menu {
        row-gap: 17px;
        width: 183px;
        top: 80px;
        right: 46px;
        padding: 11px 0 11px 22px;
      }

      .logo {
        width: 284px;
        height: 115px;
      }

      .subtitle {
        font-size: 1.625rem;
        margin: 25px 0 94px 0;
      }

      .countries {
        column-gap: 85px;
      }

      .country {
        font-size: 1.25rem;
        column-gap: 23px;
      }

      .coutnry-flag-image {
        width: 62px;
        height: 39px;
      }
    }

    @media (max-width: 1439px) {
      body {
        padding: 20px 15px;
      }

      .language-trigger {
        column-gap: 15px;
      }

      .language-info {
        column-gap: 8.37px;
      }

      .language-text {
        font-size: 0.8125rem;
      }

      .language-menu {
        row-gap: 7px;
        width: 128px;
        top: 50px;
        right: 16px;
        padding: 6px 0 6px 17px;
      }

      .logo {
        margin-top: 19px;
        width: 172px;
        height: 70px;
      }

      .subtitle {
        font-size: 0.875rem;
        margin: 10px 0 57px 0;
      }

      .countries {
        column-gap: 20px;
      }

      .country {
        font-size: 0.75rem;
        column-gap: 12px;
      }

      .coutnry-flag-image {
        width: 37px;
        height: 23px;
      }

      .footer {
        font-size: 0.625rem;
      }
    }

    @media (max-width: 767px) {

      body {
        padding: 32px 7px;
      }

      .language-trigger {
        column-gap: 15px;
      }

      .language-info {
        column-gap: 4px;
      }

      .language-text {
        font-size: 0.75rem;
      }

      .language-menu {
        row-gap: 10px;
        width: 73px;
        top: 60px;
        right: 20px;
        padding: 10px 0 10px 10px;
      }

      .language-menu-group {
        column-gap: 4px;
      }

      .logo {
        margin-top: 159px;
        width: 138px;
        height: 43px;
      }

      .subtitle {
        font-size: 0.75rem;
        margin: 20px 0 40px 0;
      }

      .countries {
        width: 306px;
        justify-content: space-between;
        column-gap: 20px;
      }

      .footer {
        padding: 0;
        font-size: 0.625rem;
      }
    }

    @media (max-width: 374px) {}