body {
 font-family: 'Segoe UI', sans-serif;
 background-color: #f8f9fa;
}

/* Hero Section */
.hero {
 background: url('../images/index/munnar-tourist-places-kundala-lake.jpg') no-repeat center center/cover;
 height: 90vh;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 color: #fff;
}
.hero h1 {
 font-size: 3rem;
 font-weight: 700;
 text-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.hero p {
 font-size: 1.2rem;
 margin-top: 15px;
 text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/* Hero Section */
.hero-about {
 background-color: #f0e6ff;
 height:40vh;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 color: #0e9d03;
}
.hero-about h1 {
 font-size: 2rem;
 font-weight: 700;
 /* text-shadow: 0 0 15px rgba(0,0,0,0.6);*/
}
.hero-about p {
 font-size: 1.2rem;
 margin-top: 15px;
 /* text-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}

/* Section Styling */
section {
 padding: 60px 0;
 
}
.section-title {
 text-align: center;
 margin-bottom: 50px;
}
.section-title h2 {
 font-size: 2.5rem;
 font-weight: 700;
 position: relative;
}
.section-title h2::after {
 content: "";
 width: 60px;
 height: 4px;
 background: #ff4dff;
 display: block;
 margin: 10px auto 0;
 border-radius: 2px;
}
.service
{background: url('../images/index/Sunrise_View_from_Kolukkumalai_Munnar.jpg') no-repeat center center/cover;
background-attachment: fixed; 
}
/* Card Styling */
.card {
 border: none;
 border-radius: 10px;
 box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 transition: all 0.3s ease-in-out;
}
.card:hover {
 transform: translateY(-10px);
}
.card img {
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 height: 250px;
}
.card-body h5 {
 font-weight: 600;
}
.card-body p {
 color: #555;
}

/* CTA Button */
.btn-primary {
 background-color: #ff4dff;
 border: none;
}
.btn-primary:hover {
 background-color: #e600e6;
}