/* ================= GENERAL STYLING ================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    color: #333;
}

/* ================= NAVIGATION BAR ================= */
.navbar {
    position: fixed; /* Fixed navigation requirement */
    top: 0;
    width: 100%;
    background-color: #000;
    padding: 15px 0;
    z-index: 1000;
}

.nav-links {
    list-style: none;
    display: flex;
    justify-content: center;
}

.nav-links li {
    margin: 0 20px;
}

.nav-links a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
}

/* Hover pseudo-class (Required) */
.nav-links a:hover {
    color: #f1c40f;
}

/* ================= PARALLAX SECTIONS ================= */
.parallax {
    min-height: 100vh;
    background-attachment: fixed; /* Parallax effect */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax-1 {
    background-image: url("https://plus.unsplash.com/premium_photo-1675793715030-0584c8ec4a13?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8ZnJvbnQlMjBlbmQlMjBkZXZlbG9wZXJ8ZW58MHx8MHx8fDA%3D");
}

.parallax-2 {
    background-image: url("https://images.unsplash.com/photo-1542626991-cbc4e32524cc?q=80&w=1169&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
}

.parallax-3 {
    background-image: url("https://images.unsplash.com/photo-1618477247222-acbdb0e159b3?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGZyb250JTIwZW5kJTIwZGV2ZWxvcGVyfGVufDB8fDB8fHww");
}


/* Parallax text styling */
.parallax-content {
    background-color: rgba(0, 0, 0, 0.6);
    color:burlywood;
    padding: 30px;
    text-align: center;
}

/* ================= CONTENT SECTIONS ================= */
.content-section {
    padding: 80px 20px;
    text-align: center;
}

.content-section h2 {
    margin-bottom: 20px;
}

/* ================= GOOGLE MAP ================= */
.map-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.map-wrapper iframe {
    width: 100%;
    height: 350px;
    border: none;
}

/* ================= FOOTER ================= */
.footer {
    background-color: #000;
    color: white;
    text-align: center;
    padding: 20px;
}

/* ================= RESPONSIVE DESIGN ================= */
@media (max-width: 768px) {
    .nav-links {
        flex-direction: column;
        align-items: center;
    }

    .nav-links li {
        margin: 10px 0;
    }

    .parallax-content {
        padding: 20px;
    }

    body {
        font-size: 14px;
    }
    /* ================= MAP STYLING ================= */
.map-wrapper {
    width: 500px;;          
    max-width: 1200px;     
    margin: 0 auto;       
    border: 5px solid #f1c40f; 
    border-radius: 15px;  
    overflow: hidden;     
    box-shadow: 0 4px 15px rgba(0,0,0,0.3); 
    background-color: #f1c40f;
}

.map-wrapper iframe {
    width: 100%;          /* Make iframe fill the container */
    height: 400px;        /* Adjust the height as needed */
    border: 0;            /* Remove default iframe border */
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 20px 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 .footer {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.footer-content i {
    margin-right: 8px; /* space between icon and text */
    color: #fff; /* icon color */
}

.footer-content a {
    color: #fff; /* link color */
    text-decoration: none;
}

.footer-content a:hover {
    text-decoration: underline;
}
 .contact {
    text-decoration: none;
    color: inherit;
}
.navbar {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.nav-links {
    display: flex;
    gap: 20px;
    list-style: none;
}

.search-box {
    margin-left: auto;
    display: flex;
    align-items: center;
    background-color:greenyellow;
    padding: 5px 10px;
    border-radius: 20px;
    
}


 }