.top-navbar{
  background-color: #4c4c4c;
}

.top-navbar a{
  text-decoration: none;
  color: white;
  font-size: 0.8rem;
}

.top-navbar a:hover{
  color: white;
  text-decoration: underline;
}

.navbar{
  padding: 0.5rem 0 !important;
}

.navbar-brand img{
  width: 120px;
  height: auto;
}

.navbar .nav-link{
  /* color: #757985; */
  color: #757985;
  font-weight: 700 !important;
  font-size: 0.8rem;
  letter-spacing: 0.3px;
  padding-right: 1.3rem !important;

  transition: .4s ease;
}

.navbar .nav-link span{
  color: #a3a5ab;
  font-size: 0.75rem;
  font-weight: 500;

  display: block;
  margin-bottom: -1.35rem;
}

.navbar .nav-link:hover{
  font-weight: 700 !important;
  color: var(--accent-color) !important;
}

.navbar .nav-link:hover span{
  color: var(--accent-color) !important;
}

#PlanosNav{
  cursor: pointer !important;
  pointer-events: none !important;
}

.navbar .active{
  color: var(--accent-color) !important;
}

.navbar .active span{
  color: var(--accent-color) !important;
}

.navbar-toggler{
  outline: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.bar{ 
  height: 4px;
  width: 30px;
  background: var(--accent-color);
  border-radius: 5px;
  margin: 6px auto;
  display: block;
}

.navbar .btn, 
.navbar .btn-primary{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 20px;
  
  max-width: max-content;
  height: 40px;
  
  border: 1.5px solid var(--accent-color);
  background-color: transparent;
  color: var(--accent-color) !important;
  border-radius: 100px;
  font-size: 1.1rem;

  gap: 0.9rem;
}

.navbar .btn:hover, 
.navbar .btn-primary:hover{
  background-color: transparent !important;
  border: 1.5px solid var(--accent-color) !important;
}

.dropdown-menu[data-bs-popper] {
  top: 52px !important;
  border: none;
  left: 0;
  border-radius: 0;
}

.dropdown-menu.show{
  background-color: #F2F2F2 !important;
  background: #F2F2F2 !important;
}

.dropdown-menu{
  background-color: #F2F2F2 !important;
  background: #F2F2F2 !important;
}

.dropdown-menu .dropdown-item{
  font-size: 14px;
}
.dropdown-toggle::after{
  vertical-align: 0.12em !important;
}

@media screen and (max-width: 1201px) {
  .navbar .nav-link{
    font-size: 0.7rem;
  }

  .nav-phone-icon{
      width: 13px;
  }

  .navbar .btn, 
  .navbar .btn-primary{
      height: 30px;
      font-size: 0.9rem;
  }
}

@media screen and (max-width: 993px){
  #PlanosNav{
    cursor: pointer !important;
    pointer-events: inherit !important;
  }
  
  .navbar-nav{
    padding: 2rem  !important;
  }

  .navbar-nav a{
      font-size: 1rem !important;
      text-align: start;
  }

  .navbar-nav .btn{
      margin-top: 1rem;
      padding: 1.2rem 20px !important;
  }

  .nav-item a{
      padding: 0.9rem 0.9rem 0.9rem 0;
  }

  .navbar .nav-link br{
    display: block !important;
  }

  .navbar .nav-link span {
    margin-bottom: -1.6rem;
  }
  .navbar .nav-link{
    padding-bottom: 0.4rem;
  }
  
  /* .navbar .nav-link span{
    font-size: 0.8rem;
  } */
}

@media screen and (max-width: 577px){
  .top-navbar a{
    font-size: 0.6rem !important;
  }
}

@media screen and (max-width: 414px){
  .top-navbar a{
    font-size: 0.7rem;
  }
}