body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.common-btn{background-color:#5206d5;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.common-btn:hover{background-color:#5f357e}@media (max-width: 768px){.common-btn{font-size:16px}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px;text-align:center;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}.home-content{max-width:900px;margin:0 auto;animation:fadeIn 1.2s ease-in-out}.home-content h1{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#fff,#c8d6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-content p{font-size:1.25rem;font-weight:400;color:#e0e0e0;margin-bottom:40px}.common-btn{padding:14px 36px;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff512f,#dd2476);box-shadow:0 6px 15px #0003;transition:all .3s ease}.common-btn:hover{transform:translateY(-3px) scale(1.05);background:linear-gradient(90deg,#dd2476,#ff512f);box-shadow:0 8px 20px #0000004d}.wave-divider{line-height:0}.wave-divider svg{display:block;width:100%;height:100px;margin-bottom:-1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home{min-height:80vh;padding:60px 15px}.home-content h1{font-size:2rem;margin-bottom:15px}.home-content p{font-size:1rem;margin-bottom:25px}.common-btn{padding:12px 26px;font-size:.95rem}}@media (max-width: 480px){.home{min-height:70vh;padding:40px 12px}.home-content h1{font-size:1.6rem}.home-content p{font-size:.9rem;margin-bottom:20px}}@media (max-width: 768px){.wave-divider svg{height:60px}}@media (max-width: 480px){.wave-divider svg{height:40px}}.explore{padding:60px 20px;background:#f9f9f9;margin-top:0;text-align:center;display:flex;justify-content:center;color:#333}.explore-container{max-width:900px;width:100%}.explore-title{font-size:2rem;font-weight:700;margin-bottom:40px;color:#1e3c72}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 30px;justify-items:center}.card{width:100%;max-width:360px;min-height:200px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:20px;font-weight:600;text-align:center;box-shadow:0 6px 15px #00000026;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;background:linear-gradient(135deg,#00c6ff,#0072ff)}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 25px #00000040}.heading{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:#fff}.explore-btn{padding:10px 24px;font-size:.95rem;font-weight:600;border:none;border-radius:25px;background:#0072ff;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000001a}.explore-btn:hover{background:#005bb5}@media (max-width: 768px){.explore-grid{grid-template-columns:1fr;gap:25px}.explore-title{font-size:1.6rem;margin-bottom:25px}.card{max-width:100%;min-height:160px;margin:0 15px}}.roadmap{margin-top:60px;padding:30px 10px;background:#f9f9f9;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;border-radius:20px;color:#333}.roadmap_btns,.roadmap_btns_right{display:flex;flex-direction:column;gap:12px}.roadmap_btns button,.roadmap_btns_right button{padding:8px 18px;border:none;border-radius:30px;font-size:.9rem;font-weight:600;background:#e0e0e0;color:#0072ff;cursor:pointer;transition:all .3s ease}.roadmap_btns button:hover,.roadmap_btns_right button:hover{background:#0072ff;color:#fff}.roadmap_btns button.active,.roadmap_btns_right button.active{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff}.roadmap_imgs{flex:1;min-width:250px;text-align:center}.roadmap_imgs img{max-width:320px;height:auto;border-radius:16px;box-shadow:0 8px 20px #00000026;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 992px){.roadmap{flex-direction:column;gap:18px}.roadmap_btns,.roadmap_btns_right{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}}@media (max-width: 600px){.roadmap{flex-direction:column;align-items:center}.roadmap_btns{order:1;flex-direction:row;justify-content:center;gap:8px;width:100%}.roadmap_imgs{order:2;text-align:center;margin:15px 0}.roadmap_imgs img{max-width:260px}.roadmap_btns_right{order:3;flex-direction:row;justify-content:center;gap:8px;width:100%}}header{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3);position:sticky;top:0;z-index:1000;transition:all .3s ease-in-out}.logo{font-size:26px;font-weight:700;background:linear-gradient(90deg,#7b2ff7,#f107a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.desktop-nav{display:flex;gap:2rem}.desktop-nav a{text-decoration:none;color:#333;font-weight:500;font-size:16px;position:relative;transition:color .3s ease-in-out}.desktop-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:linear-gradient(90deg,#7b2ff7,#f107a3);transition:width .3s ease-in-out}.desktop-nav a:hover{color:#7b2ff7}.desktop-nav a:hover:after{width:100%}.menu-btn{display:none;background:none;border:none;cursor:pointer;z-index:1100;color:#333;transition:transform .2s ease-in-out}.menu-btn:hover{transform:scale(1.1)}.mobile-nav{display:flex;flex-direction:column;gap:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:70px;right:16px;padding:20px;box-shadow:0 8px 20px #00000026;border-radius:12px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .35s ease-in-out;z-index:1100}.mobile-nav.open{max-height:500px;opacity:1;transform:translateY(0)}.mobile-nav a{text-decoration:none;color:#333;font-weight:500;font-size:16px;padding:8px 0;transition:color .3s}.mobile-nav a:hover{color:#f107a3}.overlay{position:fixed;inset:0;background:#0006;z-index:100;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.desktop-nav{display:none}.menu-btn{display:block}.logo{font-size:22px}}@media (max-width: 480px){.logo{font-size:20px}.mobile-nav{right:10px;left:10px}}.auth-page{display:flex;align-items:center;justify-content:center;height:80vh;background-color:#fff}.auth-page .auth-form{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center;width:300px}.auth-page .auth-form h2{font-size:24px;color:#8a4baf;margin-bottom:15px}.auth-page .auth-form form{text-align:left}.auth-page .auth-form form label{display:block;margin-bottom:5px;font-size:14px;color:#333}.auth-page .auth-form form input{width:92%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px}footer{margin-top:50px;width:100%;background:linear-gradient(135deg,#2c2c54,#24243e,#302b63,#0f0c29);color:#eaeaea;font-family:Inter,sans-serif}.flex_align{width:100%;display:flex;align-items:center}.box1{margin-top:40px;width:100%;letter-spacing:.01cm;display:flex;justify-content:space-evenly;gap:2rem}.header{display:flex;flex-direction:column}.policy{display:flex;flex-direction:column;gap:8px}.policy a:hover{color:#fff}.same p{color:#fff;font-weight:600;font-size:16px;margin-bottom:12px}.same a{text-decoration:none;color:#b5b5b5;font-size:14px;transition:all .3s ease}.same>a:hover{color:#fff;transform:translate(4px)}.vertical_line{border-left:none;border:.5px solid #333;height:180px;width:.009px}.media{margin-top:40px}.icon_flex{height:50px;width:100%;font-size:24px;color:#b5b5b5;display:flex;gap:20px;align-items:center}.icon_flex a{color:#b5b5b5;transition:color .3s ease,transform .3s ease}.icon_flex a:hover{color:#6c63ff;transform:scale(1.2)}.email_address{color:#eaeaea;line-height:24px;letter-spacing:.01cm}.num{color:#fff;margin:10px 0;font-weight:500}.email_address a{color:#b5b5b5;text-decoration:none;transition:color .3s ease}.email_address a:hover{color:#6c63ff}.horizontal_line{margin-top:20px;border:.1px solid #333;border-top:none;height:.000009px;width:100%}.copyright{height:50px;display:flex;align-items:center;justify-content:center;color:#b5b5b5;font-size:14px}.copyright p{font-size:14px}@media (max-width: 768px){.box1{flex-direction:column;align-items:center;text-align:center;gap:2rem}.vertical_line{display:none}.icon_flex{justify-content:center}.email_address{text-align:center}}@media (max-width: 480px){.same a{font-size:13px}.email_address{font-size:13px;line-height:20px}.icon_flex{font-size:20px;gap:12px}}*{margin:0;padding:0;box-sizing:border-box}.about-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;color:#1a1a1a}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#fff,#2563eb0d);overflow:hidden}.hero-background{position:absolute;inset:0;background-image:url(/student-studying-with-laptop-in-modern-library.jpg);background-size:cover;background-position:center;opacity:.2}.hero-content{position:relative;z-index:10;text-align:center;max-width:64rem;padding:0 1rem}.hero-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-description{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.hero-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1rem 2rem;font-size:1.125rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s ease;transform:translateY(0)}.hero-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.about-section{padding:5rem 0;background:#f9fafb4d}.about-header{text-align:center;margin-bottom:4rem}.about-card{max-width:32rem;margin:0 auto;background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(59,130,246,.2)}.about-slogan{color:#3b82f6;font-weight:600;font-size:1.125rem;margin-bottom:1rem}.slogan-attribution{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.about-description{color:#1a1a1a;line-height:1.7}.origin-section{max-width:64rem;margin:0 auto}.origin-header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.origin-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;margin-right:1rem}.origin-title{font-size:1.5rem;font-weight:700}.origin-description{text-align:center;line-height:1.7;max-width:48rem;margin:0 auto}.vision-mission-section{padding:5rem 0}.vision-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:96rem;margin:0 auto}.vision-card,.mission-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(59,130,246,.2);transition:box-shadow .3s ease;overflow:hidden}.vision-card:hover,.mission-card:hover{box-shadow:0 10px 15px -3px #0000001a}.mission-card{border-color:#2563eb33}.card-header{text-align:center;padding:2rem 2rem 1rem}.card-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem}.vision-icon{background:#3b82f61a}.mission-icon{background:#2563eb1a}.card-title{font-size:1.5rem;font-weight:700}.vision-title{color:#3b82f6}.mission-title{color:#2563eb}.card-content{padding:0 2rem 2rem;text-align:center}.card-content p{line-height:1.7}.stats-section{padding:5rem 0;background:#f9fafb4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:64rem;margin:0 auto}.stat-card{background:#fff;text-align:center;border-radius:.75rem;padding:2rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(59,130,246,.2);transition:box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a}.stat-number{font-size:2.5rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.team-section{padding:5rem 0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:80rem;margin:0 auto}.team-card{background:#fff;text-align:center;border-radius:.75rem;padding:2rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(59,130,246,.2);transition:box-shadow .3s ease}.team-card:hover{box-shadow:0 10px 15px -3px #0000001a}.team-image{width:8rem;height:8rem;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:#f3f4f6}.team-image img{width:100%;height:100%;object-fit:cover}.team-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.team-role{color:#6b7280;margin-bottom:1rem}.team-social{display:flex;justify-content:center;gap:.75rem}.social-link{color:#6b7280;text-decoration:none;font-size:1.25rem;transition:color .3s ease}.social-link:hover{color:#3b82f6}.contact-section{padding:5rem 0;background:#f9fafb4d}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:80rem;margin:0 auto}.contact-card{background:#fff;text-align:center;border-radius:.75rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(59,130,246,.2);transition:box-shadow .3s ease}.contact-card:hover{box-shadow:0 10px 15px -3px #0000001a}.contact-icon{width:4rem;height:4rem;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.contact-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-description{color:#6b7280;margin-bottom:1rem}.contact-details{font-size:.875rem;margin-bottom:1.5rem}.contact-action{color:#3b82f6;font-weight:600;background:none;border:none;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem;border-radius:.25rem}.contact-action:hover{color:#fff;background:#3b82f6;transform:translateY(-1px)}.faq-section{padding:5rem 0}.faq-header{text-align:center;margin-bottom:4rem}.faq-subtitle{color:#6b7280;max-width:32rem;margin:0 auto}.faq-card{max-width:64rem;margin:0 auto;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(59,130,246,.2);overflow:hidden}.faq-card-title{text-align:center;color:#3b82f6;padding:2rem 2rem 1rem;font-size:1.5rem;font-weight:700}.faq-card-description{text-align:center;color:#6b7280;margin-bottom:1.5rem;padding:0 2rem}.faq-button{display:block;margin:0 auto 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;transform:translateY(0)}.faq-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}@media (max-width: 768px){.section-title,.hero-title{font-size:2rem}.hero-description{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.vision-mission-grid,.team-grid,.contact-grid{grid-template-columns:1fr}}.profile{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 20px #0000001f;width:32%;margin:140px auto;transition:all .3s ease;text-align:center}.profile:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000002e}.profile-avatar{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid #4f46e5;box-shadow:0 4px 12px #00000026;object-fit:cover}.profile h2{font-size:1.6rem;font-weight:700;margin-bottom:20px;color:#4f46e5}.profile-info{text-align:left;margin-top:20px}.profile-info p{margin-bottom:12px;font-size:1rem;line-height:1.6;color:#444}.profile-info strong{color:#6d28d9;font-weight:600}.common-btnn{padding:10px 22px;font-size:.95rem;font-weight:600;border:none;border-radius:25px;background:linear-gradient(90deg,#4f46e5,#9333ea);color:#fff;cursor:pointer;margin:10px 0;box-shadow:0 4px 12px #0000001f;transition:all .3s ease;display:flex;align-items:center;gap:8px}.common-btnn:hover{transform:scale(1.05);background:linear-gradient(90deg,#4338ca,#7e22ce)}.logout-btn{background:#e63946!important}.logout-btn:hover{background:#c92a35!important}@media (max-width: 1024px){.profile{width:50%;padding:25px;margin:100px auto}}@media (max-width: 768px){.profile{width:85%;padding:20px;margin:70px auto}.profile-avatar img{width:100px;height:100px}}@media (max-width: 480px){.profile{width:92%;padding:16px;margin:50px auto}.profile-avatar img{width:80px;height:80px}.profile h2{font-size:1.3rem}.profile-info p{font-size:.9rem}}.loading-page{display:flex;align-items:center;justify-content:center;height:80vh}.loader{border:5px solid #f3f3f3;border-top:5px solid #8a4baf;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.courses{padding:80px 0;text-align:center;min-height:60vh}.courses h2{font-size:32px;color:#8a4baf;margin-bottom:30px}.courses .course-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.course-card{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:20px;border-radius:10px;text-align:center;width:250px;transition:.5s}.course-card:hover{box-shadow:0 2px 4px #0006}.course-card .course-image{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:10px}.course-card h3{font-size:18px;color:#333;margin-bottom:10px}.course-card p{font-size:14px;color:#666;margin-bottom:5px}.course-description{padding:80px 0;text-align:center;min-height:55vh}.course-description .course-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:40px}.course-description .course-header .course-image{width:200px;height:150px;object-fit:cover;border-radius:10px}.course-description .course-header .course-info{text-align:left}.course-description .course-header .course-info h2{font-size:24px;color:#333}.course-description .course-header .course-info p{font-size:14px;color:#666;margin:5px 0}.course-description .course-header p{font-size:16px;color:#333;text-align:center;max-width:800px;margin:0 auto}.payment-success-page{display:flex;align-items:center;justify-content:center;height:75vh;background-color:#f5f5f5}.payment-success-page .success-message{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center;width:300px}.payment-success-page h2{font-size:24px;color:#8a4baf;margin-bottom:15px}.payment-success-page p{font-size:24px;color:#333;margin-bottom:20px}.payment-success-page a{text-decoration:none}.student-dashboard{padding:80px;text-align:center;min-height:55vh}.student-dashboard .dashboard-content{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-top:40px}.course-study-page{padding:50px 0;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;min-height:80vh}.course-study-page h2{font-size:24px;color:#8a4baf;text-align:center}.course-study-page h4{font-size:21px;color:#8a4baf;text-align:center}.course-study-page h2{font-size:20px;color:#8a4baf;text-align:center}.course-study-page a{text-decoration:none;background-color:#fff;padding:5px 10px;border:1px solid black;border-radius:5px}.lecture-page{display:flex;justify-content:space-between;min-height:80vh}@media (max-width: 768px){.lecture-page{flex-direction:column;justify-content:center;align-items:center}}.lecture-page .left{width:70%;padding:10px;align-items:center}@media (max-width: 768px){.lecture-page .left{width:90%}}.lecture-page .right{width:30%}.lecture-page .right .lecture-form{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0,2px,4px,#0000001a;text-align:center;width:auto}.lecture-page .right .lecture-form h2{font-size:24px;color:#8a4baf;margin-bottom:15px}.lecture-page .right .lecture-form form{text-align:left}.lecture-page .right .lecture-form form label{display:block;margin-bottom:5px;font-size:14px;color:#333}.lecture-page .right .lecture-form form input{width:92%;padding:10px;margin-bottom:15px;border:1px solid black;border-radius:5px}@media (max-width: 768px){.lecture-page .right{width:80%;margin-bottom:10px}}.lecture-page .right .lecture-number{background-color:#fff;padding:10px;border:1px solid black;margin-top:10px;border-radius:5px;text-align:center;cursor:pointer}.lecture-page .right .lecture-number:hover,.lecture-page .right .active{background-color:#8a4baf;color:#fff}.progress{width:20%;background-color:#333;padding:6px;border-radius:5px;margin:3px auto;text-align:center;color:#fff}.sidebar{width:200px;height:100%;left:0;color:#fff;border-right:1px solid gray}@media (max-width: 768px){.sidebar{width:30px}}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin-bottom:10px;cursor:pointer;padding:12px}@media (max-width: 768px){.sidebar ul li{padding:7px}}.sidebar ul li:hover{background-color:gray}.sidebar ul li a{display:flex;text-decoration:none;counter-reset:blueviolet}.sidebar ul li a span{margin-left:15px}@media (max-width: 768px){.sidebar ul li a span{display:none}}.dashboard-admin{display:flex;min-height:80vh;margin-top:20px}.main-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.main-content .box{margin-left:20px;background-color:#8a4baf;padding:5px;border-radius:5px;text-align:center;margin-top:5px;color:#fff}.main-content .box:hover{background-color:#432456}.admin-courses{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.admin-courses .left .dashboard-content{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-top:40px;margin-left:5px}.admin-courses .right .course-form{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center;width:300px}.admin-courses .right .course-form h2{font-size:24px;color:#8a4baf;margin-bottom:15px}.admin-courses .right .course-form form{text-align:left}.admin-courses .right .course-form form label{display:block;margin-bottom:5px;font-size:15px;color:#333}.admin-courses .right .course-form form input,.admin-courses .right .course-form form select{width:92%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px}.users{width:350px;overflow-x:auto;white-space:nowrap;margin:20px auto;min-height:80vh;border:solid gray 1px}Title .h1{text-align:center;font-size:3rem;margin-top:20px;color:#444}.text{margin-top:70px;text-align:center;font-size:2.5em;font-weight:700;color:#333}.sem1{margin:40px auto;padding:20px;max-width:1200px}.sem1 h1{text-align:center;padding:10px 20px;border-radius:8px;font-size:1.8rem;margin-bottom:20px;color:#fff}#sem1 h1{background-color:#87cefa}#sem2 h1{background-color:#ffa07a}#sem3 h1{background-color:#90ee90}#sem4 h1{background-color:#ffb6c1}#sem5 h1{background-color:gold}.branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.sem1-cse{background:#f8f9fa;padding:20px;border-radius:12px;box-shadow:0 4px 8px #00000014;text-align:center;transition:transform .2s ease}.sem1-cse:hover{transform:translateY(-5px)}.sem1-cse h3{font-size:1.2rem;margin-bottom:15px;color:#333}.sem1-cse-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sem1-cse-links a button{padding:10px 18px;border-radius:8px;background-color:#789;color:#fff;border:none;font-size:.95rem;cursor:pointer;transition:all .3s ease}.sem1-cse-links a button:hover{background-color:#fff;color:#789;border:1px solid lightslategray}.border{border:1px solid #e0e0e0;border-radius:12px;margin:30px auto;padding:20px;max-width:1200px;background:#fff}@media (max-width: 768px){.text{font-size:2rem}.sem1 h1{font-size:1.5rem}.sem1-cse h3{font-size:1rem}}@media (max-width: 480px){.text{font-size:1.7rem}.branches{grid-template-columns:1fr}.sem1-cse{padding:15px}.sem1-cse-links{flex-direction:column;align-items:center}.sem1-cse-links a button{width:100%;max-width:200px}}.construction{text-align:center;background-color:#fff;width:100%;height:500px;display:block;justify-content:center;align-items:center}.construction h1{color:#000;font-weight:100;margin-top:200px;font-size:45px}.construction p{color:#000;font-size:20px;letter-spacing:.01cm}.construction p a{text-decoration:none;color:#00f}h1{text-align:center;margin-top:20px;font-size:2.5em;color:#333}h2{color:#444;margin-top:20px}.What{margin-top:40px}.p{margin-left:50px;margin-right:50px;line-height:30px;letter-spacing:1px}b{color:green;line-height:40px;margin-top:20px;margin-left:50px}span{line-height:42px}main{text-align:center;margin:50px auto}h3{margin-left:50px}h4{margin:30px 30px 30px 50px}.content-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:20px;margin:20px auto;max-width:1300px;box-shadow:0 4px 8px #0000001a}.content-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:20px 20px 20px 10px;margin:80px auto 20px;max-width:1300px;box-shadow:0 4px 8px #0000001a}.content-box p{padding-left:50px;justify-content:center}.dsa-heading{position:relative;padding-left:50px}.dsa-heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(90deg);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:20px solid #3498db}.p{line-height:1.6;margin:10px 0}