@charset "utf-8";

html,
body {
	position: relative;
	overflow-x: hidden;
	font-size: 0;
}


.swiper-container {
	width: 100%;
	height: 100vh;
	/* height: 1080px; */
	position: relative;
}


.slide-png {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 300px;
}


.swiper-slide {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.slide01 {
	background-image: url(../../img/main-img06.jpg);
}

.slide02 {
	background-image: url(../../img/main-img02.jpg);
}


.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}

/* @media screen and (max-width:1919px) {
	.swiper-container {
		height: 56.28vw;
	}
} */

@media screen and (max-width:1024px) {
	.slide-png {
		width: 29.30vw;
	}
}

@media screen and (max-width:768px) {
	.swiper-container {
		height: 119.92vw;
	}
}


/* @media screen and (max-width:768px) {
	.slide-png {
		width: 150px;
	}
} */











/*main-title*/

.main-title {
	width: 100%;
	display: block;
	margin: auto;
	position: relative;
	height: 50vh;
}

.title-txt {
	position: absolute;
	left: 30%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.main-title h2 {
	font-size: 10vmin;
	font-weight: 700;
	margin-bottom: 20px;
}

.main-title h3 {
	font-weight: 700;
	font-size: 5vmin;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}



.title-bg {
	font-size: 20vmin;
	width: 100%;
	opacity: .1;
	text-transform: capitalize;
	font-weight: 700;
	display: block;
	text-align: center;
	padding-top: 50px;
}






@media screen and (max-width:768px) {
	.main-title {
		height: 70vh;
	}

	.main-title h3 {
		display: block;
		padding: 0px;
	}

}

@media screen and (max-width:425px) {
	.main-title {
		height: 50vh;
	}


}