/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: var(--bs-navy);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: var(--bs-grey);
  line-height: 0;
}

.back-to-top:hover {
  background: var(--bs-grey);
}

.back-to-top:hover i {
  color: var(--bs-navy);
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}