.topbar{background-color:#3e3c46;display:flex;justify-content:space-between;padding:10px 20px;align-items:center;position:fixed;width:100%;top:0;left:0;right:0;box-sizing:border-box;z-index:1000}.nav-links{display:flex;list-style:none;gap:20px}.nav-links.onSite{font-weight:700}.menuFontStyle{color:#fff}.leftAndRight{display:flex;align-items:center}.leftAndRight div{align-items:center}.wrapperMenulist{padding-left:10px}.menulist{padding:10px}.menuLink{color:#fff;cursor:pointer}.topbar a{text-decoration:none;color:#f1eeee;font-weight:15px}.menuBtn{font-size:20px;margin:0 10px;display:none;border-radius:100%}.menuNotification{padding:8px 14px;font-size:20px;border-radius:100%;font-size:30px;color:#c1c0c0;cursor:pointer}.menuNotification:hover{opacity:.8}.menuNotification:focus{opacity:.8}.timeRecieved{font-size:12px;font-weight:bolder;color:#7c7c7c}.logoSize{width:80px;height:auto}.topbar ul{margin-right:10px}.bottomPage{background-color:#1d1f25;padding:15px 20px;text-align:center;bottom:0;color:#fff;z-index:2;position:relative}.bottomLink{color:#fff;cursor:pointer;transition:.5s}.bottomLink:hover{color:#2297a0}.flexContainerBottom{display:flex;max-width:1300px;margin:auto}.flexContainerBottom .div3x{width:33%;text-align:left}.dropDownMenu{flex-direction:column;position:fixed;top:109px;max-width:500px;bottom:0;right:-30em;overflow:auto;background-color:#37353c;width:350px;transition:.5s;z-index:1}.dropDownMenu.active{right:0;display:flex}.dropDownHeader{padding:15px;font-size:25px;border-bottom:.3px solid #c1c0c0;color:#fff}.dropDownMenuBtn{padding:10px 15px;font-size:18px;cursor:pointer}.notificationMenu{position:fixed;top:120px;right:20px;background-color:#fff;width:350px;border-radius:10px;transition:.5s;display:none}.notificationMenu.active{display:block;box-shadow:0 2px 20px 10px #4a599e66}.notificationMenu .header{padding:10px;display:flex;justify-content:space-between;flex-direction:row;color:#fff;background-color:#3e3c46;border-bottom:.5px solid #797979;border-radius:3px 3px 0 0}.notificationMenu a{color:#4a68bd;transition:.6s}.notificationMenu a:hover{color:#1a2d60;text-decoration:underline}.notificationMenu .body{background-color:#fff;border-radius:0 0 10px 10px;display:flex;flex-direction:column}.closeButton{padding:4px 2px;transition:.5s;border-radius:10px}.closeButton:hover{background-color:#d7c1c1;color:#000}.notificationMenu .bottom{border-radius:0 0 3px 3px;background-color:#f9f2f2;padding:5px;text-align:center;font-size:15px;color:#000}.notificationMenu .bottom a{color:#000;cursor:pointer;text-align:center}.notificationMenu .body .content{display:flex;padding:5px;font-size:13px}.nofific_counter{background-color:#cc9330;padding:5px 10px;font-size:10px;font-weight:bolder;color:#e0e0e0;border-radius:100%;position:absolute;top:15px;right:80px;display:flex;text-align:center;justify-content:center}@media(max-width:800px){.menuBtn{display:flex;color:#c1c0c0;font-size:30px;cursor:pointer;padding:0}.nav-links{position:fixed;top:-25em;left:0;background-color:#3e3c46;right:0;width:100%;font-size:25px;box-sizing:border-box;padding:30px 15px;flex-direction:column;opacity:0;transition:.6s;z-index:1}.nav-links.active{display:flex;opacity:1;top:100px}.rightSide{margin-top:0%}.nofific_counter{right:130px}.flexContainerBottom{flex-direction:column}.flexContainerBottom .div3x{width:100%}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}body{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:auto;line-height:1.75;background-color:#f0f0f0;font-size:18px}body.modalOpen{overflow:hidden}p{line-height:1}ul,ol{margin:0 2px}li p{line-height:1}.bodyContainer{max-width:1200px;margin:auto;padding:0;display:flex;justify-content:center;scroll-behavior:smooth}@font-face{font-family:UthmanicHafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2) format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.ttf) format("truetype");font-display:swap}h1,h2{font-weight:800;margin:5px 0}p{line-height:1.5}hr{border:1px solid rgb(0,0,0,.15)}.list{box-sizing:border-box;border:1px solid #ebebeb;box-shadow:0 2px 10px 5px #0000001a;border-collapse:collapse;width:100%}.list tr th{text-align:left;padding:10px;background-color:#c9c7c7}.list tr td{text-align:left;padding:10px}.bodyContainer_noHeader{max-width:1200px;margin:auto;padding:20px;display:flex;justify-content:center;align-items:center}.fullBody{width:100%;padding:20px;animation:scrollUp 1s}@keyframes scrollUp{form{margin-top:30px}to{margin-top:0}}.listClass{line-height:30px}.imageWithTextContainer{display:flex;flex-direction:row;width:100%;margin:90px 0 2px;background-image:url(/assets/bookshelf-CBbAMXDE.jpg);background-blend-mode:lighten;height:600px}.imageWithText{width:100%;padding:20px;height:600px;background-color:#fffefecc}.textCenter{margin-top:50px;text-align:center}.homePageDivContent{border-radius:10px;background-color:#f0fffb;padding:10px 15px;color:#05482f;text-align:center;margin:0 5px;box-shadow:0 5px 20px 5px #0000001a}.homePageDivContent h2{font-weight:700}.articleTopBar{background:#fff;z-index:100;position:fixed;top:110px;width:100%;left:0;right:0;padding:10px 15px;box-shadow:0 2px 10px 2px #0000001a}.articleContainer{position:absolute;display:flex;max-width:1200px;box-sizing:border-box;width:100%;inset:160px 0 0;margin:auto}.articleContainer .menuList{width:20%;overflow:auto;box-sizing:border-box;background-color:#efeff0}.articleContainer .result{overflow:auto;padding:0 15px;box-sizing:border-box;width:80%}.optionList{border:1px solid #a4a4a4;background-color:#fff;margin:5px 0;border-radius:10px;padding:8px 12px;font-size:13px}.optionList.active{background-color:#e3f8f0;border:2px solid #34a077}.optionList:hover{background-color:#f9fffb;cursor:pointer}.quran_quoteBox{margin:20px 0;background-color:#fff;border-left:5px solid rgb(239,130,75);box-shadow:0 2px 10px 5px #ed82001a}.quran_quoteBox .header{display:flex;justify-content:space-between;align-items:center;margin:0 20px}.quran_quoteBox .verse{color:#ef824b;font-size:30px;text-align:right;font-weight:900;font-family:Amiri,UthmanicHafs,Traditional Arabic,serif;padding:10px 15px}.quran_quoteBox .translation{color:#ef824b;font-weight:lighter;font-size:20px;padding:10px 15px}.quran_quoteBox .source{color:#5f5f5f;padding:8px 15px;font-size:15px}.hadith_quoteBox{margin:20px 0;background-color:#fff;border-left:5px solid rgb(75,143,239);box-shadow:0 2px 10px 5px #0043ed1a}.hadith_quoteBox .arabic{color:#4b8fef;font-size:30px;text-align:right;font-weight:900;font-family:Amiri,UthmanicHafs,Traditional Arabic,serif;padding:10px 15px}.hadith_quoteBox .translation{font-weight:lighter;font-size:20px;padding:10px 15px;color:#4b8fef}.hadith_quoteBox .source{color:#5f5f5f;padding:8px 15px;font-size:15px}.btn{padding:12px 15px;border-radius:12px;font-weight:700;font-size:17px;margin-top:5px;margin-right:5px;text-decoration:none;cursor:pointer;border:none;transition:.4s}.btn-floating{position:fixed;bottom:40px;right:20px;border-radius:10px;background-color:#86680f;z-index:99;color:#fff;font-size:30px}.btn-floating-red{position:fixed;bottom:40px;right:20px;border-radius:10px;background-color:#86130f;z-index:99;color:#fff;font-size:30px}.btn-add{background-color:#ddfbf0;color:#399683;border:1px solid #94e7c8}.btn:hover{box-shadow:0 2px 20px 5px #0003}.btn-search{padding:10px 20px;margin:2px 10px;background-color:#1ca26f;color:#fff}.btn-finish{background-color:#edfff8;color:#388165;border:1px solid #c7ffe9;text-align:center}.btn-delete{background-color:#fae8e8;color:#b04646;border:1px solid rgb(244,165,165)}.btn-blue{background-color:#eaf4fc;color:#5b67c1;border:1px solid #c3caf9}.btn-primary{background-color:#282c34;color:#fff}.btn-fullWidth{background-color:#d1900f;width:100%;color:#fff}.btn-login{background-color:#529385;color:#f1f1f1;font-weight:lighter}.btn-loginPage{background-color:#d1900f;color:#fff}.btn-gold{background-color:#faf7e5;color:#7d6f1b;border:1px solid rgb(211,201,140);text-align:center}.btn-inactive{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.btn:hover{opacity:.8}.courseFilterBtn{padding:10px 15px;background-color:#fdfbf6;color:#878044;border-radius:5px;font-weight:800;font-size:30px;cursor:pointer;border:1px solid #f9f4bb;transition:.6s}.courseFilterBtn:hover{background-color:#635b14;color:#fff}.courseListFrameImage{height:auto;width:100%;background-repeat:no-repeat;background-size:cover;border-radius:10px;aspect-ratio:3;justify-content:center;align-items:center;cursor:pointer;margin:20px 0;box-sizing:border-box}.courseListFrameImageCover{background-color:#2f2d2d99;width:100%;aspect-ratio:3;border:2px solid #b6acac;box-sizing:border-box;align-items:center;align-content:center;border-radius:10px;position:relative;transition:.4s;text-align:center;color:#fff;padding:10px}.courseListFrameImageCover:hover{background-color:#3e3e3ee6;box-shadow:0 2px 10px 5px #0000001a}.courseListFrameImageCover .divLeftTop{position:relative;font-size:15px;margin:10px 0;top:10px;left:10px}.courseListFrameImageCover .divMiddle{position:relative;font-size:20px;font-weight:bolder}.courseListFrameImageCover .circleBtn{border-radius:100%;padding:10px;font-size:20px;float:right;margin:0 10px;text-align:right;color:#fff;background-color:#000;opacity:.6}.headerSection{margin-top:109px;text-align:left}.headerSection .container{max-width:1000px;margin:auto}.course{color:#353742;background-color:#dbb4a6}.course .title{padding:15px;font-size:50px;font-weight:bolder}.course .body{padding:15px}.zakahHeader{background-color:#e0ffea;color:#296948}.zakahHeader .title{padding:15px;font-size:50px;font-weight:bolder}.zakahHeader .body{padding:15px}.literatureHeader{background-color:#fffce0;color:#696429}.literatureHeader .title{padding:15px;font-size:50px;font-weight:bolder}.literatureHeader .body{padding:15px}.widthDiv3{width:30%}.courseList{display:block;max-width:1000px;margin:auto}.courseList .listDiv{border-bottom:2px solid rgb(0,0,0,.15);display:flex;align-items:center;justify-items:center}.courseList .listDiv .dot{padding:10px;color:#152958}.courseList .listDiv .info{padding:10px;text-decoration:none}.courseList .listDiv .info .link{font-weight:bolder;font-size:30px}.checkBox{padding:5px 10px;background-color:#fff;color:#00000026;border-radius:10px;border:1px solid rgb(0,0,0,.15);cursor:pointer}.checkBox:hover{color:#3f3e3e}.checkBox.active{background-color:#42987d;color:#fff}.aboutSection{display:flex;flex-direction:row;box-sizing:border-box;flex-wrap:wrap}.youTubeVideo{width:100%;box-sizing:border-box}.searchField{border-radius:20px;border:1px solid rgb(199,195,195);box-shadow:0 2px 10px 5px #00000026;box-sizing:border-box;font-size:20px;width:100%;padding:10px 15px}.searchBtn{padding:5px;font-size:20px;display:block;border-radius:0 10px 10px 0;cursor:pointer;width:25px;background-color:#dbd3d3}.searchBtn:hover{background-color:#b0e9b726}.whoSection{padding:20px;width:650px}.title{font-weight:700;margin-bottom:10px;margin-top:10px}.title_1{font-size:30px}.title_2{font-size:20px}.paragraph{display:block}.dropDown{box-shadow:0 2px 10px 5px #0003;margin:0 0 20px;background-color:#fff;display:inline-block;position:absolute;z-index:100;display:none}.dropDown.active{display:block}.dropDown .option{padding:10px 15px;font-size:13px;color:#585858}.dropDown .option:hover{background-color:#e9f7f2;border-radius:5px;cursor:pointer}.divBox{margin-top:10px;box-shadow:0 2px 10px 5px #6864644d;background-color:#fff;width:500px}.divBox .divBody{padding:20px}.slideShowMenu{margin:10px 0;display:flex;border-radius:6px}.slideShowMenu .pauseBtn{padding:10px 15px}.slideShowMenu .page{padding:10px 15px;color:#868386}.divContainer{box-shadow:0 2px 20px 10px #3b705d1a;background-color:#fff;padding:10px 15px;margin:20px 0}.divContainer .div{padding:20px 15px;box-sizing:border-box}.imageSetUpContainer{position:relative;top:20px;margin:0 20px;float:right}.frameImageBtn{border-radius:4px;padding:10px 15px;border:none;margin:0 0 0 10px;background-color:#000;color:#fff;opacity:.7;transition:.6s;cursor:pointer}.frameImageBtn:hover{opacity:1}.frameImageBtn.delete{background-color:red}.frameImageBtn.edit{background-color:#085997}.infoBox{margin:30px 0 0 30px;border-collapse:collapse;box-shadow:0 2px 10px 5px #0000004d}.infoBox .title{background-color:#fffbe0;box-shadow:none;font-weight:bolder;color:#121215;border:none;padding:10px 15px;font-size:28px;margin:0}.infoBox .body .content{background-color:#fffbe0;padding:10px 14px;color:#121215}.divHoverBox{background-color:#fff;box-sizing:border-box;width:100%;border-radius:15px;box-shadow:0 2px 10px 5px #0003;cursor:pointer;transition:.6s}.divHoverBox:hover{background-color:#f3f3f3;box-shadow:0 2px 5px 3px #0003}.divHoverBox .header{align-items:center;text-align:center;color:#085997;font-size:100px;width:100%;padding:10px;box-sizing:border-box}.divHoverBox .body{align-items:center;text-align:center;font-size:20px;width:100%;font-weight:bolder;padding:10px;box-sizing:border-box}.successMessageFixed{background-color:#d0f6ed;color:#05482f;border-radius:8px;overflow:auto;display:block;height:0;position:sticky;align-self:center;margin:auto;transition:.6s;box-sizing:border-box;width:100%;top:120px;z-index:999}.successMessageFixed.active{height:50px}.successMessageFixed .successMessageFlex{padding:10px 15px;display:flex;justify-content:space-between}.redMessage{background-color:#f6d0d0;color:#a21c1c;padding:8px 12px;font-weight:700;font-size:13px;border-radius:10px}.tabelStyle{width:100%;border-collapse:collapse;box-sizing:border-box;background-color:#fff;text-align:left;overflow:auto;box-shadow:0 2px 10px 5px #0003}.tabelStyle .header{background-color:#e4e4e4;color:#4e4e4e}.tabelStyle .header th{padding:10px 15px}.tabelStyle .body:nth-child(2n){background-color:#eee}.tabelStyle .body td{padding:10px 15px;font-size:14px}.miniImage{width:50px}.pageList{display:flex;margin-top:40px;justify-content:center}.pageList .pageList{padding:6px 16px;margin:0;border-radius:10px}.pageList .blueBtn{padding:6px 16px;margin:0;background-color:#184a9a;color:#fff;border-radius:10px}.pageList .pageList:hover{background-color:#e0dcdc;cursor:pointer}.slideDownBox{border-radius:15px;background-color:#e1e4e5;margin:12px}.slideDownBox .header{padding:8px 15px;font-size:21px;font-weight:bolder;cursor:pointer}.slideDownBox .body{padding:0 23px 23px;height:0;overflow:hidden;transition:.6s}.divList{padding:6px 10px;display:flex;justify-content:space-between;margin:15px;background-color:#fff;box-shadow:0 2px 2px #0000004d;border-radius:12px}.table{box-sizing:border-box;border-radius:10px 10px 0 0;box-shadow:0 4px 4px #0000004d}.table .header{display:flex;justify-content:space-between;background-color:#1081d7;color:#fff;font-weight:700;border-radius:10px 10px 0 0}tr:nth-child(2n){background-color:#f3f3f3}.table .header div:first-child{width:70%}.table .header div{padding:7px 12px}.table .body .content{display:flex;justify-content:space-between}.table .body .content div{padding:7px 12px}.table .body .content div:first-child{width:70%}.topSite{width:80%;margin:auto;position:sticky;top:130px}.resource{display:flex;border:2px solid rgb(97,107,127);align-items:center;border-radius:10px}.resource .logo{color:#3f3f3f;font-size:30px;margin:5px}.resource .title{color:#3f3f3f;font-size:20px;font-weight:bolder}.divRedBorder{background-color:#fff;margin:10px 0;border-radius:20px}.divRedBorder.haram{border:2px solid rgb(249,141,141)}.divRedBorder .header{padding:10px 15px;border-bottom:2px solid #c3b4b4;font-size:30px;font-weight:bolder}.divRedBorder .body{padding:10px 15px}.commentBox{background-color:#f9fcff;border:2px solid #d5e6f8;padding:10px 15px;color:#324b7d;margin:10px 0;border-radius:20px}.tag{padding:5px 15px;border-radius:10px;font-size:16px;font-weight:700;margin:10px 10px 10px 0;display:inline-block}.tag.course-tag{background-color:#fff5de;color:#91732d;border:1px solid #f9ebca}.tag.course-deadline-none{background-color:#eef8ff;border:1px solid #d3e9f9;color:#1c68a2}.tag.course-members{background-color:#fcebef;border:1px solid #ffdfe6;color:#66222e}.tag.article{color:#e78953;border:1px solid rgb(252,235,219);background-color:#fffef8}.tag.book{color:#537de7;border:1px solid rgb(219,229,252);background-color:#f8faff}.tag.haram{color:#e75353;border:1px solid rgb(252,219,219);background-color:#fff8f8}.imageLogo{width:200px;margin:10px}input[type=file]{display:none}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltiptext{visibility:hidden;width:150px;background-color:#424045;color:#e5e4e4;text-align:center;border-radius:6px;font-size:13px;box-shadow:0 2px 10px 4px #0003;padding:6px 10px;position:absolute;z-index:1;bottom:100%;left:0%;margin-left:-60px}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgb(66,64,69) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}.number{font-size:50px;font-weight:bolder}.errorText{color:#ef4848ea;padding:0 7px;display:none}.infoMessage{background:#f2fbff;color:#0c1b4d;border:1px solid #c0cdf9;padding:8px 13px;margin:15px 2px;border-radius:6px;font-size:18px}.percentScore{background-color:#e4f9fe;display:inline-block;padding:10px 15px;font-size:15px;font-weight:lighter;margin:5px;border-radius:10px;color:#05416e}.resultContainer{width:80%;margin:auto}.resultContainer .listItem{margin-bottom:20px;box-shadow:0 2px 10px 5px #0003;transition:.6s;display:flex;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:20px;cursor:pointer}.resultContainer .listItem .left{padding:5px;color:#05416e}.resultContainer .listItem .right{padding:5px}.resultContainer .listItem:hover{box-shadow:0 2px 5px 2.5px #0003;background-color:#edededd6}.masailContainer{margin-top:30px}.masailDetails{font-size:13px;color:#565656}.loginBtnContainer{display:flex;justify-content:space-between}.imgLoginContainer{margin:10px;display:grid;place-items:center}.profileImg{margin:auto;max-width:200px;border-radius:50%;aspect-ratio:1;border:5px solid rgb(228,216,216);box-shadow:0 2px 5px 2px #0000004d}.img{border-radius:50%;border:1px solid #9d9999}.courseBox{background-color:#fff;box-sizing:border-box;box-shadow:0 2px 10px 3px #0003;border-radius:10px 10px 6px 6px;margin:10px 20px 30px 10px}.courseBox .container{display:flex;align-items:center;justify-content:space-between}.courseLogo{width:100%;border:1px solid rgb(0,0,0,.15);padding:3px;border-radius:10px}.container .info{display:flex;padding:10px 15px;width:50%;align-items:center}.container .info .titleContainer{margin-left:10px;font-size:15px;font-weight:lighter;align-items:center}.progressBar{background-color:#fbf7d4;font-size:14px;text-align:center;border-radius:0 0 10px 10px}.progressBar .finished{background-color:#ffd66e;width:10%;box-sizing:border-box;padding:3px 5px;border-radius:0 0 10px 10px}.profileCard{height:100px;width:100px;border-radius:50%;border:1px solid #ccc}.img-table{height:50px}.img-login{width:200px;height:auto}.loginForm{display:flex;flex-direction:column}.loginInput{border-radius:10px;border:2px solid #c0bfbf;background-color:#ffffffa4;box-sizing:border-box;align-items:center;font-size:20px;padding:10px 15px;width:100%}.loginInput:focus{box-shadow:0 2px 10px 5px #0000001a}.inputTitle{padding:10px;width:100%;box-sizing:border-box;font-size:22px;font-weight:bolder;color:#fff;border:none;border-bottom:3px solid #fff;background:none}.slidingBox{border:1px solid rgb(221,216,216)}.slidingBox .title{padding:5px 13px;background-color:#dad0d0;color:#494646;font-size:23px;cursor:pointer}.slidingBox .body{display:none}.slidingBox .body.active{padding:5px 13px;display:block}.section.courseApply .header{color:#e5eaea;font-size:20px;border-bottom:4px solid #f2e5e5;background-color:#1b326f;font-weight:700;padding:5px 10px}.section.courseApply .body{border-width:0px .5px .5px .5px;border-style:solid;border-color:#afafaf80;padding:10px 0}.section_section{padding:10px 10px 0}.courseApplyText{background-color:#fff;border:2px solid #a8a7a7;box-sizing:border-box;width:100%;max-width:100%;min-width:100%;border-radius:10px;font-size:20px;font-family:Arial,Helvetica,sans-serif;min-height:150px;padding:8px 14px}.form-input{border-radius:10px;border:2px solid rgb(211,210,210);box-sizing:border-box;font-size:20px;background-color:#fff;width:100%;padding:10px 15px}.form-input.course{background-color:#fff;border:2px solid #a8a7a7;box-sizing:border-box;width:95%;margin:5px 10px}.form-input.course:focus{border-color:#5d76cd}.inputLabel.courseLabel{margin:2px 10px}.form-input.fullWidth{width:100%;box-sizing:border-box}.form-input:focus{border-color:#223566;box-shadow:0 2px 10px 5px #0000001a}.form-input.wrong{border-color:#fd2929}.loginInput.error{border:2px solid red}.errorMessageField{font-size:15px;padding:5px;color:#f74747}.link{color:#184a9a;text-decoration:none;cursor:pointer}.link:hover{text-decoration:underline;color:#000}.linkLogin{font-size:20px}.errorMessage{display:flex;justify-content:space-between;border-radius:5px;background-color:#fff6f6;color:#c12828;margin:5px 2px;padding:8px 12px;box-sizing:border-box;border:1px solid rgba(247,211,211)}.redMessage{border-radius:5px;background-color:#fff6f6;color:#c12828;margin:5px 2px;padding:8px 12px;box-sizing:border-box;border:1px solid rgba(247,211,211)}.greenMessage{border-radius:5px;background-color:#f6fffa;color:#28c193;font-weight:700;font-size:13px;margin:5px 2px;padding:8px 12px;box-sizing:border-box;border:1px solid rgb(211,247,224)}.profileMenuImage{height:50px;margin:5px 5px 0 0;cursor:pointer;border:1px solid #c1c0c0;border-radius:50%}.profileMenuImage:hover{opacity:.9}.accountHeaderClass{background-color:#383447;margin-top:100px}.accountHeaderObjects{max-width:1200px;display:flex;flex-direction:row;justify-content:center;margin:auto}.ppContainer{padding:20px;width:150px}.headerInfo{padding:20px;width:100%;color:#fff}.ppStyle{height:120px;border-radius:50%;border:1px #b2afaf}.stickyProfileMenu{background-color:#fff;box-shadow:0 4px 2px #9f9e9e66;position:sticky;left:0;right:0;top:105px}.menuContainer{display:flex;max-width:1300px;margin:auto;flex-direction:row;justify-content:center}.closeFilterMenu{padding:10px 15px}.profileBtn{padding:20px;text-align:center;width:400px;cursor:pointer}.profileBtn:hover{background-color:#d1cccc}.profileBtn.active{border-bottom:4px solid #454242}.aboutSection{display:flex;flex-direction:row}.aboutLeft{width:35%;padding:16px}.aboutRight{width:55%;padding:16px}.aboutBox{background-color:#fdf7f7;border:2px solid rgb(255,230,230);color:#722c2c;border-radius:10px;padding:7px 12px}.statusBox{background-color:#fefdfd;border:2px solid rgb(233,233,233);color:#3c3c3c;border-radius:10px;padding:7px 12px;margin:0 0 10px}.statusProfileImage{width:50px;border-radius:50%;border:2px solid #6d6f74}.profileImage{padding:10px 15px}.statusContent{width:100%}.flexStatus{display:flex;width:100%}.flexStatus .statusContent{width:100%}.aboutBox .header,.statusBox .header{font-size:25px;font-weight:800}.date{font-size:14px;color:#5e5e5e}.div{background-color:#fff;max-width:600px;margin:auto;padding:15px 20px;border-radius:20px;box-shadow:2px 2px 20px 10px #0003}.courseContainer{display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box}.courseInfo{border-radius:5px;box-shadow:2px 2px 10px 2px #0000001a;width:30%;margin:10px;height:auto;box-sizing:border-box}.courseInfoBox{background-color:#fff;border-radius:15px;border:1px solid #c9c9c9}.courseInfoBox .paddingElement{padding:5px 15px}.addElementMenu{position:sticky;z-index:50;background-color:#fff;box-sizing:border-box;box-shadow:0 2px 10px 4px #0000001a;width:100%;padding:10px 15px;top:180px}.divContainer h2{font-size:bolder;color:#616161}.courseTitle{font-size:28px;margin:0 0 10px;font-weight:bolder;color:#4f4f4f}.courseInfoImage{height:auto;width:100%;background-repeat:no-repeat;background-size:cover;aspect-ratio:3;box-shadow:0 2px 10px 5px #0003;justify-content:center;margin:20px 0;box-sizing:border-box}.courseInfoImageCover{background-color:#0009;width:100%;display:block;aspect-ratio:4;box-sizing:border-box;align-content:center;text-align:center;color:#fff;padding:10px}.courseInfoContainer{padding:10px}.coverImageStyle{box-shadow:0 2px 10px 6px #8ba1ad4d}.genreStyle{color:#05416e;padding:5px 10px;font-weight:700;margin:5px;font-size:15px;border-radius:16px;background-color:#f8f9fc;border:1px solid rgb(230,236,250);display:inline-block}.genreStyle.admin{background-color:#f44040;color:#fff}.genreStyle.user{background-color:#407ff4;color:#fff}.genreStyle.consulate{background-color:#897f50;color:#fff}.categoryContainer{margin-top:10px;margin-bottom:10px}.inputLabel{font-size:14px;margin:20px 0 0;color:#434343;font-weight:800}.CourseHeader{background-color:#232324;margin-top:107px}.CourseHeaderContainer{max-width:1200px;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;color:#ccc;justify-content:space-between}.CourseHeaderContainer .Left{width:20%}.CourseHeaderContainer .Middle{width:40%;padding:20px}.CourseHeaderContainer .Right{width:25%;padding:20px}.linkWhite{text-decoration:none;color:#fff;transition:.8s}.linkWhite:hover{color:#2c70af;text-decoration:underline}.centerDiv{text-align:center}.div_float_message{position:fixed;bottom:2%;left:-50%;opacity:1;padding:10px 20px;transition:.9s;background-color:#414143;color:#fff;font-weight:700;border-radius:14px}.div_float_message.active{left:2%}.modalBackground{position:fixed;display:none;align-items:center;justify-content:center;background-color:#000;background-color:#000c;width:100%;height:100%;padding:10px;box-sizing:border-box;top:0;overflow:auto;z-index:1000;transition:1s}.closeModalBtn{position:absolute;top:20px;right:20px;font-size:50px;color:#b1afaf;cursor:pointer}.closeModalBtn:hover{color:#eede82}.modalBackground.loading{display:flex}.boxDiv{padding:8px 15px;box-sizing:border-box;box-shadow:2px 2px 10px 2px #0003;border-radius:12px;margin-top:4px;margin-bottom:7px;background-color:#fbf8f2}.noContentText{display:block;color:#9b9b9b;font-style:italic;font-size:18px}.inputLabel{font-size:17px;font-weight:bolder;margin-bottom:2px;color:#444}.modalBackground.active{display:flex}.contentColor{padding:20px 0}.contentColor a{color:#fff}.contentColor a:hover{color:#ffdcdc}.quoteBox{background-color:#fff;display:flex;max-width:700px;text-align:left;margin:auto;border-radius:10px;box-shadow:0 2px 20px 2px #0003}@keyframes slidingAnimation{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.flexContainer{box-sizing:border-box;margin:auto;width:100%;display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.flexContainer.authentication{align-items:center}.flexContainerDate{display:flex;width:100%;padding-right:20px;box-sizing:border-box;justify-content:space-around}.flexContainer.page{background-color:#fff;justify-content:space-between}.flexContainer .pageBefore,.flexContainer .pageAfter{padding:10px 15px}.flexContainer .pageBefore:hover,.flexContainer .pageAfter:hover{background-color:#05416e;color:#fff;cursor:pointer}.flexContainer .pageBefore.disabled,.flexContainer .pageAfter.disabled{color:#aeaeae}.flexContainer .sideList{padding:10px 15px}.flexContainer div{animation:slidingAnimation linear;animation-timeline:animation();animation-range:entry 0}.flexContainer .courseDesc{width:65%}.flexContainer .courseDetails{width:35%;padding:0;margin:0}.flexContainer.noCenter{align-items:none}.flexContainer .bookCover{padding:10px;align-items:center;width:30%}.flexContainer .bookCover img{width:100%}.flexContainer .bookInfo{padding:10px;width:60%}.flexContainer .div3x{width:30%;padding:10px}.flexContainer .div3x div{box-sizing:border-box;height:min-content}.tiptap.ProseMirror{margin:0;padding:0 3px;border-radius:6px}.control-group{padding:0}.button-group{border-bottom:1px solid rgb(111,107,111)}.quranVerse{width:100%;max-width:100%;box-sizing:border-box;min-width:100%;min-height:60px;border:none;box-shadow:0 2px 10px 5px #0000001a}.quranVerse.arabic{font-family:Amiri,UthmanicHafs,Traditional Arabic,serif;color:#ef824b;font-size:25px;text-align:right}.quranVerse.hadith{font-family:Amiri,UthmanicHafs,Traditional Arabic,serif;color:#4b8fef;font-size:25px;text-align:right}.quranVerse.translation{font-size:20px;font-family:Arial,Helvetica,sans-serif;color:#4e4e4f}.quranVerse.reference{font-size:16px;font-family:Arial,Helvetica,sans-serif;color:#4e4e4f}.courseBtn{padding:9px 14px;font-size:13px;border-radius:5px;box-shadow:2px 3px 10px 5px #0000001a;margin-right:5px;margin-top:5px;cursor:pointer}.courseBtn.deleteSection{color:#e94c4c;border:3px solid rgb(233,76,76)}.courseBtn.deleteSection:hover{background-color:#e94c4c;color:#fff;box-shadow:none}.courseBtn.addElement{border:3px solid rgb(58,146,93);color:#3a925d}.courseBtn.addElement:hover{background-color:#3a925d;color:#fff;box-shadow:none}.courseBtn.addDiv{border:3px solid rgb(58,104,146);color:#3a6892}.courseBtn.addDiv:hover{background-color:#3a6892;color:#fff;box-shadow:none}.courseBtn.embedYouTube{border:3px solid rgb(236,5,5);color:#ec0505}.courseBtn.embedYouTube:hover{background-color:#ec0505;color:#fff;box-shadow:none}.button-group button{border:5px solid #3e576c;color:#3e576c;background-color:#fff;border:none;cursor:pointer;margin:5px 3px;padding:6px 10px;font-size:15px}.button-group button:hover{background-color:#3e576c;color:#fff}.flex{display:flex}.filterMenu{position:fixed;width:25%;top:160px;left:-150%;transition:.6s}.filterMenu.active{overflow:auto;box-shadow:0 2px 3px 3px #0000001a;left:0;bottom:0;background-color:#fff;z-index:100;padding:0;margin:0}.filterChoices{position:fixed;top:160px;width:25%;bottom:0;overflow:auto;z-index:-1;padding:10px 14px;box-sizing:border-box}.closeFilterMenu{transition:.5s;cursor:pointer;padding:20px 15px;display:block}.closeFilterMenu:hover{background-color:#e3f9ea;color:#05482f}.menuTitle{box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:space-between;position:fixed;top:109px;left:-150%;width:25%;padding:0;margin:0;background-color:#fff}.menuTitle.active{left:0}.menuTitle div{padding:10px 15px}.filterButton{padding:20px 0;position:sticky;top:109px;z-index:100}.flex .right{width:70%;padding:0 10px;box-sizing:border-box}.flex .right .position{position:relative}.details{padding:10px;color:#686868}.messageFloater{border-radius:10px;text-align:center;padding:10px 20px;width:200px;background-color:#444242;overflow:auto;color:#fff;position:fixed;bottom:-100px;left:20px;z-index:100;transition:.5s}.messageFloater.active{bottom:20px}.fileBox{align-items:center;text-align:center;background-color:#fff;border:1px solid #b8b8b8;border-radius:10px;padding:10px}.flexContainer .div2x{width:50%}.flexContainer .div2x .div_header{padding:8px 12px;align-items:center;text-align:center;font-weight:bolder;color:#464444}.flexContainer .div2x .div_header:hover{background-color:#f5f2f2;cursor:pointer;color:#00a6ff}.flexContainer .div2x .div_header.active{color:#00a6ff;border-bottom:2px solid rgb(0,166,255)}.flexContainer .div2x.about{font-size:13px}.menuTitle{color:#646262}.sideMenu{margin-right:20px;width:100%;box-sizing:border-box;border-right:1px solid rgba(100,100,100,.2);background-color:#ededed;top:110px;z-index:1;position:sticky}.sideMenu div{padding:10px 15px;font-size:16px}.sideMenu div:hover{background-color:#ccc;cursor:pointer;border-bottom:2px solid #797575}.flexContainer .rightContainer{width:70%;padding:5px;overflow:auto}.flexContainer.zakah{align-items:baseline}.flexContainer.zakah .left{width:65%}.flexContainer.zakah .right{width:35%}.zakah_body_flex{display:flex;flex-wrap:wrap}.zakah_body_flex .divElementZakah{width:50%;box-sizing:border-box}.zakah_body_flex .divElementZakah .setup{padding:10px 15px}.form-input.zakahFields{border:2px solid #a2b6f1;background-color:#fff}.divBoxContainer{display:flex;flex-direction:column;align-items:center;padding:10px;margin:5px;border-radius:10px;background-color:#fff;box-shadow:2px 2px 20px 10px #6e6e9033;transition:.4s}.divBoxContainer img{width:200px;height:180px}.formDivBox{padding:10px 15px;margin:15px 5px;border-radius:10px;border:1px solid #cfcfcf;background-color:#fff}.formDivBox h1{font-weight:800;color:#5a5a5a}.divFormContent{padding:10px 15px;margin:15px 5px}.divFormContent h1{font-weight:800;color:#5a5a5a}.divFormContent center{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#5f5f5f}.contactDetails{margin:15px 5px}.contactDetails h1,.contactDetails h2{font-weight:800;color:#5a5a5a}.divBoxContainer:hover{box-shadow:2px 2px 5px 5px #6e6e9099}.flexContainer.articles{justify-content:space-around}.greeting{color:#525151;font-weight:100;font-style:italic}.greetingBottom{color:#fff;font-weight:100;font-style:italic}.divArticles{text-align:center;align-items:center;padding:20px;width:100%;box-sizing:border-box;border-radius:4px}.centered{text-align:center}.moduleBottom{position:absolute;height:75px;background-color:#fff;box-shadow:0 4px 10px #0003;align-items:center;bottom:0;right:0;left:0;width:100%;box-sizing:border-box}.moduleBottom .content{display:flex;justify-content:space-between;max-width:1200px;margin:auto}.moduleBottomNotFixed{width:100%;box-sizing:border-box}.moduleBottomNotFixed .content{display:flex;width:100%;justify-content:space-between}.divArticles:hover{background-color:#e1f1e1;cursor:pointer;box-shadow:0 5px 10px 3px #02020266}.searchDiv{margin-top:10px;background-color:#fff;border:none;box-sizing:border-box;border-radius:20px;z-index:1000;overflow:auto;box-shadow:0 2px 10px 5px #0003}.searchDiv .alt{border-bottom:.2px solid rgba(0,0,0,.2);padding:11px 14px}.contactBox{display:flex;flex-direction:row;width:30%;margin:20px 20px 0 0;border:2px solid #d7d7d7;border-radius:10px;box-sizing:border-box;background-color:#fff}.contactImage{padding:10px 15px;width:80px}.contactInfo{padding:10px 15px}.modalBox{overflow:auto;background-color:#fff;display:block;margin:auto;padding:0;width:550px;border:none;border-radius:10px;position:relative;animation:modalAnimation;animation-duration:.5s}@keyframes modalAnimation{0%{top:-40px}to{top:0}}.modalBox .title{padding:10px 15px;font-weight:bolder;font-size:27px;color:#424242;border-bottom:1px solid #bbb5b5}.modalBox .body{padding:20px}.modalBox .bottom{padding:20px;border-radius:10px;background-color:#ebedf0}.searchAlt{position:relative;background-color:#fff;width:100%;box-sizing:border-box;border:.5px solid rgba(100,100,100,.2)}.searchAlt .list_search{padding:10px 15px}.searchAlt .list_search:hover{cursor:pointer;background-color:#dcf2fc}.textarea_field{min-width:100%;max-width:100%;height:250px;min-height:200px;font-size:20px;line-height:35px;font-family:sans-serif;border-radius:20px;box-shadow:0 2px 5px 2px #00000026;box-sizing:border-box;width:100%;padding:10px 15px;border:1px solid rgb(0,0,0,.15)}.floatContainer{position:fixed;z-index:101;bottom:-100px;left:20px;transition:.6s}.floatContainer.active{bottom:20px}.CourseMenu{box-shadow:0 5px 10px #0006;position:sticky;top:109px;z-index:100;background-color:#fff}.CourseMenu .container{display:flex;margin:auto;max-width:1200px;justify-content:space-between}.CourseMenu .container .title{padding:10px 15px}.CourseMenu .container .courseBtnsMobile{display:none}.courseMenuBtn{height:100%;font-size:20px;border:none;cursor:pointer;padding:0 10px;font-weight:bolder;transition:.6s}.courseMenuBtn.edit{background-color:#e5edf9;color:#1d1b49}.courseMenuBtn.continue{background-color:#e5f9ee;color:#1b492d}.courseMenuBtn:hover{opacity:.7}.courseMenuBtn.attend{background:linear-gradient(90deg,#ccaf47 73%,#fcce00);color:#fff}.CourseMenu .container .divBtn{padding:20px;width:30%;text-align:center;cursor:pointer}.CourseMenu .container .divBtn:hover{border-bottom:2px solid rgb(79,30,30);font-weight:bolder;color:#232324}.CourseMenu .container .divBtn.notActive{display:none}.CourseMenu .container .divBtn.active{border-bottom:2px solid rgb(114,55,55);font-weight:bolder}.div_wrapper_info{background-color:#fff;box-shadow:0 2px 3px #0006;justify-content:space-between;border-radius:10px;margin:5px}.div_wrapper_info .flex_style{cursor:pointer;display:flex;justify-content:space-between}.div_wrapper_info:hover{background-color:#f1ebac}.div_wrapper_info .title_info{padding:10px 15px;font-weight:bolder}.div_wrapper_info .toggle_info{padding:10px}.div_wrapper_info .body_info{background-color:#fff;transition:.5s}.div_wrapper_info .flex_style_inner{padding:10px 15px;border-bottom:1px solid #b2b1b1}.filterBox{border-radius:10px;padding:12px 10px;background-color:#393838;color:#fff}.fullWidthAddBtn{border:2px solid rgb(110,110,110);padding:15px 20px;width:100%;border-radius:20px;text-align:center;box-sizing:border-box;font-weight:bolder;color:#444;cursor:pointer;transition:.7s}.fullWidthAddBtn:hover{box-shadow:0 2px 10px 5px #0003}select{border-radius:20px;border:1px solid rgb(199,195,195);box-shadow:0 2px 10px 5px #00000026;box-sizing:border-box;width:100%;padding:10px 15px}.h1_title{color:#3c3a3a;font-style:italic}.moduleTopBar{padding:10px 15px;position:fixed;z-index:100;left:0;background-color:#fff;right:0;box-shadow:0 5px 10px 2px #0003}.moduleTopBar .header{max-width:1200px;margin:auto}.altBtn{padding:2px 10px;border-radius:4px;border:.4px solid rgba(0,0,0,.3);background-color:#fff;margin:4px;transition:.6s}.informationBox{background-color:#e7f3fe;border-left:2px solid #2196F3;padding:10px 15px;color:#085997;margin:10px 0;box-sizing:border-box}.altBtn.correctAnswer{background-color:#1ca26f;color:#fff;border:none}.altBtn:hover{cursor:pointer}.moduleCourseTitle{color:#787878;font-weight:800;margin:15px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.moduleContainer{display:flex;position:absolute;overflow:auto;max-width:1200px;margin:auto;width:100%;justify-items:center;box-sizing:border-box;bottom:76px;top:160px;z-index:10}.headerContainer{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.headerContainer .image{margin-top:20px}.imageStyle{width:200px}.moduleContainer .moduleItemContent{padding:20px;overflow-y:scroll;width:70%;box-sizing:border-box}.moduleContainer .moduleList{width:30%;overflow-y:scroll;border-collapse:collapse;padding:16px}.moduleContainer .moduleList .headerModuleTitle{color:#2d2c2c;background:#fff;border:1px solid #d0d0d0;box-sizing:border-box;width:100%;padding:10px 15px}.moduleItems{background-color:#f8f8f8;margin:0;border:.3px solid rgba(190,190,190,.3)}.moduleItems .header{font-weight:200px;color:#2d2c2c;background-color:#f8f8f8;box-sizing:border-box;padding:10px 12px}.moduleItems .header:hover{cursor:pointer}.moduleItems .body{font-weight:lighter;font-size:16px;overflow:hidden;border-collapse:collapse;height:0;transition:height .4s ease}.moduleItems .bottom{padding:10px 14px;align-content:center;text-align:center}.moduleItems .body.open{height:max-content}.moduleItems .body .content{padding:10px 14px;background-color:#fff;border-bottom:.3px solid rgba(100,100,100,.2);justify-content:space-between;display:flex;border-left:4px solid rgba(104,100,100,.1)}.moduleItems .body .content.closed{color:#5c5c5c;background-color:#f0ededcc}.moduleItems .body .content.active{border-left:4px solid rgb(57,213,127);font-weight:1000}.moduleItems .body .content:hover{background-color:#e6f0f4;cursor:pointer}.moduleCourseList{border-radius:10px;border:2px solid #d2d2d2;box-shadow:0 2px 10px 5px #0000001a;font-family:Arial,Helvetica,sans-serif;margin:20px 0}.moduleCourseList .header{font-size:18px;font-weight:600;padding:10px 15px;cursor:pointer;transition:1s}.moduleCourseList .header:hover{background-color:#e6fcf4;border-radius:10px}.moduleCourseList .body{height:0;font-size:16px;overflow:auto;transition:.4s ease}.moduleCourseList .body .content{padding:10px 15px;cursor:pointer}.moduleCourseList .body .content:hover{background-color:#ffffea;border-radius:10px}.zakahBox{background-color:#fff;border:1px solid #bcbcbc;margin:30px 0;border-radius:20px}.zakahBox .header{font-size:20px;font-weight:800;cursor:pointer;padding:10px 15px}.zakahBox .header:hover{background-color:#eff7fd;border-radius:20px}.zakahBox .body{padding:10px 15px;display:none}.zakahBox .body.active{display:block}.flexDiv{display:flex}.detail{font-size:11px;color:#717171}.divFullWidth{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;text-align:center}.divCourseDescr{width:70%}.divCourseDetails{width:30%}.questionDiv{padding:9px 15px;border-radius:10px;border:1px solid rgb(195,195,195);background-color:#fff;margin-bottom:30px;font-size:14px}.questionDiv .header{font-size:20px;font-weight:800}.courseContentDiv{padding:5px 15px;border-radius:15px;box-shadow:2px 2px 10px 4px #3b3b3b1c;background-color:#fff;font-size:18px;color:#323232;box-sizing:border-box;margin:5px 2px;width:100%}.moduleItemType{background-color:#fff;border-radius:10px;display:flex;margin:30px 0;box-shadow:2px 2px 10px 2px #0003;align-items:center;cursor:pointer;transition:.5s}.moduleItemType:hover{background-color:#e2e2e2}.moduleItemType.active{background-color:#f1fcff}.moduleItemType .left{width:30%;padding:10px;font-weight:bolder;color:#2d2c2c;align-items:center;text-align:center;color:#4d4949}.moduleItemType .right{width:70%;padding:10px}.answerSelector{padding:10px;border-radius:5px;border:1px solid #ccc;margin-bottom:10px;cursor:pointer;transition:.1s}.answerSelector.active{background-color:#184a9a;color:#fff}.marginHeader{margin-top:25px}@media(max-width:800px){.infoBox{margin:0 0 20px}.courseInfo{width:100%}.courseContainer{flex-direction:column}.courseBox .container{width:100%;align-items:baseline;flex-direction:column}.courseBox .container .info{width:100%;padding:1px 2px}.courseBox .container .actions{align-items:center;text-align:center;box-sizing:border-box;width:100%}.flexContainer{flex-direction:column}.flexContainer .courseDesc{width:100%}.flexContainer.page{flex-direction:row}.flexContainer .courseDetails{width:100%}.flexContainer .div3x,.flexContainer .bookCover,.flexContainer .bookInfo,.flexContainer .div2x{width:100%;box-sizing:border-box}.sideMenu{height:100%;display:none;left:0;top:110px;bottom:0;position:fixed;width:200px;background-color:#fff;z-index:992}.flexContainer .rightContainer{width:100%;height:auto}.contactBox,.flexContainer.zakah .left,.flexContainer.zakah .right{width:100%}.CourseHeaderContainer .Left,.CourseHeaderContainer .Middle,.CourseHeaderContainer .Right{align-items:middle;width:100%;padding:20px;text-align:center}.CourseMenu .container{flex-wrap:wrap;justify-content:space-between}.CourseMenu .container .divBtn{text-align:left;border-bottom:1px solid #ccc;display:none;width:auto}.CourseMenu .container .divBtn:first-child,.CourseMenu .container .courseBtnsMobile{display:block}.CourseMenu .container .courseBtns{display:none}.CourseMenu .container .divBtn.notActive{display:block}.accountHeaderClass .ppContainer,.headerInfo{text-align:center;width:100%;box-sizing:border-box}.accountHeaderObjects{flex-direction:column}.aboutSection div{width:100%;box-sizing:border-box}.widthDiv3{width:100%}.divContainer{flex-direction:column-reverse}.divCourseDescr,.divCourseDetails{width:100%;box-sizing:border-box}.moduleContainer{flex-direction:column;box-sizing:border-box}.zakah_body_flex .divElementZakah{width:100%}.moduleContainer .moduleItemContent{width:100%;box-sizing:border-box;height:100%}.moduleContainer .moduleList{width:100%;padding:20px;margin:0;overflow:auto;position:fixed;box-sizing:border-box;inset:300% 0 72px;background-color:#fff;border-top:1px solid rgba(0,0,0,.2);transition:.5s}.moduleContainer .moduleList .headerModuleTitle{background-color:#fff;color:#2d2c2c;width:100%;margin:0 0 20px;border-radius:10px;font-weight:bolder;padding:10px 15px;text-align:center;box-sizing:border-box;box-shadow:0 2px 10px 2px #0009}.moduleContainer .moduleList.open{top:180px}.topSite,.resultContainer{width:100%}.modalBackground .modalBox,.modalBackground .modalBox .title{border-radius:0}.messageFloater{right:20px;width:85%;box-sizing:border-box}.flex{flex-direction:column}.flex .left{width:100%}.flex .right{width:100%;box-sizing:border-box}.menuTitle{width:100%}.menuTitle.active{left:0}.filterMenu,.filterChoices{width:100%}.filterButton{display:block}}