/* COMMUNITY HERO */

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

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

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

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

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

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

.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;
}

/* CONTAINER */

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



/* INTRO */

.community-intro{
	padding:120px 0;
	text-align:center;
}

.community-heading{
	font-size:42px;
	margin-bottom:20px;
}

.community-text{
	font-size:18px;
	line-height:27px;
	max-width:700px;
	margin:auto;
	color:#666;
}



/* COMMUNITY GRID */

.community-grid-section{
	background:#f5f5f5;
	padding:120px 0;
}

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

.community-card{
	position:relative;
	border-radius:16px;
	overflow:hidden;
}

.community-card img{
	width:100%;
	height:320px;
	object-fit:cover;
}

.community-card-overlay{
	position:absolute;
	bottom:20px;
	left:20px;
	color:#fff;
}



/* FEATURED COMMUNITY */

.featured-community{
	padding:120px 0;
}

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

.featured-community-image img{
	width:100%;
	border-radius:16px;
}

.community-btn{
	display:inline-block;
	margin-top:20px;
	padding:12px 26px;
	border:1px solid rgb(255, 255, 255);
	border-radius:8px;
	color:rgb(255, 255, 255);
	text-decoration:none;
    background:rgba(0,92,93,1); ;
}



/* LIFESTYLE */

.community-lifestyle{
	background:#f5f5f5;
	padding:120px 0;
}

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

.lifestyle-card img{
	width:100%;
	height:220px;
	object-fit:cover;
	border-radius:14px;
}

.lifestyle-card h4{
	margin-top:12px;
}



/* CTA */

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

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

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

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



/* RESPONSIVE */

@media(max-width:992px){

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

.featured-community-grid{
	grid-template-columns:1fr;
}

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

}

@media(max-width:600px){

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

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

}