*{box-sizing:border-box;margin:0;padding:0;font-family:Lora,serif}.main-cont{color:#000;scrollbar-width:none;background:#dfdfdf;width:100%;height:100vh;overflow:hidden scroll}.main-cont.dark{color:#fff;background:#010309}input{-ms-border-radius:8px;-o-border-radius:8px;border:1px solid gray;border-radius:8px;padding:20px}button{-ms-border-radius:7px;-o-border-radius:7px;-o-transition:all .3s ease-in-out;background-color:#87ceeb;border:none;border-radius:7px;padding:10px 20px;font-weight:600;transition:all .3s ease-in-out}button:hover{background:#3e2723}.logo{object-fit:cover;width:70px;height:70px}.card-w-icon{font-size:3rem}.card-widget-continer{color:#fff;-ms-border-radius:10px;-o-border-radius:10px;-o-transition:all .3s ease-in-out;background-color:#3e2723;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;transition:all .3s ease-in-out;display:flex;box-shadow:0 5px 10px #3e2723}.card-widget{flex-direction:column;display:flex}.card-widget-continer:hover{color:#000;background-color:#f5f5f5;transform:scale(.9)}.seach-continer{gap:10px;padding:10px;display:flex}.seach-continer button:hover{background-color:brown}.seach-continer input{border:none;flex:2}.seach-continer input::placeholder{color:brown;font-weight:700}.CoursePage{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-items:start;gap:10px;margin:10px;display:grid}.yeOrno{flex-direction:column;display:flex}.yeOrno span{justify-content:end;gap:6px;display:flex}.payment-section{flex-direction:column;width:100%;padding:20px;display:flex}.payment-section .video-section video{aspect-ratio:16/9;object-fit:cover;width:100%;height:350px}.payment-section .payment-section{flex-direction:column;gap:10px;display:flex}select{appearance:base-select;color:#f0f8ff;background-color:#3e2723;border-radius:10px;padding:10px;font-weight:700;position:relative}select::picker(select){appearance:base-select;color:#f0f8ff;background-color:#3e2723;border:none}.loader{background:repeating-linear-gradient(90deg,currentColor 0 8%,#0000 0 10%) 200% 100%/200% 3px no-repeat;width:fit-content;padding:0 5px 8px 0;font-family:sans-serif;font-size:30px;font-weight:700;animation:2s steps(6,end) infinite l3}.loader:before{content:"Loading..."}@keyframes l3{to{background-position:80% 100%}}.CCard{-o-transition:all .3s ease-in-out;background-color:#faf8f8;flex-direction:column;transition:all .3s ease-in-out;display:flex}.CCard img{object-fit:cover;object-position:center;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;height:250px}.CCard{-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.info-cont{flex-direction:column;gap:10px;padding:10px;display:flex}.info-cont h5{color:sky}.info-cont p{-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:clamp(1rem,1.6vw,1.1rem);font-weight:400;display:-webkit-box;overflow:hidden}.info-cont p.show{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible}.CCard hr{background-color:#ecebeb;border:none;height:1px}.price-pay{justify-content:space-between;align-items:center;display:flex;overflow:visible}.price-pay button{color:#fff;-ms-border-radius:7px;-o-border-radius:7px;-o-transition:all .3s ease-in-out;background-color:#3e2723;border:none;border-radius:7px;padding:12px 60px;font-weight:500;transition:all .3s ease-in-out}.price-pay button:hover{color:#fff;background-color:#000;font-weight:700;transform:scale(1.1)}.CCard:hover{-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;transform:translateY(-1%);box-shadow:8px 14px 30px -6px gray}#payment{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#e8ebe680;border:1px solid #f5f5f5;height:80dvh;margin:auto;padding:30px 10px}#payment select{padding:10px 20px;position:relative}#payment option{color:#fff;background-color:brown;height:400px;padding:100px 15px;position:absolute}#payment option:hover{background-color:#adff2f}#payment .payment-cont{gap:10px;width:70dvw;display:flex}#payment .payment-cont .video-section{flex:2}#payment .payment-cont .video-section h3{font-size:clamp(2rem 2.5vw, 2.2rem)}#payment .payment-cont .video-section p{font-weight:700}#payment .payment-cont .video-section video{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}#payment .payment-cont .payment-section{-ms-border-radius:10px;-o-border-radius:10px;border:3px solid #f8f8ff;border-radius:10px;flex-direction:column;gap:10px;height:fit-content;padding:10px;display:flex}#payment{-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}@media screen and (width<=800px){#payment .payment-cont{flex-direction:column;width:90dvw;height:80dvh}}.admin-action{color:#f5f5f5;gap:10px;display:flex}.admin-action .a-delete{cursor:pointer;-ms-border-radius:10px;-o-border-radius:10px;background-color:tomato;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;display:flex}.admin-action .a-edit{cursor:pointer;-ms-border-radius:10px;-o-border-radius:10px;background-color:#87ceeb;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;display:flex}.courses_cont{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.MyLearning{flex-direction:column;gap:10px;padding:10px;display:flex}.WatchScreen{scrollbar-width:none;height:100dvh;padding:10px;display:flex;overflow-y:scroll}.WatchScreen .add-vid{justify-content:end;display:flex}.WatchScreen{gap:10px}.curent_vide{flex-direction:column;flex:2;display:flex}.curent_vide video{aspect-ratio:16/9;object-fit:cover;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;width:100%;max-width:900px;height:auto}.curent_vide p{font-size:1.2rem}.curent_vide{gap:5px}.course-cont{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.course-c-card{background-color:#eee8aa15;flex-direction:column;gap:7px;font-weight:400;display:flex}.course-c-card span{align-items:center;gap:10px;display:flex}.course-c-card{-ms-border-radius:10px;-o-border-radius:10px;-o-transition:all .3s ease-in-out;border:1px solid #000;border-radius:10px;padding:10px;transition:all .3s ease-in-out}.course-c-card:hover{color:#fff;background-color:#6d4c41;transform:scale(.95)}.e-d-icons:hover{color:#6582d2;cursor:pointer}.min-conti{align-items:center;gap:7px;display:flex}.min-conti.sup{font-size:1.3rem}input[type=checkbox]{accent-color:#4ce1ff;cursor:pointer;width:20px;height:20px}#add-vid{-ms-border-radius:8px;-o-border-radius:8px;border:none;border-radius:8px;margin:auto;padding:20px}.add-vid-con{flex-direction:column;gap:10px;width:70vw;display:flex}.add-vid-btn button{-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;padding:10px}.add-vid-btn{z-index:10;position:fixed;bottom:6px;right:7px}@media screen and (width<=800px){.WatchScreen{flex-direction:column}}.footer{color:#3e2723;background:gray;margin-top:80px;padding:60px 8% 20px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-about h2{margin-bottom:15px;font-size:2rem}.footer-about p,.footer-contact p{color:#f0f2f5;line-height:1.8}.footer-links h3,.footer-contact h3{margin-bottom:15px;font-size:1.2rem}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#60a5fa}.footer-bottom{text-align:center;color:#3e2723;padding-top:20px;font-size:.95rem}.carousel-title-sec{flex-direction:row-reverse;display:flex}.carousel{scrollbar-width:none;background-color:#000;flex:1;margin-top:71px;display:flex;overflow:hidden}.card{text-align:center;border-radius:2rem;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;flex:0 0 800px;align-content:center;height:400px;font-size:3rem}.card img{object-fit:cover;object-position:center;width:100%;height:400px}.group{-o-transition:all 2s ease-in-out;justify-content:center;align-items:center;gap:1rem;padding-right:1rem;transition:all 2s ease-in-out;animation:19s linear infinite spin;display:flex}@keyframes spin{0%{translate:0}to{translate:-100%}}.info-continer{cursor:pointer;background-color:#cdc9c94d;flex-direction:column;flex:1;justify-content:end;gap:20px;padding:10px;display:flex}.info-continer h2{color:#3e2723;font-size:clamp(2rem,4vw,3.5rem)}.info-continer{font-size:clamp(1.2rem,1.8vw,1.4rem);font-weight:500}.info-continer .social-icons{gap:20px;display:flex}.sicons{-o-transition:all .3s ease-in-out;font-size:40px;transition:all .3s ease-in-out}.sicons:hover{color:#fff;-ms-border-radius:20px;-o-border-radius:20px;background:#3e2723;border-radius:20px;padding:10px}.hero{background:#f8f9fc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 8%;display:flex}.hero-content{width:100%;max-width:1100px}.hero-content h1{color:#3e2723;max-width:700px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.2}.hero-content p{color:#555;max-width:650px;margin-top:20px;font-size:1.1rem;line-height:1.8}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-top:60px;display:grid}.stat{text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 20px #00000014}.stat h2{color:#3e2723;margin-bottom:10px;font-size:2.5rem}.stat h2 span{font-size:2rem}.stat p{color:#666;margin:0;font-size:1rem;font-weight:500}@media screen and (width<=800px){.carousel-title-sec{flex-direction:column}}.nav-continer{z-index:9;color:#e3e1e1;cursor:pointer;-o-transition:all .3s ease-in-out;background:linear-gradient(90deg,#3e2723,#6d4c41);justify-content:space-between;align-items:center;width:100%;height:70px;padding:10px;transition:all .3s ease-in-out;display:flex;position:fixed;overflow:hidden}.icon-name{justify-content:center;align-items:center;gap:10px;display:flex}.icon-name span{font-size:clamp(1rem,1.5vw,1.1rem);font-weight:600}.nav-items{-o-transition:all .3s ease-in-out;justify-content:center;gap:13px;font-size:clamp(.8rem,1.4vw,1.1rem);transition:all .3s ease-in-out;display:flex}.nav-items h3:hover{-o-transition:all .3s ease-in-out;border-bottom:1px solid gray;padding:4px 0;transition:all .3s ease-in-out}.actions{align-items:center;gap:10px;font-size:clamp(.7rem,1.1vw,1rem);display:flex}.actions span{align-items:center;gap:10px;display:flex}.actions button{color:#000;-o-transition:.3s;background-color:#87cfebba;border:none;padding:10px 15px;font-size:clamp(.6rem,1.3vw,1rem);font-weight:700;transition:all .3s}.actions button:hover{color:#000;-ms-border-radius:20px;-o-border-radius:20px;background-color:#d0cccc6b;border-radius:20px}.manue-icon{display:none}@media screen and (width<=770px){.nav-continer{flex-direction:column;align-items:start}.nav-continer.show{height:350px}.manue-icon{font-size:30px;display:block}.nav-items{opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between}.nav-continer.show .nav-items{opacity:1}.actions,.icon-name{opacity:0;flex-direction:column}.nav-continer.show .actions,.nav-continer.show .icon-name{opacity:1;-webkit-user-select:none;user-select:none;align-items:start}}#loging{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;gap:10px;width:85dvw;margin:auto;padding:40px}#loging span{justify-content:center;gap:10px;display:flex}#loging button{padding:10px 15px}#loging .nputs{flex-direction:column;gap:10px;display:flex}#loging{-ms-border-radius:10px;-o-border-radius:10px;border:none;border-radius:10px}.dash_cards{text-align:center;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;min-height:300px;display:grid}.admin-courses{flex-direction:column;gap:10px;height:100vh;display:flex;overflow-y:scroll}.title-create-btn{justify-content:space-between;display:flex}.title-create-btn button{background-color:#87ceeb;padding:10px 20px}.title-create-btn button:hover{color:#fff;background-color:brown}#creat-course-pop{background-color:#0000;border:none;margin:auto}.create-course{scrollbar-width:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1614141a;flex-direction:column;gap:10px;height:600px;padding:30px;display:flex;overflow-y:scroll}.create-course input{width:60vw}.create-course{-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.create-course button{padding:10px 17px}.create-course button:hover{color:#f5f5f5;background-color:brown}.save-bt{justify-content:end;display:flex}.box1{color:brown;background-color:#f5f5f5;flex-direction:column-reverse;align-items:center;padding:5px;display:flex}.box1 .Icons{font-size:5rem}.box1{-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}#delete-pop{-ms-border-radius:10px;-o-border-radius:10px;background-color:#f5f5f5;border:none;border-radius:10px;margin:auto}.delete-course{flex-direction:column;justify-content:end;gap:3px;padding:10px;display:flex}.admin-users{flex-direction:column;gap:10px;display:flex}.admin-users h2{color:brown}.admin-users span{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.admin-nav-continer{-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#3e2723,#6d4c41);border-radius:10px;flex-direction:column;justify-content:space-between;width:280px;height:100vh;display:flex;overflow:hidden}.admin-nav-continer img{width:60px;height:60px}.admin-nav-continer{-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.a-nav-header{align-items:center;margin:5px;display:flex}.a-nav-header .a-nav-icon:hover{-o-transition:all .3s ease-in-out;-ms-border-radius:9px;-o-border-radius:9px;background-color:brown;border-radius:9px;transition:all .3s ease-in-out}ul{flex-direction:column;list-style:none;display:flex}li{-o-transition:all .3s;align-items:center;margin:5px;font-size:clamp(.7rem,1.2vw,1.2rem);font-weight:600;transition:all .3s;display:flex}.a-nav-icon{padding:6px 10px;font-size:clamp(1.1rem,1.8vw,1.6rem)}.a-nav-footer{margin-top:auto}li:hover{color:#3e2723;-ms-border-radius:9px;-o-border-radius:9px;background-color:#8e8e8c;border-radius:9px}li.active{color:#e8d5d2;background-color:#83827f;border-radius:9px}@media screen and (width<=800px){.admin-nav-continer{width:170px}}.admin-nav-continer.show{width:70px}.admin-nav-continer.show img{display:none}.admin-nav-continer.show .a-nav-text{opacity:0;pointer-events:none;align-self:center}@media screen and (width<=600px){.admin-nav-continer{width:70px}.admin-nav-continer .a-nav-text{opacity:0;pointer-events:none;align-self:center}.admin-nav-continer img{display:none}}.Admin{scrollbar-width:none;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;gap:10px;margin:2px;padding:1px;display:flex}.admin-continer{scrollbar-width:none;background-color:#fff;border-radius:10px;width:100%;height:100dvh;padding:10px;overflow-y:scroll}