*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial,sans-serif;
}



/*========================
HERO SECTION
=========================*/

.hero-section{

position:relative;

height:85vh;

overflow:hidden;
}


.carousel-item img{

height:85vh;

object-fit:cover;
}



/* Overlay */

.overlay{

position:absolute;

inset:0;

background:
linear-gradient(
rgba(0,0,0,.65),
rgba(0,0,0,.45));

z-index:1;
}



/* Hero Content */

.hero-content{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

text-align:center;

z-index:2;
}


.hero-content h1{

font-size:80px;

font-weight:700;

color:white;

margin-bottom:20px;
}


.hero-content p{

font-size:28px;

color:white;
}




/*========================
BACK BUTTON
=========================*/

.back-section{

padding:40px 0;
}


.back-btn{

display:inline-flex;

align-items:center;

gap:10px;

background:#22356c;

color:white;

padding:15px 30px;

border-radius:50px;

text-decoration:none;

font-size:18px;

transition:.3s;
}


.back-btn:hover{

background:#f8770e;

color:white;
}





/*========================
ABOUT SECTION
=========================*/

.about-mumbai{

padding:60px 0 100px;
}


.section-title{

text-align:center;

margin-bottom:30px;
}


.section-title h2{

font-size:42px;

font-weight:700;

color:#22356c;

position:relative;
}


.section-title h2::after{

content:"";

width:100px;

height:4px;

background:#f8770e;

display:block;

margin:15px auto 0;
}


.about-mumbai p{

max-width:1100px;

margin:auto;

font-size:20px;

line-height:2;

text-align:justify;

color:#555;
}




/*========================
TABLET
=========================*/

@media(max-width:991px){

.hero-content h1{

font-size:55px;
}

.hero-content p{

font-size:22px;
}

.carousel-item img{

height:70vh;
}

}




/*========================
MOBILE
=========================*/

@media(max-width:768px){

.hero-section{

height:55vh;
}

.carousel-item img{

height:55vh;
}


.hero-content h1{

font-size:40px;
}


.hero-content p{

font-size:18px;
}


.back-btn{

padding:12px 22px;

font-size:16px;
}


.section-title h2{

font-size:32px;
}


.about-mumbai p{

font-size:16px;

line-height:1.9;
}

}