/* RESET & BODY */
* { margin:0; padding:0; box-sizing:border-box; font-family:"Poppins", sans-serif; }
body { background:#f8f9fa; }

/* HEADER */
header { 
    display:flex; justify-content:space-between; align-items:center; 
    padding:14px 25px; background:#005434; position:sticky; top:0; z-index:9999; gap:15px; 
}
.header-logo { display:flex; align-items:center; gap:12px; }
.header-logo img { width:75px; border-radius:10px; }
.header-logo h2 { font-size:25px; color:#fff; }

/* DESKTOP NAV */
.desktop-nav ul { display:flex; list-style:none; gap:30px; }
.desktop-nav ul li { position:relative; }
.desktop-nav ul li a { display:flex; align-items:center; gap:6px; padding:10px; font-weight:600; color:#bbb7b7; border-radius:6px; transition:0.3s; text-decoration:none; }
.desktop-nav ul li a:hover { background:#4ed157; color:#1d3d18; }
.dropdown-menu { display:none; position:absolute; top:100%; left:0; background:#fff; min-width:180px; list-style:none; box-shadow:0 5px 15px rgba(0,0,0,0.2); z-index:100; opacity:0; transform:translateY(10px); transition:all 0.3s ease; }
.dropdown-menu li a { padding:10px 15px; display:block; color:#333; }
.dropdown:hover .dropdown-menu { display:block; opacity:1; transform:translateY(0); }

/* HAMBURGER & MOBILE NAV */
.menu-toggle { display:none; font-size:28px; background:none; border:none; cursor:pointer; color:#fff; z-index:1001; }
.mobile-nav { position:fixed; top:70px; right:-100%; width:260px; height:100vh; background:#fff; padding:20px; transition:0.3s; box-shadow:-5px 0 15px rgba(0,0,0,0.2); z-index:1000; overflow-y:auto; }
.mobile-nav.active { right:0; }
.mobile-nav ul { list-style:none; padding:0; margin:0; }
.mobile-nav ul li { position:relative; }
.mobile-nav a { display:block; padding:12px 0; font-weight:bold; color:#333; border-bottom:1px solid #eee; text-decoration:none; }
.mobile-nav ul li:last-child a { border-bottom:none; }
.mobile-submenu { display:none; list-style:none; padding-left:15px; }
.mobile-submenu li a { padding:8px 0; display:block; font-weight:normal; }
.mobile-dropdown.active > .mobile-submenu { display:block; }

/* MARQUEE */
marquee { display:block; margin:15px 0; padding:8px; font-size:20px; background:#006837; color:white; border-radius:6px; }

/* ROW BOX & INFO SECTION */
.row-box { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; padding:50px 20px; }
.info-section { background:#fff; padding:30px; border-radius:15px; box-shadow:0 4px 15px rgba(0,0,0,0.1); max-width:350px; text-align:center; opacity:0; transform:translateX(0); transition: all 0.8s ease-out, transform 0.8s ease-out; }
.left-scroll { transform: translateX(-100px); }
.right-scroll { transform: translateX(100px); }
.info-section.visible { opacity:1; transform:translateX(0); }
.info-section:hover { transform:scale(1.05); box-shadow:0 6px 25px rgba(0,0,0,0.2); }
.info-section h2 { font-size:1.8em; margin-bottom:15px; color:#2c3e50; }
.info-section img { max-width:150px; border-radius:50%; margin-bottom:15px; }
.info-section p { color:#555; font-size:0.95rem; }
.info-section p b { color:#222; }

/* MEDIA QUERY */
@media(max-width:768px){
    .row-box { flex-direction:column; align-items:center; }
    .desktop-nav { display:none; }
    .menu-toggle { display:block; }
}

/* BANNER */
.banner { position:relative; width:90%; margin:50px auto 0 auto; }
.banner-slide img { width:100%; height:500px; object-fit:cover; border-radius:10px; }
.banner-text { position:absolute; bottom:30px; right:30px; background:rgba(0,0,0,0.55); padding:15px 20px; border-radius:10px; color:white; text-align:right; }
.banner-text h2 { font-size:26px; margin:0; }
.banner-text p { margin:5px 0; }
.banner-btn { padding:8px 15px; background:#ff6600; color:white; border-radius:5px; cursor:pointer; }


/* FOOTER */
.footer { background:#ded3c5; padding:40px 20px 15px; margin-top:40px; color:#322f28; }
.footer-container { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; }
.footer-box { flex:1; min-width:200px; }
.footer-box iframe { width:100%; height:200px; border-radius:10px; }
.footer-box h3 { font-size:20px; color:#322f28; margin-bottom:10px; }
.footer-box p, .footer-box a { color:#575247; font-size:14px; }
.footer-bottom { text-align:center; background:#005434; padding:12px; color:#fce9c5; margin-top:20px; font-size:14px; }

/* STAR RATING */
.star-rating i { font-size:22px; cursor:pointer; color:#ccc; transition:0.3s; }
.star-rating i.active { color:#ff9800; }
#feedbackForm input,#feedbackForm textarea { width:100%; padding:10px; margin:6px 0; border-radius:6px; border:1px solid #ccc; }
#feedbackForm textarea { height:90px; resize:none; }
.submit-btn { width:100%; padding:10px; background:#1dd633; color:#fff; border:none; border-radius:6px; cursor:pointer; }
.submit-btn:hover { background:#e68900; }


/* Pre_Loader */


    #preloader {
    backdrop-filter: blur(3px);
}
  /* PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(255, 255, 255, 0.85); /* 👈 थोडा transparency */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;

    opacity: 1;
    visibility: visible;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* hide state */
#preloader.hide {
    opacity: 0;
    visibility: hidden;
}

/* Logo animation */
#preloader img {
    width: 160px;
    animation: zoomFade 2s ease-in-out;
}

/* Keyframes */
@keyframes zoomFade {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 1;
        transform: scale(1.05);
    }
}

/*-------------------------------------------------------------
-----------------Slider----------------------------------------
-------------------------------------------------------------*/
/* BANNER SLIDER */
.banner {
    position: relative;
}

/* OWL ARROWS */
.banner .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.banner .owl-nav button {
    background: rgba(0,0,0,0.5) !important;
    color: #fff !important;
    font-size: 35px !important;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    pointer-events: all;
    transition: 0.3s;
}

.banner .owl-nav button:hover {
    background: #005434 !important;
}

.banner .owl-prev {
    margin-left: 15px;
}

.banner .owl-next {
    margin-right: 15px;
}

/* MOBILE */
@media(max-width:768px){
    .banner .owl-nav button{
        width: 40px;
        height: 40px;
        font-size: 25px !important;
    }
}