@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Urbanist&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,400;0,600;0,800;1,400;1,600&display=swap);.navbar{align-items:center;background-color:#fff;border-bottom:.5px solid #cfd0d3;color:#fff;margin-left:20px;margin-right:20px;padding:0 15px 15px}.nav-link,.navbar{display:flex;justify-content:space-between}.nav-link{flex-direction:row;font-size:20px;gap:60px}.nav-link,.nav-link li{list-style:none}.nav-link li a,.nav-link li div{border:2px solid #fff;border-radius:5px;color:#616161;cursor:pointer;padding:5px 8px;text-decoration:none;transition:all .3s ease}.nav-link a:hover{background-color:#fdebeb;border:2px solid #002e88;color:#002e88;padding:5px 8px}.btn{font-size:20px;font-style:normal;font-weight:600;line-height:normal;margin:5px}.login-btn{background-color:#002e88;border:2px solid #002e88;border-radius:5px;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;color:#fff;font-family:Urbanist;font-size:18px;margin-right:15px;padding:10px;transition:all .3s ease}.login-btn:hover{background-color:#fff;border:2px solid #002e88;color:#002e88}.signup-btn{border-color:#002e88;border-radius:10px;color:#002e88;height:54px;width:96px}.buttons-main{align-items:center;display:flex;flex-direction:row}.buttons .navbar-avatar{border:3px solid #002e88;border-radius:50%;display:inline-block;height:40px;margin:20px;padding:3px;transition:all .3s ease;width:40px}.navbar-avatar:hover{transform:scale(1.1)}.buttons .navbar-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.navbar .logo{transition:all .3s ease}.navbar .logo:hover{cursor:pointer;transform:scale(1.05)}.student-logout{bottom:-4px;position:relative}*,.student-logout{margin:0;padding:0}.footer{background-color:#002e88;bottom:0;color:#fff;height:178px;padding:20px;position:relative}.logo-container{align-items:center;display:flex;flex-direction:column}.logo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tagline{font-size:30px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.container-getStarted{display:flex;flex-direction:row;margin:0 80px 40px;padding:40px 80px 0}.container-getStarted h1{color:#002e88;font-family:Roboto,sans-serif;font-size:50px;font-weight:400}.container-getStarted-half{margin-left:240px;width:50%}.container-getStarted-half-heading{margin-top:50px}.container-getStarted-half-des{color:#8c8d8d;padding:20px 0;width:60%}.container-getStarted-half-button{display:flex;justify-content:end;width:60%}.container-getStarted-half-button a{background-color:#fabc2a;border:2px solid #fabc2a;border-radius:5px;color:#002e88;font-size:20px;font-weight:700;padding:10px;text-decoration:none;transition:all .3s ease}.container-getStarted-half-button a:hover{background-color:#fff}.container-getStarted-half img{margin-left:100px}.container-objective{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;margin-top:80px}.container-objective-heading{margin-bottom:10px;margin-top:10px}.container-objective-heading h1{color:#002e88;font-size:40px;padding-bottom:40px;padding-top:20px}.container-objective-points{display:flex;flex-direction:row}.container-objective-points-indv{align-items:center;display:flex;flex-direction:column;text-align:center;width:400px}.container-objective-points-indv div{margin-top:20px;width:200px}.container-offer{align-items:center;background:#f4fff5;display:flex;flex-direction:column;margin-bottom:40px;margin-top:40px;padding-top:60px}.container-offer-half{align-items:center;display:flex;flex-direction:row;width:50%}.container-offer-left{left:-200px;padding-right:50px;position:relative}.container-offer-right-point{display:flex;flex-direction:row;padding:20px 20px 0}.container-offer-right-point p{margin-bottom:10px;margin-left:10px}.container-tools{display:flex;flex-direction:row;margin-bottom:40px;margin-top:100px}.container-tools-left{padding-left:196px;width:50%}.container-tools-right{width:50%}.container-tools-left h1{color:#002e88;font-size:36px;font-style:normal;font-weight:600;line-height:normal}.container-tools-left p{color:#7c7c7c;font-family:Urbanist;font-size:20px;font-style:normal;font-weight:400;line-height:normal;margin-top:40px;width:52%}.container-aboutUs{align-items:end;display:flex;flex-direction:column;margin-right:200px;padding:50px 100px 0}.container-aboutUs-heading{position:relative;top:80px}.container-aboutUs h1{color:#002e88;font-weight:600;line-height:normal}.container-aboutUs-half{align-items:center;display:flex;flex-direction:row;margin-top:0;padding-top:0;text-align:end}.container-aboutUs-right{color:#7c7c7c;font-family:Urbanist;font-size:20px;font-style:normal;font-weight:400;left:300px;line-height:normal;position:relative;text-align:right;width:40%}.notifications-container{animation:slideIn .3s ease-in-out forwards;background-color:#002e88;border:1px solid #ccc;border-radius:5px;border-radius:14px;box-shadow:0 2px 5px #0000001a;max-height:320px;overflow-y:scroll;padding:20px 60px;position:fixed;transition:max-height .3s,opacity .3s,transform .3s;width:200px;z-index:999;>h1{border-bottom:5px solid #93ff96;margin-bottom:5px;text-align:center}}.notifications-container::-webkit-scrollbar{width:8px}.notifications-container::-webkit-scrollbar-track{background:#0000}.notifications-container::-webkit-scrollbar-thumb{background-color:#fff;border-radius:5px}@keyframes slideIn{0%{opacity:0}to{opacity:1;transform:translateX(-50%)}}.notifications-container .notification-item h2{font-size:1.1em}.notifications-container .notification-item p{margin:0}.notifications-container .notification-item .notification-time{color:#18cbe2;font-size:.8em}.notifications-list{list-style:none;width:100%}.notification-item{align-items:flex-start;border-bottom:2px solid #fff;display:flex;flex-direction:column;gap:1px;margin-bottom:5px;padding-bottom:5px;p{font-size:.95em}h2{font-size:1em}}.container-homepage-header{display:flex;justify-content:center;margin:20px 0 40px}.container-homepage-header h1{color:#002e88;font-size:40px}.container-homepage-header h1 span{background-color:#93ff96;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;padding:12px}.container-homepage-progress{display:flex;justify-content:center}.container-homepage-progress-bar{align-items:center;background:#eecaf2;background:var(--Purples-Purple-3,#eecaf2);border-radius:10px;box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;flex-shrink:0;height:150px;margin-bottom:40px;margin-top:40px;width:85%;.overall-progress-span{font-size:20px;font-weight:600;margin:30px 0 0}}.container-homepage-progress-bar span{margin-top:20px}.container-homepage-progress-bar h1{color:#002e88;margin-bottom:0;margin-top:20px}.container-homepage-progress-bar-line{background-color:#fde4a9;border-radius:10px;height:10px;position:relative;top:20px;width:85%}.progress-bar{background-color:#fabc2a;border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0}.container-vb-tr{display:flex;justify-content:space-around;margin:0 250px}.halff{color:#002e88;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;width:45%}.halff img{transition:transform .3s ease}.halff img:hover{transform:scale(1.05)}.halff h2{margin-top:0;text-align:center}.halff img{cursor:pointer;display:block;margin:0 auto}.container-homepage-lessons{align-items:center;display:flex;flex-direction:column}.container-homepage-lessons h1{color:#002e88;margin-bottom:40px}.container-homepage-lessons-half{display:flex;flex-direction:row;gap:40px;margin-bottom:40px}.container-homepage-lessons-indv{align-items:center;background-color:#93ff96;border-radius:12px;box-shadow:0 2px 8px 0 #63636333;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;transition:border .1s ease;width:380px}.container-homepage-lessons-indv:hover{border:4px solid purple}.container-homepage-lessons-indv span{font-size:20px;margin-top:35px}#listening{background-color:#52d1dc;font-family:Urbanist}#listening,#speaking{color:#002e88;font-size:18px}#speaking{background-color:#fabc2a}#reading{background-color:#93ff96}#reading,#writing{color:#002e88;font-size:18px}#writing{background-color:#ff5e5b}.container-homepage-material{align-items:center;display:flex;flex-direction:column;margin:40px}.container-homepage-material h1{color:#002e88;font-family:Urbanist;font-style:normal;font-weight:700}.homepage-materials{display:flex;flex-direction:row;gap:40px;margin:40px}.homepage-materials-indv{align-items:center;border-radius:8px;box-shadow:0 2px 8px 0 #63636333;color:#fff;display:flex;flex-direction:column;gap:20px;height:200px;padding:40px}.homepage-materials-indv h2{font-weight:550}.homepage-materials-indv div{align-items:center;display:flex;flex-direction:column}.homepage-materials-indv a{background-color:#fff;border-radius:3px;color:#93ff96;font-weight:500;outline:none;padding:10px 8px;text-decoration:none;transition:transform .3s ease,font-weight .3s ease}.homepage-materials-indv p{width:149.08px}.homepage-materials-indv a:hover{font-weight:600;transform:scale(1.1)}.homepage-materials-icon{background-color:#fff;border-radius:50%;padding:5px}.homepage-materials-icon svg{padding:2px}body{font-family:Urbanist,sans-serif}a{outline:none;text-decoration:none}.container-listeningMain{align-items:center;display:flex;flex-direction:column;padding:80px}.listeningMain-header{color:#002e88;color:var(--Text-Colours-Primary-Text-color,#002e88);font-family:Urbanist;font-size:18px;font-size:24px;font-style:normal;font-weight:600;letter-spacing:2px;line-height:normal;margin-bottom:80px}.listeningMain-section{display:flex;flex-direction:column;row-gap:50px}.listeningMain-section-half{align-items:center;border:1px solid #002e88;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;height:100px;justify-content:space-between;padding:20px;transition:background-color .3s ease;width:800px}.listeningMain-section-half:hover{background-color:#e8e9e9}.listeningMain-section-half-right{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.listeningMain-section-half-left{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;row-gap:10px}.listeningMain-section-half h2{color:#2d2d2d;letter-spacing:1px}.listeningMain-section-half p{color:#909090;font-family:Urbanist;font-size:17px;font-style:normal;font-weight:400;line-height:normal;width:100%}.lesson-unavailable{cursor:default}.lesson-unavailable:hover{background-color:#fff}.container-profilepage-user{align-items:center;background:#eecaf2;background:var(--Purples-Purple-3,#eecaf2);display:inline-flex;flex-shrink:0;height:447px;justify-content:center;width:100%}.userdetails-main{align-content:center;align-items:center;background-color:#fff;border-radius:1cap;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;display:flex;flex-direction:row;height:85%;position:relative;width:85%}.userdetails-main .userdetails{margin:10%;width:55%}.userdetails-text{color:#002e88;color:var(--Text-Colours-Primary-Text-color,#002e88);padding:14px}.userdetails-main .userdetails h1{font-size:45px}.userdetails-main .userdetails h2{font-size:35px}.userdetails-main .userdetails h3{font-size:30px}.userdetails-main .userdetails h4{font-size:25px}.container-profilepage-user .userphoto{border:9px solid #eee;border-radius:50%;display:flex;height:170px;margin:10px 50px 10px 10px;padding:0;width:170px}.container-profilepage-user .userphoto .userphoto-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.container-profilepage-user .photoUploadButton{margin-top:17%;width:20px}.userphoto-uploadImage{width:25px}.container-profilepage-achievements{align-content:center;display:flex;margin-bottom:5.3%;margin-left:10%;margin-top:5%}.container-profilepage-achievements .achievements-image{border:4px solid #eee;border-radius:50%;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;width:60%}.container-profilepage-stats{display:flex;margin-left:8%;margin-right:1%}.profilepage-stats-achievements{border-radius:10px;box-shadow:0 3px 3px 0 #00000026;height:780px;margin-bottom:38px;margin-right:50px;width:45%}.lessonsCompletion-stats{display:flex}.stats-header{background-color:#ff5e5b}.achievements-header,.stats-header{border-radius:10px 10px 0 0;color:#002e88;font-size:22px;font-weight:600;line-height:125%;padding:30px;text-align:center}.achievements-header{background-color:#52d1dc}.lessonsCompletion-stats{padding:20px}.lessonsCompletion-num{margin-left:22%}.lessionsCompletion-stats-lessons .stats-text,.lessonsCompletion-num .stats-text{color:#002e88;font-size:35px;font-weight:500;padding:20px}.stats-achievements-image{border:4px solid #eee;border-radius:50%;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;margin-left:5%;margin-right:5%;margin-top:3.5%;padding:0;width:22%}speaksail-logo{height:95px;object-fit:cover;position:relative;width:258px}.googleIcon{flex-shrink:0;height:30px;overflow:hidden;position:relative;width:30px}.frame-device-google{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start}.login-with-google{color:#b9b9b9;font-family:sans-serif;font-size:20px;font-weight:600;position:relative;text-align:left}.frame-login-with-google{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:10px}.frame-email-pass,.frame-email-pass-wrapper{align-items:center;display:flex;justify-content:flex-start}.frame-email-pass{border:1px solid #b9b9b9;border-radius:10px;flex-direction:row;gap:0 1px;padding:4px 13px 4px 11px}.frame-email-pass-wrapper{background-color:initial;border:0;cursor:pointer;flex-direction:column;padding:0}.or-{color:#d7dcdf;font-family:Urbanist;font-size:20px;font-weight:600;position:relative;text-align:left}.o-r-frame{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:10px}.email-address{background-color:initial;border:0;color:#002e88;display:inline-block;font-family:Urbanist;font-size:22px;font-weight:500;height:31px;outline:0;position:relative;text-align:left;width:177px}.email-password-frame{align-items:center;align-self:stretch;border-bottom:2px solid #b9b9b9;display:flex;flex-direction:row;justify-content:flex-start;padding:10px}.password{background-color:initial;border:0;color:#002e88;display:inline-block;font-family:Urbanist;font-size:22px;font-weight:500;height:31px;outline:0;position:relative;text-align:left;width:122px}.email-password-frame1,.frame-password{align-self:stretch;display:flex;justify-content:flex-start}.email-password-frame1{align-items:center;border-bottom:2px solid #b9b9b9;flex-direction:row;padding:10px}.frame-password{align-items:flex-start;flex-direction:column;gap:30px 0}.register-dropdown{background-color:initial;border:none;color:#b9b9b9;cursor:pointer;font-family:sans-serif;font-size:22px;font-weight:500;height:31px;outline:none;position:relative;text-align:left;width:100%}.register-dropdown option{background-color:#fff;color:#b9b9b9}.login{color:#fff;font-family:Urbanist;font-size:26px;font-weight:600;position:relative;text-align:left}.frame-email-address,.text-password,.text-password2{align-items:center;align-self:stretch;display:flex}.text-password{background-color:#52d1dc}.text-password,.text-password2{border:0;border-radius:10px;cursor:pointer;flex-direction:row;justify-content:center;padding:13px 15px}.text-password2{background-color:#fabc2a}.text-password2:hover{background-color:#ffb300}.frame-email-address{flex-direction:column;gap:50px 0;justify-content:flex-start}.dont-have-an,.span{font-family:sans-serif;font-weight:500}.span{font-weight:600}.dont-have-an-account{color:#b9b9b9}.signup1{color:#002e88}.signup{font-family:Roboto,sans-serif;font-weight:600}.dont-have-an-container{background-color:initial;border:0;display:inline-block;font-size:20px;max-width:100%;padding:0;position:relative;text-align:left}.credentials-container,.login-container{align-items:flex-start;display:flex;flex-direction:column;gap:43px 0;justify-content:flex-start;max-width:100%;width:613px}.login-container{align-items:center;background-color:#fff;box-sizing:border-box;gap:22px 0;margin:0;min-height:750px;min-width:851px;padding:50px 150px;width:851px}.loginImage{height:714px;max-width:100%;object-fit:cover;position:relative;width:714px}.login-page{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:row;gap:0 73px;justify-content:flex-start;letter-spacing:normal;overflow:hidden;padding:54px 50px 53px;position:relative;width:100%}.email-address,.password{border-radius:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-address:after,.password:after{background-color:none}.error-message{color:red;font-family:Urbanist}.text-password{border:2px solid #002e88!important;color:#002e88;font-family:Urbanist;font-size:28px!important;font-weight:600;letter-spacing:1px;transition:all .3s ease}.text-password:hover{background-color:#fff!important;color:#002e88}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 #0003;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px #86868680;box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px #86868680;box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.container-main-sd{align-items:center}.container-main-sd,.container-pb-full,.container-sd{display:flex;flex-direction:column}.container-pb-full{align-items:center;justify-content:center}.container-pb{display:flex;flex-direction:row;margin:40px 0}.container-sd-main{align-items:flex-start;justify-content:flex-start}.container-sd-main,.sd-main{display:flex;flex-direction:column}.sd-main{margin:25px 110px 80px}.sd-middle{align-items:center;display:flex;flex-direction:row;gap:15px;margin-top:25px}.sd-bottom{margin-left:40px;margin-top:40px}.sd-bottom textarea{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #002e88;border-radius:10px;display:flex;display:block;font-size:20px;height:100px;padding:10px;resize:none;transition:box-shadow .3s ease;width:calc(100% - 20px)}.sd-bottom textarea:focus{border:none;box-shadow:0 0 0 3px #0366d64d;outline:none}.sd-bottom textarea::placeholder{font-size:20px}.sd-main h1{color:#002e88;color:var(--Text-Colours-Primary-Text-color,#002e88);font-family:Urbanist;font-size:40px;font-style:normal;font-weight:700;line-height:125%}.container-sd-button{display:flex;flex-direction:row;gap:600px;justify-content:space-between;margin:28px 0;position:relative}.container-sd-button .sd-button1{border:1px solid #ff5e5b;border:1px solid var(--Reds-Red,#ff5e5b);border-radius:10px;color:#ff5e5b;color:var(--Reds-Red,#ff5e5b)}.container-sd-button .sd-button1,.container-sd-button .sd-button2{background-color:#fff;font-family:Urbanist;font-size:28px;font-style:normal;font-weight:600;line-height:125%;padding:15px 39px;transition:background-color .3s ease-in,color .3s ease-in}.container-sd-button .sd-button2{border:1px solid #8e8e8e;border-radius:10px;color:#8e8e8e}.sd-button2:hover{background-color:#002e88;color:#f0f8ff}.sd-button1:hover{background-color:#ff5e5b;color:#f0f8ff}.sd-horizontal-line{border:none;border-top:1px solid #0f0f0f;width:100%}.container-qa{align-items:center;margin-top:40px}.container-qa,.qa-main,.qa-top{display:flex;flex-direction:column}.qa-top{align-items:flex-start;flex-wrap:wrap;margin:30px 110px 50px;row-gap:20px}.qa-top h1{color:#002e88;font-family:Urbanist;font-size:40px;font-weight:700;line-height:125%;max-width:70%}.qa-top-r{align-items:center;display:flex;flex-direction:row;gap:20px;width:629px}.qa-middle{margin-left:155px}.qa-middle-q{margin-bottom:28px}.qa-middle p{color:#000;font-family:Urbanist;font-size:18px;font-style:normal;font-weight:500;line-height:125%}.qa-middle textarea{align-items:center;border:1px solid #002e88;border-radius:10px;display:flex;font-size:20px;margin-top:10px;padding:10px;resize:none}.qa-middle textarea:focus{border:none;box-shadow:0 0 0 3px #0366d64d;outline:none}.audio-player{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif}.rhap_progress-container{flex-grow:1;margin:0 10px;position:relative}.rhap_progress-bar{background-color:#4caf50!important;border-radius:2px;height:4px}.rhap_controls-section{align-items:center;display:flex}.rhap_time{margin:0 10px}.rhap_volume{margin-right:10px}.rhap_button-clear{color:#333}.rhap_button-clear:hover{color:#4caf50}.rhap_button-clear.rhap_playing:before{content:"\u23f8"}.rhap_button-clear.rhap_paused:before,.rhap_button-clear.rhap_stopped:before{content:"\u25b6"}.container-pbar{flex-direction:row}.container-pb-main{background:#e7e7e7;border-radius:30px;cursor:none;flex-shrink:0;height:28px;margin-left:80px;position:relative;width:1200px}.container-pb-line{background:#93ff96;border-radius:30px;cursor:none;height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0}.popup-backdrop{background-color:#00000080;height:100%;left:0;position:fixed;top:0;transition:background-color .3s ease;width:100%}.submission-popup{align-items:center;background-color:#93ff96;border-radius:12px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;gap:5px;height:200px;justify-content:center;left:50%;padding:20px 20px 8px;position:fixed;top:40%;transform:translate(-50%,-50%);width:180px}.submission-popup .active{opacity:1}.submission-popup p{animation:pulse 1s infinite;color:#002e88;font-size:21px;font-weight:800}.main-container{display:flex;flex-direction:column;justify-content:space-between}.container-pbar{display:flex;justify-content:center}.container{margin:0 auto;max-width:600px;padding:20px}.container h1{color:#002e88;font-size:30px;font-weight:700}.container h1,.container p{font-family:Urbanist;font-style:normal;line-height:125%}.container p{color:#2d2d2d;font-size:1.2rem;font-weight:500;margin-bottom:20px}form{border-radius:5px;font-size:1.3rem;font:Urbanist;padding:10px}form input{border:2px solid #000;border-radius:50%;display:inline-block;height:17px;margin-right:10px;width:17px}h3{margin-bottom:10px}.btn-submit{background-color:#93ff96;border-radius:10px;color:#002e88;font-family:Urbanist;font-size:28px;font-style:normal;font-weight:600;line-height:125%;margin-left:200px;padding:15px 39px}label{display:block;margin-bottom:5px}.bottom-tag{bottom:0;position:absolute;width:100%}.container-st{align-items:center;margin-top:40px}.container-st,.st-main{display:flex;flex-direction:column}.st-main{min-height:520px}.st-top{align-items:flex-start;display:flex;flex-direction:column;margin:20px 110px 50px;row-gap:20px}.st-top h1{color:#002e88;font-family:Urbanist;font-size:40px;font-weight:700;line-height:125%;margin-bottom:20px}.st-para{font-size:20px;max-width:70%;width:800px}.st-top p{word-wrap:break-word;width:100%}.ce-dialogue{display:flex;flex-direction:column;justify-content:space-between;width:100%}.ce-dialogue-p{background-color:#e2a2e9;border-radius:40px 40px 40px 0;color:#002e88;font-family:Urbanist;font-size:26px;font-weight:700;gap:10px;left:88px;line-height:125%;opacity:0;padding:20px;top:98px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ce-top{align-items:flex-start;display:flex;flex-direction:column;margin:20px 110px 50px;row-gap:20px;h1{color:#002e88;font-family:Urbanist;font-size:40px;font-weight:700;line-height:125%;margin-bottom:20px}}.st-middle{display:flex;flex-direction:row;justify-content:flex-end;margin:20px 0 80px}.st-middle button{background:#fabc2a;border:none;border-radius:10px;color:#002e88;font-family:Urbanist;font-size:30px;font-style:normal;font-weight:600;gap:10px;line-height:125%;padding:10px}.dialogue-main,.st-middle button{align-items:center;display:flex;flex-direction:row}.dialogue-main{justify-content:space-between}.dialogue-and-icon{align-items:flex-end;display:flex;flex-direction:row;gap:5px}.done-icon{transition:all .3s ease}.done-icon:hover{color:green}.disabled{opacity:.5;pointer-events:none}.player-container{align-items:flex-end;display:flex;flex-direction:column}.button-container{display:flex;flex-direction:row;justify-content:flex-end;margin:20px 0 30px}.button-record{align-items:center;background:#fabc2a;border:1px solid #dd9c04;border-radius:10px;box-shadow:0 2px 4px #0000002e;color:#002e88;display:flex;flex-direction:row;font-family:Urbanist;font-size:24px;font-weight:600;gap:10px;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease,transform .1s ease}.button-record:hover{background:#dd9c04}.button-record.button-stop{background:#ff5722;font-weight:800}.player{width:600px}.button-record.button-stop{animation:glow .5s ease infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #ff5722;transform:scale(1)}to{box-shadow:0 0 10px #ff5722;transform:scale(1.1)}}.audio-player{align-items:center;background-color:#fff;border:none;box-shadow:none;display:flex;flex-direction:row;height:60px;margin-top:20px;outline:none}.waveform{background-color:#fabc2a;padding:10px;transition:height .3s ease}button{size:40px;background-color:initial;border:none;cursor:pointer;padding:10px 20px;transition:color .3s ease,transform .3s ease}@keyframes waveform-appear{0%{height:0;opacity:0}to{height:70px;opacity:1}}.waveform{animation:waveform-appear .5s ease;background-color:#fff;border-radius:50px;box-shadow:0 2px 4px #0000002e;padding:10px 25px;width:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.audio-player button{size:40px;animation:pulse 1.5s infinite;background-color:initial;border:none;cursor:pointer;padding:10px 20px;transition:color .3s ease,transform .3s ease}.audio-player button:hover{color:#fabc2a;transform:scale(1.1)}.whole-container{align-items:flex-end;display:flex;flex-direction:column;gap:57px;justify-content:flex-start;max-width:100%;width:1296px}.vocab-treasure-inner{align-items:flex-start;align-self:stretch;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;max-width:100%;min-height:610px;padding:0 20px 9px}.vocab-treasure{background-color:#fff;border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;gap:57px;justify-content:flex-start;letter-spacing:normal;overflow:hidden;position:relative;width:100%}@media screen and (max-width:750px){.whole-container{gap:28px 57px}}@media screen and (max-width:450px){.vocab-treasure{gap:28px 57px}}.vocab{font-family:inherit;font-size:inherit;font-weight:600;line-height:63px;margin:0;position:relative}.vocab-heading{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:17px 0 0}.treasure{color:#002e88;font-family:Urbanist;font-size:50px;font-weight:600;line-height:63px;position:relative;text-align:left}.heading,.lesson-heading,.treasure-heading{align-items:flex-start;display:flex;flex-direction:row}.treasure-heading{background-color:#d67be0;border:0;border-radius:10px;justify-content:flex-start;overflow:hidden;padding:17px 24px}@media screen and (max-width:1050px){.treasure,.vocab{font-size:40px;line-height:50px}}@media screen and (max-width:450px){.treasure,.vocab{font-size:30px;line-height:37px}.heading{flex-wrap:wrap}}.word-name{font-weight:800}.noun{font-weight:600}.parts-of-speech{line-height:38px;position:relative}.word{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:6px 0}.speaker-icon{flex-shrink:0;height:30px;overflow:hidden;position:relative;width:30px}.speaker,.word-meaning{display:flex;flex-direction:row}.speaker{align-items:flex-start;border-radius:30px;box-sizing:border-box;height:50px;justify-content:flex-start;padding:10px;width:50px}.word-meaning{align-items:center;gap:5px;justify-content:center}.meaning-of-the-word-list{color:#000;margin-bottom:0}.meaning-of-the-word-order{font-size:inherit;margin:0;padding-left:40px}.example{color:#616161}.accident{font-family:Urbanist}.main-word{color:#616161}.example-container{margin:0}.meaning-of-the-word{align-self:stretch;color:0;line-height:125%;position:relative;width:100%}.box-containers,.meaning{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}.meaning{border:1px solid #d67be0;border-radius:10px;gap:10px;padding:20px 30px 20px 29px}.box-containers{color:#002e88;font-family:Urbanist;font-size:30px;gap:50px;text-align:left}@media screen and (max-width:750px){.meaning{box-sizing:border-box;padding-right:39px}.box-containers{gap:25px 50px}}body{line-height:normal;margin:0}.daily-mission{background-color:#fff;border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;letter-spacing:normal;overflow:hidden;position:relative;width:100%}.daily{font-family:inherit;font-size:inherit;font-weight:600;line-height:63px;margin:0;position:relative}.daily-heading{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:17px 0 0}.mission{color:#002e88;font-family:Urbanist;font-size:50px;font-weight:600;line-height:63px;position:relative;text-align:left}.heading,.lesson-heading,.mission-heading{align-items:flex-start;display:flex;flex-direction:row}.mission-heading{background-color:#52d1dc;border:0;border-radius:10px;justify-content:flex-start;overflow:hidden;padding:17px 24px}.heading,.lesson-heading{max-width:100%}.heading{gap:5px;justify-content:flex-start}.lesson-heading{align-self:stretch;box-sizing:border-box;color:#002e88;font-family:Urbanist;font-size:50px;justify-content:center;padding:0 20px 0 24px;text-align:left}.main-section{align-items:center;display:inline-flex;flex-direction:column;gap:36px;height:338px}.task-instruction{color:#000;font-family:Urbanist;font-size:30px;font-style:normal;font-weight:600;line-height:125%}.answer-options-box{align-items:center;border:2px solid #fabc2a;border-radius:10px;display:flex;gap:30px;justify-content:center;padding:20px}.answer-options-box .answer-option{color:#000;font-family:Urbanist;font-size:30px;font-style:normal;font-weight:600;line-height:125%}.questions{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:30px 15px}.questions p{color:#000;font-style:normal;font-weight:400;line-height:125%}.questions input,.questions p{font-family:Urbanist;font-size:30px}.questions input{border:none;border-bottom:2px dotted #002e88;color:#002e88;font-weight:600;padding:0 20px;width:149px}.questions input:focus,.questions input:hover{outline:none}.submission-buttons{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:250px;justify-content:center;padding:70px 0 40px}.submission-buttons .skip-button{border:1px solid #ff5e5b;border-radius:10px;color:#ff5e5b}.submission-buttons .skip-button,.submission-buttons .submit-button{font-family:Urbanist;font-size:28px;font-style:normal;font-weight:600;line-height:125%;padding:15px 39px}.submission-buttons .submit-button{background-color:#93ff96;border-radius:10px;color:#002e88}.submit-button:disabled{background-color:#e6e6e6;cursor:not-allowed}.congrats-message{font-size:30px;margin-top:150px;text-align:center;>h2{color:#002e88}}.daily-mission-streak{color:#002e88;font-family:Urbanist;font-size:28px;font-weight:600;span{color:#ff5e5b}}.daily-mission-error{color:#ff5e5b;font-family:Urbanist;font-size:28px;font-weight:600}.container-pd{align-items:center;margin-top:40px}.container-pd,.pd-main,.pd-top{display:flex;flex-direction:column}.pd-top{align-items:flex-start;flex-wrap:wrap;margin:30px 110px 50px;row-gap:20px}.pd-top-image{align-self:center;display:flex;flex-direction:column;width:680px}.pd-top h1{color:#002e88;font-family:Urbanist;font-size:40px;font-weight:700;line-height:125%;max-width:70%}.pd-middle{align-self:center;margin-bottom:50px}.pd-middle textarea{align-items:center;border:2px solid #002e88;border-radius:10px;display:flex;font-size:30px;margin-bottom:40px;margin-top:115px;padding:20px;resize:none;width:1000px}.pd-middle textarea::placeholder{color:#a4a4a4;font-family:Urbanist;font-size:30px;font-style:normal;font-weight:450;line-height:125%}.pd-middle .btn-submit{align-items:flex-end;border:none;display:inline-flex;gap:19px;margin-left:83.8%;padding:15px 39px}.pd-middle textarea:focus{border:none;box-shadow:0 0 0 3px #0366d64d;outline:none}.table-div{align-items:center;display:flex;flex-direction:column;margin:40px;min-height:553px}.table-container h1{color:#002e88;color:var(--Text-Colours-Primary-Text-color,#002e88);font-size:40px;font-weight:650;line-height:125%;margin-bottom:10px}.table-container h1,.table-main{font-family:Urbanist;font-style:normal}.table-main{align-items:center;border-collapse:initial;border-spacing:5px 10px;color:#000;display:flex;flex-direction:column;font-size:30px;font-weight:700;line-height:100%;width:100%}td,th{background:#fff;background:var(--White,#fff);border:1px solid #7c7c7c;padding:20px;text-align:left}th{background:#002e88;background:var(--Text-Colours-Primary-Text-color,#002e88);color:#f0f8ff;font-weight:700}.table-mid{width:800px}.table-lside{border-top-left-radius:20px;width:100px}.table-rside{border-top-right-radius:20px;height:100%;width:100px}.pagination,.table-rside{display:flex;justify-content:center}.pagination{margin-bottom:5px;margin-top:20px}.pagination button{border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-right:5px;padding:5px 10px}.pagination button:hover{background-color:#f2f2f2}.pagination button.active{background-color:#002e88;background-color:var(--Text-Colours-Primary-Text-color,#002e88);color:#fff}.pagination button:disabled{cursor:default;opacity:.5}.table-mid,.table-row{transition:all .3s ease}.table-row.clickable:hover{color:#002e88;color:var(--Text-Colours-Primary-Text-color,#002e88);cursor:pointer;>.table-mid:hover{font-size:31px}}.table-row.unclickable{cursor:default}.table-row.unclickable:hover{color:#000;color:initial;cursor:default}.loading-spinner-overlay{align-items:center;background-color:#fffc;display:flex;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-container{background-color:#ededed;display:flex;flex-direction:row;height:100vh;margin:0;padding:0}.content-beside-navbar{margin-left:100px}.top{background-color:#fff;height:50px}.top .search-field{background-color:#e4e3e3;border:1px solid #ccc;border-radius:5px;box-shadow:none;font-size:16px;outline:none;padding:10px;width:300px}.accessed-class,.top-students{align-items:baseline;background-color:#fff;border-radius:10px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;margin-bottom:20px;margin-top:30px;width:100%}.accessed-class{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.middle{display:flex;margin-top:50px}.middle-left{margin-right:40px;width:70%}.middle-right{display:flex;flex-direction:column;gap:40px;width:40%}.upper{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.stats-banner{background-color:#add8e6;border-radius:10px;box-shadow:0 1px 4px #00000029,0 0 0 3px #333;color:#002e88;font-family:Urbanist;height:140px;padding:20px;text-align:center;width:240px}.stats-banner h2{font-size:25px;padding-top:30px}.stats-banner h1,.stats-banner h2{font-style:normal;font-weight:800;line-height:normal}.stats-banner h1{font-size:50px}#ban1{background-color:#ff5e5b;transition:background-color .2s ease,color .2s ease}#ban1:hover{background-color:#fff;color:#000}#ban2{background-color:#52d1dc;transition:background-color .2s ease,color .2s ease}#ban2:hover{background-color:#fff;color:#000}#ban3{background-color:#fabc2a;transition:background-color .2s ease,color .2s ease}#ban3:hover{background-color:#fff;color:#000}#headers2{color:#002e88;font-family:Urbanist;font-size:1.7rem;font-style:normal;font-weight:800;line-height:normal;margin:20px 20px 10px}.mid{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);margin:20px 40px 30px}.student-info{align-items:center;background-color:#d3ffd5;border:1px dotted #002e88;border-radius:10px;color:#002e88;display:flex;padding:10px;width:360px}.student-info .img-block{flex:0 0 auto;margin-right:10px}.img-block img{max-width:100%}.info-block-sub{width:180px;h2{font-size:20px}}.info-block{align-items:center;display:flex;flex-direction:row;gap:50px}.bot{color:#002e88;display:flex;flex-direction:column;gap:20px;height:200px;margin:6px 12px 30px;overflow-y:auto;scroll-behavior:smooth}.bot::-webkit-scrollbar{height:0;width:0}.class-info{background-color:#d3ffd5;border:1px dotted #002e88;border-radius:10px;font-size:.7rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:4px 8px;width:800px}.class-box{padding:3px}.class-box h3{margin:0;padding:0}.profile-box{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;justify-content:center;padding:18px 134px 18px 135px;width:220px}.profile-box h2,h3{color:#002e88}.profile-box a{background-color:#52d1dc;border:2px solid #fff;border-radius:5px;color:#002e88;font-family:Urbanist;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-align:center;transition:border .3s ease,background-color .3s ease;width:140px}.profile-box a,.profile-box-profile-button{margin-bottom:5px;margin-top:14px;padding:10px}.profile-box a:hover{background-color:#fff;border:2px solid #002e88}.deadline-box{background-color:#fff;border-radius:5px;border-radius:10px;box-shadow:0 3px 8px #0000003d;color:#002e88;margin-top:50px;padding:20px;width:220 px}.deadline-box h1{font-size:30px;margin-bottom:20px;text-align:center}.deadline-info{align-items:center;border-bottom:2px dotted #002e88;border-radius:2px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding:5px}.deadline-info h2{font-size:25px;margin-bottom:5px}.deadline-info p{color:red}.deadline-info h3,.deadline-info p{font-size:16px;margin:0}.deadline-info button{background-color:#93ff96;border-radius:5px;color:#002e88;cursor:pointer;float:right;font-family:Urbanist;font-size:20px;font-weight:700;line-height:24px;margin-top:-20px;padding:10px 20px;text-align:center;transition:background-color .3s ease,border .3s ease,color .3s ease}.deadline-info button:hover{background-color:#fff;border:1px solid #002e88;color:#ff5e5b}.top-students a{color:#ff5e5b;font-family:Urbanist;font-size:18px;font-weight:700;line-height:21.6px;padding:5px 5px 8px;text-align:right;transition:transform .2s ease}.top-students a:hover{transform:scale(1.1)}.total-classes-taught{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:8px;>h3{color:#002e88;margin:0}}.upNav{background-color:#002e88;border-radius:10px;font-family:Urbanist;margin-top:50px;padding:0 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.upUl{display:flex;flex-direction:row;gap:10px;justify-content:space-between;list-style-type:none;margin:0;padding:13px 20px}.upUl li{border-right:2px solid #fff;display:flex;justify-content:center;max-width:220px;padding:0 20px}.upUl li:last-child{border-right:none}.UpLi{display:inline}.UpLi:last-child{margin-right:0}.linkss{color:#fff;font-size:1.5rem;text-decoration:none;transition:all .5s ease}.linkss:hover{text-decoration:none;transform:scale(1.1)}#correctAnswer{height:30px;width:200px}.upload-container{display:flex;position:relative}.sideBar{flex:0 0 auto}.content-right{display:flex;flex:1 1;flex-direction:column}.upp{flex:0 0 auto}.down,.upp{margin-left:100px}.down{flex:1 1;padding:40px}.down h2{margin-bottom:20px}.form-group{margin-bottom:15px;margin-top:20px}.form-group label{border-radius:1.25rem;-webkit-border-radius:1.25rem;-moz-border-radius:1.25rem;color:#002e88;font-family:Heebo,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;letter-spacing:.025rem;text-transform:uppercase}.form-group input[type=file],.form-group input[type=number],.form-group input[type=text]{background-color:#ededed;border:none;border-radius:4px 4px 0 0;box-sizing:border-box;color:#000000de;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:400;height:56px;padding:10px 16px 6px;transition:opacity .15s cubic-bezier(.4,0,.2,1);width:40%}.form-group input:focus,.form-group input[type=file],.form-group input[type=number],.form-group input[type=text]{align-self:flex-end;border-bottom:2px solid;letter-spacing:.009375em;text-decoration:inherit;text-transform:inherit}.form-group input:focus{border-color:#002e88;color:#002e88;font-size:1.2rem;font-weight:600;outline:none}input:focus::-webkit-input-placeholder{color:#0000}button[type=submit]{background-color:#002e88;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}button[type=submit]:hover{background-color:#45a049}.storyArea{height:160px;width:700px}.passageArea{height:100px;width:700px}.content-beside-navbar2{left:0;margin-top:10px;width:100%}.upperN{width:100%}.container-evaluation{display:flex;flex-direction:row;gap:100px;margin-top:110px}.evaluation-lesson,.evaluation-main{align-items:center;display:flex;flex-direction:column}.evaluation-main{background-color:#fff;border-radius:20px;gap:20px;min-height:60vh;padding:20px;width:750px}.evaluation-lesson-top{align-items:center;display:flex;flex-direction:column;padding:20px 0}.evaluation-lesson-top h1{color:#002e88;font-family:Urbanist;font-size:30px;font-weight:600;margin-bottom:0}.evaluation-lesson-top h2{color:#002e88;font-family:Urbanist;font-weight:500;margin-top:0;text-align:center}.evaluation-lesson-top h3,h5{margin-bottom:0;text-align:center}.evaluation-lesson-top-header{border-bottom:1px solid #002e88;display:flex;flex-direction:column;margin-bottom:10px;padding:0 10px 10px;width:100%}.evaluation-lesson-mid-container{display:flex;flex-direction:row;justify-content:center}.evaluation-lesson-mid{border:1px solid #002e88;border-radius:10px;font-family:Urbanist;font-size:25px;font-weight:600;left:463px;line-height:31.25px;min-height:114px;padding:1px 13px 0 9px;text-align:left;top:453px;width:657px}.evaluation-lesson-mid-audio{width:657px}.evaluation-lesson-mid p{font-weight:800}.evaluation-lesson-mid span{color:#767676;font-weight:400}.evaluation-hidden-status{margin-top:100px}.evaluation-lesson-bottom{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;max-width:800px;.marks{align-items:center;display:flex;flex-direction:row;font-size:20px;font-weight:700;gap:10px;input{-webkit-appearance:none;border:none;border-bottom:2px solid #002e88;font-size:20px;padding:5px 10px;width:60px}}}.evaluation-comment textarea{border-radius:10px;font-size:16px;font-weight:500;margin-top:20px;padding:4px 15px;width:790px}.evaluation-lesson-bottom button{border:2px solid #ededed;border-radius:5px;color:#002e88;font-family:Urbanist;font-size:24px;font-weight:700;line-height:28.8px;text-align:left;transition:all .3s ease}.evaluation-lesson-bottom button:hover{background-color:#fff!important;border:2px solid #002e88}.evaluation-submissions{background-color:#fff;border-radius:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px}.evaluation-submissions-top{margin-bottom:30px}.evaluation-submissions h1{color:#002e88;font-family:Urbanist;font-size:25px;font-weight:800;line-height:30px}.evaluation-submissions h3{color:#000;font-family:Urbanist;font-size:20px;font-weight:700;margin:0}.evaluation-submissions-bottom{gap:20px}.evaluation-submissions-bottom,.submissions-section-indv{display:flex;flex-direction:column}.submissions-section-indv-top{align-items:center;border:2px solid #002e88;border-radius:3px;cursor:pointer;display:flex;flex-direction:row;gap:150px;justify-content:space-between;padding:8px;transition:all .3s ease}.submissions-section-indv-top:hover{background-color:#002e88;color:#fff;transform:scale(1.04);>.letterbox h3{color:#fff}}.letterbox{align-items:center;display:flex;flex-direction:row;gap:20px}.letterbox span{border-radius:5px;color:#fff;font-weight:800;padding:4px 10px}.submissions-section-indv-drop{align-self:center;width:90%}.submissions-section-indv-drop-indv{border-bottom:1px solid #000;color:#002e88;cursor:pointer;display:flex;flex-direction:row;font-weight:700;justify-content:space-between;margin:4px;transition:all .2s ease}.submissions-section-indv-drop-indv:hover{background-color:#e2a2e9;transform:scale(1.02)}.evaluation-no-selected{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:20px;height:65vh;justify-content:center;padding:20px;width:750px}.evaluation-no-selected h1{color:#002e88}.container-materials{align-items:center;color:#002e88;display:flex;flex-direction:column;margin-top:24px;min-height:608px}.container-materials h1{font-family:Urbanist;font-size:38px;font-weight:600;gap:0;height:Hug (97px)px;line-height:62.5px;opacity:0;padding:17px 5px;text-align:left;width:Hug (209px)px}.container-materials h1 span{background:#52d1dc;border-radius:10px 0 0 0;color:#002e88;gap:0;height:Hug (97px)px;opacity:0;padding:17px 24px;width:Hug (258px)px}.material-box-container{display:flex;flex-direction:column;margin-bottom:20px;margin-top:40px;row-gap:20px}.material-box{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none}.material-listItem{align-items:center;border:1px solid #002e88;border-radius:16px;display:flex;flex-direction:row;gap:16px;height:40px;justify-content:flex-start;padding:15px 20px;width:1300px;>span{color:#2d2d2d;font-family:Urbanist;font-size:30px;font-weight:600;line-height:36px;text-align:left}}.material-change-button{display:flex;gap:20px;justify-content:flex-end;margin-bottom:40px}.material-change-button button{background-color:#fff;border:2px solid #002e88;border-radius:8px;color:#002e88;font-family:Urbanist;font-size:26px;font-weight:600;line-height:37.5px;padding:9px 26px;text-align:left;transition:background-color .3s ease-in,color .3s ease-in}.material-change-button button:hover{background-color:#002e88;color:#fff}.materials-drop{margin-bottom:25px;width:95%}.material{align-items:center;border-bottom:1px solid #002e88;display:flex;flex-direction:row;font-family:Urbanist;font-size:22px;font-weight:600;gap:18px;line-height:36px;padding:12px 35px 5px;text-align:left}.material span{transition:transform .3s ease,color .3s ease}.material span:hover{color:#52d1dc;cursor:pointer;transform:scale(1.05)}.container-completions{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:center;margin-bottom:20px;margin-top:40px;.report{align-self:first baseline;button{background:#52d1dc;border-radius:10px;color:#002e88;font-size:20px;font-weight:600;gap:10px;height:50px;margin:40px;opacity:0;padding:10.5px 18px;width:315px}}}.completions-main2{margin-left:180px}.completions-header{color:#002e88;font-family:Urbanist;font-size:22px;text-align:left;h1{font-weight:600}span{background-color:#fabc2a;border-radius:10px;padding:10px 24px}}.completions-main{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:658px;position:relative}.completions-grid{display:flex;flex-direction:column;gap:20px;height:500px}.completions-lessons-box{align-items:center;border:2px solid #002e88;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:24px 20px;transition:all .3s ease;width:614px;h4{font-size:20px}span{color:#002e88;font-weight:600}}.completions-lessons-box:hover{background-color:#ececec}.completed-lesson-main{align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:center;.completed-lesson-type{color:#002e88;font-size:30px;font-weight:700;line-height:50px}.completed-lesson-answer,.completed-lesson-type{font-family:Urbanist;text-align:left}.completed-lesson-answer{border:1px 0 0;border-radius:10px;box-shadow:0 2px 4px #002e88;font-size:25px;font-weight:400;gap:0;left:19px;line-height:31.25px;min-height:114px;opacity:0;padding:10px 20px;top:204px;width:657px;span{color:#767676;font-size:25px;font-weight:400;line-height:31.25px}}}.completed-lesson-container{align-items:center;display:flex;flex-direction:column}.completed-lesson-container .back-button{background-color:#002e88;border:2px solid #002e88;border-radius:5px;box-shadow:0 2px 4px #002e88;color:#fff;font-size:20px;font-weight:500;margin-top:40px;transition:all .3s ease}.completed-lesson-container .back-button:hover{background-color:#fff;border:2px solid #002e88;color:#002e88}.question-comprehension{align-items:center;display:flex;flex-direction:column;gap:20px}.question-player{box-shadow:0 2px 4px #002e88;width:600px}.question-comprehension-passage{font-size:20px;text-align:center;width:40%}.completed-lesson-question{align-items:center;display:flex;flex-direction:column}.question-comprehension-options,.question-qa-question{align-items:flex-start;display:flex;flex-direction:column;font-size:20px;font-weight:600;gap:5px}.question-storytelling-story{font-size:20px}*{font-family:Urbanist}.header-guide{color:#00008b;font-size:50px;font-weight:600;margin-bottom:2%;margin-top:1%}.header-guide,.navbar-guideGeneral{display:flex;justify-content:center}.navbar-guideGeneral{align-items:center;background-color:plum;border-radius:10px;gap:10px;margin-bottom:3%;margin-left:28%;padding:0;width:45%}.navbar-button{background-color:plum;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px}.navbar-button:hover{background-color:#606e86;color:#fff}.navbar-button.active{background-color:#00008b;color:#fff;font-weight:700}.navbar-dropdown{position:relative}.guide-content-name{color:#00008b;font-size:30px}.dropdown-menu{background-color:#fff;border:1.5px dotted #002e88;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:5px;padding:10px 0;position:absolute;width:200px;z-index:1}.dropdown-item{background-color:#fff;border:none;border-radius:5px;color:#002e88;cursor:pointer;display:block;font-size:20px;font-weight:600;padding:10px 20px;text-align:left;width:auto}.dropdown-item:hover{background-color:#eecaf2;border-radius:2px}.arrow{margin-left:2px}.guide-content{display:flex;flex-direction:column;margin-bottom:5%;margin-left:8%;margin-right:5%}.guide-content-header{color:#000;display:flex;font-size:40px;font-weight:600;justify-content:center;margin-bottom:1%}.guide-content-title{color:#002e88;color:var(--Text-Colours-Primary-Text-color,#002e88);font-size:32px;font-weight:700;margin-bottom:1%;margin-top:2%}.guide-content-inline,.guide-content-title{font-family:Urbanist;font-style:normal;line-height:normal}.guide-content-inline,.guide-content-inlinetext{color:#000;font-size:28px;font-weight:600}.guide-content-inlinetext{font-family:Urbanist;font-style:normal;line-height:normal;margin-left:60px}.status-403{height:100vh;justify-content:center;width:100%}.status-403,.status-403-main{align-items:center;display:flex;flex-direction:column}.status-403-main{gap:5px;.status-link{border:1px solid #000;border-radius:5px;color:#000;font-size:14px;font-weight:600;margin-top:10px;padding:5px;text-decoration:none}}.container-report{align-items:center;display:flex;flex-direction:column}.completions-header{margin:40px;span{background-color:#52d1dc}}.report-table-container{border-radius:20px;font-family:Inter;font-size:20px;font-weight:600;line-height:32.5px;max-width:1200px;text-align:left;table{border-collapse:collapse;width:100%}td,th{border:1px solid #5b5b5b;text-align:center}td{padding:5px}.row-a td{background-color:#d4e0f9}thead th{background-color:#002e88;color:#fff}tbody tr{height:40px}.th-at{text-align:left;width:300px}.th-cat{width:200px}}.feedback-table{border:none;margin-top:40px;outline:none;width:50%}.feedback-table td{border:1px solid #5b5b5b;border-left:none;border-right:none;outline:none;padding:8px;text-align:left}.feedback-table input[type=checkbox]{margin-left:10px}.feedback-table{.row-first{border-right:1px solid #5b5b5b}}.teachers-comment{align-items:first baseline;display:flex;flex-direction:row;font-size:18px;margin-top:30px;span{font-weight:700;width:340px}p{font-weight:500;line-height:26px;text-align:left}}
/*# sourceMappingURL=main.36501896.css.map*/