* { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.6; color:#333; }

        /* Header & Navigation */
        header { background: linear-gradient(135deg,#2c5f2d 0%,#97bc62 100%); color:white; padding:0rem 0; position:sticky; top:0; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
        nav { max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:0 2rem; }
        .logo {     padding-top: 5px; font-weight:bold; }
        nav ul { list-style:none; display:flex; gap:2rem; align-items:center; }
        nav a { color:white; text-decoration:none; /*padding:0.6rem 0.4rem;*/ display:block; transition:opacity .25s; }
        nav a:hover { opacity:0.9; }

        /* Dropdown */
        .nav-item { position:relative; }
        .dropdown-toggle { cursor:pointer; display:flex; align-items:center; gap:.4rem; }
        .dropdown-list { position:absolute; top:100%; left:0; background:white; color:#222; min-width:220px; border-radius:6px; box-shadow:0 8px 20px rgba(0,0,0,0.15); padding:.4rem 0; display:none; overflow:hidden; z-index:1200; }
        .dropdown-list a { color:#222; padding:.5rem 1rem; display:block; text-decoration:none; }
        .dropdown-list a:hover { background:#f2f2f2; }
        .nav-item:hover .dropdown-list, .nav-item:focus-within .dropdown-list { display:block; }

        /* Small caret */
        .caret { border:6px solid transparent; border-top-color: white; width:0; height:0; display:inline-block; transform:translateY(1px); }

        /* Banner slider */
        .banner-slider { position:relative; width:100%; height:600px; overflow:hidden; }
        .banner-slide { position:absolute; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out; display:flex; align-items:center; justify-content:center; color:white; text-align:center; }
        .banner-slide.active { opacity:1; }
        .banner-slide-1 { background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../banners/banner1.jpeg') center/cover; }
        .banner-slide-2 { background: linear-gradient(rgba(44,95,45,0.5), rgba(44,95,45,0.5)), url('../banners/banner2.jpeg') center/cover; }
        .banner-slide-3 { background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../banners/banner3.jpeg') center/cover; }
        .banner-content { max-width:800px; padding:2rem; }
        .banner-content h1 { font-size:3rem; margin-bottom:1rem; text-shadow:2px 2px 4px rgba(0,0,0,0.7); }
        .banner-content p { font-size:1.3rem; margin-bottom:2rem; text-shadow:1px 1px 3px rgba(0,0,0,0.7); }
        .banner-dots { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; gap:10px; }
        .dot { width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.5); cursor:pointer; transition:background .3s; }
        .dot.active { background:white; }

        .btn { display:inline-block; padding:.8rem 2rem; background:#2c5f2d; color:white; text-decoration:none; border-radius:5px; transition:background .3s; }
        .btn:hover { background:#1f4620; }

        .container { max-width:1200px; margin:0 auto; padding:1rem 2rem; }

        /* Programs Section */
        .programs-section { padding:4rem 2rem; background:#f9f9f9; }
        .programs-section h2 { text-align:center; font-size:2.5rem; color:#2c5f2d; margin-bottom:3rem; }
        .program-item { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-bottom:4rem; align-items:center; }
        .program-item:nth-child(even) { direction:rtl; }
        .program-item:nth-child(even) > * { direction:ltr; }
        .program-images { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
        .program-main-img { height:250px; background:#e8d5b7; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:4rem; }
        .program-small-img { height:150px; background:#c4a574; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:2.5rem; }
        .program-content h3 { color:#2c5f2d; font-size:2rem; margin-bottom:1rem; }
        .program-content p { line-height:1.8; margin-bottom:1rem; }

        /* Blog Section */
        .blog-section { padding:4rem 2rem; }
        .blog-section h2 { text-align:center; font-size:2.5rem; color:#2c5f2d; margin-bottom:3rem; }
        .blog-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:2rem; }
        .blog-card { background:white; border-radius:10px; overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,0.1); transition:transform .3s; }
        .blog-card:hover { transform:translateY(-5px); }
        .blog-img { width:100%; height:200px; background:linear-gradient(135deg,#e8d5b7 0%,#c4a574 100%); display:flex; justify-content:center; font-size:3rem; }
        .blog-content { padding:1.5rem; }
        .blog-date { color:#666; font-size:.9rem; margin-bottom:.5rem; }
        .blog-content h3 { color:#2c5f2d; margin-bottom:.5rem; }
        .blog-content p { color:#666; margin-bottom:1rem; }
        .blog-link { color:#2c5f2d; text-decoration:none; font-weight:bold; }
        .blog-link:hover { text-decoration:underline; }

        /* Mission Section */
        .mission { text-align:center; padding:4rem 2rem; }
        .mission h2 { font-size:2.5rem; color:#2c5f2d; margin-bottom:1rem; }
        .mission-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; margin-top:3rem; }
        .mission-card { background:white; padding:2rem; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.1); }
        .mission-card h3 { color:#2c5f2d; margin-bottom:1rem; }

        /* Products Preview */
        .products-preview { padding:0rem 0rem; background:#f9f9f9; }
        .products-preview h2 { text-align:center; font-size:2.5rem; color:#2c5f2d; margin-bottom:3rem; }
        .product-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:2rem; }
        .product-card { background:white; border-radius:10px; overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,0.1); transition:transform .3s; }
        .product-card:hover { transform:translateY(-5px); }
        .product-img { width:350px; height:250px; background:#fff; display:flex;  justify-content:center; font-size:3rem; }
        .product-info { padding:1.5rem; }
        .product-info h3 { color:#2c5f2d; margin-bottom:.5rem; }

        /* Gallery Section (Photos + Videos combined) */
        .gallery-section { padding:4rem 2rem; }
        .gallery-section h2 { text-align:center; font-size:2.5rem; color:#2c5f2d; margin-bottom:1.5rem; }
        .gallery-controls { text-align:center; margin-bottom:1.5rem; display:flex; justify-content:center; gap:.6rem; flex-wrap:wrap; }
        .filter-btn { padding:.5rem 1rem; border-radius:6px; background:#f0f0f0; border:1px solid #e0e0e0; cursor:pointer; }
        .filter-btn.active { background:#2c5f2d; color:white; border-color:#2c5f2d; }
        .gallery-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:1rem; align-items:start; }
        .gallery-item { background:white; border-radius:8px; box-shadow:0 3px 8px rgba(0,0,0,0.08); overflow:hidden; }
        .gallery-photo { width:100%; height:200px; object-fit:cover; display:block; }
        .gallery-video { width:100%; height:200px; display:block; border:0; }

        /* Footer */
        footer { background:#2c5f2d; color:white; padding:3rem 2rem 1rem; margin-top:3rem; }
        .footer-content { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; margin-bottom:2rem; }
        .footer-column h3 { margin-bottom:1rem; color:#97bc62; }
        .footer-column ul { list-style:none; }
        .footer-column ul li { margin-bottom:.5rem; }
        .footer-column a { color:white; text-decoration:none; transition:color .3s; }
        .footer-column a:hover { color:#97bc62; }
        .social-links { display:flex; gap:1rem; margin-top:1rem; }
        .social-links a { display:inline-block; width:40px; height:40px; background:#97bc62; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; transition:background .3s; }
        .social-links a:hover { background:#7a9c4e; }
        .footer-bottom { text-align:center; padding-top:2rem; border-top:1px solid rgba(255,255,255,0.1); }

        /* Responsive */
        @media (max-width: 900px) {
            nav ul { gap:.4rem; }
            .program-item { grid-template-columns:1fr; }
            .footer-content { grid-template-columns:1fr; }
            .banner-slider { height:420px; }
        }
        @media (max-width: 560px) {
            .banner-slider { height:360px; }
            .banner-content h1 { font-size:1.6rem; }
        }