*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif;background-color:#0a2e5e;color:#092e5e;overflow:hidden}canvas{top:50px;z-index:11}.logo,canvas{position:absolute}.logo{margin-top:20px;width:164px;height:50px;border-radius:5px;background:url(/images/logo.png) 50% no-repeat;background-size:contain;right:331px;z-index:1000}.background{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.background-top{position:absolute;top:-276px;width:600px;height:2000px;background-color:#b7113d;transform:rotate(33deg);z-index:10;right:200px}.content-wrapper{padding:120px 90px;transform-style:preserve-3d;transition:transform .8s ease-in-out;justify-content:center;z-index:14}.content-wrapper,.custom-layout{width:100%;height:100%;position:relative;display:flex;align-items:center}.custom-layout{justify-content:flex-start;padding-left:3%;padding-right:3%}.custom-scrollable-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.7) transparent}.custom-scrollable-content::-webkit-scrollbar{width:6px}.custom-scrollable-content::-webkit-scrollbar-track{background:transparent;border-radius:0}.custom-scrollable-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.6);border-radius:3px;border:none;transition:all .2s ease-in-out}.custom-scrollable-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.9);width:8px}.custom-scrollable-content::-webkit-scrollbar-corner{background:transparent}.custom-scrollable-content:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.8)}.content-bg{width:calc(100% - 0px);height:calc(100% - 160px);box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;backface-visibility:hidden;z-index:14;position:relative;border-radius:20px!important}.content-info-bottom-text{position:absolute;bottom:-48px;left:16px;color:#fff;font-size:12px;z-index:20}.contentA{transform:rotateY(0deg)}.contentB,.rotated{transform:rotateY(180deg)}button:hover{background:#0a2e5e}.contentRightBox{position:absolute;width:680px;border-color:transparent transparent #fff;border-style:solid;border-width:50px 0 400px 270px;top:-40px;right:0;border-top-right-radius:12px}.bottomInfoText{position:fixed;bottom:14px;left:5%;color:#fff;font-size:12px;z-index:20}.menu-wrap{position:fixed;top:14px;left:3%;z-index:30}.menu-wrap .toggler{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}.menu-wrap .hamburger{position:absolute;top:0;left:0;z-index:1;width:60px;height:60px;padding:1rem;background:var(--primary-color);border-radius:12px}.menu-wrap .hamburger,.menu-wrap .hamburger>div{display:flex;align-items:center;justify-content:center}.menu-wrap .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#fff;transition:all .4s ease}.menu-wrap .hamburger>div:after,.menu-wrap .hamburger>div:before{content:"";position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:inherit}.menu-wrap .hamburger>div:after{top:10px}.menu-wrap .toggler:checked+.hamburger>div{transform:rotate(135deg)}.menu-wrap .toggler:checked+.hamburger>div:after,.menu-wrap .toggler:checked+.hamburger>div:before{top:0;transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div{transform:scale(1);transition-duration:var(--menu-speed)}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity .4s ease .4s}.menu-wrap .menu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden}.menu-wrap .menu,.menu-wrap .menu>div{display:flex;align-items:center;justify-content:center}.menu-wrap .menu>div{background:var(--overlay-color);border-radius:50%;width:200vw;height:200vw;flex:none;transform:scale(0);transition:all .4s ease}.menu-wrap .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s ease}.menu-wrap .menu>div>div>ul>li{list-style:none;color:#fff;font-size:1.5rem;padding:1rem;line-height:12px}.menu-wrap .menu>div>div>ul>li>a{color:inherit;text-decoration:none;transition:color .4s ease}:root{--primary-color:#0a2e5e;--overlay-color:#0a2e5ef0;--menu-speed:0.75s}.login-container{padding:20px;border-radius:10px;width:100%;max-width:400px}.login-container h2{margin-bottom:20px;color:#fff;text-align:center;font-size:30px}.login-container form{display:flex;flex-direction:column}.login-container label{margin-bottom:5px;color:#092e5ec8}.login-container input{padding:16px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.login-container button{padding:16px;color:#fff;border:none;border-radius:5px;font-size:20px;cursor:pointer;margin-top:10px;position:relative;bottom:0;font-weight:700;box-sizing:border-box;animation:colorChange 4s infinite;box-shadow:rgba(0,0,0,.1)}@keyframes colorChange{0%{background-color:#b7113d}50%{background-color:#0a2e5e}to{background-color:#b7113d}}.login-container button:hover{background-color:#0a2e5e}.rowSeperator{float:left;width:100%;height:30px}.custom-textarea{width:100%;max-width:100%;height:150px;border:1px solid #ddd;border-radius:5px;padding:10px;font-size:14px}.forgot-button{padding:8px 16px;color:#fff;background:#b7113d;border:1px solid #b7113d;border-radius:6px 6px 0 0;font-size:12px;cursor:pointer;position:absolute;bottom:0;font-weight:400;box-sizing:border-box;transition:all .2s ease;letter-spacing:.5px}.forgot-button:hover{color:#fff;background:#a00e35;border-color:#a00e35;transform:translateY(-1px);box-shadow:0 4px 8px rgba(183,17,61,.3)}.rememberText{width:100%;height:auto;font-size:15px;color:#fff;text-align:center;padding:30px}.menu-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;width:100%;padding:0 20px;justify-items:center;box-sizing:border-box}.menu-item{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #092e5e;border-radius:10px;padding:10px;background-color:#092e5e;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease;text-decoration:none;color:inherit;max-width:200px;min-height:100px;width:100%;color:#fff}.menu-item:hover{transform:scale(1.05)}.menu-item img{max-width:100%;height:auto;border-radius:8px}.menu-item p{font-size:14px;color:#fff;bottom:-45px;position:relative}.slider-container{position:relative;width:100%;height:100vh;overflow:hidden}.slide,.slider{position:absolute;width:100%;height:100%}.slide{top:0;left:0;opacity:0;transition:opacity 1s ease,filter 1s ease;object-fit:cover}.desktop-img{display:block}.desktop-img,.mobile-img{width:100%;height:100%;object-fit:cover}.mobile-img{display:none}@media (max-width:768px){.desktop-img{display:none}.mobile-img{display:block}}@keyframes fadeInOut{0%{opacity:0;filter:blur(10px)}25%{opacity:1;filter:blur(0)}50%{opacity:1;filter:blur(0)}75%{opacity:0;filter:blur(10px)}to{opacity:0;filter:blur(10px)}}.slider .slide:first-child{animation:fadeInOut 15s infinite;animation-delay:0s}.slider .slide:nth-child(2){animation:fadeInOut 15s infinite;animation-delay:5s}.slider .slide:nth-child(3){animation:fadeInOut 15s infinite;animation-delay:10s}.slider .slide:nth-child(4){animation:fadeInOut 15s infinite;animation-delay:15s}.slider .slide:nth-child(5){animation:fadeInOut 15s infinite;animation-delay:20s}.slider .slide:nth-child(6){animation:fadeInOut 15s infinite;animation-delay:25s}.slider .slide:nth-child(7){animation:fadeInOut 15s infinite;animation-delay:30s}.slider .slide:nth-child(){animation:fadeInOut 15s infinite;animation-delay:35s}.slider-containerText{width:100%;height:auto;position:absolute;padding:31px;color:#fff;font-weight:700;font-size:9vw;z-index:99;line-height:93px;text-shadow:-2px -1px 6px rgba(10,4,3,.25);letter-spacing:-8px}@media (max-width:1024px){.menu-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.menu-container{grid-template-columns:repeat(3,1fr)}.slider-containerText{font-size:17vw;line-height:53px;letter-spacing:-3px}}@media (max-width:480px){.menu-container{grid-template-columns:repeat(3,1fr);padding:0 20px;margin-top:-20px}}.calendar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;width:100%;position:absolute;top:50px;padding-right:20px}.calendar a{background:#0a2e5e;color:white;text-decoration:none;border-radius:5px;padding:10px;cursor:pointer}.calendar-days{display:flex;gap:5px;overflow-x:auto;width:590px;overflow-x:hidden}.day{flex:0 0 auto;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:white;transition:background-color .3s;text-align:center}.day .circle{width:8px;height:8px;border-radius:50%;background-color:#ccc;flex-shrink:0}.day span{margin-top:5px;font-size:14px}.day.selected,.day:hover{background-color:#0a2e5e;color:white;cursor:pointer}.day.selected .circle,.day:hover .circle{background-color:white}.tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;position:absolute;width:100%;top:340px;padding:20px 40px 20px 0}.task{background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px}.task-header{font-weight:700;margin-bottom:20px;background:#092e5e59;height:30px;color:#fff;font-size:16px;text-indent:8px;line-height:30px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{width:100%;height:15px;background:#f1f1f1;margin-bottom:10px}.progress-bar span{display:block;height:100%;position:absolute;left:0;top:0;text-align:center;line-height:20px;font-size:14px;color:white;transition:background-color .3s;font-weight:800}.progress-bar[data-progress=low] span{background:#dc3545}.progress-bar[data-progress=medium] span{background:#ffc107}.progress-bar[data-progress=high] span{background:#28a745}.task-buttons{display:flex;gap:5px;margin-top:16px;padding-right:20px}.task-buttons a{background:#0a2e5e;color:white;text-decoration:none;border-radius:5px;padding:8px 10px;cursor:pointer;font-size:12px}.task-buttons a:hover{background:#b7113d}.task.reminder-active{background:#b7113e59;color:#fff}.subheader{font-size:14px;color:#092e5e;margin-bottom:5px;font-weight:700;text-indent:5px}.description{width:100%;height:auto;padding:5px;font-size:14px;border:none;border-radius:4px;margin-bottom:10px;line-height:1.2}.descriptionLine{width:100%;height:1px;margin-top:10px;margin-bottom:10px;background-color:#092e5e14}.testScore{font-size:14px;margin-bottom:15px;color:#092e5e;width:100%;margin-top:10px}.testScore span{font-size:46px}.view-toggle{margin-bottom:25px;display:flex;justify-content:flex-end;gap:10px;position:absolute;width:100%;top:300px;padding:0 40px 0 20px;height:36px;line-height:2}.view-toggle a{color:#0a2e5e;text-decoration:none;border-radius:5px;padding:5px 10px;cursor:pointer}.view-toggle a.active{background:#0a2e5e;color:white}.view-toggleText{position:absolute;width:180px;height:40px;font-size:19px;font-weight:900;text-align:left;left:25px;padding:0 10px;line-height:40px}#global-progress-container{margin:20px 50px 20px 180px;width:calc(100% - 280px)}#general-progress-container{width:100%;margin-top:20px}#global-progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px;position:relative;top:-10px}#global-progress-bar span{display:block;height:100%;background-color:#0a2e5e;color:white}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s;z-index:92}.modal-content{background:white;padding:20px;border-radius:8px;max-width:500px;width:90%;position:relative}.modal-content .close-btn{position:absolute;top:10px;right:10px;background:#b7113e;color:white;border:none;border-radius:10px;width:30px;height:30px;text-align:center;cursor:pointer;z-index:22;line-height:2}.modal-content video{width:100%;height:auto}.modal.show{visibility:visible;opacity:1}.calendarButton{position:fixed;bottom:0;left:calc(50% - 88px);border-bottom-left-radius:0;border-bottom-right-radius:0}@media (max-width:768px){.calendar{width:92%;top:30px;left:16px;padding-right:0}.calendar-days{gap:5px;overflow-x:hidden;width:258px}.day{width:60px;height:68px}.tasks{grid-template-columns:1fr;margin-top:-16px;padding:20px 40px 20px 0}#card-view,#list-view{display:none}.view-toggleText{top:-50px;left:-14px;font-size:18px}#global-progress-container{margin:-29px 0 20px 180px;width:calc(100% - 210px);top:0;position:absolute}}@media (max-width:375px){.calendar-days{gap:2px;overflow-x:hidden;width:258px}}.dashboardContainer{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;position:absolute;padding:20px;background-color:#f1f1f1;border-radius:12px}.dashboardTopImage{position:absolute;top:0;width:calc(100% - 40px);height:200px;background:url(/images7.jpg) 50% no-repeat;background-size:cover;margin-top:20px;border-radius:9px}.dashboardTopImage[lesson]{background:url(/imagesielts.png) 50% no-repeat;background-size:cover}.testContainer{max-width:800px;margin:0 auto;padding:20px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px}.testContainer h1{text-align:center;margin-bottom:20px;font-size:26px}.questions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:768px){.questions{grid-template-columns:1fr}}.question{background:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.question h2{margin-bottom:10px;font-size:18px}.testContainer .options{display:flex;flex-direction:column}.options label{margin:5px 0;padding:10px;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background .3s}.options input{display:none}.options input:checked+label{background:#22b257;color:#fff}.question-buttons{margin-top:10px;display:flex;gap:10px;font-size:15px}.testContainer a{display:inline-block;padding:10px 15px;background:#0a2e5e;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s;font-size:15px}.testContainer a:hover{background:#b7113d}.test-controls{display:flex;justify-content:space-between;align-items:center}.timer{font-size:28px;font-weight:700}.disabled{pointer-events:none;opacity:.6}.testControlsContainer{position:fixed;width:calc(100% - 40px);height:76px;bottom:0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:31;padding:16px;border-top-left-radius:10px;border-top-right-radius:10px}.testEmptyRow{width:100%;height:70px}.popupT{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;display:none;min-width:340px}.popupT h2{margin-bottom:15px;font-size:20px}.popupT p{margin:10px}.popupT a{margin-top:15px;display:inline-block}.popupT-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:999;display:none;border-radius:9px}.popupT .close-btn{position:absolute;top:-6px;right:10px;background:#b7113e;color:#fff;border:none;border-radius:10px;width:30px;height:30px;text-align:center;font-size:16px;cursor:pointer;line-height:27px}.score{font-size:36px;font-weight:700}.timeline-container{max-width:1200px;margin:0 auto}.timeline{position:relative;margin:20px 0;padding:0}.timeline:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:repeating-linear-gradient(180deg,#0a2e5e5c 0,#0a2e5e5c 2px,transparent 5px);transform:translateX(-50%)}.timeline-item{display:flex;align-items:center;position:relative;margin:20px 0}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{background:white;border-radius:10px;padding:20px;width:calc(50% - 30px);box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:left}.timeline-content h2{color:#0a2e5e;margin-bottom:10px;font-size:22px}.timeline-content p{margin-bottom:10px;margin-top:10px}.timeline-content .weight{font-weight:700}.timeline-content a{text-decoration:none;background-color:#0a2e5e;color:white;padding:10px 15px;border-radius:5px;display:inline-block;transition:background-color .3s;font-size:15px}.timeline-content a:hover{background-color:#b7113e}.timeline-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#b7113e;border-radius:50%;z-index:1}@media (max-width:768px){.timeline-item{flex-direction:column;align-items:center}.timeline-content{width:100%;text-align:center;margin:0 auto}.timeline-dot{display:none}.timeline:before{left:50%;transform:translateX(-50%)}}.lesson-container{display:grid;grid-template-columns:1fr;gap:20px;margin:220px auto 0}.lesson-section{background:white;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px}.lesson-section h2{color:#0a2e5e;margin-bottom:10px;font-size:20px}.lesson-section p{line-height:1.6}.lesson-content{display:flex;flex-direction:column;gap:10px;font-size:15px}.lesson-video{width:100%;height:300px;background-color:#ddd;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#0a2e5e}.lesson-videoPlayer{height:100%;width:100%;border-radius:10px}.lesson-example-item,.lesson-exercise-item{background:#f9f9f9;border:1px solid #ddd;padding:15px;border-radius:5px;font-size:15px;color:#000b1a}.lesson-note-area{display:flex;flex-direction:column;align-items:center;gap:10px}.lesson-note-area textarea{width:100%;max-width:100%;height:150px;border:1px solid #ddd;border-radius:5px;padding:10px;font-size:14px}.lesson-note-area a{color:white;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.lesson-note-area a,.lesson-note-area a:hover{background-color:#0a2e5e}.lesson-progress-bar{margin-top:30px}@media (max-width:768px){.lesson-container{padding:0}.lesson-video{height:156px}}.report-container{margin:0 auto}.report-section{background:white;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.report-section h2{color:#0a2e5e;margin-bottom:15px;font-size:20px}.chart-container{display:flex;justify-content:center;align-items:center;height:300px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;text-align:center;color:#0a2e5e;font-size:18px}.strength-weakness{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.report-container .card{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px;width:calc(50% - 10px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.report-container .card h3{margin-top:0;color:#0a2e5e}.target-tracking{display:flex;justify-content:space-between;align-items:center;gap:20px}.progress-bar{flex:1;height:20px;background-color:#ddd;border-radius:5px;overflow:hidden;margin:0 10px;position:relative}.progress-bar-fill{height:100%;width:75%;background-color:#8abb70;transition:width .3s ease}.progress-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:white}.export-btn{display:inline-block;background-color:#0a2e5e;color:white;text-decoration:none;padding:10px 20px;border-radius:5px;font-size:15px;text-align:center;margin:10px auto;transition:background-color .3s ease}.export-btn:hover{background-color:#b7113e}@media (max-width:768px){.strength-weakness{flex-direction:column}.report-container .card{width:100%}.target-tracking{flex-direction:column}.progress-bar-fill{height:15px}}.menu-icon{display:none;font-size:24px;cursor:pointer}.main-content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background-color:white;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s}.card:hover{transform:translateY(-5px)}.card h2{color:#092e5e;margin-bottom:10px}.card p{color:#092e5e;margin-top:15px;margin-bottom:15px;font-size:14px}.card a{display:block;margin-top:10px;color:#fff;background-color:#092e5e;padding:10px;text-align:center;border-radius:5px;transition:background-color .3s;font-size:15px;text-decoration:none}.card a:hover{background-color:#b7113e}.suso{left:calc(50% - 40px);margin-top:20px;position:relative}@media (max-width:1024px){.main-content{grid-template-columns:repeat(2,1fr)}.menu-icon{display:block}}@media (max-width:768px){.main-content{grid-template-columns:1fr}.suso{left:calc(50% - 40px);margin-top:20px;position:relative}}.ai-assistant{margin-top:30px}.ai-assistant,.ai-assistantTask{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.ai-assistant h2{color:#b7113e}.message-box{margin-top:20px;padding:15px;background-color:#f1f1f1;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.message-box p{margin:10px}.user-input{margin-top:20px}.user-input input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.componentsContainer{width:100%;height:100%;padding:20px;overflow-y:scroll}.componentRow{width:100%;height:auto;margin-bottom:30px}.componentTitle{color:#092e5e;font-size:22px;margin-bottom:30px}.componentSubTitle{color:#092e5e;font-size:18px;font-weight:lighter}.btn{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .9rem;font-size:.9rem;line-height:2;border-radius:.1rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;border-radius:6px;height:44px}.btn,.btn:hover{text-decoration:none}.btn:hover{color:#b7113d}.btn-disabled{display:inline-block;background-color:#092e5e45;color:rgba(255,255,255,.5);text-align:center;height:46px;border-radius:6px;padding:.375rem .75rem;font-size:1rem;border:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:2}.btn-primary{color:#fff;background-color:#092e5e;border-color:#092e5e}.btn-primary:hover{color:#fff;background-color:#b7113d;border-color:#b7113d}.btn-outline-primary{color:#092e5e;border-color:#092e5e}.btn-outline-primary:hover{color:#fff;background-color:#092e5e;border-color:#092e5e}.btn-secondary{color:#092e5e;background-color:transparent;border-color:transparent}.btn-secondary:hover{color:#b7113d}.btn-delete{color:#fff;background-color:#b7113d;border-color:#b7113d}.btn-delete:hover{color:#fff;background-color:#95052b;border-color:#95052b;animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.btn-edit{color:#fff;background-color:#22b257;border-color:#22b257}.btn-edit:hover{color:#fff;background-color:#0b7b34;border-color:#0b7b34}.buttonIcon{float:left;width:26px;height:26px;line-height:1.2}.buttonText{float:left;font-size:1rem;color:#fff;line-height:1.2!important;margin-left:auto}.buttonIconText{float:left;font-size:.9rem;color:#fff;line-height:2;margin-left:8px}input[type=range]{accent-color:#092e5e}.buttonIconText:hover{color:#fff}.buttonIconText2{float:left;font-size:1rem;color:#092e5e;line-height:2;margin-left:8px}.buttonIconText2:hover{color:#fff}.ielts-template-btn{display:inline-block;padding:14px 28px;background:linear-gradient(135deg,#092e5e,#0a3566);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 6px 16px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);text-transform:capitalize;letter-spacing:.5px;min-width:130px;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.ielts-template-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.ielts-template-btn:hover:before{left:100%}.ielts-template-btn:hover{background:linear-gradient(135deg,#b7113d,#c91e4a);border-color:rgba(255,255,255,.4);transform:translateY(-3px);box-shadow:0 8px 20px rgba(183,17,61,.4),0 0 0 1px rgba(255,255,255,.2);color:#fff}.ielts-template-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(183,17,61,.5)}.ielts-template-btn:disabled{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.6);cursor:not-allowed}.ielts-template-btn:disabled,.ielts-template-btn:disabled:hover{background:rgba(9,46,94,.4);transform:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}.send-btn{display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(135deg,#092e5e,#0a3566);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 8px rgba(9,46,94,.2);min-width:48px;min-height:48px;margin:8px}.send-btn:hover{background:linear-gradient(135deg,#b7113d,#c91e4a);transform:translateY(-1px);box-shadow:0 6px 12px rgba(183,17,61,.3)}.send-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(183,17,61,.4)}.send-btn.disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.send-btn.disabled,.send-btn.disabled:hover{background:rgba(9,46,94,.3);transform:none;box-shadow:none}.ai-chat-input{flex:1;padding:12px 16px;border:2px solid rgba(9,46,94,.2);border-radius:8px;font-size:16px;color:#092e5e;background-color:rgba(255,255,255,.95);transition:all .3s ease-in-out;outline:none}.ai-chat-input:focus{border-color:#092e5e;box-shadow:0 0 0 3px rgba(9,46,94,.1);background-color:#fff}.ai-chat-input:disabled{background-color:rgba(9,46,94,.05);color:rgba(9,46,94,.5);cursor:not-allowed}.ai-chat-input::placeholder{color:rgba(9,46,94,.6)}.ai-chat-message{padding:16px 20px;border-radius:12px;max-width:800px;word-wrap:break-word;margin-bottom:16px}.ai-chat-message.user{background:linear-gradient(135deg,#092e5e,#0a3566);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.user-message-content{color:#fff;line-height:1.5;word-break:break-word}.ai-chat-message.assistant{background:rgba(255,255,255,.95);color:#092e5e;border:1px solid rgba(9,46,94,.1);border-bottom-left-radius:4px;box-shadow:0 2px 8px rgba(9,46,94,.1)}.markdown-content{line-height:1.6;color:#092e5e}.markdown-content h1{color:#092e5e;font-size:1.5rem;font-weight:700;margin:1rem 0 .5rem}.markdown-content h2{color:#092e5e;font-size:1.3rem;font-weight:700;margin:.8rem 0 .4rem}.markdown-content h3{font-size:1.1rem;margin:.6rem 0 .3rem}.markdown-content h3,.markdown-content strong{color:#092e5e;font-weight:600}.markdown-content em{color:#0a3566;font-style:italic}.markdown-content hr{border:none;border-top:1px solid rgba(9,46,94,.2);margin:1rem 0}.markdown-content ol,.markdown-content ul{margin:.5rem 0;padding-left:1.2rem}.markdown-content li{margin:.2rem 0;color:#092e5e}.markdown-content p{margin:.5rem 0;color:#092e5e}.markdown-content code{background:rgba(9,46,94,.1);color:#092e5e;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9rem}.markdown-content pre{background:rgba(9,46,94,.05);border:1px solid rgba(9,46,94,.1);border-radius:6px;padding:1rem;margin:1rem 0;overflow-x:auto}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:4px solid #092e5e;padding-left:1rem;margin:1rem 0;color:#0a3566;font-style:italic}.markdown-content a{color:#092e5e;text-decoration:underline;transition:color .2s ease}.markdown-content a:hover{color:#0a3566}.markdown-content div.ml-4{margin-left:1rem;margin-top:.2rem;color:#092e5e}.markdown-content .bullet-item,.markdown-content .numbered-item{margin-left:1rem;margin-top:.3rem;color:#092e5e;line-height:1.5}.ai-welcome-section{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.ai-welcome-icon{color:#092e5e;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.ai-welcome-title{font-size:2.2rem;font-weight:400;color:#092e5e;margin-bottom:1rem;text-shadow:1px 1px 3px rgba(255,255,255,.5);letter-spacing:.5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ai-welcome-description{color:#000b1a;max-width:500px;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(255,255,255,.3);font-weight:300;opacity:.9}.ielts-templates-label{width:100%;text-align:center;font-size:1.3rem;font-weight:500;color:#092e5e;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(255,255,255,.3);letter-spacing:.3px;opacity:.95}.ai-chat-form-container{flex-shrink:0;padding:1rem;background:rgba(255,255,255,.95);border-top:1px solid rgba(9,46,94,.1);backdrop-filter:blur(10px)}.ai-chat-form{display:flex;gap:.5rem;align-items:center}@media (max-width:768px){.ielts-template-btn{min-width:100px;padding:10px 16px;font-size:14px}.ai-welcome-title{font-size:1.5rem}.ai-welcome-description{font-size:1rem;padding:0 1rem}.ai-chat-message{padding:12px 16px;max-width:100%}.ai-chat-form-container{padding:.75rem}.ai-chat-input{font-size:16px}}.fa{font-size:x-large!important}.notification{background-color:#092e5e;color:white;text-decoration:none;padding:14px;position:relative;border-radius:6px;top:1px}.notification:hover{background:#b7113d}.notification .badge{position:absolute;top:-12px;right:-11px;padding:6px 10px;border-radius:50%;background:#b7113d;color:white;font-size:13px}label{margin:5px;font-size:14px;cursor:pointer;color:#092e5e}label input[type=checkbox].checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.6em;height:1.6em;background:#ddd;margin:-1px 5px 5px;vertical-align:middle;cursor:pointer;position:relative;outline:0;transition:content .2s ease-in-out,background .2s ease-in-out}label input[type=checkbox].checkbox:checked{background:#092e5e}label input[type=checkbox].checkbox:checked:after{content:"✓";left:50%;top:50%;font-size:0;font-weight:700;transform:translate(-50%,-50%);text-align:center;vertical-align:middle;position:absolute;-webkit-animation:checkAppear .4s ease-in-out forwards;animation:checkAppear .4s ease-in-out forwards}label input[type=checkbox].checkbox:after{content:"";color:white;font-size:100%}label input[type=checkbox].toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3em;height:1.8em;background:#ddd;vertical-align:middle;border-radius:1.6em;position:relative;outline:0;margin:-1px 5px 5px;cursor:pointer;transition:background .1s ease-in-out}label input[type=checkbox].toggle:after{content:"";width:1.8em;height:1.8em;background:white;position:absolute;border-radius:1.2em;transform:scale(.7);left:0;box-shadow:0 1px rgba(0,0,0,.5);transition:left .1s ease-in-out}label input[type=checkbox].toggle:checked{background:#092e5e}label input[type=checkbox].toggle:checked:after{left:1.2em}label input[type=checkbox].toggle2{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3em;height:1.8em;background:#ddd;vertical-align:middle;border-radius:1.6em;position:relative;outline:0;margin:-1px 5px 5px;cursor:pointer;transition:background .1s ease-in-out}label input[type=checkbox].toggle2:after{content:"";width:1.8em;height:1.8em;background:white;position:absolute;border-radius:1.2em;transform:scale(.7);left:0;box-shadow:0 1px rgba(0,0,0,.5);transition:left .1s ease-in-out}label input[type=checkbox].toggle2:checked{background:#b7113d}label input[type=checkbox].toggle2:checked:after{left:1.2em}label input[type=radio].radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.8em;height:1.8em;background:#ddd;vertical-align:middle;border-radius:1.6em;position:relative;outline:0;margin:-1px 5px 5px;cursor:pointer}label input[type=radio].radio:after{content:"";width:1.8em;height:1.7em;background:#092e5e;position:absolute;border-radius:1.2em;box-shadow:0 1px rgba(0,0,0,.5);transform:scale(0);display:none;animation:radioAppear .4s ease-in-out reverse}label input[type=radio].radio:checked:after{display:block;-webkit-animation:radioAppear .4s ease-in-out forwards;animation:radioAppear .4s ease-in-out forwards}@-webkit-keyframes checkAppear{50%{font-size:2em}to{font-size:1.15em}}@keyframes checkAppear{50%{font-size:2em}to{font-size:1.15em}}@-webkit-keyframes radioAppear{50%{transform:scale(1.2)}to{transform:scale(.6)}}@keyframes radioAppear{50%{transform:scale(1.2)}to{transform:scale(.6)}}.rangeBarOneColor{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:#ddd;outline:none;transition:background .3s}.rangeBarOneColor::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#092e5e;border-radius:50%;cursor:pointer}.rangeBarOneColor::-moz-range-thumb{width:20px;height:20px;background:#092e5e;border-radius:50%;cursor:pointer}.rangeBar{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:linear-gradient(90deg,red,yellow,green);outline:none;transition:background .3s}.rangeBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #092e5e;border-radius:50%;cursor:pointer}.rangeBar::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #b7113d;border-radius:50%;cursor:pointer}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#092e5e;-webkit-animation:spin 1.7s linear infinite;animation:spin 1.7s linear infinite;z-index:11}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#b7113d;-webkit-animation:spin-reverse .6s linear infinite;animation:spin-reverse .6s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:orange;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes spin-reverse{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.searchBox{float:left;width:calc(100% - 46px);width:-webkit-calc(100% - 46px);width:-moz-calc(100% - 46px);height:46px;border-top-left-radius:6px;border-bottom-left-radius:6px;text-indent:10px;font-size:16px;box-sizing:border-box;background-color:#efefef;border:none}.searchIcon{float:left;width:46px;height:46px;background:#092e5e;font-size:17px;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px;background-image:url(/imagessearchIcon.png);background-position:50%;background-repeat:no-repeat;border:1px solid #092e5e}.searchIcon:hover{background:#b7113d;background-image:url(/imagessearchIcon.png);background-position:50%;background-repeat:no-repeat;border:1px solid #b7113d}.formBox{height:36px;margin-bottom:10px}.formBoxAutoHeight{height:auto;width:100%}.form-control{height:36px;padding:1.375rem .75rem;border:#efefef;border-radius:6px;box-sizing:border-box}.form-control,.form-controlAutoHeight{display:block;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#092e5e;background-color:#efefef;background-clip:padding-box;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-controlAutoHeight{height:auto;padding:.375rem .75rem;border:1px solid #efefef;border-radius:6px}.selectOption{background-color:#092e5e;color:#fff}.custom-select select{color:#ffffff;padding:12px 32px 12px 16px;border:1px solid transparent;width:100%;box-sizing:border-box;height:46px;border-radius:6px;cursor:pointer;user-select:none;background-color:#092e5e;font-size:16px}.select-selected:after{position:relative;content:"";top:14px;width:0;height:0;border:6px solid transparent;border-top-color:#fff;left:10px}.select-items{background-color:#092e5e;margin-top:4px;border-radius:9px;position:absolute;z-index:8}.select-hide{display:none}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{padding:10px 20px;color:#fff;border:1px solid transparent;cursor:pointer;text-decoration:none}.dropdown-menu,.dropdown-toggle{background-color:#092e5e;border-radius:6px}.dropdown-menu{display:none;position:absolute;min-width:200px;z-index:10;margin-top:10px;padding:10px 0}.dropdown-menu a{color:#fff;padding:10px 20px;display:block;text-decoration:none}.dropdown-menu a:hover{background-color:#b7113d}.dropdown-menu .dropdown-divider{border-top:1px solid rgba(255,255,255,.2)}.dropdown:hover .dropdown-menu{display:block}.btn-group .dropdown-menu{left:0}.form-dropdown .dropdown-menu{width:auto;padding:15px}.form-dropdown .form input{width:100%;padding:8px;margin:10px 0;border-radius:5px;border:1px solid #ccc}.form-dropdown .form-check{display:flex;align-items:center}.form-dropdown .form-check input{margin-right:10px}.form-dropdown button{background-color:#092e5e;padding:10px 20px;border:none;color:#fff;cursor:pointer;border-radius:5px}.dropup .dropdown-menu{bottom:100%;top:auto}.dropright .dropdown-menu{left:100%;top:0}.dropleft .dropdown-menu{right:100%;top:0}@media (max-width:768px){.componentRow{padding:15px}.btn-group,.dropdown{display:block;width:100%;margin-bottom:15px}.dropdown-menu{min-width:100%}.form-dropdown .dropdown-menu{width:100%}}.progress{height:1rem;overflow:hidden;background-color:#e9ecef;border-radius:.25rem}.progress,.progress-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.progress-bar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{-webkit-transition:none;transition:none}}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 0,transparent 50%,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 75%,transparent 0,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 0,transparent 50%,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 75%,transparent 0,transparent);background-size:.3rem .3rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.mt-2{margin-top:.5rem;margin-bottom:1rem}.progresText{font-size:14px;font-weight:700;text-indent:2px}.bg-standard{background-color:#092e5e}.bg-success{background-color:#1bb74f}.bg-danger{background-color:#ec185d}.bg-warning{background-color:#ff6d02}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.badge-primary{color:#fff;background-color:#092e5e}.badge-secondary{color:#fff;background-color:#393e46}.badge-success{color:#fff;background-color:#1bb74f}.badge-info{color:#fff;background-color:#17a2b8}.badge-warning{color:#fff;background-color:#ff6d02}.badge-danger{color:#fff;background-color:#ec185d}.badge-light{color:#212529;background-color:#f8f9fa}.badge-dark{color:#fff;background-color:#212529}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-success{color:#fff;background-color:#04AA6D;border-color:#04AA6D}.alert-success hr{border-top-color:#ace5bf}.alert-success .alert-link{color:#073316}.alert-info{color:#fff;background-color:#2474b7;border-color:#2474b7}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#fff;background-color:orange;border-color:orange}.alert-warning hr{border-top-color:#ffc79f}.alert-warning .alert-link{color:#522301}.alert-danger{color:#fff;background-color:#ec185d;border-color:#ec185d}.alert-danger hr{border-top-color:#f8a6c2}.alert-danger .alert-link{color:#4d071e}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.closeX{float:right;font-size:1.5rem;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff;background-color:transparent;border:none;margin-top:-5px;margin-right:-50px;cursor:pointer;color:#fff}.closeX:hover{opacity:1;text-decoration:none}.danger{background-color:rgba(233,32,95,.4);border-left:10px solid #e9205f;color:#a00938}.danger,.success{height:46px;line-height:46px;text-indent:20px}.success{background-color:rgba(27,169,111,.4);border-left:10px solid #1ba96f;color:#0c794d}.info{background-color:rgba(41,117,181,.4);border-left:10px solid #2975b5;color:#1c5889}.info,.warning{height:46px;line-height:46px;text-indent:20px}.warning{background-color:rgba(253,164,40,.4);border-left:10px solid #fda428;color:#f27a11}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{padding:12px;text-align:left;border:1px solid #ddd}th{cursor:pointer;background-color:#092e5e;color:#fff}th:hover{background-color:#b7113d;color:#fff}tbody tr:nth-child(2n){background-color:#f1f1f1}tbody tr:nth-child(odd){background-color:white}th .sort-icon{margin-left:5px;font-size:12px;vertical-align:middle}.ascending:after{content:"↑"}.descending:after{content:"↓"}td img{width:50px;height:auto;max-width:100%}.action-buttons{display:flex;gap:10px}.action-buttons button{padding:8px 12px;cursor:pointer;border:none;border-radius:4px;font-size:14px}.edit-btn{background-color:#4CAF50;color:white}.delete-btn{background-color:#f44336;color:white}.edit-btn:hover{background-color:#45a049}.delete-btn:hover{background-color:#e53935}@media screen and (max-width:600px){table,tbody,td,th,thead,tr{display:block}th{position:sticky;top:0;z-index:2}td{border:none;border-bottom:1px solid #ddd}td:before{content:attr(data-label);font-weight:700;display:inline-block;width:120px}.componentsContainer{padding:0}.progress-bar span{line-height:20px}}input[type=text]{height:50px;padding:8px;width:100%;box-sizing:border-box;border:1px solid #ddd;font-size:14px;border-radius:9px;text-indent:10px}.tab{overflow:hidden;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background-color:#092e5e;color:#fff;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.tab .tablinks{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:15px;color:#fff}.tab .tablinks:hover,.tab a.active{background-color:#fff;color:#092e5e}.tabcontent{display:none;padding:20px;border:1px solid #d8d8d8;border-top:none;font-size:15px;width:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.textColor{color:#000b1a;line-height:1.2;margin-bottom:20px}.rowContainer{width:calc(100% - 40px);height:auto;position:absolute;top:240px;z-index:40}.row{width:100%;height:auto;margin-bottom:20px}.column{float:left;width:33.33%;padding:10px;text-align:center;font-size:18px;cursor:pointer;color:white;box-sizing:border-box}.containerTab{padding:20px;color:white;margin-top:-20px}.row:after{content:"";display:table;clear:both}.closebtn{float:right;color:white;font-size:35px;cursor:pointer;margin-top:-10px}.accordion{width:100%}.accordion-item{border:1px solid #ddd;margin-bottom:10px;border-radius:5px;overflow:hidden}.accordion-header{background-color:#092e5e;color:#fff;padding:15px;cursor:pointer;font-size:16px;font-weight:700;text-align:left;transition:background-color .3s ease}.accordion-header:hover{background-color:#b7113d;color:#fff}.accordion-header:after{content:"▼";float:right;transition:transform .3s ease}.accordion-header.active:after{transform:rotate(-180deg)}.accordion-content{max-height:0;overflow:hidden;background-color:#fff;transition:max-height .3s ease;padding:0 15px}.accordion-content p{padding:15px 0;margin:0}.unique-multi-select-container{position:relative;width:100%;margin:20px 0}.unique-select-box{border-radius:5px;padding:10px;background:#092e5e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff}.unique-select-box:after{content:"▼";font-size:12px;color:#fff}.unique-options-container{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #bbb;border-top:none;max-height:250px;overflow-y:auto;z-index:10}.unique-option{padding:10px;cursor:pointer;border-bottom:1px solid #f4f4f4}.unique-option:hover{background:#f0f0f0}.unique-option input[type=checkbox]{margin-right:10px}.unique-done-button{text-align:center;padding:10px;background:#092e5e;color:white;border:none;cursor:pointer;width:90%;position:absolute;bottom:-50px;left:5%;border-top-left-radius:6px;border-top-right-radius:6px}.unique-done-button:hover{background:#092e5e}.unique-selected-values{margin:10px 0;font-size:14px;color:#092e5e}.single-select-container{position:relative;width:100%;margin:0 0 20px}.single-select-input{border-radius:5px;padding:10px;background:#092e5e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff}.single-select-input:after{content:"▼";font-size:12px;color:#fff}.single-options-container{display:none;position:absolute;top:100%;left:0;right:0;background:#f1f1f1;color:#092e5e;border:1px solid #bbb;border-top:none;z-index:10;border-radius:0 0 5px 5px;overflow:hidden}.single-option{padding:10px;cursor:pointer;border-bottom:1px solid #f4f4f4}.single-option:last-child{border-bottom:none}.single-option:hover{background:#f0f0f0}.pagination{display:flex;justify-content:center;flex-wrap:nowrap;gap:4px}.pagination a{color:black;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;text-align:center;white-space:nowrap;flex-shrink:0}.pagination a.active{background-color:#092e5e;color:white;border:1px solid #092e5e}.pagination a:hover:not(.active){background-color:#b7113d;color:#fff}@media (max-width:768px){.logo{right:197px}.background-top{width:478px}.contentRightBox{width:225px;border-bottom:316px solid #fff;border-left:224px solid transparent;top:-40px}.bottomInfoText{left:20px}.menu-wrap{left:82%}:root{--primary-color:#b7113d;--overlay-color:#b7113df5}.menu-wrap .menu>div{width:1000vw;height:1000vw;transition:all .6s ease}.rowContainer{top:240px}.view-toggle{top:340px}}@media (max-width:375px){.login-container{padding:15px;width:90%;left:5%}.login-container h2{font-size:2em}.tasks{left:14px}}.sidebar-container{background-color:#fff;width:60px;min-width:60px;height:100vh;max-height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1);color:#0a2e5e;overflow:hidden;border-right:1px solid #eee;flex-shrink:0;border-radius:8px}.sidebar-container.expanded{width:350px;min-width:350px;overflow-y:auto;overflow-x:hidden}.sidebar-toggle-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;font-size:18px;z-index:1000;color:#0a2e5e;background:rgba(255,255,255,.95);border:1px solid #ddd;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(10,46,94,.15);font-weight:700;line-height:1}.sidebar-container:not(.expanded) .sidebar-toggle-icon{right:14px;left:64%;transform:translate(-50%,-50%);background:rgba(255,255,255,.98);border-color:#0a2e5e}.sidebar-container.expanded .sidebar-toggle-icon{right:15px;left:auto;transform:translateY(-50%);background:rgba(255,255,255,.9)}.sidebar-toggle-icon:hover{background:#0a2e5e;color:white!important;border-color:#0a2e5e;box-shadow:0 4px 8px rgba(10,46,94,.3);transform:translateY(-50%) scale(1.05)}.sidebar-container:not(.expanded) .sidebar-toggle-icon:hover{transform:translate(-50%,-50%) scale(1.05);background:#0a2e5e!important;color:white!important}.sidebar-toggle-icon:active{background:#072142!important;color:white!important;transform:translateY(-50%) scale(.95);box-shadow:0 1px 3px rgba(10,46,94,.2)}.sidebar-container:not(.expanded) .sidebar-toggle-icon:active{transform:translate(-50%,-50%) scale(.95);background:#072142!important;color:white!important}.sidebar-vertical-text{position:absolute;top:120px;left:50%;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:16px;letter-spacing:3px;opacity:.6;color:#0a2e5e;font-weight:600;text-transform:uppercase}.sidebar-content{width:calc(100% - 80px);margin:20px 15px 20px 20px;min-height:calc(100vh - 40px);opacity:0;overflow:hidden;transform:translateX(-20px);transition:opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.sidebar-container.expanded .sidebar-content{opacity:1;transform:translateX(0);overflow:visible;pointer-events:auto;transition:opacity .4s ease .1s,transform .4s cubic-bezier(.4,0,.2,1) .1s}.sidebar-container.expanded .sidebar-vertical-text{display:none}.lesson-accordion{font-family:sans-serif;max-width:100%;margin:0;padding:0 10px 0 0}.lesson-accordion-item{border:none;margin-bottom:8px}.lesson-accordion-header,.lesson-sub-header{background-color:#0a2e5e;color:white;padding:12px;cursor:pointer;border-radius:4px;margin-bottom:6px;border:none;width:100%;text-align:left;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.lesson-accordion-header.active{background-color:#b7113d;transform:translateY(1px);box-shadow:0 2px 8px rgba(183,17,61,.2)}.lesson-accordion-header i{font-size:12px;margin-left:5px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lesson-accordion-header i.bi-chevron-down,.lesson-accordion-header i.bi-chevron-right{transform:rotate(0deg)}.lesson-sub-header{background-color:#1a3a6b;margin-left:5px;width:calc(100% - 5px);font-size:13px}.lesson-accordion-header:hover{background-color:#0d3b73!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,59,115,.3)}.lesson-accordion-header:hover i{transform:scale(1.1) rotate(0deg)}.lesson-sub-header:hover{background-color:#0d3b73!important;transform:translateX(3px);box-shadow:0 2px 8px rgba(13,59,115,.2)}.lesson-accordion-content,.lesson-sub-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);padding-left:2px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1) .1s,transform .3s cubic-bezier(.4,0,.2,1) .1s,padding .3s cubic-bezier(.4,0,.2,1)}.lesson-accordion-content.open,.lesson-sub-content.open{max-height:1000px!important;opacity:1;transform:translateY(0);padding-top:8px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .1s,transform .4s cubic-bezier(.4,0,.2,1) .1s,padding .3s cubic-bezier(.4,0,.2,1)}.lesson-inner-box{background-color:#eee!important;padding:10px!important;margin:5px 0!important;border-radius:4px!important;font-style:none;cursor:pointer;transition:background-color .3s ease;text-decoration:none;color:#333;display:block}.lesson-inner-box.lesson-child{margin-left:15px!important;background-color:#f5f5f5!important;border-left:3px solid #0a2e5e;padding-left:12px!important}.lesson-inner-box.lesson-grandchild{margin-left:25px!important;background-color:#f9f9f9!important;border-left:3px solid #b7113d;padding-left:12px!important;font-size:13px}.lesson-inner-box.lesson-part{margin-left:15px!important;background-color:#f0f8ff!important;border-left:3px solid #0066cc;padding-left:12px!important}.lesson-inner-box:hover{background-color:#ddd!important;color:#333}.lesson-inner-box.lesson-child:hover{background-color:#e8e8e8!important}.lesson-inner-box.lesson-grandchild:hover{background-color:#efefef!important}.lesson-inner-box.lesson-part:hover{background-color:#e6f3ff!important}.lesson-inner-box.selected{background-color:#b7113d!important;color:white!important;border-left-color:#8c0d2f!important}.lesson-inner-box.selected:hover{background-color:#8c0d2f!important;color:white!important}.navigation-buttons{margin-top:15px;padding:10px;border-top:1px solid #eee;background-color:#fff}.navigation-buttons button{background-color:#0a2e5e;color:white;border:none;padding:8px 15px;margin:5px;border-radius:4px;cursor:pointer;font-size:12px}.navigation-buttons button:hover{background-color:#0d3a73}.navigation-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.course-info{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:4px;border-top:1px solid #eee}.course-info h3{color:#0a2e5e;font-size:16px;margin-bottom:8px}.course-info p{color:#666;font-size:12px;line-height:1.4}.course-content-area::-webkit-scrollbar,.course-info::-webkit-scrollbar,.lesson-accordion::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:6px}.course-content-area::-webkit-scrollbar-track,.course-info::-webkit-scrollbar-track,.lesson-accordion::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.course-content-area::-webkit-scrollbar-thumb,.course-info::-webkit-scrollbar-thumb,.lesson-accordion::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.course-content-area::-webkit-scrollbar-thumb:hover,.course-info::-webkit-scrollbar-thumb:hover,.lesson-accordion::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.course-layout{display:flex;margin:0;height:calc(100vh - 120px);min-height:calc(100vh - 120px);align-items:flex-start;gap:20px}.course-content-area{flex:1;padding:20px;overflow-y:auto;height:calc(100vh - 120px);background-color:#f8f9fa;border-radius:8px}@media (max-width:768px){.sidebar-container{width:50px;min-width:50px;height:calc(100vh - 60px)}.sidebar-container.expanded{width:280px;min-width:280px}.sidebar-content{height:calc(100vh - 100px)}.course-content-area,.course-layout{height:calc(100vh - 80px)}.course-content-area{padding:15px}.sidebar-vertical-text{font-size:14px;top:100px;letter-spacing:2px}.sidebar-toggle-icon{width:28px;height:28px;font-size:14px}.sidebar-container:not(.expanded) .sidebar-toggle-icon{right:11px}.sidebar-container.expanded .sidebar-toggle-icon{right:12px}.lesson-accordion-header,.lesson-sub-header{padding:8px;font-size:12px}.lesson-inner-box{padding:8px!important;font-size:12px}}.navigation-buttons-container{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px;padding:10px 15px;background:rgba(255,255,255,.95);border-radius:10px;border:1px solid rgba(10,46,94,.1);box-shadow:0 2px 10px rgba(10,46,94,.08);max-width:100%}.navigation-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:1.5px solid rgba(10,46,94,.2);border-radius:8px;background:rgba(255,255,255,.9);transition:all .3s ease;cursor:pointer;width:36px;height:36px;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.1);outline:none}.navigation-btn i{font-size:18px!important}.nav-icon,.navigation-btn i{font-weight:900!important;line-height:1;display:block;transition:transform .2s ease}.nav-icon{font-size:24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;user-select:none}.navigation-btn-prev.active{color:#495057;border-color:rgba(73,80,87,.3);background:rgba(248,249,250,.9)}.navigation-btn-prev.active:hover{background:rgba(108,117,125,.1);border-color:rgba(73,80,87,.5);transform:translateX(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.navigation-btn-prev.active:hover .nav-icon{transform:translateX(-2px)}.navigation-btn-prev.disabled{color:#adb5bd;border-color:rgba(173,181,189,.2);background:rgba(248,249,250,.5);cursor:not-allowed;opacity:.6}.navigation-btn-next.active{color:#0a2e5e;border-color:rgba(10,46,94,.3);background:rgba(10,46,94,.05)}.navigation-btn-next.active:hover{background:rgba(10,46,94,.1);border-color:rgba(10,46,94,.5);transform:translateX(2px);box-shadow:0 4px 8px rgba(10,46,94,.2)}.navigation-btn-next.active:hover .nav-icon{transform:translateX(2px)}.navigation-btn-next.disabled{color:#adb5bd;border-color:rgba(173,181,189,.2);background:rgba(248,249,250,.5);cursor:not-allowed;opacity:.6}.navigation-counter{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a2e5e,#1a4b8a);padding:6px 12px;border-radius:15px;min-width:60px;height:28px;flex:1;max-width:100px;margin:0 10px;box-shadow:0 2px 6px rgba(10,46,94,.3)}.counter-text{font-weight:700;font-size:12px;color:white;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.navigation-btn.active:active{transform:scale(.95)}@media (max-width:768px){.navigation-buttons-container{padding:8px 12px;margin:12px 0 8px}.navigation-btn{width:32px;height:32px;padding:6px}.navigation-btn i{font-size:14px}.counter-text{font-size:11px}.navigation-counter{padding:4px 10px;height:24px;min-width:50px;max-width:80px;margin:0 8px}}.fixed-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;background:transparent;padding:6px 0}.ielts-header-section{position:relative;z-index:15;text-align:center;margin-bottom:2rem;padding:1rem}.ielts-main-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.ielts-subtitle{font-size:1.125rem;color:rgba(255,255,255,.9);font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:.5px}.course-header{border-radius:8px}.page-loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a2e5e,#b7113d);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.page-loading-container:before{content:"";position:absolute;top:-276px;width:600px;height:2000px;background-color:rgba(183,17,61,.3);transform:rotate(33deg);z-index:1;right:200px}.loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:90%}.loading-logo{width:164px;height:50px;background:url(/images/logo.png) 50% no-repeat;background-size:contain;margin-bottom:40px;opacity:0;animation:logoFadeIn 1s ease-in-out .3s forwards}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:#ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:30px}.loading-text{color:#ffffff;font-size:18px;font-weight:600;margin-bottom:15px;opacity:0;animation:textFadeIn 1s ease-in-out .6s forwards}.loading-subtitle{color:rgba(255,255,255,.8);font-size:14px;font-weight:400;margin-bottom:30px;opacity:0;animation:textFadeIn 1s ease-in-out .9s forwards}.loading-progress-container{width:100%;max-width:300px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;margin-bottom:20px}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#ffffff,rgba(255,255,255,.8));border-radius:2px;animation:progressAnimation 2s ease-in-out infinite;transform-origin:left}.loading-skeleton{background:rgba(255,255,255,.1);border-radius:8px;overflow:hidden;position:relative;margin:10px 0}.loading-skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.loading-skeleton-header{height:40px;width:60%;margin:0 auto 20px}.loading-skeleton-line{height:16px;margin-bottom:12px}.loading-skeleton-line:first-child{width:90%}.loading-skeleton-line:nth-child(2){width:100%}.loading-skeleton-line:nth-child(3){width:75%}.loading-skeleton-line:nth-child(4){width:85%}.loading-dots{display:flex;gap:8px;margin-top:20px;justify-content:center}.loading-dots div{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);animation:loadingBounce 1.4s ease-in-out infinite both}.loading-dots div:first-child{animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}.loading-dots div:nth-child(3){animation-delay:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progressAnimation{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes loadingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.page-loading-container:before{top:-200px;width:400px;height:1500px;right:100px}.loading-content{max-width:300px}.loading-logo{width:140px;height:42px;margin-bottom:30px}.loading-text{font-size:16px}.loading-subtitle{font-size:13px}}@media (max-width:480px){.page-loading-container:before{top:-150px;width:300px;height:1200px;right:50px}.loading-content{max-width:250px}.loading-logo{width:120px;height:36px;margin-bottom:25px}.loading-text{font-size:15px}.loading-subtitle{font-size:12px}}.inline-loading-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.inline-loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.inline-loading-spinner{border:2px solid rgba(10,46,94,.2);border-top-color:#0a2e5e;border-radius:50%;animation:spin 1s linear infinite}.inline-loading-text{color:#0a2e5e;font-weight:500;margin:0}.inline-loading-skeleton-container{width:100%;max-width:300px;margin-top:10px}.inline-loading-skeleton-container .loading-skeleton{background:rgba(10,46,94,.1);margin-bottom:8px}.inline-loading-skeleton-container .loading-skeleton:after{background:linear-gradient(90deg,transparent,rgba(10,46,94,.2),transparent)}.inline-loading-light .inline-loading-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff}.inline-loading-light .inline-loading-text{color:#ffffff}.inline-loading-light .loading-skeleton{background:rgba(255,255,255,.1)}.inline-loading-light .loading-skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.btn-loading .buttonText{margin-right:25px}.skeleton-container{width:100%;padding:15px 0}.skeleton-light .loading-skeleton{background:rgba(10,46,94,.1)}.skeleton-light .loading-skeleton:after{background:linear-gradient(90deg,transparent,rgba(10,46,94,.2),transparent)}.skeleton-dark .loading-skeleton{background:rgba(255,255,255,.1)}.skeleton-dark .loading-skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.loading-dots .loading-dot-1{animation:sequentialBounce 1.4s ease-in-out infinite;animation-delay:0s}.loading-dots .loading-dot-2{animation:sequentialBounce 1.4s ease-in-out infinite;animation-delay:.2s}.loading-dots .loading-dot-3{animation:sequentialBounce 1.4s ease-in-out infinite;animation-delay:.4s}@keyframes sequentialBounce{0%,60%,to{transform:scale(.6);opacity:.4}30%{transform:scale(1.1);opacity:1}}.loading-dots-enhanced .loading-dot-1{animation:sequentialEnhancedBounce 1.5s ease-in-out infinite;animation-delay:0s;animation-fill-mode:both}.loading-dots-enhanced .loading-dot-2{animation:sequentialEnhancedBounce 1.5s ease-in-out infinite;animation-delay:.3s;animation-fill-mode:both}.loading-dots-enhanced .loading-dot-3{animation:sequentialEnhancedBounce 1.5s ease-in-out infinite;animation-delay:.6s;animation-fill-mode:both}@keyframes sequentialEnhancedBounce{0%,70%,to{transform:translateY(0) scale(.8);opacity:.6}35%{transform:translateY(-10px) scale(1.3);opacity:1}}.loading-dots div,.loading-dots-enhanced div{display:block!important;visibility:visible!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important}.modal-container{z-index:10000!important;position:relative!important}.modal-footer,.modal-header{z-index:10001!important;position:relative!important}.modal-button{z-index:10002!important;position:relative!important}body:has(.modal-overlay) .menu-wrap{z-index:9998!important}body:has(.modal-overlay) .menu-wrap .menu{z-index:9998!important}body:has(.modal-overlay) .logo{z-index:9998!important}.modal-open .menu-wrap,.modal-open .menu-wrap .hamburger,.modal-open .menu-wrap .menu{z-index:9998!important}.modal-open .menu-wrap .toggler{z-index:9999!important}.modal-open .logo,.modal-overlay~* .logo,.modal-overlay~* .menu-wrap{z-index:9998!important}@media (max-width:768px){.lesson-section{max-width:95vw!important;max-height:95vh!important;margin:10px!important}.lesson-section>div:first-child,.lesson-section>div:nth-child(2){padding:15px!important}.lesson-section>div:last-child{padding:15px!important;flex-direction:column!important;gap:8px!important}.lesson-section>div:last-child button{width:100%!important;justify-content:center!important}}@media (max-width:480px){.lesson-section{max-width:100vw!important;max-height:100vh!important;margin:0!important;border-radius:0!important}}