/* Code to Remove all default style */
html {
  scroll-behavior: smooth;
}

/* Style for scroll-sections */

/* Style for scroll-top button */
.backToTopBtn {
  position: fixed;
  bottom: 15%;
  right: 50px;
  z-index: 1;
  height: 50px;
  width: 50px;
  font-size: 20px;
  border: none;
  color: #cccccc;
  border-radius: 100%;
  transition: 0.5s;
  cursor: pointer;
}
.backToTopBtn:not(:hover) {
  background: #1f1f1f;
}
.backToTopBtn:hover {
  background: #0f0f0f;
}
.backToTopBtn.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.backToTopBtn:not(.active) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}