.xl-text {
  font-size: 70px;
}

.btn-outline-secondary:hover {
  color: #fff !important;
}

.sticky-nav {
  opacity: 0.7;
}

.header .decoration-star1 {
  top: 80px;
  left: -200px;
  width: 500px;
  opacity: 0.7;
}

.header .decoration-star2 {
  top: 80px;
  right: -200px;
  width: 500px;
  opacity: 0.7;
}

.decoration-star3 {
  top: 80px;
  left: -200px;
  width: 500px;
  opacity: 0.7;
}

.decoration-star4 {
  top: 80px;
  right: -200px;
  width: 500px;
  opacity: 0.7;
}

.to-top-btn {
  z-index: 20;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  outline: none;
  background-color: #44434a;
  cursor: default;
  transition: all 0.5s ease-in-out;
}
.to-top-btn:hover {
  background-color: #1d1d21;
}

.show {
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 991px) {
  .xl-text {
    font-size: 50px;
  }
  .header .decoration-star1 {
    left: -100px;
    width: 250px;
  }
  .header .decoration-star2 {
    right: -100px;
    width: 250px;
  }
}