/* Scroll To Top (extracted from style.css for async load) */
.tekton-scroll-top {
	position: fixed !important;
	bottom: var(--scroll-top-offset-bottom, 30px) !important;
	right: var(--scroll-top-right, 30px) !important;
	left: var(--scroll-top-left, auto) !important;
	width: var(--scroll-top-size, 45px) !important;
	height: var(--scroll-top-size, 45px) !important;
	background: var(--scroll-top-bg, #0274be) !important;
	color: var(--scroll-top-color, #fff) !important;
	border: var(--scroll-top-border-width, 0) solid var(--scroll-top-border-color, transparent) !important;
	border-radius: var(--scroll-top-radius, 8px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 99999 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px) scale(0.9);
	transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.tekton-scroll-top.is-visible,
.tekton-scroll-top.tekton-scroll-top--visible {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) scale(1) !important;
}

.tekton-scroll-top:hover {
	background: var(--scroll-top-hover-bg, #333) !important;
	color: var(--scroll-top-hover-color, #fff) !important;
	transform: translateY(-5px) !important;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important;
}

.tekton-scroll-top:focus {
	color: var(--scroll-top-color, #fff) !important;
	outline: none !important;
}

.tekton-scroll-top i,
.tekton-scroll-top svg {
	font-size: var(--scroll-top-icon-size, 20px) !important;
	width: var(--scroll-top-icon-size, 20px) !important;
	height: var(--scroll-top-icon-size, 20px) !important;
	line-height: 1 !important;
	fill: currentColor !important;
	stroke: currentColor !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	pointer-events: none !important;
}