#about-hero-section {
	background-image: url(/wp-content/uploads/2025/10/about-banner.webp);
	height: 260px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#about-hero-section h1 {
	text-shadow: 0 5px 15px rgba(253, 253, 253, 0.5);
}

#about-what-section .what-image {
	height: 300px;
	position: absolute;
	max-width: unset;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}


#about-reason-section .section-container, 
#about-services-provider-section .section-container {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#about-what-section .section-container{
	width: 100%;
	margin: auto;
	padding-left:120px;
}

.green-left-border {
	position: relative;
	padding-left: 10px; 
}

.green-left-border::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10%;
	height: 80%;
	width: 2px;
	background-color: var(--base-1);
}

.page-about .box-container {
	background-color: #FDFDFD;
	box-shadow: 0 8px 25px 0 #2828281A;
	flex: 1;
}

.page-about #appraisal-section {
	margin-top: 130px;
}
.what-desc{
	max-width:600px;

}

.about-slider {
	background-color: blue !important;
	width: 100vw !important; 
	overflow: hidden;
	position: relative;
	height: 300px;

}

.slide-track {
	display: flex;
	background-color:pink;
	padding:0px !important;
	width: calc(100vw * 4); 
	animation: scroll 600s linear infinite !important;
}

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

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

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

@media screen and (max-width:1200px){
	#about-what-section .section-container{
		padding-left:16px;
	}

}


@media screen and (min-width: 1024px) {
	#about-services-provider-section .box-container {
		max-width: 373px;
	}
}

@media screen and (max-width: 768px) {
	#about-what-section .section-container{
		padding:70px 0px;
	}
	.about-slide-img {

		object-fit: contain;
		left: 0;
	}

	.page-about #about-reason-section .box-container {
		box-shadow: unset !important;
	}

	.page-about .flex-box-container {
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 8px 25px rgba(40, 40, 40, 0.10);	
	}

	.page-about #appraisal-section {
		margin-top: 100px;
	}

	.page-about #section-truck-banner {
		margin-top: 30px;
	}

	#about-what-section .what-image {
		height: 200px;
		position: unset;
		transform: unset;
	}

	#about-hero-section {
		height: 200px;
	}
	.what-desc{
		width:92% !important;

	}
}

@media screen and (max-width:375px){
	.about-slider{
		height:150px;
	}
	.about-slide-img {

		object-fit: contain;
		left: 0;
		height:150px;
	}
	.slide-track {

		animation: scroll 200s linear infinite !important;
	}

}