.navbar .language {
  display: none;
}

.navbar .container {
  height: 100%;
}

.navbar .login-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: fit-content;
  float: right;
  cursor: pointer;
}

.navbar .login-box>p#login-out-btn {
  display: none;
}

.navbar .login-box>p {
  font: normal normal 600 16px/22px Open Sans;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}

.navbar .login-box.is-login #login-out-btn {
  display: block;
}

.navbar .login-box.is-login #show-login-btn {
  display: none;
}


.navbar .login-box>p:hover {
  text-decoration: underline;
}

.mobile-login-box {
  display: none;
}

@media screen and (max-width: 768px) {
  .navbar .login-box {
    display: none;
  }

  .mobile-login-box {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: transparent linear-gradient(180deg, #2A2E34 0%, #1A1D22 100%) 0% 0% no-repeat padding-box;
    z-index: 99;
    padding-inline: 30px 13.5px;
    align-items: center;
    box-sizing: border-box;
  }

  .mobile-login-box ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 47px;
    height: 100%;
    width: fit-content;
    list-style: none;
  }

  .mobile-login-box ul li {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 5px;
  }

  .mobile-login-box ul li .home-icon {
    width: 17.5px;
    height: 17.5px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQuOTMzIiBoZWlnaHQ9IjM0LjkzMyIgdmlld0JveD0iMCAwIDM0LjkzMyAzNC45MzMiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwZjI3YyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxnIGlkPSJob21lX2ljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODQuMDMzIC0xMjc4LjUpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzI1ODM1NiIgZGF0YS1uYW1lPSJQYXRoIDI1ODM1NiIgZD0iTTE0My45NDEsMTI2LjVhNC42NzMsNC42NzMsMCwwLDEsMi41MDcuNzI4bDEyLjgyNCw4LjE3Ny4wNTkuMDM5YTQuNjg4LDQuNjg4LDAsMCwxLDIuMSwzLjkwOHYxNy4zODhhNC42OTIsNC42OTIsMCwwLDEtNC42OTIsNC42OTJIMTMxLjE5NGE0LjcxMyw0LjcxMywwLDAsMS00LjY5NC00LjY4OFYxMzkuMzUxYTQuNjg4LDQuNjg4LDAsMCwxLDIuMTU1LTMuOTQzbDEyLjcyOS04LjE2MWE0LjcxLDQuNzEsMCwwLDEsMi41MzUtLjc0OFptMTMuNjc4LDExLjQwOS0xMi43ODEtOC4xNDlhMS42NzUsMS42NzUsMCwwLDAtLjktLjI1OWgtLjAyM2ExLjczNiwxLjczNiwwLDAsMC0uOTE5LjI3NmwtMTIuNzIyLDguMTU3YTEuNywxLjcsMCwwLDAtLjc3NywxLjQyNHYxNy4zODRhMS43LDEuNywwLDAsMCwxLjcsMS42OTJoMjUuNTQzYTEuNjkyLDEuNjkyLDAsMCwwLDEuNjkyLTEuNjkyVjEzOS4zNTFhMS43LDEuNywwLDAsMC0uNzg2LTEuNDI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU3LjUzMyAxMTUyLjAwMikiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgogICAgPHBhdGggaWQ9IkxpbmVfMjMiIGRhdGEtbmFtZT0iTGluZSAyMyIgZD0iTTE0LDEuNUgwQTEuNSwxLjUsMCwwLDEtMS41LDAsMS41LDEuNSwwLDAsMSwwLTEuNUgxNEExLjUsMS41LDAsMCwxLDE1LjUsMCwxLjUsMS41LDAsMCwxLDE0LDEuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NC41IDEzMDUuNSkiIGZpbGw9IiNmYWZhZmEiLz4KICA8L2c+Cjwvc3ZnPgo=');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .mobile-login-box ul li .login-icon {
    width: 17px;
    height: 17px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzMuNDc1IiBoZWlnaHQ9IjMzLjQ3NCIgdmlld0JveD0iMCAwIDMzLjQ3NSAzMy40NzQiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwZjI3YyIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxnIGlkPSJsb2dfaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1LjMzMyAtODUuMzM0KSI+CiAgICA8cGF0aCBpZD0iVW5pb25fNjMiIGRhdGEtbmFtZT0iVW5pb24gNjMiIGQ9Ik0tNjUzOS41NzQtMTE2MS4xOTNhMS41ODEsMS41ODEsMCwwLDEtMS42NzUtMS42NzMsMS41ODIsMS41ODIsMCwwLDEsMS42NzUtMS42NzVoNi42OTNhMS41ODEsMS41ODEsMCwwLDAsMS42NzUtMS42NzN2LTIzLjQzMmExLjU4MiwxLjU4MiwwLDAsMC0xLjY3NS0xLjY3NWgtNi42OTNhMS41ODEsMS41ODEsMCwwLDEtMS42NzUtMS42NzMsMS41ODEsMS41ODEsMCwwLDEsMS42NzUtMS42NzNoNi42OTNhNC45MzIsNC45MzIsMCwwLDEsNS4wMjIsNS4wMjF2MjMuNDMyYTQuOTMyLDQuOTMyLDAsMCwxLTUuMDIyLDUuMDIxWm0tOS41NDEtNy4yYTEuNjE2LDEuNjE2LDAsMCwxLDAtMi4zNDNsNS41MjMtNS41MjNoLTE2LjA2OGExLjU4MSwxLjU4MSwwLDAsMS0xLjY3My0xLjY3MywxLjU4MiwxLjU4MiwwLDAsMSwxLjY3My0xLjY3NWgxNi4wNjhsLTUuNTIzLTUuNTIzYTEuNjE2LDEuNjE2LDAsMCwxLDAtMi4zNDMsMS42MiwxLjYyLDAsMCwxLDIuMzQzLDBsOC4zNjgsOC4zNjhjLjE2OC4xNjguMTY4LjMzNi4zMzQuNWExLjgyNywxLjgyNywwLDAsMSwwLDEuMzM5YzAsLjE2OC0uMTY3LjMzNi0uMzM0LjVsLTguMzY4LDguMzY4YTEuNTE3LDEuNTE3LDAsMCwxLTEuMTcyLjVBMS41MTUsMS41MTUsMCwwLDEtNjU0OS4xMTUtMTE2OC4zOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2NDYuNjY3IDEyODApIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4KICA8L2c+Cjwvc3ZnPgo=');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .mobile-login-box ul li span {
    font: normal normal normal 13px/16.5px Open Sans;
    color: #FFFFFF;
  }

  .mobile-login-box ul #mobile-login-out-btn {
    display: none;
  }
  .mobile-login-box.is-login ul #mobile-login-out-btn {
    display: flex;
  }
  .mobile-login-box.is-login ul #mobile-show-login-btn {
    display: none;
  }

  .mobile-login-box .buy-now-btn {
    margin-inline-start: auto;
    width: 106px;
    height: 30px;
    border: 2px solid #FFC144;
    border-radius: 2.5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-login-box .buy-now-btn>span {
    font: normal normal 600 12px/16px Open Sans;
    color: #EFC144;
  }
}