section.features .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: linear-gradient(to left, #5117cc, #0f7bde);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-bg-dark {
  color: #0e82ee !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-danger);
}

.btn:hover, .btn:focus, .btn:active, .btn.active {
  color: #fff;
  border-color: #0029ff;
  background-color: #0066ff;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2177dc;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  background: #0b9ced;
  left: 50%;
  top: 20px;
  bottom: 20px;
  margin-left: -4px;
}

.timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  background: #1082eb;
  left: 50%;
  top: 20px;
  bottom: 20px;
  margin-left: -4px;
}

#mainNav {
  border-color: rgba(34,34,34,.05);
  background: linear-gradient(to left, #623e9f, #1182b1);
  transition: all .35s;
  font-family: "Catamaran","Helvetica","Arial","sans-serif";
  font-weight: 200;
  letter-spacing: 1px;
}

a:hover, a:focus {
  color: #ffffff;
}

#mainNav .navbar-nav > li > a:hover, #mainNav .navbar-nav > li > a:focus:hover {
  color: #0670d2;
}

#mainNav .navbar-nav > li > a:hover, #mainNav .navbar-nav > li > a:focus:hover {
  color: #1e34f7;
}

#mainNav .navbar-nav > li > a, #mainNav .navbar-nav > li > a:focus {
  color: #ffffff;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}