@font-face {
	font-family: "exo";
	src: local("exo"), url("../fonts/exolight.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "exo";
	src: local("exo"), url("../fonts/exo.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "exo";
	src: local("exo"), url("../fonts/exobold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--color-accent: #00a4e0;
	--bs-gutter-x: 3rem
}

html, body{
	font-family: "exo";
	font-size: 20px
}
section{
	overflow-x: clip
}
.logo{
	width: 220px;
	transition: all .7s;
}
.container{
	--bs-gutter-x: 3rem
}
header a, footer a{
	color: inherit;
	text-decoration: none;
}
.header-wrapper{
	min-height: 50vh;
	background-color: #1a1b20;
}
.main-bg{
	background-color: #1a1b20;
}
#header{
	color: #fff;
	transition: all .3s
}
#header.sticky{
	color: #333;
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 50;
	box-shadow: 0 0 3rem 0 #00000020;
}
#header .logo-light{
	display: block
}
#header .logo-color{
	display: none
}
#header.sticky .logo-light{
	display: none
}
#header.sticky .logo-color{
	display: block;
	width: 180px;
}

@media (max-width: 992px){
	.logo{
		max-width: 140px;
	}
	#header.sticky nav{
		display: none!important
	}
}

.bg-lg{
	background: linear-gradient(111deg, #23242b 20%, #1a1b20 95%);
}

.title-wrapper {
	box-sizing: border-box;
	width: fit-content;
	position: relative;
}
.title{
	z-index: 2;
	position: relative;
	text-transform: uppercase;
}
.title-line {
	position: absolute;
	width: 100%;
	max-width: 80vw;
	height: 12px;
	background-color: var(--color-accent);
	left: 0rem;
	bottom: 0rem;
	z-index: 1;
	transform: skewX(-20deg);
}

.text-accent{
	color: var(--color-accent)	
}

[data-aos="line"]{
	width: 0;
}

[data-aos="line"].aos-animate {
	width: 100%;
	left: 2rem;
}

[data-aos="title"]{
	opacity: 0;
	transform: translateX(2rem);
}

[data-aos="title"].aos-animate {
	opacity: 1;
	transform: translateX(0);
}
[id]{
	scroll-margin-top: 93px;
}
footer{
	background: #151719;
}