/*===========PAGE HOME ABOUT SECTION========== */
.page-home-about {
	width: 100%;
	height: 770px;
	position: relative;
	overflow: hidden;
	background-color:var(--base-white);
}
.watermark{
	font-style: italic;
	color:var(--base-4);
	font-family:var(--font-en);
	font-size:140px;
	white-space:nowrap;

}
.page-home-about > picture img:first-of-type{
	position:absolute;
	bottom:-80px;
	left:-90px;
}



#main-container {
	width: 100%;
	height: 750px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 10px;
}

/* #about-container > picture #about-image {
position: absolute; 
left: 52%;
top: 140px;
width: auto; 
height: 550px; 
object-fit: none; 
object-position:-0%
} */

#about-container > picture #about-image {
	position: absolute; 
	left: 50%;
	top: 120px;
	width: auto; 
	height: 550px; 
	object-fit: contain; 
}


#about-desc-container {
	max-width: 720px;
	width: 720px;
	position: absolute;
	top: 100px;
	left: 110px;
	background-color: rgba(253, 253, 253, 0.95);
	box-shadow: var(--box-shadow-1);
	padding: 20px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

#about-desc {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#about-desc-title {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

#about-desc-title h1 {
	color: var(--base-1);
}

#about-desc-title h1:after {
	content: " / ";
	font-weight: 200;
	color: var(--base-3);
	font-size: 0.9em;
}

#about-desc-title p {
	text-transform: italic;
}

#about-desc-sub {
	background-color: var(--base-1);
	display: flex;
	align-items: center;
	padding: 0px 4px;
	margin-bottom: 10px;
}

#about-desc-sub h1 {
	color: var(--base-white-main);
}

.about-slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	top:70px;
	left:50%;
	height: 550px;
	margin-bottom: 40px;
}

.slide-track {
	display: flex;
	width: calc(100% * 4);
	animation: scroll 200s linear infinite;
}

.slide-track li {
	flex-shrink: 0;
	width: auto;
	height: 550px;
	list-style: none;
}

.about-slide-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-800px * 4));
	}
}


@media screen and (min-width: 1500px) {
	#about-desc-container {
		left: 35%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 1200px) {
	.page-home-about {
		height: 1200px;
	}
	#about-container {
		display: flex;
		flex-direction: column;
		align-items: center; 
		justify-content: flex-start;
		height: auto;
		position: relative; 
	}

	#about-container > picture #about-image {
		position: relative; 
		top: 150px;
		left: 0;
		width: 100%; 
		height: 325px; 
		object-fit: none; 
		object-position:0%;
		margin-bottom: 50px; 
		z-index: 1; 
	}

	#about-desc-container {
		position: relative; 
		top: 180px;
		left: 0;
		width: 90%;
		max-width: 720px;
		margin: 0 auto;
		z-index: 2; 
	}
	.about-slider{
		left:0;
		top:290px;

	}
}


/*PAGE HOME FLOW*/
.home-flow-section{
	background-color:var(--base-white) !important;
	position:relative !important;
	padding:0px 16px;
}
.home-flow-section .flow-vehicle{
	position:absolute;
	bottom:0;
	left:0
}
.flow-step-container{
	background-color:white !important;
	opacity:unset !important;
	position:relative;
	z-index:9
}
.flow-button{
	z-index:9;
	position:relative;
}
/*END PAGE HOME FLOW*/










/*===========RESPONSIVE===================*/

@media screen and (max-width:1440px) {


	@media screen and (max-width:800px){

	}

	@media screen and (max-width: 700px) {
		/*============PAGE HOME ABOUT SECTION==============*/
		.page-home-about > picture img:first-of-type{
			bottom:0;
			left:0;
		}
		#main-container {
			height: auto;
		}

		.page-home-about {
			height: auto;
			/* 			min-height: 1110px;  */
		}

		.page-home-about{
			height:1200px;
		}
		#about-desc-title h1 {
			font-size: 25px;
		}

		#about-desc-title p {
			font-size: 14px;
		}

		#about-desc-sub h1 {
			font-size: 20px;
		}

		.button-orange span {
			font-size: 15px;
		}

		#about-container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
			height: auto;
			position: relative;
		}

		#about-container > picture {
			width: 100%;
			display: flex;
			justify-content: center;
		}

		#about-container > picture #about-image{
			position: relative;
			top: 90px;
			left: 20px;
			width: 100%;
			height: 150px;
			object-fit: cover; 
			object-position: 0%; 
			z-index: 1;
		}

		#about-desc-container {
			position: relative;
			top: -130px;
			left: 0;
			width: 90%;
			max-width: 500px;
			margin-top: 20px;
			background-color: rgba(253, 253, 253, 0.97);
			box-shadow: var(--box-shadow-1);
			z-index: 2;
		}

		.button-orange{
			padding:16px 22px 16px 22px;
			height:50px;
		}	
		.about-slider{
			left:0;
			top:0px;

		}
		/*END OF PAGE HOME ABOUT SECTION*/
	}

	@media screen and (max-width:600px){

		.page-home-about {
			height: 1150px !important;

		}
		.watermark{
			margin-top:-20px
		}
		#about-desc-container {
			top: -280px;
		}
		/*ABOUT SECTOIN*/
		.slide-track {
			width: calc(100% * 8);
			animation: scrollMobile 200s linear infinite;
		}

		.slide-track li {
			width: auto;
			height: 300px;
		}

		@keyframes scrollMobile {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(calc(-100vw * 4));
			}
		}
		/*END ABOUT SECTION*/
	}

	@media screen and (max-width: 375px) {
		/*HERO FORM*/
		/*END HERO FORM*/
		/*PAGE HOME ABOUT SECTION*/
		.page-home-about {
			height: 1010px !important;
		}
		.watermark{
			font-size:80px;
		}
		#about-desc-container{
			padding:20px 15px;
		}

		#about-desc-container {
			width: 93% !important;
			top: -40px;

		}
		.about-slider {
			height: 180px;
			width:100% !important;
			top:45px;

		}
		.slide-track li {
			height: 150px !important;
		}
		.about-slide-img {
			height:150px !important; 
			object-fit:contain;
		}

	}
	/*END OF PAGE HOME ABOUT SECTION*/

	@media screen and (max-width:350px){
		/*PAGE HOME ABOUT SECTION*/
		.page-home-about {
			height: 1250px !important;

		}
		/*END OF PAGE HOME ABOUT SECTION*/

	}