:root {
  --blue: #2ab3ee;
  --blue-dark: #28a4d9;
}

.navigation {
  background: linear-gradient(to right, transparent 50%, var(--blue) 50%);
}
.navbar-nav {
  background: var(--blue) !important;
}
.navbar .dropdown-item:hover {
  color: var(--blue);
}
.navbar .dropdown-menu {
  border-bottom: 5px solid var(--blue);
}

.btn-primary {
  background: var(--blue);
}
.btn-primary:hover {
  background: var(--blue-dark);
  color: var(--blue);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  border-color: var(--blue);
}

.text-primary {
  color: var(--blue) !important;
}

.hero-slider .slick-dots li.slick-active button {
  background: var(--blue);
}

.steps-progressbar li.active:before,
.steps-progressbar li.active:after {
  background: var(--blue) !important;
}