@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:El Messiri,sans-serif}::selection{color:#fff;background:#00205f}body{width:100%;direction:rtl;overflow-x:hidden!important;background-color:#f9faff}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background:#00205f}@media (max-width:900px){body::-webkit-scrollbar{width:0}}html{width:100%;scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}a{text-decoration:none;color:#000}button{border:none;outline:none;background-color:transparent;cursor:pointer}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:1px solid #c4c4c4;border-radius:4px;outline:none;transition:.3s;padding-top:2px}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=checkbox]:checked{border-color:#00205f;background-color:#00205f}input[type=checkbox]:before{content:"✓";display:block;width:16px;height:16px;margin:2px;font-size:16px;color:#fff;line-height:16px;text-align:center;visibility:hidden}input[type=checkbox]:checked:before{visibility:visible}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}select{-webkit-appearance:none;-moz-appearance:none}.js-scroll{opacity:0}.js-scroll.scrolled{opacity:1}.scrolled.fade-left{animation:fadeleft .8s cubic-bezier(.215,.61,.355,1) forwards}.scrolled.fade-right{animation:faderight .8s cubic-bezier(.215,.61,.355,1) forwards}.scrolled.fade-top{animation:fadetop .8s cubic-bezier(.215,.61,.355,1) forwards}.scrolled.fade-btm{animation:fadebtm .8s cubic-bezier(.215,.61,.355,1) forwards}@keyframes fadeleft{0%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes faderight{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadetop{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadebtm{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.opacity{opacity:0}.opacity-ani{opacity:0;animation:opacityani .8s ease .5s forwards}@keyframes opacityani{to{opacity:1}}.box{max-width:1300px;width:100%;padding:0 20px}.login{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;background-image:url(/media/background.svg);padding:50px 20px;background-size:cover;background-repeat:no-repeat}.hook{position:absolute;left:20px;width:10vw;height:20vw;top:0;object-fit:contain}.loginForm{width:800px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;background-color:#fff;padding:40px 175px;border-radius:10px;position:relative}.loginForm .logo{width:170px;height:170px;object-fit:contain}.input{width:100%;gap:20px;position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.input .icon{width:25px;height:25px;object-fit:contain}.input i{position:absolute;left:15px;cursor:pointer;color:#c1c1c1;font-size:1.2rem}.input input:not([type=checkbox]),.input select,.input textarea{width:100%;flex-wrap:1;display:flex;box-shadow:0 0 5px rgba(55,82,217,.9);border-radius:7px;padding:0 20px;border:none;outline:none;background-color:transparent;background-color:#fff;height:50px;text-align:right;font-size:1em;font-weight:600}.input select:disabled{color:#000;opacity:1}.input textarea{height:120px;resize:none;padding:20px}.radio{justify-content:right;padding-right:50px;gap:10px}.radio input{width:20px;height:20px}.fbtn{width:90%;border:none;background-color:transparent;border-radius:7px;height:50px;font-size:1em;background-color:#273b9b}.fbtn,.profileBtn{display:flex;justify-content:center;align-items:center;outline:none;color:#fff}.profileBtn{width:-moz-fit-content;width:fit-content;border:none;background-color:transparent;border-radius:5px;height:40px;font-size:.9em;background-color:#2474b3;padding:0 25px;margin:0 auto;z-index:-1}.bottom-icon{width:300px;height:auto;object-fit:contain}@media (max-width:900px){.loginForm{width:100%;padding:30px 100px}}@media (max-width:700px){.loginForm{width:100%;padding:30px 50px}.hook{width:70px;height:200px;z-index:1}}@media (max-width:500px){.loginForm{width:100%;padding:30px 20px}.loginForm .logo{width:125px;height:125px}.input{gap:10px}.bottom-icon{width:90%;height:auto}}.nav{justify-content:center;position:fixed;top:0;left:0;width:100%;height:100px;background-color:#00205f;z-index:5}.nav,.navCont{display:flex;align-items:center}.navCont{justify-content:space-between}.navCont h1{color:#fff;font-size:2.2em;font-weight:600}.navCont form{display:flex;justify-content:center;align-items:center;position:relative}.navCont form input{border:none;outline:none;background-color:transparent;background-color:#f0f0f0;width:250px;height:40px;border-radius:7px;padding:0 35px 0 20px;color:#00205f}.navCont form input::placeholder{color:gray}.navCont form button{position:absolute;right:0;z-index:2;padding:10px 12px}.navCont form button img{width:15px!important;height:15px!important;object-fit:contain;margin-top:5px}.navCont .logo{width:70px;height:70px}.profile-c{display:flex;align-items:center;gap:40px}.profile-c .fa-bell{color:#fff;font-size:1.3em;cursor:pointer}.drop{gap:10px;cursor:pointer}.drop,.drop .avatar{display:flex;align-items:center;position:relative}.drop .avatar{width:40px;height:40px;border-radius:50%;justify-content:center}.drop .avatar img{position:absolute;width:100%;height:100%;object-fit:cover}.drop span{color:#fff;font-size:.9em;padding:0 5px 0 10px}.drop i{color:#fff}.dropMenu{position:absolute;top:calc(100% + 10px);width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px 20px;border-radius:5px;background-color:#b9691f;box-shadow:0 0 10px rgba(0,31,93,.18)}.dropMenu button{width:100%;display:flex;justify-content:right;gap:10px;color:#fff;font-size:.9em;padding:10px 0;white-space:nowrap}.dropMenu button i{color:#fff;font-size:1.1em}@media (max-width:1000px){.navCont form,.navCont h1{display:none}.profile-c{gap:20px}.drop span{padding:0}}.sidebar{display:flex;justify-content:center;align-items:flex-start;padding:150px 40px 100px;width:300px;height:100%;position:fixed;overflow-y:scroll;top:0;right:0;z-index:4;background-color:#f9faff;border-left:1px solid #00205f}.sidebar::-webkit-scrollbar{width:0}.links{display:flex;flex-direction:column;gap:15px;list-style:none}.links,.links li{width:100%}.links li a{width:100%;display:flex;align-items:center;padding:0 30px 0 10px;gap:10px;height:50px;background-color:#f9faff;border-radius:10px;color:#00205f;font-weight:500}.links li a,.links li a svg path{transition:all .1s ease}.links li .active{background-color:#b9691f;color:#fff}.links li .active svg path{fill:#fff}.logout{position:-webkit-sticky;position:sticky;color:red!important;bottom:20px}.links li .logout.active{color:#fff!important}.container{gap:40px;flex-direction:column;padding:150px 40px 100px;position:relative}.container,.notFound{display:flex;align-items:center;width:calc(100% - 300px);margin-right:auto;min-height:100vh}.notFound{justify-content:center;color:#00205f;text-transform:uppercase;text-align:center;padding:0 20px}.title{width:100%;display:flex;flex-direction:column}.title h1{width:100%;text-align:center;font-size:3em;font-weight:600}.title h1:first-child{color:#dd903d}.title h1:nth-child(2){color:#00205f}.cards{width:100%;display:flex;gap:30px;flex-wrap:wrap}.card{display:flex;justify-content:right;align-items:center;gap:20px;width:300px;flex-grow:1;height:150px;background-color:#fff;box-shadow:0 0 3px 1px rgba(57,85,223,.157);border-radius:10px;padding:0 20px}.text span{color:#c1c1c1}.text h1{color:#00205f;font-size:2.2em;font-weight:600}.table-container{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,31,93,.18);overflow:auto;max-height:60vh}.table-container::-webkit-scrollbar{width:10px;height:10px}.table-container::-webkit-scrollbar-track{background:#fff}.table-container::-webkit-scrollbar-thumb{background:#00205f}.btn-more{background-color:#d69a4e;color:#fff;padding:10px 20px;border:none;border-radius:5px;margin-bottom:10px;cursor:pointer}.custom-table{width:100%;border-collapse:collapse;overflow:auto}.custom-table thead{position:-webkit-sticky;position:sticky;top:0;box-shadow:0 10px 5px rgba(38,57,148,.2)}.custom-table thead th{background-color:#fff;padding:25px 10px}.custom-table thead th:first-child{padding-right:40px}.custom-table thead th:last-child{padding-left:40px}.custom-table td,.custom-table th{text-align:right;padding:10px;direction:ltr;white-space:nowrap}.custom-table td{padding:17px 10px;color:#898989}.custom-table td:first-child{padding-right:40px}.custom-table td:last-child{padding-left:40px}.custom-table td .userImage{direction:rtl;display:flex;gap:10px;align-items:center}.custom-table td .userImage img{width:40px;height:40px;border-radius:50%;object-fit:cover}.noSticky thead{z-index:2;box-shadow:none;position:relative}.addShadow td{padding-top:20px;padding-bottom:20px;background-color:#fff}.addShadow tbody tr{border-bottom:1px solid #898989}.addShadow tbody tr:last-child{border-bottom:none}@media (max-width:700px){.custom-table td:first-child{padding-right:20px}.custom-table td:last-child{padding-left:20px}.custom-table thead th:first-child{padding-right:20px}.custom-table thead th:last-child{padding-left:20px}}.custom-table th{color:#000;white-space:nowrap}.table-icon{width:24px;height:24px}.t-h{width:100%;display:flex;justify-content:space-between;padding:20px 20px 0}.t-h h3{font-weight:500;display:flex;gap:10px;align-items:center;color:#00205f}.t-h h3 img{width:30px;height:30px;object-fit:contain;padding-bottom:5px}.more{padding:0 50px;height:35px;color:#fff;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#b9691f}#menu{display:none;cursor:pointer;color:#fff;font-size:1.5em}#closeSide{position:fixed;top:0;left:0;width:calc(100% - 300px);height:100vh;z-index:5;display:none}@media (max-width:1000px){#menu{display:block}.sidebar{right:-100%;transition:all .3s ease}.sidebar.active{right:0}.sidebar.active #closeSide{display:block}.container{width:100%;padding-right:20px;padding-left:20px}.notFound{width:100%}}@media (max-width:600px){.title h1{font-size:2em}.table-container::-webkit-scrollbar{width:0;height:0}.navCont .logo{width:40px;height:40px}.more{padding:0 20px}}@media (max-width:360px){.logout{position:relative;bottom:auto;right:auto}}.c-icon{width:70px;height:70px;border-radius:50%;background-color:#b9691f;display:flex;justify-content:center;align-items:center}.searchBar{display:flex;width:100%;justify-content:left;gap:20px;flex-wrap:wrap}.searchBar form{display:flex;justify-content:center;align-items:center;position:relative}.searchBar form input{border:none;outline:none;background-color:transparent;background-color:#f0f0f0;width:250px;height:40px;border-radius:7px;padding:0 35px 0 20px;color:#00205f}.searchBar form input::placeholder{color:gray}.searchBar form button{position:absolute;right:0;z-index:2;padding:10px 12px}.searchBar form button img{width:15px!important;height:15px!important;object-fit:contain;margin-top:5px}.notActiveState{color:#676767}.notActiveState i{font-size:.7rem}.activeState{color:#24a42a}.activeState i{font-size:.7rem}.btn{width:-moz-fit-content;width:fit-content;border:none;outline:none;background-color:transparent;border-radius:7px;height:45px;font-size:1em;padding:0 40px;gap:10px;background-color:#2474b3;color:#fff}.btn,.popUp{display:flex;justify-content:center;align-items:center}.popUp{width:100%;height:100%;position:fixed;z-index:9999;left:0;top:0;background-color:rgba(0,0,0,.267);padding:20px}.popUp.d-none{display:none}#close{width:100%;height:100%;position:absolute;z-index:2;top:0}.Fp30{width:600px;padding:40px 30px;position:relative;z-index:3}.Fp30 h1{font-size:1.7em;font-weight:600}@media (max-width:700px){.Fp30{width:100%}}.fullwpopup{position:fixed;width:calc(100% - 300px);height:100vh;top:40px;padding:0 40px;background-color:transparent}.fullwpopup .pI{width:100%;overflow-y:scroll;height:calc(100vh - 40px)}.fullwpopup .pI::-webkit-scrollbar{width:0}.fullwpopup .loginForm{width:100%;padding:30px 40px}.fullwpopup .loginForm .inputs{width:100%}.fullwpopup .loginForm .inputs .input input{border:none;box-shadow:0 0 5px rgba(0,0,0,.267)}@media (max-width:1000px){.fullwpopup{width:100%;padding:0 20px}.fullwpopup .loginForm{width:100%}}@media (max-width:500px){.fullwpopup{width:100%;padding:0 20px;background-color:transparent}.fullwpopup .loginForm{padding:20px}}.question{width:100%}.d-none{display:none}.qhead{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.qhead h3{font-weight:600;font-size:1.1em;color:#00205f}.deg{display:flex;gap:20px;align-items:center;font-weight:500;color:#545454}.deg .input{width:100px;height:45px}.deg .input input,.deg .input select{box-shadow:0 0 5px rgba(0,0,0,.267)!important}.deg .input i{bottom:auto!important;color:#2474b3!important}.answerInput{width:100%;display:flex;gap:20px}.answerInput input[type=text]{border:none;outline:none;background-color:transparent;width:calc(100% - 200px);height:50px;background-color:#00205f;color:#fff;padding:0 20px;font-size:1em;border-radius:5px}.answerInput input[type=text]::placeholder{color:#fff}.tf{justify-content:center;gap:20px;width:200px}.tf,.tf .tfr{display:flex;align-items:center}.tf .tfr{gap:10px;font-weight:500}.tf .tfr input{width:17px;height:17px}.tf .tfr:first-child{color:#24a42a}.tf .tfr:first-child input{accent-color:#24a42a}.tf .tfr:nth-child(2){color:#e6252a}.tf .tfr:nth-child(2) input{accent-color:#e6252a}.btns{width:100%;gap:20px}.btns,.btns a,.btns button{display:flex;justify-content:center;align-items:center}.btns a,.btns button{width:150px;height:35px;border-radius:7px;font-weight:500;gap:10px;font-size:.9em}.btns a:first-child,.btns button:first-child{background-color:#2474b3;color:#fff}.btns a:nth-child(2),.btns button:nth-child(2){background-color:#d9d9d9;color:#676767}@media (max-width:700px){.btns a,.btns button{flex-grow:1}}.userProfile{display:flex;flex-direction:column;gap:30px;width:100%;padding:30px;background-color:#fff;box-shadow:0 0 15px rgba(36,116,179,.2);border-radius:10px}.btns2{flex-wrap:wrap;padding:10px 0}.btns2 a,.btns2 button{height:40px;font-weight:400;border-radius:5px}.btns2 a:first-child,.btns2 a:nth-child(2),.btns2 a:nth-child(3),.btns2 button:first-child,.btns2 button:nth-child(2),.btns2 button:nth-child(3){background-color:#2474b3;color:#fff}.btns2 .main{background-color:#00205f!important}.avatar2{width:130px;height:130px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.avatar2 img{position:absolute;width:100%;height:100%;object-fit:cover}.userData{display:flex;gap:40px;align-items:center;padding:0 20px 40px}.uText{display:flex;flex-direction:column;gap:20px}.uText h2 span{color:#2474b3}.twoLinks{display:flex;gap:40px}.aLink{display:flex;flex-direction:column;gap:10px}.aLink span{color:#2474b3;font-weight:600}.aLink a{display:flex;gap:10px;align-items:center}.aLink a img{width:20px;height:20px;object-fit:contain}.done{color:#39da00}.done i{font-size:.7rem;padding-left:5px}.pending{color:#e2f03c}.pending i{font-size:.7rem;padding-left:5px}.ex{color:#39da00}.vg{color:#fd6}@media (max-width:700px){.userData{flex-direction:column}}@media (max-width:500px){.userProfile{padding:20px}.userData{padding:0 0 20px}.twoLinks{flex-direction:column;gap:20px}.uText{width:100%;display:flex;justify-content:center;align-items:center;text-align:center}.uText h2{font-size:1.3em}}.editBtn{display:flex;gap:10px;align-items:center;color:#00205f}.editBtn img{width:25px;height:25px;object-fit:cover}.gap20{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:20px}.gap20 .profileBtn{padding:0 40px;border-radius:5px;height:35px}.btns3 a,.btns3 button{background-color:#00205f!important;padding:0 20px;font-size:.9em;width:-moz-fit-content;width:fit-content}.courseView{width:100%;padding:60px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,31,93,.18);display:flex;flex-direction:column;gap:20px}.courseView .input{flex-direction:column;gap:0}.courseView .input span{width:100%;text-align:right;font-weight:600;color:#545454;padding-bottom:10px}.courseView .input i{color:#545454;bottom:13px}.threeIns{width:100%;display:flex;gap:20px}.threeIns .input{width:calc(33.3333333333% - 20px)}.courseCert{justify-content:center;width:400px;box-shadow:0 0 10px rgba(0,31,93,.18);padding:20px;background-color:#fff;justify-content:space-between;gap:20px;margin-left:auto}.cName,.courseCert{display:flex;align-items:center}.cName{justify-content:center;gap:10px}.cName img{width:30px;height:30px;object-fit:contain;border:1px solid red}.cName i{position:relative!important;bottom:auto!important;top:auto!important;left:auto!important;font-size:1em;display:inline;font-size:1.7em}.cName .fa-file-pdf{color:#e6252a!important}.cName .fa-file,.cName .fa-file-image,.cName .fa-video{color:#00205f!important}.blackBS .input span{color:#00205f;font-weight:600;font-size:1.2em}.blackBS .input input{box-shadow:0 0 10px rgba(0,0,0,.286);color:#000;border-radius:4px;height:60px}.span{display:inline-flex;gap:5px;color:#545454;padding-right:5px}.h2{color:#b9691f}.h2 .span{font-weight:400}.quill{width:100%;box-shadow:0 0 10px rgba(0,0,0,.286)}.quill .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{right:-15px;margin:0;top:3px}.quill .ql-picker-options{width:-moz-fit-content!important;width:fit-content!important}.quill span{font-size:1rem!important}.quill .ql-toolbar.ql-snow{display:flex;width:100%}.quill .ql-editor{height:150px;font-family:El Messiri,sans-serif;text-align:right}.flcgap20{width:100%;gap:20px}.Ctx,.flcgap20{display:flex;flex-direction:column}.Ctx{justify-content:center;align-items:center;padding-top:10px}.Ctx span{line-height:1;direction:ltr}.Ctx span:first-child{font-size:.9em;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Ctx span:nth-child(2){font-size:.8em}.cc500{width:400px}.cc500 .cName .Ctx span:first-child{max-width:200px}@media (max-width:500px){.cc500{width:100%}.cc500 .cName .Ctx span:first-child{max-width:110px}}.cBtns{align-items:flex-end;flex-direction:column;gap:10px}.cBtns,.del{display:flex}.del{gap:5px;font-size:.8em;font-weight:500;color:#545454;cursor:pointer}.del i{position:relative!important;bottom:auto!important;top:auto!important;left:auto!important;font-size:1em;display:inline}.twoB{display:flex;gap:10px}.twoB .label,.twoB a,.twoB label{padding:0 25px;height:25px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-color:#00205f;font-size:.8em;border-radius:4px}.twoB .label i,.twoB a i,.twoB label i{position:relative;left:auto;bottom:auto!important;top:auto;color:#fff!important}.twoB .label{width:-moz-fit-content;width:fit-content;white-space:nowrap;gap:10px;height:35px;font-size:.9em;padding:0 40px;border-radius:5px;background-color:#2474b3}.pt20{padding-top:20px}.cImg{width:300px;height:190px;object-fit:cover}.fcm0a{width:-moz-fit-content;width:fit-content;margin:0 auto}.fldR{width:33.3333333333%;display:flex;align-items:center;gap:7px}.fldR p{color:#545454;font-weight:600;padding-top:30px}.fldR .input{width:100%;flex-shrink:1}.flag{margin-top:30px;width:30px;height:30px;object-fit:contain}@media (max-width:650px){.courseView{padding:40px 20px}.threeIns{flex-direction:column}.courseCert,.fldR,.threeIns .input{width:100%}}@media (max-width:500px){.courseCert{flex-direction:column;gap:0}.courseCert .cName{width:100%;justify-content:right}.courseCert .cBtns{width:100%}}.courseImage{display:flex;justify-content:center;align-items:center;position:relative;width:300px;height:190px}.courseImage img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.courseImage label{position:absolute;font-size:3em;color:#82b3db;z-index:3}.borderMain{border:2px solid #82b3db;border-radius:10px}@media (max-width:400px){.cImg,.courseImage,.fcm0a{width:100%}}.editView{width:100%;padding:50px 30px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,31,93,.18);display:flex;flex-direction:column;gap:20px}.editView .input{flex-direction:column;gap:0}.editView .input span{width:100%;text-align:right;font-weight:600;color:#545454;padding-bottom:10px}.editView .input i{color:#545454;bottom:13px}.jcr{justify-content:right!important;display:flex}.c-inner,.jcr,.repeated-component{width:100%}.bb1{border-bottom:1px solid #00205f;padding-bottom:20px}.ptb20{padding:20px 0}.components-container{width:100%;display:flex;flex-direction:column;gap:30px}.c-row{width:100%;display:flex;gap:40px;justify-content:space-between;align-items:flex-start}.inputs{width:50%;display:flex;flex-direction:column;gap:20px}.inputs .input input{box-shadow:none;border:1px solid #2474b3}.tal{text-align:left!important}.media{width:50%;display:flex;flex-direction:column;gap:20px}.setlMainBG button{height:35px;border-radius:7px}.setlMainBG button:nth-child(n){background-color:#2474b3;color:#fff}@media (max-width:700px){.c-row{flex-direction:column;gap:20px}.inputs,.media{width:100%}}.fullw,.fullw .input{width:100%}.bundles-container{justify-content:center;flex-direction:column;gap:40px;box-shadow:0 0 10px rgba(0,31,93,.18);padding:60px 40px;background-color:#fff;justify-content:space-between;gap:20px;border-radius:15px}.b-cards-container,.bundles-container{display:flex;align-items:center;width:100%}.b-cards-container{justify-content:center;gap:30px;flex-wrap:wrap}.b-card{width:320px;display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f4f9fd;border-radius:10px;position:relative}.b-card .editBtn{width:100%;justify-content:left;font-size:.9em}.b-card .editBtn img{width:20px;height:20px}.b-card h3{color:#00205f;width:100%;text-align:center}.b-card p{display:-webkit-box;width:100%;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.9em;font-weight:500}.b-image{width:100%;padding:5px 0}.b-image img{width:100%;height:150px;border-radius:10px;object-fit:cover}.pb20{padding-bottom:20px}.pt40{padding-top:40px}@media (max-width:600px){.bundles-container{padding:40px 20px}.b-card{width:100%}}.select-courses{width:100%;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.ck{display:flex;gap:10px;align-items:center}.ck label{color:#545454}.ck input{width:20px;height:20px;accent-color:#273b9b;padding-top:7px}.ck input,.toggleBtns{display:flex;justify-content:center;align-items:center}.toggleBtns{width:100%;gap:20px;flex-wrap:wrap}.toggleBtns button{width:250px;height:45px;font-size:1em;border-radius:4px;display:flex;justify-content:center;align-items:center;box-shadow:none;background-color:#2474b3;color:#fff;transition:all .3s ease}.toggleBtns .active{background-color:#fff;box-shadow:0 0 5px rgba(55,82,217,.9);color:#000}.jops,.trainings{width:100%;display:flex;flex-direction:column;gap:40px;padding-top:40px}.jops .b-card,.trainings .b-card{background-color:#d4e6f4}.jops .btns4,.trainings .btns4{padding:0}.btns4 a,.btns4 button{height:45px;padding:0 40px;background-color:#2474b3!important;color:#fff;border-radius:10px}.jcl{width:100%;display:flex;justify-content:left}.reqLink{display:flex;align-items:center;color:#00205f;gap:5px;font-weight:500}.reqLink i{color:#00205f;font-size:2.2em}.reqLink img{width:30px;height:30px;object-fit:contain}.jops-cont .b-card{flex-direction:row;width:100%;position:relative;padding:60px;justify-content:space-between;background-color:#fff;box-shadow:0 0 5px rgba(55,82,217,.9);border-radius:20px}.jops-cont .b-card .del{position:absolute;left:20px;top:20px}.jops-cont .b-card .b-image{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content}.jops-cont .b-card .b-image img{width:200px;max-height:200px;object-fit:contain;border-radius:0}.jops-cont .b-card .b-text{display:flex;gap:20px;max-width:600px;flex-direction:column}.jops-cont .b-card .b-text h3{text-align:right}@media (max-width:1000px){.jops-cont .b-card{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;width:100%;padding:60px 20px}.jops-cont .b-card .b-text{max-width:100%;width:100%}.toggleBtns a,.toggleBtns button{flex-grow:1}}.h75vh{max-height:75vh!important}.btns5{flex-wrap:nowrap;padding-left:20px;padding-right:20px;gap:10px}.btns5 span{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 12px;height:27px;border-radius:15px;font-size:.65em;gap:5px;white-space:nowrap}.btns5 span:nth-child(n){background-color:#2474b3;color:#fff}.blogs .b-card{width:330px;border:1px solid transparent;transition:all .3s ease}.blogs .selected{border:1px solid #00205f}.blogs .disabled{opacity:.7}hr{border-top:1px solid #00205f}.pt30{padding-top:30px}.input.flexInput{display:flex;flex-direction:row;justify-content:space-between;gap:30px;padding-top:30px}.input.flexInput input{flex-grow:1;flex-shrink:1;height:50px}.input.flexInput img{width:50px;height:50px;object-fit:contain}.input.numIn img{width:30px;height:30px;margin-right:10px;margin-left:10px}.flex{display:flex;justify-content:center;align-items:center;width:100%}.p40{padding:40px}.f-bold{font-weight:600}.message{width:100%;position:fixed;bottom:-100px;animation:showMessage .3s ease-in-out forwards;z-index:9999;direction:ltr}.message,.message span{display:flex;justify-content:center;align-items:center}.message span{font-weight:500;padding:9px 30px;background-color:#00205f;color:#fff;text-align:center;border-radius:7px 7px 0 0;text-transform:capitalize}@keyframes showMessage{to{bottom:0}}.twoIn{width:100%;display:flex;gap:20px}.twoIn .input{width:50%}@media (max-width:500px){.twoIn{flex-direction:column}.twoIn .input{width:100%}}.b-details{max-height:45px}.b-details,.b-details p{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.vlink{width:100%;display:flex;align-items:stretch;gap:20px}.vlink .input{flex-shrink:1}.flexOly{gap:20px}.flexOly,.flexOly i{display:flex;justify-content:center;align-items:center}.flexOly i{margin:0;padding:0;position:relative;top:auto!important;left:auto;font-size:1.5em;cursor:pointer;right:auto;bottom:auto!important}.flexOly i:first-child{color:#273b9b}.flexOly i:nth-child(2){color:#e6252a}.iIn{width:100%;display:flex;flex-direction:column;gap:20px}.iIn span{padding-top:10px}.iIn span,.ss span{font-size:1.2em;color:#00205f;font-weight:600}.mt20{margin-top:20px}.newIn{width:100%;display:flex;gap:30px;align-items:center}.newIn input{border:none;outline:none;background-color:transparent;background-color:#fff;border-radius:5px;display:flex;width:calc(100% - 50px);height:60px;box-shadow:0 0 10px rgba(0,31,93,.18);font-size:1em;padding:0 20px;overflow:hidden;font-weight:500}.newIn img{width:50px;height:50px;object-fit:contain}.newIn.numIn img{width:35px;height:35px;margin-right:10px;margin-left:10px}.d-ltr{direction:ltr!important}.d-ltr,.d-rtl{display:flex;flex-direction:row-reverse;gap:5px}.d-rtl{direction:rtl!important}.cbt{display:flex;align-items:flex-start;position:absolute;left:15px;top:15px;gap:10px}.cbt i{color:#00205f!important;font-size:1.2em;cursor:pointer}.tox{width:100%!important;box-shadow:0 0 5px rgba(55,82,217,.9)!important}.input.iauto{flex-direction:row;gap:20px}.input.iauto i{color:red;position:static}.paginationCont{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;background-color:#2474b3;border-radius:10px;padding-left:20px;position:relative;direction:ltr}@media (max-width:601px){.paginationCont{margin-top:40px}}.page{font-size:.8em;color:#fff}.page span,.page span span{color:#fff;font-weight:800}@media (max-width:801px){.p30{padding:0 20px}}@media (max-width:471px){.paginationCont{justify-content:center;padding:0 20px}.page{position:absolute;top:-27px;left:5px}}.paginations{gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;list-style:none}.paginations,.paginations button{display:flex;justify-content:center;align-items:center}.paginations button{width:30px;height:30px;background-color:#fff;border-radius:50%}.paginations button img{width:7px}.spans{display:flex;justify-content:center;align-items:center;gap:5px;list-style:none;padding:0 10px;flex-wrap:wrap}.spans li:first-child .page-link,.spans li:first-child .page-link.active,.spans li:first-child .page-link.active:hover,.spans li:last-child .page-link,.spans li:last-child .page-link.active,.spans li:last-child .page-link.active:hover{background-color:#2b2b2b}.spans li .page-link.active{background-color:#00205f;color:#000}.spans li .page-link.active:hover{background-color:#00205f}.spans li .page-link{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#2b2b2b;color:#fff;transition:.2s;cursor:pointer;font-size:.8em}.spans li .page-link img{width:7px}.spans li .page-link:hover{background-color:#1f1f1f}.control-status{display:flex;gap:10px;justify-content:right;width:100%}.control-status button{padding:0 20px;height:40px;background-color:#00205f;color:#fff;border-radius:5px}.activeStatus{color:#39da00;font-size:.7rem}.notActiveStatus{font-size:.7rem;color:#e6252a}.trainees_count{display:flex;gap:10px}.d-flex{width:100%;justify-content:right;text-align:right;display:flex;flex-direction:row-reverse;align-items:center;gap:5px}.nobr img{border-radius:0}.viewTrain{position:absolute;top:15px;right:15px;z-index:2;font-size:1.2em}.fs1rem{font-size:1rem}.mw200{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.dataRows{flex-direction:column;padding-top:20px}.dataRows,.row{width:100%;display:flex;gap:20px}.row{flex-wrap:wrap}.row span:first-child{width:130px;color:#2474b3}#close2{position:absolute;right:15px;top:15px;cursor:pointer}.w100{width:100%}.flex-colgap20{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.bunStatus{width:100%;display:flex;gap:5px}.fs12 i{font-size:1.2rem;color:#00205f}.flexcol{display:flex;gap:20px}.flexcol .input{gap:10px;flex-direction:column;align-items:flex-start}.flexcol .input input{box-shadow:0 0 10px rgba(0,31,93,.18)}.align-start{align-items:flex-start;overflow-y:scroll;padding-top:50px;padding-bottom:50px}.align-start::-webkit-scrollbar{width:0}.iconPay{width:60px;height:60px;object-fit:contain}.loader{width:20px;height:20px;border:2px solid;border-color:#fff #fff transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.g20{display:flex;flex-direction:column;gap:20px!important}.delSection{width:-moz-fit-content;width:fit-content;margin:0 auto;padding:0 20px;height:40px;background-color:#e6252a;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px;gap:10px}.delSection i{font-size:1rem}.progress{display:flex;justify-content:center;align-items:center;position:fixed;left:40px;bottom:40px;z-index:9999;color:#fff;padding:0 30px;height:45px;font-weight:600;background-color:#00205f;box-shadow:0 0 10px rgba(0,31,93,.18);border-radius:10px}.progress-bar{width:100%;background-color:#f3f3f3;border:1px solid #ddd;border-radius:5px;overflow:hidden;position:relative;margin:0 auto;direction:ltr}.progress-bar-fill{height:20px;background-color:#4caf50;width:0;transition:width .3s ease}.progress-bar span{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#00205f;font-size:12px}