.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.login-form{padding:40px;background:#232323;border-radius:10px;box-shadow:0 8px 16px #0003;width:350px;display:flex;flex-direction:column;gap:20px}.login-logo{display:block;margin:0 auto 30px;width:120px}.login-input{padding:15px;border:none;border-radius:5px;background-color:#333;color:#fff}.login-input::placeholder{color:#bbb}.login-button{background-color:#007bff;color:#fff;padding:15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.login-input:hover,.login-input:focus{background-color:#454545}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otp-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.otp-form{padding:40px;background:#232323;border-radius:10px;box-shadow:0 8px 16px #0003;width:350px;display:flex;flex-direction:column;gap:20px}.otp-logo{display:block;margin:0 auto 30px;width:120px}.input-group label{color:#fff;font-size:16px}.otp-input{padding:15px;border:none;border-radius:5px;background-color:#333;color:#fff;text-align:center}.otp-input::placeholder{color:#bbb}.otp-button{background-color:#007bff;color:#fff;padding:15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.otp-button:hover{background-color:#0056b3}.otp-input:hover,.otp-input:focus{background-color:#454545}body{margin:0;font-family:Arial,sans-serif}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f8f9fa}.not-found-content{text-align:center}.not-found-title{font-size:72px;color:#343a40;margin-bottom:20px}.not-found-message{font-size:24px;color:#495057;margin-bottom:40px}::-webkit-scrollbar{display:none}.mainlayout{display:flex;flex-direction:column;height:100vh;background-color:#f0f0f0}.uppernav{position:fixed;top:0;z-index:100;width:100%;height:90px;background-color:#fff;color:#000;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.upnav-logo{margin:30px 70px}.upnav-logo-image{width:100px}.upnav-user{display:flex;align-items:center;justify-content:space-between;margin:0 30px}.upnav-name{margin:10px 20px}.upnav-username{margin:2px;font-size:18px;font-weight:700}.upnav-role{margin:2px;font-size:14px;color:#666}.upnav-blocker{width:1px;height:50px;background-color:#333}.upnav-profile-picture{width:70px;height:70px;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px #00000040;margin:10px 20px}.mainoutlet{display:flex;margin-top:90px;flex-grow:1}.mainoutlet::-webkit-scrollbar{display:none}.sidenav{position:fixed;left:0;z-index:101;width:auto;height:calc(100vh - 20px);margin:12px;color:#fff}.notsidenav{position:fixed;left:0;top:0;z-index:101;width:100%}.maincontent{margin-top:14px;margin-left:270px;flex-grow:1;overflow-y:auto;transition:margin-left .3s,width .3s;background-color:#fff;padding:0 20px 20px}.maincontent-collapsed{margin-top:14px;margin-left:130px;flex-grow:1;overflow-y:auto;transition:margin-left .3s,width .3s;background-color:#fff;padding:0 20px 20px}.mainoutlet:-webkit-scrollbar{display:none}.notmaincontent{margin-top:14px;margin-left:0;flex-grow:1;overflow-y:auto;transition:margin-left .3s,width .3s;background-color:#fff;padding:20px}.outletcomponent{background-color:#fff}.mainfooter{width:-webkit-fill-available}@media screen and (max-width: 768px){.uppernav{display:none}.sidenav{position:fixed;top:0;left:0;z-index:101;width:100%;height:auto;margin:0;color:#fff}.maincontent{margin-left:0;padding:0}.maincontent-collapsed{margin-left:0;margin-top:0;padding:0;overflow-x:hidden}.notmaincontent{padding:0;overflow-x:hidden}}.footer{background-color:#f8f8f8;box-shadow:0 -2px 5px #0000001a;padding:20px;text-align:center;font-family:Arial,sans-serif}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}.footer-section{flex-basis:30%;padding:10px;min-width:200px}.footer-section h2{color:#0056b3;margin-bottom:15px}.footer-section p{color:#333;line-height:1.6}.footer-bottom{color:#666;border-top:1px solid #ddd;padding-top:10px}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center}.footer-section{margin-bottom:20px}}.navbar{display:flex;padding:10px 20px;transition:margin-left .3s,width .3s;background-color:#f8f9fa;box-shadow:0 2px 5px #0000001a}.nav-logo{width:100px}.logged-in{justify-content:start;align-items:baseline;flex-direction:column;width:200px;padding-top:0;height:100rem}.logged-in.collapsed{width:70px}.logged-out{justify-content:space-between;align-items:baseline;width:100%;height:80px}.logo-container{display:flex;justify-content:left;align-items:center;margin:10px}.logo{font-size:1.5rem;font-weight:700;color:#333}.mobile-menu-icon{cursor:pointer}.logged-out-icon{display:none}.bar{width:25px;height:3px;background-color:#333;margin:5px 0;transition:transform .4s ease,opacity .4s ease}.mobile-open .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-open .bar:nth-child(2){opacity:0}.mobile-open .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-items{display:flex;gap:20px}.logged-out .nav-items{margin-right:50px}.nav-items a{text-decoration:none;color:#333}.logged-in .nav-items{flex-direction:column;position:relative;top:0;left:0;width:100%}.logged-in .toggle-button{display:block;position:absolute;top:10px;left:10px;cursor:pointer}.nav-link{display:block}.logged-in.collapsed .nav-link{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:30px}@media screen and (max-width: 768px){.logged-in{display:flex;justify-content:flex-start;align-items:baseline;width:100%;height:65px;padding:10px;transition:height .3s,opacity .3s}.logged-out{display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;width:100%;height:50px;padding-bottom:30px;transition:height .3s,opacity .3s;left:0;right:0}.logged-out .nav-items{flex-direction:column;position:relative;top:0;left:0;width:100%}.logged-out-icon{display:block}.logged-in.collapsed{width:100%}.phone-nav-open{transition:height .3s,opacity .3s;height:100rem}.phone-nav-close{transition:height .5s,opacity .5s;display:none}.logo-container{margin-left:30px}}.education{background-color:#f9fafc;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.Hero-banner{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;background-image:url(https://i.ibb.co/4mSm6gB/heroBG.png);background-repeat:no-repeat;background-size:cover}.Hero-text{margin-bottom:40px;margin-right:110px}.Hero-text-wrapper{color:#fff;font-family:Vazirmatn-Bold,Helvetica;font-size:70px;font-weight:700;letter-spacing:0;line-height:110px;text-align:left;margin-bottom:20px}.Hero-image{width:700px;max-width:750px;height:fit-content;margin-right:30px}.Hero-image-phn{display:none}.Hero-buttons{height:60px;width:439px;display:flex;justify-content:space-between;align-items:baseline}.Hero-start{align-items:center;background-color:#f01060;border-radius:25px;display:flex;gap:10px;height:60px;justify-content:center;padding:10px;width:191px}.Hero-start-text{color:#fff;font-size:20px}@media screen and (max-width: 1450px){.Hero-banner{flex-direction:column;width:100%}.Hero-text-wrapper{font-size:80px;line-height:115px;text-align:center;margin-top:0}.Hero-image{width:-webkit-fill-available;display:none}.Hero-image-phn{display:block;width:100%}.Hero-text{margin-right:0}.Hero-buttons{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;margin-top:20px}.Hero-banner{margin-bottom:5px}}@media screen and (max-width: 768px){.Hero-banner{flex-direction:column;width:100%}.Hero-text-wrapper{font-size:30px;line-height:55px;text-align:center;margin-top:0}.Hero-image{width:-webkit-fill-available;display:none}.Hero-image-phn{display:block;width:100%}.Hero-text{margin-right:0}.Hero-buttons{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;margin-top:20px}.Hero-banner{margin-bottom:5px}}.course-group{display:flex;flex-direction:column;height:100%;width:90%;align-items:center;align-content:center;justify-content:space-between;margin-top:10px}.course-group .section-title{color:#000;font-family:Vazirmatn-Bold,Helvetica;font-size:53px;font-weight:700;letter-spacing:0;line-height:55.5px;text-align:center;margin:45px}.course-group .section-title-red{color:#f01060}@media screen and (max-width: 768px){.course-group .course-details{height:190px;width:130px}.course-group .section-title{color:#000;font-size:33px;font-weight:700;text-align:center;margin-bottom:20px}}.course-fee{display:flex;align-items:center;justify-content:flex-start;margin-top:10px;font-size:1.2em;font-family:Arial,sans-serif}.free-course{color:green;font-weight:700}.normal-fee{color:#333;font-weight:400;margin-right:10px}.discounted-fee{color:red;font-weight:700}.original-fee-crossed{text-decoration:line-through;margin-left:10px;color:gray}.course-overview{width:-webkit-fill-available;margin:15px;padding:2px}.course-overview-academic{display:flex;flex-direction:column;justify-content:center}.course-item button,.show-more-btn{background:#28a745;width:auto;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9em;margin-top:10px;transition:background-color .2s;align-self:center}.course-item button:hover,.show-more-btn:hover{background-color:#218838}.education-container{display:flex;flex-direction:column;height:100%;width:90%;align-items:center;align-content:center;justify-content:space-between;margin-top:10px}.education-container .section-title{color:#000;font-size:33px;font-weight:700;text-align:center;margin-bottom:20px}.education-container .section-title-red{color:#f01060}.education-container .course-section{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin-bottom:50px}.education-container .course-card{background-color:#fff;border-radius:20px;box-shadow:0 0 70px #00000014;height:200px;max-width:170px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.education-container .course-card .course-card-img{width:100px}.eduContainer-course-title{color:#06052e;font-size:20px;text-align:center;text-decoration:none}@media screen and (max-width: 768px){.education-container .course-details{height:190px;width:130px}.education-container .course-details .course-img{width:100px}.eduContainer-course-title{font-size:20px}.education-container .course-card{height:90px;max-width:200px;width:100%}.education-container .course-section{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;margin-bottom:50px}.education-container .course-card .course-card-img{width:60px;padding:0}.eduContainer-course-title{font-size:15px;margin:0}}.profile-container{background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:10px;display:flex;margin-top:30px}.section-tabs{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px;align-items:flex-start}.tab-button{padding:10px;border:2px solid #007bff;background-color:transparent;border-radius:5px;font-size:16px;color:#007bff;cursor:pointer;width:200px;transition:background-color .3s,color .3s;text-align:left;margin:10px}.tab-button:hover,.tab-button.active{background-color:#007bff;color:#fff;box-shadow:0 2px 4px #0003}.collapsible-content{padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#fff}.collapsible-content p,.collapsible-content input{margin-bottom:10px;font-size:16px}.collapsible-content input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}@media screen and (max-width: 768px){.profile-container{flex-direction:column}.section-tabs{flex-direction:row}.tab-button{font-size:14px;padding:8px 15px}.collapsible-content p,.collapsible-content input{font-size:14px}}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:flex-end}.profile-modal{width:400px;background:#fff;padding:20px;box-shadow:-2px 0 8px #0000001a;height:100vh;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease-out;z-index:1010}.profile-modal.open{transform:translate(0)}.profile-section{padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 12px 35px #0000001f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:-webkit-fill-available;margin:auto;position:relative}.profile-view-mode,.edit-mode-on{display:flex;flex-direction:column;align-items:baseline;gap:25px}.profile-picture-section,.profile-picture-edit-section{width:140px;height:140px;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px #00000040;margin-bottom:25px}.profile-picture{width:100%;height:100%;object-fit:cover}.profile-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.profile-info>div{background-color:#f9f9f9;border-radius:10px;margin:10px;padding:5px 10px;box-shadow:0 3px 10px #0000001a;display:flex;flex-direction:column}.profile-info-level{font-weight:700;margin-bottom:1px}.profile-input,.profile-gender-select{width:100%;padding:10px;margin-top:10px;background-color:#f9f9f9;border-radius:10px;border:none;box-shadow:inset 0 1px 3px #0000001a}.profile-input:focus,.profile-gender-select:focus{box-shadow:inset 0 2px 4px #0003;outline:none}.profile-edit-button,.profile-save-button{padding:12px 35px;border:none;border-radius:8px;background-color:#28a745;color:#fff;font-size:17px;cursor:pointer;transition:background-color .3s,transform .2s}.profile-edit-button:hover,.profile-save-button:hover{background-color:#218838;transform:translateY(-3px)}@media screen and (max-width: 768px){.profile-section{padding:20px}.profile-picture-section,.profile-picture-edit-section{width:110px;height:110px}.profile-modal{width:100%}.profile-info{grid-template-columns:1fr}.profile-input,.profile-gender-select{font-size:15px}}.educational-background-section{padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 12px 35px #0000001f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:-webkit-fill-available;text-align:center}.education-view-mode .education-detail,.education-edit-mode .education-input{background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:15px;margin-bottom:20px;font-size:17px;display:flex;justify-content:flex-start;align-items:center}.education-input{width:100%;border:none;font-size:17px;transition:box-shadow .3s ease}.education-input:focus{box-shadow:0 5px 15px #00000026;outline:none}.education-edit-button{padding:12px 35px;border:none;border-radius:8px;background-color:#28a745;color:#fff;font-size:17px;cursor:pointer;transition:transform .2s,background-color .3s;margin-top:25px}.education-edit-button:hover{background-color:#218838;transform:translateY(-3px)}@media screen and (max-width: 768px){.educational-background-section{padding:20px}.education-view-mode .education-detail,.education-edit-mode .education-input{font-size:15px}}.course-enrollment-section{padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 12px 35px #0000001f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:-webkit-fill-available;text-align:center}.course-enrollment-item{margin-bottom:30px}.course-title{font-size:20px;margin-bottom:15px}.course-inputs .course-input,.course-details .course-detail{background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:15px;margin-bottom:15px;font-size:17px;display:flex;justify-content:space-between;align-items:center}.enrolled-courses{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.enrolled-course{background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:10px;text-align:left;width:180px}.profile-course-image{width:180px;height:100px;object-fit:cover;border-radius:8px;margin-bottom:10px}.enrollment-edit-button{padding:12px 35px;border:none;border-radius:8px;background-color:#28a745;color:#fff;font-size:17px;cursor:pointer;transition:transform .2s,background-color .3s;margin-top:25px}.enrollment-edit-button:hover{background-color:#218838;transform:translateY(-3px)}@media screen and (max-width: 768px){.course-enrollment-section{padding:20px}.course-inputs .course-input,.course-details .course-detail{font-size:15px}}.all-university-courses{width:-webkit-fill-available;margin:0 auto;padding:20px}.motivational-heading{color:#2a7a8c;text-align:center;font-size:2em;margin-bottom:10px}.motivational-message{text-align:center;color:#444;margin-bottom:20px;font-size:1.2em}.motivational-image{width:100%;height:auto;border-radius:10px;margin-bottom:20px}.course-list{display:flex;flex-wrap:wrap;justify-content:space-around}.course-item{width:30%;background-color:#fff;margin:10px;padding:15px;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}.course-item h3{color:#5a5a5a;margin-bottom:5px}.course-item p{color:#666}@media (max-width: 768px){.course-item{width:100%}}.unit-list-container{max-width:800px;margin:40px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;font-family:Arial,sans-serif}.unit-list-title{font-size:3rem;color:#2c3e50;text-align:center;margin-bottom:35px;background-image:linear-gradient(to right,#6dd5ed,#2193b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkittext-fill-color:transparent}.unit-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.unit-item{background:linear-gradient(135deg,#e0eafc,#cfdef3);padding:20px;border-radius:8px;text-align:center;font-size:1.2rem;color:#333;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a}.unit-item:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}@media (max-width: 768px){.unit-list{grid-template-columns:1fr}}.year-list-container{max-width:900px;margin:50px auto;padding:30px;background:#fff;border-radius:15px;box-shadow:0 12px 25px #00000026;font-family:Segoe UI,sans-serif}.back-button{background-color:#34495e;color:#fff;padding:12px 25px;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background-color .3s,transform .2s;margin-bottom:30px}.back-button:hover{background-color:#2c3e50;transform:translateY(-3px)}.year-item{background:linear-gradient(to right,#ece9e6,#fff);padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 6px 20px #0000001a;transition:box-shadow .3s,transform .3s;border-left:6px solid #2c3e50}.year-item:hover{box-shadow:0 12px 30px #0003;transform:scale(1.02)}.year-title{color:#2a41e8;font-size:1.6rem;margin:10px;font-weight:600}.year-result-actions{display:flex;gap:15px;justify-content:center}.action-button{background-color:#1e90ff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,box-shadow .2s;font-size:1rem;font-weight:500}.year-result{display:flex;flex-direction:column;justify-content:flex-start;align-items:start}.year-result p{margin:9px}.action-button:hover{background-color:#3dafff;box-shadow:0 4px 8px #0003}@media (max-width: 768px){.year-actions{flex-direction:column}.action-button{width:100%}}.courses-list-container{padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:-webkit-fill-available;margin:auto}.courses-list-container h2{color:#333;font-size:24px;text-align:center;margin-bottom:20px}.create-course-button{display:block;background-color:#4caf50;color:#fff;text-align:center;padding:10px 20px;margin:10px auto;border:none;border-radius:5px;text-decoration:none;font-weight:700}.create-course-button:hover{background-color:#45a049}.course-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.course-table h2{font-size:20px;color:#333;margin-bottom:10px}.course-category{color:#666;font-size:16px;margin-bottom:15px}.decoration{text-decoration:none;color:inherit}.delete-button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.delete-button:hover{background-color:#d32f2f}.modal-content{background:#fff;padding:10px;border:1px solid #ccc;box-shadow:0 2px 5px #0003}@media (max-width: 768px){.features{grid-template-columns:1fr}.create-course-button,.delete-button{padding:8px 16px}.feature h2{font-size:18px}.course-category{font-size:14px}}.single-course-lists{display:flex;overflow-x:auto;gap:50px;margin:10px 0;padding:20px 0}.single-course-lists::-webkit-scrollbar{display:none}.single-course-list{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:220px;height:270px;margin:30;border-radius:8px;background-color:#f5f5f5;box-shadow:0 4px 6px #0000001a;text-align:left}.single-course-list p{text-align:center}.single-course-list-image{width:220px;align-content:center;border-radius:5px}.single-course-list-decoration{text-decoration:none;color:inherit}.single-course-list:hover{transform:scale(1.05);box-shadow:0 8px 12px #0000001a}@media (max-width: 1000px){.single-course-lists{grid-template-columns:repeat(2,minmax(150px,1fr));padding:20px}}@media (max-width: 768px){.single-course-lists{grid-template-columns:repeat(1,minmax(150px,1fr))}}.content-detail-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003}.content-title{font-size:36px;color:#333;margin-bottom:20px}.content-details{margin-top:20px}.content-details p{font-size:18px;color:#555;margin:0}.content-description{margin-top:10px}.content-actions{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.edit-button,.delete-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:18px;cursor:pointer;transition:background-color .3s ease-in-out}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:tomato}.delete-button:hover{background-color:#ff4532}.back-link{text-decoration:none;color:#007bff;font-weight:700;font-size:18px;transition:text-decoration .3s ease-in-out}.back-link:hover{text-decoration:underline}.contents-list-container{max-width:1000px;margin:0 auto;padding:20px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.contents-heading{font-size:32px;margin-bottom:20px;color:#333;text-align:center}.create-content-button{display:inline-block;background-color:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:4px;text-decoration:none;font-size:18px;margin-bottom:20px;display:block;width:100%;text-align:center;transition:background-color .3s ease-in-out}.create-content-button:hover{background-color:#0056b3}.contents-list{list-style:none;padding:0}.content-item{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out}.content-item:hover{transform:translateY(-5px)}.content-header{display:flex;justify-content:space-between;align-items:center}.content-title{font-size:24px;color:#333;margin:0}.delete-button{background-color:red;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:16px;transition:background-color .3s ease-in-out}.content-details{margin-top:12px;font-size:16px;color:#555}.content-actions{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.view-details-link{color:#007bff;text-decoration:none;font-weight:700;font-size:16px;transition:text-decoration .3s ease-in-out}.edit-button{background-color:#ffc107;color:#333;border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer;transition:background-color .3s ease-in-out}.content-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.content-table h2{font-size:20px;color:#333;margin-bottom:10px}.content-table tr:nth-child(2n){background-color:#f2f2f2}.content-table tr:nth-child(odd){background-color:#fff}.content-table tr:hover{background-color:#ddd}.content-table th,.content-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.content-table th{background-color:#4caf50;color:#fff}.chapter-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.chapter-table h2{font-size:20px;color:#333;margin-bottom:10px}.chapter-table tr:nth-child(2n){background-color:#f2f2f2}.chapter-table tr:nth-child(odd){background-color:#fff}.chapter-table tr:hover{background-color:#ddd}.chapter-table th,.chapter-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.chapter-table th{background-color:#4caf50;color:#fff}.chapters-list-container{max-width:900px;margin:0 auto;padding:20px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px}.chapters-heading{font-size:28px;margin-bottom:20px;color:#333;text-align:center}.create-chapter-button{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;text-decoration:none;font-size:18px;margin-bottom:20px;display:block;width:100%;text-align:center}.create-chapter-button:hover{background-color:#0056b3}.chapters-list{list-style:none;padding:0}.chapter-item{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.chapter-header{display:flex;justify-content:space-between;align-items:center}.chapter-title{font-size:24px;color:#333;margin:0}.delete-button{background-color:red;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:16px}.delete-button:hover{background-color:#c00}.chapter-description,.chapter-duration,.chapter-lessons{color:#555;margin-top:12px}.chapter-actions{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.view-details-link{color:#007bff;text-decoration:none;font-weight:700;font-size:16px}.view-details-link:hover{text-decoration:underline}.edit-button{background-color:#ffc107;color:#333;border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer}.edit-button:hover{background-color:#ffa000}.subject-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.subject-table h2{font-size:20px;color:#333;margin-bottom:10px}.subject-table tr:nth-child(2n){background-color:#f2f2f2}.subject-table tr:nth-child(odd){background-color:#fff}.subject-table tr:hover{background-color:#ddd}.subject-table th,.subject-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.subject-table th{background-color:#4caf50;color:#fff}.course-detail-container{margin:10px;padding:30px 50px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;font-family:Arial,sans-serif}.course-title{font-size:3rem;color:#036;text-align:center;margin-bottom:40px;background:-webkit-linear-gradient(45deg,#1e90ff,#ff1493);background:linear-gradient(45deg,#1e90ff,#ff1493);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer .1s infinite linear}@keyframes shimmer{0%{background-position:top left}to{background-position:left top}}.course-subtitle{color:#0056b3;margin-bottom:20px;font-weight:600}.subtitle-description{text-align:justify;color:#333;line-height:1.8}.feature-title{color:#000;font-weight:700}.flex-details{display:flex;align-items:start;justify-content:space-between;gap:30px}.section-card{background:linear-gradient(135deg,#e0eafc,#cfdef3);padding:25px;border-radius:10px;box-shadow:0 8px 20px #0003;transition:all .3s ease}.section-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000040}.enroll-button{background:linear-gradient(to right,#ff5f6d,#ffc371);color:#fff;border:none;padding:15px 30px;border-radius:15px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px 8px #00000026;margin-top:20px}.enroll-button:hover{background:linear-gradient(to right,#ffc371,#ff5f6d);box-shadow:0 6px 12px #0003}.testimonial{font-style:italic;background:#fafafa;border-left:5px solid #ff7e67;padding:20px;margin-bottom:15px;border-radius:5px;position:relative;box-shadow:0 3px 6px #0000001a;transition:all .3s ease}.testimonial:hover{transform:translateY(-3px);box-shadow:0 5px 10px #00000026}.testimonial:before,.testimonial:after{font-size:4em;color:#f0f0f0;position:absolute}.testimonial:before{content:"“";left:10px;top:-10px}.testimonial:after{content:"”";right:10px;bottom:-10px}.average-rating{display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-top:20px}.rating-star{color:#ffda44;margin-right:8px}.course-details{max-width:650px;margin:5px;padding:10px 10px 1px 1px}.course-enrollment-details{width:250px;height:auto;position:sticky;top:20px;padding:20px;border-radius:8px;z-index:10;box-shadow:0 3px 6px #0000001a}.course-image{width:250px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}.course-unlist{list-style:none;padding:0}.course-unlist li:before{content:"✔";color:#32cd32;font-weight:700;display:inline-block;width:1.5em}@media (max-width: 1024px){.course-detail-container{margin:10px;padding:10px}.flex-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.course-details{max-width:100%;width:-webkit-fill-available}.course-enrollment-details{width:auto;height:auto}.course-title{font-size:2.5rem}}.course-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:space-around;align-items:flex-start}.lesson-item{width:auto;padding:10px;cursor:pointer;background-color:#f0f8ff;border-radius:5px;margin-right:10px;margin-bottom:10px;flex-direction:column}.lesson-thumbnail{width:100px;height:auto;margin-right:10px;vertical-align:middle}@media screen and (max-width: 768px){.course-content{display:flex;flex-direction:column}}.course-nav{position:relative;width:100%;height:50px;background:#34495e;border-radius:8px;font-size:0;box-shadow:0 2px 3px #0000001a}.course-nav .nav-link{font-size:15px;text-transform:uppercase;color:#fff;text-decoration:none;line-height:50px;position:relative;z-index:1;display:inline-block;text-align:center}.course-nav .animation{position:absolute;height:100%;top:0;z-index:0;background:#1abc9c;border-radius:8px;transition:all .5s ease 0s}.course-nav .nav-link:nth-child(1){width:100px}.course-nav .start-home,.nav-link:nth-child(1):hover~.animation{width:100px;left:0}.course-nav .nav-link:nth-child(2){width:110px}.course-nav .nav-link:nth-child(2):hover~.animation{width:110px;left:100px}.course-nav .nav-link:nth-child(3){width:100px}.course-nav .nav-link:nth-child(3):hover~.animation{width:100px;left:210px}.signup-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.signup-form{padding:40px;background:#232323;border-radius:10px;box-shadow:0 8px 16px #0003;display:flex;justify-content:center;align-items:center;gap:20px}.signup-logo{display:block;margin:0 auto 30px;width:320px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{color:#fff;font-size:16px;padding:20px 0 5px}.signup-input{border:none;border-radius:5px;background-color:#333;color:#fff;height:40px;width:300px;font-size:20px;padding:0 10px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none}.signup-input::placeholder{color:#bbb}.signup-button{background-color:#f01060;color:#fff;padding:10px;margin:20px 0;border:none;border-radius:5px;cursor:pointer;font-size:20px;transition:background-color .3s ease}.signup-button:hover{background-color:#0056b3}.signup-input:hover,.signup-input:focus{background-color:#454545}