@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Cairo,sans-serif}html{direction:rtl;scroll-behavior:smooth;background-color:#332a224e}html,body{overflow-x:hidden}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landingSection{background:url(/assets/mosqe-with-ai-D_bkxzGN.jpg);background-size:cover;background-position:center;min-height:90vh;display:flex;align-items:center}.landingSection .clock{color:#fff;font-size:18px;font-weight:700;background-color:#0000004d;padding:6px 12px;border-radius:6px}.landingSection .container{max-width:850px;width:100%;background:#332a224e;padding:30px 25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid #d7d7d74e;margin:0 auto}.landingSection .container .top_sec{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #d7d7d74e}.landingSection .container .top_sec .infoCard{background:#ffffff1a;border-radius:12px;padding:15px 20px;min-width:180px;text-align:center;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:10px}.landingSection .container .top_sec h3{font-size:22px;font-weight:700;color:#fff;margin:0}.landingSection .container .top_sec h4{font-size:20px;font-weight:700;color:#fff;margin:0}.notification-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#01376340;border:1px solid #d7d7d74e;border-radius:10px;padding:14px 18px;margin:12px 0 18px;color:#fff}.notification-text h3{margin:0 0 4px;font-size:20px}.notification-text p{margin:0;color:#e3e8ef;font-size:15px;line-height:1.4}.notification-btn{background:linear-gradient(135deg,#0d62a8,#0b4676);color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:700;min-width:160px;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.notification-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000040}.notification-btn.enabled{background:linear-gradient(135deg,#6b1c1c,#470e0e)}.landingSection .container .top_sec select{width:100%;border-radius:8px;outline:none;background:#d7d7d74e;color:#fff;font-size:18px;font-weight:700;margin-top:5px;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:left 15px top 50%;background-size:14px auto;padding:10px 12px 10px 30px;text-align:center}.landingSection .container .top_sec select option{background:#fff;color:#062343;font-weight:700;font-size:18px;padding:10px}.citySelect{position:relative;z-index:10}.landingSection .container .top_sec select:hover{cursor:pointer}.landingSection .prayer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:5px 25px;background:#013763;color:#fff;font-size:23px;border-radius:5px;border:1px solid #d7d7d74e;font-weight:600}.azkar-wrapper{padding:30px 13px;border-radius:12px;direction:rtl;margin-bottom:80px}.azkar-wrapper h2{font-size:30px;color:#222;margin-bottom:15px;text-align:center;border-bottom:2px solid #ccc;padding-bottom:5px}.azkar-wrapper ul{list-style:none;padding:0;margin:0}.azkar-wrapper li{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;border-right:4px solid #007b83;box-shadow:0 1px 4px #0000000d}.azkar-wrapper li p{margin:5px 0;line-height:1.8;color:#333;font-size:1.4rem;font-family:hafs}.azkar-wrapper li p strong{color:#007b83}.azkar-wrapper li p span{color:#666;font-size:16px}.azkar-icon{width:30px;height:30px;margin:5px 15px -5px 5px;object-fit:contain}.custom-city-select{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:8px;background:#d7d7d74e;cursor:pointer;font-weight:700;color:#fff;font-size:18px;margin-top:5px;-webkit-user-select:none;user-select:none}.dropdown-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid white;margin-right:5px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.city-options-container{position:absolute;top:calc(100% - 5px);left:0;right:0;z-index:100;max-height:300px;overflow-y:auto;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 5px 15px #0003}.city-options-container::-webkit-scrollbar{width:8px}.city-options-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 8px}.city-options-container::-webkit-scrollbar-thumb{background:#013763;border-radius:10px}.city-options{list-style:none;padding:0;margin:0}.city-option{padding:12px 15px;color:#062343;font-weight:700;cursor:pointer;transition:background-color .2s;text-align:center}.city-option:hover{background:#f0f4f8}.city-option.selected{background:#e6eff8}@media (max-width: 480px){.landingSection .container .top_sec,.landingSection .container .top_sec .prayer{margin-bottom:10px}.custom-city-select{padding:8px 10px;font-size:16px}.city-option{padding:10px;font-size:16px}.city-options-container{position:absolute;top:100%;right:50%;transform:translate(50%);width:100%;z-index:999}}@media (max-width: 500px){.landingSection .container .top_sec{grid-template-columns:1fr}}@media (min-width: 768px){.landingSection .container .top_sec .citySelect{height:120px;padding-top:30px}}@media (max-width: 768px){.landingSection .container{margin:10px 15px 20px;padding:20px 15px}.landingSection .container .top_sec{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}.landingSection .container .top_sec .infoCard{width:100%;text-align:center}.landingSection .container .top_sec .citySelect{grid-column:1 / -1;width:100%}.landingSection .container .top_sec .hijridate{height:65px;padding-top:15px;grid-column:1 / -1;width:100%}.landingSection .container .top_sec .hejry,.landingSection .container .top_sec .time{display:none}.landingSection .container .top_sec select{width:100%;font-size:18px;padding:10px;text-align:center}.landingSection .container .top_sec h3{font-size:20px;display:none}.landingSection .container .top_sec h4,.landingSection .container .top_sec h2{font-size:18px}.citySelect{position:relative;z-index:10;width:100%;grid-column:1 / -1}.city-options-container{max-height:250px;border-radius:8px}.azkar-wrapper{padding:25px 10px}.azkar-wrapper h2{font-size:24px}}@media (max-width: 863px){.landingSection .container .top_sec .time{display:none}}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}._navbar_1l4cn_1{background-color:#062343;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;direction:rtl;font-family:Cairo,sans-serif;font-weight:700;box-shadow:0 2px 5px #0003;position:sticky;top:0;z-index:1000}._navbarContent_1l4cn_17{width:100%;display:flex;justify-content:space-between;align-items:center;direction:ltr}._branding_1l4cn_25{display:flex;align-items:center;gap:10px}._logo_1l4cn_31{width:40px;height:40px}._siteName_1l4cn_36{font-size:1.5rem;font-weight:700;color:#fff}._navLinks_1l4cn_42{display:flex;gap:40px;margin-left:16%;font-size:1.2rem}._navLink_1l4cn_42{color:#fff;text-decoration:none;font-weight:700;transition:color .3s ease;padding:5px 10px}._navLinkLogo_1l4cn_56{text-decoration:none;font-weight:700;transition:color .3s ease}._navLink_1l4cn_42:hover{background-color:#f0f4f8;color:#062343;border-radius:8px;cursor:pointer;transition:all .4s ease}._menuButton_1l4cn_71{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}._showMenu_1l4cn_81{display:flex!important;flex-direction:column;align-items:flex-start;gap:15px;background-color:#062343;position:absolute;top:80px;right:0;left:0;padding:20px 30px;border-radius:0 0 12px 12px;z-index:999;box-shadow:0 4px 12px #0000004d;max-height:calc(100vh - 100px);overflow-y:auto}._showMenu_1l4cn_81 ._navLink_1l4cn_42{width:100%;padding:10px 5px}._dropdown_1l4cn_105{position:relative;display:flex;align-items:center}._dropdownToggle_1l4cn_111{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;font-family:inherit;font-weight:700;display:flex;align-items:center;gap:5px;position:relative;padding:6px 12px;border-radius:8px;transition:all .3s ease}._dropdownToggle_1l4cn_111:hover{background-color:#ffffff1a;color:#fff}._dropdownMenu_1l4cn_133{display:none;flex-direction:column;background-color:#fff;border-radius:10px;padding:15px;position:absolute;top:40px;right:0;min-width:180px;box-shadow:0 5px 15px #0003;z-index:1000;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden}._dropdown_1l4cn_105:hover ._dropdownMenu_1l4cn_133,._dropdownOpen_1l4cn_152{display:flex;gap:12px;opacity:1;transform:translateY(0);visibility:visible}._dropdownToggle_1l4cn_111:focus{outline:2px solid rgba(255,255,255,.5);background-color:#ffffff26}._dropdownMenu_1l4cn_133 ._navLink_1l4cn_42{color:#062343;font-size:1.1rem;padding:8px 12px;border-radius:6px;transition:all .2s ease;text-align:right;width:100%}._dropdownMenu_1l4cn_133 ._navLink_1l4cn_42:hover{background-color:#f0f4f8;color:#062343;transform:translate(-5px);font-weight:700}._dropdownMenu_1l4cn_133:before{content:"";position:absolute;top:-10px;right:20px;border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent #fff transparent}@media (max-width: 768px){._navbar_1l4cn_1{position:sticky;top:0;z-index:1000;padding:15px}._siteName_1l4cn_36{font-size:1.4rem}._navLinks_1l4cn_42{display:none;width:100%}._menuButton_1l4cn_71{display:block}._navbarContent_1l4cn_17{flex-direction:row-reverse;direction:rtl}._branding_1l4cn_25{flex:1;justify-content:space-between}._showMenu_1l4cn_81{top:70px}._dropdown_1l4cn_105{width:100%}._dropdownToggle_1l4cn_111{justify-content:flex-start;width:100%;padding:10px 0}._dropdownMenu_1l4cn_133{position:static;background-color:#ffffff1a;box-shadow:none;padding:5px 15px;margin-top:5px;border-radius:6px;width:100%;display:none;visibility:visible;transform:none;opacity:1}._dropdownMenu_1l4cn_133:before{display:none}._dropdownMenu_1l4cn_133 ._navLink_1l4cn_42{color:#fff;padding:8px 5px;width:100%;text-align:right}._dropdownMenu_1l4cn_133 ._navLink_1l4cn_42:hover{background-color:#fff3;color:#fff;transform:none}._dropdownOpen_1l4cn_152{display:flex}._showMenu_1l4cn_81 ._dropdown_1l4cn_105{margin-top:15px;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}}@media (max-width: 480px){._showMenu_1l4cn_81{padding:15px 20px}._dropdownToggle_1l4cn_111{font-size:1rem}._dropdownMenu_1l4cn_133 ._navLink_1l4cn_42{font-size:.95rem}._navLink_1l4cn_42{font-size:1rem}}@media (min-width: 769px) and (max-width: 992px){._navLinks_1l4cn_42{gap:10px;margin-left:5%;font-size:1rem;direction:rtl}._navLink_1l4cn_42{font-size:.75rem}._dropdownToggle_1l4cn_111{font-size:.9rem}._siteName_1l4cn_36{font-size:1.3rem}._logo_1l4cn_31{width:35px;height:35px}}@media (min-width: 993px) and (max-width: 1200px){._navLinks_1l4cn_42{gap:20px;margin-left:8%;font-size:1rem;direction:rtl}._siteName_1l4cn_36{font-size:1.3rem}._logo_1l4cn_31{width:35px;height:35px}}@media (min-width: 993px){._navLinks_1l4cn_42{direction:rtl}}body{overflow-x:hidden}._showMenu_1l4cn_81{max-width:90vw;box-sizing:border-box}.radio-title{text-align:center;color:#222;margin-bottom:30px;font-size:30px;border-bottom:2px solid #ccc;padding-bottom:5px}.radio-icon{width:30px;height:30px;margin:5px 15px -5px 5px;object-fit:contain}.radio-section{width:100%;padding:20px;background-image:url(/images/background.jpg);background-size:cover;background-position:center;min-height:100vh;box-sizing:border-box}.radio-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:stretch;margin-bottom:100px}.radio-card{background:#fffc;border-radius:15px;padding:15px;box-shadow:0 4px 8px #0003;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.radio-img{align-self:center;width:180px;height:180px;object-fit:cover;border-radius:50%;margin-bottom:10px}.radio-name{font-size:18px;margin:10px 0}.radio-audio{width:100%;margin-top:10px}@media (max-width: 768px){.radio-title{font-size:24px;margin-bottom:15px}.radio-section{padding:15px}.radio-icon{width:25px;height:25px}.radio-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.radio-img{width:135px;height:135px}.radio-name{font-size:16px;margin:5px 0}.radio-audio{margin-top:5px}}@media (max-width: 480px){.radio-title{font-size:20px;margin-bottom:15px}.radio-section{padding:10px}.radio-icon{width:20px;height:20px}.radio-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.radio-name{font-size:16px;margin:5px 0}}.hadith-list-container{padding:20px 10px;max-width:1200px;margin:0 auto}.hadith-list-container h2{text-align:center;color:#222;margin-bottom:30px;font-size:30px;border-bottom:2px solid #ccc;padding-bottom:5px}.hadith-icon{width:30px;height:30px;margin:5px 15px -5px 5px;object-fit:contain}.hadiths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.hadith-card{background-color:#f9f9f9;border-radius:10px;padding:15px 20px;box-shadow:0 6px 12px #0000001a;transition:transform .3s}.hadith-card:hover{transform:translateY(-5px)}.hadith-number{font-size:20px;margin-bottom:10px;color:#3498db;font-family:uthmanic;text-align:center}.hadith-text{font-size:1.4rem;line-height:1.8;direction:rtl;color:#555;font-family:uthmanic}.buttons-container{display:flex;justify-content:center;gap:10px;margin-top:20px}.load-more-button{background-color:#2c83aa;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.load-more-button:hover{background-color:#1e5e7d}.error{text-align:center;margin-top:50px;font-size:20px;font-weight:700;color:#2c3e50}@media (max-width: 768px){.hadith-list-container{padding:15px 10px}.hadith-list-container h2{font-size:24px;margin-bottom:15px}.hadith-icon{width:25px;height:25px}.hadith-text{font-size:1.3rem;line-height:1.6}}@font-face{font-family:UthmanicHafs;src:url(/fonts/KFGQPC-Uthmanic-Script-HAFS.otf) format("opentype");font-weight:400;font-style:normal}.quran-page{direction:rtl;text-align:center;padding:2rem;min-height:100vh;font-family:UthmanicHafs,serif;font-weight:700}.quran-page h2{font-size:2rem;margin-bottom:1rem;margin-top:1rem;font-family:UthmanicHafs,serif;font-weight:700;text-align:center}.surah-selector{font-size:1.3rem;font-family:UthmanicHafs,serif;font-weight:700;border-radius:10px;text-align:center;background-color:#fff;border:2px solid #062343;color:#062343;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:all .3s ease;width:auto;min-width:250px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23062343%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:left 10px top 50%;background-size:14px auto;padding:10px 15px 10px 30px}.surah-selector:hover,.surah-selector:focus{border-color:#2f75ae;box-shadow:0 4px 8px #00000026;outline:none}.surah-selector option{font-weight:700;font-family:UthmanicHafs,serif;background-color:#fff;color:#062343;padding:10px}.ayahs-container{display:flex;flex-wrap:wrap;justify-content:center;background-color:#fff;padding:2rem;border-radius:16px;box-shadow:0 0 10px #0000001a;margin:1rem auto;max-width:1200px}.ayahs-text{font-size:1.8rem;direction:rtl;font-family:UthmanicHafs,serif;font-weight:700;padding:.8rem;border-radius:12px;line-height:2.5rem;text-align:center}.pagination-buttons{margin-top:1.5rem}.pagination-buttons button{margin:0 .5rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;background-color:#013763;color:#fff;transition:.3s}.pagination-buttons button:hover:enabled{background-color:#2f75ae}.pagination-buttons button:disabled{background-color:#ccc;color:#013763;cursor:not-allowed}@media (max-width: 768px){.quran-page{padding:1rem}.surah-selector{font-size:1.1rem;padding:.4rem .8rem}.ayahs-container{padding:1rem}.ayahs-text{font-size:1.4rem;line-height:2rem;padding:.8rem}.pagination-buttons button{padding:.4rem 1rem;font-size:.9rem}}@media (max-width: 480px){.surah-selector{font-size:1rem}.ayahs-text{font-size:1.2rem;line-height:1.8rem;padding:.5rem}.pagination-buttons button{padding:.3rem .8rem;font-size:.85rem}}.custom-select-container{position:relative;margin:20px auto;width:250px;font-family:UthmanicHafs,serif;font-weight:700}.select-button{width:100%;padding:10px 15px;font-size:1.3rem;font-family:UthmanicHafs,serif;font-weight:700;text-align:center;background-color:#fff;border:2px solid #062343;color:#062343;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;position:relative}.select-button:hover{background-color:#f0f4f8;border-color:#2f75ae}.select-button:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #062343;position:absolute;left:15px;top:50%;transform:translateY(-50%)}.select-dropdown{position:absolute;top:100%;right:0;left:0;margin-top:5px;max-height:300px;overflow-y:auto;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;z-index:1000;border:1px solid #e1e1e1}.search-container{padding:10px;border-bottom:1px solid #e1e1e1;position:sticky;top:0;background:#fff;z-index:2}.search-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:5px;font-family:UthmanicHafs,serif;font-size:1rem}.select-options{list-style:none;padding:0;margin:0;max-height:250px}.select-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-size:1.1rem}.select-option:hover{background-color:#f0f4f8}.select-option.selected{background-color:#e6eff8;color:#062343;font-weight:700}.no-results{padding:15px;text-align:center;color:#888;font-style:italic}@media (max-width: 768px){.custom-select-container{width:90%}.select-button{font-size:1.1rem;padding:8px 12px}.select-dropdown{max-height:250px}.select-option{padding:8px 12px;font-size:1rem}}.footer{background-color:#062343;color:#fff;padding:40px 20px;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer-title{display:none}.footer p{font-size:16px;margin-bottom:10px}.footer-links{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.footer-btn{padding:10px 20px;background-color:#2c83aa;font-weight:700;color:#fff;border-radius:10px;text-decoration:none;font-size:16px;transition:background-color .3s,transform .3s}.footer-btn:hover{background-color:#f0f4f8;color:#062343;font-weight:700;transition:all .2s ease-in-out}.social-links{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap}.social-links a{margin:10px;color:#4fc3f7;font-size:24px;transition:color .3s}.social-links a:hover{color:#f0f4f8}.footer .copyright{color:#aaa;font-size:14px;margin-top:20px}@media (max-width: 600px){.footer h2{font-size:24px}.footer p{font-size:14px}.footer-links{display:none}.footer-title{display:block;font-size:24px;margin-bottom:20px;margin-top:20px;text-align:center;font-weight:700;color:#fff;font-family:uthmanic}.social-links a{font-size:20px}}