.navbar {
  font-family: var(--font-style);
  font-weight: 600;
  z-index: 3;
}
.navbar-nav > li{
  margin-left:30px;
  margin-right:10px;
}
.btn-login{
  display: flex;
  width:150px;
  height: 50px;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px !important;
  background-color: #fff !important;
  color: var(--black-btns);
  font-size: var(--font-size-small) !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.btn-register{
  display: flex;
  width:170px;
  height: 50px;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px !important;
  background-color: var(--gold) !important;
  color: var(--black-btns);
  font-size: var(--font-size-small) !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.navbar img{
  width: auto;
  height: 90px;
}
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.navbar .navbar-toggler {
  border: 1px solid #FFFF;
}
@media only screen and (max-width:1200px){
  .nav-item{
    margin-top:10px;
    margin-left:initial !important;
  }

}
@media only screen and (max-width:420px){
  .navbar a.navbar-brand{
    margin:0 auto;
  }
  .navbar button{
    padding-left:10px;
    margin:0 auto;
  }
}
.navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
}
.nav-item{
  font-family: var(--font-style);
  font-style: normal;
  font-weight: 600;
}