* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Lato', sans-serif;
    background: radial-gradient(circle at top, #141414, #000);
    color: #ddd;
}

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

        body {
            background-color: #111; /* Dark background for visibility */
        }

        /* ===== HEADER ===== */
        .top-header {
            width: 100%;
            border-bottom: 1px solid rgba(197, 160, 89, .35);
            background: #000;
            position: relative;
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between; /* Better spacing */
            padding: 20px 6%;
        }

        /* LOGO */
        .header-logo img {
            max-width: 140px;
            height: auto;
        }

        /* NAV */
        .header-nav ul {
            list-style: none;
            display: flex;
            gap: 40px;
        }

        .header-nav li {
            position: relative; /* Key for dropdown positioning */
            font-family: 'Cinzel', serif;
        }

        /* NAV LINK */
        .nav-link {
            display: flex;
            align-items: center;
            gap: 1px;
            text-decoration: none;
            color: #C5A059;
            font-size: 15px;
            letter-spacing: 1px;
            padding: 5px 0; /* Vertical padding increases hit area */
        }

        /* ICON */
        .nav-icon img {
            width: 50px;
        }

        /* UNDERLINE ANIMATION */
        .nav-link::after {
            content: "";
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 0%;
            height: 1px;
            background: #C5A059;
            transition: .3s ease-in-out;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        /* DROPDOWN CONTAINER */
        .dropdown-content {
            position: absolute;
            top: 100%; /* Sits right at the bottom of the parent <li> */
            left: 0;
            min-width: 280px;
            background: #0a0a0a;
            border: 1px solid rgba(197, 160, 89, .35);
            display: block; /* Switch to display block for cleaner control */
            opacity: 0;
            visibility: hidden;
            transform: translateY(15px);
            transition: all .3s ease;
            z-index: 999;
            padding: 10px 0;
            box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
        }

        /* Flex direction change for dropdown list */
        .dropdown .dropdown-content {
            flex-direction: column;
            gap: 0;
        }

        .dropdown-content li {
            width: 100%;
        }

        .dropdown-content li a {
            display: block;
            padding: 12px 20px;
            font-family: 'Lato', sans-serif;
            font-size: 13px;
            color: #C5A059;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: .2s;
        }

        .dropdown-content li a:hover {
            background: rgba(197, 160, 89, .15);
            padding-left: 25px; /* Subtle slide effect on hover */
        }

        /* SHOW DROPDOWN */
        /* Note: We hover the <li> so the menu stays open while moving the mouse down */
        .dropdown:hover .dropdown-content {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }


/* ===== CONTENT ===== */
.text-content {
    max-width: 80%;
    margin: 5% auto;
    text-align: center;
}

.text-content img {
    width: 35%;
    margin-bottom: 3%;
}

.title {
    font-family: 'Cinzel', serif;
    font-size: 2.3vw;
    color: #C5A059;
    margin-bottom: 2%;
    border-bottom: 1px solid rgba(197,160,89,.35);
    padding-bottom: 1%;
}

.text-content p {
    font-size: .95vw;
    line-height: 1.7;
    color: #ccc;
    margin-bottom: 2%;
}

.text-content-center {
    text-align: center;
    letter-spacing: 1px;
}

/* ===== BOTTOM BAR ===== */
.bottom-bar {
    background: linear-gradient(90deg, #000, #111, #000);
    border-top: 2px solid #C5A059;
    padding: 1.5% 5%;
    text-align: center;
}

.bottom-bar p {
    font-family: 'Cinzel', serif;
    color: #C5A059;
    font-size: .9vw;
    letter-spacing: 1px;
}
/*PARVEZ INDEX*/

.gallery {
    max-width: 80%;
    margin: 5% auto;
    text-align: center;
    overflow: hidden;
}
.gallery .img-box{
    width: 10%;
    padding: 5px;
    margin: 5px;
    float: left;
}
.gallery .img-box img{
    max-width: 99%;
    height: 110px;
    border-radius: 5%;

}

.footer-logo{
    width: 100%;
    display: block;
}

.footer-logo img{
    display: block;
    margin: 0 auto;
    width: 10%;
}

/*About Us*/
.about-img img{
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}


@media (max-width: 680px) {
    .header-logo img {
        max-width: 70px;
        height: auto;
    }
    .header-nav ul {
        gap: 0px;
    }
    .nav-icon img {
        margin-right: -15px;
    }
    .gallery .img-box img {
        max-width: 198%;
        height: 36px;
    }
    .about-img img{
        max-width: 90%;
    }
}