:root{--main-color:#e6f1fc;--primary-color:#ffbc51;--secondary-color:#0dcaf0;--admin-main-bg:#2a3447;--admin-soft-bg:#384256;--admin-dark-bg:#222b3c;--admin-main-color:#fff;--admin-soft-color:#ddd;--admin-dark-color:#2a3447}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none!important}.login{align-items:center;background-image:url(https://res.cloudinary.com/dmymq7zql/image/upload/v1701354275/v0ayylygojdn9jasgo1t.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}.login:before{background-image:linear-gradient(64.5deg,rgba(245,116,185,.5) 14.7%,rgba(31,212,248,.5) 88.7%);content:"";height:100%;position:absolute;width:100%}.login .login__container{background-color:rgba(13,204,242,.5);display:flex;flex-wrap:wrap;height:80%;justify-content:space-evenly;padding:30px;width:80%;z-index:1}.login .login__container .img__container{display:flex;width:400px;z-index:2}.login .login__container .img__container img{height:100%;object-fit:cover;width:100%}.login .login__container form{align-items:center;display:flex;flex-direction:column;width:400px;z-index:2}.login .login__container form img{height:150px;object-fit:cover;width:150px}.login .login__container form .form__group{align-items:center;display:flex;flex-direction:column;width:100%}.login .login__container form .form__group .form__control{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:20px;width:100%}.login .login__container form .form__group .form__control .icon{color:#fff;font-size:40px}.login .login__container form .form__group .form__control .second__icon{border-radius:50%;color:#fff;cursor:pointer;font-size:35px;padding:5px}.login .login__container form .form__group .form__control .second__icon:hover{background-color:rgba(0,0,0,.5)}.login .login__container form .form__group .form__control input{background:transparent;border:none;border-bottom:3px solid #fff;color:#fff;font-size:18px;font-weight:600;outline:none;padding:10px;width:100%}.login .login__container form .form__group .form__control input::-webkit-input-placeholder{color:#fff;font-size:18px;font-weight:600}.login .login__container form .form__group .form__control input::placeholder{color:#fff;font-size:18px;font-weight:600}.login .login__container form .form__group .forget__password{color:#fff;font-size:16px;font-weight:600;margin-top:20px}.login .login__container form .form__group .form__action{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.login .login__container form .form__group .form__action .action__btn{background-image:linear-gradient(64.5deg,#f574b9 14.7%,#1ab5d4 88.7%);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;outline:none;padding:5px 40px}.login .login__container form .form__group .creat__account{color:#fff;font-size:20px;font-weight:600;margin-top:20px;text-align:center}.login .login__container form .form__group .creat__account span{font-weight:800}.login .login__container form .form__group .error{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:800;gap:5px;margin-top:10px}.login .login__container form .form__group .error .icon{color:#ffc220;font-size:30px}.loader__container{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;width:100%}.book{border:5px solid #d3d3d3;height:60px;margin:0 auto;position:relative;width:100px}.book:before{background-color:#d3d3d3;border-radius:0 0 2px 2px;bottom:-8px;content:"";height:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px}.book:before,.book__page{left:50%;position:absolute}.book__page{-webkit-animation:flip 1.2s linear infinite;animation:flip 1.2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#3498db;border-color:#ecf0f1 #ecf0f1 #ecf0f1 #d3d3d3;border-bottom:5px solid #d3d3d3;border-right:5px solid #d3d3d3;border-top:5px solid #d3d3d3;height:60px;margin:0 auto;top:-5px;-webkit-transform-origin:0 50%;transform-origin:0 50%;width:50px}.book__page:first-child{-webkit-animation-delay:1.4s;animation-delay:1.4s;z-index:-1}.book__page:nth-child(2){-webkit-animation-delay:2.8s;animation-delay:2.8s;z-index:-2}.book__page:nth-child(3){-webkit-animation-delay:4.2s;animation-delay:4.2s;z-index:-3}@-webkit-keyframes flip{0%{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}20%{background:#217dbb}29.9%{background:#217dbb}30%{background:#3498db;-webkit-transform:perspective(200px) rotateY(-90deg);transform:perspective(200px) rotateY(-90deg)}54.999%{opacity:1}55%{opacity:0}60%{background:#3498db;-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg)}to{background:#3498db;-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg)}}@keyframes flip{0%{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}20%{background:#217dbb}29.9%{background:#217dbb}30%{background:#3498db;-webkit-transform:perspective(200px) rotateY(-90deg);transform:perspective(200px) rotateY(-90deg)}54.999%{opacity:1}55%{opacity:0}60%{background:#3498db;-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg)}to{background:#3498db;-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg)}}.home{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:auto;overflow:hidden;position:relative}.navbar{position:fixed;width:100%;z-index:10000}.navbar .navbar__container{align-items:center;background-color:#051925;display:flex;height:80px;padding:0 50px;width:100%}.navbar .navbar__container .right{flex:1 1}.navbar .navbar__container .right img{height:80px;object-fit:cover;width:100px}.navbar .navbar__container .center{align-items:center;color:#fff;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:space-between}.navbar .navbar__container .center a{cursor:pointer}.navbar .navbar__container .left{align-items:center;flex:1 1;height:100%}.navbar .navbar__container .left,.navbar .navbar__container .left .btn__container{display:flex;justify-content:flex-end}.navbar .navbar__container .left .btn__container .sign-button{align-items:center;background-color:#ffbc51;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:800;margin-left:15px;padding:5px 10px}.navbar .navbar__container .left .btn__container .sign-button:hover{background:#fff;border:2px solid #ffbc51;color:#ffbc51}.navbar .navbar__container .left .btn__container .register-button{align-items:center;background-color:#0dcaf0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;padding:5px 10px}.navbar .navbar__container .left .btn__container .register-button:hover{background:#fff;border:2px solid #0dcaf0;color:#0dcaf0}.navbar .navbar__container .left .nav-profile{cursor:pointer;position:relative}.navbar .navbar__container .left .nav-profile:hover .options{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:10001}.navbar .navbar__container .left .nav-profile .options{background-color:#eee;border-radius:8px;color:#0b0b0b;display:none;left:0;min-width:200px;position:absolute}.navbar .navbar__container .left .nav-profile .icon{color:#fff;height:40px;width:40px}.navbar .navbar__container .left .nav-profile .option__item{align-items:center;border-radius:8px;display:flex;margin:0;padding:15px;transition:.3s;width:100%}.navbar .navbar__container .left .nav-profile .option__item:hover{background-color:#0dcaf0;color:#fff}.navbar .navbar__container .left .nav-profile .option__item:hover span{padding-right:30px;transition:.3s}.navbar .navbar__container .left .menu__container{cursor:pointer;display:none;position:relative}.navbar .navbar__container .left .menu__container:hover .menu__items{align-items:center;display:flex;flex-direction:column;justify-content:center}.navbar .navbar__container .left .menu__container .menu__items{background-color:#eee;border-radius:8px;color:#0b0b0b;display:none;left:0;min-width:200px;position:absolute;z-index:1000}.navbar .navbar__container .left .menu__container .menu__item{align-items:center;border-radius:8px;display:flex;margin:0;padding:15px;transition:.3s;width:100%}.navbar .navbar__container .left .menu__container .menu__item:hover{background-color:#0dcaf0;color:#fff;padding-right:30px;transition:.3s}.navbar .navbar__container .left .menu__container .menu__icon{color:#fff;height:40px;width:40px}@media only screen and (max-width:767px){.navbar .navbar__container{align-items:center;background-color:#051925;display:flex;padding:0 20px}.navbar .navbar__container .right img{height:80px;object-fit:cover;width:80px}.navbar .navbar__container .center,.navbar .navbar__container .left .btn__container,.navbar .navbar__container .left .nav-profile{display:none}.navbar .navbar__container .left .menu__container{display:block}}@media only screen and (min-width:768px)and (max-width:1024px){.navbar .navbar__container{padding:0 20px}.navbar .navbar__container .right{flex:1 1}.navbar .navbar__container .left{flex:2 1}.navbar .navbar__container .left .btn__container{display:flex;justify-content:flex-end}.navbar .navbar__container .left .btn__container .sign-button{align-items:center;background-color:#ffbc51;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:800;margin-left:15px;padding:4px}.navbar .navbar__container .left .btn__container .sign-button:hover{background:#fff;border:2px solid #ffbc51;color:#ffbc51}.navbar .navbar__container .left .btn__container .register-button{align-items:center;background-color:#0dcaf0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:800;padding:4px}.navbar .navbar__container .left .btn__container .register-button:hover{background:#fff;border:2px solid #0dcaf0;color:#0dcaf0}.navbar .navbar__container .center{flex:3 1;justify-content:space-evenly}}.progress-bar{background-color:#0071dc;height:5px;left:0;margin:0;padding:0;position:-webkit-sticky;position:sticky;position:relative;top:0;width:100%;z-index:1}.progress-bar .fill{background-color:#ffbc51;color:#fff;height:4px}main{block-size:border-box;margin:0;padding:0}main .waves{background-color:#3586ff;height:60vh;overflow:hidden;position:relative;width:100%}main .waves h1{color:#fff;font-size:50px;font-weight:900;margin:40px;text-shadow:0 12px 2px rgba(0,0,0,.3)}main .waves .wave{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAACBCAYAAACfMBctAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFDRDZFQUEyRDc3RTExRTk4MkQ4ODY4NTVCMjA5N0FCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFDRDZFQUEzRDc3RTExRTk4MkQ4ODY4NTVCMjA5N0FCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUNENkVBQTBENzdFMTFFOTgyRDg4Njg1NUIyMDk3QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUNENkVBQTFENzdFMTFFOTgyRDg4Njg1NUIyMDk3QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5SQPdtAAAPJUlEQVR42uzd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);background-size:1500px 100px;bottom:0;height:100px;left:0;position:absolute;width:100%}main .waves .wave#wave1{-webkit-animation:animate 60s linear infinite;animation:animate 60s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;opacity:1;z-index:1000}@-webkit-keyframes animate{0%{background-position-x:0}to{background-position-x:1500px}}main .waves .wave#wave2{-webkit-animation:animate2 20s linear infinite;animation:animate2 20s linear infinite;-webkit-animation-delay:-5s;animation-delay:-5s;opacity:.5;z-index:999}@-webkit-keyframes animate2{0%{background-position-x:0}to{background-position-x:1500px}}@keyframes animate2{0%{background-position-x:0}to{background-position-x:1500px}}main .waves .wave#wave3{-webkit-animation:animate 40s linear infinite;animation:animate 40s linear infinite;-webkit-animation-delay:-2s;animation-delay:-2s;opacity:.2;z-index:998}@-webkit-keyframes animate3{0%{background-position-x:0}to{background-position-x:1500px}}@keyframes animate3{0%{background-position-x:0}to{background-position-x:1500px}}main .waves .wave#wave4{-webkit-animation:animate2 10s linear infinite;animation:animate2 10s linear infinite;-webkit-animation-delay:-5s;animation-delay:-5s;opacity:.7;z-index:997}@keyframes animate{0%{background-position-x:0}to{background-position-x:1500px}}@media only screen and (max-width:767px){main .waves{height:40vh}}.courses{min-height:100vh;position:relative;width:100%}.courses .container{display:flex;flex-wrap:wrap;gap:100px;padding:50px}.courses h1{font-size:40px;font-weight:900;margin:40px 40px 0;position:relative;transition:all 2s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.courses h1:after{bottom:3;width:60%}.courses h1:after,.courses h1:before{background-color:#ffbc51;border-radius:50%;content:"";height:3px;position:absolute;right:0}.courses h1:before{bottom:0;width:100%}.card{background-color:#f7f7f7;border-radius:3px;box-shadow:0 15px 25px -5px rgba(52,170,253,.3);overflow:hidden;transition:all .3s;width:320px}.card .card__header{color:#777;height:240px;position:relative}.card .card__header .card__picture{background-color:#fff;height:100%;width:100%}.card .card__header .card__picture .card__picture-overlay{background-image:linear-gradient(132.6deg,rgba(71,139,214,.3) 23.3%,rgba(37,216,211,.3) 84.7%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.card .card__header .card__picture img{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);height:100%;object-fit:cover;width:100%}.card .card__header .card__header-title{bottom:0;position:absolute;right:20px;z-index:2}.card .card__header .card__header-title span{background-image:linear-gradient(132.6deg,rgba(71,139,214,.7) 23.3%,rgba(37,216,211,.7) 84.7%);color:#fff;display:block;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card .card__details{background-color:#fff;border-radius:0 0 25% 0;display:flex;flex-direction:column;height:160px;justify-content:space-between;padding:10px}.card .card__details .card__description{color:#777;font-size:14px}.card .card__details .card__data{align-items:center;display:flex;gap:15px}.card .card__footer{align-items:center;background-color:#f7f7f7;display:flex;justify-content:space-between;padding:10px}.card .card__footer .card__price{background-color:#ffbc51;color:#fff;font-weight:800;padding:10px}.card .card__footer .card__actions{display:flex;flex-direction:column}.card .card__footer .card__actions .go__action-btn{align-self:center;border:2px solid #fff;border-radius:24px;color:#333;cursor:pointer;margin-bottom:10px;outline:2px solid #0dcaf0;padding:0 15px}.card .card__footer .card__actions .go__action-btn:hover{background-color:#0dcaf0;color:#fff}.card .card__footer .card__actions .order__action-btn{align-self:center;background-image:linear-gradient(132.6deg,rgba(71,139,214,.7) 23.3%,rgba(37,216,211,.7) 84.7%);border:none;border-radius:24px;color:#fff;cursor:pointer;padding:0 40px}.footer{background-color:#051925;border-radius:100px 100px 0 0;justify-content:space-evenly;padding:0 50px;width:100%}.footer,.footer .left{align-items:center;display:flex}.footer .left{color:#fff;flex:1 1;flex-direction:column}.footer .left ul{color:#fff;margin:0;padding:0}.footer .left ul li{padding:10px 15px}.footer .left ul a{color:#0dcaf0;text-decoration:none}.footer .middle{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column}.footer .middle img{height:300px;object-fit:fill}.footer .right{align-items:center;color:#fff;flex:1 1;flex-direction:column}.footer .right .icon-container{display:flex;margin:25px 0}.footer .right .icon-container .icon{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:15px;width:40px}.footer .right img{height:40px;margin-bottom:5px;width:200px}@media only screen and (max-width:767px){.footer{flex-direction:column;padding:0 20px}.footer .left{order:2}.footer .middle{order:-1}.footer .middle p{display:none}.footer .right{order:1}}.main__landing{align-items:center;background-image:url(https://res.cloudinary.com/dmymq7zql/image/upload/v1697546119/arkan/jh2yttkw8zt5jmvanz7b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.main__landing:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.main__landing .main__landing-text{align-items:center;display:flex;flex-direction:column;z-index:1}.main__landing .main__landing-text .main__landing-title{color:#fff;font-size:50px;font-weight:900}.main__landing .main__landing-text .main__landing-span{background-color:#ffbc51;border-radius:6px;color:#fff;font-size:20px;font-weight:900;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-spacing:2px}@media only screen and (max-width:767px){.main__landing .main__landing-text .main__landing-title{font-size:24px;font-weight:900}.main__landing .main__landing-text .main__landing-span{display:flex;font-size:14px;font-weight:900;gap:5px;justify-content:center;text-align:center;word-spacing:2px}}.about{display:flex;padding:80px 50px 0;width:100%}.about .right{display:flex;flex:1 1;flex-direction:column;gap:30px;justify-content:center;padding:20px 0}.about .right div h2{color:#0a0a0a;font-size:26px;font-weight:900}.about .right div h3{color:#0a0a0a;font-size:16px;font-weight:900}.about .right div p{color:#0a0a0a;font-size:16px;font-weight:400}.about .center{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:30px;justify-content:space-evenly;padding:20px 0}.about .center .box__three{background-color:#ff5352;border-radius:4px;color:#fff;padding:30px;width:300px}.about .center .box__three .box__icon{font-size:100px}.about .center .box__three p{font-weight:600}.about .center .box__four{background-color:#ffc220;border-radius:4px;color:#fff;padding:30px;width:300px}.about .center .box__four .box__icon{font-size:100px}.about .center .box__four p{font-weight:600}.about .left{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:30px;justify-content:space-between;padding:20px 0}.about .left .box__one{background-color:#0dcaf0;border-radius:4px;color:#fff;padding:30px;width:300px}.about .left .box__one .box__icon{font-size:100px}.about .left .box__one p{font-weight:600}.about .left .box__two{background-color:teal;border-radius:4px;color:#fff;padding:30px;width:300px}.about .left .box__two .box__icon{font-size:100px}.about .left .box__two p{font-weight:600}@media only screen and (max-width:767px){.about{flex-direction:column;padding:0 20px}.about .center{align-items:center}.about .center .box__four,.about .center .box__three,.about .left .box__one,.about .left .box__two{width:100%}}@media only screen and (min-width:768px)and (max-width:1024px){.about{gap:20px;padding:0 20px}.about .right{flex:2 1}.about .center{flex:1 1;justify-content:center}.about .center .box__three{padding:10px;width:200px}.about .center .box__three .box__icon{font-size:50px}.about .center .box__three h2{font-size:20px}.about .center .box__three p{font-weight:400}.about .center .box__four{padding:10px;width:200px}.about .center .box__four .box__icon{font-size:50px}.about .center .box__four h2{font-size:20px}.about .center .box__four p{font-weight:400}.about .left{flex:1 1;justify-content:center}.about .left .box__one{padding:10px;width:200px}.about .left .box__one .box__icon{font-size:50px}.about .left .box__one h2{font-size:20px}.about .left .box__one p{font-weight:400}.about .left .box__two{padding:10px;width:200px}.about .left .box__two .box__icon{font-size:50px}.about .left .box__two h2{font-size:20px}.about .left .box__two p{font-weight:400}}.portfolio{display:flex;gap:30px;height:100vh;justify-content:space-around;padding:0 50px;width:100%}.portfolio .portfolio__right{background-image:url(https://res.cloudinary.com/dmymq7zql/image/upload/v1697632493/arkan/ehiktmglx1r55gzg76tf.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1 1}.portfolio .portfolio__right,.portfolio .portfolio__right .image__container{align-items:center;display:flex;justify-content:center}.portfolio .portfolio__right .image__container .portfolio__photo{height:60%;object-fit:cover;width:60%}.portfolio .portfolio__left{display:flex;flex:1 1}.portfolio .portfolio__left .portfolio__left-wrapper{display:flex;flex-direction:column;justify-content:center}.portfolio .portfolio__left .portfolio__left-wrapper h1{color:#0f1c53;font-size:40px;font-weight:900}.portfolio .portfolio__left .portfolio__left-wrapper p{color:#444;font-size:20px;font-weight:600;line-height:2}@media only screen and (max-width:767px){.portfolio{flex-direction:column;padding:0 20px}.portfolio .portfolio__left{align-items:flex-start}.portfolio .portfolio__left .portfolio__left-wrapper{display:flex;flex-direction:column}.portfolio .portfolio__left .portfolio__left-wrapper h1{color:#0f1c53;font-size:24px;font-weight:900}.portfolio .portfolio__left .portfolio__left-wrapper p{color:#444;font-size:16px;font-weight:700;line-height:3}}@media only screen and (min-width:768px)and (max-width:1024px){.portfolio{padding:0 20px}}.message__modal{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%;z-index:1000}.message__modal .message__container{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;min-height:300px;min-width:500px;padding:20px}.message__modal .message__container .message__content{align-items:center;display:flex;flex-direction:column}.message__modal .message__container .message__content .warning{color:orange;font-size:80px}.message__modal .message__container .message__content .done{color:green;font-size:80px}.message__modal .message__container .message__content .error{color:red;font-size:80px}.message__modal .message__container .message__content h1{color:#555;font-weight:600}.message__modal .message__container .message__content p{color:#666}.message__modal .message__container .message__action{display:flex;flex:1 1;gap:20px}.message__modal .message__container .message__action .ok__btn{background-color:#0dcaf0;color:#fff}.message__modal .message__container .message__action .cancel__btn,.message__modal .message__container .message__action .ok__btn{align-self:center;border:2px solid #fff;border-radius:8px;cursor:pointer;font-weight:700;outline:2px solid #ccc;padding:5px 30px}.page__loader{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;min-height:100vh;min-width:100vw;overflow:hidden;position:relative;width:100%}.page__loader .loader{display:inline-block;height:50px;position:relative;width:50px}.page__loader .loader:after,.page__loader .loader:before{-webkit-animation:animloader 2s linear infinite;animation:animloader 2s linear infinite;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.page__loader .loader:after{-webkit-animation-delay:-1s;animation-delay:-1s;border:2px solid blue}.page__loader .loader:before{border:2px solid #8a2be2}@-webkit-keyframes animloader{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animloader{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.page__loader h4{color:#3b3b3b}.notes__container{align-items:center;display:none;justify-content:space-evenly;top:-100px;width:100%;z-index:10}.notes__container .note__item{align-items:center;border-radius:6px;display:flex;flex-direction:column;height:200px;justify-content:center;width:300px}.notes__container .note__item img{object-fit:cover;width:150px}.notes__container .note__item p{color:#fff;font-size:18px;font-weight:700}.notes__container .one{background-color:#0db7db}.notes__container .two{background-color:#0da48d}.notes__container .three{background-color:#f31b58}.notes__container .four{background-color:#e2c971}@media only screen and (max-width:767px){.notes__container{display:flex;flex-wrap:wrap;gap:10px}.notes__container .note__item{height:180px;width:180px}.notes__container .note__item img{object-fit:cover;width:120px}.notes__container .note__item p{color:#fff;font-size:12px;font-weight:700}}.register{align-items:center;background-image:url(https://res.cloudinary.com/dmymq7zql/image/upload/v1701354275/v0ayylygojdn9jasgo1t.jpg);background-position:bottom;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}.register:before{background-image:linear-gradient(64.5deg,rgba(245,116,185,.5) 14.7%,rgba(31,212,248,.5) 88.7%);content:"";height:100%;position:absolute;width:100%}.register .message__container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}.register .message__container .message{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:300px;justify-content:center;max-height:300px;max-width:500px;padding:20px;width:500px}.register .message__container .message .done{color:green;font-size:80px}.register .message__container .message h1{color:#555;font-weight:600}.register .message__container .message p{color:#666}.register .message__container .message .ok__btn{align-self:center;background-color:#0dcaf0;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;outline:2px solid #ccc;padding:5px 30px}.register form{align-items:center;background-color:rgba(13,204,242,.5);display:flex;flex-direction:column;height:80%;padding:30px;position:relative;width:80%}.register form img{height:100px;object-fit:cover;width:120px;z-index:1}.register form .form__group{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;width:100%;z-index:1}.register form .form__group .form__wrapper{display:flex;flex-direction:column;gap:5px;width:400px}.register form .form__group .form__wrapper .form__control{align-items:center;display:flex;width:100%;z-index:1}.register form .form__group .form__wrapper .form__control .icon{color:#fff}.register form .form__group .form__wrapper .form__control .second__icon{border-radius:50%;color:#fff;cursor:pointer;font-size:35px;padding:5px}.register form .form__group .form__wrapper .form__control .second__icon:hover{background-color:rgba(0,0,0,.5)}.register form .form__group .form__wrapper .form__control input{background:transparent;border:none;border-bottom:3px solid #fff;color:#fff;font-size:18px;font-weight:800;outline:none;padding:10px;width:100%}.register form .form__group .form__wrapper .form__control input::-webkit-input-placeholder{color:#fff;font-size:18px;font-weight:600}.register form .form__group .form__wrapper .form__control input::placeholder{color:#fff;font-size:18px;font-weight:600}.register form .form__group .form__wrapper .form__control select{background:transparent;border:none;border-bottom:3px solid #fff;color:#fff;font-size:18px;font-weight:800;outline:none;padding:10px;width:100%}.register form .form__group .form__wrapper .form__control select option{color:#000}.register form .form__group .form__wrapper .error{align-items:center;color:#fff;display:flex;gap:5px}.register form .form__group .form__wrapper .error .error__icon{color:#212427}.register form .error__wrapper{align-items:center;display:flex;flex-direction:column;gap:5px;width:400px}.register form .error__wrapper .error{align-items:center;color:#fff;display:flex;gap:5px}.register form .error__wrapper .error .error__icon{color:#212427}.register form .form__action{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px;width:100%;z-index:1}.register form .form__action .action__btn{background-image:linear-gradient(64.5deg,#f574b9 14.7%,#1ab5d4 88.7%);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;outline:none;padding:5px 30px}.register form .form__action .login__btn{color:#fff;font-size:16px;font-weight:700;text-decoration:underline}.course{background-color:#eee;min-height:100vh;padding:100px 20px 0}.course .course__container{display:flex;min-height:100vh}.course .course__container .course__media{flex:7 1;max-height:100vh;padding-top:10px}.course .course__container .course__media .course__media-video{background-color:#000;height:70%;width:100%}.course .course__container .course__media .course__media-video .unpurchased{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:100%}.course .course__container .course__media .course__media-video .unpurchased p{color:#fff}.course .course__container .course__media .course__media-video .unpurchased .order__btn{align-self:center;background-color:#0dcaf0;border:none;border-radius:24px;color:#fff;cursor:pointer;padding:5px 40px}.course .course__container .course__media .course__media-video .unpurchased .icon{color:#fff;cursor:not-allowed;font-size:60px}.course .course__container .course__media .course__media-content{background-color:#eee}.course .course__container .course__media .course__media-content .content__tap{display:flex;flex-wrap:wrap}.course .course__container .course__media .course__media-content .attachment__tap{align-items:center;display:flex;gap:20px}.course .course__container .course__media .course__media-content .attachment__tap .attachment__btn{align-items:center;cursor:pointer;display:flex;outline:none;padding:5px 30px}.course .course__container .course__media .course__media-content .attachment__tap .attachment__btn:hover{background-color:#0dcaf0;border-color:#0dcaf0;color:#fff}.course .course__container .course__media .course__media-content .taps__list{border-bottom:1px solid #777;display:flex;list-style:none;padding-top:10px}.course .course__container .course__media .course__media-content .taps__list .tap__item{color:#666;cursor:pointer;font-weight:700;padding:10px 25px}.course .course__container .course__media .course__media-content .taps__list .tap__item:hover{color:#000}.course .course__container .course__media .course__media-content .taps__list .tap__item.active__tap{border-bottom:2px solid #000;color:#000}.course .course__container .course__media .course__media-content .taps__content{padding-top:20px}.course .course__container .course__media .course__media-content .taps__content .info__item{align-items:center;color:#444;display:flex;font-weight:600;gap:5px;letter-spacing:.8px;margin-left:30px}.course .course__container .course__content{flex:2 1}@media only screen and (max-width:767px){.course .course__header{margin-bottom:0}.course .course__header .content{font-size:18px}.course .course__header .left,.course .course__header .right{align-items:normal;flex-direction:column}.course .course__header .left .info-item,.course .course__header .right .info-item{font-size:12px}.course .course__header .left{margin-top:25px}.course .course__container{flex-direction:column}.course .course__container .course__media{padding:20px 0}.course .course__container .course__media .course__media-video{height:50vh}.course .course__container .course__media .course__media-content{font-size:14px;height:30%}.course .course__container .course__media .course__media-content .content__tap{flex-direction:column;flex-wrap:nowrap;gap:5px}}@media only screen and (min-width:768px)and (max-width:1023px){.course .course__header{margin-bottom:0}.course .course__header .content{font-size:18px}.course .course__header .left,.course .course__header .right{justify-content:space-between}.course .course__header .left .info-item,.course .course__header .right .info-item{font-size:12px}.course .course__header .left{margin-top:25px}.course .course__container{flex-direction:column}.course .course__container .course__media{padding:20px 0}.course .course__container .course__media .course__media-video{height:70vh}}.chapter{padding:0 10px}.chapter .chapter__toggle{align-items:center;background-color:#f2f8fd;color:#333;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-top:10px;padding:20px 40px 20px 20px;transition:.5s}.chapter .chapter__toggle:hover{background-color:#19c8fa;color:#fff}.chapter .chapter__toggle .dwn-arrow{font-size:30px;font-weight:800}.chapter .chapter__toggle .chapter__title{font-size:14px;font-weight:800}.lesson{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;position:relative}.lesson .lesson__img{flex:1.5 1}.lesson .lesson__img img{border-radius:8px;object-fit:cover;width:100%}.lesson .lesson__content{display:flex;flex:3 1;flex-direction:column}.lesson .lesson__content .lesson__title{font-size:12px;font-weight:800}.lesson .lesson__content .lesson__description{font-size:10px}.lesson .lesson__content .lesson__duration{align-items:center;display:flex;font-size:10px;gap:5px}.lesson .lesson__content .lesson__duration .lesson__icon{font-size:18px}.active{background-color:#d1d7dc}.active img{border:3px solid #ffbc51}.quiz{display:flex;gap:10px;padding:10px}.quiz:focus,.quiz:hover{background-color:#d1d7dc}.quiz .quiz__icon{background-color:#0dcaf0;border-radius:8px;color:#fff;flex:1.5 1;flex-direction:column}.quiz .quiz__content,.quiz .quiz__icon{align-items:center;display:flex;justify-content:center}.quiz .quiz__content{flex:3 1;flex-direction:column}.quiz .quiz__content .quiz__title{font-size:12px;font-weight:800}.quiz .quiz__content .quiz__btn{background-color:#0dcaf0;border:none;border-radius:24px;color:#fff;cursor:pointer;outline:none;padding:2px 25px}.quiz .quiz__content .quiz__btn:hover{background-color:#fff;border:2px solid #19c8fa;color:#04b3e3}.notPurchased__lesson{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;position:relative}.notPurchased__lesson .lesson__img{flex:1.5 1}.notPurchased__lesson .lesson__img img{border-radius:8px;object-fit:cover;width:100%}.notPurchased__lesson .lesson__content{display:flex;flex:3 1;flex-direction:column}.notPurchased__lesson .lesson__content .lesson__title{font-size:12px;font-weight:800}.notPurchased__lesson .lesson__content .lesson__description{font-size:10px}.notPurchased__lesson .lesson__content .lesson__duration{align-items:center;display:flex;font-size:10px;gap:5px}.notPurchased__lesson .lesson__content .lesson__duration .lesson__icon{font-size:18px}.notPurchased__lesson:before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.notPurchased__lesson .icon{color:#f5f5f5;font-size:40px;margin:0 auto;position:absolute;width:100%;z-index:1000}.notPurchased__quiz{display:flex;gap:10px;position:relative}.notPurchased__quiz .quiz__icon{align-items:center;background-color:#0dcaf0;border-radius:8px;color:#fff;display:flex;flex:1.5 1;flex-direction:column;justify-content:center}.notPurchased__quiz .quiz__content{align-items:center;display:flex;flex:3 1;flex-direction:column;justify-content:center;padding:10px 0}.notPurchased__quiz .quiz__content .quiz__title{font-size:12px;font-weight:800}.notPurchased__quiz .quiz__content .quiz__btn{background-color:#0dcaf0;border:none;border-radius:24px;color:#fff;cursor:pointer;outline:none;padding:2px 25px}.notPurchased__quiz .quiz__content .quiz__btn:hover{background-color:#fff;border:2px solid #19c8fa;color:#04b3e3}.notPurchased__quiz:before{background-color:rgba(0,0,0,.6);content:"";height:100%;position:absolute;width:100%;z-index:1000}.notPurchased__quiz .icon{align-self:center;color:#f5f5f5;display:flex;font-size:40px;margin:0 auto;position:absolute;width:100%;z-index:1000}.forget-password{display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100vw}.forget-password .container{align-items:center;display:flex;justify-content:center;padding-top:100px}.forget-password .container form{background-color:#fff;border:1px solid #ccc;border-radius:8px}.forget-password .container form h3{border-bottom:1px solid #ccc;padding:15px}.forget-password .container form p{padding:15px}.forget-password .container form label{display:block;font-size:12px;font-weight:700}.forget-password .container form .control-group{display:flex;flex-direction:column;width:100%}.forget-password .container form .control-group .form-control{align-items:center;border-bottom:1px solid #ccc;display:flex;flex-direction:column;margin:15px 0;padding:15px;width:100%}.forget-password .container form .control-group .form-control input{border-radius:8px;margin:0 auto;padding:8px 15px;width:80%}.forget-password .container form .control-group .form-action{align-items:center;display:flex;justify-content:center;padding:15px;width:100%}.forget-password .container form .control-group .form-action button{background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;padding:8px 15px;width:80%}.secondary-footer{align-items:center;background-color:#0f1c53;border-radius:40px 40px 0 0;display:flex;justify-content:space-between;max-height:80px;padding:40px}.secondary-footer .logo{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-bottom:40px}.secondary-footer .logo .logo-title{position:relative}.secondary-footer .logo .logo-title:after{background-color:#0dcaf0;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:0;width:12px}.secondary-footer .logo .logo-title:before{background-color:#ffbc51;border-radius:50%;bottom:0;content:"";height:12px;position:absolute;right:0;width:12px}.secondary-footer .logo .logo-title h1{color:#fff;position:relative}.secondary-footer .logo .logo-title h1:after{color:#0dcaf0;content:"للعلم";font-size:15px;font-weight:600;position:absolute;right:5px;top:-5px}.secondary-footer .logo .logo-title h1:before{bottom:-5px;color:#ffbc51;content:"اركان";font-size:15px;font-weight:600;left:5px;position:absolute}.secondary-footer .logo img{height:60px;padding:5px;width:60px}.secondary-footer .bottom a{color:#fff;text-decoration:none}.wrapper{position:relative}.wrapper .message__modal-order{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%;z-index:1000}.wrapper .message__modal-order .message__container-order{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;min-height:300px;padding:20px;width:500px}.wrapper .message__modal-order .message__container-order .message__content-order{align-items:center;display:flex;flex-direction:column}.wrapper .message__modal-order .message__container-order .message__content-order .warning-order{color:orange;font-size:80px}.wrapper .message__modal-order .message__container-order .message__content-order .done-order{color:green;font-size:80px}.wrapper .message__modal-order .message__container-order .message__content-order .error-order{color:red;font-size:80px}.wrapper .message__modal-order .message__container-order .message__content-order h1{color:#555;font-weight:600}.wrapper .message__modal-order .message__container-order .message__content-order p{color:#666}.wrapper .message__modal-order .message__container-order .message__action-order{display:flex;flex:1 1;gap:20px}.wrapper .message__modal-order .message__container-order .message__action-order .ok__btn-order{background-color:#0dcaf0;color:#fff}.wrapper .message__modal-order .message__container-order .message__action-order .cancel__btn-order,.wrapper .message__modal-order .message__container-order .message__action-order .ok__btn-order{align-self:center;border:2px solid #fff;border-radius:8px;cursor:pointer;font-weight:700;outline:2px solid #ccc;padding:5px 30px}.wrapper .order{background-color:#f0f2f5;min-height:100vh;padding:100px 30px;width:100%}.wrapper .order .order__container{background-color:#fff;border-radius:8px;width:100%}.wrapper .order .order__container .container__body{display:flex;flex-direction:column;padding:30px}.wrapper .order .order__container .container__body .link{font-size:18px}.wrapper .order .order__container .container__body .link:hover{color:blue}.wrapper .order .order__container .container__body h1{align-self:center}.wrapper .order .order__container .container__body .coupon{display:flex;flex-direction:column;gap:15px}.wrapper .order .order__container .container__body .coupon .coupon__input{display:flex;gap:5px}.wrapper .order .order__container .container__body .coupon .coupon__input button{background-color:gold;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:18px;font-weight:700;outline:none;padding:5px 25px}.wrapper .order .order__container .container__body .coupon .coupon__input input{border:none;border-bottom:2px solid gray;padding-right:15px}.wrapper .order .order__container .container__body .coupon .coupon__input input:focus{background-color:rgba(13,202,240,.3);font-size:18px;font-weight:700;outline:none}.wrapper .order .order__container .container__body .order__btn{align-self:center;background-color:#0dcaf0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;outline:none;padding:5px 15px}@media only screen and (max-width:767px){.wrapper .message__modal-order .message__container-order{width:90%}.wrapper .message__modal-order .message__container-order .message__content-order h1{font-size:20px;font-weight:900}.wrapper .message__modal-order .message__container-order .message__content-order p{font-size:12px;font-weight:700}}.table__container{display:flex;flex-direction:column;position:relative;width:100%}.table__container table{align-self:center;border-collapse:collapse;box-shadow:0 0 20px rgba(0,0,0,.15);font-family:sans-serif;font-size:.9em;margin:25px 0;width:90%}.table__container table thead tr{background-color:#009879;color:#fff;font-size:16px;text-align:center}.table__container table tbody{font-weight:700;text-align:center}.table__container table tbody :hover{background-color:#f3f3f3;color:#009879;cursor:pointer}.table__container table td,.table__container table th{font-size:16px;padding:22px 25px}.table__container table tbody tr:last-of-type{border-bottom:2px solid #009879}.table__container table .icon-delete{color:red;cursor:pointer;font-size:30px;margin-right:30px}.table__container table .icon-edit{color:#009879;cursor:pointer;font-size:30px;margin-right:30px}.spinner__loader{align-items:center;display:flex;height:100%;justify-content:center;min-height:50vh;overflow:hidden;position:relative;width:100%}.spinner__loader .loader{-webkit-animation:mulShdSpin 1.1s ease infinite;animation:mulShdSpin 1.1s ease infinite;border-radius:50%;font-size:10px;height:1em;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 #000,1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.5),-1.8em -1.8em 0 0 rgba(0,0,0,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.7),1.8em -1.8em 0 0 #000,2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.5),1.8em -1.8em 0 0 rgba(0,0,0,.7),2.5em 0 0 0 #000,1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.5),2.5em 0 0 0 rgba(0,0,0,.7),1.75em 1.75em 0 0 #000,0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.5),1.75em 1.75em 0 0 rgba(0,0,0,.7),0 2.5em 0 0 #000,-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.5),0 2.5em 0 0 rgba(0,0,0,.7),-1.8em 1.8em 0 0 #000,-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.5),-1.8em 1.8em 0 0 rgba(0,0,0,.7),-2.6em 0 0 0 #000,-1.8em -1.8em 0 0 rgba(0,0,0,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.5),-2.6em 0 0 0 rgba(0,0,0,.7),-1.8em -1.8em 0 0 #000}}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 #000,1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.5),-1.8em -1.8em 0 0 rgba(0,0,0,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.7),1.8em -1.8em 0 0 #000,2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.5),1.8em -1.8em 0 0 rgba(0,0,0,.7),2.5em 0 0 0 #000,1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.5),2.5em 0 0 0 rgba(0,0,0,.7),1.75em 1.75em 0 0 #000,0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.5),1.75em 1.75em 0 0 rgba(0,0,0,.7),0 2.5em 0 0 #000,-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.5),0 2.5em 0 0 rgba(0,0,0,.7),-1.8em 1.8em 0 0 #000,-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.5),-1.8em 1.8em 0 0 rgba(0,0,0,.7),-2.6em 0 0 0 #000,-1.8em -1.8em 0 0 rgba(0,0,0,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.5),-2.6em 0 0 0 rgba(0,0,0,.7),-1.8em -1.8em 0 0 #000}}div.css-hyum1k-MuiToolbar-root{border-right:none}div.MuiSlider-root{background-color:red;color:#20b2aa}span.mobile-content{display:none}main.css-zxdg2z{padding:0}@media only screen and (max-width:767px){span.mobile-content{display:block;font-size:14px;text-align:center}button.MuiButtonBase-root{display:none}}.wrapper{align-items:center;display:flex;justify-content:center}.wrapper .message{align-self:center}.wrapper .message .message__container{align-items:center;display:flex;flex-direction:column;gap:16px;height:300px;width:100%}.wrapper .message .message__container img{height:200px;margin-top:32px;width:200px}.wrapper .message .message__container .ok__btn{align-self:center;background-color:#0dcaf0;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;outline:2px solid #ccc;padding:5px 30px}.wrapper .user-profile{align-items:center;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.3);display:flex;flex-direction:column;width:100%}.wrapper .user-profile .header-container{background-image:linear-gradient(65.9deg,rgba(75,68,224,.74) 54.2%,#40c6ee 55.2%,#b124e0 98.4%);box-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:100px;min-height:250px;position:relative;width:100%}.wrapper .user-profile .header-container .admin-nav{align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:8px;bottom:-45px;box-shadow:0 2px 8px rgba(0,0,0,.26);display:flex;justify-content:flex-start;left:1%;min-height:90px;position:absolute;width:98%}.wrapper .user-profile .header-container .admin-nav img{border-radius:8px;height:50px;margin:0 30px;width:50px}.wrapper .user-profile .info-container{background-color:#fff;border-radius:8px;margin-bottom:50px;width:80%}.wrapper .user-profile .info-container form h2{margin-bottom:20px}.wrapper .user-profile .info-container form .control-group{align-items:center;display:flex;margin-bottom:30px}.wrapper .user-profile .info-container form .control-group .form-control{position:relative;width:90%}.wrapper .user-profile .info-container form .control-group .form-control input{border:1px solid #aaa;border-radius:6px;color:gray;font-size:18px;font-weight:600;outline:none;padding:10px;width:90%}.wrapper .user-profile .info-container form .control-group .form-control label{background-color:#fff;color:gray;font-size:14px;font-weight:700;position:absolute;right:10px;top:-12px}.wrapper .user-profile .info-container form .control-group .image{width:50%}.wrapper .user-profile .info-container form .control-group .form-action button{background-color:#5d66ea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:5px 20px}.wrapper .user-profile .password-container{background-color:#fff;border-radius:8px;width:80%}.wrapper .user-profile .password-container form h2{margin-bottom:20px}.wrapper .user-profile .password-container form .control-group{align-items:center;display:flex;margin-bottom:30px}.wrapper .user-profile .password-container form .control-group .form-control{position:relative;width:90%}.wrapper .user-profile .password-container form .control-group .form-control input{border:1px solid #aaa;border-radius:6px;color:gray;font-size:18px;font-weight:600;outline:none;padding:10px;width:90%}.wrapper .user-profile .password-container form .control-group .form-control label{background-color:#fff;color:gray;font-size:14px;font-weight:700;position:absolute;right:10px;top:-12px}.wrapper .user-profile .password-container form .control-group .form-action button{background-color:#5d66ea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:5px 20px}@media only screen and (max-width:767px){.user-profile form{width:100%}.user-profile form .control-group{display:flex;flex-direction:column;gap:20px;width:100%}.user-profile form .control-group .form-control{width:100%}.user-profile form .control-group .image{width:90%!important}}.user__courses{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:50px 0;width:100%}.user__card{background-color:#f7f7f7;border-radius:3px;box-shadow:0 15px 25px -5px rgba(52,170,253,.3);min-height:350px;transition:all .3s;width:300px}.user__card .card__header{color:#777;height:240px;position:relative}.user__card .card__header .card__picture{background-color:#fff;height:100%;width:100%}.user__card .card__header .card__picture .card__picture-overlay{background-image:linear-gradient(132.6deg,rgba(71,139,214,.3) 23.3%,rgba(37,216,211,.3) 84.7%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.user__card .card__header .card__picture img{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);height:100%;object-fit:cover;width:100%}.user__card .card__header .card__header-title{bottom:0;position:absolute;right:20px;z-index:2}.user__card .card__header .card__header-title span{background-image:linear-gradient(132.6deg,rgba(71,139,214,.7) 23.3%,rgba(37,216,211,.7) 84.7%);color:#fff;display:block;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user__card .card__details{background-color:#fff;border-radius:0 0 25% 0;display:flex;flex-direction:column;height:160px;justify-content:space-between;padding:10px}.user__card .card__details .card__description{color:#777;font-size:14px}.user__card .card__details .card__data{align-items:center;display:flex;gap:15px}.user__card .card__footer{align-items:center;background-color:#f7f7f7;display:flex;justify-content:center;padding:10px}.user__card .card__footer .card__actions{display:flex;flex-direction:column}.user__card .card__footer .card__actions .go__action-btn{align-self:center;border:2px solid #fff;border-radius:24px;color:#333;cursor:pointer;margin-bottom:10px;outline:2px solid #0dcaf0;padding:0 15px}.user__card .card__footer .card__actions .go__action-btn:hover{background-color:#0dcaf0;color:#fff}.user__card .card__footer .card__actions .order__action-btn{align-self:center;background-image:linear-gradient(132.6deg,rgba(71,139,214,.7) 23.3%,rgba(37,216,211,.7) 84.7%);border:none;border-radius:24px;color:#fff;cursor:pointer;padding:0 40px}.user__invoices{align-items:center;display:flex;gap:30px;justify-content:center;padding:50px 0}.invoices__table{border-collapse:collapse;box-shadow:0 0 20px rgba(0,0,0,.15);width:90%}.invoices__table thead tr{background-color:#1976d2;color:#fff;font-size:16px;text-align:center}.invoices__table tbody{font-weight:700;text-align:center}.invoices__table tbody :hover{background-color:#f3f3f3;color:#009879;cursor:pointer}.invoices__table td,.invoices__table th{font-size:16px;padding:22px 25px}.invoices__table tbody tr:last-of-type{border-bottom:2px solid #1976d2}@media only screen and (max-width:767px){.invoices__table thead tr{font-size:12px}.invoices__table tbody{font-weight:400}.invoices__table td,.invoices__table th{font-size:12px;font-weight:400;padding:10px}}.user__results{flex-wrap:wrap;gap:30px;padding:50px}.success,.user__results{align-items:center;display:flex;justify-content:center}.success{flex-direction:column;height:50vh}.success .message__container{align-items:center;display:flex;flex-direction:column;gap:16px;height:300px;width:400px}.success .message__container img{height:100px;margin-bottom:16px;margin-top:32px;width:100px}.failed{height:50vh;justify-content:center}.failed,.failed .message__container{align-items:center;display:flex;flex-direction:column}.failed .message__container{gap:16px;height:300px;width:400px}.failed .message__container img{height:100px;margin-bottom:16px;margin-top:32px;width:100px}
/*# sourceMappingURL=main.5a89d1a6.css.map*/