/* Topbar Started */
.topBar {
  /* background-color: var(--dark-ocean); */
  background-color: var(--white);
}

.topBar span,
ul.dropDown li a {
  color: var(--black);
  font-size: 14px;
  font-weight: 300;
}

.dropdown-menu {
  border-radius: 10px;
  max-width: 50%;
}

ul.navbar-nav li.currencyName {
  padding-right: 20px;
}

/* .topBar ul.dropDown li .dropdown-menu a,
.topBar ul.dropDown li .dropdown-menu a:hover {
  color: var(--dark-text);
  font-weight: 400;
} */

/* ul.dropDown li.dropdown-hover a:hover,
ul.dropDown li.dropdown-hover a:focus,
ul.dropDown li.dropdown-hover a:active {
  color: var(--white-color);
} */

.dropdown-container button.btn {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.dropdown-container button.btn:hover,
.dropdown-container button.btn:focus,
.dropdown-container button.btn:active {
  color: var(-black);
}

.dropdown .dropDown-Topbar a {
  border-bottom: 1px solid #c8c8c7;
  padding: 7px 15px 7px 15px;
}

.dropdown .dropDown-Topbar {
  padding: unset;
}

.dropdown .dropDown-Topbar a:last-child {
  border-bottom: unset;
}

.dropdown .dropDown-Topbar a:first-child:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown .dropDown-Topbar a:last-child:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.dropdown-container {
  display: flex;
  flex-direction: row;
}

.topBar .dropdown-container {
  display: flex;
}

.topBar .topBar-spacing {
  justify-content: center;
}

.navbar-nav.dropDown li.nav-item {
  margin-right: 10px;
}

/* Hide the desktop-only dropdown */
.navbar-nav.dropDown.d-none.d-lg-flex,
.topBar span.navbar-text {
  display: none;
}

@media (min-width: 768px) {
  .topBar span.navbar-text {
    display: block;
  }
}

@media (min-width: 992px) {
  .topBar .topBar-spacing {
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
}

/* Topbar Ended */