@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Montserrat:wght@700&display=swap";.navbar{background-image:linear-gradient(to right,#024e39,#2ca17c);padding:7px 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;width:100%}.content-wrapper{width:100%;max-width:none;margin:0;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.navbar-header{display:flex;align-items:center;gap:1rem}.navbar-brand-link{text-decoration:none;color:inherit;display:block}.navbar-brand-image{height:60px;width:auto;display:block}@media (min-width: 769px){.content-wrapper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navbar-header{justify-self:start;grid-column:1}.nav-links-container{justify-self:center;grid-column:2;flex-grow:0}}.nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.5rem}.nav-links li a{color:var(--color-white);text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius-md);transition:background-color .2s ease-in-out}.nav-links li a:hover{color:var(--color-cta)}.mobile-nav-toggle{display:none;position:absolute;z-index:2000;right:1.5rem;top:1.5rem;background:transparent;border:0;width:2rem;aspect-ratio:1;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat:no-repeat;cursor:pointer}.mobile-nav-toggle[aria-expanded=true]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6l18 18M6 24L24 6'/%3e%3c/svg%3e")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropdown-toggle{display:flex;align-items:center;gap:.25rem}.caret-icon{font-size:.8em;transition:transform .3s ease-out;display:inline-block}.dropdown-menu{display:none;list-style:none;padding-left:1.5rem;margin:0}@media (min-width: 769px){.dropdown{position:relative;height:100%}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1000;display:none;background-color:#024e39f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.5rem 0;margin:0;min-width:220px;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.dropdown.open .dropdown-menu{display:block}.dropdown.open .caret-icon{transform:rotate(180deg)}.dropdown-menu a{padding:.75rem 1.5rem;width:100%;display:block;color:var(--color-white);opacity:1;text-align:left}.dropdown-menu a:hover{background-color:#ffffff1a}}@media (max-width: 768px){.content-wrapper{padding:0 1rem}.mobile-nav-toggle{display:block;right:1rem}.nav-links-container{position:fixed;inset:0 0 0 30%;background:var(--color-dark-section-bg);box-shadow:var(--shadow-md);transform:translate(100%);transition:transform .35s ease-out;display:block;flex-grow:0}.nav-links-container[data-visible=true]{transform:translate(0)}.nav-links{flex-direction:column;padding:min(20vh,10rem) 2rem;gap:0;align-items:flex-start;width:100%}.nav-links li{width:100%}.nav-links a{display:block;width:100%;font-size:1.2rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{padding:1rem 0 1rem 1.5rem;font-size:1.1rem;border:none}.dropdown.open .caret-icon{transform:rotate(180deg)}}.site-footer{background-color:var(--color-text);color:#fffc;padding:3rem var(--spacing-md)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.2)}.footer-section{flex:1;min-width:280px}.site-footer h4{color:var(--color-white);font-family:var(--font-family-base);margin-bottom:1rem;font-size:1.2rem;text-align:left}.site-footer p{color:#fffc;text-align:left}.contact-list{list-style:none;padding:0}.contact-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.contact-list a{color:#fffc;text-decoration:none;transition:color .2s ease-in-out}.contact-list a:hover{color:var(--color-white)}.footer-copyright{text-align:center;padding-top:2rem;font-size:.9rem;opacity:.7}@media (min-width: 1600px){.footer-content{max-width:1600px;padding-bottom:3rem}.site-footer h4{font-size:1.5rem;margin-bottom:1.5rem}.site-footer p,.contact-list li{font-size:1.1rem}.contact-list li svg{font-size:1.3rem}.footer-copyright{font-size:1rem;padding-top:3rem}}.hero-section{position:relative;height:60vh;min-height:400px;background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;color:var(--color-white);text-align:center;overflow:hidden}.hero-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009}.hero-content{position:relative;z-index:1;padding:0 var(--spacing-md);max-width:800px}.hero-subtitle{display:block;font-size:1.2rem;font-family:var(--font-family-base);font-weight:500;text-transform:uppercase;letter-spacing:2px}.hero-content h1{font-family:Merriweather,serif;font-size:3.5rem;font-weight:700;color:var(--color-white);text-shadow:2px 2px 8px rgba(0,0,0,.7);margin-top:.5rem;margin-bottom:1.5rem;position:relative;padding-bottom:1.5rem}.hero-content h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);transform-origin:center;width:80px;height:3px;background-color:var(--color-gold-subheading)}.hero-subtitle,.hero-content h1{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.hero-section.is-visible .hero-subtitle{opacity:1;transform:translateY(0);transition-delay:.2s}.hero-section.is-visible .hero-content h1{opacity:1;transform:translateY(0);transition-delay:.5s}.hero-section.is-visible .hero-content h1:after{transform:translate(-50%) scaleX(1);transition:transform .7s ease-out;transition-delay:.9s}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:.8rem}.hero-section{height:45vh;min-height:300px}}@media (min-width: 1600px){.hero-content{max-width:1400px;padding:0 2rem}.hero-content h1{font-size:4.5rem;margin-bottom:1.5rem;line-height:1.1}.hero-subtitle{font-size:1.5rem;letter-spacing:4px;margin-bottom:1rem}.hero-content h1:after{width:120px;height:4px;bottom:0}}.today-times-container{background-color:var(--color-dark-section-bg);background:linear-gradient(145deg,#1e4530,#0d2016);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);box-shadow:0 15px 35px #0003;padding:1.5rem;max-width:600px;min-height:559px;display:flex;flex-direction:column}.placeholder-message{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-grow:1}.placeholder-message p{color:#ffffffb3;font-size:1.1rem;margin:.5rem 0}.current-date-section{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(236,194,77,.2)}.current-date-section p{font-family:Merriweather,serif;font-size:1.1rem;font-weight:700;color:var(--color-gold-subheading);margin:0}.current-date-section .islamic-date{font-size:.95rem;margin-top:.25rem;font-family:var(--font-family-base);font-weight:500;color:#fffc;margin-bottom:0}.countdown-section{text-align:center;border-bottom:1px solid rgba(236,194,77,.2);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.countdown-section p{margin:0;font-size:1rem;font-weight:500;color:#fffc}.countdown-timer{font-size:2.5rem;font-weight:700;color:var(--color-gold-heading);letter-spacing:2px;text-shadow:0 2px 10px rgba(236,194,77,.2)}.prayers-list{display:flex;flex-direction:column}.prayer-row{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;padding:1rem var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .3s ease-in-out}.prayer-row:last-child{border-bottom:none}.prayer-row.is-current{background-color:#ecc24d1a;border-left:3px solid var(--color-gold-heading);border-radius:4px}.prayer-info{display:flex;align-items:center;gap:1rem}.prayer-icon{font-size:1.3rem;color:var(--color-gold-subheading)}.prayer-name{font-size:1.1rem;font-weight:600;color:var(--color-white)}.prayer-times{display:flex;justify-content:space-between;text-align:right;gap:1rem}.time-block{display:flex;flex-direction:column;min-width:60px}.time-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.time-value{font-size:1.1rem;font-weight:600;color:var(--color-white)}.about-section{padding-top:1rem;margin-top:1rem;padding-bottom:3rem}.about-wrapper{max-width:1000px;margin:0 auto}.about-section h2{color:var(--color-primary-dark);text-align:center;margin-bottom:var(--spacing-lg);font-size:40px;font-family:Merriweather,serif}.about-content-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2rem}.about-text-content{flex:2;min-width:300px}.about-image-wrapper{flex:1;min-width:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.about-image{width:100%;max-width:600px;height:auto;border-radius:var(--border-radius-lg);display:block;margin-bottom:1.5rem}.btn-about{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);text-decoration:none;font-weight:600;transition:background-color .3s ease;display:inline-block}.btn-about:hover{background-color:var(--color-primary-dark)}.about-section p.about-text{color:var(--color-text);line-height:1.7;font-size:1.1rem;margin-bottom:1.5rem}@media (max-width: 768px){.about-section h2{font-size:32px}.about-text-content{text-align:center}.about-section p.about-text{font-size:.9rem}.about-image-wrapper{order:2}.about-image{max-width:350px;margin-top:1rem}}.about-text-content,.about-image-wrapper{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.about-section.is-visible .about-text-content,.about-section.is-visible .about-image-wrapper{opacity:1;transform:translateY(0)}.about-section.is-visible .about-text-content{transition-delay:.1s}.about-section.is-visible .about-image-wrapper{transition-delay:.2s}.prayer-section-wrapper{padding:4rem 1rem;background-color:#f8fafc;width:100%}.prayer-content-grid{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.left-column{width:100%}.right-column{display:flex;flex-direction:column;gap:0}.jummah-info-card{border-top:1px solid #e2e8f0;padding-left:.8rem;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:2rem;padding-top:2.5rem}.jummah-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.jummah-details h4{margin:0 0 .5rem;color:var(--color-primary);font-size:1.2rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--color-gold-subheading);padding-bottom:2px;display:inline-block}.jummah-times{display:flex;flex-direction:column;gap:.4rem;width:100%}.j-time-row{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;font-size:1.05rem;color:#333}.j-label{font-weight:600;color:#555}.j-time{font-weight:700;color:var(--color-primary-dark)}.timetable-btn{display:inline-block;padding:.7rem 1.5rem;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);text-decoration:none;border-radius:8px;font-weight:700;font-size:.9rem;transition:all .2s ease-in-out;white-space:nowrap}.timetable-btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0478574d;color:#fff}@media (min-width: 1024px){.prayer-content-grid{display:grid;grid-template-columns:420px 1fr;align-items:start;gap:4rem}}@media (min-width: 1600px){.prayer-content-grid{max-width:1600px;grid-template-columns:480px 1fr;gap:6rem}.jummah-info-card{gap:3rem}.timetable-btn{padding:.8rem 1.8rem;font-size:1rem}}@media (max-width: 1023px){.right-column{display:flex;flex-direction:column;gap:2rem}.jummah-info-card{order:1;border-top:none;margin-top:0;padding-top:0;padding-left:0;flex-direction:column;justify-content:center;align-items:center;text-align:center}.jummah-details{align-items:center;width:100%}.j-time-row{justify-content:center}.about-us-wrapper{order:2}}@media (max-width: 600px){.jummah-info-card{gap:1.5rem}.timetable-btn{width:100%;text-align:center}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.services-section{background-color:var(--color-dark-section-bg);padding-bottom:3rem;overflow-x:hidden}.calendar-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.weekly-calendar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--spacing-md);padding:1rem;-ms-overflow-style:none;scrollbar-width:none;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.weekly-calendar::-webkit-scrollbar{display:none}.calendar-day{background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);flex-basis:220px;flex-shrink:0}@media (min-width: 992px){.weekly-calendar{max-width:1200px;margin:0 auto;padding:0;justify-content:center;flex-wrap:wrap;overflow-x:visible;mask-image:none;-webkit-mask-image:none}.calendar-day{flex-grow:1;flex-shrink:1;flex-basis:180px}}.events-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.event-card{padding:.75rem;border-radius:var(--border-radius-md);text-align:left;width:100%}.event-card h4{margin:0;font-size:1rem;font-weight:600}.event-card p{margin:0;font-size:.9rem;color:var(--color-text-light);line-height:1.4}.event-card[data-category=madrasa-younger]{background-color:#eff6ff;border-left:3px solid var(--event-color-madrasa-younger)}.event-card[data-category=madrasa-younger] h4{color:var(--event-color-madrasa-younger)}.event-card[data-category=madrasa-older]{background-color:#f0fdfa;border-left:3px solid var(--event-color-madrasa-older)}.event-card[data-category=madrasa-older] h4{color:var(--event-color-madrasa-older)}.event-card[data-category=jummah]{background-color:#f0fdf4;border-left:3px solid var(--event-color-jummah)}.event-card[data-category=jummah] h4{color:var(--event-color-jummah)}.event-card[data-category=ijtimah]{background-color:#fff7ed;border-left:3px solid var(--event-color-ijtimah)}.event-card[data-category=ijtimah] h4{color:var(--event-color-ijtimah)}.services-hero-container{position:relative}.services-hero-container h2{position:absolute;width:100%;top:1.5rem;left:0;right:0;text-align:center;z-index:3;color:var(--color-gold-heading);font-family:Merriweather,serif;font-size:48px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.services-image{width:100%;height:480px;object-fit:cover;display:block}.services-hero-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000c,#0000 40%,#000c);z-index:1}.services-slider-container{position:absolute;bottom:0;left:0;width:100%;z-index:2;padding-bottom:2rem}.service-item{width:100%;max-width:750px;margin:0 auto;background-color:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;transition:background-color .3s ease}.service-item:hover{background-color:#0000008c}.service-icon{font-size:2rem;color:var(--color-gold-heading);margin-top:.1rem;flex-shrink:0}.service-item h3{color:var(--color-gold-heading);text-align:left;margin-top:0;margin-bottom:.75rem;font-size:1.5rem}.service-item p{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);text-align:left;margin-bottom:0;line-height:1.7}.services-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;height:auto}.services-swiper .swiper-button-next,.services-swiper .swiper-button-prev{color:var(--color-white);opacity:.7;transition:opacity .3s ease}.services-swiper .swiper-button-next:hover,.services-swiper .swiper-button-prev:hover{opacity:1}.services-swiper .swiper-button-prev{left:calc(50% - 450px)}.services-swiper .swiper-button-next{right:calc(50% - 450px)}.services-swiper .swiper-pagination-bullet{background:#ffffffb3;opacity:1}.services-swiper .swiper-pagination-bullet-active{background:var(--color-gold-heading)}.weekly-events-header{margin-top:2.5rem;text-align:center;margin-bottom:3.5rem}.weekly-events-header h2{color:var(--color-gold-heading);font-family:Merriweather,serif;font-size:40px}.services-hero-container{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out .1s,transform 1s ease-out .1s}.services-hero-container.is-visible{opacity:1;transform:translateY(0)}.calendar-wrapper{opacity:0;transition:opacity .5s ease-out}.calendar-wrapper.is-visible{opacity:1}.calendar-day{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.calendar-wrapper.is-visible .calendar-day{opacity:1;transform:translateY(0)}.calendar-wrapper.is-visible .calendar-day:nth-child(1){transition-delay:.1s}.calendar-wrapper.is-visible .calendar-day:nth-child(2){transition-delay:.2s}.calendar-wrapper.is-visible .calendar-day:nth-child(3){transition-delay:.3s}.calendar-wrapper.is-visible .calendar-day:nth-child(4){transition-delay:.4s}.calendar-wrapper.is-visible .calendar-day:nth-child(5){transition-delay:.5s}.weekly-calendar.scrolled-to-end{-webkit-mask-image:none;mask-image:none}@media (min-width: 1600px){.services-image{height:700px}.service-item{max-width:1000px;padding:3rem;gap:2rem}.service-icon{font-size:3rem}.service-item h3{font-size:2rem;margin-bottom:1rem}.service-item p{font-size:1.2rem;line-height:1.8}.services-hero-container h2{font-size:64px;top:4rem}.services-slider-container{padding-bottom:10rem}.services-swiper .swiper-button-prev{left:calc(50% - 580px)}.services-swiper .swiper-button-next{right:calc(50% - 580px)}.weekly-events-header h2{font-size:50px;margin-bottom:4rem}.calendar-wrapper{max-width:1600px;padding:0 2rem}.weekly-calendar{max-width:1600px;flex-wrap:nowrap;justify-content:center;gap:1.5rem}.calendar-day{flex:0 0 240px;height:auto}.event-card h4{font-size:1.1rem}.event-card p{font-size:.95rem}}@media (max-width: 768px){.services-hero-container h2{font-size:32px;top:1rem}.weekly-events-header h2{font-size:30px}.services-image{height:400px;object-position:center}.service-item{width:92%;padding:1.25rem;gap:1rem;border-radius:var(--border-radius-md)}.service-icon{font-size:1.4rem;margin-top:0}.service-item h3{font-size:1.1rem;margin-bottom:.5rem}.service-item p{font-size:.85rem;line-height:1.5}.services-swiper .swiper-button-next,.services-swiper .swiper-button-prev{display:none}}.donate-section{background-color:#173424;padding:3rem var(--spacing-md);color:var(--color-white);text-align:center}.donate-content{max-width:800px;margin:0 auto}.donate-section h2{color:var(--color-gold-heading);font-family:Merriweather,serif;font-size:40px;margin-bottom:2rem}.donate-section p{color:#ffffffe6;font-size:1.1rem;line-height:1.8;max-width:650px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.donate-section-button{background-color:var(--color-gold-heading);color:var(--color-cta-text);display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border-radius:var(--border-radius-md);text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:var(--shadow-md);flex-grow:1;flex-basis:200px;text-align:center}.donate-section-button:hover{background-color:#ffc1071a;border:2px solid var(--color-cta);color:var(--color-cta);transform:translateY(-3px);box-shadow:0 10px 15px -3px #0003;border:2px solid transparent}.donate-section-button:hover{border-color:var(--color-cta)}.separator{display:flex;align-items:center;text-align:center;color:#fff9;font-weight:600;margin:2.5rem 0}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.separator:not(:empty):before{margin-right:1em}.separator:not(:empty):after{margin-left:1em}.bank-details{border:1px solid rgba(255,255,255,.2);background-color:#0003;border-radius:var(--border-radius-md);padding:1.5rem 2rem}.bank-details h3{color:var(--color-white);text-align:center;margin-top:0;margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--font-family-base)}.detail-item:last-child{border-bottom:none}.detail-item span{color:#fffc}.detail-item strong{color:var(--color-white);font-size:1.1rem;font-weight:600;letter-spacing:1px}.donate-buttons-group{padding:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.animate-item{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.donate-section.is-visible .animate-item{opacity:1;transform:translateY(0)}.donate-section.is-visible .animate-item:nth-child(1){transition-delay:.1s}.donate-section.is-visible .animate-item:nth-child(2){transition-delay:.2s}.donate-section.is-visible .animate-item:nth-child(3){transition-delay:.3s}.donate-section.is-visible .animate-item:nth-child(4){transition-delay:.4s}.donate-section.is-visible .animate-item:nth-child(5){transition-delay:.5s}.donate-section.is-visible .animate-item:nth-child(6){transition-delay:.6s}@media (min-width: 1600px){.donate-section h2{font-size:3rem;margin-bottom:2.5rem}.donate-section p{font-size:1.25rem;max-width:800px}.bank-details{padding:2.5rem 4rem;max-width:900px;margin:0 auto}.detail-item{padding:1.5rem 0}.detail-item strong{font-size:1.3rem}.detail-item span{font-size:1.1rem}.donate-section-button{font-size:1.2rem;padding:1.2rem 3rem}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.gallery-section{padding:3rem 0;background-color:#f3f4f6}.gallery-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.gallery-section h2{color:var(--color-primary-dark);text-align:center;margin-bottom:var(--spacing-lg);font-size:40px;font-family:Merriweather,serif}.gallery-loading{text-align:center;font-size:1.2rem;color:var(--color-primary-dark)}.gallery-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding:1rem;margin:0 -1rem;-ms-overflow-style:none;scrollbar-width:none}.gallery-grid::-webkit-scrollbar{display:none}.gallery-item{border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:4 / 3;flex-basis:280px;flex-shrink:0;transition:transform .2s ease-out,box-shadow .2s ease-out}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}:root{--yarl-backdrop-color: rgba(0, 0, 0, .85)}@media (min-width: 768px){.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));overflow-x:visible;padding:0;margin:0;gap:1.5rem}.gallery-item{flex-basis:auto;flex-shrink:1}}@media (min-width: 1600px){.gallery-wrapper{max-width:1600px;padding:0 2rem}.gallery-section h2{font-size:3rem;margin-bottom:3rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}}.gallery-item{opacity:0;transform:translateY(20px);transition:opacity .3s ease-out,transform .3s ease-out}.gallery-section.is-visible .gallery-item{opacity:1;transform:translateY(0)}.gallery-section.is-visible .gallery-item:hover{transform:translateY(-5px);transition:transform .2s ease-out 0s,box-shadow .2s ease-out 0s,opacity .3s ease-out 0s}.gallery-section.is-visible .gallery-item:nth-child(1){transition-delay:.05s}.gallery-section.is-visible .gallery-item:nth-child(2){transition-delay:.1s}.gallery-section.is-visible .gallery-item:nth-child(3){transition-delay:.15s}.gallery-section.is-visible .gallery-item:nth-child(4){transition-delay:.2s}.gallery-section.is-visible .gallery-item:nth-child(5){transition-delay:.25s}.gallery-section.is-visible .gallery-item:nth-child(6){transition-delay:.3s}.gallery-section.is-visible .gallery-item:nth-child(7){transition-delay:.35s}.gallery-section.is-visible .gallery-item:nth-child(8){transition-delay:.4s}:root{--color-primary: #047857;--color-primary-dark: #065f46;--color-accent: #eefbf6;--color-text: #334155;--color-text-light: #64748b;--color-white: #ffffff;--color-border: #e2e8f0;--color-dark-section-bg: #173424;--color-gold-heading: #ecc24d;--color-gold-subheading: #d6b047;--navbar-height: 70px;--event-color-madrasa-younger: #3b82f6;--event-color-madrasa-older: #14b8a6;--event-color-jummah: #16a34a;--event-color-ijtimah: #f97316;--color-cta: #ffc107;--color-cta-text: #334155;--font-family-base: "Poppins", sans-serif;--border-radius-md: 8px;--border-radius-lg: 16px;--spacing-md: 1rem;--spacing-lg: 2rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);color:var(--color-text);background-color:#f8fafc;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h2{font-size:2rem}h3{font-size:1.5rem;color:var(--color-primary)}h4{font-size:1.1rem;color:var(--color-primary)}p{color:var(--color-text-light)}#home,#services,#announcements,#donate,#gallery,#footer{scroll-margin-top:var(--navbar-height)}#prayer-times{scroll-margin-top:50px}#about-us{scroll-margin-top:100px}.announcements-section{padding:var(--spacing-lg) 0;background-color:#f3f4f6}.announcements-content-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.announcements-section h2{text-align:center;margin-bottom:3rem;color:var(--color-primary-dark);font-family:Merriweather,serif;font-size:2.5rem;font-weight:700}.announcements-container{margin-bottom:3rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.announcements-list{display:flex;flex-direction:column;justify-content:flex-start;min-height:200px}.announcement-card{display:flex;flex-direction:row;gap:1.5rem;text-align:left;padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.announcements-list .announcement-card:last-child{border-bottom:none}.announcement-date{flex-basis:70px;flex-shrink:0;display:flex;flex-direction:column;text-align:right;color:var(--color-text-light);font-weight:500;margin-top:.15rem}.announcement-date .date-month-day{font-size:1rem;font-weight:600;color:var(--color-primary-dark)}.announcement-date .date-year{font-size:.9rem}.announcement-main{flex-grow:1}.announcement-main h3{margin-top:0;margin-bottom:.5rem;color:var(--color-primary-dark)}.announcement-content p{text-align:left;color:var(--color-text-light);margin-bottom:.5rem;line-height:1.6}.announcement-content p:last-child{margin-bottom:0}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--spacing-lg);border-top:1px solid var(--color-border);background-color:#fcfcfc;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.pagination-status{font-size:.9rem;font-weight:500;color:var(--color-text-light)}.pagination-btn{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-primary);padding:.5rem 1rem;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.pagination-btn:hover{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.pagination-btn:disabled{background-color:#f8f9fa;color:#ccc;border-color:#eee;cursor:not-allowed;box-shadow:none}.announcements-section .whatsapp-join-section{margin-left:auto;margin-right:auto}.announcement-card{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.announcements-section.is-visible .announcement-card{opacity:1;transform:translateY(0)}.announcements-section.is-visible .announcement-card:nth-child(1){transition-delay:.1s}.announcements-section.is-visible .announcement-card:nth-child(2){transition-delay:.2s}.announcements-section.is-visible .announcement-card:nth-child(3){transition-delay:.3s}.no-announcements-message{text-align:center;font-size:1.2rem;color:var(--color-text-light)}@media (min-width: 1600px){.announcements-content-wrapper{max-width:1400px;padding:0 2rem}.announcements-section h2{font-size:3rem;margin-bottom:3.5rem}.announcement-card{padding:2.5rem 3rem;gap:2.5rem}.announcement-date{flex-basis:90px}.announcement-date .date-month-day{font-size:1.2rem}.announcement-date .date-year{font-size:1rem}.announcement-main h3{font-size:1.75rem;margin-bottom:.75rem}.announcement-content p{font-size:1.1rem;line-height:1.7}.pagination-controls{padding:2rem 3rem}.pagination-btn{padding:.7rem 1.2rem;font-size:1rem}.pagination-status{font-size:1rem}}@media (max-width: 600px){.announcement-card{flex-direction:column;gap:.75rem}.announcement-date{flex-basis:auto;text-align:left;flex-direction:row;align-items:baseline;gap:.5rem;margin-bottom:.5rem;margin-top:0}}@media (max-width: 400px){.pagination-btn span{display:none}.pagination-btn{padding:.5rem .75rem}.pagination-status{font-size:.8rem}}.whatsapp-join-section{display:flex;align-items:center;gap:2.5rem;max-width:1200px;margin:6rem auto 4rem;padding:0 2rem;box-sizing:border-box}.whatsapp-image-container{flex-basis:400px;flex-shrink:0}.whatsapp-image-container img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 15px 35px -10px #00000040}.whatsapp-content{flex:1;text-align:left}.whatsapp-content h3{color:var(--color-primary-dark);font-family:Merriweather,serif;font-size:1.8rem;margin-top:0;margin-bottom:1rem}.whatsapp-content p{color:var(--color-text-light);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.whatsapp-button{display:inline-flex;align-items:center;gap:.75rem;background-color:#25d366;color:var(--color-white);padding:14px 28px;font-size:1.1rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--border-radius-md);transition:all .2s ease-in-out;box-shadow:var(--shadow-md)}.whatsapp-button:hover{background-color:#1eae56;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.whatsapp-button svg{font-size:1.3rem}.whatsapp-image-container{opacity:0;transform:translate(-30px);transition:opacity 1s ease-out,transform 1s ease-out}.whatsapp-content{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.whatsapp-join-section.is-visible .whatsapp-image-container{opacity:1;transform:translate(0);transition-delay:.1s}.whatsapp-join-section.is-visible .whatsapp-content{opacity:1;transform:translateY(0);transition-delay:.2s}@media (min-width: 1600px){.whatsapp-join-section{max-width:1400px;padding:0 2rem;gap:5rem;margin:8rem auto 6rem}.whatsapp-image-container{flex-basis:500px}.whatsapp-content h3{font-size:2.5rem;margin-bottom:1.5rem}.whatsapp-content p{font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem}.whatsapp-button{padding:1rem 2rem;font-size:1.2rem}}@media (max-width: 768px){.whatsapp-join-section{flex-direction:column;gap:2rem;padding:0 1.5rem}.whatsapp-image-container{flex-basis:auto;width:100%;max-width:400px}.whatsapp-content{text-align:center}.whatsapp-button{display:inline-flex;margin:0 auto}}