body {
	background-color: #000;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

body::before {
	background-image: url('../images/background.png');
}

p {
	font-family: "Avenir", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 900;
}

.templateux-navbar .site-logo a {
	font-weight: 500;
	font-size: 18px;
	color: #fff;
}

.templateux-navbar .templateux-menu ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	margin-bottom: 0;
	padding: 0;
}

.templateux-navbar .templateux-menu ul li {
	display: inline-block;
	margin: 0;
}

.templateux-navbar .templateux-menu ul li a {
	display: block;
	position: relative;
	margin-right: 0;
	padding: 8px 20px;
	border-radius: 30px;
	color: #bebebe;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.003em;
	text-transform: capitalize;
	transition: background-color 0.3s ease;
}

.templateux-navbar .templateux-menu ul li a:hover {
	color: rgba(255, 255, 255, 0.753);
	background-color: #39424891;
}

.templateux-navbar .templateux-menu ul li a.linkedin-nav-link {
	display: flex !important;
	align-items: center;
	gap: 7px;
}

.linkedin-nav-link svg {
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
}

.ambient-music-item {
	display: flex !important;
	align-items: center;
}

.templateux-navbar .templateux-menu ul li a.ambient-music-control {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	color: #ffffff8e;
	border-radius: 50%;
}

.templateux-navbar .templateux-menu ul li a.ambient-music-control:hover,
.templateux-navbar .templateux-menu ul li a.ambient-music-control[aria-pressed="true"] {
	color: #fff;
}

#music-eq-btn,
#music-eq-bars {
	display: flex;
	align-items: center;
	justify-content: center;
}

#music-eq-btn {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border-radius: 50%;
}

#music-eq-bars {
	gap: 2px;
	height: 12px;
}

#music-eq-bars .eq-bar {
	display: block;
	width: 2px;
	height: 12px;
	min-height: 2px;
	max-height: 12px;
	background: currentColor;
	border-radius: 2px;
}

.scroll-to-top {
	bottom: 20px !important;
	width: 50px !important;
	height: 50px !important;
	background: rgb(18 26 34 / 80%) !important;
	border: 1px solid rgba(112, 112, 112, 0.427) !important;
	border-radius: 50% !important;
}

.go-back {
	bottom: 20px !important;
	width: auto !important;
	height: 50px !important;
	padding: 0 16px !important;
	background: rgb(18 26 34 / 80%) !important;
	border: 1px solid rgba(112, 112, 112, 0.427) !important;
	border-radius: 20px !important;
	color: #fff;
	font-size: 14px;
	gap: 0;
	overflow: visible;
	text-decoration: none;
}

.go-back.visible {
	left: 20px !important;
	opacity: 1;
	visibility: visible;
}

.scroll-to-top.visible {
	right: 20px !important;
	opacity: 1;
	visibility: visible;
}

.scroll-to-top svg {
	width: 20px;
	height: 20px;
	color: #fff;
}

.go-back svg {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	color: #fff;
}

.go-back:hover {
	color: #fff;
	text-decoration: none;
}

.go-back:hover svg {
	transform: translateX(-2px);
}

.quick-links ul li a.active {
	color: #fff;
}

@media (max-width: 767.98px) {
	.templateux-navbar .templateux-menu {
		display: none;
	}

	.go-back,
	.scroll-to-top {
		bottom: 15px !important;
	}

	.go-back.visible {
		left: 15px !important;
	}

	.scroll-to-top.visible {
		right: 15px !important;
	}
}