body {
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@font-face {
	font-family: Poppins;
	src: url('./fonts/Poppins-SemiBold.ttf');
}

.main-img {
    position: relative;
    text-align: center;
}

.main-img img {
	width: 1399px;
	height: 560px;
	object-fit: cover;
    max-width: 100%;
    height: auto;
}

.comp-lklo1vml {
	font-family: 'Source Sans Pro', 'Arial', sans-serif;
}

.font_0 {
	font-family: 'Poppins', sans-serif;
	font-size:7vmin;
	line-height:1.2em;
	text-align:center;
	position: absolute;
    top: 3vw;
    left: 50%;
    transform: translate(-50%, -50%);
}

.font_3 {
	font-family: 'Poppins', sans-serif;
	text-align:center;
	font-size:3vmin;
	color:#000000;
	position: absolute;
    top: 20vw;
    left: 50%;
    transform: translate(-50%, -20%);
}

.color_45 {
  color: rgb(var(--color_45));
}

:root,:host, .spxTheme {
	--color_45: 15,58,97;
}