header{position:relative}nav{display:flex}nav ul{flex-wrap:wrap;gap:10px;justify-content:center}nav ul li{position:relative}nav ul li a{border-radius:20px;font-size:.9rem;padding:8px 12px;transition:all .3s ease}nav ul li a:hover{background-color:#fc0;box-shadow:0 2px 5px #0003;color:#000}.dropdown-menu:hover,.dropdown:hover .dropdown-menu{display:block}.dropdown-menu{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0003;display:none;left:0;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-menu li{border-bottom:1px solid #ddd;padding:0}.dropdown-menu li a{border-radius:0;color:#000;display:block;padding:10px 15px}.dropdown-menu li:last-child{border-bottom:none}.take-action button{border-radius:20px;transition:all .3s ease}.take-action button:hover{background-color:#e6b800;box-shadow:0 2px 5px #0003}.nav-toggle{display:none}@media (max-width:768px){header{flex-wrap:wrap}.nav-toggle{background:none;border:none;cursor:pointer;display:block;font-size:1.5rem}.hamburger{background-color:#000;display:block;height:3px;position:relative;width:30px}.hamburger:after,.hamburger:before{background-color:#000;content:"";height:100%;position:absolute;transition:all .3s ease;width:100%}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}nav{display:none;order:3;width:100%}nav.open{display:block}nav ul{align-items:center;flex-direction:column;gap:5px}nav ul li{padding:10px 0;text-align:center;width:100%}nav ul li a{border-radius:0;display:block;font-size:1rem;padding:10px}nav ul li a:hover{background-color:#fc0;box-shadow:none}.dropdown-menu{border-radius:0;box-shadow:none;display:none;position:static;width:100%}.dropdown-menu.open{display:block}.take-action{order:2}}body{font-family:Arial,sans-serif;margin:0;padding:0}header{align-items:center;background-color:#f8f9fa;display:flex;justify-content:space-between;padding:10px 20px}.logo img{height:50px}nav ul{display:flex;gap:20px;list-style:none;padding:0}nav ul,nav ul li{margin:0}nav ul li a{color:#000;text-decoration:none}.take-action button{background-color:#fc0;border:none;cursor:pointer;padding:10px 20px}footer{background-color:#f8f9fa;text-align:center}footer,main{padding:20px}.App{text-align:center}.home-container{align-items:center;background-color:#0a0e27;color:#fff;display:flex;justify-content:space-between;padding:40px}.home-content{max-width:50%}.home-title{font-size:4rem}.home-description{font-size:1.25rem;margin-bottom:30px}.home-buttons{display:flex;gap:20px}.home-button{border:none;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.learn-more{background-color:#5a67d8;color:#fff}.learn-more:hover{background-color:#4c51bf}.get-involved{background-color:initial;border:2px solid #5a67d8;color:#5a67d8}.get-involved:hover{background-color:#5a67d8;color:#fff}.home-image{animation:slide-in 1s ease-out forwards;max-width:50%;opacity:0}@keyframes slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.element-with-slide-in{animation:slide-in 2s ease-out forwards}.home-image img{border-radius:10px;width:100%}.prayer-times{background-color:#ffffff1a;border-radius:10px;margin-top:20px;padding:20px}.prayer-times-title{color:#5a67d8;margin-bottom:10px;transition:opacity 1s ease-in-out}.prayer-time{display:flex;justify-content:space-between;margin-bottom:5px}.prayer-time span{color:#fff}.prayer-time-value{transition:opacity 1s ease-in-out}.fade{opacity:0}.more-by-tmc{background:linear-gradient(135deg,#5a67d826,#5a67d80d);border:1px solid #5a67d84d;border-radius:15px;margin-top:25px;padding:20px}.more-by-tmc-title{color:#5a67d8;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-align:center}.tmc-initiatives{display:flex;gap:15px;justify-content:center}.initiative-card{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:160px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.initiative-card:hover{background:#ffffff26;border-color:#5a67d880;box-shadow:0 10px 30px #5a67d84d;transform:translateY(-5px)}.initiative-logo{background:#ffffffe6;border-radius:10px;height:60px;margin-bottom:10px;object-fit:contain;padding:8px;width:60px}.initiative-name{color:#fff;font-size:.85rem;font-weight:500;line-height:1.3;text-align:center}@media (max-width:768px){.home-container{flex-direction:column;padding:20px}.home-content{max-width:100%;order:2}.home-title{font-size:2.5rem}.home-description{font-size:1rem}.home-buttons{flex-direction:column;gap:10px}.home-button{width:100%}.home-image{margin-bottom:20px;max-width:100%;order:1}.prayer-times{margin-top:20px}.prayer-time{align-items:center;flex-direction:column;margin-bottom:15px}.prayer-time span:first-child{margin-bottom:5px}.more-by-tmc{margin-top:20px;padding:15px}.tmc-initiatives{flex-direction:row;gap:10px}.initiative-card{max-width:140px;padding:12px 15px}.initiative-logo{height:50px;padding:6px;width:50px}.initiative-name{font-size:.75rem}}@media (max-width:768px){@keyframes slide-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.home-image{animation:slide-in 1s ease-out forwards}}@media (max-width:480px){.home-title{font-size:2rem}.home-description{font-size:.9rem}.prayer-times-title{font-size:1.2rem}.prayer-time span{font-size:.9rem}.more-by-tmc-title{font-size:1rem}.initiative-card{max-width:120px;padding:10px 12px}.initiative-logo{height:45px;padding:5px;width:45px}.initiative-name{font-size:.7rem}}.flip-words-container{color:#1a202c;color:var(--text-color-neutral-900,#1a202c);display:inline-block;padding-left:.5rem;padding-right:.5rem;position:relative;text-align:left}.flip-words-container.dark,.flip-words-letter{color:#ecc94b;color:var(--text-color-yellow-500,#ecc94b)}.flip-words-letter{display:inline-block}.about-container{display:flex;padding:20px}.about-sidebar{border-right:1px solid #ddd;padding:20px;width:20%}.about-sidebar h2{margin-bottom:20px}.about-sidebar ul{list-style:none;padding:0}.about-sidebar ul li{margin-bottom:10px}.about-sidebar ul li a{color:#000;font-weight:700;text-decoration:none}.about-content{padding:20px;width:80%}.about-content h3{margin-top:0}.about-content p{line-height:1.6}.blog-container{margin:0 auto;max-width:1200px;padding:20px}.blog-posts{display:flex;flex-direction:column;gap:30px;margin-top:20px}.blog-post{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.blog-meta{color:#666;font-size:.9rem;margin-bottom:15px}.blog-post h2{color:#333;margin-bottom:10px}.blog-post p{color:#444;line-height:1.6}.blog-link{border-bottom:1px solid #06c;color:#06c;padding-bottom:1px;text-decoration:none;transition:all .2s ease}.blog-link:hover{background-color:#0066cc1a;border-bottom:2px solid #049;color:#049}.blog-link:active{color:#036}.blog-link:visited{border-bottom-color:#551a8b;color:#551a8b}.contact-container{background-color:#121212;color:#fff;padding:20px}.map{margin-bottom:20px}.contact-info{background-color:#1e1e1e;border-radius:10px;padding:20px}.contact-info h1,.contact-info h2{margin-bottom:20px}.info-text{color:#ffc300;cursor:pointer;font-size:16px;margin-bottom:10px}.info-text span{color:grey}.form{display:flex;flex-direction:column}.form input{background-color:#1e1e1e;border:1px solid #666;border-radius:5px;color:#fff;height:40px;margin-bottom:10px;padding:10px}.submit-button{align-self:center;background-color:#ffc300;border:none;border-radius:5px;color:#121212;cursor:pointer;font-weight:700;padding:10px;width:30%}.social-links{display:flex;justify-content:space-around;margin-top:20px}.social-link{align-items:center;cursor:pointer;display:flex;flex-direction:column}.social-link p{color:grey;margin-top:5px}.dawah-container{background-color:#f8f9fa;color:#333;padding:20px}.intro-text{text-align:center}.dawah-section,.intro-text{margin-bottom:40px}.dawah-definition{font-size:1.2rem;margin-bottom:10px}blockquote{border-left:4px solid #ddd;color:#555;font-size:1.2rem;font-style:italic;margin:20px 0;padding-left:20px}.dawah-info p{margin-bottom:20px}.testimonials{margin-top:40px}.testimonials h2{margin-bottom:20px;text-align:center}.testimonial{font-size:1.1rem;margin-bottom:20px}.actions{margin-top:40px;text-align:center}.highlight-link{color:red;cursor:pointer;text-decoration:underline}.donate-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px}.events-container{background-color:#f8f9fa;color:#333;padding:20px}.date-picker,h1{text-align:center}.date-picker{border:1px solid #ddd;border-radius:5px;display:block;font-size:1rem;margin:0 auto 20px;padding:10px;width:250px}.events-list{display:flex;flex-direction:column;gap:20px}.event-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.event-details{cursor:pointer}.event-item h3{font-size:1.5rem;margin:0}.event-item p{color:#555;font-size:1rem;margin:5px 0 0}.event-item button{background-color:#333}.event-item button,.view-more-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.view-more-button{background-color:#467fa2;display:block;margin:20px auto}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;max-width:500px;padding:20px;text-align:center;width:90%}.modal-content h2{margin-top:0}.modal-content img{border-radius:10px;margin-bottom:10px;max-width:100%}.modal-content p{color:#555;font-size:1rem}.modal-content button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px}.jummah-container{background-color:#121212;color:#fff;padding:20px;text-align:center}h1{font-size:2rem}.masjid{background-color:#1e1e1e;border-radius:10px;margin-bottom:40px;padding:20px}.masjid-name{margin-bottom:20px}.masjid-name h2{font-size:1.5rem;margin:0}.masjid-name p{margin:5px 0}.khutbah-details{display:flex;justify-content:center;margin-top:10px}.khateebs-and-times{align-items:center;display:flex;flex-direction:column}.khateeb-time-pair{justify-content:space-between;margin-bottom:20px;width:100%}.khateeb,.khateeb-time-pair{align-items:center;display:flex}.khateeb{flex-direction:column}.khateeb-image{border-radius:50%;height:100px;margin-bottom:5px;object-fit:cover;width:100px}.khateeb p{font-size:1rem;margin:5px 0}.time{font-size:1rem;margin-left:20px}.programs-container{background-color:#080e26;color:#8c98ca;min-height:100vh;padding:20px;text-align:center}h1{color:#8c98ca;font-size:3rem;margin-bottom:20px}.programs-list{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.program-item{background-color:#080e26;border:1px solid #8c98ca;border-radius:10px;padding:20px;text-align:center;width:350px}.program-image{border-radius:10px;height:auto;margin-bottom:20px;width:100%}.program-item h2{color:#8c98ca;font-size:2rem;margin-top:20px}.ramadan-container{background:linear-gradient(180deg,#f9f9f9,#fff);min-height:100vh;padding:40px 20px}.content-wrapper{margin:0 auto;max-width:1200px}.title{font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.text-group{margin:0 auto 3rem;max-width:800px}.quran-quote{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.arabic-text{color:#1a1a1a;font-family:Traditional Arabic,serif;font-size:2rem;line-height:1.8;margin-bottom:1.5rem;text-align:center}.english-text{color:#444;font-size:1.125rem;line-height:1.6;text-align:center}.quote-translation{font-style:italic}.hadith-section{background-color:#f5f5f5;border-radius:15px;margin-bottom:2rem;padding:2rem}.hadith{font-size:1.25rem;margin-bottom:.5rem}.hadith-source{color:#666;font-style:italic;text-align:center}.invitation{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:2rem}.video-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.video-wrapper{border-radius:15px;box-shadow:0 6px 12px #00000026;flex:0 1 auto;overflow:hidden;transition:transform .3s ease}.video-wrapper:hover{transform:translateY(-5px)}iframe,video{border:none;border-radius:15px;display:block}@media (max-width:768px){.ramadan-container{padding:20px 15px}.title{font-size:2rem}.arabic-text{font-size:1.75rem}.english-text{font-size:1rem}.video-container{gap:1rem}.video-wrapper{max-width:350px;width:100%}}.umrah-container{padding:20px}.umrah-section{margin-bottom:40px}.pictures-grid{display:flex;flex-wrap:wrap;gap:10px}.umrah-picture{border-radius:5px;height:auto;object-fit:cover;width:calc(30% - 10px)}.home-title{color:#8c98ca;font-size:2rem;font-weight:700;margin-bottom:20px}.umrah-video{border-radius:5px;display:block;height:auto;margin:0 auto;max-width:400px;width:50%}.testimonials-container{background-color:#f9f9f9;padding:20px}.testimonials-list{margin-top:20px}.testimonial-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.testimonial-body{color:#333;font-size:16px;margin-bottom:10px}.testimonial-name{color:#777;font-size:14px;text-align:right}.payment-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:500px;padding:30px}.payment-form h2{color:#ffc300;margin-bottom:20px;text-align:center}.payment-form form{display:flex;flex-direction:column;gap:15px}.payment-form input[type=email],.payment-form input[type=number],.payment-form input[type=text]{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px}.payment-form label{align-items:center;color:#333;display:flex;gap:10px}.payment-form input[type=checkbox]{height:20px;width:20px}.payment-form .StripeElement{border:1px solid #ddd;border-radius:5px;padding:10px}.payment-form button[type=submit]{background-color:#ffc300;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .3s ease}.payment-form button[type=submit]:hover{background-color:#e6b800}.payment-form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.payment-form button[onClick]{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.payment-form button[onClick]:hover{background-color:#e9ecef}@media (max-width:768px){.payment-form{padding:20px}}.donation-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.donation-page h1{color:#ffc300;margin-bottom:30px;text-align:center}.categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease}.category:hover{transform:translateY(-5px)}.category h2{color:#333;margin-bottom:10px}.category p{color:#666;margin-bottom:10px}.category progress{border-radius:5px;height:10px;margin-bottom:15px;width:100%}.category progress::-webkit-progress-bar{background-color:#e0e0e0;border-radius:5px}.category progress::-webkit-progress-value{background-color:#ffc300;border-radius:5px}.category button{background-color:#ffc300;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.category button:hover{background-color:#e6b800}@media (max-width:768px){.categories{grid-template-columns:1fr}}.manage-subscription-button,.other-methods-button{background-color:initial;border:2px solid #ffc300;border-radius:5px;color:#ffc300;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-bottom:20px;padding:10px 20px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.manage-subscription-button:hover,.other-methods-button:hover{background-color:#ffc300;color:#fff}.donation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}
/*# sourceMappingURL=main.f27027a6.css.map*/