:root{--primary-color: #132e54;--accent-color: #f47a20;--text-dark: #333333;--text-light: #ffffff;--bg-light: #ffffff;--bg-gray: #f9f9f9;--font-main: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--text-dark);line-height:1.6;background-color:var(--bg-light)}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1200px;margin:0 auto}.text-center{text-align:center}.mt-4{margin-top:2rem}.btn{display:inline-block;padding:12px 28px;font-weight:600;border-radius:4px;transition:all .3s ease;cursor:pointer;font-size:.95rem}.btn-primary{background-color:var(--accent-color);color:var(--text-light);border:2px solid var(--accent-color)}.btn-primary:hover{background-color:#d96815}.btn-light{background-color:#fff;color:var(--primary-color);padding:12px 24px;border-radius:4px;font-weight:600}.btn-light:hover{background-color:#f0f0f0}.btn-donate{background-color:var(--accent-color);color:#fff;padding:10px 24px;border-radius:20px}.btn-donate:hover{background-color:#d96815}.navbar{background-color:var(--bg-light);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.logo h2{color:var(--primary-color);font-weight:700;letter-spacing:1px}.nav-links{list-style:none;display:flex;gap:25px}.dropdown{position:relative;font-size:14px;font-weight:600;color:var(--primary-color);text-transform:uppercase}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-light);box-shadow:0 4px 12px #0000001a;list-style:none;min-width:220px;padding:10px 0;border-radius:4px}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li a{display:block;padding:10px 20px;color:var(--text-dark);text-transform:none;font-weight:400}.dropdown-menu li a:hover{background-color:var(--bg-gray);color:var(--primary-color)}.banner-fade{background-size:cover;background-position:center right;padding:100px 0;min-height:550px;display:flex;align-items:center}.banner-fade-container{display:flex;justify-content:flex-start}.banner-text-left{max-width:600px;text-align:left}.banner-text-left h1{color:var(--primary-color);font-size:3.2rem;line-height:1.1;margin-bottom:20px;font-weight:700}.banner-text-left h1 span{font-size:3rem}.banner-text-left p{color:#444;font-size:1.1rem;margin-bottom:30px;line-height:1.6}.banner-buttons-left{display:flex;gap:15px}.integrated-impact-section{position:relative;width:100%}.program-icons-row{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:40px}.program-icon-item{text-align:center;width:150px}.program-icon-item img{width:70px;height:auto;margin-bottom:15px;transition:transform .3s}.program-icon-item:hover img{transform:translateY(-5px)}.program-icon-item h4{font-size:.95rem;color:#333;font-weight:600}.stats-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:40px}.stat-col{flex:1;min-width:150px;position:relative}.stat-col:not(:last-child):after{content:"";position:absolute;right:-10px;top:10%;height:80%;width:1px;background-color:#fff3}.stat-col h3{font-size:2.8rem;color:#fff;margin-bottom:5px;font-weight:700;line-height:1.2}.stat-col p{font-size:.9rem;color:#cbd5e1;line-height:1.4}.stories{padding:80px 0;background-color:var(--bg-gray)}.story-tabs-new{display:inline-flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;justify-content:center}.story-tabs-new span{padding:8px 20px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--primary-color);transition:all .3s}.story-tabs-new span.active,.story-tabs-new span:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.story-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;text-align:left}.story-card-new{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000008;transition:transform .3s;display:flex;flex-direction:column}.story-card-new:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.story-img-container{position:relative;height:220px}.story-img-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-tag{position:absolute;top:15px;left:15px;color:#fff;padding:4px 12px;font-size:.8rem;font-weight:600;border-radius:4px}.story-content-new{padding:25px;flex:1;display:flex;flex-direction:column}.story-meta{display:flex;gap:15px;color:#888;font-size:.85rem;margin-bottom:15px}.story-content-new h3{font-size:1.2rem;color:var(--primary-color);margin-bottom:15px;line-height:1.4;font-weight:700}.story-content-new p{color:#666;font-size:.95rem;margin-bottom:25px;flex:1}.story-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:15px;font-size:.9rem}.story-footer .read-more{font-weight:600}.map-section-full{position:relative;width:100%;background-color:#fff}.map-text-overlay{padding:60px 0 40px;background:#fff}.map-image-full img{width:100%;height:65vh;-o-object-fit:cover;object-fit:cover;display:block}.map-section-interactive{padding:10px 0 80px;background-color:#f7f9fc}.interactive-map-container{position:relative;max-width:1200px;margin:0 auto;border-radius:12px;box-shadow:0 10px 30px #0000000d;background:#e2e8f0;overflow:hidden;border:1px solid #cbd5e1}.map-base-img{width:100%;height:auto;display:block;opacity:.9}.map-marker{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:10;transition:transform .2s}.map-marker:hover{transform:translate(-50%,-105%) scale(1.05);z-index:20}.marker-label{background-color:#333;color:#fff;padding:6px 14px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 8px #0003;margin-bottom:-6px;z-index:2}.marker-label .arrow{font-size:1.2rem;line-height:1}.marker-pin{width:32px;height:32px;background:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 8px #0003;position:relative;z-index:1}.marker-pin svg{transform:rotate(45deg);width:18px;height:18px}.popup-overlay{position:absolute;inset:0;background:#fff9;z-index:40;opacity:0;visibility:hidden;transition:.3s}.popup-overlay.active{opacity:1;visibility:visible}.info-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%) scale(.9);background:#fff;width:320px;padding:30px 25px;border-radius:8px;box-shadow:0 15px 40px #0003;z-index:50;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-align:left;border-top:4px solid var(--accent-color)}.info-popup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:#999;line-height:1}.close-btn:hover{color:#333}.info-popup h3{color:var(--primary-color);margin-bottom:5px;font-size:1.3rem;font-weight:700}.popup-area{font-size:.85rem;color:#666;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.popup-desc{font-size:.95rem;color:#444;line-height:1.6}.site-footer{background-color:var(--primary-color);color:#fff;font-family:var(--font-main)}.footer-cta{background-size:cover;background-position:right center;border-bottom:1px solid rgba(255,255,255,.1)}.cta-container{padding:50px 0;display:flex;align-items:center}.cta-text{max-width:600px}.cta-text h2{font-size:2rem;margin-bottom:10px}.cta-text p{font-size:1.1rem;margin-bottom:25px;color:#e0e0e0}.cta-actions{display:flex;align-items:center;gap:20px}.cta-phone{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.footer-main{padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:3fr 1fr 1fr;gap:50px;padding-bottom:30px}.footer-col h2{font-size:1.5rem;margin-bottom:20px}.footer-col h3{font-size:1.1rem;margin-bottom:25px;color:#fff;font-weight:600}.footer-col p{color:#cbd5e1;font-size:.95rem;margin-bottom:20px;line-height:1.7}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:15px;color:#cbd5e1;font-size:.9rem;line-height:1.5}.footer-col ul li a{color:#cbd5e1;transition:.3s}.footer-col ul li a:hover{color:#fff;text-decoration:underline}.social-links{display:flex;gap:10px}.social-links a{display:flex;width:35px;height:35px;background:#ffffff1a;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;transition:.3s}.social-links a:hover{background:#fff;color:var(--primary-color)}.footer-bottom{background-color:#0b1c34;padding:25px 0;font-size:.85rem;color:#94a3b8}.bottom-flex{display:flex;justify-content:space-between;align-items:center}.bottom-links a{color:#94a3b8;margin:0 10px;transition:.3s}.bottom-links a:hover{color:#fff}.bottom-links span{color:#475569}@media(max-width:992px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links{display:none}.banner-fade{background-image:linear-gradient(#ffffffe6,#ffffffe6),url("{{ asset("images/operation-blessing-home-page.jpg") }}");text-align:center;padding:60px 0}.banner-fade-container{justify-content:center}.banner-text-left{text-align:center}.banner-buttons-left{justify-content:center}.program-icons-row{gap:20px}.stat-col:after{display:none}.stats-row{flex-direction:column;gap:30px}.map-image-full img{height:40vh}.footer-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:flex-start}.bottom-flex{flex-direction:column;gap:15px;text-align:center}}