/** @format */
.about_page {
	margin-top: 0;

}

.caurasel_about {
	display: flex;
	/* Make the wrapper a flex container */
	overflow: hidden;
	/* Hide overflow content */
	height: 100%;
	background-image: url(../img/handshake.jpg);
	background-position: left;
	background-attachment: fixed;
	background-size: cover;
	font-size: small;
}

.about_header h1 {
	color: var(--text_white);
	font-size: 70px;
	position: absolute;
	top: 40vh;
	right: 50%;
	transform: translateX(50%);
}

.about_wrapper {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	padding: 50px;
	/* background-color: var(--background_white); */
	/* background-color: brown; */
	min-height: 100vh;
	position: relative;
}



.about_info {
	opacity: 0;
	/* Hidden initially */
	margin: 0 20px;
	margin-top: 200px;
	/* Set margin for the initial slide-in effect */
	width: 30%;
	/* Set width */
	transition: opacity 0.5s ease-in-out, margin 2s ease-in-out;
	/* Smooth transition for opacity and margin */
}

.about_image {
	width: 30%;
	/* background-color: aqua; */
	margin-left: -100px;
}

.about_image img {
	width: 100%;
	scale: .8 0;
	opacity: 0;
	animation: fade-in linear forwards;
	animation-timeline: view();
	animation-range: entry 100px;
}

@keyframes fade-in {

	to {
		scale: 1;
		opacity: 1;
	}
}


span {
	font-family: 'Montserrat', 'Arial', sans-serif;
}

.mobile {
	display: none;
}

.about_info h2 {
	font-family: 'Montserrat ';
}

.about_info p {
	color: var(--text_black);
	font-family: 'Montserrat ';

}



@media screen and (max-width: 768px) {
	.about_wrapper {
		display: block;
		padding: 20px 0;
	}

	.about_wrapper div {
		width: 90%;
	}

	.mobile {
		display: block;
	}
}