body {
    background-color: black;
}
.main-banner{
    width: 100%;
    /* overflow: hidden; */
}
.cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.area-1-bg{
	display:block;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
.main-banner .tp {
    color: #fff;
    font-size: 5em;
    font-family: "KiaSignatureFix", sans-serif;
    font-weight: 600;
}
.main-banner .desc{
    color: #fff;
    font-size: 3.6em;
    font-family: "KiaSignatureFix", sans-serif;
    font-weight: 300;
	line-height: .6;
}
.banner-info{
	width: 2000px;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	background-color: #6d6d6d00;
}
.banner-info-content{
	height: 800px;
}
.bnr-area-text{
	top: 5%;
}
.bnr-area-logo{
	width: 260px;
	bottom: 10%;
}
.bnr-area-logo img{
	width: 100%;
}
.loader-bg {
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.loader {
	width: 50px;
	padding: 5px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #c9c9c9;
	--_m:
		conic-gradient(#0000 10%, #000),
		linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
	mask: var(--_m);
	-webkit-mask-composite: source-out;
	mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {
	to {
		transform: rotate(1turn)
	}
}
.loading-icon {
	z-index: 11;
}
@media (max-width: 2200px) {
	.banner-info{
		width: 90%;
	}
}
@media (max-width: 1600px) {
	.main-banner .tp {
	    font-size: 4.5em;
	}
	.main-banner .desc{
	    font-size: 3.1em;
	}
	.bnr-area-logo{
		width: 240px;
	}
}
@media (max-width: 1400px) {
	.main-banner .tp {
	    font-size: 4.2em;
	}
	.main-banner .desc{
	    font-size: 2.9em;
	}
	.bnr-area-logo{
		width: 240px;
	}
}
@media (max-width: 1300px) {

}

@media (max-width: 1200px) {
	.main-banner .tp {
	    font-size: 4em;
	}
	.main-banner .desc{
	    font-size: 2.6em;
	}
}

@media (max-width: 992px) {
	.bnr-area-text{
		top: 20%;
	}
	.main-banner .tp {
	    font-size: 4.5em;
	}
	.main-banner .desc{
	    font-size: 3.3em;
	}
	.bnr-area-logo{
		bottom: 25%;
	}
}

@media (max-width: 768px) {	
	.main-banner .tp {
	    font-size: 4em;
	}
	.main-banner .desc{
	    font-size: 3em;
	}
	.bnr-area-logo{
		width: 180px;
	}
}

@media (max-width: 576px) {  
	.main-banner .tp {
	    font-size: 3em;
	}
	.main-banner .desc{
	    font-size: 2.2em;
	}
	.bnr-area-logo{
		width: 150px;
	}
}

@media (max-width: 440px) {  
	.main-banner .tp {
	    font-size: 2em;
	}
	.main-banner .desc{
	    font-size: 1.5em;
	}
	.bnr-area-logo{
		width: 100px;
	}
}

@media (max-width: 375px) { 
}

@media (max-width: 260px) {
}