/* ABOUT HERO */

html, body{
    overflow-x: hidden;
}
body{
    position: relative;
    overflow-x: hidden;
}
.owl-stage{
    overflow:hidden;
}
[data-aos]{
    will-change: transform, opacity;
}
.about-hero{
	position:relative;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#fff;
}

.about-hero-bg{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}

.about-hero-overlay{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.5);
}

.about-hero-content{
	position:relative;
	z-index:2;
}

.about-title{
	font-size:64px;
	font-weight:500;
	margin-bottom:20px;
}

.about-sub{
	font-size:20px;
	max-width:650px;
	margin:auto;
}



/* CONTAINER */

.about-container{
	width:88%;
	max-width:1400px;
	margin:auto;
}



/* STORY */

.about-story{
	padding:120px 0;
}

.about-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;
}

.about-image img{
	width:100%;
	border-radius:14px;
}

.dropdown-toggle::after{
    margin-left:6px;
    vertical-align:middle;
}
.dropdown-menu{
    display:none;
    flex-direction:column;
}
.dropdown-menu.show{
    display:flex;
    flex-direction: column;
}
.dropdown{
    display:flex;
    align-items:center;
    gap:6px;
}

.dropdown-arrow{
    cursor:pointer;
    font-size:22px;
}

/* MISSION */

.about-mission{
	background:#f5f5f5;
	padding:120px 0;
}

.mission-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:40px;
}

.mission-card{
	background:#fff;
	padding:40px;
	border-radius:14px;
	box-shadow:0 10px 30px rgba(0,0,0,0.05);
}



/* WHY */

.about-why{
	padding:120px 0;
}

.why-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
	margin-top:60px;
}

.why-card{
	text-align:center;
}

.why-card img{
	height:60px;
	margin-bottom:15px;
}



/* TEAM */

.about-team{
	background:#f5f5f5;
	padding:120px 0;
}

.team-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:40px;
	margin-top:60px;
}

.team-card{
	text-align:center;
}

.team-card img{
	width:100%;
	height:300px;
	object-fit:cover;
	border-radius:14px;
	margin-bottom:15px;
}



/* STATS */

.about-stats{
	padding:120px 0;
}

.stats-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	text-align:center;
}

.stat-item h2{
	font-size:48px;
	color:rgba(0,92,93,1);
}



/* CTA */

.about-cta{
	position:relative;
	height:60vh;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#fff;
}

.about-cta-bg{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}

.about-cta-overlay{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.5);
}

.about-cta-content{
	position:relative;
	z-index:2;
}

.about-btn{
	display:inline-block;
	margin-top:20px;
	padding:12px 28px;
	border:1px solid #fff;
	border-radius:8px;
	text-decoration:none;
	color:#fff;
}



/* RESPONSIVE */

@media(max-width:992px){

.about-grid{
	grid-template-columns:1fr;
}

.mission-grid{
	grid-template-columns:1fr;
}

.why-grid{
	grid-template-columns:repeat(2,1fr);
}

.team-grid{
	grid-template-columns:1fr;
}

.stats-grid{
	grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.about-title{
	font-size:40px;
}

.why-grid{
	grid-template-columns:1fr;
}

}