:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fff;background-attachment:fixed;background-size:cover;background-position:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.splash-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;z-index:9999}.splash-logo-container{text-align:center;animation:fadeIn 1.5s ease-out;padding:2rem;width:min(90vw,800px);display:flex;justify-content:center;align-items:center}.splash-logo-image{width:min(80vh,95vw);height:auto;max-width:600px;min-width:280px;object-fit:contain;animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{display:flex;justify-content:space-between;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;background-position:center;background-repeat:no-repeat;background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);background-image:url(../assets/16-sacred-symbols-MR9YMTh.png)}.right-column{flex:1;border-radius:8px;transition:all .3s ease-in-out;background-image:url(https://icsgv.com/wp-content/uploads/2023/08/16-sacred-symbols-MR9YMTg.png);background-size:contain}@media (max-width: 768px){.container{flex-direction:column;align-items:center;background-image:url(https://icsgv.com/wp-content/uploads/2023/08/16-sacred-symbols-MR9YMTh.png);background-size:contain;background-repeat:repeat}.left-column,.right-column{width:100%}}.services-card-background:after{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background-image:url(https://static.vecteezy.com/system/resources/previews/014/002/298/original/islamic-geometric-pattern-art-illustration-free-vector.jpg);background-size:cover;background-position:center;clip-path:ellipse(100% 100% at 100% 50%)}.service-card:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background-image:url(/assets/islamic-geometric-patterns-islamic-art-arabesque-islamic-architecture-png-favpng-xi06wiFv0egkhV3bzsT9H1e5g-ClYh9AHf.png);background-size:200%;background-repeat:no-repeat;opacity:.7;pointer-events:none;z-index:1;transform:translate(25%,25%)}.service-card-description{font-size:14px;color:#555;line-height:1.5}@media (max-width: 768px){.services-card{padding:15px;border-radius:6px;box-shadow:none}.services-card-background:after{padding:15px;background-image:unset}.services-card-title{font-size:18px;margin-bottom:8px}.services-card-heading{font-size:24px;margin-bottom:20px}.services-card-grid{grid-template-columns:1fr;gap:15px;text-align:left;width:100%}.service-card{padding:15px;width:100%;background-color:#fff;border:1px solid #e0e0e0;transform:none;box-shadow:none;clip-path:none}.service-card:hover{transform:none;box-shadow:none}.services-card-content{width:90%;z-index:2;flex-direction:column}.services-card-content h6,.services-card-content h2{width:100%;z-index:2;flex-direction:column;left:15px;position:relative}#root{max-width:unset;margin:unset;padding:unset;text-align:center}.services-card-grid a{position:relative;left:1px;bottom:3px}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-header{display:flex;align-items:center;justify-content:space-between;background-image:linear-gradient(45deg,#8baaaacc,#ae8b9ccc);color:#fff;position:sticky;top:0;z-index:1000;border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0003;margin:5px}.header-controls{display:flex;align-items:center}@media (max-width: 768px){.header-controls .button-donate .button-volunteer{padding:8px 12px;font-size:14px}}.logo-container{flex:0 0 auto}.logo{width:100px;height:100px;object-fit:contain}.nav-menu{display:flex;flex:1;justify-content:flex-end;border-radius:10 px}.nav-list{display:flex;list-style:none}.nav-item{position:relative;margin:0 10px}.nav-link{color:#fff;text-decoration:none;transition:color .3s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#fff}.submenu-link.active{color:#f39c12;font-weight:600;background-color:#0003;border-left:3px solid #f39c12;padding-left:17px;transition:background-color .3s ease}.submenu-link.active:hover{background-color:#0000004d}.has-submenu{position:relative}.submenu{display:none;position:absolute;top:100%;left:-50%;background-color:#1f1f1fcc;list-style:none;padding:5px 0;border-radius:4px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:10em;margin:5px;pointer-events:none;visibility:.3s ease}.has-submenu:hover .submenu,.submenu:hover,.submenu:focus-within,.submenu.show{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.submenu-link:focus{outline:none;background-color:#0003}.submenu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.submenu.show{display:block;opacity:1;transform:translateY(0)}.submenu{display:none;position:absolute;top:100%;left:-50%;background-color:#1f1f1fcc;list-style:none;padding:5px 0;border-radius:4px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:10em;margin:5px}.submenu-link{color:#fff;text-decoration:none;padding:10px 20px;display:block}.submenu-item{margin:0}.submenu-link:hover{background-color:#333}.menu-toggle{display:none;background:none;border:none;cursor:pointer}.menu-icon{width:25px;height:3px;background-color:#fff;display:block;margin:5px 0}.button{padding:8px 15px;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .3s;margin:5px}.button-donate{background-color:#a99c38;color:#fff}.button-donate:hover{background-color:#d88210;transform:translateY(-2px)}.button-volunteer:hover{background-color:#5e6f5c;transform:translateY(-2px)}@media (max-width: 768px){.submenu{display:none;position:static;transform:translateY(-10px);background-color:#727272;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:5px;transition:transform .3s ease,opacity .3s ease}.has-submenu.active .submenu{display:block;opacity:1;transform:translateY(0);animation:expandMenu .5s ease forwards}.submenu-item{opacity:0;transform:translateY(-20px);animation:slideDown .5s ease forwards}.submenu-item:nth-child(1){animation-delay:.1s}.submenu-item:nth-child(2){animation-delay:.2s}.submenu-item:nth-child(3){animation-delay:.3s}.submenu-item:nth-child(4){animation-delay:.4s}.submenu-item:nth-child(5){animation-delay:.5s}.submenu-item:nth-child(6){animation-delay:.6s}.submenu-item:nth-child(7){animation-delay:.7s}.nav-menu{display:none;flex-direction:column;background-image:linear-gradient(45deg,#8baaaacc,#ae8b9ccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:100%;position:absolute;top:100%;margin:1px 0;transition:transform .3s ease,opacity .3s ease;text-align:justify}.nav-menu.active{display:flex;transform:translateY(0);opacity:1}.nav-list{flex-direction:column;gap:10px;padding:10px;text-align:center;font-size:larger}.logo{width:80px;height:80px;object-fit:contain}.a{padding:20px}.nav-item{padding:0}.nav-link{width:100%;margin:5px 0;box-sizing:border-box;transition:color .3s ease;white-space:nowrap}.menu-toggle{display:block}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandMenu{0%{max-height:0}to{max-height:500px}}svg{font-family:Aref Ruqaa Ink,sans-serif;width:100%;height:100%}svg text{animation:stroke 5s infinite alternate;stroke-width:2;stroke:#365fa0;font-size:85px}@keyframes stroke{0%{fill:#488acc00;stroke:#365fa0;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:#488acc00;stroke:#365fa0}80%{fill:#488acc00;stroke:#365fa0;stroke-width:3}to{fill:#488acc;stroke:#365fa000;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.menu-indicator{display:inline-block;transition:transform .3s ease-in-out;transform-origin:center;vertical-align:middle}.has-submenu:hover .menu-indicator,.has-submenu.active .menu-indicator{transform:rotate(-90deg)}.nav-item .mantine-Accordion-root{background:transparent}.nav-item .mantine-Accordion-item{border:none;background:transparent}.nav-item .mantine-Accordion-control{padding:8px 15px;color:#fff;background:transparent!important}.nav-item .mantine-Accordion-control:hover{background:#0003!important;color:#f39c12}.nav-item .mantine-Accordion-content{padding:0;background:#0000001a;border-radius:6px}.nav-item .mantine-Accordion-chevron{color:#fff}._chevron_tim08_1{width:20px;height:20px;color:#fff;transition:transform .3s ease}._control_tim08_9{display:flex;flex-direction:row-reverse!important;justify-content:center;align-items:center;width:100%;padding:8px 15px;color:#fff;text-align:center;gap:4px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.container{display:flex;justify-content:space-between;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;background-position:center;background-repeat:no-repeat;background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png)}.left-column{flex:1;padding:2rem;border-radius:8px;transition:all .3s ease-in-out}.heading h6{font-size:1.2rem;color:#0077b6;margin-bottom:1rem}.heading h2{font-size:2rem;font-weight:700;color:#333;margin-bottom:1.5rem}.text-content p{font-size:1rem;line-height:1.6;color:#555;margin-bottom:1rem}.right-column{flex:1;border-radius:8px;transition:all .3s ease-in-out;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-size:contain}.right-column img{width:100%;height:auto;border-radius:8px}.info-section{text-align:center}.info-section h2{font-size:3rem;font-weight:700;color:#0077b6}.info-section h6{font-size:1.1rem;color:#333}@media (max-width: 768px){.container{flex-direction:column;align-items:center;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-size:contain;background-repeat:repeat}.left-column,.right-column{width:100%}}.main{border-radius:10px;margin:10px}.welcome,.Assalamualaikum{font-family:Berkshire Swash,cursive;color:#000}p{color:#000}.services-card{display:flex;justify-content:center;align-items:center;margin:20px 0}.services-card-background{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;border-radius:10px;overflow:hidden;box-shadow:0 0 20px #0000001a;position:relative;width:100%}.services-card-content{width:40%;flex-direction:column;gap:20px;background-image:linear-gradient(120deg,#fdfbfb,#ebedee)}.services-card-background:before{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background-color:#f5f5f5;clip-path:ellipse(75% 100% at 100% 50%)}.services-card-background:after{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background-image:url(/assets/islamic-geometric-pattern-art-illustration-free-vector-BQ7IDOM8.jpg);background-size:cover;background-position:center;clip-path:ellipse(100% 100% at 100% 50%)}.service-card:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background-image:url(/assets/islamic-geometric-patterns-islamic-art-arabesque-islamic-architecture-png-favpng-xi06wiFv0egkhV3bzsT9H1e5g-ClYh9AHf.png);background-size:200%;background-repeat:no-repeat;opacity:.7;pointer-events:none;z-index:1;transform:translate(25%,25%)}.service-card{position:relative;padding:15px;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;z-index:2}.service-card-title{font-size:18px;font-weight:600;margin-bottom:10px}.service-card-title a{color:#0073e6;text-decoration:none}.service-card-description{font-size:12px;color:#555;line-height:1.5;text-align:left;padding:3px}.service-card h3,.service-card p{position:relative;z-index:1}.services-card-heading{font-size:32px;font-weight:700;color:#000;margin-bottom:30px}.services-card-title{font-size:20px;font-weight:600;color:#333;margin-bottom:10px}@media (max-width: 768px){.services-card{padding:15px;border-radius:6px;box-shadow:none}.services-card-background:after{padding:15px;background-image:unset}.services-card-title{font-size:18px;margin-bottom:8px}.services-card-heading{font-size:24px;margin-bottom:20px}.services-card-grid{grid-template-columns:1fr;gap:15px;text-align:left;width:100%}.service-card{padding:15px;width:100%;background-color:#fff;border:1px solid #e0e0e0;transform:none;box-shadow:none;clip-path:none}.service-card:hover{transform:none;box-shadow:none}.services-card-content{width:100%;z-index:2;flex-direction:column}.services-card-content h6,.services-card-content h2{width:100%;z-index:2;flex-direction:column;left:15px;position:relative}#root{max-width:unset;margin:unset;padding:unset;text-align:center}.services-card-grid a{position:relative;left:1px;bottom:3px}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card{opacity:0;transform:translateY(20px);transition:transform .3s ease-out,box-shadow .3s ease-out,opacity .6s ease-out}.service-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}p{font-weight:700}@keyframes flip{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.number-flip{display:inline-block;animation:flip 1s ease-in-out;animation-delay:var(--delay);animation-fill-mode:both}.prayer-times-heading{color:#333}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.reminder-close-button{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:10px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.reminder-close-button{right:5px;padding:5px;font-size:18px}}@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.announcement-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1rem 1.5rem;background:#ffffffe6;border-radius:8px;margin-bottom:1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.announcement-header:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.announcement-header h2{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.arrow{font-size:1.2rem;color:#3498db;transition:transform .3s ease;font-weight:700}.arrow.open{transform:rotate(180deg)}.announcement-grid{animation:slideDown .3s ease-out;margin-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.announcement-header{padding:.8rem 1rem}.announcement-header h2{font-size:1.1rem}.arrow{font-size:1rem}}.main{background-color:#f5f5f5;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-repeat:no-repeat;background-position:center left}@media (max-width: 768px){.main{background-repeat:repeat;background-size:auto}}.assalamualaikum{text-align:center;font-size:24px;margin:10px 0;color:#666}.team-container{max-width:1200px;margin:0 auto;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-repeat:repeat;background-position:center left;background-attachment:fixed}.main-title{text-align:center;font-size:36px;margin:30px 0;color:#666}.team-section{margin-bottom:40px}.section-title{text-align:center;font-size:28px;margin-bottom:20px;color:#666}.members-container{display:inline-flex;flex-wrap:wrap;justify-content:center}.special-members{justify-content:center}.member-card{display:flex;flex-direction:column;align-items:center;width:200px;padding:15px}.image-container{width:160px;height:160px;justify-content:center;align-items:center;margin:0 auto}.image-container img{width:160px;height:160px;object-fit:cover;object-position:center right;border:10px solid #ffffff}.member-name{font-size:18px;margin:10px 0 5px;text-align:center;color:#352b2b}.member-role{font-size:14px;color:#666;text-align:center;margin:0}.history-section{display:flex;align-items:center;gap:20px;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png)}.history-section .image-container-1 img,.image-container-2 img,.image-container-3 img,.image-container-4 img{width:100%;height:auto;border-radius:0;object-fit:contain}.reverse{flex-direction:row-reverse}.text-content,.image-container{flex:1}.image-container img{width:100%;border-radius:10px}@media (max-width: 768px){.history-section{flex-direction:column;align-items:center}.reverse{flex-direction:column-reverse}.image-container-1,.image-container-2,.image-container-3,.image-container-4{width:100%;max-width:400px;text-align:center}}.resources-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-image:url(https://github.com/Yahia89/icsgv/blob/icsgv/src/assets/16-sacred-symbols-MR9YMTg.png?raw=true);background-size:contain;background-position:bottom right;background-repeat:no-repeat}.card-container{display:flex;gap:20px}.card{flex:1;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;background-image:url(/assets/16-sacred-symbols-MR9YMTg-Clnn7IBM.png?raw=true);background-size:contain;background-position:center;background-repeat:no-repeat}.card h3{margin-top:0;color:#333}.card ul{list-style:none;padding:0}.card li{margin-bottom:8px}.card a{font-style:oblique;color:#000;position:relative;text-decoration:none;overflow:hidden;transition:opacity .3s ease}.card a:hover{opacity:.6;color:#3f3f3f;text-decoration:underline}@media (max-width: 768px){.card-container{flex-direction:column;gap:16px}.card{flex:none;width:100%}}body{margin:0;padding:0;overflow-x:hidden}.services-container{max-width:1200px;box-sizing:border-box;border-radius:8px;background-image:url(/assets/16-sacred-symbols-MR9YMTg-Clnn7IBM.png?raw=true);background-size:contain;background-position:bottom right;background-repeat:repeat;background-color:#f5f5f5}.services-section{margin-bottom:3rem}.services-title{font-size:2rem;text-align:center;margin-bottom:1.5rem;color:#f9d084;font-family:Georgia,serif}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center;align-items:center}.servicescards{position:relative;background-color:#374561;padding:1.5rem;text-align:center;font-size:1rem;font-weight:700;border-radius:8px;color:#f9d084;font-family:Georgia,serif;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.servicescards:hover{transform:scale(1.05);box-shadow:0 10px 20px #0000004d}.servicescards .hover-content{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000d9;color:#f9d084;display:flex;justify-content:center;align-items:center;font-size:1.2rem;text-align:center;padding:1rem;opacity:0;transition:opacity .3s ease}.servicescards:hover .hover-content{opacity:1}.servicescards p{color:#374561;font-size:1.5rem;font-family:Georgia,serif;text-align:center;margin-top:1rem;border:1px solid #374561;border-radius:8px;padding:20px;box-sizing:border-box}@media (max-width: 768px){.services-container{padding:1.5rem 1rem}.services-title{font-size:1.75rem}.services-grid{grid-template-columns:1fr}.servicescards{padding:1rem}}.live-stream-container{display:flex;justify-content:center;align-items:center;padding:1rem;text-align:center;background-color:#f9fafb;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-size:contain;background-repeat:repeat;width:100%;max-width:100vw;overflow-x:hidden}.wrapper{width:100%;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:.5rem;width:100%;box-sizing:border-box}.video-item{width:100%;margin:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}@media (max-width: 768px){.live-stream-container,.wrapper{padding:.5rem}.videos-grid{grid-template-columns:1fr;padding:.5rem}}.wrapper2{background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-size:contain;background-repeat:repeat;width:100%;padding:1rem;box-shadow:0 4px 8px #0000001a;border-radius:8px;margin:1rem}.assalamualaikum{font-size:1.2rem;margin-bottom:.5rem;color:#555}.welcome{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:700}.live-text{color:green;font-weight:700}.offline-text{color:red;font-weight:700}.video-container{margin-top:1rem;position:relative;overflow:hidden;width:100%;padding-top:56.25%;min-width:200px;min-height:200px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;min-width:200px;min-height:200px}.logo{margin:1rem auto;font-size:2rem;color:#555}@media (max-width: 600px){.welcome{font-size:1.2rem}.assalamualaikum{font-size:1rem}.video-container{padding-top:75%}}.recent-videos{margin-top:2rem;padding:1rem}.recent-videos h2{text-align:center;margin-bottom:1rem;color:#333}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem}.video-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.video-item iframe{width:100%;aspect-ratio:16/9}.video-item h3{padding:.5rem;margin:0;font-size:1rem;color:#333}.video-item p{padding:0 .5rem .5rem;margin:0;color:#666;font-size:.9rem}.video-stats{display:flex;justify-content:space-around;padding:.5rem;color:#666;font-size:.9rem;border-top:1px solid #eee;background-color:#f8f8f8}.video-stats span{display:flex;align-items:center;gap:.3rem}.video-stats i{color:#1a73e8}.library{display:flex;flex-direction:row;align-items:center;padding:20px;color:#919494}.library>div{flex:1;padding-right:20px}.library img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.library{flex-direction:column;text-align:center}.library>div{padding-right:0;margin-bottom:20px}.library img{margin:0 auto}}.clinic-container{display:flex;flex-direction:column;gap:50px;padding:20px;color:#fff}.clinic-list{display:flex;flex-direction:column;gap:20px;color:#000;text-align:left}.clinic-section{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;min-height:400px}.clinic-text{flex:1;max-width:600px;height:100%}.clinic-image{flex:1;aspect-ratio:16/9;min-width:300px;position:relative}.clinic-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.matrimonial-container{display:flex;justify-content:center;padding:20px;color:#fff}.matrimonial-section{display:flex;flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;margin:0 auto}.matrimonial-text{flex:1;max-width:600px;line-height:1.6;text-align:left}.matrimonial-text a{color:#6db1ff;text-decoration:none}.matrimonial-text a:hover{text-decoration:underline}.matrimonial-image{flex:1;display:flex;justify-content:center;align-items:center}.matrimonial-image img{max-width:100%;border-radius:8px}@media screen and (max-width: 768px){.matrimonial-section{flex-direction:column}.matrimonial-image img{width:100%}.matrimonial-text{text-align:center}}.footer{background-color:#2f2f2f;color:#fff;padding:40px 20px;width:100%;box-sizing:border-box;overflow-x:hidden;border-radius:10px}.mail{font-size:smaller;color:#f39c12}.footer-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:20px;width:100%;max-width:100%;box-sizing:border-box}.footer-logo{flex:0 0 auto;margin-right:40px}.footer-logo img{max-width:150px;object-fit:contain}.footer-links{display:flex;justify-content:flex-start;flex-wrap:wrap;flex:1}@media screen and (max-width: 768px){.footer-content{flex-direction:column;align-items:center;gap:30px}.footer-logo{margin-right:0}}.footer-links{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;box-sizing:border-box}.footer-links-column{flex:1;min-width:200px;margin-right:40px}.footer-links-column h5{font-size:16px;font-weight:700}.footer-links-column ul{list-style-type:none;padding:0}.footer-links-column a{color:#fff;text-decoration:none;font-size:14px}.footer-links-column a:hover{color:#fb3}.footer-social{display:flex;align-items:center;justify-content:flex-start}.footer-social a{color:#fff;font-size:24px;margin-right:15px;transition:color .3s}.footer-social a:hover{color:#fb3}@media screen and (max-width: 768px){.footer-content,.footer-links{flex-direction:column;align-items:center}.footer-links-column{margin-right:0;margin-bottom:20px}.footer-social{justify-content:center;margin-top:20px}}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:5px 0;font-size:.9rem;color:#fff}.footer-bottom a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-bottom a:hover{color:#f39c12}.fab.fa-youtube{color:red;font-size:20px;vertical-align:middle;transition:color .3s ease}.social-icon:hover .fa-youtube{color:red}.social-icon{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.social-icon:hover{color:#fff}.fas.fa-map-marker-alt{color:#ea4335;font-size:20px;vertical-align:middle;transition:color .3s ease}.fas.fa-envelope{color:#79bdf9;font-size:20px;vertical-align:middle;transition:color .3s ease}.fas.fa-phone-alt{color:#00c300;font-size:20px;vertical-align:middle;transition:color .3s ease}.fab.fa-facebook{color:#1877f2;font-size:20px;vertical-align:middle;transition:color .3s ease}.fab.fa-youtube{color:red}.footer-links-column a:hover i{opacity:.8;transition:opacity .3s ease}.youtube-link{display:inline-flex;align-items:center;gap:8px}.youtube-link i{color:red;background:#fff;border-radius:3px;padding:2px;font-size:1.2em;width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center}.main{background-color:#f5f5f5;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-repeat:no-repeat;background-position:center left}.wrapper{text-align:center;margin-bottom:20px}.Assalamualaikum{text-align:center;font-size:24px;margin:10px 0;color:#666}.welcome{text-align:center;font-size:32px;margin:20px 0}.committee-container-hajj{text-align:center;padding:20px;border-radius:8px;margin:10px;background-color:#f5f5f5;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-repeat:no-repeat;background-position:center left}.committee-title-hajj{font-family:Georgia,serif;font-size:2rem;color:#e5d6a0;margin-bottom:30px}.member-container-hajj{display:flex;justify-content:center}.member-hajj{text-align:center;max-width:200px}.image-container-hajj{border:10px solid #ffffff;width:160px;height:160px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto}.member-image-hajj{border-radius:8px;width:100%;height:100%;object-fit:cover;object-position:center}.member-name-hajj{font-size:1.2rem;color:#e5d6a0;margin-top:15px;font-weight:700}.member-phone-hajj{font-size:1rem;color:#6db1ff;text-decoration:none;transition:color .3s ease}.member-phone-hajj a{color:#6db1ff;text-decoration:none}.member-phone-hajj a:hover{color:#3d8fe8}@media (max-width: 768px){.main-hajj{background-repeat:repeat;background-size:auto}}.banquet-container{padding:2rem;background-color:#fdfcfb;color:#ecf0f1;border-radius:8px}.banquet-header{display:flex;gap:2rem;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.banquet-text{flex:1;text-align:left;min-width:300px}.banquet-text h1{font-size:2.5rem;margin-bottom:1rem}.banquet-text p{margin-bottom:.5rem}.banquet-image{flex:1;text-align:center;min-width:300px}.banquet-image img{width:auto;max-width:400px;border-radius:8px}.banquet-gallery{text-align:center;margin-top:3rem;margin-bottom:3rem}.banquet-gallery h2{font-size:2rem;margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:10px}.gallery-grid img{width:100%;height:180px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s ease}.gallery-grid img:hover{transform:scale(1.05)}@media (max-width: 768px){.banquet-header{flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:150px}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(1,1fr)}.gallery-grid img{height:140px}}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content img{max-width:90%;max-height:90%;border-radius:8px}.funeral-container{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem;color:#ecf0f1}.funeral-left{flex:1;text-align:center}.funeral-image{width:100%;max-width:500px;border-radius:8px}.funeral-right{flex:1}.funeral-title{font-size:1.8rem;margin-bottom:.5rem}.funeral-contact{font-size:1.2rem;margin-bottom:1rem}.funeral-info{margin-bottom:1rem}.funeral-link{color:#f39c12;text-decoration:none}.funeral-packages{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem}.funeral-video{width:100%;max-width:500px;border-radius:8px;overflow:hidden}.funeral-video video{width:100%;border-radius:8px}@media (max-width: 768px){.funeral-container{flex-direction:column;align-items:center}.funeral-left,.funeral-right{width:100%}}.weekend-container{display:flex;flex-direction:column;gap:50px;padding:20px;color:#fff}.weekend-list{display:flex;flex-direction:column;gap:20px;color:#000;text-align:left}.weekend-section{display:flex;flex-wrap:wrap;align-items:center;gap:20px;min-height:400px}.weekend-section-text{text-align:left}.weekend-text{flex:1;max-width:600px;height:100%}.weekend-image{flex:1;aspect-ratio:16/9;min-width:300px;position:relative}.rashed-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.weekend-image img{width:100%;height:100%;object-fit:contain;border-radius:8px}.image-collage{display:flex;width:100%;padding:4% 2%;box-sizing:border-box;min-height:500px;gap:20px}.image-top,.image-middle,.image-bottom{flex:1;overflow:hidden;transition:.5s;margin:0 1%;box-shadow:0 20px 30px #0000001a;line-height:0;border-radius:8px}.image-top img,.image-middle img,.image-bottom img{width:200%;height:100%;object-fit:cover;transition:.5s}.image-top:hover,.image-middle:hover,.image-bottom:hover{flex:1 1 50%}.image-top:hover img,.image-middle:hover img,.image-bottom:hover img{width:100%;height:100%}@media (max-width: 768px){.image-collage{flex-direction:column;padding:20px}.image-top,.image-middle,.image-bottom{height:300px;margin:10px 0}}@media screen and (max-width: 768px){.weekend-section{flex-direction:column;min-height:auto}.weekend-image{width:100%;margin:0 auto}}.button-container{display:flex;gap:10px;flex-wrap:wrap}.weekend-button{background-color:#a99c38;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;min-width:fit-content;max-width:max-content;font-size:1rem}.donate-button,.donate-button:hover{background-color:inherit;color:inherit;box-shadow:none}.button-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.weekend-button{width:auto;max-width:100%}}.weekend-button:hover{background-color:#5e6f5c;transform:translateY(-2px)}@media (max-width: 768px){.button-container{flex-direction:column;gap:15px}.weekend-button{width:100%;margin:0}}.button-container a{text-decoration:none;display:inline-block}.admin-section{background-color:#f5f5f5;background-image:url(/assets/16-sacred-symbols-MR9YMTh-C-obHvvy.png);background-repeat:no-repeat;background-position:bottom;text-align:center;padding:60px 20px;margin:40px 0;position:relative}.admin-members{position:relative;z-index:2;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.admin-title,.admin-subtitle{position:relative;z-index:2;color:#000}@media (max-width: 768px){.admin-section{background-size:cover;background-position:center}}.admin-member{flex:1;min-width:200px;max-width:250px}.admin-member img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:15px}.admin-member h4{color:#000;margin:10px 0;font-size:1.2rem}.admin-member p{color:#a99c38;font-size:1rem}@media (max-width: 768px){.admin-members{gap:20px}.admin-member{min-width:150px}.admin-member img{width:150px;height:150px}}.donate-button{background-color:#a99c38;color:#fff;transition:all .3s ease}.donate-button:hover{background-color:#8a7f2e;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media screen and (max-width: 768px){.clinic-section{flex-direction:column;min-height:auto}.clinic-image{width:100%;margin:0 auto}}.donate-container{max-width:1200px;margin:40px auto;padding:20px}.donate-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-image:linear-gradient(15deg,#13547a,#80d0c7);border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:10px}.donate-text{flex:2;order:1}.donate-image{flex:1;order:2;display:flex}.donate-image img{max-width:100%;height:auto}.donate-button{display:inline-block;background-color:#a99c38;color:#fff;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s}.donate-button:hover{background-color:#8a7f2e}@media (max-width: 768px){.donate-section{flex-direction:column;position:relative;padding-top:100px;margin-top:100px}.donate-text{order:2;position:relative;z-index:1}.donate-image{order:1;position:absolute;top:-100px;left:50%;transform:translate(-50%);width:200px;margin:0}.donate-image img{width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}}.donate-image{order:2;margin-bottom:20px}.donation-categories{margin:60px 0}.donation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:20px}.donation-card{position:relative;background:radial-gradient(27% 29% at right,#0000 83%,#b3ad3c 85%,#b3ad3c 99%,#0000 101%) 16px 32px,radial-gradient(27% 29% at left,#0000 83%,#b3ad3c 85%,#b3ad3c 99%,#0000 101%) -16px 32px,radial-gradient(29% 27% at top,#0000 83%,#b3ad3c 85%,#b3ad3c 99%,#0000 101%) 0 16px,radial-gradient(29% 27% at bottom,#0000 83%,#b3ad3c 85%,#b3ad3c 99%,#0000 101%) 0 -16px #bbbb56;background-size:64px 64px;border-radius:12px;padding:32px 24px;text-decoration:none;color:#fff;text-align:center;transition:all .5s ease;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:16px;overflow:hidden;height:280px}.donation-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff,#fff);opacity:0;transition:opacity .5s ease}.donation-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 24px #fff3}.donation-card:hover:before{opacity:1}.donation-card svg{color:#000;margin-bottom:8px;transform:scale(1);transition:transform .5s ease;z-index:1}.donation-card:hover svg{transform:scale(1.1)}.donation-card h3{margin:0;color:#000;font-size:1.5rem;font-weight:700;position:relative;z-index:1}.donation-card h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background-color:#fff;transition:transform .3s ease}.donation-card:hover h3:after{transform:translate(-50%) scaleX(1)}.donation-card p{margin:0;color:#000;font-size:1rem;line-height:1.5;z-index:1;opacity:1;transition:opacity .3s ease}.donation-card:hover p{opacity:1}@media (max-width: 768px){.donation-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:16px;gap:16px}.donation-card{height:180px;padding:20px 16px;gap:12px}.donation-card svg{width:40px;height:40px}.donation-card h3{font-size:1.2rem}.donation-card p{font-size:.9rem}}.clinic-container{display:flex;flex-direction:column;gap:30px;padding:20px;max-width:1200px;margin:0 auto;color:#000}.clinic-section{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.clinic-text{width:100%;max-width:800px;margin:0 auto;padding:0 20px}.clinic-text h2{margin:40px 0 20px;color:#000;text-align:left}.clinic-text p{line-height:1.6;margin-bottom:20px;text-align:justify}.privacy-list{list-style-type:disc;padding-left:20px;margin:20px 0}.privacy-list li{margin-bottom:12px;line-height:1.5}.privacy-list li strong{color:#13547a}@media screen and (max-width: 768px){.clinic-text{padding:0 15px}.clinic-text h2{margin:30px 0 15px}}