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