body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #ffffff;
    color: #000000;
    margin: 0;
    padding: 0;
}





/* Navbar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    color: #000000;
    padding: 8px 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
    gap: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

/* Left side: Hamburger + Logo */
.nav-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu-toggle {
    font-size: 2rem;
    cursor: pointer;
    display: block; /* only show on mobile */
}

.brand {
    font-size: 1.4rem;
    font-weight: bold;
}

/* Right side: Menu + Mobile */
.nav-right {
    display: flex;
    align-items: center;
    gap: 100px; /* small gap between menu and mobile */
}

.nav-links {
    display: flex;
    gap: 55px;
}

    .nav-links a {
      
        font-size: 1.2rem;
        color: #000000;
        text-decoration: none;
        font-weight: 600;
        transition: 0.3s;
    }

        .nav-links a:hover {
            color: #8c5325;
            text-decoration: none;
        }

.mobile-number {
    font-size: 1.1rem;
    font-weight: 500;
}
.logo {
    height: 70px; /* adjust logo height */
}
/* Sidebar */
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1200;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    overflow-x: hidden;
    transition: 0.4s;
     
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

    .sidebar.open {
        width: 325px;
    }

    .sidebar a {
        padding: 12px 25px;
        text-decoration: none;
        font-size: 1.1rem;
        color: #000000;
        display: block;
        transition: 0.3s;
    }

        .sidebar a:hover {
            background-color: #25374b;
            color: #ffffff;
            margin: 5px 10px;
            
            border-radius: 12px;
        }

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.sidebar-logo {
    max-width: 120px; /* adjust logo size */
    height: auto;
}

.closebtn {
    font-size: 30px;
    text-decoration: none;
    color: #fff; /* change color if needed */
    background-color: #25374b;
    margin: -52px -18px 0px -32px;
}

    .sidebar-logo img {
        max-width: 150px; /* adjust as needed */
        height: auto;
    }

/* Responsive */
@media (max-width: 992px) {
    .nav-links {
        display: none; /* hide menu links on mobile */
    }

    .menu-toggle {
        display: block;
    }
}

@media (max-width: 576px) {
    .mobile-number {
        font-size: 0.9rem;
    }
}

.whatsapp-float {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background-color: #25d366;
    color: white;
    font-size: 42px;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 75px;
    z-index: 9999;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    text-decoration:none;
}

    .whatsapp-float i {
        font-size: 30px;
    }

.whatsapp-float {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


/* Mobile menu hidden by default */
.mb-menu {
    position: fixed;
    top: 0px;
    left: -100%;
    width: 330px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 5px;
    overflow-y: auto;
    display: none;
    z-index: 9999;
    background: rgb(255, 255, 255);
    transition: left 0.3s ease-in-out;
    padding: 20px 20px 20px;
}

    /* When open, slide in */
    #mbMenu.open {
        left: 0;
    }

/* Hide menu icon on desktop */
@media(min-width: 992px) {
    .mobile-header {
        display: none;
    }
}

@media (max-width: 1024px) {
    .TxtEmailId p {
        font-size: 0; /* hide original text */
    }

        .TxtEmailId svg {
            display: none;
        }

    .TxtEmailId::before {
        content: "+91 8956362323";
        font-size: 14px; /* set required size */
        color: #fff;
    }
}