@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");
#navBar {
  font-family: "Roboto", sans-serif;
  background: #fff;
  box-shadow: 0px -5px 10px 0px #000;
}
#navBar .active {
  color: #fff !important;
  background: #4285f4;
  border: 1px solid #4285f4 !important;
}
#navBar .container .navbar .navbar-brand img {
  display: flex;
  width: 8rem;
}
#navBar .container .navbar .collapse .navbar-nav.registrationSection .btn {
  font-weight: 500;
  padding: 0.7rem 1.4rem;
  border: 1px solid #333;
}
#navBar .container .navbar .collapse .navbar-nav.registrationSection .btn:hover {
  color: #fff !important;
  background: #4285f4;
  border: 1px solid #4285f4;
}
#navBar .container .navbar .collapse .navbar-nav.registrationSection .nav-item {
  margin-left: 0rem !important;
}
#navBar .container .navbar .collapse .navbar-nav.registrationSection .nav-item .nav-link {
  font-size: 0.9rem;
  color: #000;
  font-weight: 300;
  line-height: 0.8rem;
}
#navBar .container .navbar .collapse .navbar-nav.registrationSection .nav-item .nav-link.bcs {
  margin-top: 1px;
  border-bottom: 1px dotted #000;
}
#navBar .container .navbar .collapse .navbar-nav.registrationSection .nav-item .nav-link.bcs:hover {
  border-bottom: none;
  color: #4285f4;
}
#navBar .container .navbar .collapse .navbar-nav .nav-item .nav-link {
  color: #000;
}