.is-visible {

}

.scroll-to-top {
	display: flex;
	justify-content: flex-end;	
}

.scroll-to-top__wrapper {
	/* background: #000; */
	border-radius: 50%;
	height: 42px;
	width: 42px;
	position: fixed;
	bottom: 100px;
/* 	right: 100px; */
	z-index: 3;
}
.scroll-to-top__wrapper svg {
	height: 42px !important;
	width: 42px !important;
}
.scroll-to-top__wrapper {
	background: #ADC6D9 ;
}

.arrow-go-to-top * {
	stroke: #fff;
}


.to-top-button {
	/* 	margin-left: 100%; */
	/* 	position: relative; */
}


@media (max-width: 800px) {
	.scroll-to-top__wrapper {
		bottom: 65px;
		right: 30px;
		height: 30px;
		width: 30px;
	}
	.scroll-to-top__wrapper svg {
		height: 30px !important;
		width: 30px !important;
	}
	.to-top-button {
		/* 		position: absolute; */
		top: 32px;
		right: 23px;
		left: unset;
	}
}

{#

.scroll-to-top__wrapper {
	position: fixed;
    height: 100vh;
    bottom: 0;
    right: 24px;
}
.to-top-button {
	/* 	margin-left: 100%; */
/* 	position: relative;  */
	position: sticky;
    top: 90%;
    background: red;
    bottom: 0px;
}
@media screen and (max-width: 767px) {
	.to-top-button {
		top: 85%;
		left: unset;
		margin-left: unset;
	}
}
#}

{#

#scrollToTopBtn {
  background-color: var(--primary-color);
  border: none;
  border-radius: 10%;
  cursor: pointer;
  font-size: 16px;
  line-height: 48px;
  width: 80px;
  height: 70px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}

#scrollToTopBtn:hover {
  opacity: 1;
}

#scrollToTopBtn svg {
  height: 16px;
  width: 35px;
  transform: rotate(270deg);
}

#scrollToTopBtn svg * {
  fill: var(--secondary-color); 
}

.scrollToTopBtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
  opacity: 0;
  transform: translateY(100px);
  transition: all .5s ease
}

.showBtn {
  opacity: 0.7;
  transform: translateY(0)
}

@media (max-width: 767px){
  #scrollToTopBtn,
  .scrollToTopBtn {
    display: none;
  }
}  #}