/* Generating Color Pack*/
.color-highlight {
  color: #3BAFDA !important;
}

.bg-highlight {
  background-color: #3BAFDA !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: #3BAFDA !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, #4FC1E9, #3BAFDA) !important;
}

.bg-fade-highlight-light {
  background-color: rgba(79, 193, 233, 0.3) !important;
  color: #FFF !important;
}

.bg-fade-highlight-dark {
  background-color: rgba(59, 175, 218, 0.7) !important;
  color: #FFF !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color: #3BAFDA !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color: #3BAFDA !important;
}

.form-floating-over > .form-control:focus ~ label {
  color: #3BAFDA;
}

.form-floating-over > .form-control:not(:placeholder-shown) ~ label {
  color: #3BAFDA;
}

.form-floating-over > .form-select ~ label {
  color: #3BAFDA;
}

.color-highlight {
  color: #3BAFDA;
}

.bg-highlight {
  background-color: #3BAFDA;
  color: #FFF !important;
}