*,body{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.log-container{align-items:center;background:linear-gradient(135deg,#74ebd5,#acb6e5);display:flex;height:100vh;justify-content:center}.logform{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;padding:30px;text-align:center;width:400px}.logform h2{color:#333;margin-bottom:20px}.logform input{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:100%}.log-btn{background:#5c67f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}.log-btn:hover{background:#4a54e1}.register-link{margin-top:15px}.register-link span{color:#555;margin-right:5px}.register-link a{color:#5c67f2;font-weight:700;text-decoration:none}.register-link a:hover{text-decoration:underline}.forgot-password-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;padding:.7rem 0}.reg-container{align-items:center;background:linear-gradient(135deg,#74ebd5,#acb6e5);display:flex;height:100%;justify-content:center;padding:2rem 0}.reg-form{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;padding:30px 50px;text-align:center;width:600px}.reg-form h2{margin-bottom:20px}.reg-form input{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:100%}.reg-form button{background:#5c67f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:.5rem 0;padding:10px;width:100%}.reg-form button:hover{background:#4a54e1}.error-message{color:red;margin-bottom:10px}.success-message{color:green;margin-bottom:10px}.login-link{margin-top:15px}.login-link a{color:#5c67f2;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}nav{align-items:center;background-color:#333;display:flex;height:100px;justify-content:space-between;width:100%}nav a{color:#fff;font-size:1.2rem;margin:0 20px;padding:14px 20px;text-align:center;text-decoration:none;transition:-webkit-text-decoration .2s ease .5s;transition:text-decoration .2s ease .5s;transition:text-decoration .2s ease .5s,-webkit-text-decoration .2s ease .5s}nav a:hover{text-decoration:underline}.username{cursor:pointer;font-size:1.5rem}nav .head-btn button{background-color:#333;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.user-info{align-items:center;display:flex;justify-content:center}.user-info h3{color:#fff}.user-icon{cursor:pointer;height:50px;padding:0;width:50px}.user-info a{padding:5px 0}.headd{width:20%}.head-btn,.head-btn1{display:flex;width:100%}.head-btn1{align-items:center;justify-content:center}nav .head-btn1 button{background-color:#333;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px}nav .head-btn1 button:hover{text-decoration:underline}.logo-image{align-items:center;display:flex;height:100px;justify-content:center;margin-top:-6px;overflow:hidden;padding-left:50px;width:20%}.logo-image img{height:60px;width:150px}section{padding:20px 10px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;position:absolute;right:3%;top:10%;z-index:1000}.dropdown-item{color:#333;cursor:pointer;padding:10px 40px}.dropdown-item:hover{background-color:#f5f5f5}.mobile-only{display:none}.chatbot-container{background:#f6eeee;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.778);display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:800px;padding:20px}.chatbot-header{color:#2c3e50;font-size:2rem;margin-bottom:20px;text-align:center}.chatbot-form{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.chatbot-input{border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;padding:12px;transition:border-color .3s ease}.chatbot-input:focus{border-color:#3498db}.chatbot-level{display:flex;justify-content:space-evenly;margin:10px 0}.chatbot-level label{color:#555;display:flex;font-size:1.2rem;gap:8px;margin:0 1.2rem}.chatbot-level input[type=radio]{accent-color:#3498db}.chatbot-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.chatbot-button:hover{background-color:#2980b9}.chatbot-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.chatbot-response{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:2rem 0;max-height:400px;overflow-y:auto;padding:20px}.chatbot-response h2{color:#2c3e50;font-size:1.5rem;margin-bottom:10px}.chatbot-response p{color:#555;font-size:1rem;line-height:1.6}.chatbot-response strong{color:#3498db}.chatbot-response em{color:#e67e22}.chatbot-response ul{list-style-type:disc;padding-left:20px}.chatbot-response ol{list-style-type:decimal;padding-left:20px}.home{display:flex}.welcome{flex-direction:column;width:80%}.image,.welcome{align-items:center;display:flex;justify-content:center}.image{width:50%}.image img{height:85%;width:70%}.introduction{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:86px 10px;text-align:center;width:100%}.introduction h1{color:#f9f9f9;font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 8px #0000004d}.introduction p{color:#e1e1e1;font-size:1.3rem;line-height:1.8;margin:15px 0;width:80%}.introduction strong{color:#ffe600;text-shadow:1px 1px 3px #00000080}.home-buttons{display:flex;justify-content:space-evenly;width:100%}.introduction .button{background:#fff;border:none;border-radius:25px;box-shadow:0 4px 6px #0003;color:#2575fc;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:20px;padding:10px 20px;text-transform:uppercase;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.introduction .button:hover{background:#ffe600;box-shadow:0 6px 10px #0000004d;color:#333;transform:translateY(-3px)}.card-container{display:flex;justify-content:space-evenly;margin:50px 0}.data-card{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.data-card h1{font-size:2.5rem;margin-top:1rem}.two-column-layout{grid-gap:40px;align-items:center;display:grid;font-size:20%;gap:40px;grid-template-columns:1fr 1fr;justify-content:center;text-align:center}.two-column-layout div{flex:1 1;font-size:20px;padding:20px}.about{font-size:2.3rem;line-height:1.5;width:90%}.about,.contact{background-color:#fff;border-radius:10px;padding:25px}.about h3{font-size:2rem;margin-bottom:1rem}.about p{font-size:1.2rem;width:90%}.contact-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;max-width:110%;padding:20px;width:800px}.contact-form,.contact-info{flex:1 1}.contact-form{padding-right:20px}.contact-form h3{font-size:24px;margin-bottom:20px}.contact-form button,.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px;width:100%}.contact-form button{background-color:#333;border:none;color:#fff;cursor:pointer}.contact-form button:hover{background-color:#555}.contact-info{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;padding-left:20px}.contact-info h3{font-size:24px;margin-bottom:20px}.contact-info p{align-items:center;display:flex;font-size:18px;margin-bottom:15px}.contact-info img{height:24px;margin-right:10px;width:24px}.contact-info .placeholder{background-color:#ccc;height:150px;margin-bottom:20px;width:100%}.footer{background-color:#030101;color:#fff;display:flex;font-size:14px;justify-content:space-evenly;padding:20px}.footer div{width:23%}.footer h3{font-size:16px;margin:10px 20px}.footer p{color:#fff;cursor:pointer;justify-content:center;margin:5px 0}.footer p:hover{text-decoration:underline}.footer a{color:#fff;cursor:pointer;justify-content:center;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .about-us,.footer .contact1,.footer .helpful-links{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-links{display:flex;flex-direction:column}.app-links img{cursor:pointer;margin:10px;width:130px}:root{--Secondary-color:#4caf50}.search-c{background:linear-gradient(180deg,#90de7a,#fff);height:300px;padding:40px 0}.search-c1{align-items:center;display:flex;justify-content:space-around;margin:2rem 0}.search-course{color:#000;display:flex}.search-course input[type=text]{border:2px solid #ccc;border-radius:5px 0 0 5px;color:#000;font-size:15px;outline:none;padding:15px 20px;transition:border-color .3s ease;width:500px}.search-course input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.search-course input::placeholder{color:#999;font-style:italic}.search-icon{background-color:#4caf50;background-color:var(--Secondary-color);border-radius:0 5px 5px 0;color:#888;cursor:pointer;font-size:25px;height:48px;margin-left:-3px;margin-top:2px;padding:5px 25px 0}.content{background-color:#fff;border-radius:10px;margin:-100px auto 0;width:85%}.popular-now{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 25px}.courses{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1rem 0}.course-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.353),0 1px 3px rgba(0,0,0,.375);margin:10px 20px;padding:20px;text-align:center;width:30%}.course-card img{height:50%;width:95%}.course-card h3{color:#405d72;font-size:1.2em;margin-bottom:10px}.course-card p{color:#758690;font-size:1em;margin-bottom:20px}.content-btn{background-color:#4caf50;background-color:var(--Secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.content-btn:hover{background-color:#45a049}.course-categories{margin:30px 0;padding:20px 30px}.course-categories h2{margin:1rem 0;text-align:center}.view-all h1{font-size:1.8rem;margin:2rem 0}.categories{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:0 30px}.cat-btn{justify-content:space-evenly}.cat-btn,.showall{display:flex;width:100%}.showall{justify-content:center}.category-btn{background-color:#9eaeed;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1.2rem;margin:10px 0;padding:20px 15px;text-align:center;width:30%}.category-btn:hover{background-color:#1f47e9af}.view-all{display:flex;justify-content:space-between}.view-all button{margin:2.5rem 0}.view-all-al{color:#000;cursor:pointer;text-decoration:none}.view-all-al:hover{text-decoration:underline}.course-page{display:flex;font-family:Arial,sans-serif;justify-content:center;line-height:1.6;width:100%}.course-header{align-items:center;display:flex;justify-content:space-between;width:40%}.course-title h1{font-size:2em;margin:0}.video-container{display:flex;justify-content:flex-start;width:100%}.video-container iframe{height:600px;width:97%}.course-content{margin-top:20px}.course-title{display:flex;flex-direction:column;margin:0 1rem}.course-title h3{font-size:1.4em;margin:1rem 0}.course-title h4{font-size:1rem;padding:.6rem 0}.recommendation{align-items:center;display:flex;flex-direction:column;justify-content:center}.recommendation h1{margin-top:2rem}.dashboard-container{align-items:center;background:linear-gradient(135deg,#74ebd5,#acb6e5);display:flex;justify-content:space-evenly;padding:20px 0}.profile-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;height:300px;margin-bottom:20px;padding:30px;text-align:center;width:40%}.profile-header{align-items:center;display:flex;flex-direction:column;gap:.6rem}.profile-pic{border-radius:50%;height:100px;margin-bottom:15px;width:100px}.profile-card h1{color:#333;font-size:24px}.profile-card p{color:#777}.edit-btn{background:#5c67f2;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 15px}.edit-btn:hover{background:#4a54e1}.info-card{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0003;height:100%;padding:25px;width:40%}.info-header{margin-bottom:15px;text-align:center}.info-header h2{color:#333;font-size:22px}.info-list{list-style:none;padding:0}.info-list li{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin:1rem 0;padding:.5rem 0}.info-list li strong{color:#555}.info-list input{border:1px solid #ccc;border-radius:5px;padding:8px;width:60%}.save-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px;width:100%}.save-btn:hover{background:#218838}@media (max-width:500px){.logo-image{padding:0;width:50%}.ancors{display:none}.headd{width:50%}.user-icon{height:40px;width:40px}nav a{margin:0;padding:0}.mobile-only{display:block}.introduction{padding:0}.home{flex-direction:column-reverse}.image{width:100%}.image img{height:70%;width:50%}.welcome{width:100%}.welcome h1{font-size:2rem;margin:1rem 0 0}.welcome p{font-size:1rem;width:90%}.home-buttons{flex-direction:column}.home-buttons a{margin-bottom:1rem}.data-card h1{font-size:1.6rem}.course-card{height:100%;width:75%}.two-column-layout{display:flex;flex-direction:column}.two-column-layout div{padding:0}.about h3{font-size:1.5rem}.about p{font-size:1rem;width:100%}.footer{flex-direction:column;gap:1rem;padding:2rem 0}.footer div{width:100%}.app-links{align-items:center;justify-content:center}.dashboard-container{flex-direction:column}.info-card,.profile-card{width:80%}.search-c{height:160px}.search-c1{margin:1rem 0}.search-course input[type=text]{padding:10px 20px;width:90%}.search-icon{font-size:20px;height:45px;margin-top:0;padding:9px 20px 0;text-align:center}.content{width:100%}.content,.course-categories{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.course-categories{padding:0;width:90%}.categories{align-items:center;gap:1rem;justify-content:center;padding:0}.category-btn{width:70%}.popular-now{padding:0}.view-all h1{font-size:1.5rem;margin:1.3rem 0}.chatbot-container{border-radius:0;margin:0;max-width:100%}.head-btn{justify-content:center}.reg-form{padding:30px 40px;width:90%}.course-page{flex-direction:column}.video-container{justify-content:center;margin:1rem 0}.video-container iframe{height:260px}.course-header{justify-content:center;width:100%}.course-title{margin:0;width:90%}.course-title h1{font-size:1.5rem}.course-title h3{font-size:1rem}.course-title h4{font-size:1rem;padding:.2rem}.recommendation h1{font-size:1.7rem}}@media (max-width:431px){.course-card{width:85%}.cat-btn{align-items:center}.cat-btn,.chatbot-level{flex-direction:column}.chatbot-level label{margin:.5rem}.video-container iframe{height:206px}}@media (max-width:360px){.logo-image{width:50%}.user-icon{height:35px;width:35px}.username{font-size:1.2rem}nav{height:90px}.logo-image img{height:50px;width:140px}.image{margin:1rem 0}.course-card{height:100%;margin:10px;width:90%}.categories{margin:1rem 0}.category-btn{margin:0;padding:15px;width:80%}.cat-btn{align-items:center;flex-direction:column;gap:1rem;justify-content:center}.video-container iframe{height:197px}.chatbot-header{font-size:1.5rem}.chatbot-input{width:90%}.chatbot-level{flex-direction:column;margin:0}.chatbot-level label{font-size:1.5rem;margin:.5rem}.download-btn{display:flex;justify-content:center}.log-container{height:80vh}.logform{width:330px}.reg-container{height:100%}.head-btn,.head-btn1{width:100%}nav a{padding-left:1.5rem}.dashboard-container{padding:1.2rem 0}.info-card,.profile-card{width:90%}}
/*# sourceMappingURL=main.3b23b4d7.css.map*/