:root{--main:#0f8;--sec:#333;--grey:#222;--dark:#111;--light-grey:#444;--x-light-grey:#777;--white:#f5f5f5;--sec-white:#c7c7c7}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;transition:all .3s}.sura,a,button,img{-webkit-user-select:none;-ms-user-select:none;user-select:none}a{text-decoration:none}body{background-color:var(--grey);font-family:Cairo,sans-serif}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}::-webkit-scrollbar-track{background-color:var(--sec)}::-webkit-scrollbar-thumb{background-color:var(--main)}::-webkit-scrollbar{width:6px;z-index:9}::-webkit-scrollbar-corner{color:var(--light-grey)}.up-btn{align-items:center;background-color:var(--dark);border:none;border:3px groove var(--main);border-radius:50%;bottom:0;color:var(--white);cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:9px;height:35px;justify-content:center;margin:30px;outline:none;position:fixed;right:0;-webkit-transform:translateX(100vw);transform:translateX(100vw);width:35px;z-index:99}.up-btn:hover{background-color:var(--light-grey)}.sp-head{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(300deg,var(--main),var(--dark));background-size:100%;font-size:40px}.bio,.sp-head{text-align:center}.bio{color:var(--sec-white);font-size:17px;margin:20px 0}header{position:fixed;right:0;top:0;width:100%;z-index:9}header .container{justify-content:space-between}header .container,header .logo{align-items:center;display:flex}header .logo img{width:100px}header .logo span{color:var(--white);font-size:17px;font-weight:600}header .linkes{align-items:center;display:flex}header .linkes a{color:var(--white);font-weight:700;padding:0 10px}header .linkes a:hover{font-weight:800}header .linkes a.active{color:var(--main);font-weight:800}@media (max-width:768px){header .container .logo{justify-content:center}header .container .logo span{display:none}header .container .logo img{width:100px}header .container .linkes{align-items:center;background-color:rgba(51,51,51,.9);display:none;flex-direction:column;height:100vh;justify-content:space-evenly;left:0;position:absolute!important;top:0;width:100%;z-index:99}header .linkes a{padding:20px 0;text-align:center;width:100%}header .linkes a:not(:last-child){border-bottom:1px solid var(--light-grey)}.burger-icon{display:block!important}}.burger-icon{background:none;border:1px solid var(--light-grey);border-radius:5px;color:var(--main);cursor:pointer;display:none;font-size:30px;padding:5px;z-index:100}.burger-icon:active{background-color:var(--dark)}.burger-icon:hover{opacity:.7}.flex{display:flex!important}.landing{background-attachment:fixed;background-position:50%;min-height:100vh;position:relative}.landing,.overlay{background-size:cover}.overlay{background-image:url(/static/media/back.46cffb4640ccb00c8ca2.jpeg);background-position:bottom;bottom:0;-webkit-filter:brightness(.3);filter:brightness(.3);left:0;position:absolute;right:0;top:0}.landing .container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.landing .container img{width:300px;z-index:1}.landing .container .text-box{align-items:center;display:flex;flex-direction:column;text-align:center}.landing .container h2{color:var(--white);font-family:Amiri,Cairo,sans-serif;font-size:40px;margin:50px 0;text-align:center;z-index:2}.landing .container h2 span{color:var(--main)}.landing .container .summary{color:var(--white);font-size:20px;font-weight:900;position:relative;z-index:2}.fadl{background-color:var(--sec);border-bottom:5px groove var(--main);border-top:5px groove var(--main);min-height:60vh;padding:50px 0}.fadl .container{flex-wrap:wrap;justify-content:space-evenly;min-height:60vh}.fadl .container,.fadl .container .fadl-card{align-items:center;display:flex;flex-direction:column}.fadl .container .fadl-card{background-color:var(--sec);border:5px double var(--light-grey);color:#fff;font-family:Amiri,Cairo,sans-serif;font-size:15px;justify-content:center;margin:10px;text-align:center}.fadl .container .fadl-card h3{color:var(--main)}.quran-fadl-title{color:var(--white)!important;font-family:Amiri,Cairo,sans-serif;font-size:15px;line-height:2;padding:20px;text-align:center}.quran-fadl-title span{color:var(--main)}.quran{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.libs{min-height:100vh;padding:50px 0}.libs .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;min-height:100vh}.libs .container .lib-card{align-items:center;background-color:var(--sec);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:30px 0;padding:30px;width:100%}.libs .container .lib-card h3{color:var(--main);font-size:25px;margin:10px 0}.libs .container .lib-card p{color:var(--white);font-size:17px;text-align:center}.libs .container .lib-card a{background-color:var(--grey);border-radius:5px;color:var(--white);font-size:17px;margin:15px;padding:10px;-webkit-text-decoration:wavy;text-decoration:wavy}.libs .container .lib-card a:hover{opacity:.7}.libs .container .lib-card a i{margin:0 5px}.whoIam{padding:100px 0}.whoIam .container,.whoIam .container .who-box{align-items:center;display:flex;justify-content:center}.whoIam .container .who-box{background-color:var(--dark);border-radius:5px;flex-direction:column;padding:20px;text-align:center}.whoIam .container .who-box img{border-radius:50%;margin:20px;width:200px}.whoIam .container .who-box h3{font-size:25px}.whoIam .container .who-box h3 .en{color:var(--main);display:block}.whoIam .container .who-box h3 .ar{color:var(--white);display:block}.whoIam .container .who-box p{color:var(--sec-white);font-size:13px;margin:10px 0}.whoIam .container .who-box .icon-box{align-items:center;display:flex;justify-content:center;width:100%}.whoIam .container .who-box a{align-items:center;background-color:var(--sec);border-radius:50%;color:var(--main);display:flex;height:30px;justify-content:center;margin:10px;width:30px}.whoIam .container .who-box a:hover{opacity:.7;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.whoIam .container .who-box a i{font-size:13px}.audio{min-height:100vh;padding:160px 0}.audio .audio-grid .cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.audio .audio-grid .cards-grid .card{background-color:var(--sec);border-radius:3px;display:flex;flex-direction:column;padding:10px}.audio .audio-grid .cards-grid .card:hover{opacity:.7}.audio .audio-grid .cards-grid .card h3{color:var(--main)}.audio .audio-grid .cards-grid .card h3 span{color:var(--x-light-grey);font-size:13px}.audio .audio-grid .cards-grid .card p{color:var(--white);opacity:.5}.audio .audio-grid .cards-grid .card a{align-items:center;background-color:var(--light-grey);border-radius:50%;color:var(--main);display:flex;height:30px;justify-content:center;margin:10px auto 10px 10px;width:30px}.audio .audio-grid .cards-grid .card a:hover{background-color:var(--main);color:var(--white)}#audio-search{background:var(--sec);border:none;border-radius:3px;color:var(--main);font-family:inherit;margin:0 0 30px;outline:none;padding:20px;width:100%}.qaree-section{min-height:100vh;padding-bottom:200px}.qaree-grid{justify-content:space-between}.qaree-grid,.qaree-grid .text-box{display:flex;flex-direction:column}.qaree-grid .text-box{align-items:center;border-bottom:2px solid var(--sec);justify-content:center;padding-bottom:10px;padding-top:200px;width:100%}.qaree-grid .text-box h1{color:var(--main);font-size:30px}.qaree-grid .text-box p{color:var(--white)}.suras{flex-wrap:wrap;padding:20px 0}.suras,.suras .sura{align-items:center;display:flex;justify-content:center}.suras .sura{background-color:var(--sec);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;color:var(--white);cursor:pointer;flex-direction:column;font-size:13px;height:130px;margin:10px;text-align:center;width:130px}.sura .en{color:var(--main)}.suras .sura h3 .ar{font-family:Amiri;font-weight:100}.suras .sura:hover{background-color:var(--light-grey)}.audio-player{background-color:var(--light-grey);bottom:0;flex-direction:column;left:0;padding:20px;position:fixed;right:0}.audio-player,.progressAndTime{align-items:center;display:flex}.progressAndTime{justify-content:space-between;width:100%}.progress-bar{margin:0 20px;width:100%}.currentTime,.duration{color:var(--white);font-size:12px;opacity:.5}.audio-player button{background-color:var(--grey);border:none;border-radius:50%;color:var(--main);cursor:pointer;height:50px;margin:10px;outline:none;width:50px}.audio-player button:hover{background-color:var(--main);color:var(--grey)}.progressBar{--bar-bg:#333;--seek-before-width:0;--seek-before-color:#333;--knobby:#555;--selectedKnobby:#333;-webkit-appearance:none;appearance:none;background:var(--bar-bg);border-radius:10px;direction:ltr;height:11px;outline:none;position:relative;width:100%}.progressBar::-webkit-slider-runnable-track{background:var(--bar-bg);border-radius:10px;height:11px;outline:none;position:relative;width:100%}.progressBar::-moz-range-track{background:var(--bar-bg);border-radius:10px;height:11px;outline:none;position:relative;width:100%}.progressBar::-moz-focus-outer{border:0}.progressBar:before{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;content:"";cursor:pointer;height:11px;left:0;position:absolute;top:0;width:var(--seek-before-width);z-index:2}.progressBar::-moz-range-progress{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;height:11px}.progressBar::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--knobby);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:15px;margin:-2px 0 0;position:relative;width:15px;z-index:3}.progressBar:active::-webkit-slider-thumb{background:var(--selectedKnobby);-webkit-transform:scale(1.2);transform:scale(1.2)}.progressBar::-moz-range-thumb{background-color:var(--knobby);border:transparent;border-radius:50%;box-sizing:border-box;cursor:pointer;height:15px;position:relative;width:15px;z-index:3}.progressBar:active::-moz-range-thumb{background:var(--selectedKnobby);transform:scale(1.2)}.text-section{padding-top:160px}.text-section,.text-section .container{min-height:100vh}.text-section .container .summary{border-bottom:1px solid var(--sec-white);color:var(--sec-white);font-size:15px;margin:20px 0 30px;opacity:.5;padding-bottom:20px;text-align:center}.text-section .container .random-aya-box{align-items:flex-start;background-color:var(--dark);border-radius:5px;flex-direction:column;margin:50px 0;padding:20px;width:100%}.text-section .container .random-aya-box h2{color:var(--main);font-size:25px;margin:10px 0;text-align:center}.text-section .container .random-aya-box p{color:var(--white);font-family:Amiri,Cairo,sans-serif;font-size:20px;line-height:2;margin:20px 0;text-align:center}.aya-braket{color:var(--main);padding:0 3px}.aya-btn{background-color:var(--light-grey);border:none;border-radius:50%;color:var(--main);cursor:pointer;font-size:15px;height:30px;margin:3px;outline:none;width:30px}.text-section .container .random-aya-box .btns button:hover{opacity:.7}.text-section .container .random-aya-box .btns button:active{box-shadow:0 0 10px var(--main)}.text-section .container .random-aya-box .aya-info{color:var(--x-light-grey);float:left;font-size:15px}.text-section .container .suras-box{background-color:var(--dark);border-radius:5px;margin:50px 0;padding:20px;width:100%}.text-section .container .suras-box h2{color:var(--main);font-size:25px;margin:10px 0;text-align:center}.text-section .container .suras-box .suras .sura{background-color:var(--grey)!important;font-size:10px!important;height:100px!important;margin:5px!important;width:100px!important}.text-section .container .suras-box .suras .sura:hover{opacity:.7}.sura-section{min-height:100vh;padding:200px 0}.sura-section .container .sura-card{background-color:var(--dark);border-radius:5px;padding:20px;width:100%}.sura-section .container .sura-card h1{color:var(--main);font-family:Amiri,Cairo,sans-serif;font-size:30px;font-weight:100;padding:30px;text-align:center}.sura-section .container .sura-card .info{align-items:center;border-bottom:1px solid var(--sec-white);display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px;padding:20px 0}.sura-section .container .sura-card .info p{color:var(--x-light-grey);font-size:15px;margin:0 10px}.sura-section .container .sura-card .info p span{color:var(--sec-white)}.sura-section .container .sura-card .text{color:var(--white);font-family:Amiri,Cairo,sans-serif;font-size:20px;line-height:2;text-align:center}.tafsir-section{min-height:100vh;padding:160px 0}#tafsir-search{background:var(--sec);border:none;border-radius:3px;color:var(--main);font-family:inherit;margin:0 0 30px;outline:none;padding:20px;width:100%}.tafsir-section .container .cards-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:30px 0}@media (max-width:786px){.tafsir-section .container .cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.tafsir-section .results-number{color:var(--sec-white);padding:20px 0;text-align:center}.tafsir-section .results-number span{color:var(--main)}.tafsir-section .container .card{background-color:var(--dark);border-radius:5px;cursor:pointer;padding:30px 10px;position:relative}.tafsir-section .container .card:hover{opacity:.7}.tafsir-section .container .card h3{color:var(--white);font-family:Amiri,sans-serif;font-size:20px;line-height:2;margin:20px 0;text-align:center}.tafsir-section .container .card .aya-info{bottom:0;color:var(--x-light-grey);font-size:15px;left:0;padding:10px;position:absolute}.sura-tafsir{min-height:100vh;padding-top:160px}.sura-tafsir .container{display:flex;flex-direction:column;min-height:100vh}.sura-tafsir .container .aya-card{padding:30px}.sura-tafsir .container .aya-btn{float:right;text-align:center}.sura-tafsir .container .aya-card .aya-text{color:var(--white);font-family:Amiri,sans-serif;font-size:20px;line-height:2;margin:20px 0;text-align:center}.sura-tafsir .container .aya-card .aya-info{color:var(--x-light-grey);float:left;font-size:15px}.sura-tafsir .container .tafsir-card{align-items:center;display:flex;flex-direction:column;margin:30px 0;text-align:center}.sura-tafsir .container .tafsir-card .tafsir-btns button{background-color:var(--sec);border:1px solid transparent;border-radius:5px;color:var(--x-light-grey);cursor:pointer;font-family:Cairo,sans-serif;height:50px;margin:10px;width:100px}.sura-tafsir .container .tafsir-card .tafsir-btns button:active{background-color:var(--main);color:var(--dark)}.sura-tafsir .container .tafsir-card .tafsir-btns button.active{background-color:var(--sec);border:1px solid var(--main);color:var(--main);position:relative}.sura-tafsir .container .tafsir-card .tafsir-btns button.active:before{background-color:var(--sec);bottom:-61px;content:"";height:60px;left:50%;position:absolute;width:5px}@media (max-width:768px){.sura-tafsir .container .tafsir-card .tafsir-btns button.active:before{display:none}}.sura-tafsir .container .tafsir-card .tafsir-text{background-color:var(--sec);border-radius:5px;color:var(--sec-white);line-height:2;margin-top:50px;padding:60px 30px;position:relative;width:100%}.sura-tafsir .container .tafsir-card .tafsir-text .aya-btn{left:0;margin:20px;position:absolute;top:0}.footer{background-color:var(--dark);margin-top:100px;padding:30px 0}.footer .container{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.footer .container p:first-of-type{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(270deg,var(--x-light-grey),var(--main));border-bottom:1px solid var(--x-light-grey);color:#fff;font-size:20px;margin:20px;padding:20px}.footer .container .social-icons{align-items:center;display:flex;justify-content:space-around;text-align:center}.footer .container .social-icons a{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(270deg,var(--x-light-grey),var(--main));padding:10px}.footer .container p:last-of-type{color:var(--x-light-grey);padding-top:20px;text-align:center}.footer .container p:last-of-type a{color:var(--main)}.container.loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid var(--main);border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.not-found{min-height:100vh}.not-found .container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.not-found .container h3{color:var(--white);font-size:30px;text-align:center}.not-found .container a{color:var(--main);font-size:20px;text-align:center}
/*# sourceMappingURL=main.e0e84e42.css.map*/