header {
  z-index: 10;
  .section-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    @media (max-width: 1024px) {
      padding-bottom: 10px;
    }
    .logo {
      @media (max-width: 1280px) {
        flex: 1;
      }
      @media (max-width: 1024px) {
        flex: initial;
      }
      a {
        display: block;
        @media (max-width: 1366px) {
          width: 80%;
        }
        @media (max-width: 1280px) {
          width: 60%;
        }
        @media (max-width: 1024px) {
          min-width: 205px;
        }
      }
    }
    .header_right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 35px;

      .lang {
        @media (max-width: 1024px) {
          margin-right: 50px;
        }
        ul {
          list-style: none;
          margin: 0;
          padding: 0;
          li {
            a {
              border: 1px solid var(--c-gray-900);
              color: var(--c-gray-900);
              border-radius: 4px;
              padding: 7px 8px;
              font-weight: 700;
              font-size: 14px;
              line-height: 100%;
              transition: all 0.2s ease-in-out;
              &:hover {
                color: var(--c-white);
                background-color: var(--c-primary-200);
                border-color: transparent;
              }
            }
          }
        }
      }
    }
  }
}