body{background-color:var(--bg)}.container{display:flex;flex-direction:column;align-items:center;margin:10px 0}.course-top-container{position:relative;width:85%;height:500px;background-color:#0b0f1f;border:2px solid rgba(255,255,255,.03);border-radius:15px;z-index:3;display:flex;flex-direction:row-reverse}.course-top-container::after,.course-top-container::before{position:absolute;width:300px;height:300px;border-radius:100%;filter:blur(150px);content:''}.course-top-container::before{z-index:-3;background-color:rgba(218,165,32,.348);left:0;top:0}.course-top-container::after{z-index:-1;background-color:rgba(10,112,237,.348);right:0;top:70%}.course-top-container .side{position:relative;width:50%;height:100%;display:flex;justify-content:center;align-items:center}.course-top-container .side img{width:90%;border-radius:20px}.course-top-container .side:nth-child(2){flex-direction:column;align-items:end;font-family:font}.course-top-container .side:nth-child(2) h1{color:#fff;text-align:right;direction:rtl;font-weight:bolder}.course-top-container .side:nth-child(2) p{font-weight:lighter;color:#a4a4a4;text-align:right;direction:rtl}.row-list-of-course-items{position:relative;width:100%;display:flex;justify-content:end;gap:1rem;flex-wrap:wrap}.row-list-of-course-items .course-item{color:#fff;background-color:var(--sec-color);padding:5px 10px;border-radius:8px}.course-sec-container{position:relative;width:85%;display:flex;margin:30px 0;flex-direction:row-reverse}.sec-container-side-one{position:relative;width:75%}.sec-container-side-two{position:relative;width:25%;display:flex;flex-direction:column;gap:10px;align-items:center}.course-master,.order-course-box{flex-direction:column;position:relative;background-color:#0b0f1f;display:flex}.order-course-box{width:95%;border-radius:10px;align-items:center;margin-top:5px;border:2px solid rgba(255,255,255,.03);z-index:5}.order-course-box button,.order-course-box p,.sidebar-title{margin:10px 0;font-family:font}.sidebar-title{font-weight:bolder;color:#fff;font-size:1.5rem;width:90%;text-align:right}.course-master{width:95%;border:2px solid rgba(255,255,255,.03);align-items:center;gap:1rem;border-radius:10px}.order-course-box p{font-weight:lighter;color:#b0b0b0;font-size:1rem;width:90%;direction:rtl;text-align:right}.price-item{position:relative;width:90%;display:flex;flex-direction:column;font-family:font;align-items:center}.price-item .offer-price{color:#dc143c;text-decoration:line-through;font-size:1.2rem;direction:rtl}.price-item .main-price{font-family:font;font-size:2rem;color:#fff;direction:rtl;font-weight:bolder}.order-course-box button{background-color:#d32338;color:#fff;border:none;border-radius:8px;width:80%;padding:15px 0;font-weight:bolder;font-size:1.4rem;transition:.5s;cursor:pointer}.order-course-box button:hover{background-color:#8a101e}.main-course-content{position:relative;width:95%;height:500px!important;overflow:hidden!important;font-family:font;text-align:right;color:#fff;border-radius:10px;background-color:#0b0f1f;border:2px solid rgba(255,255,255,.03)}.main-course-content::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.377));backdrop-filter:blur(4px)}.main-course-content[active]{padding-bottom:50px;height:max-content!important}.load-full-content{position:absolute;bottom:5px;width:30%;right:35%;font-family:font;background-color:var(--sec-color);color:#fff;border-radius:50px;padding:10px 30px;cursor:pointer!important;border:none;transition:.5s;display:flex;justify-content:center;align-items:center;z-index:4}.load-full-content:hover,.top-header button:hover{background-color:#d32338}.load-full-content i{font-size:1.2rem;transform:translateY(3px)}.main-course-content[active]::after{display:none}.ql-editor p{line-height:40px!important}.course-master img{width:150px;height:150px;border-radius:100%;object-fit:cover}.comment-box,.course-main-content,.ql-editor img{border-radius:10px;margin:10px 0}.course-master a{font-family:font;color:#fff;text-decoration:none;font-size:1.5rem}.course-master p{font-family:font;color:#bfbfbf;text-align:center;width:95%}.course-main-content{position:relative;width:95%;background-color:#0b0f1f;border:2px solid rgba(255,255,255,.03)}.course-task-bar{position:relative;width:100%;display:flex;justify-content:end;flex-direction:row-reverse;margin:10px 0}.course-content-container,.course-video-dropdown{width:95%;display:flex;flex-direction:column;position:relative}.course-task-bar button{background-color:transparent;font-family:font;border:2px solid rgba(255,255,255,.487);border-radius:8px;padding:5px 10px;margin:10px;font-size:1.1rem;cursor:pointer;transition:.5s;color:rgba(255,255,255,.487)}.course-task-bar button:hover{background-color:rgba(255,255,255,.161)}.course-content-container::after,.course-dropdown-content-list .content a,.course-task-bar button[active],.top-comment-info p[active],.top-header button{background-color:var(--sec-color)}.course-task-bar button[active]{color:#fff;border-color:var(--sec-color)}.course-content-container{left:2.5%;border-radius:8px;padding:10px 0;align-items:center;z-index:1}.course-content-container::after{content:'';position:absolute;right:0;top:0;width:300px;height:300px;border-radius:100%;filter:blur(100px);opacity:.2;z-index:-1}.course-video-dropdown{background-color:#1a213d;border:2px solid rgba(255,255,255,.03);border-radius:10px;align-items:center;cursor:pointer;margin:10px 0}.course-dropdown-content-list{position:relative;width:100%;flex-direction:column;display:none}.course-dropdown-content-list .content,.top-header{padding:10px 0;flex-direction:row-reverse;position:relative;color:#fff;font-family:font}.course-category,.course-comments-container,.course-small-options .option,.course-small-options .option i,.dropdown-label,.top-comment-info,.top-header{display:flex;display:flex}.course-dropdown-content-list .content{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.133)}.course-dropdown-content-list .content a{color:#fff;padding:10px;border-radius:50px;margin:0 10px;text-decoration:none}.course-dropdown-content-list .content span{margin:0 10px;direction:rtl;text-align:right}.course-dropdown-content-list .content:last-child{border-bottom:none}.dropdown-label{position:relative;width:99%;height:60px;justify-content:start;align-items:center;font-family:font;direction:rtl;color:#fff;cursor:pointer;transition:.5s}.dropdown-label i{position:absolute;left:0;transform:translateY(1px);font-size:1.3rem}.dropdown-label:hover{color:var(--sec-color)}.course-comments-container{position:relative;width:95%;height:max-content;padding:10px 0;background-color:#0b0f1f;border:2px solid rgba(255,255,255,.03);border-radius:10px;flex-direction:column;align-items:center}.top-header{width:98%;font-weight:bolder;font-size:1.2rem;justify-content:space-between;align-items:center}.top-header button{padding:10px 30px;border:none;outline:0;color:#fff;font-family:font;border-radius:30px;transition:.5s;cursor:pointer}.comment-box{position:relative;width:95%;background-color:#13162b;border:2px solid rgba(255,255,255,.03)}.course-small-options,.more-course{position:relative;background-color:#0b0f1f;height:max-content}.course-category{width:80%;font-family:font;color:#fff;flex-direction:row-reverse;justify-content:end}.course-category span{color:gray}.course-category a{color:#fff;margin:0 5px;text-decoration:none}.top-comment-info{position:relative;width:100%;justify-content:end;flex-direction:row-reverse;align-items:center;gap:10px}.top-comment-info img{width:80px;height:80px;object-fit:cover;border-radius:100%;margin:10px}.top-comment-info span{font-family:font;color:#fff}.top-comment-info p{color:#fff;padding:5px;font-size:.8rem;font-family:font;border-radius:4px;position:absolute;left:10px}.course-small-options{width:95%;padding:10px 0;border-radius:10px;display:grid;grid-template-columns:repeat(2,130px);grid-template-rows:repeat(2,130px);border:2px solid rgba(255,255,255,.03);gap:10px;justify-content:center}.course-small-options .option{flex-direction:column;text-align:center;font-family:font;color:#fff;justify-content:center;align-items:center}.course-small-options .option i{position:relative;border-radius:30px;justify-content:center;align-content:center;font-size:30px;background-color:var(--color);padding:20px;z-index:3;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.course-small-options .option span{font-size:.8rem}.courseLock{margin:0 10px;font-size:1.3rem}.more-course{width:85%;left:7.5%;border-radius:13px;border:2px solid rgba(255,255,255,.03);display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:20px;gap:20px}.comment-stars,.comment-text{width:100%;position:relative;display:flex}.comment-container,.course-award-comment-container{top:0;height:100vh;backdrop-filter:blur(10px);z-index:10}.more-course h2{position:relative;width:95%;font-family:font;font-size:1.2rem;text-align:right;color:#fff;padding:10px 0;border-bottom:1px solid rgba(128,128,128,.384)}.comment-text{font-family:font;direction:rtl;text-align:right;color:#fff;flex-direction:column;align-items:center}.comment-text p{font-size:.8rem;font-weight:lighter;width:98%;direction:rtl}.comment-stars{justify-content:end}.comment-stars i{color:gray;margin:5px}.comment-stars i[active],.star-list i[active]{color:gold}.sidebar-banner{position:relative;width:95%}.sidebar-banner img{width:100%;border-radius:10px}.comment-container{position:fixed;left:0;width:100%;background-color:rgba(0,0,0,.192);display:flex;justify-content:center;align-items:center}.comment-container .comment-box{position:relative;width:30rem;height:max-content;padding:30px;background-color:#0d1224d3;backdrop-filter:blur(60px);border-radius:10px;display:flex;flex-direction:column;color:#fff;gap:30px;animation:.3s forwards modal-animation}@keyframes modal-animation{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0px)}}.comment-container .comment-box span{position:relative;width:100%;text-align:right;font-family:font}.comment-container .comment-box .row{position:relative;width:100%;display:flex;flex-direction:row-reverse}.comment-container .comment-box .row .input-containter{display:flex;flex-direction:column;width:100%}.comment-container .comment-box .row .input-containter label{font-family:font;text-align:right}.comment-container .comment-box .row .input-containter textarea{position:relative;padding:10px;height:150px;text-align:right;border:1px solid rgba(255,255,255,.2);margin:10px 0;font-family:font;border-radius:10px;background-color:#12172a;resize:none;color:#fff;outline:0}.two-side-buttons{position:relative;width:100%;display:flex;justify-content:space-between;flex-direction:row-reverse}.two-side-buttons button{padding:10px 30px;font-family:font;color:#fff;border-radius:10px;outline:0;border:none;background-color:green}.two-side-buttons .close-window{background-color:#dc143c}.star-list{position:relative;display:flex;justify-content:end;gap:15px}.empty-comment-container{position:relative;width:70%;padding:20px 0;display:flex;justify-content:center;align-items:center;font-family:font;color:#fff;border-radius:20px;border:2px dashed gray;margin:30px 0}.deleteComment-btn{position:absolute;font-size:1.3rem;left:5px;bottom:5px;color:#d32338!important;cursor:pointer}.show-comment-modal{z-index:10}.course-order-info{position:relative;width:95%;display:flex;flex-direction:row-reverse;font-family:font;align-items:center;color:#fff;justify-content:space-between;margin:10px 0}.course-order-info span:nth-child(2){font-size:.8rem;color:#b9b9b9}.course-award-comment-container{position:fixed;left:0;width:100%;justify-content:center;align-items:center;background-color:#0a0e1d52;display:none}.course-award-comment-container .award-modal{position:relative;width:25rem;padding:10px;display:flex;flex-direction:column;align-items:center;border-radius:18px;border:2px dashed #5b2db88c;animation:.4s forwards fade;background-color:#1a213d}.course-award-comment-container .award-modal img{width:150px}.course-award-comment-container .award-modal span{font-family:font;color:#fff;font-weight:bolder;margin:10px 0;font-size:1.3rem;text-align:center}.course-award-comment-container .award-modal p{font-family:font;color:#aaa;font-weight:lighter;margin:10px 0;font-size:.9rem;text-align:center;direction:rtl;width:95%}.course-award-comment-container .award-modal .close-award-modal{font-family:font;color:#fff;background-color:var(--sec-color);border:none;width:80%;padding:15px 0;border-radius:13px;margin:10px 0;transition:.5s;cursor:pointer}.course-award-comment-container .award-modal .close-award-modal:hover{background-color:#5b2db8}.courseStudentText{font-family:font;color:#1778e6;background-color:rgba(23,120,230,.205);padding:10px 20px;margin-top:20px;border-radius:10px;margin-bottom:10px}.course-some-infos-container{position:relative;width:100%;display:flex;justify-content:end;align-items:center;gap:20px;flex-wrap:wrap}.course-some-infos-container .item{position:relative;display:flex;justify-content:center;align-items:center;background-color:#ffffff17;color:#fff;border-radius:10px;padding:5px 10px}.main-course-content h2,.main-course-content h3,.main-course-content h4,.main-course-content h5,.main-course-content h6,.main-course-content p{padding:0 10px}@keyframes fade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-course-content p{font-weight:100}.main-course-content a{color:#2c8ddb;font-weight:400!important;text-decoration:none}@media only screen and (max-width:1280px){.course-top-container .side:nth-child(2) h1,.price-item .main-price{font-size:1.5rem}.course-sec-container,.course-top-container,.course-top-container .side img{width:95%}.more-course{width:95%;left:2.5%}}@media only screen and (max-width:990px){.course-top-container{width:100%;flex-direction:column;height:max-content;margin-top:40px;background-color:transparent;border:none;box-shadow:none}.container,.course-top-container .side,.ql-editor img,.sec-container-side-two{width:100%}.course-dropdown-content-list .content span,.main-course-content p,.top-header span{font-size:.8rem}.course-top-container .side:nth-child(2) h1,.main-course-content h2{font-size:1.2rem}.courseStudentText{margin:auto;padding:10px 0}.load-full-content{width:60%;left:20%;gap:10px}.course-dropdown-content-list .content a{font-size:.8rem;text-align:center;padding:0}.course-task-bar button{font-size:.9rem}.course-master,.course-order-info,.order-course-box p{display:none}.comment-container .comment-box{width:90%}.deleteComment-btn{z-index:5}.empty-comment-container{text-align:center}.course-top-container .side img{width:100%!important}.course-category{width:95%}.course-sec-container{flex-direction:column-reverse}.sec-container-side-one{width:100%;margin:0;display:flex;flex-direction:column;align-items:center}.course-sec-container{width:100%;align-items:center}.order-course-box{position:fixed;left:0;width:100%;bottom:0;z-index:12;flex-direction:row-reverse;border:none;border-radius:0;background-color:#0a0e1d;flex-wrap:wrap;border-top:2px solid rgba(255,255,255,.096)}.sidebar-title{width:95%;border-bottom:1px solid rgba(128,128,128,.075);margin:auto;padding:10px 0;font-size:1rem}.price-item{width:50%}.price-item .main-price{width:50%;font-size:.9rem;font-weight:lighter;text-align:center!important}.order-course-box button{width:40%!important;font-size:.8rem}.dropdown-label{text-align:right;font-size:.8rem}.dropdown-label label{display:flex;align-items:center}.dropdown-label label i{transform:translateY(3px)}.course-comments-container{flex-direction:column}.top-header{font-size:1rem;flex-direction:column;gap:10px}.course-category{margin-top:10px}}