@import url(https://fonts.googleapis.com/css2?family=Jomhuria&display=swap);@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);@import url(https://fonts.googleapis.com/earlyaccess/notonaskharabic.css);html{font-size:12px}@media only screen and (min-width:480px){html{font-size:12px}}@media only screen and (min-width:769px){html{font-size:16px}}@media only screen and (min-width:1024px){html{font-size:16px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a9a9a9}*{margin:0;padding:0}

/*!
 * https://github.com/YouCanBookMe/react-datetime
 */.rdtPicker{background:#0000;border:1px solid #f9f9f9;box-shadow:0 1px 3px #0000001a;display:none;height:110%;margin-top:1px;padding:4px;width:100%}.rdtOpen .rdtPicker{display:block}.rdtPicker .rdtTimeToggle{display:none;text-align:center}.rdtPicker table{margin:0;width:100%}.rdtPicker td,.rdtPicker th{height:28px;text-align:center}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#3ba59a;border-radius:5px;cursor:pointer}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#d3d3d3}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday:before{border-bottom:7px solid #24665f;border-left:7px solid #0000;bottom:4px;content:"";display:inline-block;position:absolute;right:4px}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#3ba59a;border-radius:5px;color:#000;text-shadow:0 -1px 0 #00000040}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#3ba59a}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#000;cursor:not-allowed}.rdtPicker .dow{border-bottom:none;cursor:default;width:14.2857%}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{-webkit-touch-callout:none;display:block;-webkit-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-child th{background:#3ba59a;border-radius:5px;cursor:pointer}.rdtPicker thead tr:first-child th:hover{background:#3ba59a90}.rdtPicker button{background:none;border:none;cursor:pointer}.rdtPicker button:hover{background-color:#3ba59a}.rdtPicker thead button{height:100%;width:100%}td.rdtMonth,td.rdtYear{cursor:pointer;height:50px;width:25%}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{-webkit-touch-callout:none;cursor:pointer;display:block;height:40%;line-height:40px;-webkit-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#3ba59a}.rdtCounter .rdtCount{font-size:1.2em;height:20%}.rdtMilli{padding-left:8px;vertical-align:middle;width:48px}.rdtMilli input{font-size:1.2em;margin-top:37px;width:100%}.rdtTime td{cursor:default}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center;width:100%}.wave,.wave1{left:0;transform:rotate(180deg)}.wave1{height:45vh}.prayers{display:flex;flex-direction:column;margin-top:1rem;padding:1rem 3rem}.prayers .prayer-btn{animation:gradient 15s ease infinite;background-color:#fff;color:#000;margin:.4rem 0;padding:1rem 3rem}.prayers .prayer-btn,.prayers .prayers-heading{display:flex;font-weight:700;justify-content:space-between}.prayers .prayers-heading{color:#3ba59a;font-size:1.3rem;margin-top:1rem;padding:0 1.7rem}.prayers .prayers-heading p{margin:0}.al-quran{flex:1 1}.al-quran,.al-quran .search{display:flex;flex-direction:column}.al-quran .search{align-items:center;gap:1rem;height:30vh;justify-content:center;left:0;position:absolute;right:0}.al-quran .search input{border:0 solid #fff;border-radius:20px 20px;color:#000000c2;font-size:1.1rem;height:2.5rem;margin:0 .5rem;width:90%}.al-quran .search input:focus{outline:none}.al-quran .al-quran-surahs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-bottom:1rem;margin-top:1rem;padding:0 2rem}.al-quran .al-quran-surahs .button{align-items:center;background-color:#fff;border:2px solid gray;border-radius:1rem;color:gray;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;max-height:6rem;min-height:6rem;text-overflow:clip;white-space:wrap;width:25rem}.al-quran .al-quran-surahs .button .surah-name{font-size:1rem;line-height:1.5rem;text-align:start}.al-quran .al-quran-surahs .button .arabic-name{text-align:center}.al-quran .al-quran-surahs .button .arabic-name h4{font-family:Arabic;font-size:1rem;font-weight:400}.al-quran .al-quran-surahs .button .arabic-name p{font-weight:600}.al-quran .al-quran-surahs button:hover{border:2px solid #41c1c3;color:#41c1c3}.al-quran .al-quran-surahs button:hover #number{background:#41c1c3}.al-quran .al-quran-surahs #number{background:gray;border-radius:50%;color:#fff;display:grid;font-size:1rem;height:2rem;margin:0;padding:0 7px;place-items:center;width:1.4rem}.al-quran .juz-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.juz-button{align-items:center;border-radius:5px;display:flex;flex-direction:column;gap:1rem;max-width:25rem;padding:.5rem .4rem}.juz-button p{font-weight:400;text-align:start}.juz-button .button1{align-items:center;background-color:#fff;border:2px solid gray;border-radius:1rem;color:gray;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;max-height:6rem;min-height:6rem;padding:0 .5rem;text-overflow:clip;white-space:wrap;width:23rem}.juz-button .button1 .surah-name{font-size:1rem;line-height:1.5rem;text-align:start}.juz-button .button1 .arabic-name{text-align:center}.juz-button .button1 .arabic-name h4{font-family:Arabic;font-size:1rem;font-weight:400}.juz-button .button1 .arabic-name p{font-weight:600;text-align:center}.juz-button button:hover{background:#0000;border:2px solid #41c1c3;color:#41c1c3}.juz-button button:hover #number{background:#41c1c3}#islamic-date{color:#3ba59a}.surah{display:flex;flex-direction:column}.surah .headings{align-items:center;display:flex;gap:1rem;justify-content:space-evenly;left:0;min-height:20vh;padding:1rem 0;position:absolute;right:0;width:100%}.surah h1{color:#fff;font-family:Noto Naskh Arabic;margin:0}.surah .ayahs{display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;padding:1rem}.surah .ayahs .arabic{direction:rtl;white-space:wrap}.surah .ayahs .urdu{font-family:Noto Naskh Arabic}.surah .ayahs #halfbold{font-size:1.7rem;font-weight:600;margin:1rem}.surah .ayahs-juz{direction:rtl;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:1rem;text-align:center}.surah .ayahs-juz .arabic{white-space:wrap;width:-webkit-fit-content;width:fit-content}.surah .ayahs-juz .urdu{font-family:Noto Naskh Arabic}.surah .ayahs-juz #halfbold{font-size:1.7rem;font-weight:600;margin:1rem}.surah #bold{color:#22c1c3;font-size:1.8rem;text-align:center}#arabic,.surah #bold{font-family:Noto Naskh Arabic;font-weight:700}#arabic{direction:rtl;display:flex;font-size:1.1rem;padding:0 1rem;text-align:right}#arabic p{color:#333;margin:.5rem 0}#arabic span{border:1px solid #000;border-radius:50px;font-size:.7rem;min-width:3rem;padding:0 .5rem}.prayer-calender{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:1rem}.prayer-calender .inputs{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.prayer-calender .inputs div{align-items:center;display:flex;gap:1rem;min-width:10rem}.prayer-calender .inputs div .select{background-color:#22c1c3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;height:2.3rem;margin:1% 0;padding:0 1%;width:10rem}.prayer-calender .inputs div .select option{background-color:#fff;color:gray;cursor:pointer;font-size:.8rem;font-weight:400;width:100%}.prayer-calender .inputs div select:focus{outline:none}.prayer-calender .table-header{background-color:#22c1c3;display:flex;justify-content:space-between;width:100%}.prayer-calender .table-header div{color:#fff;flex:1 1;padding:0 .5rem;text-align:left}.prayer-calender .table-row{background-color:#fff;display:flex;justify-content:space-between;width:100%}.prayer-calender .table-row div{color:#000;flex:1 1;overflow:hidden;padding:0 .5rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.clock h1{color:#22c1c3;font-size:3rem}.clock h2{color:#fec265;font-size:1.9rem}.clock h4{font-size:1rem}.clock h4 span{color:#22c1c3}.footer_dev__info{color:#ffffffe6;font-size:16px;margin:0 7px;text-decoration:none;text-transform:lowercase}.footer_dev__info:hover{color:rgba(63,63,247,.959)}.vertical_line{border-right:2px solid #fff9;height:17px}.footer_privacy{color:#fff9;cursor:pointer;font-weight:550;text-decoration:underline}.footer_privacy:hover{color:#fff}.surah-header{display:flex;flex-direction:column}.surah-header .headings{align-items:center;display:flex;gap:1rem;justify-content:space-evenly;left:0;min-height:20vh;padding:1rem 0;position:absolute;right:0;width:100%}.about_heading,.privacy_policy_heading{background-color:#f5f5f5;font-size:40px;letter-spacing:1px;padding:5% 0;text-align:center}@media only screen and (max-width:768px){.about_heading,.privacy_policy_heading{font-size:30px;padding:10% 0}}.about_content,.privacy_policy_content{font-size:20px;line-height:40px;margin:1% auto auto;text-align:justify}.about_content .privacy_policy_content2,.privacy_policy_content .privacy_policy_content2{margin-top:1rem}.table{margin:2rem auto}.table table{border-collapse:collapse;font-family:arial,sans-serif;width:100%}.table td,.table th{border:1px solid hsla(0,0%,40%,.589);padding:8px;text-align:left}.table tr:nth-child(2n){background-color:#ddd}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 #0003;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px #86868680;box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px #86868680;box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}
/*# sourceMappingURL=main.48b7dc57.css.map*/