@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:100%}:root{--main-color: #a8cd3d;--hover-main-color: #88aa22}.main{position:relative;display:flex;justify-content:center;align-items:center;height:100vh}.main img.coverImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.main .glass-container{position:absolute;right:10%;width:540px;height:520px;padding:3rem;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05),rgba(255,255,255,.15),rgba(255,255,255,.25),rgba(255,255,255,.35));border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 0 20px #ffffff4d;border:2px solid rgba(255,255,255,.642);color:#fff;text-align:center}.main .glass-container h2{font-size:2.8rem;font-weight:600;margin-bottom:2.5rem;color:#fff}.main h1{position:absolute;left:7%;font-size:5.5rem;color:#fff;width:40%;font-weight:300;line-height:1}.main .loginForm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.main .glass-container .loginForm img.crossIcon{position:absolute;right:-1.5rem;top:-1.5rem;width:57px;height:50px;cursor:pointer;z-index:9999}.main .glass-container input{width:90%;margin-top:1rem;font-size:.95rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.869);border-radius:50px;padding:1rem 1rem 1rem 1.5rem}.main .glass-container ::-webkit-input-placeholder{color:#fff}.main .glass-container input:focus{outline-color:#a8cd3d}.main .glass-container input:focus::placeholder{color:transparent}.main .loginForm img.inputIcon,.main .forgotForm img.inputIcon{width:30px;height:30px;position:absolute;left:83%;top:1.7rem}.main .line{width:100%;position:relative;display:flex;align-items:center;justify-content:center}.main .radioRole{display:flex;align-items:center;justify-content:center;width:80%;margin:0 auto;margin-bottom:1.5rem}.main .glass-container input[type=radio]{accent-color:#ffffff;margin-right:8px;margin-top:0;cursor:pointer;transform:scale(1.5)}.main .glass-container input[type=checkbox]{cursor:pointer;accent-color:#ffffff;margin-right:8px;margin-top:0;transform:scale(1.2)}.main .horzCont{width:90%;display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.main .horzCont .rememberMe{font-size:.8rem;font-weight:300;width:fit-content;white-space:nowrap}.main .horzCont span{font-size:.8rem;font-weight:300;text-decoration:none;text-align:left;cursor:pointer}.main .horzCont span:hover{text-decoration:underline}.main .horzCont .check{margin:0}.main .glass-container label{display:flex;position:relative;align-items:center;font-size:1.1rem;margin:0 1.5rem;font-weight:300}.main .loginBtn{width:90%;padding:1rem;margin-top:2rem;font-size:1.1rem;background-color:var(--main-color);color:#fff;border:none;border-radius:50px;cursor:pointer}.main .loginBtn:hover{background-color:var(--hover-main-color);color:#fff}.main .forgetPass{font-size:.9rem;font-weight:300;text-decoration:none;margin-top:1rem}.main .glass-container{perspective:1200px}.main .glass-inner{position:relative;width:100%;height:100%;transition:transform .8s ease-out;transform-style:preserve-3d}.main .glass-container.flip .glass-inner{transform:rotateY(180deg)}.main .front,.main .back{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0}.main .front{z-index:2}.main .back{transform:rotateY(180deg);z-index:1}.main .forgotForm a{display:block}@media (max-width: 1024px){.main .glass-container{right:2%;width:450px;padding:2rem}.main h1{font-size:4rem;left:2%;width:40%}.main .glass-container h2{font-size:3rem}.main .glass-container h3{font-size:1.5rem}.main .glass-container .getpara{font-size:1.2rem}}@media (max-width: 768px){.main{flex-direction:column;justify-content:flex-start;padding-top:6rem}.main h1{display:none}.main .glass-container{width:90%;padding:2rem 1.5rem;margin-bottom:3rem;right:auto;height:500px;top:50%;transform:translateY(-50%)}.main .glass-container h2{font-size:2.5rem}.main .glass-container h3{font-size:1.2rem}.main .glass-container .radioRole label{margin:0 .7rem}.main .glass-container input{width:100%}.main .glass-container .getpara{font-size:1rem}}.nav{height:12vh;width:100%;padding:2% 1.5%;display:flex;align-items:center;position:fixed;z-index:999;background-color:transparent}.nav .logo{width:225px}@media (max-width: 768px){.nav .logo{width:225px}}@media (max-width: 480px){.nav{height:8vh;padding:4% 1rem;justify-content:center;background:linear-gradient(rgba(0,0,0,.778),transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav .logo{width:225px}}.right-navbar{position:fixed;top:10px;left:100%;transform:translate(-100%);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;padding:8px 0;border-radius:0 0 16px 16px;z-index:999;width:500px;height:70px;background:transparent}.nav-link{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:#888;transition:all .3s ease;position:relative;width:50px;height:50px}.nav-icon{width:50px;height:50px;transition:all .3s ease;padding:8px;transform:translateY(29%)}.nav-link.active .nav-icon{background:transparent;border:2px solid #a8cd3d;padding:8px;border-radius:12px;box-shadow:0 4px 12px #0003}.nav-label{background:#a8cd3d;color:#fff;padding:5px 10px;border-radius:4px;font-size:13px;white-space:nowrap;text-align:center;margin-right:8px;opacity:0;transform:translate(5px,10px);transition:all .3s ease;pointer-events:none}.nav-link:hover .nav-label{opacity:1;transform:translate(5px,15px)}@media (max-width: 768px){.right-navbar{top:auto;bottom:30px;left:50%;transform:translate(-50%);flex-direction:row;width:75%;height:auto;gap:40px;padding:6px 10px;background:#aaaaaa80;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-icon{width:40px;height:40px;transform:translateY(0);padding:6px}.nav-link{width:auto;height:auto}.nav-label{display:none}}.nav-black{height:7vh;width:100%;padding:2% 1.5%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 15px #00000040;z-index:1000;position:fixed;background-color:#fff}.nav-black .logo{width:15%}.leftBar{display:flex;align-items:center;justify-content:flex-end;width:50%;height:100%}.nav-black .streakIcon{width:5%;margin-right:2%}.nav-black .profileIcon{width:50px;height:50px;object-fit:cover;margin-right:2%;cursor:pointer}.nav-black .bellIcon{width:4.5%;margin-right:2%}.profile-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:50px;background-color:#fff;border-radius:8px;padding:8px 0;box-shadow:0 8px 16px #0000001a;min-width:180px;z-index:1000;overflow:hidden;border:1px solid #e0e0e0;animation:fadeIn .2s ease}.user-name{margin-right:1.2rem;font-size:1rem;color:#333;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:12px 20px;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease,color .2s ease}.dropdown-item:hover{background-color:#f5f5f5;color:#000}.logout-btn-wrapper{padding:12px 20px;margin-top:5px;border-top:1px solid #eee;background-color:transparent}.logout-btn-wrapper button{background-color:#a8cd3d;color:#fff;border:none;padding:10px;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;width:100%;transition:background-color .2s ease}.logout-btn-wrapper button:hover{background-color:#698613}.sideBar{width:17%;transition:width .3s ease;height:92vh;background-color:#fff;padding:20px;box-shadow:3px 4px 5px #0000001a;position:fixed;top:8vh;left:0;z-index:10;overflow:hidden}.sideBar.collapsed{width:70px;padding:20px 10px}.sideBarMenu{display:flex;flex-direction:column;margin-top:30px;gap:10px}.sideBarMenuItem{display:flex;align-items:center;gap:10px;padding:5px;cursor:pointer;opacity:.6;white-space:nowrap}.sideBarMenuItem:hover{background-color:#b8ee173d;opacity:1;border-radius:10px;box-shadow:inset 0 0 5px #2c4b00c2;transition:background-color .3s,opacity .3s}.sideBarMenuItem.active{background-color:#b8ee17bc;opacity:1;border-radius:10px;box-shadow:inset 0 0 5px #2e4601df}.sideBarMenuItem img{width:40px;height:40px}.sideBarMenuItem span{font-size:1.1rem;font-weight:500;transition:opacity .3s}.sideBar.collapsed .sideBarMenuItem span{opacity:0;pointer-events:none;width:0}.studentDashboard{width:100%}.flex{display:flex}.subPage{margin-left:17%;width:83%;height:86vh;transition:margin-left .3s ease,width .3s ease}.flex.collapsed .subPage{margin-left:70px;width:calc(100% - 70px)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}.adminSideBar{width:17%;transition:width .3s ease;height:92vh;background-color:#fff;padding:20px;box-shadow:3px 4px 5px #0000001a;position:fixed;top:8vh;left:0;z-index:10;overflow:hidden}.adminSideBar.collapsed{width:70px;padding:20px 10px}.adminSideBarMenu{display:flex;flex-direction:column;margin-top:30px;gap:10px}.adminSideBarMenuItem{display:flex;align-items:center;gap:10px;padding:5px;cursor:pointer;opacity:.6;white-space:nowrap}.adminSideBarMenuItem:hover{background-color:#b8ee173d;opacity:1;border-radius:10px;box-shadow:inset 0 0 5px #2c4b00c2;transition:background-color .3s,opacity .3s}.adminSideBarMenuItem.active{background-color:#b8ee17bc;opacity:1;border-radius:10px;box-shadow:inset 0 0 5px #2e4601df}.adminSideBarMenuItem img{width:35px;height:35px}.adminSideBarMenuItem span{font-size:1rem;font-weight:500;transition:opacity .3s}.adminSideBar.collapsed .adminSideBarMenuItem span{opacity:0;pointer-events:none;width:0}.toggleBtn{position:absolute;top:12px;right:20px;width:30px;height:30px;cursor:pointer;border:none;background:none}.toggleBtn img{width:100%;height:100%;transition:transform .3s}.reset-page{height:100vh;overflow:hidden}.glass-container .error{margin-top:1rem;color:#f82f2f;font-size:1.1rem}.explore{width:100%;height:100%;padding:10px 25px 20px;display:flex;gap:30px;margin-top:7vh}.explore .col-right{width:70%;height:100%;display:flex;flex-direction:column;gap:25px}.explore .col-left{width:30%;height:100%;display:flex;flex-direction:column;gap:25px}.explore .col-right .col-up{width:100%;height:40%;display:flex;gap:25px}.attendance{width:50%;box-shadow:0 0 10px #0000001a;border-radius:20px;display:flex;justify-content:center;align-items:center}.feeDue{width:50%;background:#a9cd3da7;box-shadow:0 0 10px #0000001a;border-radius:20px;display:flex;justify-content:center}.performance{width:100%;height:60%;box-shadow:0 0 10px #0000001a;border-radius:20px}.explore .hotDeals{width:100%;height:60%;box-shadow:0 0 10px #0000001a;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.breadcrumb{margin-left:25px;margin-top:10px;font-size:1.3rem}.custom-calendar-container{max-width:100%;max-height:320px;margin:0;background:#fff;padding:1rem;border-radius:16px;box-shadow:0 2px 10px #0000001a}.calendar-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;gap:1rem;position:relative}.calendar-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333;text-align:center;flex:1}.calendar-header button{background-color:#f2f2f2;border:none;color:#333;font-size:1.1rem;padding:6px 10px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:900}.calendar-header button:hover{background-color:#e0e0e0}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px}.weekday{font-weight:700;padding-bottom:.5rem}.calendar-day{width:30px;height:30px;line-height:30px;margin:.3rem auto;border-radius:50%;font-size:1rem;position:relative;color:#333;transition:background-color .3s,transform .2s}.calendar-day:hover{background-color:#f0f0f0;cursor:pointer}.calendar-day.logged{background-color:#a8cd3d;color:#fff}.calendar-day.today{background-color:#a8cd3d;font-weight:700;color:#fff;transform:scale(1.1)}.calendar-day.empty{visibility:hidden}.check-container,.dot-container{position:relative}.check-icon{font-size:1rem;color:#007bff;position:absolute;top:-2px;right:-2px}.dot{width:5px;height:5px;background:red;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tick-only{font-size:1.2rem;font-weight:900}.courses{margin-top:7vh;width:100%;height:100vh}.courses .courseContent{background-color:#d5dcde;width:100%;min-height:80%;display:flex;gap:20px;padding:20px 50px}.courses .courseContent .courseSubPage{width:100%;min-height:600px;background:#fff;border-radius:20px}.courseHeader{width:100%;height:28%;padding:40px 40px 0;background-color:#fff}.courseHeader .heading{margin-left:20px;margin-bottom:5px}.courseHeader .skillTag{width:100%;height:70%;display:flex;align-items:center;justify-content:space-evenly;background-color:#fff}.courseHeader .skillTag .skillTag_container{width:31%;height:60%;display:flex;justify-content:flex-start;align-items:center;background:transparent;border:1px solid #e1e1e1;border-radius:10px;margin-bottom:10px}.courseHeader .skillTag .skillTag_container.Search{width:65%;height:50%;border-radius:50px}.courseHeader .skillTag .skillTag_item{width:100%;display:flex;justify-content:space-between;padding:0 20px;align-items:center}.courseHeader .skillTag .skillTag_container .skillTag_item .left{display:flex;align-items:center}.courseHeader .skillTag .skillTag_item img{width:40px;height:40px}.courseHeader .skillTag .skillTag_item h2{font-size:1.1rem;font-weight:500}.courseHeader .skillTag .skillTag_item p{font-size:.8rem;font-weight:300}.coursePageSidebar{width:20%;height:55%;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;padding:20px 0;box-shadow:3px 4px 5px #0000001a;border-radius:20px}.sidebarOption{padding:18px 30px;cursor:pointer;color:#333;text-decoration:none;display:block}.sidebarOption:hover{background-color:#f0f0f0}.sidebarOption.active{border-left:5px solid #a7cb3a;padding-left:25px}.course-list .course-card{width:200px;border:1px solid #ddd;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s;background:#fff;position:relative;padding:1rem}.course-list .course-card img{height:100px;object-fit:cover;border-radius:6px;width:100%}.course-list .course-card h3{font-size:.9rem;text-align:left;font-weight:600}.course-list .course-card p.author{font-size:.5rem;color:#a8cd3d;text-align:left}.course-list .course-card:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000001a}.course-list .course-card .locked{position:absolute;z-index:10;left:1rem;width:calc(100% - 2rem);height:100px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:#f8f8f83a;top:1rem;border-radius:6px;display:flex;justify-content:center;align-items:center}.course-list .course-card .locked .lockIcon{width:60px;height:60px}.course-list .course-card .skills ul{list-style:none;display:none;flex-wrap:wrap;gap:.5rem}.course-list .course-card .skills ul li{font-size:.7rem;color:#383838;font-weight:300;padding:.2rem .5rem;border-radius:20px;border:1px solid #92cd2a;cursor:pointer}.course-list .course-card .skills ul li:hover{background-color:#92cd2a;color:#fff;transition:all .3s ease-in-out}.course-list.list-view{flex-direction:column;gap:1.5rem}.course-list .course-card.list{width:100%;display:flex;gap:1rem}.course-list .course-card.list img{width:200px;height:auto}.course-list.list-view .course-card.list .locked{width:200px;height:113px}.course-list .course-card.list p.author{font-size:.7rem}.course-list .course-card.list .card-info{flex-grow:1}.skills ul.visible{display:flex!important;margin-top:1rem}.course-list{display:flex;flex-wrap:wrap;gap:15px;padding:2rem;justify-content:flex-start}.view-toggle-bar{text-align:right;padding:1rem 2rem 0}.view-toggle-bar button{padding:.5rem 1rem;background-color:var(--main-color);border:none;color:#fff;border-radius:5px;cursor:pointer}.view-toggle-bar button:hover{background-color:var(--hover-main-color)}.sidebar{width:25%;position:fixed;left:70px;top:8vh;background-color:#252627;height:100vh;transition:width .3s ease;overflow:hidden}.sidebar.collapsed{width:70px;background-color:#fff;box-shadow:none}.toggleSidebarBtn{position:absolute;top:20px;right:20px;width:30px;height:30px;border:none;background:#fff;color:#fff;font-weight:700;border-radius:4px;cursor:pointer;z-index:1}.toggleSidebarBtn img{width:100%;height:100%}.sidebar h3{color:#fff;font-size:24px;padding:20px;width:100%;border-bottom:#ffffff62 solid 1px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar .section-title{color:#fff;font-size:18px;padding:15px 20px;border-bottom:#ffffff3e solid 1px;white-space:nowrap}.sidebar li{padding:15px 20px;color:#fff;cursor:pointer;transition:background-color .3s;white-space:nowrap}.sidebar li:hover{background-color:#3a3b3c}.sidebar li.active{background-color:#4a4b4c}.sidebar.collapsed .section-title,.sidebar.collapsed li,.sidebar.collapsed h3{display:none}.content-scroll{width:100%;height:50vh;overflow-y:scroll}.content{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#080808}.content video{max-width:720px;width:100%;height:100%;object-fit:cover}.content-scroll img{width:100%;object-fit:cover}.Details{display:flex;flex-direction:column;width:100%;padding:2rem}.Details .instructorContainer{width:100%;margin-bottom:2rem;display:flex;gap:100px}.Details .instructorDetails{display:flex;align-items:center;gap:1rem;padding:1rem 0}.Details .instructorDetails img{width:70px;height:70px;object-fit:cover;border-radius:50%}.Details .instructorDetails .instructorInfo{display:flex;flex-direction:column;justify-content:center;gap:.5rem;font-size:1.1rem;color:#333}.Details .instructorDetails .instructorInfo a{font-size:1rem;padding:.5rem 1rem;color:#007bff;border:2px solid #007bff;border-radius:20px}.Details .instructorDetails .instructorInfo a:hover{background-color:#007bff;color:#fff}.Details .instructorContainer h3{margin:0;font-size:1rem;font-weight:500;color:#a1a2a2}.Details .chapterDetails{width:100%}.Details .chapterDetails h2{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem}.Details .chapterDetails p{font-size:1rem;color:#383838;margin-bottom:2rem;font-weight:300}.Details .courseDetails{display:flex;flex-direction:column;width:100%}.Details .courseDetails h1{font-size:1.5em;font-weight:700;color:#333;margin-bottom:.7rem}.Details .courseDetails p{font-size:1rem;color:#383838;margin-bottom:1rem;font-weight:300}.Details .courseDetails h2{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem}.Details .objectives{display:flex;flex-direction:column;gap:.5rem}.Details .objectives h3{font-size:1.3rem;font-weight:600;color:#333}.Details .objectives ul{list-style:none;margin-bottom:1rem}.Details .objectives ul li{font-size:1rem;color:#383838;margin-bottom:.5rem;font-weight:300}.Details .objectives ul li span{color:#92cd2a;font-weight:800;font-size:1.1rem}.Details .skills{display:flex;flex-direction:column;gap:.5rem}.Details .skills h3{font-size:1.3rem;font-weight:600;color:#333}.Details .skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.Details .skills ul li{font-size:1rem;color:#383838;margin-bottom:.5rem;font-weight:300;padding:.2rem .5rem;border-radius:20px;border:1px solid #92cd2a;cursor:pointer}.Details .skills ul li:hover{background-color:#92cd2a;color:#fff;transition:all .3s ease-in-out}.ai-sidebar{width:25%;height:100vh;position:fixed;right:0;top:8vh;box-shadow:0 2px 5px #0000001a}.courseLayout{display:flex;flex-direction:row}.main-content{flex:3;margin-left:0;margin-right:30.1%;transition:margin-right .3s ease;margin-top:8vh}.courseLayout.collapsed .main-content{margin-right:calc(30% - 55px)}.tab-bar{display:flex;gap:1rem;margin-bottom:1rem;border-bottom:2px solid #ddd;justify-content:center}.tab-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;cursor:pointer;font-weight:700;border-bottom:3px solid transparent;transition:border-color .2s ease,color .2s ease;font-size:14px}.tab-button .icon{width:20px}.tab-button.active{border-color:#a8cd3d;color:#a8cd3d}.summary{margin:2rem}.summary .header{width:100%;display:flex;justify-content:space-between;margin-bottom:1rem}.summary .header h2{font-size:5rem;width:70%}.summary .header .stamp{margin-left:70px;font-size:.9rem}.summary .header .stamp p{text-align:center}.summary .header .stamp img{width:100px}.summary-container{background-color:#f8f9fa;border-left:4px solid #92cd2a;border-radius:8px;padding:2rem;font-size:1.1rem;color:#333;line-height:1.6}.summary-container p{white-space:pre-line}.notebook-box{padding:2rem;margin:2rem;background:#fff;border:1px solid #ccc;border-radius:10px}.search-bar{width:100%;padding:.7rem;font-size:1rem;margin-bottom:1rem;border-radius:40px;border:1px solid #ccc;background:#f9f9f9}.note-form{margin-top:1rem}.note-form input,.note-form textarea{width:100%;padding:1rem;margin-bottom:1rem;border-radius:6px;border:1px solid #bbb;font-size:1rem}.note-form button{padding:.7rem 1.2rem;font-size:1rem;background-color:#a8cd3d;color:#fff;border:none;border-radius:6px;cursor:pointer}.note-form button:hover{background-color:#7e992d}.note-form .tag-input{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.note-form .tag-input .tag-form{display:flex;gap:.5rem}.note-form .tag-input .tag-form input{flex:1;padding:.6rem;border:1px solid #ccc;border-radius:6px;margin-bottom:0}.note-form .tag-input .add-tag-btn{background-color:#a8cd3d;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer}.add-tag-btn:hover{background-color:#7e992d}.note-form .tag{background:#a8cd3d;color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.9rem;display:inline-flex;gap:10px;align-items:center;justify-content:space-between;max-width:100%;width:fit-content;min-width:20%}.note-form .tag button{background:none;border:none;padding:0;color:#fff;font-weight:400;cursor:pointer;font-size:2rem}.note-card-expanded{background:#f9f9f9;padding:1rem;border:1px solid #ddd;border-radius:6px;margin-top:1rem;transition:all .3s ease}.note-clickable{cursor:pointer;font-size:1.1rem;color:#2c3e50;margin:0}.note-card-expanded p{font-size:.95rem;color:#444;margin-top:.5rem;white-space:pre-line}.note-tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.3rem}.small-tag{background:#caee67;font-size:.75rem;padding:.2rem .6rem;border-radius:12px}.note-actions{margin-top:.8rem;display:flex;gap:.6rem}.note-actions button{display:inline-flex;align-items:center;gap:.4rem;background-color:#f1f1f1;color:#333;border:1px solid #ccc;border-radius:6px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.note-actions button img{width:20px;height:20px}.note-actions button:hover{background-color:#e0e0e0;border-color:#aaa}.note-actions button:last-child{background-color:#fdd;border-color:#fbb;color:red}.note-actions button:last-child img{width:25px}.note-actions button:last-child:hover{background-color:#fbb;border-color:#f88}.resources-list{margin:1rem 2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #ddd}.resource-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#fff;border:1px solid #ddd;border-radius:6px;margin:.8rem 0}.file-name{font-weight:500;font-size:.95rem;color:#333}.download-btn{background-color:#a8cd3d;color:#fff;border:none;padding:.4rem .9rem;font-size:.85rem;border-radius:6px;cursor:pointer}.download-btn:hover{background-color:#687e25}.no-resources{padding:1rem;font-style:italic;color:#777}.qna-box{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #ddd;font-family:Segoe UI,sans-serif}.qna-box h3{margin-bottom:1rem;color:#333}.qna-box textarea{width:100%;padding:.8rem;margin-bottom:.6rem;border-radius:6px;border:1px solid #bbb;font-size:1rem;resize:vertical}.qna-box button{background-color:#007bff;color:#fff;border:none;padding:.45rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;margin-top:.4rem}.qna-box button:hover{background-color:#0056b3}.qna-box .questions-list{margin-top:2rem}.qna-box .q-block{background:#f9f9f9;border:1px solid #ccc;padding:1rem;margin-bottom:1rem;border-radius:8px;cursor:pointer;transition:background .2s}.qna-box .q-block:hover{background:#f0f0f0}.qna-box .q-text{font-size:1.05rem;font-weight:600;margin-bottom:.3rem;color:#222}.qna-box .q-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#666;margin:.4rem 0 .6rem}.qna-box .expanded-section{margin-top:.8rem;padding-top:.5rem;border-top:1px dashed #ccc}.qna-box .answers{margin-top:.5rem;padding-left:.5rem}.qna-box .a-block{margin-bottom:1rem;background:#fefefe;padding:.7rem;border-radius:6px;border:1px solid #e3e3e3}.qna-box .a-text{margin-bottom:.2rem;font-size:.95rem;color:#333}.qna-box .a-meta{display:flex;gap:1rem;margin-top:.3rem}.qna-box .replies{margin-top:.5rem;margin-left:1rem;padding-left:.6rem;border-left:2px dashed #ddd}.qna-box .reply-line{font-size:.85rem;margin-bottom:.3rem;color:#444}.qna-box small{color:#888;font-size:.8rem;margin-left:.4rem}.qna-box .answer-control{margin-top:1rem}.getStarted{position:relative;display:flex;justify-content:center;align-items:center;height:100vh}.getStarted .coverImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.getStarted .glass-container{position:absolute;right:10%;width:540px;height:520px;padding:3rem;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05),rgba(255,255,255,.15),rgba(255,255,255,.25),rgba(255,255,255,.35));border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 0 20px #ffffff4d;border:2px solid rgba(255,255,255,.642);color:#fff;text-align:center}.getStarted .glass-container h2{font-size:4.5rem;font-weight:600;color:#fff;letter-spacing:8px;text-align:center}.getStarted .glass-container h3{font-size:1.8rem;font-weight:400;margin-bottom:2.5rem;color:#fff}.getStarted .glass-container .getpara{font-size:1.5rem;margin-top:4rem;font-weight:400}.getStarted h1{position:absolute;left:7%;font-size:5.5rem;color:#fff;width:40%;font-weight:300;line-height:1}.getStarted .loginForm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.getStarted .glass-container input{width:90%;margin-top:1rem;font-size:.95rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.869);border-radius:50px;padding:1rem 1rem 1rem 1.5rem}.getStarted .glass-container ::-webkit-input-placeholder{color:#fff}.getStarted .glass-container input:focus{outline-color:var(--main-color)}.getStarted .glass-container input:focus::placeholder{color:transparent}.getStarted .loginForm img,.forgotForm img{width:30px;height:30px;position:absolute;left:83%;top:1.7rem}.getStarted .glass-container input[type=radio]{accent-color:#ffffff;margin-right:8px;margin-top:0;cursor:pointer;transform:scale(1.5)}.getStarted .glass-container input[type=checkbox]{cursor:pointer;accent-color:#ffffff;margin-right:8px;margin-top:0;transform:scale(1.2)}.getStarted .glass-container label{display:flex;position:relative;align-items:center;font-size:1.1rem;margin:0 1.5rem;font-weight:300}.getStarted .loginBtn{width:90%;padding:1rem;margin-top:2rem;font-size:1.1rem;background-color:var(--main-color);color:#000;border:none;border-radius:50px;cursor:pointer}.waitlistBtn{width:90%;padding:1rem;margin-top:1rem;font-size:1.1rem;background-color:#fff;color:#000;border:none;border-radius:50px;cursor:pointer}.getStarted .waitlistBtn:hover{background-color:#e0eec5;color:#000}.getStarted .glass-container{perspective:1200px}.getStarted .glass-inner{position:relative;width:100%;height:100%;transition:transform .8s ease-out;transform-style:preserve-3d}.getStarted .glass-container.flip .glass-inner{transform:rotateY(180deg)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-box{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 0 20px #ffffff4d;max-width:650px;width:90%;display:flex;flex-direction:column;align-items:center}.popup-box h2{margin-bottom:1rem;font-size:2.5rem;color:#000}.popup-box h2 span{color:var(--main-color)}.popup-box p{margin-bottom:1.5rem;font-size:1rem;color:#333}.popup-box h3{margin-bottom:2rem;font-size:1.5rem;color:#555;width:62%}.popup-box img{width:150px;height:150px;object-fit:contain;margin-bottom:1.5rem}.popup-buttons{display:flex;justify-content:space-evenly;gap:1rem}.popup-buttons button{padding:1.3rem 2rem;font-size:1rem;border:none;border-radius:10px;cursor:pointer;background-color:var(--main-color);color:#fff;font-weight:600;width:270px}.popup-buttons button:hover{background-color:var(--hover-main-color)}@media (max-width: 1024px){.getStarted .glass-container{right:2%;width:450px;padding:2rem}.getStarted h1{font-size:4rem;left:2%;width:40%}.getStarted .glass-container h2{font-size:3rem}.getStarted .glass-container h3{font-size:1.5rem}.getStarted .glass-container .getpara{font-size:1.2rem}}@media (max-width: 768px){.getStarted{flex-direction:column;justify-content:flex-start;padding-top:6rem}.getStarted h1{display:none}.getStarted .glass-container{width:90%;padding:2rem 1.5rem;margin-bottom:3rem;right:auto;height:430px;top:50%;transform:translateY(-50%)}.getStarted .glass-container h2{font-size:2.5rem}.getStarted .glass-container h3{font-size:1.2rem}.getStarted .glass-container .getpara{font-size:1rem}}@media (max-width: 480px){.popup-box h2{font-size:1.8rem}.popup-box h3{font-size:1rem;width:90%}.popup-box img{width:100px;height:100px}.popup-buttons{flex-direction:column;gap:.8rem}.popup-buttons button{width:100%;padding:1rem}}.loginPage{height:100vh;overflow:hidden}.waitList{position:relative;display:flex;justify-content:center;align-items:center;height:100vh}.waitList .coverImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.waitList .glass-container{position:absolute;right:center;width:800px;height:520px;padding:2rem;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05),rgba(255,255,255,.15),rgba(255,255,255,.25),rgba(255,255,255,.35));border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 0 20px #ffffff4d;border:2px solid rgba(255,255,255,.642);color:#fff;text-align:center;margin-top:2rem}.waitList .glass-container h2{font-size:2.8rem;font-weight:600;margin-bottom:2.5rem;color:#fff}.waitList h1{position:absolute;left:center;font-size:2rem;text-align:center;top:8%;color:#fff;width:45%;font-weight:400;text-shadow:#88aa22 0px 0px 10px,#88aa22 0px 0px 20px,#88aa22 0px 0px 30px;line-height:1;margin-top:20px}.waitList h1 span{font-weight:800}.waitList .loginForm{display:flex;flex-direction:column;align-items:center;width:100%;gap:0px}.waitList .loginForm p{font-size:1.05rem;font-weight:300;margin-bottom:1rem;color:#fff}.waitList .loginForm p span{font-weight:700}.waitList .glass-container input{width:100%;font-size:1.1rem;background-color:transparent;color:#fff;border:none}.waitList .glass-container input[type=text]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f2d1600 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 9999s ease-in-out 0s!important}.waitList .glass-container input[type=email]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f2d1600 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 9999s ease-in-out 0s!important}.waitList .glass-container input[type=number]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f2d1600 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 9999s ease-in-out 0s!important}.waitList .glass-container .horzBlock{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center}.waitList .glass-container .horzBlock .innerBlock{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.waitList .glass-container input[type=number]::-webkit-inner-spin-button,.waitList .glass-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.waitList .glass-container .gender{width:100%;height:65px;margin-top:1rem;font-size:.95rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.869);border-radius:10px;padding:.5rem .5rem .5rem 1rem}.waitList .glass-container .gender.code{width:50%}.waitList .glass-container .gender label{margin:0;margin-bottom:.5rem;font-size:.8rem}.waitList .glass-container .gender select{width:100%;height:25px;background-color:transparent;color:#fff;border:none;font-size:1.1rem}.waitList .glass-container .gender select:focus{outline:none;border:none;background-color:transparent}.waitList .glass-container .gender select option{color:#000;border:none;font-size:.95rem}.waitList .glass-container ::-webkit-input-placeholder{color:#fff}.waitList .glass-container input:focus{outline:none;border:none}.waitList .glass-container input:focus::placeholder{color:transparent}.line{width:100%;position:relative;display:flex;align-items:center;justify-content:center}.radioRole{display:flex;align-items:center;justify-content:center;width:80%;margin:0 auto;margin-bottom:1.5rem}.waitList .glass-container input[type=radio]{accent-color:#ffffff;margin-right:8px;margin-top:0;cursor:pointer;transform:scale(1.5)}.waitList .glass-container input[type=checkbox]{cursor:pointer;accent-color:#ffffff;margin-right:8px;margin-top:0;transform:scale(1.2)}.waitList .successMessage{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.waitList .successMessage h2{font-size:3.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.waitList .successMessage p{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:2.5rem}.waitList .successMessage h6{font-size:1rem;font-weight:200;color:#fff;width:75%}.waitList .successMessage img{width:150px;height:150px;object-fit:contain;margin-bottom:2rem}.waitList .successMessage .joinbtn:hover{background-color:#8a2;color:#fff}.waitList .successMessage .horzBtn{width:100%;display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:0 1rem}.waitList .successMessage .joinbtn{width:50%;padding:1rem;font-size:1.1rem;margin-top:1rem;background-color:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;margin-bottom:.5rem}.horzCont{width:90%;display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.horzCont .rememberMe{font-size:.8rem;font-weight:300;width:fit-content;white-space:nowrap}.horzCont span{font-size:.8rem;font-weight:300;text-decoration:none;text-align:left;cursor:pointer}.horzCont span:hover{text-decoration:underline}.horzCont .check{margin:0}.waitList .glass-container label{display:flex;position:relative;align-items:center;font-size:1.1rem;margin:0 1.5rem;font-weight:300}.waitList .loginBtn{width:50%;padding:1rem;margin-top:1rem;font-size:1.1rem;background-color:#a8cd3d;color:#000;border:none;border-radius:10px;cursor:pointer;margin-bottom:.5rem}.waitList .loginBtn img{width:30px;height:30px;object-fit:contain}.forgetPass{font-size:.9rem;font-weight:300;text-decoration:none;margin-top:1rem}.waitList .glass-container{perspective:1200px;overflow-y:auto;max-height:520px;scrollbar-width:thin}.waitList .glass-inner{position:relative;width:100%;height:100%;transition:transform .8s ease-out;transform-style:preserve-3d}.waitList .referral-entry{width:100%}.waitList .glass-container.flip .glass-inner{transform:rotateY(180deg)}.front,.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0}.front{z-index:2}.back{transform:rotateY(180deg);z-index:1}.forgotForm a{display:block}.waitList .empty{width:10px;height:1px;background:transparent}@media (max-width: 1024px){.waitList .glass-container{width:90%;padding:1.5rem}.waitList h1{font-size:2rem}}@media (max-width: 768px){.waitList{padding-top:3rem}.waitList .glass-container{height:500px}.waitList h1{font-size:1.8rem;width:60%;top:10%}.waitList .loginBtn{width:100%;max-width:none}.waitList .horzBlock{flex-direction:column;margin-top:1rem}.waitList .horzBlock .gender{margin-top:0}.waitList .glass-container .gender.code,.waitList .successMessage .joinbtn{width:100%}}@media (max-width: 480px){.waitList h1{font-size:1.5rem}.waitList .glass-container{padding:1rem}.gender input,.gender select{font-size:.9rem}.waitList .loginBtn,.waitList .successMessage .joinbtn{font-size:.9rem;padding:.8rem}.waitList .successMessage h2{font-size:1.8rem}.waitList .successMessage p{font-size:1rem}.waitList .successMessage h6{font-size:.8rem}}.loginPage{height:100vh;overflow:hidden;position:relative}.loginPage .coverImg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover}.referral{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.referral h1{position:absolute;left:center;font-size:2.5rem;text-align:center;top:8%;color:#fff;width:45%;font-weight:400;text-shadow:var(--main-color) 0px 0px 10px,var(--main-color) 0px 0px 20px,var(--main-color) 0px 0px 30px;line-height:1;margin-top:20px}.glass-container.referral-scroll{position:relative;right:center;width:800px;height:520px;padding:2rem;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05),rgba(255,255,255,.15),rgba(255,255,255,.25),rgba(255,255,255,.35));border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 0 20px #ffffff4d;border:2px solid rgba(255,255,255,.642);color:#fff;text-align:center;overflow-y:auto;max-height:520px;margin-top:40px}.referral .glass-container h2{font-size:1.8rem;margin-bottom:2rem;font-weight:500;color:#fff}.referral .loginForm{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.referral-entry{width:100%;display:flex;flex-direction:column;gap:.75rem;background:#ffffff0d;padding:1rem;border-radius:10px;transition:all .3s ease}.referral-entry p{text-align:left;font-size:1.4rem;font-weight:500;color:#fff;cursor:pointer;margin-bottom:.5rem;transition:color .3s ease}.referral-entry p:hover{color:#f5f5f5}.referral .glass-container.referral-scroll::-webkit-scrollbar{display:none}.referral .glass-container .gender{width:100%;margin-top:.5rem;font-size:.95rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.869);border-radius:10px;padding:.5rem .5rem .5rem 1rem;display:flex;flex-direction:column}.referral .glass-container .gender label{display:flex;position:relative;align-items:center;margin:0;margin-bottom:.5rem;font-size:.8rem;font-weight:300}.referral .glass-container input[type=text],.referral .glass-container input[type=email]{width:100%;font-size:1.1rem;background-color:transparent;color:#fff;border:none}.referral-entry input::placeholder{color:#fff}.referral .loginBtn{width:50%;height:55px;font-size:1.1rem;background-color:var(--main-color);color:#000;border:none;border-radius:10px;cursor:pointer;margin-top:2rem;transition:background-color .2s ease}.referral .loginBtn img{width:100px;transform:translateY(-25%)}.loginBtn:hover{background-color:var(--hover-main-color);color:#fff}.referral .glass-container input:focus{outline:none;border:none}.referral .glass-container input:focus::placeholder{color:transparent}.referral-header{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;padding:.75rem 1rem;background-color:#ffffff14;border-radius:8px;transition:background-color .3s ease}.referral-header:hover{background-color:#ffffff26}.referral-header svg{font-size:1rem;color:#fff}@media (max-width: 768px){.referral h1{font-size:2rem;margin-top:1rem;top:10%}.referral .glass-container.referral-scroll{width:90%}.glass-container h2{font-size:1.5rem}.referral .loginBtn{width:100%}.referral-entry{padding:.8rem}.referral-header{font-size:1rem;padding:.5rem .8rem}}@media (max-width: 480px){.referral h1{font-size:1.6rem}.glass-container.referral-scroll{padding:1rem;width:90%}.glass-container h2{font-size:1.3rem}.gender input{font-size:.9rem}.loginBtn{font-size:1rem;height:48px}}.course-form{max-width:800px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 12px #0000001a;font-family:Arial,sans-serif;margin-top:calc(7vh + 2rem)}.course-form h2,.course-form h3,.course-form h4{margin-top:1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-group input[type=text],.form-group input[type=file],.section-block input[type=text],.section-block input[type=file],.chapter-block input[type=text],.chapter-block input[type=file],textarea{width:100%;padding:.7rem;border-radius:6px;border:1px solid #ccc;margin-top:.4rem;font-size:1rem}textarea{min-height:100px;resize:vertical}.course-form button{font-size:1rem;padding:.7rem 1rem;border-radius:6px;cursor:pointer;border:none;transition:background-color .2s ease}.add-btn{background-color:#007bff;color:#fff;margin-top:.5rem;margin-bottom:1rem}.add-btn:hover{background-color:#0056b3}.submit-btn{background-color:#28a745;color:#fff;margin-top:2rem;display:block;width:100%}.submit-btn:hover{background-color:#218838}.section-block{background-color:#eef2f7;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #007bff}.chapter-block{background-color:#fff;padding:.8rem;border:1px solid #ddd;border-radius:6px;margin-top:1rem;margin-bottom:1rem}label{display:block;margin-top:.8rem;font-weight:700}.form-group input[type=file]{padding:.4rem;background-color:#fff}.skill-field{display:flex;align-items:center;gap:.5rem}.delete-btn{background-color:#dc3545;color:#fff;padding:.4rem .7rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;margin-top:.4rem;margin-left:.5rem;transition:background-color .2s ease}.delete-btn:hover{background-color:#c82333}@media (max-width: 600px){.course-form{padding:1rem}.form-group input[type=text],.form-group input[type=file],textarea{font-size:.95rem}button{width:100%;margin-bottom:.5rem}}.waitlist-approval-container{padding:30px;max-width:1200px;margin:auto;margin-top:7vh}.waitlist-approval-container h2{font-size:24px;font-weight:600;margin-bottom:20px;color:#333;text-align:center}.table-container{overflow-x:auto;border-radius:10px;box-shadow:0 2px 10px #0000001a}.waitlist-table{width:100%;border-collapse:collapse;background:#fff}.waitlist-table th,.waitlist-table td{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.waitlist-table th{background-color:#f7f7f7;color:#444;font-weight:600}.approve-btn{background-color:var(--main-color);color:#fff;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s}.approve-btn:hover{background-color:var(--hover-main-color)}.approve-btn{margin-left:8px}.edit-course-form{max-width:900px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 0 15px #0000001a;font-family:Segoe UI,sans-serif}.edit-course-form h2,.edit-course-form h3,.edit-course-form h4{margin-top:1.5rem;color:#2c3e50}.edit-course-form .form-group{margin-bottom:1rem}.edit-course-form input[type=text],.edit-course-form input[type=file],.edit-course-form textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;margin-top:.3rem}.edit-course-form textarea{min-height:100px;resize:vertical}.edit-course-form label{display:block;margin-top:1rem;font-weight:700}.edit-course-form button{font-size:1rem;padding:.6rem 1rem;border-radius:6px;cursor:pointer;border:none;transition:.3s ease;margin-top:1rem}.edit-course-form .add-btn{background-color:var(--main-color);color:#fff}.edit-course-form .add-btn:hover{background-color:var(--hover-main-color)}.edit-course-form .submit-btn{background-color:var(--main-color);color:#fff;width:100%}.edit-course-form .submit-btn:hover{background-color:var(--hover-main-color)}.edit-course-form .section-block{background:#f4f7fa;border-left:4px solid var(--main-color);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.edit-course-form .chapter-block{background:#fff;padding:.8rem;border:1px solid #ccc;border-radius:6px;margin-top:1rem}.modal{position:fixed;top:5%;left:50%;transform:translate(-50%);background-color:#fff;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:10px;box-shadow:0 0 25px #0000004d;z-index:1000}.mgnt{display:flex;flex-wrap:wrap;gap:20px;padding:2rem;justify-content:flex-start}.mgnt .course-card{width:250px;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease;text-align:center;padding:1rem}.mgnt .course-card img{width:100%;height:140px;object-fit:cover;border-radius:6px}.mgnt .course-card h3{margin:.5rem 0;font-size:18px;color:#333}.mgnt .course-card p{font-size:14px;color:#666;margin:.2rem 0}.mgnt .course-card:hover{transform:scale(1.03);box-shadow:0 6px 18px #0000001a}.mgnt .course-card button{margin-top:.5rem;margin-right:.5rem;padding:6px 12px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.mgnt .course-card button:first-of-type{background-color:#007bff;color:#fff}.mgnt .course-card button:first-of-type:hover{background-color:#0056b3}.mgnt .course-card button:last-of-type{background-color:#dc3545;color:#fff}.mgnt .course-card button:last-of-type:hover{background-color:#a71d2a}.mgnt .course-card .locked-text{color:red;font-weight:700;margin-top:.3rem}.modal{position:fixed;top:5%;left:50%;transform:translate(-50%);background:#fff;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:12px;box-shadow:0 0 20px #0000004d;z-index:1000}.modal button{margin-top:1rem;background:#6c757d;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:6px}.modal button:hover{background:#5a6268}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-wrapper{display:flex;flex-direction:row;width:100vw;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;background:url(/assets/bgimg-BKld847Y.png);background-position:center;background-repeat:no-repeat;background-size:cover}.section-wrapper::-webkit-scrollbar{display:none}.section{width:100vw;height:100vh;flex:none;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.section h2{font-size:3rem;font-weight:700;margin-top:40px}.section p{font-size:1rem;margin-top:5px}.section1 .box-container{width:85%;display:flex;gap:10px;height:70vh;margin-top:40px;overflow:hidden}.section1 .box{width:100%;height:100%;background-color:#fff;border-radius:15px}.section1 .box1{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:1rem 2rem 2rem}.section1 .box1 h1{color:#a8cd3d;font-size:3rem;font-weight:600}.section1 .box1 h3{color:#000;font-size:1rem;margin-top:10px;font-weight:600}.section1 .box1 p{color:#000;font-size:.8rem;margin-top:3px}.section1 .box2{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:1rem 2rem 2rem}.section1 .box2 h1{color:#a8cd3d;font-size:3rem;font-weight:600}.section1 .box2 h3{color:#000;font-size:1rem;font-weight:600}.section1 .box2 p{color:#000;font-size:.8rem;text-align:justify}.section1 .box3{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.section1 .box3 img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:15px}.section1 .box4{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:1rem 2rem 2rem}.section1 .box4 h1{color:#a8cd3d;font-size:3rem;font-weight:600}.section1 .box4 h3{color:#000;font-size:1rem;font-weight:600}.section1 .box4 p{color:#000;font-size:.8rem;margin-top:70px}.section1 .box5{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-height:0;padding:1rem 2rem 2rem}.section1 .box5 h1{color:#a8cd3d;font-size:3rem;font-weight:600}.section1 .box5 h3{color:#000;font-size:1rem;font-weight:600}.section1 .box6{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.section1 .box6 img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:15px}.section1 .box7{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:1rem 2rem 2rem}.section1 .box7 h1{color:#a8cd3d;font-size:3rem;font-weight:600}.section1 .box7 h3{color:#000;font-size:1.2rem;font-weight:600}.section1 .box7 p{color:#000;font-size:.8rem}.section1 .box-container .left{width:47%;height:100%;display:flex;flex-direction:column;min-height:0;gap:10px}.section1 .box-container .left .upper{width:100%;height:40%}.section1 .box-container .left .lower{width:100%;height:65%;display:flex;gap:10px;min-height:0}.section1 .box-container .left .lower .lower-left{width:45%;height:100%}.section1 .box-container .left .lower .lower-right{width:55%;height:100%}.section1 .box-container .right{width:53%;height:100%;display:flex;flex-direction:column;gap:10px;min-height:0}.section1 .box-container .right .upper{width:100%;height:65%;display:flex;gap:10px;min-height:0}.section1 .box-container .right .upper .upper-left{width:45%;height:100%}.section1 .box-container .right .upper .upper-right{width:55%;height:100%;display:flex;flex-direction:column;gap:10px;min-height:0}.section1 .box-container .right .upper .upper-right .u-r-up{width:100%;height:50%;min-height:0}.section1 .box-container .right .upper .upper-right .u-r-low{width:100%;height:50%}.section1 .box-container .right .lower{width:100%;height:35%}.section2 .box-container{width:85%;display:flex;gap:20px;height:70vh;margin-top:50px}.section2 .box{width:100%;height:100%;background-color:#fff;border-radius:15px;padding:1rem}.section2 .box-container .left{width:47%;height:100%;display:flex;flex-direction:column;gap:20px}.section2 .box-container .left .upper{width:100%;height:35%}.section2 .box-container .left .lower{width:100%;height:65%;display:flex;gap:20px}.section2 .box-container .left .lower .lower-left{width:45%;height:100%;display:flex;flex-direction:column;gap:20px}.section2 .box-container .left .lower .lower-left .l-l-up{width:100%;height:40%;display:flex;gap:20px}.section2 .box-container .left .lower .lower-left .l-l-up .l-l-u-left,.section2 .box-container .left .lower .lower-left .l-l-up .l-l-u-right{width:50%;height:100%}.section2 .box-container .left .lower .lower-left .l-l-low{width:100%;height:60%}.section2 .box-container .left .lower .lower-right{width:55%;height:100%;display:flex;flex-direction:column;gap:20px}.section2 .box-container .left .lower .lower-right .l-r-up{width:100%;height:50%;display:flex;gap:20px}.section2 .box-container .left .lower .lower-right .l-r-up .l-r-u-left,.section2 .box-container .left .lower .lower-right .l-r-up .l-r-u-right{width:50%;height:100%}.section2 .box-container .left .lower .lower-right .l-r-low{width:100%;height:50%;display:flex;gap:20px}.section2 .box-container .left .lower .lower-right .l-r-low .l-r-l-left,.section2 .box-container .left .lower .lower-right .l-r-low .l-r-l-right{width:50%;height:100%}.section2 .box-container .right{width:53%;height:100%;display:flex;flex-direction:column;gap:20px}.section2 .box-container .right .upper{width:100%;height:70%;display:flex;gap:20px}.section2 .box-container .right .upper .upper-left{width:40%;height:100%}.section2 .box-container .right .upper .upper-right{width:60%;height:100%;display:flex;flex-direction:column;gap:20px}.section2 .box-container .right .upper .upper-right .u-r-up,.section2 .box-container .right .upper .upper-right .u-r-low{width:100%;height:50%}.section2 .box-container .right .lower{width:100%;height:30%}@media (max-width: 600px){.section-wrapper{flex-direction:column;overflow-x:hidden;height:130vh}.section{height:auto;padding:2rem 1rem}.section1 h2{font-size:2rem;text-align:center;margin-top:4rem}.section1 p{font-size:1rem;text-align:center}.section1 .box-container{flex-direction:column;width:95%;height:auto}.section1 .box-container .left,.section1 .box-container .right{width:100%;height:auto}.section1 .box-container .left .upper,.section1 .box-container .left .lower,.section1 .box-container .right .upper,.section1 .box-container .right .lower{height:auto}.section1 .box1 h1,.section1 .box2 h1,.section1 .box4 h1,.section1 .box5 h1,.section1 .box7 h1{font-size:2.3rem}.section1 .box1 h3,.section1 .box2 h3,.section1 .box4 h3,.section1 .box5 h3,.section1 .box7 h3{font-size:1rem}.section1 .box1 p,.section1 .box2 p,.section1 .box4 p,.section1 .box7 p{font-size:.6rem;text-align:left}}.faq-container{padding:2rem;background:url(/assets/bgimg-BKld847Y.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:#333;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.faq-container h1{font-size:2.8rem;color:#fff;margin-top:40px;text-align:center}.faq-container p{font-size:1.1rem;color:#fff;margin-bottom:2rem;text-align:center}.faq-container p span{font-weight:700}.faq-list{background:#fff;padding:2rem 1.5rem;border-radius:1rem;box-shadow:0 6px 20px #0000000d;width:90%;max-width:1200px;min-height:60vh;display:flex;flex-direction:column;align-items:center;position:relative}.faq-list .faq-search{width:100%;padding:.8rem 3rem .8rem 1rem;border:1px solid #ddd;border-radius:50px;outline:none;font-size:1rem;background-color:#f9f9f9;margin-bottom:2rem}.faq-container .addBtn{width:25px;height:25px;position:absolute;top:48px;right:2rem;transform:rotate(45deg);cursor:pointer}.question-container{display:flex;gap:2rem;width:100%}.q-c-left,.q-c-right{flex:1}.faq-item{border-bottom:1px solid #eee;padding:1rem 0;width:100%}.faq-question{font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{margin-top:.5rem;color:#666;font-size:.95rem;line-height:1.6}@media (max-width: 1024px){.faq-container h1{font-size:2.2rem}.faq-container p{font-size:1rem}.faq-container .addBtn{top:44px;right:1.5rem}}@media (max-width: 768px){.question-container{flex-direction:column;gap:1.5rem}.q-c-left,.q-c-right,.faq-container .faq-list{width:100%}.faq-container .addBtn{top:42px;right:1.2rem}}@media (max-width: 480px){.faq-container h1{font-size:1.5rem;margin-top:4rem;margin-bottom:1rem}.faq-container p{font-size:.95rem}.faq-question{font-size:1rem}.faq-answer{font-size:.9rem}.faq-container .addBtn{top:45px;right:2.4rem;width:20px;height:20px}}.email-sender-fullscreen{display:flex;margin-top:8vh;height:92vh;width:100%;padding:20px;gap:20px;background:#f7f7f7;box-sizing:border-box;overflow:hidden}.left-panel{width:30%;display:flex;flex-direction:column;gap:20px;overflow:hidden}.preview-panel{width:70%;height:100%;background:#fff;border-radius:10px;border:1px solid #ccc;padding:20px;box-sizing:border-box;overflow-y:auto}.preview-box{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.template-html-wrapper{width:100%;display:flex;justify-content:center}.template-html-wrapper>*{transform:scale(.8);transform-origin:top center;width:100%!important;max-width:unset!important}.preview-box *,.preview-box table,.preview-box img,.preview-box iframe{max-width:100%!important;box-sizing:border-box!important;height:auto}.template-grid-section h3{margin-bottom:5px}.template-grid.compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.template-card{background:#f5f5f5;border:2px solid transparent;border-radius:6px;padding:10px;text-align:center;cursor:pointer;transition:.3s ease;font-size:12px}.template-card:hover{background:#eaeaea}.template-card.selected{border-color:#a8cd3d;background:#f3ffe1}.template-icon{font-size:20px;color:#a8cd3d;margin-bottom:4px}.template-name{font-weight:500;font-size:10px;color:#333}.csv-box,.recipients-box{background:#fff;border:1px solid #ddd;padding:12px;border-radius:10px;font-size:14px}.recipients-box ul{list-style:none;padding-left:0;max-height:300px;overflow-y:auto;margin:0}.recipients-box li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #ccc}.tick{color:green;font-weight:700}.send-button{margin-top:auto;background:var(--main-color, #a8cd3d);color:#fff;padding:10px;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:all .3s ease}.send-button:hover{background-color:var(--hover-main-color, #8dbb2f);box-shadow:0 0 10px #a8cd3d66}.cross{color:red;font-weight:700}.eventPage{height:100vh;overflow:hidden}.eventWrapper{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh}.eventWrapper .coverImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.eventWrapper h1{font-size:2rem;text-align:center;color:#fff;font-weight:400;margin-top:90px;text-shadow:#88aa22 0px 0px 10px,#88aa22 0px 0px 20px,#88aa22 0px 0px 30px;line-height:1.2}.eventWrapper h1 span{font-weight:800}.eventWrapper .glass-container{position:relative;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05),rgba(255,255,255,.15),rgba(255,255,255,.3));border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 0 20px #ffffff4d;color:#fff;text-align:center;margin-top:2rem;width:90%;overflow-y:auto;max-width:1500px;height:550px}.event-layout{display:flex;height:100%;width:100%}.event-left{display:flex;align-items:center;justify-content:center;width:32%;padding:2rem 1rem 2rem 3rem}.event-right{display:flex;align-items:center;justify-content:center;width:68%;padding:2rem}.eventPoster{width:90%;box-shadow:0 0 20px #a2a2a2b5;max-height:90%;border-radius:12px}.eventForm{display:flex;flex-direction:column;align-items:center;width:100%;gap:0px}.eventForm p{font-size:1.05rem;font-weight:300;margin-bottom:1rem;color:#fff}.eventForm p span{font-weight:700}.eventForm .horzBlock{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center}.eventForm .gender{width:100%;height:65px;margin-top:1rem;font-size:.95rem;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:10px;padding:.5rem .5rem .5rem 1rem;display:flex;flex-direction:column;justify-content:center}.eventForm .gender.code{width:50%}.eventForm .gender label{margin:0;margin-bottom:.5rem;font-size:.8rem;display:flex;position:relative;align-items:center;font-weight:300}.eventForm .gender input,.eventForm .gender select{background:transparent;border:none;color:#fff;font-size:1rem;width:100%}.eventWrapper .glass-container input[type=number]::-webkit-inner-spin-button,.eventWrapper .glass-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eventWrapper .glass-container input[type=text]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f2d1600 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 9999s ease-in-out 0s!important}.eventWrapper .glass-container input[type=email]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f2d1600 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 9999s ease-in-out 0s!important}.eventWrapper .glass-container input[type=number]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1f2d1600 inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 9999s ease-in-out 0s!important}.eventForm .gender select option{color:#000}input:focus,select:focus{outline:none}.loginBtn{width:50%;padding:1rem;margin-top:1rem;font-size:1.1rem;background-color:#a8cd3d;color:#000;border:none;border-radius:10px;cursor:pointer;margin-bottom:.5rem}.loginBtn:hover{background-color:#8a2;color:#fff}.empty{width:10px;height:1px;background:transparent}.successMessage{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.successMessage h2{font-size:2.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.successMessage p{font-size:1.2rem;font-weight:300;color:#fff;margin-bottom:2.5rem}.successMessage img{width:120px;height:120px;object-fit:contain;margin-bottom:2rem}.successMessage .horzBtn{width:100%;display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:0 1rem}.successMessage .joinbtn{width:50%;padding:1rem;font-size:1.1rem;margin-top:1rem;background-color:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;margin-bottom:.5rem}@media (max-width: 1024px){.eventWrapper .glass-container{flex-direction:column;height:1000px;margin-bottom:100px}.event-layout{flex-direction:column}.event-left,.event-right{width:100%;padding:1rem}.loginBtn{width:100%;margin-bottom:0}.eventForm .gender.code{width:100%}.eventForm .horzBlock{flex-direction:column}.successMessage .horzBtn .joinbtn{width:100%;margin-top:0;padding:.8rem}.eventWrapper h1{font-size:1.6rem;width:80%;margin-top:20%}.successMessage .horzBtn{flex-direction:column}}@media (max-width: 768px){.eventWrapper .glass-container{flex-direction:column;height:auto}.event-layout{flex-direction:column}.event-left,.event-right{width:100%;padding:1rem}.loginBtn{width:100%;margin-bottom:0}.eventForm .gender.code{width:100%}.eventForm .horzBlock{flex-direction:column}.successMessage .horzBtn .joinbtn{width:100%;margin-top:0;padding:.8rem}.eventWrapper h1{font-size:1.6rem;width:80%}.successMessage .horzBtn{flex-direction:column}}@media (max-width: 480px){.eventWrapper h1{font-size:1.4rem}.successMessage h2{font-size:2rem}.successMessage p{font-size:1rem}.loginBtn{font-size:1rem;padding:.8rem}}.adminPanel{padding:40px;background:#fff;min-height:100vh;color:#000;font-family:Arial,sans-serif;margin-top:8vh}.adminPanel h2{font-size:2rem;margin-bottom:20px;text-align:center;color:#a8cd3d}.tableWrapper{overflow-x:auto;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:900px;background:#0000000d;border:1px solid rgba(255,255,255,.51);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}th,td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.1);text-align:left;font-size:.95rem}th{background-color:#a8cd3d;color:#000;font-weight:500;position:sticky;top:0}tr:nth-child(2n){background-color:#00000008}tr:hover{background-color:#00000014}.headerRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btnGroup{display:flex;gap:10px}.btnGroup button{padding:10px 16px;background:#adcd3d;color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer}.btnGroup button:hover{background:#8a2;color:#fff}.eventCards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;justify-content:flex-start}.eventCard{width:180px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;text-align:center;transition:all .3s ease;background:#f4f4f4;box-shadow:0 2px 8px #0000001a}.eventCard img{width:100%;height:200px;object-fit:cover}.eventCard p{padding:10px;font-weight:500;font-size:14px}.eventCard.active{border:2px solid #a8cd3d;box-shadow:0 0 10px #a8cd3db3}:root{--accent: #a8cd3d;--accent-hover: #8dbb2f;--text-dark: #333;--bg-light: #fdfdfd;--border-color: #ddd}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9f9f9;margin:0;padding:0}.template-layout{display:flex;gap:20px;justify-content:center;align-items:flex-start;margin:40px auto;margin-top:calc(8vh + 20px);max-width:100%;padding:0 20px}.template-box,.template-list-box{flex:1 1 600px;max-width:700px;background:#fff;border:1px solid var(--border-color);padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000012}.template-list-box{max-width:450px;max-height:600px;overflow-y:auto}.template-box h3,.template-list-box h4{font-size:22px;margin-bottom:20px;color:var(--text-dark);text-align:center;border-bottom:2px solid #eee;padding-bottom:6px}.email-form{display:flex;flex-direction:column;gap:16px}.email-form label{font-weight:600;color:#444}.email-form input[type=text],.email-form textarea{padding:14px;font-size:15px;border:1px solid #ccc;border-radius:8px;background-color:var(--bg-light);transition:border .3s ease}.email-form input[type=text]:focus,.email-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #a8cd3d33}.email-form textarea{font-family:monospace;min-height:180px;line-height:1.4;resize:vertical}.email-form button{background-color:var(--accent);color:#fff;padding:12px 18px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease,box-shadow .2s ease}.email-form button:hover{background-color:var(--accent-hover);box-shadow:0 2px 8px #a8cd3d4d}.template-list-box ul{list-style:none;padding:0;margin:0}.template-list-box li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.template-list-box li span{font-weight:500;color:#222}.template-list-box li button{background-color:#eee;color:#333;border:none;padding:8px 14px;border-radius:6px;margin-left:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.template-list-box li button:hover{background-color:#ddd}.template-list-box li button:last-child{background-color:#dc143c;color:#fff}.template-list-box li button:last-child:hover{background-color:#8b0000}.createEventContainer{max-width:600px;margin:40px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Segoe UI,sans-serif}.createEventContainer h2{text-align:center;color:#a8cd3d;margin-bottom:20px}.addEventForm label{display:block;margin-top:15px;font-weight:500;color:#444}.addEventForm input[type=text],.addEventForm input[type=url]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ccc;margin-top:6px}.checkboxGroup{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.checkboxItem{display:flex;align-items:center;gap:6px;background:#f3f3f3;padding:6px 10px;border-radius:6px}.addEventForm button{margin-top:20px;width:100%;padding:12px;border:none;background:#a8cd3d;color:#000;font-weight:700;border-radius:8px;cursor:pointer}.addEventForm button:hover{background:#8bb72e;color:#fff}.statusMsg{margin-top:12px;text-align:center;font-weight:500}.blogs-container{padding:2rem;background:url(/assets/bgimg-BKld847Y.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:#333;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.blogs-container h1{font-size:3rem;font-weight:500;color:#fff;margin-top:40px;text-align:center}.blogs-container p{font-size:1.1rem;color:#fff;margin-bottom:2rem;text-align:center}.blogs-container p span{font-weight:500}.blogs-list{background:#fff;border-radius:1rem;box-shadow:0 6px 20px #0000000d;width:90%;max-width:1200px;min-height:65vh;max-height:65vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.blogs-inner{display:flex;width:100%;gap:2rem}.blogs-content{flex:2}.blogs-content p{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.blogs-images{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:100%}.blogs-images img{width:100%;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #0000000d}.placeholder-box{background:#f3f3f3;padding:2rem;border-radius:10px;text-align:center;color:#777;font-size:1.1rem;min-height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.blogs-container h1{font-size:2.2rem}.blogs-container p{font-size:1rem}}@media (max-width: 768px){.blogs-list{width:100%}.blogs-inner{flex-direction:column}.blogs-images{max-height:none}}@media (max-width: 480px){.blogs-container h1{font-size:1.5rem;margin-top:4rem;margin-bottom:1rem}.blogs-container p{font-size:.95rem}}.blogs-slides{height:65vh;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.slide{scroll-snap-align:start;height:65vh;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;border-bottom:1px solid #eee}.slide-content{display:flex;gap:5rem;align-items:center;justify-content:space-between;width:100%;max-width:1000px}.slide-text{flex:1}.slide-text h2{font-size:6rem;color:#222;margin-bottom:1rem}.slide-text p{font-size:1rem;color:#555;line-height:1.6;text-align:justify}.slide-image{flex:1;display:flex;justify-content:center;max-width:400px;min-width:400px}.slide-image img{width:100%;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){.slide-content{flex-direction:column;text-align:center}.slide-image{max-width:100%;margin-top:1rem}}.blog-form-wrapper{padding:3rem;background:#f4f4f4;min-height:100vh;display:flex;justify-content:center}.blog-form-wrapper .blog-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;gap:1.5rem;max-width:700px;width:100%}.blog-form-wrapper .blog-form h3{margin-top:1rem;color:#444;font-size:1.2rem}.blog-form-wrapper .form-group{display:flex;flex-direction:column;gap:.4rem}.blog-form-wrapper .input-text,.blog-form-wrapper .textarea{width:100%;padding:.6rem .8rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;resize:vertical}.blog-form-wrapper .textarea{min-height:80px}.blog-form-wrapper .section-box{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9f9f9;margin-bottom:1rem}.blog-form-wrapper .button-primary{background-color:#a8cd3d;color:#fff;border:none;padding:.7rem 1.4rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s ease;margin-top:1rem}.blog-form-wrapper .button-primary:hover{background-color:#8ab62f}.blog-form-wrapper .button-secondary{background-color:#eee;color:#333;border:none;padding:.5rem 1rem;font-weight:500;border-radius:6px;cursor:pointer;margin-top:.6rem}.blog-form-wrapper .button-secondary:hover{background-color:#ddd}
