@import"//fonts.googleapis.com/css?family=Lato:400,300,700,900";@import"//fonts.googleapis.com/earlyaccess/droidarabickufi.css";@import"https://fonts.googleapis.com/earlyaccess/droidarabickufi.css";:root{--mainBrownColor: rgb(130, 35, 6);--mainBrownColor-Hover: rgb(195, 86, 7);--mainLightYellow: rgb(243, 230, 187);--border: 1px solid rgba(225, 117, 22, .72);--LinkHoverColor: rgb(248 150 20);--HeaderBackgroundColor: rgba(17, 10, 0, .6);--ScrolledBackgroundColor: rgba(17, 10, 0, .95);--MenuFontColor: rgb(237, 222, 174);--MenuFontHover: rgba(19, 10, 0, .98);--BackgroundGradientStart: rgb(96, 36, 0);--BannerBlockBGColor: rgba(255, 251, 243, .8);--BannerBlockLinkHover: rgb(211, 85, 0);--MultiImageBackgroundGradientStart: rgb(125, 63, 18);--MultiImageBackgroundGradientEnd: rgb(98, 45, 1);--ImageBackground: rgb(197, 116, 35);--MultiBlockImageColor: rgb(247, 239, 207);--BannerShadow: rgb(197, 120, 35);--BannerBorder: #e18f35c9;--ButtonBorder: #e17135c9;--ButtonHover: rgb(142, 55, 1);--ContentShadow: rgba(81, 46, 1, .51);--SectionContainerBackground: rgb(255, 255, 255);--SectionContainerBorder: rgb(227, 212, 204);--SectionContainerBackgroundHover: rgb(255, 251, 243);--AudioPlayerShadow: rgb(72 42 22 / 65%)}@media (max-width: 375px){:root{--SearchWidth: 90px}}@media (min-width: 375px){:root{--SearchWidth: 140px}}@media (min-width: 430px){:root{--SearchWidth: 200px}}@media (min-width: 900px){:root{--SearchWidth: 300px}}#root{width:var(--SearchWidth);margin:10px}#root input{width:var(--SearchWidth)}#root a{color:var(--mainBrownColor)}#root a:hover{color:var(--LinkHoverColor)}#root ul{box-shadow:3px 3px 7px var(--AudioPlayerShadow);position:fixed;max-width:400px;min-width:var(--SearchWidth)}*,body{margin:0}a,a:hover{text-decoration:none}.aOnNav{text-decoration:none;color:var(--mainLightYellow)}.aOnNav:hover{text-decoration:underline;color:var(--mainLightYellow)}.downloadlink{color:var(--mainBrownColor)}.downloadlink :hover{color:var(--LinkHoverColor)}.downloadlarge{width:2em;height:2em}.body{width:100%;min-height:100vh;background-image:radial-gradient(at top center,var(--BackgroundGradientStart) 0%,rgb(0,0,0) 100%)}.MainHeader{margin:auto;padding:0;height:60px}.MainHeaderElements{margin:auto;padding:0;width:1000px;max-width:100%;height:60px}.MainHeaderDivLogo{display:block;float:right}.MainHeaderLogoImage{float:right;margin:5px 5px 0 0;width:50px;height:50px}.MainHeaderDivMainMenu{margin:5px 10px 0 0;padding-top:10px}.MainHeaderEnglishLanguageButton{float:left;margin:20px 15px auto}.MainHeaderEnglishLanguageButtonLink{font-size:16px;color:var(--mainLightYellow)}.MainHeaderEnglishLanguageButtonLink:hover{text-decoration:underline;color:var(--mainLightYellow)}.MainHeader{min-height:60px;font-family:Droid Arabic Kufi;width:100%;position:fixed;z-index:1;background-color:var(--HeaderBackgroundColor)}.MainHeader.scrolled{background-color:var(--ScrolledBackgroundColor)}.Footer{height:40px;font-family:Droid Arabic Kufi;font-size:14px;width:100%;color:var(--MenuFontColor);background-color:#0003;text-align:center;display:flex;align-items:center;justify-content:center}.Footer p{margin:0}.MainHeaderbtnMenu{display:none;color:var(--MenuFontColor);float:right;font-size:30px;text-align:center;cursor:pointer}.MainHeaderMenuItemsLink{font-size:16px;color:var(--mainLightYellow);padding:0 10px}.MainHeaderMenuItemsLink:hover{text-decoration:underline;color:var(--mainLightYellow)}.mobMenuContainer{width:100%;height:100%;background-color:transparent;display:none;position:absolute;z-index:10;direction:rtl}.mobMenu{width:180px;background-color:var(--ScrolledBackgroundColor);margin:50px 15px 0 0;position:fixed;top:10px;z-index:10}.ulMobMenu{padding:0}.mobMenuItem>a{color:var(--MenuFontColor)}.mobMenuItem{color:var(--MenuFontColor);padding:10px 15px;display:block;cursor:pointer;font-size:18px;text-align:start}.mobMenuItem:hover{background-color:var(--MenuFontHover)}.mobMenuItemText{font-family:Droid Arabic Kufi;font-size:18px;margin:auto 5px;color:var(--MenuFontColor)}.main{position:relative;max-width:2560px;margin:0 auto;padding-top:var(--global-nav-collective-height);display:block;background-image:radial-gradient(at top center,var(--BackgroundGradientStart) 0%,rgb(0,0,0) 100%);background-color:transparent;min-width:300px}.row{padding:0;display:flex;justify-content:space-around;align-content:center;--bs-gutter-x: 0}.divAlforqanInst{width:100%;font-family:Droid Arabic Kufi;color:var(--BannerBlockColor);position:relative;justify-items:center}.AlForqanImgBG{display:block;width:100%;height:100vh;object-fit:cover;box-shadow:0 0 7px var(--ImageBackground);border-bottom:1px solid #99540bcc;border-top:1px solid #99540bcc}.divChildAlforqan{background-color:var(--BannerBlockBGColor);border-radius:10px;color:var(--mainBrownColor);max-width:99%;width:800px;margin:0 auto 50px;border:var(--border);position:absolute;bottom:0;left:0;right:0}.titleAlforqanInst{display:block;text-align:center;margin:10px 0 0;font-size:22px;font-weight:700}.bioAlforqanInst{display:block;text-align:center;margin:0 20px;font-size:16px}.divAlforqanInstLinks{margin:auto;display:flex;justify-content:space-around;max-width:500px;padding:5px 15px}.linkForqan{font-size:16px;color:var(--mainBrownColor);text-align:center;font-weight:700;text-decoration:underline}.linkForqan:hover{color:var(--BannerBlockLinkHover)}.divBannerInMultiBanner{margin:30px 0;font-family:Droid Arabic Kufi;color:var(--MultiBlockImageColor);width:300px;display:grid;justify-content:center}.divRowMultiBanner{padding:40px 0 10px;max-width:1000px;margin:0 auto}.BannerIMG{width:90%;margin:auto auto 10px;border-radius:5px;box-shadow:0 0 7px var(--BannerShadow);border:2px solid var(--BannerBorder)}.divText{margin:10px 0}.titleMultiBanner{display:block;text-align:center;margin:0;font-size:20px;font-weight:700}.bioMultiBanner{display:block;text-align:center;margin:0;font-size:14px;padding:0 15px}.divMultiBannerLinks{display:flex;justify-content:space-around;margin-top:20px}.divButtonEnter{width:140px;background:transparent;border-radius:10px;background-image:radial-gradient(at center center,var(--MultiImageBackgroundGradientStart) 0%,var(--MultiImageBackgroundGradientEnd) 100%);border:1px solid var(--ButtonBorder);box-shadow:0 2px 3px #000000b3}.divButtonEnter:hover{background:var(--ButtonHover)}.MultiBannerlink{font-size:18px;color:var(--mainLightYellow);text-align:center;margin:auto;display:block}.MultiBannerlink:hover{color:var(--mainLightYellow)}.divNav{min-height:23px;width:1000px;margin:5px auto;font-family:Droid Arabic Kufi;font-size:14px;max-width:97%}.pTitle{text-align:center;color:var(--mainBrownColor);font-size:26px;padding-top:5px}.spanItemInGrid{margin:auto 10px;color:var(--mainBrownColor)}.spanItemInGrid:hover{color:var(--mainBrownColor-Hover)}.content{min-height:calc(100vh - 130px);max-width:1000px;margin:auto;background-color:#fffffffa;box-shadow:0 0 20px var(--ContentShadow) inset!important;font-family:Droid Arabic Kufi;padding:10px;position:relative;z-index:0}.LessonItemContainer{display:flex;background-color:var(--SectionContainerBackground);align-items:center;padding:5px;margin-bottom:5px;border:1px solid var(--SectionContainerBorder);border-radius:5px}.LessonItemContainer:hover{background-color:var(--SectionContainerBackgroundHover);color:var(--mainBrownColor)}.aLessonDownloadIcon{width:40px;text-align:center;color:var(--mainBrownColor)}.aLessonDownloadIcon:hover{color:var(--mainBrownColor-Hover)}.divLessonsDescription{margin:auto auto 20px;color:var(--mainBrownColor)}.divPlayerContainer{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.VideoPlayer{width:700px;max-width:95%;margin-bottom:15px}.AudioPlayer{width:500px;max-width:95%;margin-bottom:10px;border-radius:25px;box-shadow:2px 3px 7px var(--AudioPlayerShadow)}#srch{color:#000}.media-fit{width:100%;height:100%;display:block;object-fit:cover}.media-fit--fluid{height:auto;max-width:100%}@media only screen and (max-width: 800px){.MainHeaderDivMainMenu{display:none}.MainHeaderbtnMenu{display:block}.MainHeaderbtnMenu>svg{height:32px;width:32px}.divChildAlforqan{width:auto;margin:5px 1em}#mobMenu{display:none}.titleAlforqanInst{width:auto}.bioAlforqanInst{width:auto;border-radius:0;padding:5px}.divAlforqanInst{height:auto}}ul{margin:0;padding:0;overflow-y:auto;max-height:100vh}ul li{background-color:#fff;padding:5px 10px;list-style:none;border-bottom:1px solid rgba(0,0,0,.125);-webkit-animation:fadeinout .5s linear forwards;animation:fadeinout .5s linear forwards;opacity:0}ul li a{display:block}ul li a:hover{background-color:#f8f9fa}input{padding:5px 10px}@-webkit-keyframes fadeinout{50%{opacity:.5}to{opacity:1}}@keyframes fadeinout{50%{opacity:.5}to{opacity:1}}