:root{--nav-bg-color:rgba(46,139,87,0.85);--nav-text-color:#ffffff;--nav-hover-bg:#08cf62;--mobile-menu-bg:#2E8B57;--mobile-dropdown-bg:#236B43;--mobile-border:#3CB371;--mobile-header-bg:#1b5e20;--mobile-header-text:#a5d6a7}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:opacity 0.3s ease}.menu-overlay.show{opacity:1;visibility:visible}@media screen and (min-width:769px){header{position:sticky;top:0;z-index:1020}.menu-overlay{display:none}}header{background-color:transparent !important}header.scrolled nav{box-shadow:0 4px 12px rgba(0,0,0,0.15);background-color:rgba(46,139,87,0.9)}nav{background-color:var(--nav-bg-color);color:var(--nav-text-color);display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-family:"Roboto",sans-serif;overflow:visible;z-index:1000;transition:box-shadow 0.3s ease;position:relative;backdrop-filter:blur(5px)}.nav-logo{display:flex;align-items:center;text-decoration:none;color:var(--nav-text-color);position:relative}.nav-logo img{height:110px;width:auto;position:absolute;top:-28px;left:0;border:1px solid white;border-radius:50%;transition:all 0.3s ease;z-index:1001}.nav-logo:hover img{transform:rotate(20deg)}header.scrolled .nav-logo img{height:66px;top:-6px}.nav-logo span{font-weight:bold;font-size:20px;margin-left:121px}.menu-icon{display:none;cursor:pointer}#nav-menu{display:flex;list-style:none;margin:0;padding:0}#nav-menu>li{position:relative}#nav-menu>li>a{display:block;padding:15px 20px;color:var(--nav-text-color);text-decoration:none;font-weight:bold;white-space:nowrap;border-radius:5px;font-size:18px;position:relative}#nav-menu>li>a::after{content:'';position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--nav-text-color);transition:width 0.3s ease-out}#nav-menu>li>a:hover{background-color:var(--nav-hover-bg)}#nav-menu>li>a:hover::after{width:80%}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:280px;box-shadow:0 15px 30px rgba(0,0,0,0.3);z-index:1000;top:100%;left:0;border-radius:8px;overflow:hidden}.dropdown-content a{color:#333;padding:16px 20px;text-decoration:none;display:block;border-bottom:1px solid #eee;font-weight:bold;font-size:16px}.dropdown-content a:nth-of-type(even){background-color:#f9f9f9}.dropdown-content a:hover{background-color:#f1f1f1;color:#000}.dropdown-header{padding:12px 20px;background-color:#e8f5e9;color:#2E8B57;font-weight:bold;font-size:0.95em;border-bottom:1px solid #c8e6c9;border-left:5px solid #2E8B57}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:769px){.dropdown:hover .dropdown-content,.dropdown.active .dropdown-content{display:block;animation:fadeIn 0.3s ease-out}}@media screen and (max-width:768px){nav{flex-wrap:wrap;padding:15px 20px}.nav-logo img{height:66px;top:-17px}.nav-logo span{font-size:14px;margin-left:77px}.menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background-color:transparent;padding:0;margin-right:10px}.menu-icon span{display:block;width:100%;height:3px;background-color:white;border-radius:3px;transition:all 0.3s ease}.menu-icon.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-icon.active span:nth-child(2){opacity:0}.menu-icon.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}#nav-menu{display:none;flex-direction:column;width:100%;background-color:var(--mobile-menu-bg);margin-top:10px;border-radius:8px;overflow:hidden}#nav-menu.show{display:flex}#nav-menu>li{width:100%;border-top:1px solid var(--mobile-border)}#nav-menu>li>a{padding:15px 20px;width:100%;box-sizing:border-box;border-radius:0}.dropdown-content{position:static;box-shadow:none;width:100%;background-color:var(--mobile-dropdown-bg);border-radius:0}.dropdown-content a{color:#ddd;padding-left:30px;border-bottom:1px solid var(--mobile-border)}.dropdown-content a:nth-of-type(even){background-color:transparent}.dropdown-content a:hover{background-color:var(--mobile-border)}.dropdown-header{background-color:var(--mobile-header-bg);color:var(--mobile-header-text);border-left:none;border-bottom:1px solid var(--mobile-border)}.dropdown.active .dropdown-content{display:block;animation:fadeIn 0.3s ease-out}.dropdown>.dropbtn::after{content:'+';float:right;font-weight:bold}.dropdown.active>.dropbtn::after{content:'-'}}.logo-image{border:2px solid white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.4s ease;width:90px;height:90px}header.bg-white .logo-image{width:50px;height:50px}@media (max-width:767.98px){header.bg-white .logo-image{width:40px;height:40px}}.navbar-nav .nav-link{transition:font-size 0.4s ease,color 0.3s ease;position:relative;overflow:hidden;font-weight:500;color:#333333}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#2E8B57}header.bg-white .navbar-nav .nav-link{font-size:0.9rem}.navbar-nav .nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:5px;left:50%;background-color:#2E8B57;transition:width 0.3s ease;transform:translateX(-50%)}.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{width:80%}.campaign-text{display:block;font-size:0.8rem;font-weight:bold;color:#2E8B57;white-space:nowrap}.navbar .dropdown-menu{border:none;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15);padding:0.5rem;margin-top:10px;animation:fadeIn 0.3s ease}.navbar .dropdown-item{border-radius:8px;padding:10px 15px;position:relative;overflow:hidden;transition:all 0.2s ease;font-size:0.95rem;color:#555}.dropdown-item.active,.dropdown-item:active{background-color:#f0f9f4;color:#2E8B57;font-weight:bold}.navbar .dropdown-item:hover{background-color:#f0f9f4;color:#2E8B57;transform:translateX(5px)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991.98px){.navbar-collapse{background-color:rgba(255,255,255,0.98);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;margin-top:15px;box-shadow:0 15px 40px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.05);max-height:85vh;overflow-y:auto}.navbar .dropdown-menu{background-color:transparent;box-shadow:none;border:none;padding-left:0;margin-top:5px;margin-bottom:15px;margin-left:15px;border-left:2px solid #e9ecef}.navbar .dropdown-item:hover,.navbar .dropdown-item:active{color:#2E8B57;background-color:#f8f9fa;border-radius:0 10px 10px 0}}