body{box-sizing:border-box}*{font-family:Poppins,sans-serif}.font-arabic{font-family:Amiri,serif}html,body{height:100%;margin:0;padding:0}.app-wrapper{width:100%;min-height:100%}.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.gradient-overlay{background:linear-gradient(135deg,#1b5e20f2,#1b5e20d9,#4caf50e6)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1b5e2026}.btn-primary{background-color:#4caf50;transition:all .3s ease}.btn-primary:hover{background-color:#fbc02d;transform:scale(1.05)}.btn-cta{background-color:#fbc02d;color:#212121;transition:all .3s ease}.btn-cta:hover{background-color:#f9a825;transform:scale(1.05);box-shadow:0 10px 30px #fbc02d66}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#fbc02d;transition:width .3s ease}.nav-link:hover:after{width:100%}.counter-box{animation:fadeInUp .6s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter-box:nth-child(1){animation-delay:.1s}.counter-box:nth-child(2){animation-delay:.2s}.counter-box:nth-child(3){animation-delay:.3s}.counter-box:nth-child(4){animation-delay:.4s}.mosque-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.scroll-smooth{scroll-behavior:smooth}.mobile-menu{transform:translate(-100%);transition:transform .3s ease}.mobile-menu.active{transform:translate(0)}.scroll-element{opacity:0;transform:translateY(60px);transition:all .9s cubic-bezier(.34,1.56,.64,1)}.scroll-element.in-view{opacity:1;transform:translateY(0)}.scroll-left{opacity:0;transform:translate(-100px) rotateY(20deg);transition:all .9s cubic-bezier(.34,1.56,.64,1)}.scroll-left.in-view{opacity:1;transform:translate(0) rotateY(0)}.scroll-right{opacity:0;transform:translate(100px) rotateY(-20deg);transition:all .9s cubic-bezier(.34,1.56,.64,1)}.scroll-right.in-view{opacity:1;transform:translate(0) rotateY(0)}.scroll-scale{opacity:0;transform:scale(.6) rotate(-20deg);transition:all .9s cubic-bezier(.34,1.56,.64,1)}.scroll-scale.in-view{opacity:1;transform:scale(1) rotate(0)}@keyframes slideStagger{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:slideStagger .6s ease forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.15s}.stagger-item:nth-child(3){animation-delay:.25s}.stagger-item:nth-child(4){animation-delay:.35s}.stagger-item:nth-child(5){animation-delay:.45s}.stagger-item:nth-child(6){animation-delay:.55s}.stagger-item:nth-child(7){animation-delay:.65s}.stagger-item:nth-child(8){animation-delay:.75s}.stagger-item:nth-child(9){animation-delay:.85s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-on-scroll{animation:float 3.5s ease-in-out infinite}body header#navbar.navbar-solid,header#navbar.navbar-solid,#navbar.navbar-solid,#navbar{background:#1b5e20!important;background-color:#1b5e20!important;background-image:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;view-transition-name:none!important;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}#navbar:before{content:"";position:absolute;inset:0;background:#1b5e20!important;z-index:-1;pointer-events:none}.navbar-template{background-color:#1b5e20;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #00000026}.nav-item-template{display:inline-flex;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:#fff;border-radius:10px;transition:all .2s ease;text-decoration:none;position:relative;border:none;cursor:pointer;font-family:inherit}.nav-item-template:hover{background:#ffffff2e;color:#fff}.nav-item-template:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:0;height:2px;background:#fbc02d;border-radius:1px;transition:width .2s ease}.nav-item-template:hover:after{width:calc(100% - 1.75rem)}.mobile-submenu-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;color:#fff;font-size:.9375rem;background:none;border:none;cursor:pointer;transition:background .2s ease,color .2s ease;text-align:left}.mobile-submenu-btn:hover{color:#fbc02d}.mobile-nav-item{display:block;padding:.875rem 1rem;color:#fff;font-size:.9375rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.15);transition:background .2s ease,color .2s ease}.mobile-nav-item:hover{background:#ffffff14;color:#fbc02d}.mobile-submenu-chevron{font-size:.625rem;opacity:.9;transition:transform .2s ease}.mobile-submenu.open .mobile-submenu-chevron{transform:rotate(180deg)}.mobile-submenu-content{padding:.5rem 0 .75rem 1.5rem;background:#00000014;margin:0 .5rem .5rem;border-radius:12px}.mobile-nav-subitem{display:block;padding:.5rem .75rem;color:#ffffffeb;font-size:.8125rem;border-radius:8px;transition:background .2s ease,color .2s ease}.mobile-nav-subitem:hover{color:#fbc02d;background:#ffffff0f}