@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";
.notFound{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.notFound h1{font-weight:600;font-size:20rem!important}.notFound .go-home{border-radius:5px;font-size:20px;color:#3d4852!important;border:1px solid #ccc!important;padding:5px 20px!important}@media (max-width:950px){.notFound h1{font-size:8rem!important}}.skeleton{background-color:#f1eff1;border-radius:4px;margin:10px 0}.skeleton.text{width:100%;height:12px}.skeleton.title{width:100%;height:40px;margin-bottom:1rem}.skeleton.avatar{border-radius:50%;width:100px;height:100px}.skeleton.thumbnail{width:100%;height:100%}.skeleton-blog{flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.skeleton-blog:not(:last-child){margin-bottom:3rem}.skeleton-blog__img{flex:30%;padding:0 10px}@media (max-width:768px){.skeleton-blog__img{padding:0}}.skeleton-blog__img .thumbnail{min-width:200px;height:150px}.skeleton-blog__content{flex:70%;align-self:center}.skeleton-single{position:relative;overflow:hidden}.skeleton-single__img .thumbnail{min-width:200px;min-height:60vh;margin-bottom:1rem}.spark-wrapper{width:100%;height:100%;padding-top:10rem;animation:.8s infinite sparkMove;position:absolute;top:0;left:0}.spark-wrapper .spark{background-color:#fff3;width:50%;height:100%;transform:skew(-20deg)}@keyframes sparkMove{0%{transform:translate(-150%)}50%{transform:translate(-60%)}to{transform:translate(150%)}}.pagination{justify-content:center!important;margin-top:2rem!important}.pagination .previous a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination .next a{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination li{box-shadow:0 3px 6px #0000001a}.pagination li.active a{color:#fff;background-color:#87bdb8}.pagination li.active a:hover{color:#fff}.pagination li a{color:#212529;background-color:#fff;border:1px solid #dee2e6;height:100%;margin-left:-1px;padding:.7rem 1rem;line-height:1.25;display:block;position:relative}.pagination .disabled{pointer-events:none}.spinner{text-align:center;width:70px;margin:100px auto 0}.spinner>div{background-color:#4e6c87;border-radius:100%;width:18px;height:18px;animation:1.4s ease-in-out infinite both sk-bouncedelay;display:inline-block}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}footer{background:#fff;margin-top:2rem}footer .container{border-top:1px solid #7e909171;padding:5rem 0 0}footer .container .top .logoSection{justify-content:space-between;align-items:center;display:flex}footer .container .top .logoSection .logo-image{width:20%;height:100%}footer .container .top .logoSection .logo-text{width:70%;height:100%}footer .container .top .logoSection .logo-text p,footer .container .top .logoSection .logo-text .rich-text{color:#222a41;font-weight:500}footer .container .top .logoSection .logo-text .btns{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}footer .container .top .logoSection .logo-text .btns a{text-align:center;background:#87bdb8;border-radius:.25rem;width:35px;max-width:35px;height:35px;max-height:35px;margin:0 .25rem;padding:.25rem}footer .container .top .logoSection .logo-text .btns a:hover{opacity:.5}@media (max-width:991.98px){footer .container .top .logoSection{border-bottom:1px solid #7e909171;padding:1rem 0}}@media (max-width:500px){footer .container .top .logoSection{flex-direction:column;justify-content:center;align-items:center;display:flex}footer .container .top .logoSection .logo-image{width:40%}footer .container .top .logoSection .logo-text{text-align:center;width:100%;margin:.5rem 0}footer .container .top .logoSection .logo-text .btns{justify-content:center}}footer .container .top .footer-links div{text-align:right;width:60%;margin:auto}footer .container .top .footer-links div h4{color:#343a49;font-weight:500}footer .container .top .footer-links div .nav{flex-direction:column;margin:0}footer .container .top .footer-links div .nav a{color:#87bdb8;font-size:1.2rem;line-height:1.8;text-decoration:underline!important}@media (max-width:768px){footer .container .top .footer-links div{width:100%}footer .container .top .footer-links div .nav{flex-direction:row}footer .container .top .footer-links div .nav a{margin:.5rem}}@media (max-width:991.98px){footer .container .top .footer-links{padding:1rem 0 0}}@media (max-width:768px){footer .container .top .footer-links{border-bottom:1px solid #7e909171;padding-bottom:1rem}}footer .container .top .supporter div{flex-direction:column;justify-content:space-between;align-items:self-start;width:70%;margin-right:auto;display:flex}footer .container .top .supporter div h4{color:#343a49;width:100%;margin-bottom:2rem;font-weight:500}@media (max-width:768px){footer .container .top .supporter div{width:100%}footer .container .top .supporter div img{margin:auto}}@media (max-width:991.98px){footer .container .top .supporter{padding:1rem 0 0}}@media (max-width:1200px){footer .container .top{margin:0 1rem;padding:0 0 1rem}}footer .container .bottom .right p,footer .container .bottom .right a,footer .container .bottom .left p,footer .container .bottom .left a{color:#000;margin:0;font-weight:700}footer .container .bottom .left{text-align:left}@media (max-width:991.98px){footer .container .bottom .left{text-align:center;margin-top:1rem}footer .container .bottom{text-align:center;margin:0 1rem}}@media (max-width:1200px){footer .container{padding:2rem 0 0}}@media (max-width:991.98px){footer .container{padding:1rem 0 0}}.register{padding-top:3rem}.register div p,.register div .rich-text{color:#343a49;font-size:30px;font-weight:500}.register div p span,.register div .rich-text span{color:#87bdb8}@media (max-width:991.98px){.register div p,.register div .rich-text{font-size:30px}}@media (max-width:768px){.register div p,.register div .rich-text{font-size:25px}}@media (max-width:550px){.register div p,.register div .rich-text{font-size:20px}}.register div .socialRegisterText{margin:2rem 0}.register div .socialRegisterText h3{color:#b8a4b3;text-align:right;font-size:43px}@media (max-width:768px){.register div .socialRegisterText h3{font-size:32px}}@media (max-width:550px){.register div .socialRegisterText h3{font-size:25px}}.register div .socialRegisterText div{justify-content:flex-start;align-items:center;font-size:30px;display:flex}.register div .socialRegisterText div p,.register div .socialRegisterText div .rich-text{margin-left:1rem}.register div .socialRegisterText div a{color:#87bdb8}@media (max-width:768px){.register div .socialRegisterText div{font-size:25px}}@media (max-width:550px){.register div .socialRegisterText div{flex-direction:column;font-size:18px}}.register div .socialRegisterItems{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.register div .socialRegisterItems div{text-align:center;cursor:pointer;background-color:#f8f8f8;border:1px solid #dbdbdb;border-radius:10px;padding:.75rem 0}.register div .socialRegisterItems div:hover{cursor:pointer;opacity:.5}.register div .socialRegisterItems div span{color:#000;letter-spacing:0;font-size:23px}.register div .socialRegisterItems div img{width:1.6rem;margin-left:1rem}@media (max-width:991.98px){.register div .socialRegisterItems{grid-template-columns:1fr}}.register div form .row div{margin-bottom:1.5rem}.register div form .row div .form-control,.register div form .row div .customField{color:#343a49;appearance:none;background-color:#fff;background-clip:padding-box;border:1px solid #bac2cb;border-radius:10px;padding:1rem;font-size:23px;font-weight:700;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.register div form .row div .form-control::placeholder,.register div form .row div .customField::placeholder{color:#343a49}.register div form .row div .customField{align-items:center;display:flex}.register div form .row div .customField input{color:#343a49;border:0;width:100%;font-size:23px;font-weight:700}.register div form .row div .customField input::placeholder{color:#343a49}.register div form .row div .customField input:focus-visible{outline:0}.register div form .row div .customField .showPassBtn{color:#343a49;background:0 0;border:0;width:fit-content;margin:0;padding:0;font-size:1.5rem}.register div form .row div .customField .showPassBtn:active,.register div form .row div .customField .showPassBtn:focus,.register div form .row div .customField .showPassBtn:focus-visible{box-shadow:none;outline:0}.register div form .row div .error{border-color:#8b0000}.register div form .row div .errorMessage{color:#8b0000;margin-top:.5rem;font-size:20px;font-weight:700}.register div form .row div p,.register div form .row div .rich-text{font-size:23px;font-weight:500}.register div form .row div p a,.register div form .row div .rich-text a{color:#343a49;text-decoration:none}.register div form .row div button{background:#87bdb8;border-color:#87bdb8;border-radius:10px;width:80%;margin:auto;padding:2rem;font-size:30px}.register .or{margin:3rem 0}.register .or h3{color:#b8a4b3;text-align:right;font-size:43px}.login{padding-top:3rem}.login div p,.login div .rich-text{color:#343a49;font-size:30px;font-weight:500}.login div p span,.login div .rich-text span{color:#87bdb8}@media (max-width:991.98px){.login div p,.login div .rich-text{font-size:30px}}@media (max-width:768px){.login div p,.login div .rich-text{font-size:25px}}@media (max-width:550px){.login div p,.login div .rich-text{font-size:20px}}.login div .socialRegisterText{margin:2rem 0}.login div .socialRegisterText h3{color:#b8a4b3;text-align:right;font-size:43px}@media (max-width:768px){.login div .socialRegisterText h3{font-size:32px}}@media (max-width:550px){.login div .socialRegisterText h3{font-size:25px}}.login div .socialRegisterText div{justify-content:flex-start;align-items:center;font-size:30px;display:flex}.login div .socialRegisterText div p,.login div .socialRegisterText div .rich-text{margin-left:1rem}.login div .socialRegisterText div a{color:#87bdb8}@media (max-width:768px){.login div .socialRegisterText div{font-size:25px}}@media (max-width:550px){.login div .socialRegisterText div{flex-direction:column;font-size:18px}}.login div .socialRegisterItems{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.login div .socialRegisterItems div{text-align:center;cursor:pointer;background-color:#f8f8f8;border:1px solid #dbdbdb;border-radius:10px;padding:.75rem 0}.login div .socialRegisterItems div:hover{cursor:pointer;opacity:.5}.login div .socialRegisterItems div span{color:#000;letter-spacing:0;font-size:23px}.login div .socialRegisterItems div img{width:1.6rem;margin-left:1rem}@media (max-width:991.98px){.login div .socialRegisterItems{grid-template-columns:1fr}}.login div form .row div .form-control,.login div form .row div .customField{color:#343a49;appearance:none;background-color:#fff;background-clip:padding-box;border:1px solid #bac2cb;border-radius:10px;padding:1rem;font-size:23px;font-weight:700;transition:all .15s ease-in-out}.login div form .row div .form-control::placeholder,.login div form .row div .customField::placeholder{color:#343a49}.login div form .row div .customField{align-items:center;display:flex}.login div form .row div .customField input{color:#343a49;border:0;width:100%;font-size:23px;font-weight:700}.login div form .row div .customField input::placeholder{color:#343a49}.login div form .row div .customField input:focus-visible{outline:0}.login div form .row div .customField .showPassBtn{color:#343a49;background:0 0;border:0;width:fit-content;margin:0;padding:0;font-size:1.5rem}.login div form .row div .customField .showPassBtn:active,.login div form .row div .customField .showPassBtn:focus,.login div form .row div .customField .showPassBtn:focus-visible{box-shadow:none;outline:0}.login div form .row div .error{border-color:#8b0000}.login div form .row div .errorMessage{color:#8b0000;margin-top:.5rem;font-size:20px;font-weight:700}.login div form .row div .form-check{justify-content:flex-start;align-items:center;display:flex}.login div form .row div .form-check .form-check-input{float:right;margin:0}.login div form .row div .form-check .form-check-label{margin-right:1rem;font-weight:700}.login div form .row div .forget-pass{text-align:center}.login div form .row div .forget-pass a{color:#222;font-weight:700;text-decoration:underline!important}.login div form .row div p,.login div form .row div .rich-text{font-size:23px;font-weight:500}.login div form .row div p a,.login div form .row div .rich-text a{color:#343a49;text-decoration:none}.login div form .row div button{background:#87bdb8;border-color:#87bdb8;border-radius:10px;width:80%;margin:auto;padding:2rem;font-size:30px}.login .or{margin:3rem 0}.login .or h3{color:#b8a4b3;text-align:right;font-size:43px}.units{padding-top:3rem}.units .btn-link{color:#fff;text-align:center;background-color:#87bdb8;border-radius:5px;align-self:flex-end;margin-bottom:3px;padding:5px 10px;text-decoration:none}@media (max-width:767.89px){.units .btn-link{padding:2px 10px}}.units .container .row div .lesson-item{border:1px solid #87bdb8;align-items:center;margin-bottom:10px;padding:1rem 0;display:flex;box-shadow:0 0 3px #5f5f5f}.units .container .row div .lesson-item .img{border-left:1px solid #ccc;max-width:20%;max-height:12rem;padding:0 1rem}.units .container .row div .lesson-item .img img{width:10rem;height:10rem}@media (max-width:767.89px){.units .container .row div .lesson-item .img img{height:5rem}.units .container .row div .lesson-item .img{max-width:25%}}.units .container .row div .lesson-item .lesson-item-text{width:80%;max-width:80%;padding:0 1rem}.units .container .row div .lesson-item .lesson-item-text .info{flex-direction:column;align-items:flex-start;display:flex}.units .container .row div .lesson-item .lesson-item-text .info h6{color:#87bdb8;font-size:1.3rem;font-weight:600}@media (max-width:767.89px){.units .container .row div .lesson-item .lesson-item-text .info h6{font-size:1rem}}.units .container .row div .lesson-item .lesson-item-text .info a{color:#87bdb8;text-decoration:underline!important}.units .container .row div .lesson-item .lesson-item-text .info a h6{font-size:1.3rem;font-weight:600}@media (max-width:767.89px){.units .container .row div .lesson-item .lesson-item-text .info a h6{font-size:1rem}}.units .container .row div .lesson-item .lesson-item-text .info a:hover{color:#87bdb8}.units .container .row div .lesson-item .lesson-item-text .info .date{font-weight:700}.units .container .row div .lesson-item .lesson-item-text .info p,.units .container .row div .lesson-item .lesson-item-text .info .rich-text{color:#222}@media (max-width:767.89px){.units .container .row div .lesson-item .lesson-item-text .info p,.units .container .row div .lesson-item .lesson-item-text .info .rich-text{font-size:.75rem;margin:0!important}}.units .container .row div .lesson-item .lesson-item-text .info .see_more{align-self:flex-end;font-size:1.2rem!important}.units .container .row div .lesson-item .lesson-item-text .info .see_more a{color:#87bdb8!important}@media (max-width:767.89px){.units .container .row div .lesson-item .lesson-item-text .info .see_more{font-size:.95rem!important}}.units .container .row div .lesson-item .lesson-item-text .info .progress{width:100%;margin-top:.5rem}@media (max-width:767.89px){.units .container .row div .lesson-item .lesson-item-text .info .progress{height:.75rem!important}.units .container .row div .lesson-item .lesson-item-text{width:75%;max-width:75%}}.units .container .row div .lesson-item:last-child{border:0}.hadeth #buttonsnav .mainBtn1{text-align:center;background-color:#fff;border:1px solid #eee;margin-bottom:3px;padding:.6rem 2rem;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#343a49!important}.hadeth #buttonsnav .mainBtn2{text-align:center;background-color:#87bdb8;border:1px solid #eee;margin-bottom:3px;padding:.6rem 2rem;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#fff!important}.hadeth #buttonsnav .mainBtn3{text-align:center;background-color:#fff;border:1px solid #eee;padding:.6rem 2rem;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#547fd4!important}.hadeth p,.hadeth .rich-text{font-weight:500}.hadeth .pageTitle{padding:20px 0;font-size:25px}.hadeth button:disabled{color:#547fd4!important;background-color:#dee2e6!important}.hadeth .nav-item a.active,.hadeth .nav-item button.active{max-width:200px;color:#fff!important;background-color:#87bdb8!important;padding:10px!important}.hadeth .nav-item a,.hadeth .nav-item button{width:200px;max-width:200px;color:#000!important;background-color:#fff!important;border:1px solid #eee!important;padding:10px!important}.hadeth .tab-pane .content{border:1px solid #eee;height:500px;margin-top:10px;overflow-y:auto}.hadeth .tab-pane p,.hadeth .tab-pane .rich-text{font-size:24px;padding:30px!important}.hadeth .tab-pane .mainBtn1{text-align:center;background-color:#fff;border:1px solid #eee;margin-bottom:3px;padding:.6rem 2rem;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#343a49!important}.hadeth .tab-pane .mainBtn2{text-align:center;background-color:#87bdb8;border:1px solid #eee;margin-bottom:3px;padding:.6rem 2rem;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#fff!important}.hadeth .tab-pane .mainBtn3{text-align:center;background-color:#fff;border:1px solid #eee;padding:.6rem 2rem;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#547fd4!important}.hadeth .images{text-align:center!important}.hadeth .images .img-social{background:#87bdb8;width:30px;margin-left:8px;padding:10px}.books .pagination{justify-content:center!important}.books table{border-collapse:separate;min-width:500px;border-spacing:15px!important}.books table td{text-align:center;border:1px solid #b8a4b3;font-weight:500;color:#343a49!important;border-width:1px!important}.books table td:last-child{border:none!important}.books{padding:3rem 0}.books .links-tabs{align-items:center}.books .exam{justify-content:center;margin-top:10px;margin-bottom:10px}.books .info{margin-bottom:3rem}.books .info h1.title{color:#b8a4b3;font-size:45px;font-weight:500}.books .info p.content,.books .info .rich-text.content{color:#343a49;font-size:30px;font-weight:500}.books .chec-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.books .chec-label{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding-left:35px;font-size:22px;display:block;position:relative;left:16px}.books .chec-label .checkmark{background-color:#eee;width:21px;height:21px;position:absolute;top:0;left:0}.books .chec-label:hover input~.checkmark{background-color:#ccc}.books .chec-label input:checked~.checkmark{background-color:#b8a4b3}.books .checkmark:after{content:"";display:none;position:absolute}.books .chec-label input:checked~.checkmark:after{display:block}.books .chec-label .checkmark:after{border:3px solid #fff;border-width:0 3px 3px 0;width:5px;height:10px;top:5px;left:9px;transform:rotate(45deg)}.books .checkmark{width:25px;height:25px;position:absolute;top:0;left:0}.books .chec-label input~.checkmark:after{display:block}.books .mainBtn2{text-align:center;background-color:#87bdb8;border:1px solid #eee;padding:.6rem 2rem;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;color:#fff!important}.books .table-content{background-color:#f9f8f8}.books .book-tabs{align-items:center}.books .nav-item a,.books .nav-item button{width:250px;max-width:250px;margin-bottom:4px;font-weight:700;color:#afafaf!important;background-color:#efefef!important}.books .nav-item a.active,.books .nav-item button.active{color:#fff!important;background-color:#87bdb8!important}.books .header th:first-child{width:47px}.books .header th:last-child{width:75px}.books .header th{text-align:center;color:#fff;border:1px solid #b8a4b3;background-color:#b8a4b3!important}@media (max-width:500px){.books table{min-width:500px}.books .table-div{overflow-y:auto}}.msar{margin-top:3rem}.msar .cardTitle{color:#b8a4b3;font-size:25px;font-weight:400}.msar .nav-item a,.msar .nav-item button{color:#000!important;background-color:#fff!important;border:1px solid #eee!important;padding:10px!important}.msar .nav-item a.active,.msar .nav-item button.active{color:#fff!important;background-color:#87bdb8!important;padding:10px!important}.msar .p-content{color:#636363;font-size:20px;font-weight:500}.msar .header-text{color:#b8a4b3;padding:15px;font-weight:500}.msar .card-border{border-color:#87bdb8;margin-top:20px}.msar .btn-link{text-align:center;background-color:#87bdb8;border-radius:10px;margin-bottom:3px;text-decoration:none;color:#fff!important;padding:8px!important}.msar .btn-begin{border:1px solid #bac2cb;color:#343a49!important;background-color:#fff!important;border-radius:10px!important}.msar .sec-btn{min-width:140px}.msar .card-msar-content{align-content:center;align-self:center}.msar .list-content{transform:translateY(-11px)}.msar .list-content li:last-child{border-bottom:2px dashed #eee}.msar .list-content .list-group-item{border-bottom:2px dashed #00000020}.msar .list-content .list-group-flush{padding-right:0}@media (max-width:500px){.msar .btn-begin{min-width:127px!important}.msar .sec-btn{min-width:140px}.msar .row-btn{justify-content:space-around!important}}@media (max-width:320px){.msar .row-btn{justify-content:flex-start!important}.msar .sec-btn{margin-right:37px!important}}@media (max-width:280px){.msar .row-btn{flex-direction:column;justify-content:center;align-items:center;width:100%}.msar .btn-begin{min-width:140px!important}.msar .sec-btn{min-width:140px;margin-top:4px;margin-right:0!important}.msar .fir-div{text-align:center;width:100%!important}.msar .sec-div{text-align:center;width:100%}}.profile{margin-top:3rem}.profile .hint{margin-top:20px;font-weight:500;align-self:center!important}.profile .username-row{color:#343a49;border-bottom:2px solid #eee;margin-bottom:20px;padding:10px;font-weight:500}.profile .pageHeader{color:#b8a4b3;font-size:30px;font-weight:700}.profile label,.profile .form-control{color:#343a49;font-weight:500}.profile .resetPass{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.profile .resetPass label{align-self:flex-start}.profile .resetPass button{width:100%}@media (max-width:768px){.profile .hint{margin-top:0!important}}.modal-dialog .modal-content .modal-header .modal-title{color:#87bdb8;width:100%}.modal-dialog .modal-content .modal-header .close{color:#fff;text-align:center;background:#87bdb8;border:0;border-radius:.25rem;width:2rem;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.modal-dialog .modal-content .modal-header .close .sr-only{display:none}.modal-dialog .modal-content .modal-body .user-form .row div .form-label{color:#222;font-weight:500}.modal-dialog .modal-content .modal-body .user-form .row div .form-label:last-of-type{margin-top:1rem}.modal-dialog .modal-content .modal-body .user-form .row div .customFiled{color:#212529;appearance:none;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;justify-content:space-between;align-items:center;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex}.modal-dialog .modal-content .modal-body .user-form .row div .customFiled input{border:none}.modal-dialog .modal-content .modal-body .user-form .row div .customFiled input:focus,.modal-dialog .modal-content .modal-body .user-form .row div .customFiled input:focus-visible{box-shadow:none;outline:0}.modal-dialog .modal-content .modal-body .user-form .row div .customFiled button{color:#ced4da;background:0 0;border:none;padding:0;font-size:1.3rem}.modal-dialog .modal-content .modal-body .user-form .row div .customFiled button:focus,.modal-dialog .modal-content .modal-body .user-form .row div .customFiled button:focus-visible{box-shadow:none;outline:0}.modal-dialog .modal-content .modal-body .user-form .row div .errorMessage{color:#8b0000;margin-top:1rem;font-weight:700}.modal-dialog .modal-content .modal-body .user-form .btns{justify-content:space-evenly;align-items:center;margin:2rem 0 1rem;display:flex}.modal-dialog .modal-content .modal-body .user-form .btns button{width:25%}.modal-dialog .modal-content .modal-body .user-form .btns button[type=submit]{background:#87bdb8;border-color:#87bdb8}.exam .exam-header{text-align:center;color:#b8a4b3;padding:40px}.exam .q-number{color:#87bdb8;padding:20px;font-size:30px;font-weight:500}.exam .question{color:#343a49;font-size:25px;font-weight:700}.exam .checkmark{width:25px;height:25px;position:absolute;top:0;left:0}.exam .chec-label input:checked~.checkmark{background-color:#fff;border:1px solid #87bdb8}.exam .checkmark:after{content:"";display:none;position:absolute}.exam .chec-label{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding-left:35px;font-size:22px;display:block;position:absolute}.exam .chec-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.exam .chec-label .checkmark{background-color:#fff;border:1px solid #87bdb8;width:21px;height:21px;position:absolute;top:0;left:0}.exam .chec-label:hover input~.checkmark{background-color:#fff}.exam .checkmark:after{content:"";position:absolute}.exam .chec-label input:checked~.checkmark:after{display:block}.exam .chec-label .checkmark:after{border:3px solid #87bdb8;border-width:0 3px 3px 0;width:5px;height:10px;top:5px;left:9px;transform:rotate(45deg)}.exam .next{color:#fff;float:left;min-width:150px;font-weight:600;text-decoration:none;background-color:#87bdb8!important}.exam .next:hover,.exam .back:hover{color:#fff}.exam .answer{color:#737782;font-size:18px;font-weight:500}.exam .back{color:#fff;float:right;min-width:150px;font-weight:600;text-decoration:none;background-color:#b8a4b3!important}.exams2 .exam-header{text-align:center;color:#b8a4b3;padding:40px}.exams2 .q-number{color:#87bdb8;padding:20px;font-size:30px;font-weight:500}.exams2 .question{color:#343a49;font-size:25px;font-weight:700}.exams2 .next{color:#fff;float:left;min-width:150px;font-weight:600;text-decoration:none;background-color:#87bdb8!important}.exams2 .next:hover,.exams2 .back:hover{color:#fff}.exams2 .answer{color:#737782;font-size:18px;font-weight:500}.exams2 .back{color:#fff;float:right;min-width:150px;font-weight:600;text-decoration:none;background-color:#b8a4b3!important}.exams2 .chec-label{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding-left:35px;font-size:22px;display:block;position:relative}.exams2 .chec-label input{opacity:0;cursor:pointer;border-color:#87bdb8;position:absolute}.exams2 .checkmark{background-color:#eee;border:1px solid #87bdb8;border-radius:50%;width:25px;height:25px;position:absolute;top:0;right:0}.exams2 .chec-label:hover input~.checkmark{background-color:#ccc}.exams2 .chec-label input:checked~.checkmark{background-color:#eee;border-color:#87bdb8}.exams2 .checkmark:after{content:"";display:none;position:absolute}.exams2 .chec-label input:checked~.checkmark:after{display:block}.exams2 .chec-label .checkmark:after{background:#87bdb8;border-radius:50%;width:15px;height:15px;top:5px;left:4px}.exams3 .exam-header{text-align:center;color:#b8a4b3;padding:40px}.exams3 .q-number{color:#87bdb8;padding:20px;font-size:30px;font-weight:500}.exams3 .question{color:#343a49;font-size:25px;font-weight:700}.exams3 .next{color:#fff;float:left;min-width:150px;font-weight:600;text-decoration:none;background-color:#87bdb8!important}.exams3 .next:hover,.exams3 .back:hover{color:#fff}.exams3 .answer{color:#737782;font-size:18px;font-weight:500}.exams3 .back{color:#fff;float:right;min-width:150px;font-weight:600;text-decoration:none;background-color:#b8a4b3!important}.about-us .aboutContent{color:#343a49;font-size:25px;font-weight:500;width:500px!important}.about-us .aboutContent .sunnaProgram,.about-us .aboutContent .quranProgram,.about-us .aboutContent .tamkenProgram,.about-us .aboutContent .tranningNokhbaProgram,.about-us .aboutContent .nokhbaReaderProgram{margin:3rem 0}.about-us .aboutContent .sunnaProgram h3,.about-us .aboutContent .quranProgram h3,.about-us .aboutContent .tamkenProgram h3,.about-us .aboutContent .tranningNokhbaProgram h3,.about-us .aboutContent .nokhbaReaderProgram h3{color:#81b7ae;font-size:2rem;font-weight:500}@media (max-width:768px){.about-us .aboutContent{padding:3rem 2rem;font-size:20px}}.programs .btn-link{text-align:center;background-color:#87bdb8;border-radius:10px;align-self:flex-end;min-width:105px;margin-top:3px;margin-bottom:3px;text-decoration:none;color:#fff!important;padding:8px!important}.programs .pagination{justify-content:center!important;margin-top:20px!important}.programs{margin-top:3rem!important}.programs li.active a{border-bottom:1px solid #a3947f;color:#a3947f!important;font-weight:700!important}.programs div .program-item{border-bottom:1px solid #7e909171;justify-content:flex-start;align-items:flex-start;height:auto;min-height:9rem;max-height:15rem;margin-top:20px;padding:.5rem;display:flex;box-shadow:0 0 3px #5f5f5f}.programs div .program-item:last-child{border-bottom:0}.programs div .program-item .program-image{border-left:1px solid #000;min-width:20%;max-width:30%;max-height:100%;padding:0 1rem}.programs div .program-item .program-image img{width:160px}.programs div .program-item .programs-brief{min-height:inherit;flex-direction:column;justify-content:space-between;align-items:flex-start;width:auto;min-width:80%;padding:0 1rem;display:flex}.programs div .program-item .programs-brief .info a,.programs div .program-item .programs-brief .info h4{color:#87bdb8}.programs div .program-item .programs-brief .see-more{color:#b8a4b3;align-self:flex-end;font-size:1.2rem}.programs div h3{color:#b8a4b3;font-size:30px}.programs div p,.programs div .rich-text{color:#343a49;font-size:20px;font-weight:500}@media (max-width:540px){.programs div h3{font-size:25px}.programs div p,.programs div .rich-text{font-size:18px}}.programTabs div .nav-tabs{justify-content:flex-start;margin-bottom:3rem}.programTabs div .nav-tabs a{color:#737782;background-color:#0000;border:none;border-bottom:3px solid #737782;font-size:25px;font-weight:500;padding:1rem 2rem!important}@media (max-width:540px){.programTabs div .nav-tabs a{text-align:center;width:100%;font-size:18px}}.programTabs div .nav-tabs .active,.programTabs div .nav-tabs a:hover,.programTabs div .nav-tabs a:focus,.programTabs div .nav-tabs a:focus-visible{color:#87bdb8;border:0;border-bottom:3px solid;outline:0;line-height:1.55}@media (max-width:991.98px){.programTabs div .nav-tabs{justify-content:center}}@media (max-width:540px){.programTabs div .nav-tabs{flex-direction:column}}.wrapper{float:none;width:100%;box-shadow:none;margin:0;position:relative}.transparent-header{z-index:999;backface-visibility:hidden;background:#84b9b0;transition:height .2s,background-color .3s;position:relative}.transparent-header .container .navbar .navbar-brand{width:20%}@media (max-width:414px){.transparent-header .container .navbar .navbar-brand{width:40%!important}}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-brand{width:25%}}.transparent-header .container .navbar .navbar-toggler{color:#f9f9f9;box-shadow:none;border-color:#f9f9f9}@media (max-width:414px){.transparent-header .container .navbar .navbar-toggler{padding:.25rem;font-size:15px}}.transparent-header .container .navbar .navbar-collapse{justify-content:flex-end}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-collapse .navbar-nav{background:#0003}}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container{flex-wrap:wrap;align-items:center;width:100%;margin:0;list-style:none;display:flex}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item{padding:2rem 0}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link{color:#ffffffb3;text-transform:capitalize;padding-top:.75rem;font-weight:500;transition:all .2s ease-in-out}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link{text-align:right;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem;display:flex}}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link:hover,.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link.active,.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link:active,.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link:focus,.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .navbar-nav .show,.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .navbar-nav .show>.nav-link{font-weight:500;color:#fff!important}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container{z-index:399;background-color:#fff;border:1px solid #eee;border-top:2px solid #b28d70;width:155px;display:none;position:absolute;top:100%;left:auto;box-shadow:0 13px 42px 11px #0000000d;padding:5px!important}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container .sub-menu-item{line-height:.5}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container .sub-menu-item{padding:0 1rem;line-height:1.8}}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container .sub-menu-item .sub-menu-link{-o-transition:all .2s ease-in-out;border:0;padding:5px 15px;font-size:15px;font-weight:400;transition:all .2s ease-in-out}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container .sub-menu-item .sub-menu-link:hover{color:#b28d70}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container .sub-menu-item .sub-menu-link{padding:0;font-weight:400;color:#fff!important}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .sub-menu-container{width:100%;box-shadow:none;background:0 0;border:0;display:block;position:relative}}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .custom{left:0}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item:hover .sub-menu-container{opacity:1;display:block;top:85%}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item:hover .sub-menu-container .sub-menu-item .sub-menu-link{color:#222a41}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item:hover .sub-menu-container .sub-menu-item:hover{transition:all .2s ease-in-out}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item:hover .sub-menu-container .sub-menu-item:hover .sub-menu-link{color:#000!important}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link.active{border-top:2px solid #fff}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .nav-link.active{border-top:0;border-bottom:2px solid #fff}}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .mainBtn{color:#fff;background-color:#87bdb8;border-radius:0;padding:.25rem .75rem;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;box-shadow:0 3px 20px #0006}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .mainBtn:hover{color:#fff;background-color:#b8a4b3}@media (max-width:991.98px){.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item .mainBtn{padding:.25rem .4rem;font-size:15px}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item{text-align:right;width:100%;padding:0}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container .menu-item:last-child{text-align:center;border-top:1px solid #f9f9f9;margin-top:.25rem;padding:.5rem 0}.transparent-header .container .navbar .navbar-collapse .navbar-nav .menu-container{flex-direction:column}}.nav-container.navbar-sticky{z-index:999;margin:0 auto;position:fixed;top:0;left:0;right:0}.nav-container.navbar-sticky:before{content:"";z-index:-1;background:#064a3f;position:absolute;inset:0 calc(50% - 50vw)}.slider{vertical-align:bottom;width:100%;height:1100px;display:inline-block;position:relative}.slider .vertical-middle{z-index:3;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-flow:column;justify-content:space-between;width:100%;min-height:100%;display:flex;background-image:url(../media/bg_h.2fhny4-tgcal1.png)!important}.slider .vertical-middle .container .slider-content{color:#fff;flex-direction:column;padding-top:10rem;display:flex}.slider .vertical-middle .container .slider-content .title{width:100%;font-size:3rem;line-height:1}.slider .vertical-middle .container .slider-content .title section{align-items:center;display:flex}.slider .vertical-middle .container .slider-content .title section h2{margin-right:.5rem;font-size:6rem}@media (max-width:500px){.slider .vertical-middle .container .slider-content .title section{flex-direction:column}}@media (max-width:991.98px){.slider .vertical-middle .container .slider-content .title{font-size:2rem}.slider .vertical-middle .container .slider-content .title section h2{font-size:3rem}}@media (max-width:500px){.slider .vertical-middle .container .slider-content .title{flex-direction:column;justify-content:center;align-items:center;display:flex}}.slider .vertical-middle .container .slider-content .intro{margin:1rem 0;font-size:1.5rem}.slider .vertical-middle .recog-video{color:#fff;box-shadow:none;cursor:pointer;background:#b8a4b3;border:none;padding:2rem;font-size:1.5rem;font-weight:700;text-decoration:none;position:absolute;bottom:0;left:0}.slider .vertical-middle .recog-video:hover{cursor:pointer;opacity:.5}.modal .modal-dialog .modal-content .modal-header{justify-content:flex-end}@media (max-width:991.98px){.modal .modal-dialog .modal-content .modal-body div{width:100%!important}}@media (max-width:768px){.modal .modal-dialog .modal-content .modal-body div{width:100%!important}}@media (max-width:991.98px){.modal .modal-dialog{width:700px!important}}@media (max-width:576px){.modal .modal-dialog{margin:0;width:100%!important}}.insidePageLayout{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;background-image:url(../media/bg_h.2fhny4-tgcal1.png)!important}.insidePageLayout .container .title_header{color:#fff;padding:2rem 0}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item{margin:0 .25rem}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item:after{float:left;color:#6c757d;content:var(--bs-breadcrumb-divider,"/");padding-right:.5rem}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item:before{display:none}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item:last-child{pointer-events:none}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item:last-child a{text-decoration:none!important}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item:last-child:after{display:none}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item a{color:#fff;text-decoration:underline!important}.insidePageLayout .container .title_header nav .breadcrumb .breadcrumb-item a:hover{color:#6c757d}.tazkra{padding:5rem 0}.tazkra .container .row .desc{position:relative}.tazkra .container .row .desc .title p,.tazkra .container .row .desc .title .rich-text{color:#343a49;font-size:60px;font-weight:500}@media (max-width:991.98px){.tazkra .container .row .desc .title p,.tazkra .container .row .desc .title .rich-text{font-size:40px}}@media (max-width:414px){.tazkra .container .row .desc .title p,.tazkra .container .row .desc .title .rich-text{font-size:30px}}.tazkra .container .row .desc .title .mainTitle{align-items:center;display:flex}.tazkra .container .row .desc .title .mainTitle h1{font-size:120px;font-weight:bolder}@media (max-width:1200px){.tazkra .container .row .desc .title .mainTitle h1{font-size:100px}}@media (max-width:991.98px){.tazkra .container .row .desc .title .mainTitle h1{font-size:80px}}@media (max-width:414px){.tazkra .container .row .desc .title .mainTitle h1{font-size:60px}}.tazkra .container .row .desc .title .mainTitle #aya{color:#87bdb8}.tazkra .container .row .desc .title .mainTitle #hadeth{color:#b8a4b3}.tazkra .container .row .desc .text{width:75%;margin:1rem 0}.tazkra .container .row .desc .text p,.tazkra .container .row .desc .text .rich-text{color:#343a49;text-align:justify;font-size:25px;font-weight:500}@media (max-width:414px){.tazkra .container .row .desc .text p,.tazkra .container .row .desc .text .rich-text{font-size:20px}}@media (max-width:991.98px){.tazkra .container .row .desc .text{width:100%}}.tazkra .container .row .desc .tabs .nav-tabs{border:none}.tazkra .container .row .desc .tabs .nav-tabs .nav-item{width:40%;margin:0 .5rem}.tazkra .container .row .desc .tabs .nav-tabs .nav-link{text-align:center;color:#b8a4b3;border:1px solid #b8a4b3;width:100%;margin:0;font-size:25px;font-weight:500;box-shadow:0 3px 20px #b8a4b359}.tazkra .container .row .desc .tabs .nav-tabs .active{color:#fff;background:#87bdb8;border:#87bdb8}@media (max-width:414px){.tazkra .container .row .desc .tabs .nav-tabs .nav-link{font-size:18px}}.tazkra .container .row .desc .tabs .tab-content{z-index:1;background:#fff no-repeat padding-box padding-box;width:100%;height:100%;padding:5rem;position:absolute;top:0;left:-100%;overflow-y:scroll;box-shadow:0 15px 20px #5f5f5f33}.tazkra .container .row .desc .tabs .tab-content .tab-pane div{flex-direction:column;justify-content:center;align-items:center;font-weight:500;display:flex}.tazkra .container .row .desc .tabs .tab-content .tab-pane div h5{color:#343a49;font-size:25px}.tazkra .container .row .desc .tabs .tab-content .tab-pane div p,.tazkra .container .row .desc .tabs .tab-content .tab-pane div .rich-text{color:#87bdb8;text-align:justify;margin-top:1.5rem;font-size:25px}.tazkra .container .row .desc .tabs .tab-content .tab-pane div span{color:#b8a4b3;font-size:20px;font-weight:500}.tazkra .container .row .desc .tabs .tab-content .tab-pane div .spinner{flex-direction:row!important}@media (max-width:414px){.tazkra .container .row .desc .tabs .tab-content .tab-pane div p,.tazkra .container .row .desc .tabs .tab-content .tab-pane div .rich-text{margin-top:0;font-size:18px}}@media (max-width:991.98px){.tazkra .container .row .desc .tabs .tab-content{position:inherit;margin-top:2rem;padding:2rem}}.tamken{background-color:#efefef;padding:5rem 0 10rem}.tamken .container .row .videoBg .videoBgContainer{justify-content:center;display:flex}.tamken .container .row .homeUnits{flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.tamken .container .row .homeUnits div h2{font-size:60px}.tamken .container .row .homeUnits div p,.tamken .container .row .homeUnits div .rich-text{text-align:right;font-size:20px;font-weight:500}.tamken .container .row .homeUnits div a{color:#fff;background:#b8a4b3 no-repeat padding-box padding-box;padding:.5rem 3rem;text-decoration:none;box-shadow:0 3px 20px #b8a4b359}.tamken .container .row .homeUnits div a:hover{background:#87bdb8 no-repeat padding-box padding-box;box-shadow:0 3px 20px #b8a4b359}@media (max-width:768px){.tamken .container .row .homeUnits{padding:4rem 1rem}}.nokhba{margin-top:-15rem;padding:5rem 0 10rem}.nokhba .container .nokhba-programs .programs-item{margin:.5rem 0;position:relative}.nokhba .container .nokhba-programs .programs-item a .card-body{background:#fcffff no-repeat padding-box padding-box;height:100%;min-height:20rem;max-height:20rem;margin-bottom:3rem;padding:2rem 3rem;box-shadow:0 15px 20px #5f5f5f1a}.nokhba .container .nokhba-programs .programs-item a .card-body h3{color:#222;margin:.5rem 0;font-size:30px;font-weight:bolder}.nokhba .container .nokhba-programs .programs-item a .card-body p,.nokhba .container .nokhba-programs .programs-item a .card-body .rich-text{color:#838383;font-size:20px;font-weight:500}.nokhba .container .nokhba-programs .programs-item a .overlay{color:#fff;background:#87bdb8;padding:10px 20px;font-size:2rem;position:absolute;bottom:56px;left:1.7rem}.nokhba .container .nokhba-programs .programs-item a:hover{cursor:pointer}.nokhba .container .nokhba-programs .programs-item a:hover .card-body{background:#87bdb8}.nokhba .container .nokhba-programs .programs-item a:hover .card-body svg path{fill:#fff}.nokhba .container .nokhba-programs .programs-item a:hover .card-body h3,.nokhba .container .nokhba-programs .programs-item a:hover .card-body p,.nokhba .container .nokhba-programs .programs-item a:hover .card-body .rich-text{color:#fff}.nokhba .container .nokhba-programs .programs-item a:hover .overlay{background:#b8a4b3}.media{background:#b8a4b3;padding:5rem 0;position:relative}.media .container .row{position:relative}.media .container .row .title{justify-content:center;align-items:flex-end;height:15rem;display:flex;position:absolute;top:-10rem;left:0;right:0}.media .container .row .title .titleBg{background:#87bdb8;width:25rem;height:13rem}.media .container .row .title .titleText{color:#fff;width:fit-content;margin-right:-5rem}.media .container .row .title .titleText span{font-size:35px;font-weight:500;line-height:0}.media .container .row .title .titleText h1{font-size:80px;line-height:1}@media (max-width:768px){.media .container .row .title{height:12rem}.media .container .row .title .titleBg{width:13rem;height:10rem}.media .container .row .title .titleText{margin-right:-4rem}.media .container .row .title .titleText span{font-size:30px}.media .container .row .title .titleText h1{font-size:60px}}.media .container .articles{margin-top:40px;padding:3rem 0}.media .container .articles .article-items .nav{border:none}.media .container .articles .article-items .nav .nav-item{background:#fcffff;margin:.5rem 0;padding:1rem 0}.media .container .articles .article-items .nav .nav-item a{color:#222;border:none;font-weight:700}.media .container .articles .article-items .nav .nav-item a:hover,.media .container .articles .article-items .nav .nav-item a:focus-visible{cursor:pointer;opacity:.5;border:none;outline:0}.media .container .articles .article-items .nav .active{background:#87bdb8;border:none}.media .container .articles .article-items .nav .active a{color:#fff}.media .container .articles .article-items .nav .active a:hover,.media .container .articles .article-items .nav .active a:focus-visible{cursor:pointer;opacity:.5;border:none;outline:0}@media (max-width:991.98px){.media .container .articles .article-items .nav{margin-bottom:1rem;padding:0}}.media .container .articles .article-image .image-container{width:100%;height:15rem}.media .container .articles .article-image .image-container .tab-content,.media .container .articles .article-image .image-container .tab-content .tab-pane{width:100%;height:100%}.media .container .articles .article-image .image-container .tab-content .tab-pane div{width:100%;height:272px;position:relative}.media .container .articles .article-image .image-container .tab-content .tab-pane div img{width:100%;max-width:100%;height:300px}.media .container .articles .article-image .image-container .tab-content .tab-pane div .image-title{color:#fff;background:#00000052;width:33%;padding:1rem;font-size:1.5rem;position:absolute;bottom:0;right:0}@media (max-width:500px){.media .container .articles .article-image .image-container .tab-content .tab-pane div .image-title{width:auto;margin:0;font-size:1rem}}.media .container .articles .article-image .image-container .tab-content .tab-pane div .overlay{color:#fff;background:#87bdb8;padding:1rem 1.3rem;font-size:2rem;font-weight:bolder;position:absolute;bottom:0;left:54px}@media (max-width:762px){.media .container .articles .article-image .image-container .tab-content .tab-pane div .overlay{padding:1rem;font-size:1rem;left:30px}}@media (max-width:500px){.media .container .articles .article-image .image-container .tab-content .tab-pane div .overlay{padding:1rem;font-size:1rem;left:24px}}@media (max-width:400px){.media .container .articles .article-image .image-container .tab-content .tab-pane div .overlay{padding:1rem;font-size:1rem;left:20px}}.articles{padding:2rem 0}.articles .container .row div .article-item{border-bottom:1px solid #ccc;align-items:center;padding:1rem 0;display:flex}.articles .container .row div .article-item .img{border-left:1px solid #ccc;max-width:20%;max-height:12rem;margin-left:1rem}.articles .container .row div .article-item .img img{width:10rem;height:10rem}.articles .container .row div .article-item .article-item-text{width:80%;max-width:80%}.articles .container .row div .article-item .article-item-text .info{flex-direction:column;align-items:flex-start;display:flex}.articles .container .row div .article-item .article-item-text .info a{color:#87bdb8;text-decoration:underline!important}.articles .container .row div .article-item .article-item-text .info a h6{font-size:1.2rem;font-weight:600}.articles .container .row div .article-item .article-item-text .info a:hover{color:#87bdb8}.articles .container .row div .article-item .article-item-text .info .date{font-weight:700}.articles .container .row div .article-item .article-item-text .info p,.articles .container .row div .article-item .article-item-text .info .rich-text{color:#222}.articles .container .row div .article-item .article-item-text .info .see_more{align-self:flex-end;font-size:1.2rem!important}.articles .container .row div .article-item .article-item-text .info .see_more a{color:#87bdb8!important}.articles .container .row div .article-item:last-child{border:0}.articles .container .row .singleArticle{text-align:right}.articles .container .row .singleArticle .content{margin:0 auto}.articles .container .row .singleArticle .content .info{flex-direction:column;align-items:flex-start;display:flex}.articles .container .row .singleArticle .content .imageWindow{width:100%;height:100%}.articles .container .row .singleArticle .content .imageWindow img{text-align:center;height:20rem;max-height:200px;margin:2rem auto;display:block}@media (max-width:450px){.articles .container .row .article-item .img{max-height:6rem}.articles .container .row .article-item .img img{width:10rem;height:6rem}.articles .container .row .article-item .article-item-text{max-height:6rem}.articles .container .row .article-item .article-item-text .info{height:6rem}.articles .container .row .article-item .article-item-text .info a{margin:.25rem 0}.articles .container .row .article-item .article-item-text .info a .article-title{margin:0;font-size:.8rem}.articles .container .row .article-item .article-item-text .info .date{margin:0;font-size:.7rem}.articles .container .row .article-item .article-item-text .info p,.articles .container .row .article-item .article-item-text .info .rich-text{margin-bottom:.25rem;font-size:.7rem;line-height:1.4}.articles .container .row .article-item .article-item-text .info .see_more{align-self:flex-end;font-size:.75rem!important}.articles .container .row .article-item .article-item-text .info .see_more a{color:#87bdb8!important}.articles .container .row .singleArticle .info h4{font-size:1rem}.articles .container .row .singleArticle .info .articles-date{font-size:.75rem}.articles .container .row .singleArticle .info .btn-left{padding:.25rem .5rem}.articles .container .row .singleArticle .info .btn-left span{font-size:.75rem}.articles .container .row .singleArticle .singleArticle-body div{font-size:14px!important}}.sideBar{max-width:100%}.sideBar h4{color:#87bdb8;border-bottom:1px solid #a3947f;padding-bottom:.5rem;font-weight:700}.sideBar .arrow-ul li{word-break:break-all;border-bottom:1px dashed #636363;align-items:center;margin-bottom:15px;display:flex!important}.sideBar .arrow-ul li>a{color:#222;margin-right:2rem;padding:5px}.sideBar .arrow-ul li>a:hover{color:#222}.sideBar .arrow-ul li>a.active{font-weight:700;color:#a3947f!important}.sideBar .arrow-ul li:before{content:">";color:#5f9ea0;font-weight:bolder;position:relative;left:-19px}.contactUs{padding:4rem 0}.contactUs .container .contactUsForm .form .row{margin:2rem 0}.contactUs .container .contactUsForm .form .row div{margin:.25rem 0}.contactUs .container .contactUsForm .form .row div .form-group .form-control{padding:1.5rem 2rem}.contactUs .container .contactUsForm .form .row div .form-group .is-invalid{padding-right:2rem}.contactUs .container .contactUsForm .form .row div .sent_btn button{background:#82b8af;border-color:#82b8af;width:25%;padding:1.5rem 0;font-size:1.5rem;font-weight:700}.search .row div form{margin-top:2rem}.search .row div form .form-group .sub_input{border-radius:0;font-size:1.2rem;padding:1rem!important}.search .row div form .form-group .sub_input::placeholder{color:#a1a1a1;font-weight:500}.search .row div form .form-group .is-invalid{padding-right:2rem!important}.search .row div form .sub_btn{color:#fff;background:#b8a4b3;border-color:#b8a4b3;border-radius:0;padding:1rem 3rem;font-size:1.2rem;font-weight:500;box-shadow:0 3px 20px #0006}.searchResults{padding-top:3rem}.searchResults .container form .row div .customSelect,.searchResults .container form .row div .customField{justify-content:flex-start;align-items:center;display:flex}.searchResults .container form .row div .customSelect select,.searchResults .container form .row div .customField select{color:#82b8af;border-color:#82b8af;border-radius:.25rem;width:100%;padding:.75rem;font-size:1.2rem;font-weight:500}.searchResults .container form .row div .customSelect select:focus-visible,.searchResults .container form .row div .customField select:focus-visible{outline:0}.searchResults .container form .row div .customSelect input,.searchResults .container form .row div .customSelect button,.searchResults .container form .row div .customField input,.searchResults .container form .row div .customField button{color:#82b8af;border-color:#82b8af;border-radius:.25rem;padding:.75rem;font-size:1.2rem;font-weight:500}.searchResults .container form .row div .customSelect input:focus,.searchResults .container form .row div .customSelect input:focus-visible,.searchResults .container form .row div .customSelect button:focus,.searchResults .container form .row div .customSelect button:focus-visible,.searchResults .container form .row div .customField input:focus,.searchResults .container form .row div .customField input:focus-visible,.searchResults .container form .row div .customField button:focus,.searchResults .container form .row div .customField button:focus-visible{box-shadow:none}.searchResults .container form .row div .customSelect input::placeholder,.searchResults .container form .row div .customField input::placeholder{color:#82b8af}.searchResults .container form .row div .customSelect button,.searchResults .container form .row div .customField button{color:#fff;background-color:#82b8af;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-5px}.searchResults .container .results{min-height:400px;padding-top:3rem}.searchResults .container .results .result-item{border-bottom:1px solid #82b8af;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.searchResults .container .results .result-item .info{width:95%}.searchResults .container .results .result-item .info h6{color:#82b8af;font-size:1.2rem;font-weight:700}.searchResults .container .results .result-item a{color:#82b8af;text-decoration:underline!important}.searchResults .container .results .result-item:last-child{border:0;margin-bottom:0}.searchResults .container .results .result-item:hover{cursor:pointer;background:#cfcfcf6e;border-radius:.25rem}.searchResults .container .results .no-data{text-align:center;margin:5rem 0}.forgetPass .row{background:#b1b1b125;height:100vh;margin:0}.forgetPass .row .rightPart{margin:auto}.forgetPass .row .rightPart .logo{width:fit-content;margin:auto}.forgetPass .row .rightPart .logo img{width:60%;margin:auto;display:block}@media (max-width:992px){.forgetPass .row .rightPart .logo img{padding:3rem 0}}.forgetPass .row .leftPart{background:#fff;height:100%}.forgetPass .row .leftPart form{width:100%;margin:37vh auto}.forgetPass .row .leftPart form .title h5{color:#87bdb8;font-size:1.8rem;font-weight:700}.forgetPass .row .leftPart form .title hr{color:#362701;width:50px;height:1px}.forgetPass .row .leftPart form .form-input{margin:.5rem 0}.forgetPass .row .leftPart form .form-input .form-label{margin-bottom:10px;font-size:17px;font-weight:700}.forgetPass .row .leftPart form .form-input .form-control{border:1px solid #87bdb8;border-radius:.25rem}.forgetPass .row .leftPart form .form-input .form-control::placeholder{color:#212529}.forgetPass .row .leftPart form .form-input .errorMessage{color:#600;margin:.75rem 0;font-weight:700}.forgetPass .row .leftPart form .forget-btns{text-align:center;margin:1rem 0}.forgetPass .row .leftPart form .forget-btns button{color:#fff;background:#87bdb8;border:1px solid #87bdb8;border-radius:.25rem;padding:1rem 2rem;font-size:1.5rem;box-shadow:0 0 10px #87bdb8}.forgetPass .row .leftPart form .forget-btns button:hover{opacity:.5}.forgetPass .row .leftPart form .create-account{color:#222529;font-weight:700}@media (max-width:992px){.forgetPass .row .leftPart form{width:100%;margin:20vh auto}}.container-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding-left:35px;font-size:22px;display:block;position:relative}.container-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark-checkbox{background-color:#eee;width:25px;height:25px;position:absolute;right:0;top:6px!important}.container-checkbox:hover input~.checkmark-checkbox{background-color:#ccc}.container-checkbox input:checked~.checkmark-checkbox{background-color:#2196f3}.checkmark-checkbox:after{content:"";display:none;position:absolute}.container-checkbox input:checked~.checkmark-checkbox:after{display:block}.container-checkbox .checkmark-checkbox:after{border:3px solid #fff;border-width:0 3px 3px 0;width:5px;height:10px;top:5px;left:9px;transform:rotate(45deg)}.name{color:#87bdb8;font-size:25px;font-weight:700;position:relative;top:-283px}@media (max-width:600px){.name{top:-313px}}@media (max-width:500px){.name{top:-172px}}.programname{color:#87bdb8;font-size:25px;font-weight:700;position:relative;top:-239px}@media (max-width:600px){.programname{top:-230px}}@media (max-width:500px){.programname{font-size:16px;top:-155px}#imgcertification{height:100%!important}}*{font-family:Tajawal,Courier,monospace!important}.innerPadding{padding:3rem 0}.spaceMargin{margin:4rem 0 0}ul{list-style:none;padding:0!important}.paddingTop{padding:4rem 0}a{text-decoration:none!important}.rich-text{margin-top:0;margin-bottom:1rem}.supBtn{justify-content:center;align-items:center;padding:10px 25px;font-size:20px;display:flex;color:#ccc!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:33px!important}.supBtn img{margin-right:.5rem;transition:all .5s ease-in-out!important}.supBtn:hover{color:#fff!important;background:#ccc!important}.supBtn:hover img{transform:translate(-.7rem)}.supBtn .icon{margin-right:.5rem}