:root{--background:#ffffff;--foreground:#ffffff;--primary:#422108;--primary-light:#D1CCC8;--primary-dark:#b65b16;--secondary:#ffcc00;--secondary-light:#bdd63181;--text-color:rgb(59,59,59)}td{font-family:objective-regular}th{white-space:nowrap}.themeBg{background-color:var(--primary)!important}.themeBgLight{background-color:var(--primary-light)!important}.themeBg2{background-color:var(--secondary)!important}.themeTxt{color:var(--primary)!important}.cFlex{justify-content:center}.cFlex,.cFlex2{display:flex;align-items:center}.cFlex2{justify-content:start}.cFlex3{justify-content:end}.cFlex3,.cFlex4{display:flex;align-items:center}.cFlex4{justify-content:space-between}th{font-family:objective-bold}.themeBtn{color:white;border:none;background-color:var(--primary)!important;border-radius:0;padding:10px 60px;font-size:24px;font-weight:400;font-family:objective-regular;cursor:pointer;display:block;margin:0 auto}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit}.custom-btn-primary{background-color:var(--primary);color:white;border:2px solid var(--primary);padding:.5rem 1.25rem;font-weight:500;border-radius:6px;position:relative;overflow:hidden;z-index:1}.custom-btn-primary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--primary-dark);transition:all .3s ease;z-index:-1}.custom-btn-primary:hover{color:white!important;box-shadow:0 4px 8px rgba(1,142,111,.25)}.custom-btn-primary:hover:before{width:100%}.custom-btn-primary:active{transform:translateY(2px);box-shadow:0 2px 4px rgba(1,142,111,.2)}.custom-btn-primary:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.custom-btn-primary:disabled:before{display:none}.custom-outlined-btn-primary{color:var(--primary);border:2px solid var(--primary);padding:.5rem 1.25rem;font-weight:500;border-radius:6px;position:relative;overflow:hidden;z-index:1}.custom-outlined-btn-primary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(1,142,111,.1);transition:all .3s ease;z-index:-1}.custom-outlined-btn-primary:hover{color:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 8px rgba(1,142,111,.15)}.custom-outlined-btn-primary:hover:before{width:100%}.custom-outlined-btn-primary:active{transform:translateY(2px);box-shadow:0 2px 4px rgba(1,142,111,.1)}.custom-outlined-btn-primary:disabled{border-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.custom-outlined-btn-primary:disabled:before{display:none}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.border-primary{border-color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.bg-secondary{background-color:var(--secondary)!important}.border-secondary{border-color:var(--secondary)!important}.text-primary-light{color:var(--primary-light)!important}.bg-primary-light{background-color:var(--primary-light)!important}.text-primary-dark{color:var(--primary-dark)!important}.bg-primary-dark{background-color:var(--primary-dark)!important}.bg-secondary-light{background-color:var(--secondary-light)!important}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}.btn-check:focus+.btn,.btn:focus,.form-control:focus{box-shadow:0 0 0 .25rem rgba(1,142,111,.25)}.hero-section{height:70vh;min-height:700px;position:relative;display:flex;align-items:center;padding-top:0;color:#ffffff;overflow:hidden}.hero-background,.hero-backgrounds{position:absolute;top:0;left:0;width:100%;height:100%}.hero-background{background-size:cover;background-position:50%;opacity:0;transition:opacity 1.5s ease;z-index:0}.hero-background.active{opacity:1;z-index:1;animation:gentleZoom 6s ease-out forwards}@keyframes gentleZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.hero-section .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.4));z-index:2}.hero-section .container,.hero-section .row{position:relative;z-index:3}.welcome-text{background-color:rgba(0,0,0,.3);color:var(--secondary)}.welcome-text,.welcome-text2{display:inline-flex;align-items:center;padding:8px 15px;font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:1px}.welcome-text2{background-color:#bdd63142;color:#8ea025}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:25px}.hero-title .highlight{color:white}.hero-description{margin-bottom:30px;max-width:600px;line-height:1.6}.hero-buttons{display:flex;align-items:center;gap:15px;margin-bottom:30px;background-color:var(--primary)!important}.carousel-indicators{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.carousel-indicator{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.4);border:none;padding:0;cursor:pointer;transition:all .3s ease}.carousel-indicator.active{background-color:var(--secondary);transform:scale(1.2)}.carousel-indicator:hover{background-color:rgba(255,255,255,.8)}.carousel-indicator.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--secondary);animation:pulseAnimation 2s infinite}@keyframes pulseAnimation{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.donate-btn{padding:12px 30px;display:inline-flex;align-items:center;position:relative;overflow:hidden}.donate-btn:hover{transform:translateY(-3px)}.donate-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.donate-btn:hover:after{transform:scaleX(1);transform-origin:left}.custom-btn-primary{background-color:var(--secondary);color:#222;padding:0 30px;border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;border:none;outline:none;cursor:pointer}.custom-btn-primary:hover{background-color:#ffffff;color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(190,214,49,.3)}.custom-btn-primary2{background-color:var(--primary);color:white;padding:0 30px;border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;border:none;outline:none;cursor:pointer}.custom-btn-primary2:hover{background-color:var(--secondary);color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(190,214,49,.3)}.custom-btn-primary3{background-color:var(--secondary);color:#4B6E6C;padding:0 30px;border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;border:none;outline:none;cursor:pointer}.custom-btn-primary3:hover{background-color:var(--secondary);color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(190,214,49,.3)}.custom-outlined-btn-primary{background-color:transparent;color:#ffffff;padding:0 30px;border-radius:50px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.3);outline:none;cursor:pointer}.custom-outlined-btn-primary:hover{border-color:var(--secondary);color:var(--secondary);transform:translateY(-3px)}.play-icon-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#ffffff;border-radius:50%;margin-right:15px;transition:all .3s ease;position:relative;flex-shrink:0}.play-icon{color:var(--primary);font-size:24px}.custom-outlined-btn-primary:hover .play-icon-container{transform:scale(1.1);background-color:var(--secondary)}.custom-outlined-btn-primary:hover .play-icon{color:#222}@media (max-width:991px){.hero-title{font-size:2.5rem}.hero-section{min-height:550px;padding-top:100px;padding-bottom:80px;height:auto}}@media (max-width:767px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:flex-start;width:100%;gap:10px}.hero-buttons button{width:100%;justify-content:center}.carousel-indicators{bottom:15px}.carousel-indicator{width:10px;height:10px}}@media (max-width:576px){.hero-title{font-size:1.8rem}.hero-description{font-size:16px}.welcome-text{font-size:12px;padding:6px 12px}}.navbar{padding:25px 0;width:100%;height:100px;top:0;left:0;z-index:1000;transition:all .3s ease;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.2)}.navbar-scrolled{background-color:#018E6F;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:10px 0}.navbar-brand{color:#ffffff!important;font-weight:700;font-size:24px}.navbar-nav .nav-link{font-weight:500;margin:0 10px;transition:color .3s ease;font-family:Objective-bold;font-size:16px;text-transform:none!important;color:var(--primary)}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:var(--primary)!important}.nav-icon{border-radius:50%;padding:8px}.donate-btn,.nav-icon{background-color:var(--secondary)}.donate-btn{color:#222;padding:10px 20px;border-radius:50px;font-weight:600;transition:all .3s ease}.donate-btn:hover{background-color:#ffffff;color:var(--primary);transform:translateY(-2px)}.navbar-toggler{border:none}.navbar-toggler,.navbar-toggler-icon{color:white!important}@media (max-width:991px){.navbar-collapse{background-color:white;padding:20px;border-radius:5px;margin-top:10px}.navbar-nav{margin-bottom:15px}}.causes-section{padding:100px 0;background-color:#bdd63123;position:relative}.section-header{margin-bottom:60px}.section-subtitle{display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:var(--primary);font-weight:600}.subtitle-icon{margin-right:10px;color:var(--secondary);font-size:24px}.section-title{font-size:2.5rem;margin-bottom:20px;color:#222}.section-description{max-width:700px;margin:0 auto 30px;color:#666;line-height:1.6}.cause-detail-header{background-color:var(--primary-dark);padding:120px 0 60px;position:relative;color:#fff;text-align:center}.cause-detail-header .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.cause-detail-header h1{font-size:2.8rem;font-weight:700;margin-bottom:15px;position:relative}.cause-detail-content{padding:80px 0}.cause-main-image{border-radius:8px;overflow:hidden;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.cause-main-image img{width:100%;height:auto}.cause-progress-bar{background-color:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.progress-percentage2{font-weight:700;color:var(--primary);font-size:15px}.progress-target{color:#666;font-size:14px}.progress{height:15px;background-color:#e9ecef;margin-bottom:20px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.progress-bar{background:linear-gradient(90deg,var(--secondary) 0,var(--primary) 100%);transition:width 1s ease-in-out}.progress-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.stat{text-align:center;background-color:whitesmoke;padding:15px;border-radius:8px;flex:1 1;min-width:120px;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:transform .3s ease}.stat:hover{transform:translateY(-3px)}.stat-icon{margin-bottom:8px}.stat-icon svg{font-size:30px;color:var(--primary)}.stat h4{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:5px}.stat p{color:#666;margin:0;font-size:14px;font-weight:500}@media (max-width:567px){.navbar{height:20px!important}}@media (max-width:767px){.progress-stats{flex-direction:column}.stat{width:100%}}.cause-description{margin-bottom:40px;line-height:1.7}.cause-description h2{font-size:1.8rem;margin:30px 0 15px;color:var(--primary)}.cause-description p{margin-bottom:20px;color:#555}.cause-description ul{margin-bottom:25px;padding-left:20px}.cause-description li{margin-bottom:10px;color:#555}.cause-gallery{margin-bottom:40px}.cause-gallery h3{font-size:1.6rem;font-weight:600;margin-bottom:20px;color:var(--primary)}.gallery-item{border-radius:6px;overflow:hidden;margin-bottom:20px;height:200px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.donation-form-card{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,.1);margin-bottom:30px}.donation-form-card h3{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--primary)}.amount-options button{margin-bottom:20px;width:100%;padding:10px;border:2px solid #e0e0e0;background-color:#f8f9fa;border-radius:4px;font-weight:600;color:#555;cursor:pointer;transition:all .2s ease}.amount-options button.active,.amount-options button:hover{background-color:var(--secondary);border-color:var(--secondary);color:#222}.form-control{padding:12px 15px;border:1px solid #ddd;border-radius:4px}.btn-donate{width:100%;background-color:var(--secondary);border:none;color:#222;padding:12px 15px;border-radius:4px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-donate:hover{background-color:var(--primary);color:#fff}.cause-info-card{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,.1);margin-bottom:30px}.cause-info-card h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--primary)}.cause-info-card ul{list-style:none;padding:0}.cause-info-card li{display:flex;align-items:flex-start;margin-bottom:20px}.info-icon{color:var(--secondary);font-size:24px;margin-right:15px;flex-shrink:0}.info-label{display:block;color:#888;font-size:14px;margin-bottom:5px}.info-value{display:block;font-weight:600;color:#333}.share-card{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,.1)}.share-card h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--primary)}.social-buttons{display:flex;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:20px;transition:all .3s ease}.social-btn:hover{transform:translateY(-3px)}.facebook{background-color:#3b5998}.twitter{background-color:#1da1f2}.instagram{background-color:#e1306c}.whatsapp{background-color:#25d366}.error-container,.loading-container{padding:40px 20px}.error-container,.error-container2,.loading-container,.loading-container2{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-container2,.loading-container2{min-height:50px;padding:20px}.spinner{border:4px solid rgba(0,0,0,.1);width:50px;height:50px;margin-bottom:20px}@media (max-width:991px){.cause-detail-header h1{font-size:2.2rem}.cause-detail-content{padding:60px 0}}@media (max-width:767px){.cause-detail-header{padding:100px 0 40px}.cause-detail-header h1{font-size:1.8rem}.progress-stats{flex-direction:column;gap:15px}.social-buttons{justify-content:center}}.mobile-filters{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.mobile-filter-dropdown{position:relative}.mobile-filter-dropdown .dropdown-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-weight:500;color:#333;text-align:left;cursor:pointer;transition:all .2s ease}.mobile-filter-dropdown .dropdown-toggle:hover{border-color:var(--primary)}.mobile-filter-dropdown .dropdown-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 0;margin-top:5px;z-index:10;box-shadow:0 5px 15px rgba(0,0,0,.1);max-height:300px;overflow-y:auto}.mobile-filter-dropdown .dropdown-menu button{display:block;width:100%;padding:10px 15px;background:transparent;border:none;text-align:left;color:#555;cursor:pointer;transition:all .2s ease}.mobile-filter-dropdown .dropdown-menu button.active,.mobile-filter-dropdown .dropdown-menu button:hover{background-color:#f8f9fa;color:var(--primary)}.mobile-search{margin-bottom:0}.project-status-toggle{gap:15px;margin-bottom:35px;flex-wrap:wrap;padding:5px;background-color:rgba(1,142,111,.06);border-radius:60px;max-width:500px;margin-left:auto;margin-right:auto;box-shadow:0 5px 15px rgba(0,0,0,.04)}.project-status-toggle,.project-status-toggle button{display:flex;justify-content:center;position:relative}.project-status-toggle button{flex:1 1;padding:14px 10px;background-color:transparent;border:none;border-radius:60px;color:var(--primary-dark);font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;min-width:120px;z-index:2;align-items:center;gap:8px}.project-status-toggle button svg{opacity:0;width:0;transition:all .3s ease}.project-status-toggle button:hover{color:white}.project-status-toggle button.active{color:#fff}.project-status-toggle button.active svg{opacity:1;width:18px}.project-status-toggle:before{content:"";position:absolute;top:5px;left:5px;height:calc(100% - 10px);width:calc(50% - 10px);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:60px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 4px 15px rgba(1,142,111,.2)}.project-status-toggle button:nth-child(2).active~:before,.project-status-toggle.completed-active:before{transform:translateX(calc(100% + 5px))}@media (max-width:767px){.project-status-toggle{border-radius:16px;padding:4px}.project-status-toggle button{padding:12px 8px;font-size:14px;border-radius:12px}.project-status-toggle:before{border-radius:12px}}.causes-header{background-color:var(--primary-dark);background-image:url(/images/causes-header-bg.jpg);background-size:cover;background-position:50%;padding:10px 0 60px;position:relative;color:#fff;text-align:center}.causes-header .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.causes-header h1{font-size:3rem;font-weight:700;margin-bottom:15px;position:relative}.causes-page-content{padding:80px 0}.causes-sidebar,.search-box{margin-bottom:30px}.search-box{position:relative}.search-box input{width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:4px;font-size:15px}.search-box button{position:absolute;right:0;top:0;height:100%;width:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666}.categories-filter{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:30px}.categories-filter h3{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:var(--primary);padding-bottom:10px;border-bottom:1px solid #eee}.categories-filter ul{list-style:none;padding:0;margin:0}.categories-filter li{margin-bottom:10px}.categories-filter button{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;text-align:left;padding:8px 0;color:#555;cursor:pointer;transition:all .2s ease;font-size:15px}.categories-filter button.active,.categories-filter button:hover{color:var(--primary);font-weight:500}.check-icon{color:var(--secondary)}.donation-cta{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);text-align:center}.donation-cta h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:var(--primary)}.donation-cta p{margin-bottom:20px;color:#666}.donate-cta-btn{display:inline-block;background-color:var(--secondary);color:#222;font-weight:600;padding:12px 20px;border-radius:4px;text-decoration:none;margin-bottom:20px;transition:all .3s ease}.donate-cta-btn:hover{background-color:var(--primary);color:#fff}.quran-verse{background-color:#f8f9fa;padding:15px;border-radius:4px;margin-top:15px}.verse-translation{font-size:13px}.causes-header-content{margin-bottom:40px}.causes-header-content h2{font-size:2rem;font-weight:700;margin-bottom:15px;color:var(--primary)}.causes-header-content p{color:#666;line-height:1.7}.no-causes-found{background-color:#fff;padding:40px;border-radius:8px;text-align:center;margin-top:30px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.alert-icon{font-size:48px;color:var(--secondary);margin-bottom:15px}.no-causes-found h3{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:#333}.no-causes-found p{color:#666;margin-bottom:20px}.reset-filter-btn{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.reset-filter-btn:hover{background-color:var(--primary-dark)}@media (max-width:991px){.causes-header h1{font-size:2.5rem}.causes-page-content{padding:60px 0}.causes-header-content h2{font-size:1.8rem}}@media (max-width:767px){.causes-header{padding:100px 0 40px}.causes-header h1{font-size:2rem}.causes-header-content h2{font-size:1.5rem}}.about-hero{background-color:var(--primary-dark);background-image:url(/images/about-hero-bg.jpg);background-size:cover;background-position:50%;padding:120px 0 60px;position:relative;color:#fff;text-align:center;z-index:0!important}.about-hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.about-hero h1{font-size:3rem;font-weight:700;margin-bottom:15px;position:relative}.breadcrumb{display:flex;justify-content:center;align-items:center;gap:10px;position:relative}.breadcrumb a{color:var(--secondary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.who-we-are-section{padding:100px 0;background-color:#fff}.about-image{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.1)}.about-image img{width:100%;height:auto;display:block}.experience-badge{bottom:30px;right:-20px;background-color:var(--secondary);color:#222;padding:20px;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.1)}.experience-badge .number{font-size:36px;font-weight:700;line-height:1}.experience-badge .text{font-size:14px;font-weight:500}.about-section-header{margin-bottom:30px}.about-section-subtitle{display:inline-block;font-size:14px;font-weight:600;color:var(--primary);margin-bottom:15px;position:relative;padding-left:30px}.about-section-subtitle:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:2px;background-color:var(--primary)}.about-section-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#222}.about-section-description{color:#666;margin-bottom:30px}.about-content p{margin-bottom:20px;color:#555;line-height:1.7}.motto-box{background-color:#f8f9fa;border-left:4px solid var(--primary);padding:20px;margin-top:30px;border-radius:0 8px 8px 0}.motto-box h3{font-size:18px;font-weight:600;margin-bottom:15px;color:var(--primary)}.quran-verse{margin-top:10px}.arabic-text{font-family:Traditional Arabic,Scheherazade New,serif;line-height:1.8;margin-bottom:10px;color:#333}.verse-translation{font-size:14px;font-style:italic;color:#666;margin:0}.what-we-do-section{padding:100px 0;background-image:url(/images/nab5.jpg);background-size:cover;background-position:50%;background-attachment:fixed;position:relative;color:#fff}.what-we-do-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(1,142,111,.9),rgba(0,0,0,.8));z-index:0}.what-we-do-section .container{position:relative;z-index:1}.about-section-subtitle{color:var(--secondary)}.text-white{color:#fff!important}.impact-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.impact-icon{font-size:40px;color:var(--primary);margin-bottom:20px}.impact-card h3{font-size:20px;font-weight:600;margin-bottom:15px;color:#333;font-family:Objective-Regular}.impact-card p{color:#666;margin-bottom:0;line-height:1.6}.core-values-section{background-color:#fff}.charity-pattern-bg{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23018e6f' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.core-values-section .container{position:relative;z-index:1}.value-card{padding:30px;border-radius:8px;background-color:rgba(255,255,255,.9);margin-bottom:30px;position:relative;transition:all .3s ease;height:100%;box-shadow:0 5px 15px rgba(0,0,0,.05);border-left:3px solid var(--primary)}.value-card:hover{background-color:white;box-shadow:0 10px 30px rgba(0,0,0,.1)}.value-number{position:absolute;top:20px;right:20px;font-size:36px;font-weight:800;color:rgba(1,142,111,.1)}.value-card h3{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--primary);font-family:Objective-Regular}.value-card p{color:#666;line-height:1.7}.guiding-quran{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-top:15px;border-left:3px solid var(--secondary)}.guiding-quran p{font-style:italic;color:#555;margin:0}.leadership-section{padding:100px 0;background-color:#f8f9fa}.team-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.05);margin-bottom:30px;transition:all .3s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.team-image{height:280px;overflow:hidden;background-color:white;padding:8px}.team-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.team-card:hover .team-image img{transform:scale(1.05)}.team-content{padding:20px;text-align:center}.team-content h3{font-size:20px;font-weight:600;margin-bottom:5px;color:#333}.team-content .position{color:var(--primary);font-weight:500;margin-bottom:15px}.social-media{gap:10px}.social-icon{width:35px;height:35px;background-color:#f1f1f1;color:#555}.social-icon:hover{color:#fff}.team-grid-title{margin:20px 0 30px}.team-grid-title h3{font-size:24px;font-weight:600;color:#333;display:inline-block;padding-bottom:10px;border-bottom:2px solid var(--secondary)}.board-card{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:30px;text-align:center;transition:all .3s ease;height:100%;overflow:hidden}.board-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.board-image{height:180px;overflow:hidden}.board-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.board-card:hover .board-image img{transform:scale(1.05)}.board-card h4{font-size:18px;font-weight:600;margin:15px 0 5px;color:#333;padding:0 15px}.board-card p{color:var(--primary);margin:0 0 15px;font-weight:500}.placeholder-icon{height:100%;display:flex;align-items:center;justify-content:center;color:#ececec;border-radius:8px}.team-card .placeholder-icon{font-size:120px}.board-card .placeholder-icon{font-size:80px}.placeholder-icon svg{width:60%;height:60%}.funding-section{background-color:#fff}.funding-content p{color:#555}.donate-button2{flex:1 1;justify-content:center;display:inline-flex;align-items:center;background-color:var(--secondary);color:#222;padding:15px 30px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;margin-top:20px}.donate-button2:hover{background-color:var(--primary);color:#fff;transform:translateY(-3px)}.funding-image{border-radius:10px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.1)}.funding-image img{width:100%;height:auto;display:block}.join-us-section{background-color:var(--primary);color:#fff}.join-us-section h2{font-size:2.5rem}.join-us-section p{color:rgba(255,255,255,.8);margin-bottom:30px;line-height:1.7}.cta-buttons{margin-top:30px}.primary-btn{background-color:var(--secondary);color:#222;padding:15px 30px;border:none}.primary-btn:hover{background-color:#fff;color:var(--primary)}.secondary-btn{background-color:transparent;color:#fff;padding:14px 30px;border:1px solid #fff}.secondary-btn:hover{background-color:#fff}@media (max-width:1199px){.about-section-title{font-size:1.5rem}.experience-badge{right:0}}@media (max-width:991px){.core-values-section,.funding-section,.leadership-section,.what-we-do-section,.who-we-are-section{padding:70px 0}.about-image{margin-bottom:40px}.experience-badge{bottom:20px;right:20px}.section-title{font-size:2rem}.team-image{height:250px}.funding-image{margin-top:40px}}@media (max-width:767px){.about-hero{padding:100px 0 40px}.about-hero h1{font-size:2.2rem}.core-values-section,.funding-section,.leadership-section,.what-we-do-section,.who-we-are-section{padding:50px 0}.section-title{font-size:1.8rem}.experience-badge{padding:15px}.experience-badge .number{font-size:28px}.experience-badge .text{font-size:12px}.join-us-section h2{font-size:2rem}.join-us-section p{font-size:16px}.cta-buttons{flex-direction:column;gap:15px}.cta-buttons .btn{width:100%}}@media (max-width:575px){.about-hero h1{font-size:1.8rem}.section-title{font-size:1.5rem}.team-image{height:220px}.value-number{font-size:28px}}.contact-page-container{background-color:#f8f9fa}.contact-info-card{background-color:white;color:#000;padding:2.5rem;border-radius:1rem;height:100%;position:relative;overflow:hidden}.contact-info-card>*{position:relative;z-index:1}.contact-icon-wrapper{background-color:var(--secondary);width:48px;height:48px;border-radius:12px}.contact-icon{color:var(--primary-dark);font-size:24px}.contact-form-card{background-color:white;padding:2.5rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.05)}.form-control{border:2px solid #e9ecef;padding:.75rem 1rem}.form-control:focus{box-shadow:none;border-color:var(--primary-light)}.form-floating>label{padding:.75rem 1rem}.btn-primary{background-color:var(--primary);border-color:var(--primary);padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-primary:focus{box-shadow:0 0 0 .25rem var(--secondary-light)}.social-icon-link{background-color:rgba(255,255,255,.2);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:12px;color:#000;transition:all .3s ease}.social-icon-link:hover{background-color:var(--secondary);color:var(--primary-dark);transform:translateY(-3px)}.social-icon{font-size:20px}.map-container{margin-top:3rem;margin-bottom:-1rem;overflow:hidden}@media (max-width:991px){.contact-form-card,.contact-info-card{padding:2rem}}@media (max-width:768px){.contact-form-card,.contact-info-card{padding:1.5rem}}.cause-card{background-color:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.07);margin-bottom:30px;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.cause-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.cause-image{height:220px;overflow:hidden;position:relative}.cause-image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:70px;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);z-index:1}.cause-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cause-card:hover .cause-image img{transform:scale(1.05)}.cause-content{padding:25px;position:relative}.cause-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--primary);line-height:1.3}.cause-description{color:#666;margin-bottom:20px;font-size:17px;line-height:1.6}.cause-progress{margin-bottom:25px}.progress-bar-container{height:10px;background-color:#e9ecef;border-radius:20px;margin-bottom:20px;position:relative;overflow:visible;margin-right:45px}.progress-bar{background:linear-gradient(to right,var(--secondary-light),var(--secondary));border-radius:20px;box-shadow:0 2px 5px rgba(190,214,49,.3)}.progress-dot{right:-8px;width:16px;height:16px;background-color:white;border:3px solid var(--secondary);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:2}.progress-dot,.progress-percentage{position:absolute;top:50%;transform:translateY(-50%)}.progress-percentage{right:-40px;font-size:14px;font-weight:700;color:var(--primary);white-space:nowrap}.progress-details{display:flex;justify-content:space-between;margin-bottom:25px;gap:10px}.raised,.target{display:flex;width:50%;flex-direction:column;padding:10px 15px;border-radius:5px;min-width:120px;align-items:center}.raised{background-color:rgba(1,142,111,.1)}.target{background-color:rgba(190,214,49,.15)}.amount{font-weight:700;color:var(--primary);font-size:16px;margin-bottom:2px}.label{font-size:13px;color:#555;font-weight:500}.card-actions{gap:15px}.donate-button{flex:1 1;display:block;text-align:center;background-color:var(--secondary);color:#222;font-weight:600;padding:12px 20px;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 10px rgba(190,214,49,.2)}.donate-button:hover{background-color:var(--primary);color:#fff;box-shadow:0 6px 15px rgba(1,142,111,.2)}.details-button{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;border:2px solid var(--primary-light);background-color:rgba(1,142,111,.07);color:var(--primary);text-decoration:none;transition:all .3s ease;box-shadow:0 3px 8px rgba(1,142,111,.1)}.details-button:hover{background-color:var(--primary);border-color:var(--primary);color:white;transform:translateX(3px)}@media (max-width:991px){.causes-section{padding:80px 0}.section-title{font-size:2.2rem}}@media (max-width:767px){.causes-section{padding:60px 0}.section-title{font-size:1.8rem}.progress-details{flex-direction:row}.raised,.target{min-width:100px;padding:8px 12px}}.site-footer{position:relative;background-color:#1a1a1a;color:#ffffff;padding-top:60px;overflow:hidden}.footer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/footer-bg.jpg);background-size:cover;background-position:50%;opacity:.15;z-index:0}.footer-top{position:relative;z-index:1;padding-bottom:40px}.footer-message h2{font-size:32px;font-weight:700;margin-bottom:25px;line-height:1.3;color:white;text-align:center}.footer-divider{height:1px;background-color:rgba(255,255,255,.1);margin:0 auto;width:calc(100% - 30px);max-width:1140px}.footer-main{position:relative;z-index:1;padding:60px 0}.footer-logo{display:inline-block;margin-bottom:25px}.footer-logo img{height:60px}.footer-description{color:rgba(255,255,255,.7);margin-bottom:25px;line-height:1.6}.footer-social{display:flex;gap:15px}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,.1);border-radius:50%;color:white;font-size:18px;transition:all .3s ease}.social-icon:hover{background-color:var(--primary);transform:translateY(-3px)}.footer-widget{margin-bottom:30px}.widget-title{font-size:20px;font-weight:600;margin-bottom:25px;color:white;position:relative;padding-bottom:10px}.widget-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary)}.widget-links{list-style:none;padding:0;margin:0}.widget-links li{margin-bottom:12px}.widget-links li a{display:flex;align-items:center;color:rgba(255,255,255,.7);text-decoration:none;transition:all .3s ease}.widget-links li a:hover{color:var(--secondary);transform:translateX(5px)}.link-icon{margin-right:10px;font-size:16px;color:var(--secondary)}.contact-info{list-style:none;padding:0;margin:0}.contact-info li{display:flex;margin-bottom:20px;align-items:flex-start}.contact-icon-wrapper{width:40px;height:40px;border-radius:50%;background-color:rgba(1,142,111,.15);display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.contact-icon{color:var(--primary-light);font-size:20px}.contact-text{color:rgba(255,255,255,.7);line-height:1.6}.footer-bottom{position:relative;z-index:1;padding:25px 0;background-color:rgba(0,0,0,.2);text-align:center}.copyright{color:rgba(255,255,255,.6);font-size:14px}.back-to-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;background-color:var(--primary);color:white;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:99;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.2)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--primary-dark);transform:translateY(-3px)}@media (max-width:991px){.newsletter-block h2{font-size:24px}.footer-widget{margin-bottom:40px}}@media (max-width:767px){.newsletter-form{flex-direction:column}.subscribe-btn{width:100%}.footer-top{padding-bottom:20px}}.info-section{overflow:hidden;position:relative}.image-container{position:relative;margin-bottom:30px}.main-image{width:100%;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);max-height:550px;object-fit:cover}.experience-badge{position:absolute;top:30px;left:-15px;background-color:var(--primary-dark);color:white;padding:16px;border-radius:8px;text-align:center;z-index:3;box-shadow:0 6px 15px rgba(1,142,111,.3);width:130px;display:flex;flex-direction:column}.funding-card .years{font-size:30px;font-weight:800;line-height:1;margin-bottom:4px;color:#000}.funding-card .text{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:6px;color:#000}.funding-card .est{font-size:14px;font-weight:500;opacity:.9;background-color:var(--primary-dark);padding:2px 6px;border-radius:4px}.funding-card{position:absolute;bottom:-30px;right:20px;background-color:var(--secondary);padding:24px;border-radius:12px;text-align:center;z-index:3;box-shadow:0 10px 30px rgba(0,0,0,.15);width:180px}.funding-icon{font-size:36px;margin-bottom:8px;color:#000}.funding-title{font-weight:600;margin-bottom:4px;font-size:14px;color:#000}.funding-amount{font-size:20px;font-weight:700;margin-bottom:0;color:#000}.content-wrapper{padding-top:16px}.main-heading{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:16px;color:#212529}.description{font-size:16px;color:#6c757d;line-height:1.6}.arabic-quote{background-color:#f8f9fa;border-left:4px solid var(--primary);padding:15px;border-radius:4px}.arabic-text{font-size:18px;font-weight:500;direction:rtl;color:#000;line-height:1.6}.arabic-translation{font-size:13px;color:#6c757d;margin-bottom:0}.section-title{font-size:20px;font-weight:700;color:#000;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:50px;background-color:var(--primary)}.stats-row{display:flex;flex-wrap:wrap;margin:0 -10px;padding:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.stat-item{text-align:center;background-color:whitesmoke;padding:30px;border-radius:8px}.stat-icon-wrapper{width:45px;height:45px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.stat-icon{color:white;font-size:20px}.stat-count{font-size:24px;font-weight:700;color:var(--primary);line-height:1.2}.stat-label{font-size:13px;color:#6c757d}.core-values-brief{background-color:rgba(3,165,131,.08);padding:15px;border-radius:8px}.button-wrapper{margin-top:24px}.about-button{background-color:var(--primary);color:white;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;transition:background-color .3s}.about-button:hover{background-color:var(--primary-dark);color:white}.button-icon{margin-left:8px}@media (max-width:991.98px){.image-container{margin-bottom:60px}.experience-badge{top:20px;left:20px}.funding-card{right:50%;transform:translateX(50%)}.stats-row{flex-wrap:wrap}.stat-item{flex:1 0 50%;margin-bottom:15px}}@media (max-width:767.98px){.main-heading{font-size:32px}.stats-row{margin-top:20px}.stat-item{flex:1 0 50%}}@media (max-width:575.98px){.main-heading{font-size:26px}.description{font-size:15px}.stat-item{flex:1 0 100%}.experience-badge{width:110px;padding:12px}.experience-badge .years{font-size:20px}}.programs-section{position:relative;padding:120px 0 140px;background-image:url(/images/nab8.jpg);background-size:cover;background-position:50%;color:#fff}.programs-section:after{content:"";height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,1))}.programs-section .overlay,.programs-section:after{position:absolute;bottom:0;left:0;right:0;z-index:1}.programs-section .overlay{top:0;background-color:rgba(0,0,0,.7)}.programs-section .container{position:relative;z-index:2}.program-badge{display:inline-flex;align-items:center;margin-bottom:16px}.program-icon{color:#018E6F;font-size:20px;margin-right:8px;background-color:#fff;border-radius:50%;padding:5px}.program-badge span{font-weight:700;font-size:14px;letter-spacing:1px}.programs-heading{font-size:48px;font-weight:800;margin-bottom:24px}.programs-description{font-size:18px;max-width:800px;margin:0 auto 40px;opacity:.9}.carousel-container{position:relative;overflow:hidden;padding:30px 60px 50px;margin-bottom:20px}.carousel-track{display:grid;grid-gap:20px;transition:transform .5s ease}.carousel-card{width:100%;transition:transform .3s ease}.program-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);height:100%;display:flex;flex-direction:column;margin-bottom:15px}.program-image{height:200px;overflow:hidden}.program-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.program-card:hover .program-image img{transform:scale(1.05)}.program-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.program-title{color:#212529;font-weight:700;font-size:20px;margin-bottom:16px}.program-description{color:#6c757d;font-size:14px;flex-grow:1;margin-bottom:16px;line-height:1.5}.read-more{display:inline-flex;align-items:center;color:#018E6F;font-weight:600;text-decoration:none;margin-top:auto;transition:color .3s ease}.read-more:hover{color:#017559}.read-more-icon{margin-left:6px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:var(--secondary);color:#000;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:3;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1)}.carousel-nav:hover{background-color:var(--secondary);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 15px rgba(0,0,0,.2)}.carousel-nav:focus{outline:none}.carousel-prev{left:10px}.carousel-next{right:10px}@media (max-width:991.98px){.programs-heading{font-size:36px}.carousel-container{padding:20px 50px}}@media (max-width:767.98px){.programs-heading{font-size:28px}.programs-description{font-size:16px}.programs-section{padding:90px 0 120px}.carousel-container{padding:20px 40px}.program-title{font-size:18px}.carousel-nav{width:40px;height:40px;font-size:20px}}@media (max-width:575.98px){.programs-heading{font-size:24px}.carousel-container{padding:20px 35px}.program-image{height:180px}.program-content{padding:20px}.carousel-nav{width:36px;height:36px;font-size:18px}}.tab-icon{font-size:20px!important}.eventManageLinks{background-color:white;border-radius:10px;color:black;cursor:pointer;transition:.5s;border:none;.icon{color:black}}.eventManageLinks:hover{transition:.5s;background-color:var(--themeBg)!important;border:1px solid white;border-radius:10px;cursor:pointer}.eventManageLinksActive{transition:.5s;background-color:var(--themeBg);border:1px solid white;border-radius:10px;color:black;cursor:pointer;.icon{color:white}}.cShadowSmall{box-shadow:2px 10px 34px -7px rgba(0,0,0,.15);-webkit-box-shadow:2px 10px 34px -7px rgba(0,0,0,.15);-moz-box-shadow:2px 10px 34px -7px rgba(0,0,0,.15)}.imams-form-container{background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary-light) 100%);min-height:100vh;padding:2rem 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-card{background:var(--background);border-radius:20px;box-shadow:0 20px 40px rgba(1,142,111,.1);overflow:hidden;margin:0 auto}.form-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:white;padding:2.5rem 2rem;text-align:center}.form-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.form-subtitle{font-size:1.1rem;margin-bottom:.5rem;opacity:.9}.powered-by{font-size:.9rem;opacity:.8;margin-bottom:0;font-style:italic}.progress-container{padding:2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.progress-steps{display:flex;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.progress-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:10px;min-width:120px}.progress-step:hover{background:rgba(1,142,111,.05)}.step-number{width:40px;height:40px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem;transition:all .3s ease}.step-label{font-size:.8rem;text-align:center;color:#6c757d;line-height:1.2}.progress-step.active .step-number{background:var(--primary);color:white;transform:scale(1.1)}.progress-step.active .step-label{color:var(--primary);font-weight:600}.progress-step.completed .step-number{background:var(--secondary);color:var(--primary-dark)}.progress-step.completed .step-label{color:var(--primary-dark)}.progress-bar{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);transition:width .3s ease;border-radius:2px}.form-content{padding:2rem}.step-header{margin-bottom:2rem;text-align:center}.step-header h3{color:var(--primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.fields-container{max-width:800px;margin:0 auto}.form-label{font-weight:600;color:var(--primary-dark);margin-bottom:.5rem}.form-control,.form-select{border:2px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem var(--primary-light)}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545}.invalid-feedback{display:block;font-size:.875rem;color:#dc3545;margin-top:.25rem}.checkbox-group,.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:.5rem}.form-check{background:#f8f9fa;padding:.75rem 1rem;border-radius:8px;border:2px solid transparent;transition:all .3s ease}.form-check:hover{background:var(--primary-light);border-color:var(--primary)}.form-check-input{margin-right:.75rem}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check-label{font-weight:500;color:var(--primary-dark);cursor:pointer}.form-navigation{background:#f8f9fa;padding:2rem;border-top:1px solid #e9ecef}.nav-buttons{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.step-info{font-weight:600;color:var(--primary);font-size:1rem}.btn{padding:.75rem 2rem;border-radius:25px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(1,142,111,.3)}.btn-secondary{background:#6c757d;color:white}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--secondary) 0,#a8c928 100%);color:var(--primary-dark)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(190,214,49,.3)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.declaration{background:var(--primary-light);padding:2rem;margin:2rem;border-radius:12px;border-left:5px solid var(--primary)}.declaration h5{color:var(--primary-dark);font-weight:700;margin-bottom:1rem}.declaration p{color:var(--primary-dark);margin-bottom:0;font-style:italic;line-height:1.6}@media (max-width:768px){.imams-form-container{padding:1rem 0}.form-card{margin:0 1rem;border-radius:15px}.form-header{padding:2rem 1.5rem}.form-title{font-size:1.5rem}.progress-container{padding:1.5rem}.progress-steps{flex-direction:column;gap:.5rem}.progress-step{flex-direction:row;justify-content:flex-start;text-align:left;min-width:auto}.step-number{margin-right:1rem;margin-bottom:0}.step-label{text-align:left}.form-content{padding:1.5rem}.checkbox-group,.radio-group{grid-template-columns:1fr}.nav-buttons{flex-direction:column;gap:1rem}.btn{width:100%;max-width:200px}}@media (max-width:480px){.form-title{font-size:1.25rem}.form-subtitle{font-size:1rem}.step-header h3{font-size:1.25rem}.form-control,.form-select{padding:.5rem .75rem}}.five-pillars-section{padding:120px 0;background:#ffffff;position:relative}.five-pillars-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary) 0,transparent 70%),linear-gradient(-45deg,var(--secondary) 0,transparent 70%);z-index:0}.five-pillars-section .container{position:relative;z-index:1}.pillar-card{background:#ffffff;border:none;border-radius:24px;padding:0;height:100%;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.pillar-card:hover:before{transform:scaleX(1)}.pillar-card:hover{transform:translateY(-12px);box-shadow:0 20px 48px rgba(0,0,0,.15)}.pillar-icon{width:100%;height:140px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:48px;color:white;position:relative;margin-bottom:0}.pillar-icon:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s ease}.pillar-card:hover .pillar-icon:after{opacity:1}.pillar-number{position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:2px solid rgba(255,255,255,.8)}.pillar-card h3,.pillar-number{font-weight:800;color:var(--primary)}.pillar-card h3{font-size:28px;margin:25px 30px 10px;text-align:left;font-family:Objective-Regular}.pillar-card h4{font-size:14px;font-weight:600;color:var(--secondary);margin:0 30px 20px;text-transform:uppercase;letter-spacing:1.5px;text-align:left;opacity:.8}.pillar-card p{font-size:16px;line-height:1.7;color:var(--text-color)!important;margin:0 30px 30px;text-align:left;opacity:.85}@media (max-width:768px){.five-pillars-section{padding:80px 0}.about-section-title{font-size:32px}.pillar-card h3{font-size:24px}.pillar-icon{height:120px;font-size:40px}.pillar-number{width:45px;height:45px;font-size:16px}}@media (max-width:576px){.about-section-title{font-size:28px}.pillar-card{margin-bottom:30px}}.imam-development-section{padding:120px 0;background:#ffffff;position:relative}.imam-development-section .container{position:relative;z-index:1}.imam-development-card{background:#ffffff;border-radius:16px;padding:0;height:100%;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;border:2px solid transparent;position:relative}.imam-development-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.imam-development-card:hover:after{transform:scaleX(1)}.imam-development-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.1);border-color:var(--primary-light)}.development-icon{width:100%;height:100px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:42px;color:white;margin-bottom:0;position:relative}.development-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.imam-development-card:hover .development-icon:before{transform:translateX(100%)}.imam-development-card h3{font-size:24px;font-weight:700;color:var(--primary);margin:30px 25px 15px;text-align:left}.imam-development-card p{font-size:16px;line-height:1.7;color:#666;margin:0 25px 25px;text-align:left}.development-features{list-style:none;padding:0 25px 30px;margin:0}.development-features li{font-size:14px;color:var(--text-color);position:relative;padding:10px 0 10px 30px;border-bottom:1px solid #f0f0f0;transition:all .2s ease;font-family:Objective-Regular}.development-features li:last-child{border-bottom:none}.development-features li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center}.development-features li:after{content:"✓";position:absolute;left:4px;top:50%;transform:translateY(-50%);color:white;font-size:10px;font-weight:700}.development-features li:hover{color:var(--primary);padding-left:35px}.imam-development-section .about-section-subtitle{color:var(--primary)!important;background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.imam-development-section .about-section-title{color:var(--text-color)!important}.imam-development-section .about-section-description{color:#666!important}@media (max-width:768px){.imam-development-section{padding:80px 0}.development-icon{height:80px;font-size:36px}.imam-development-card h3{font-size:20px}}.impact-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;height:100%;text-align:center;box-shadow:0 15px 50px rgba(0,0,0,.1);transition:all .4s ease;border:1px solid rgba(255,255,255,.2)}.impact-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:36px;color:white;transition:all .3s ease}.core-values-section{padding:100px 0;background:linear-gradient(135deg,#f8fffe,#e8f9f6);position:relative;overflow:hidden}.charity-pattern-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 30%,var(--primary-light) 0,transparent 50%),radial-gradient(circle at 75% 70%,var(--secondary-light) 0,transparent 50%);opacity:.3;z-index:0}.funding-section{padding:100px 0;background:#ffffff}.funding-content{padding-right:30px}.funding-content p{font-size:16px;line-height:1.7;color:var(--text-color);margin-bottom:20px}.funding-image{position:relative}.funding-image img{border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.1)}.join-us-section{padding:80px 0;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);text-align:center}.join-us-section h2{font-size:36px;font-weight:700;color:white;margin-bottom:20px}.join-us-section p{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.primary-btn{background:white;color:var(--primary);padding:15px 40px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid white}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,255,255,.2)}.primary-btn:hover,.secondary-btn{background:transparent;color:white;text-decoration:none}.secondary-btn{padding:15px 40px;border-radius:50px;font-weight:600;transition:all .3s ease;border:2px solid white}.secondary-btn:hover{background:white;color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,255,255,.2);text-decoration:none}@media (max-width:768px){.imam-development-card,.impact-card,.pillar-card,.value-card{margin-bottom:30px}.funding-content{padding-right:0;margin-bottom:40px}.cta-buttons{flex-direction:column;align-items:center}.primary-btn,.secondary-btn{width:200px;text-align:center}.join-us-section h2{font-size:28px}.join-us-section p{font-size:16px}}@media (max-width:576px){.core-values-section,.five-pillars-section,.funding-section,.imam-development-section,.what-we-do-section{padding:60px 0}.imam-development-card,.impact-card,.pillar-card,.value-card{padding:30px 20px}.development-icon,.impact-icon,.pillar-icon{width:60px;height:60px;font-size:28px}.imam-development-card h3,.impact-card h3,.pillar-card h3,.value-card h3{font-size:18px}}td,th{text-align:start!important;cursor:pointer;max-width:250px}.label,td,th{font-size:16px!important}.label{color:black!important;font-family:objective-regular,sans-serif}.label2{font-size:17px;color:black;font-family:Nexa-Bold,sans-serif}.number{font-size:24px;font-weight:700;color:var(--primary);font-size:20px;font-family:Nexa-Regular,sans-serif}.project-card{background:var(--background);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0;max-width:350px;margin:0 auto}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.project-image{position:relative;overflow:hidden;height:200px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:20px}.project-title{font-size:17px;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-progress{margin-bottom:20px}.progress{background-color:#f8f9fa;overflow:hidden}.progress,.progress-bar{border-radius:10px;position:relative}.progress-bar{height:100%;transition:width .6s ease}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.4) 50%,rgba(255,255,255,.2));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes progressAnimation{0%{width:0}to{width:var(--progress-width)}}.card-actions{align-items:center;gap:12px;margin-top:20px}.cWhite{color:white}.me-1{margin-right:.25rem}.w-100{width:100%}.mt-2{margin-top:.5rem}.text-dark{color:#212529}.NexaBlack{font-family:Nexa,sans-serif;font-weight:900}.img-fluid{max-width:100%;height:auto}@media (max-width:768px){.project-card{max-width:100%;margin:0}.project-content{padding:16px}.project-title{font-size:16px}.raised .amount,.target .amount{font-size:14px}.donate-button{padding:10px 20px;font-size:13px}.details-button{width:40px;height:40px;font-size:16px}}@media (max-width:480px){.project-image{height:180px}.project-content{padding:12px}.card-actions{gap:8px}}.donate-page{min-height:100vh}.donate-page,.header{background-color:white}.header{padding:20px;box-shadow:none}.back-button{color:var(--primary-dark);border:none;background:none;font-size:1.2rem;cursor:pointer}.title-section{text-align:center;padding:20px;margin-top:30px}.title{font-size:25px;margin-bottom:5px}.subtitle,.title{font-weight:700;color:var(--primary-dark)}.subtitle{font-size:13px;margin:2px 0}.amount-section{padding:20px 40px;margin-top:20px}.amount-display{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.currency-label{margin-right:8px}.amount-value,.currency-label{font-size:30px;font-weight:700;color:var(--primary-dark)}.amount-value{margin-right:12px}.edit-button{width:32px;height:32px;border:2px solid var(--primary-dark);border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px}.edit-button:hover{background-color:#f5f5f5}.custom-slider{width:100%;margin:20px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--primary-light);border-radius:3px;outline:none}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--primary-dark);border-radius:50%;cursor:pointer}.custom-slider::-moz-range-thumb{width:24px;height:24px;background:var(--primary-dark);border-radius:50%;cursor:pointer;border:none}.quick-pay-section{padding:0 40px;margin-top:40px}.quick-pay-button{width:100%;padding:15px;background-color:white;border:2px solid var(--primary-dark);border-radius:30px;font-size:20px;font-weight:700;color:var(--primary-dark)}.quick-pay-button:hover{background-color:var(--primary-dark);color:white}.options-section{margin:30px 20px;padding:40px 27px 30px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:40px}.option-button{width:100%;padding:15px;background-color:white;border:none;border-radius:30px;font-size:20px;font-weight:700;color:var(--primary-dark);cursor:pointer;margin-bottom:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.frequency-option,.option-button:hover{background-color:#f5f5f5}.frequency-option{width:100%;height:50px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.frequency-option.selected{background-color:var(--primary);border-color:var(--primary);color:white}.frequency-option:not(.selected){color:#666}.frequency-option:hover{border-color:var(--primary-light)}.dialog-content{padding:20px}.dialog-title{text-align:center;color:var(--primary);font-weight:700}.continue-button{width:100%;height:50px;background-color:var(--secondary);color:black;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;margin-top:20px}.continue-button:hover{background-color:#a8c426}.done-button{width:100%;height:50px;background-color:var(--primary-dark);color:white;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;margin-top:15px}.done-button:hover{background-color:#015a46}.amount-input{width:100%;margin-bottom:20px}.transparentBg{background-color:rgba(255,255,255,.3)}.nav-button{transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;z-index:10}.nav-button:hover{background-color:rgba(255,255,255,1);transform:translateY(-50%) scale(1.1);.nav-button svg{color:var(--primary)!important}}.nav-button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.nav-button.prev{left:16px}.nav-button.next{right:16px}.nav-button svg{width:24px;height:24px;color:white}.blurEffectBlack{background:rgba(0,0,0,.6);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(9.1px);-webkit-backdrop-filter:blur(9.1px)}.quick-pay-section{margin:20px 0}.quick-pay-button{background:var(--primary);color:white;border:none;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(1,142,111,.3)}.quick-pay-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(1,142,111,.4)}.payment-dialog .MuiDialog-paper{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}.payment-dialog-title{background:var(--primary);color:white;padding:20px 24px;margin:0}.payment-title{font-size:18px;font-weight:600;letter-spacing:.5px}.close-button{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:rgba(255,255,255,.2)}.close-button:disabled{opacity:.6;cursor:not-allowed}.payment-tabs{border-bottom:2px solid #f0f0f0;background:#fafafa;margin:0;padding:0 24px}.payment-tabs .nav-item{cursor:pointer}.payment-tabs .nav-link{border:none;color:#666;padding:16px 20px;display:flex;align-items:center;gap:8px;transition:all .3s ease;border-radius:0;background:transparent}.payment-tabs .nav-link:hover{color:var(--primary);background:rgba(1,142,111,.05)}.payment-tabs .nav-link.active{color:var(--primary);background:white;border-bottom:3px solid var(--primary);font-weight:600}.tab-icon{font-size:18px}.payment-tab-content{padding:24px}.tab-pane{display:none}.tab-pane.show.active{display:block}.payment-form{margin-top:20px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:16px}.form-control{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;background:white}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(1,142,111,.1)}.form-control:-moz-read-only{background:#f8f9fa;color:#6c757d}.form-control:read-only{background:#f8f9fa;color:#6c757d}.payment-note{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:8px}.note-icon{color:var(--primary);font-size:18px;flex-shrink:0}.payment-note p{margin:0;font-size:14px;color:#2d5a3d}.bank-info{max-height:400px;overflow-y:auto}.bank-card{background:white;border:2px solid #f0f0f0;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .3s ease}.bank-card:hover{border-color:var(--primary-light);box-shadow:0 4px 12px rgba(1,142,111,.1)}.bank-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.bank-icon{color:var(--primary);font-size:24px}.bank-header h4{margin:0;color:var(--primary);font-size:16px;font-weight:600}.bank-details p{margin:8px 0;font-size:14px;color:#555}.account-number{font-family:Courier New,monospace;font-weight:600;color:var(--primary);background:#f8f9fa;padding:8px;border-radius:4px}.sendwave-container{text-align:center;padding:20px}.sendwave-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.sendwave-logo img{width:40px;height:40px;border-radius:8px}.sendwave-title{font-size:20px;font-weight:700;color:var(--primary)}.sendwave-details{margin:24px 0}.sendwave-number{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:8px;font-family:Courier New,monospace}.sendwave-name{font-size:16px;color:#666;margin:0}.sendwave-actions{margin-top:24px}.btn-copy{background:var(--secondary);color:#333;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-copy:hover{background:#a8c926;transform:translateY(-1px)}.payment-success-content{text-align:center;padding:40px 24px}.success-message{display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{font-size:64px;color:#28a745}.success-message h3{color:var(--primary);margin:0;font-size:24px;font-weight:600}.success-message p{color:#666;margin:0;font-size:16px}.payment-dialog-actions{padding:20px 24px;background:#fafafa;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm,.btn-pay,.btn-receipt{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:8px}.btn-cancel{background:#6c757d;color:white}.btn-cancel:hover{background:#5a6268}.btn-confirm,.btn-pay{background:var(--primary);color:white}.btn-confirm:hover,.btn-pay:hover{background:var(--primary-dark)}.btn-receipt{background:var(--secondary);color:#333}.btn-receipt:hover{background:#a8c926}.payment-loading{text-align:center;padding:40px 24px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{font-size:16px;color:var(--primary);margin:16px 0;font-weight:500}.btn-cancel-loading{background:#dc3545;color:white;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:16px;transition:background .3s ease}.btn-cancel-loading:hover{background:#c82333}@media (max-width:768px){.payment-dialog .MuiDialog-paper{margin:16px;width:calc(100% - 32px)}.payment-tabs{padding:0 16px}.payment-dialog-title,.payment-tab-content{padding:16px}.payment-title{font-size:16px}.payment-tabs .nav-link{padding:12px 16px;font-size:12px}.tab-icon{font-size:16px}.bank-card{padding:16px}.sendwave-number{font-size:20px}}.leader-card{margin-bottom:20px;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.leader-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.leader-card:hover .initials-circle{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,166,81,.3)}.card-image{width:100%;height:260px;overflow:hidden;background:#f8f9fa}.card-image,.initials-circle{display:flex;align-items:center;justify-content:center}.initials-circle{width:100px;height:100px;border-radius:50%;font-size:2rem;font-weight:700;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.card-content{padding:30px 20px 20px;text-align:center;background:white;margin-top:-20px;margin-left:20px;margin-right:20px;position:relative;z-index:2;border-radius:8px 8px 0 0}.leader-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0 0 8px;line-height:1.2}.leader-position{font-size:1rem;color:#8B4513;margin:0 0 20px;font-weight:400}.card-actions{display:flex;gap:8px;justify-content:center}.action-button{display:flex;align-items:center;gap:6px;padding:10px 15px;background:#e9ebee;color:#9ca3af;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#6b7280;color:white;transform:translateY(-1px)}.action-button svg{flex-shrink:0}@media (max-width:992px){.section-header h2{font-size:2.2rem}}@media (max-width:768px){.mga-section{padding:40px 15px}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.card-image{height:280px}.initials-circle{width:140px;height:140px;font-size:3rem}.leader-name{font-size:1.3rem}.card-actions{padding:12px;gap:6px}.action-button{padding:8px 12px;font-size:.8rem}}@media (max-width:480px){.mga-section{padding:30px 10px}.section-header h2{font-size:1.6rem}.card-image{height:240px}.initials-circle{width:120px;height:120px;font-size:2.5rem}.card-content{padding:25px 15px}.leader-name{font-size:1.2rem}.leader-position{font-size:.9rem}.card-actions{padding:10px;gap:4px}.action-button{padding:6px 10px;font-size:.75rem;gap:4px}.action-button svg{width:14px;height:14px}}.countdown-container{display:flex;align-items:center;justify-content:center}.countdown-item{padding:0 1rem}.time-value{font-size:4rem;font-weight:700;color:#333333;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:.5rem}.time-label{font-size:1.5rem;color:#333333;text-transform:uppercase;letter-spacing:1px}.event-title{color:white;font-size:1.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.separator{display:flex;align-items:center;justify-content:center;padding:0}.dots{color:var(--primary);font-size:5rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);border-radius:100px!important}@media (max-width:768px){.dots,.time-value{font-size:2.5rem}.event-title,.time-label{font-size:1rem}.countdown-container{padding-top:0;padding-left:.5rem;padding-right:.5rem}.separator{padding:0}}.loginInput2{background:var(--themeGrayLight)!important}.loginInput2:focus{outline:2px solid var(--themeGray)!important}.smallNavLink:hover{.text{color:black!important}}.packageCard{background-color:var(--primary-light);padding:20px;border:2px solid var(--primary-light)}.packageCardTitle{background-color:var(--primary);margin-top:-40px;color:white!important;height:50px}.packageCardTitleSmall{background-color:rgb(61,61,61);margin-top:-40px;color:white!important;height:70px;width:100%}.triangle{position:absolute;border-top:30px solid var(--themeGray)}.triangle2{width:100%;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-top:20px solid rgb(61,61,61);margin:0}.packagePrice{background-color:white;color:rgb(61,61,61)}.packageBtn,.packagePrice{padding:10px 0}.packageButton{color:rgb(61,61,61);padding:10px 25px;height:40px}.loginInput2{background:var(--primary-light)!important;padding-left:15px;width:100%;color:rgb(25,25,25)!important;font-size:15px;height:45px;border-radius:8px!important;border:none!important;cursor:pointer}.loginInput2:focus{border:none!important;outline:2px solid var(--primary-light)!important}.chatSearchMain{padding:0 10px;width:100%;border-radius:8px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 0 30px rgba(227,228,237,.37);border:2px solid rgba(255,255,255,.18)}.smallNavLink{background-color:var(--primary);.text{color:white!important}}.smallNavLink:hover{background-color:var(--primary);.text{color:black!important}}