*{padding:0;margin:0}body::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.smooth_scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-y:scroll}body{font-family:nunito,sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}#root{color:#000;width:100%}.Toastify__toast-container{z-index:10000!important}.center{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.light_blur{background:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(10px)}.glass_blur{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a}.container{display:flex;padding:0 8px;background-color:#fff}.hide_scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide_scrollbar::-webkit-scrollbar{display:none}.page__content__container{padding:10px;display:flex;align-items:center;flex-direction:column;justify-content:center}.section_page_content{width:100%;margin-left:0}.section_page_content::-webkit-scrollbar{display:block}.default__texts{color:#040404!important;font-weight:700;font-size:32px}.scrollable_vertical{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#023527 #fff}.scrollable_vertical::-webkit-scrollbar{width:6px}.scrollable_vertical::-webkit-scrollbar-track{background:#f1f1f1}.scrollable_vertical::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.scrollable_vertical::-webkit-scrollbar-thumb:hover{background:#555}@media (min-width: 884px){.section_page_content{margin-left:0%}.container{margin-left:15%}}.module-note-section{height:100vh;padding-top:100px;background-color:#cccc1f1a;overflow-y:scroll}.module-note-section::-webkit-scrollbar{width:7px}.module-note-section::-webkit-scrollbar-thumb{background-color:#023527}.sidebar-note-container{display:flex}.note-navbar-container{height:9.8vh;display:flex;margin-bottom:10px;padding:15px 20px;justify-content:space-between;align-content:center;align-items:center}.note-container{background-color:#fff;padding:24px;margin:auto;border-top-left-radius:20px;border-top-right-radius:20px}.note-container::-webkit-scrollbar{display:none}.note-header-container{height:280px;display:flex;align-items:center;gap:40px;padding:20px 20px 20px 80px;background-color:#4a90e2;border-top-left-radius:20px;border-top-right-radius:20px;margin-bottom:10px}.note-header-img{width:300px}.note-header-text-container{color:#fff;width:399px}.Module-topic{font-size:24px;color:#fff;font-weight:700;margin-bottom:10px}.examCompass{color:#fff;font-size:13px}.note-tab-container{width:100%;padding:10px 0;display:flex;justify-content:space-between}.n-i-btn-container{display:flex;gap:10px}.n-i-btn-active{color:#040404;border-bottom:1px solid #4dc591}.n-i-btn-inactive{color:#9295a3}.n-i-btn-active,.n-i-btn-inactive{font-weight:700;padding:10px 0;cursor:pointer}.take-quiz-btn{background-color:transparent;color:#4dc591;border:1px solid #4dc591;width:120px;padding:10px 0;border-radius:12px;cursor:pointer;transition:.2s ease-in-out}.take-quiz-btn-link{color:#4dc591;text-decoration:none}.take-quiz-btn-link:hover{color:#fff}.take-quiz-btn:hover{background-color:#4dc591;color:#fff}.title-body{margin-bottom:20px}.title-body ul{padding:10px 20px}.title-body ul li{color:#9295a3;line-height:26px}.title-body ul li::marker{color:#4dc591}.note-title{color:#040404;font-size:18px;font-weight:700;margin-bottom:10px}.note-body{font-size:15px;padding:20px;line-height:26px}.note-body{color:#9295a3}@media (min-width: 884px){.note-header-container{height:auto;padding:20px}.module-note-container{padding:10px 20px}}@media (max-width: 615px){.module-note-section{padding-top:100px}.note-header-container{height:auto;padding:10px 5px}.note-header-text-container{width:100%}.take-quiz-btn{width:80px;padding:6px 0}.title-body ul{grid-template-columns:repeat(1,1fr)}.note-header-img{display:none}}@media (max-width: 380px){.note-tab-container{padding:10px 0;display:flex;justify-content:space-between}}.note-navbar-container{width:95vw;background-color:#fff;padding:20px 40px;position:fixed;top:0;left:0;box-shadow:1px 1px 10px #00000080;display:flex;align-items:center}.to_dashboard{display:flex;align-items:center;color:#023527;text-decoration:none}.dashboard_route{color:#023527;font-weight:700}.note-navbar-container h1{margin:0;font-size:24px;font-weight:700;color:#040404}.quiz__name__avatar__menu{display:flex;align-items:center;height:auto}.correction_nav__logo{height:auto;width:100px}.avatar_img{width:36px;height:36px;background:#040404;border:none;border-radius:50%;margin:0 5px}.navbar__username{font-size:16px;color:#040404;font-weight:500}.correction_nav__logo--large{display:block;width:100px}.correction_nav__logo--small{display:none}@media (max-width: 884px){.correction_nav__logo--small{display:block;width:40px}.correction_nav__logo--large{display:none}}@media (max-width: 480px){.note-navbar-container{padding:20px 10px;display:flex;align-items:center}}@media (max-width: 320px){.note-navbar-container{padding:30px 10px;display:flex;align-items:center}}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:#bfc221;margin:-3.6px 0 0 -3.6px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.robot-icon-container{display:inline-block}.robot-arm{transform-origin:52px 26px;animation:wave 1.2s infinite ease-in-out}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}}.ai-welcome{padding:10px 20px;text-align:center;background:linear-gradient(145deg,#f7faff,#fff);border-radius:12px;box-shadow:0 4px 12px #0000000f}.ai-welcome-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:10px}.ai-welcome-text{font-size:1rem;color:#4a5568;margin-bottom:15px;line-height:1.5}.suggestions-dropdown{position:absolute;bottom:60px;left:0;right:0;background:#fff;border:1px solid #dcdcdc;border-radius:8px 8px 0 0;box-shadow:0 2px 6px #0000001a;z-index:10;max-height:250px;overflow-y:auto}.suggestion-item{padding:10px 14px;cursor:pointer;transition:background .2s ease}.suggestion-item:hover{background:#f1f3f4}.ai-toggle-btn{position:fixed;bottom:1.5rem;right:1.5rem;border:none;padding:.8rem;transition:transform 1s ease,all .25s ease;z-index:2000;border-radius:50%;cursor:pointer;animation:jump .6s ease-in-out;animation-iteration-count:infinite;animation-delay:5s;animation-play-state:paused}.ai-toggle-btn.jumping{animation-play-state:running}.ai_toggle_text{position:absolute;left:0%;top:50%;transform:translateY(90%);transform:translate(-90%);margin-left:8px;background-color:#023527;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;white-space:nowrap;box-shadow:0 2px 6px #00000026}@keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(0)}70%{transform:translateY(-5px)}}.ai-toggle-btn:hover{transform:scale(1.2)}.ai-toggle-btn.open{bottom:32rem}.ai-assistant-panel{position:fixed;bottom:0;right:-100%;width:40%;min-width:300px;height:calc(100vh - 10px);display:flex;flex-direction:column;border-left:1px solid #ddd;background:#fff;box-shadow:-2px 0 8px #0000001a;transition:right .4s ease;z-index:1500}.ai-assistant-panel.show{right:0}.ai-messages{flex:1;overflow-y:auto;padding:1rem}.ai-msg{max-width:90%;padding:.6rem .8rem;margin-bottom:.5rem;border-radius:8px;white-space:pre-wrap}.ai-msg.user{align-self:flex-end;background:#023527;color:#fff}.ai-msg.assistant{text-align:left;background:#f1f1f1;color:#333}.ai-msg.assistant p{font-size:16px;line-height:1.5;color:#333;margin-bottom:12px}.ai-msg.assistant p,.ai-msg.assistant h1,.ai-msg.assistant h2,.ai-msg.assistant ul,.ai-msg.assistant li{text-align:left}.ai-msg.assistant h1{font-size:28px;font-weight:700;margin:20px 0 10px}.ai-msg.assistant h2{font-size:22px;margin:16px 0 8px}.ai-msg.assistant ul{padding-left:20px;margin-bottom:12px}.ai-msg.assistant li{list-style-type:none;margin-left:-20px}.ai-msg.assistant li{margin-bottom:6px}.ai-msg.assistant a{color:#00f;text-decoration:underline}.ai-msg.assistant strong{font-weight:700}.suggestions{background:#fafafa;border-top:1px solid #eee}.suggestion{padding:8px 12px;cursor:pointer}.suggestion:hover{background:#f0f0f0}.ai-input-row{display:flex;border-top:1px solid #ddd;padding:.5rem}.ai-input-row input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px}.ai-input-row button{margin-left:.5rem;padding:.5rem 1rem;background:#023527;color:#fff;border:none;border-radius:4px;cursor:pointer}.ai-input-row button:disabled{background:#ccc;cursor:not-allowed}.optional_questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.optional_question_btn{padding:6px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:9999px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.optional_question_btn:hover{background-color:#e5e5e5}.ai_assistant_close_icon{margin-left:20px;margin-top:20px;background:transparent;border:none;font-size:24px;font-weight:700;cursor:pointer;line-height:1;color:#333;transition:color .2s ease;width:30px}.ai_assistant_close_icon:hover{color:#000}@media (max-width: 768px){.ai-assistant-panel{width:100%}}.no-gems-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3000}.no-gems-modal{background:#fff;border-radius:8px;max-width:400px;width:90%;padding:1.5rem;box-shadow:0 4px 20px #00000040;animation:popIn .25s ease}.no-gems-modal h2{margin-bottom:.8rem;font-size:1.4rem;color:#333}.no-gems-modal p{font-size:.95rem;color:#555;line-height:1.4;margin-bottom:1.2rem}.no-gems-actions{display:flex;justify-content:flex-end;gap:.6rem}.cancel-btn,.buy-btn{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-size:.9rem}.cancel-btn:hover{background:#b3b3b3}.buy-btn{background:#023527;color:#fff}.buy-btn:hover{background:#02231a}.gems-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:3000}.gems-modal{background:#fff;border-radius:12px;width:95%;max-width:420px;padding:1.5rem;animation:popIn .3s ease}.modal-title{text-align:center;font-size:1.4rem;margin-bottom:1rem;color:#222}.gems-list{display:flex;flex-direction:column;gap:.8rem}.gem-card{display:flex;align-items:center;background:#f7f8fc;border:2px solid transparent;border-radius:10px;padding:.8rem;cursor:pointer;transition:.2s}.gem-card:hover{transform:scale(1.02);background:#f0f3ff}.gem-card.selected{border-color:#4cafef;background:#e6f3ff}.gem-card input[type=radio]{margin-right:.8rem;accent-color:#4cafef;width:20px;height:20px;cursor:pointer}.gem-info{display:flex;flex-direction:column}.gem-name{font-weight:700;font-size:1rem;color:#222}.gem-amount{font-size:.9rem;color:#4cafef}.gem-price{font-size:.85rem;color:#777}.gems-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.2rem}.cancel-btn,.confirm-btn{padding:.5rem 1.2rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem}.cancel-btn{background:#ccc;color:#333}.confirm-btn{background:#023527;color:#fff}.confirm-btn:disabled{background:#b3d7f5;cursor:not-allowed}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.gems_response-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:4000}.gems_response-modal{background:#fff;border-radius:12px;width:90%;max-width:380px;padding:1.8rem 1.4rem;text-align:center;animation:fadeInUp .35s ease}.gems_response-icon{font-size:3rem;margin-bottom:.6rem}.gems_response-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#1e1e1e}.gems_response-message{font-size:1rem;color:#444;margin-bottom:1.2rem}.gems_response-close-btn{background:#023527;color:#fff;padding:.6rem 1.4rem;border-radius:6px;border:none;font-size:.95rem;cursor:pointer;transition:.2s ease;margin-top:1rem}.gems_response-link-btn{margin-top:5rem;color:#023527}.gems_response-close-btn:hover{background:#023527}.gems_response-content{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:2px dashed #023527;border-radius:10px;padding:.8rem 1rem;cursor:pointer;transition:all .2s ease}.gems_response-content:hover{background:#eaf6ff;border-color:#023527}.gems_response_paragraph{margin:0;font-size:.95rem;font-weight:500;color:red;word-break:break-word}.gems_response-content svg{color:#4cafef;transition:color .2s ease}.gems_response-content:hover svg{color:#3a9bdc}.btns_container{display:flex;align-items:center;justify-content:space-between}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.typing-dots{display:inline-block;margin-left:6px}.typing-dots span{display:inline-block;width:5px;height:5px;background:#888;border-radius:50%;margin:0 1px;animation:blink 1s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.ai-summary-container{display:flex;flex-direction:column;gap:1rem;padding:5px}.selectors{display:flex;gap:.5rem}select{width:fit-content;padding:.5rem}select,button{border-radius:6px;border:1px solid #ccc}.summarize_button{border:none;padding:4px 8px;background-color:#023527;border-radius:5px;color:#fff;font-size:13px}.chat-window{display:flex;flex-direction:column;gap:.5rem}.chat-bubble{max-width:87%;word-break:break-all;padding:.5rem .75rem;border-radius:8px;line-height:1.4}.chat-bubble.user{background:#daf0ff;align-self:flex-end}.chat-bubble.ai{background:#f1f1f1;align-self:flex-start;position:relative}.chat-bubble.ai pre,.chat-bubble.ai code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;display:block}.chat-bubble.ai p{font-size:16px;line-height:1.5;color:#333;margin-bottom:12px}.chat-bubble.ai p,.chat-bubble.ai h1,.chat-bubble.ai h2,.chat-bubble.ai h3,.chat-bubble.ai h4,.chat-bubble.ai h5,.chat-bubble.ai h6,.chat-bubble.ai ul,.chat-bubble.ai li{text-align:left}.chat-bubble.ai h1{font-size:28px;font-weight:700;margin:20px 0 10px}.chat-bubble.ai h2{font-size:22px;margin:16px 0 8px}.chat-bubble.ai ul{padding-left:20px;margin-bottom:12px}.chat-bubble.ai li{list-style-type:none;margin-left:-20px}.chat-bubble.ai li{margin-bottom:6px}.chat-bubble.ai a{color:#00f;text-decoration:underline}.chat-bubble.ai strong{font-weight:700}.error{font-size:12px;color:red}.sidebar__container{position:fixed;top:0;left:0;bottom:0;width:100%;height:100vh;flex-direction:column;display:flex;align-items:start;justify-content:space-evenly;max-width:300px;background:#f8f9fa;padding:30px 0;margin-top:0;transform:translate(-100%);margin:2;border-top-right-radius:30px;border-bottom-right-radius:30px;transition:all .3s ease-in-out;z-index:99999}.side__bar__items{width:100%}.open-bar{transform:translate(0)}.close-bar{transform:translate(-100%)}.small-logo-container{display:flex;width:100%;justify-content:space-between}.nav__logo__container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav__logo{height:auto;width:120px}.sidebar__item{display:flex;width:100%;margin:15px 0;cursor:pointer;font-weight:500}.sidebar__active{border-left:5px solid #023527;color:#09513e;background:#cccc1f1a;font-weight:600}.sidebar__disabled{color:#8a8a8a;background:transparent}.individual__items{display:flex;align-items:start;gap:10px}.individual__items img{width:25px;height:25px;margin:0 8px}.individual__items span{font-size:14px;font-weight:400}.signout__button{color:#e55858;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.signout__button:hover{cursor:pointer}.signout__button img{margin:0 5px}.sidebar__item{width:80%;display:flex;align-items:start;justify-content:start;flex:content;margin:15px 0;cursor:pointer;padding:10px;font-weight:500}.nav__logo--large{display:none}.nav__logo--small{display:block;width:60px}@media (min-width: 884px){.sidebar__container{position:fixed;top:0;left:0;bottom:0;z-index:600;width:17%;border-top-right-radius:0;border-bottom-right-radius:0;transform:translate(0);padding:5px;display:flex}.nav__logo__container{display:flex;margin-top:0}.small-logo-container{width:100%;display:none;align-items:center;justify-content:space-between;padding:0 10px 10px 45px;border-bottom:1px solid #023527}.nav__logo--large{display:flex;align-items:start}.nav__logo--small{display:none;width:40px}}.btn_menu{display:flex;gap:5%}.button__fill,.primary_btn{height:40px;width:215px;border:none;color:#fff;font-weight:500;border-radius:8px;background:#023527;font-size:14px;box-shadow:0 16px 30px #4dc5914d}.button__outline,.secondary_btn{height:40px;width:215px;border:2.2px solid #023527;color:#023527;font-weight:500;border-radius:8px;font-size:14px;background-color:#fff}.home_main_container{display:flex;width:100%;margin-top:1rem;flex-direction:column;height:100%;overflow:hidden;justify-content:center;margin:0 auto;align-items:center}.home_left_container{width:100%;height:100%;padding-left:5px;padding-right:5px;margin-top:2rem;margin-bottom:0;animation:fadeInFromBottom .5s ease-in-out}.home_left_container::-webkit-scrollbar{width:5px}.home_left_container::-webkit-scrollbar-thumb{background-color:#023527}.home_right_container{margin-top:2rem;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;transition:all .3s ease-in-out;overflow-y:scroll;animation:fadeInFromRight .5s ease-in-out}.home_right_container::-webkit-scrollbar{width:5px}.home_right_container::-webkit-scrollbar-thumb{background-color:#023527;border-radius:3px}.welcome_container{margin-top:2rem;position:relative;background:linear-gradient(to bottom,gold 20%,#cccc1f);border-radius:17px;display:flex;justify-content:space-between;margin-bottom:20px;padding:13px 0}.welcome-right{padding:4px;z-index:99}.welcome_img_container{position:absolute;top:-3.1rem;z-index:99;right:-1.1rem}.welcome_img{width:180px;height:200px}.welcome-text{font-size:15px;font-weight:700;color:#000;line-height:100%;letter-spacing:0}.emoji{width:30px;line-height:100%;letter-spacing:0}.subtext{color:#000;line-height:100%;font-size:12px;text-align:left}.subtext-progress{font-weight:700}.subtext_link_container{margin-top:10px;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#023527,#006247);width:80%;color:#fff;padding:10px 6px}.subtext_link{display:flex;gap:8px;text-align:center;text-decoration:none;color:#fff}.subtext_link_text{color:#fff;font-size:10px;line-height:100%;letter-spacing:0%}.chart-prog-container{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.module-prog-main{flex:2}.mini-leaderboard-main{flex:1}@keyframes glow{0%{text-shadow:0 0 1px #0ff;font-size:20px}50%{text-shadow:0 0 20px #0ff;font-size:10px}to{text-shadow:0 0 1px #0ff;font-size:20px}}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFromRight{0%{opacity:0;transform:translate(-10rem)}to{opacity:1;transform:translate(0)}}.pulser{color:#fff;animation:glow 2.5s infinite alternate}.prog-bx{flex:1}.horizontal_line_container{width:100%;height:100%}.horizontal_line{width:100%;height:1.5px;margin:10px 0}.tracking_wrapper{background-color:#023527;border-radius:10px;width:100%}.tracking_container{position:relative;max-height:280px;background-color:#023527;border-radius:10px;overflow-y:scroll}.tracking_header_container{position:sticky;top:-20px;left:0;right:0;padding:5px 8px;background-color:#023527;z-index:99}.tracking_container::-webkit-scrollbar{display:none}.tracking_container::-webkit-scrollbar-thumb{display:none}.tracking_header{padding:10px;display:flex;justify-content:space-between;align-items:center}.your_progress_text{font-weight:700;font-size:12px;line-height:100%;letter-spacing:0%;color:#fff}.view_all_button{font-weight:700px;font-size:13px;line-height:100%;letter-spacing:0%;color:#cccc1f;cursor:pointer;font-style:italic}.progress_tracking_container{display:flex;flex-direction:column;gap:10px}.progress_tracking_info{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%;height:100%}.progress_tracking_item{display:flex;align-items:center;justify-content:start;background-color:transparent;gap:10px;text-transform:uppercase;border-radius:10px;padding:8px}.progress_tracking_image_container{width:40px;height:40px;border-radius:50%;border-color:#fff;display:flex;align-items:center;justify-content:center;padding:1px;background-color:#b6b4b4}.progress_tracking_image{width:90%;height:90%;object-fit:contain;border-radius:50%}.progress_tracking_section{font-weight:500;font-size:10px;line-height:100%;letter-spacing:0%;color:#fff;margin-bottom:20px;font:Open Sans}.progress_tracking_subject_container{border:1px solid #fff;border-radius:50px;gap:5px;background-color:transparent;margin-top:5px;display:flex;cursor:pointer;margin-bottom:10px;align-items:center;padding:2px 8px}.progress_tracking_section_container{display:flex;gap:10px;align-items:center;justify-content:center}.progress_tracking_subject{font-weight:700px;font-size:8px;line-height:100%;letter-spacing:0%;color:#cccc1f}.progress_tracking_subject_image{width:14.54px;height:14.25px;color:#cccc1f;border-radius:50%;background-color:#cccc1f}.progress_bar_container{width:95%;position:relative;border-radius:10px;height:10px}.progress_bar{position:absolute;top:0;right:0;left:0;border-radius:10px;bottom:0}.progress_text{z-index:999;display:flex;position:absolute;top:-10px;color:#fff;font-size:14px;right:-4px;font-weight:100%;line-height:0%;bottom:0}.left_second_container{display:flex;flex-direction:column;gap:20px;width:100%}.dashboard_explore_section{display:flex;flex-direction:row;justify-content:space-between;gap:15px;margin-top:1rem;width:100%}@media (min-width: 1250px){.home_left_container{overflow-y:scroll}.home_right_container{margin-top:0;position:sticky;width:100%;height:100%;overflow-y:scroll}.welcome_container{margin-top:3.4rem;height:35%;padding:0 30px;flex-direction:row;align-items:center;justify-content:space-between}.welcome_img_container{position:absolute;top:-3.63rem;right:0rem}.welcome_img{width:270px;height:100%}.welcome-right{padding:14px}.welcome-text{font-size:35px;font-weight:700;color:#fff}.emoji{width:30px}.subtext{color:#fff;line-height:24px;font-size:16px;text-align:left}.subtext_link_container{margin-top:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#023527,#006247);width:60%;color:#fff}.subtext_link{display:flex;gap:10px;text-align:center;text-decoration:none;color:#fff}.subtext_link_text{color:#fff;font-size:17px;line-height:100%;letter-spacing:0%;padding:12px 5px}.tracking_container{padding:20px 15px}.dashboard_explore_section{flex-direction:row;gap:30px}}@media (min-width: 884px){.home_main_container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.home_left_container{margin-top:2.5rem;width:69%;gap:0px;overflow-x:hidden;overflow-y:scroll;height:calc(100vh - 60px);padding:1rem}.home_right_container{height:calc(100vh - 60px);overflow-x:hidden;overflow-y:scroll;padding:0;width:31%;margin-top:2.5rem}}@media (max-width: 600px){.dashboard_explore_section{flex-direction:column}}.calender_container{height:270px;margin-top:40px;background-color:#fff;padding:11px 0;border-radius:20px}.streak-month-date{font-size:14px;font-weight:500;line-height:22.49px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#8a8a8a;display:flex;align-items:center;justify-content:center;gap:5px}.streak-calendar{width:95%;margin:0 auto;font-family:Arial,sans-serif}.calendar-header{display:flex;justify-content:space-between;font-size:16px;margin-bottom:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-name{text-align:center;font-weight:700;font-size:12px;padding:3px}.day{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;background-color:transparent;border-radius:50%;transition:background-color .3s}.day:hover{background-color:#fff}@media (min-width: 884px){.calender_container{width:100%}}.percentage-bubble-container{position:relative;display:inline-block}.percentage-bubble{background-color:#999000;color:#fff;border:2px solid white;padding:6px 7px;border-radius:6px;font-weight:700;font-size:10px;text-align:center}.bubble-pointer{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid white}.scroll-wrapper{position:relative;height:200px;overflow:hidden;background-color:#023527}.scroll-content{height:100%;overflow-x:hidden;overflow-y:auto;padding-right:20px}.scroll-content::-webkit-scrollbar{width:0px}.custom-scrollbar{position:absolute;top:0;right:4px;width:6px;height:100%;background-color:transparent}.scroll-thumb{position:absolute;width:100%;background-color:#dfdada;border-radius:3px;transition:top .01s linear}.explore_section_container{width:100%;height:100%;padding:8px;background-color:#fff;border-radius:20px}.explore_section_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px}.explore_section_view_all{color:#07f;font-weight:700;font-size:13px;line-height:100%;cursor:pointer;letter-spacing:0%}.explore_section_title{font-weight:700;font-size:15px;line-height:100%;letter-spacing:0%;color:#000}.explore_section_content{display:flex;flex-wrap:wrap;width:100%;gap:20px}.explore_section_items{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:10px;width:100%}.explore_section_item{width:90px;height:125px;border-radius:10.54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.explore_section_image_container{width:70px;height:70px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.explore_section_image{width:90%;height:90%;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:10px}.explore_section_item_title{font-weight:600;font-size:11.29px;line-height:11.29px;letter-spacing:0%;color:#000;text-align:center}.top_achievers_container{padding-top:20px;padding-bottom:20px;background-color:#fff;border-radius:20px}.achievers_header{padding-right:20px;padding-left:20px;text-align:left}.achievers_header_title{font-weight:700;font-size:18px;line-height:100%;letter-spacing:0%;text-align:left;color:#000;font-style:italic}.top_achievers_items{border:1px solid #696969;border-radius:15px;height:100%;display:flex;justify-content:space-between;padding:10px 0;margin-top:20px;overflow-x:hidden;margin-right:0}.top_achievers_item{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:120px;padding:0;border-radius:10px;margin-bottom:0;margin-top:1rem}.top_achievers_image_container{width:55px;height:55px;border-radius:50%;position:relative}.top_achievers_image_1{width:100%;height:100%;border-radius:50%;position:relative;object-fit:contain}.top_achievers_image_icon{width:20px;z-index:999;height:20px;border-radius:50%;background-color:#fff;position:absolute}.top_achievers_icon_container{background:#35363429;display:flex;justify-content:center;align-items:center;padding:5px;margin-right:-5px;border-radius:50%}.top_achievers_icon{width:80%;height:80%}.achievers_name{font-weight:500;font-size:14px;line-height:150%;letter-spacing:0%;color:#0f0e0e}.top_achievers_name_container{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.top_achievers_point_wrapper{display:flex;align-items:center;justify-content:center;gap:5px;width:58px;height:26px;padding:4px 10px;border-radius:10px}.top_achievers_point{font-weight:500;font-size:10px;color:#fff;line-height:150%;letter-spacing:0%}.top_achievers_rank_container{width:80px;padding-bottom:10px;display:flex;overflow-x:hidden;margin-top:20px}.top_achievers_rank_image{width:100%}@media (min-width: 884px){.explore_section_container{padding:0;gap:20px;width:60%}.explore_section_item{width:75px;height:100px;box-shadow:0 8px 24px #0000001a}.explore_section_content{padding:0;height:100%}.explore_section_item_title{font-size:8px}.explore_section_items{justify-content:space-evenly;height:100%;width:100%;gap:20px;max-width:fit-content;padding:10px}.top_achievers_container{background:transparent;height:100%;padding:10px}.explore_section_image_container{width:55px;height:55px;padding:0}.explore_section_image{width:77%;height:77%;padding:0}.top_achievers_items{height:80%}.top_achievers_item{padding:0}.top_achievers_icon_container{background:#35363429;display:flex;justify-content:center;align-items:center;padding:5px;margin-right:-5px;border-radius:50%}.top_achievers_icon{width:80%;height:80%}}.gems_icon{font-size:25px;display:inline-block;animation:gemMotion 2s infinite ease-in-out}@keyframes gemMotion{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(0)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(0)}99%{transform:translateY(0) rotate(360deg)}}.streak_container{background:linear-gradient(to bottom,#f6f6f6,#ffffca);border:1px solid #ccc;border-radius:12px;padding:10px;width:300px;text-align:center;font-family:sans-serif;margin-top:0rem;height:490px;margin-bottom:0}.streak_modules{font-size:.9rem;font-weight:500;color:#023527;margin-bottom:.5rem}.streak_modules_number{font-weight:500;font-size:14px;line-height:19.33px;letter-spacing:0%;color:#cc4d1f}.streak_progress_bar{background-color:#e0e0e0;border-radius:999px;height:8px;width:100%;margin:0 auto .75rem}.streak_progress_fill{width:30%;background-color:#d5e75d;height:100%;border-radius:999px}.streak_status_row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:1rem;margin-top:1rem;color:#000;font-weight:500;letter-spacing:0%;line-height:14.4px;padding-left:10px;padding-right:10px}.streak_logo_container{display:flex;justify-content:center;margin-bottom:10px}.streak_logo{width:180px;height:180px}.streak_text_box{margin-bottom:8px;margin-top:10px;line-height:100%;letter-spacing:0%}.streak_text_main{font-size:27.5px;font-weight:800;line-height:19.33px;color:#023527}.streak_text_sub{margin-top:10px;font-size:11px;color:#cc4d1f;font-weight:500;letter-spacing:0%;line-height:19.33px;text-align:center}.streak_days{display:flex;gap:5px;justify-content:space-between;margin:1rem 0}.streak_day{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:#555}.streak_day img{width:100%;height:100%;margin-bottom:.25rem}.streak_day img{background-color:transparent;padding:4px;width:65%;height:65%;border-radius:50%;object-fit:cover}.streak_day_number{font-weight:700;font-size:12px;line-height:15.33px;letter-spacing:0%}.streak_day_image_container{width:33px;height:33px;background-color:#023527;border-radius:50%;display:flex;align-items:center;justify-content:center}.streak_day.active{background-color:#d5e75d;border-radius:50%;padding:10px;font-weight:700;color:#000}.coin_reward_container{display:flex;align-items:center;justify-content:center;justify-self:center;margin:30px auto 0;position:relative;padding:2px 10px}.streak_button{background-color:#cccc1f;width:100%;text-decoration:none;color:#000;transition:background .2s;border:none;padding:.5rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer}.coin_reward{font-size:10px;line-height:12px;font-weight:700;letter-spacing:0%;width:35px;height:35px;position:absolute;top:-20px;border-radius:50%;right:-10px;color:#fff;background-color:#cc4d1f;align-items:center;display:flex;justify-content:center}.streak_button:hover{background-color:#f9a825}.streak_accuracy{font-weight:500;font-size:12px;color:#000;line-height:14.4px;letter-spacing:0%}@media (min-width: 884px){.streak_container{width:93%;margin-top:2rem;margin-right:0;right:0}.streak_day_image_container{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center}}@media (min-width: 1200px){.streak_container{width:94%;margin-top:2rem;margin-right:0;right:0}.streak_day_image_container{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}}.modules__container{margin-top:4rem}.default__texts{color:#040404!important;font-weight:700}.module-filter-container{display:flex;flex-wrap:wrap;justify-content:end;padding:0 15px}.modules__grid::-webkit-scrollbar{width:4px}.modules__grid::-webkit-scrollbar-track{background-color:#d5caca}.modules__grid::-webkit-scrollbar-thumb{background-color:#023527}.module-filter{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.module-category-main{display:flex;align-items:center;gap:10px;background-color:#fff;border-radius:5px;padding:5px}.module-filter-name{font-size:13px;color:#9295a3}.module-select{background-color:#fff;width:180px;outline:none;border:none}.module-option{font-size:14px}.module-filter-bar-sqr{display:flex;align-items:center}.module-filter-view-option{background-color:#fff;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;width:24px;height:24px}.module-filter-view-active{background-color:#023527}.module-filter-view-active svg{color:#fff}.modules__grid{height:78.6vh;display:grid;grid-template-columns:1fr;gap:2rem;overflow-y:auto;padding:0 15px 15px}.modules__list{height:76.6vh;overflow-y:auto;padding:0 15px 15px}.modules__list::-webkit-scrollbar{width:7px}.modules__list::-webkit-scrollbar-track{background-color:#d5caca}.modules__list::-webkit-scrollbar-thumb{background-color:#023527}@media screen and (min-width: 884px){.modules__container{width:94%}.modules__grid{grid-template-columns:repeat(2,1fr);gap:20px}.modules__list{width:100%}}@media (min-width: 1250px){.modules__grid{grid-template-columns:repeat(3,1fr)}}.no-match-message{text-align:center;margin-top:2rem;background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:1rem 1.5rem;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.clear-filter-btn{margin-top:1rem;padding:.5rem 1rem;background-color:#023527;color:#fff;border:none;border-radius:6px;cursor:pointer;text-align:center;align-self:center;transition:background .3s ease}.clear-filter-btn:hover{background-color:#040404}.module-card-link{color:#000;text-decoration:none;width:320px;animation:fadeIn .4s ease-in-out}.module__container{background-color:#fff;height:270px;border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.module_icon{height:55px;width:55px;border-radius:50%}.module_progress{display:flex;color:#000;justify-content:space-between;align-items:center;padding-right:30px;font-size:13px;gap:2%}.module_progress progress{width:100%}.module_summary__container{display:flex;gap:5%}.module_summary{display:flex;justify-content:center;align-items:center}.module_summary img{margin-right:5px;height:12px;width:12px}.module_summary span{font-size:12px;font-weight:500}@media (min-width: 884px){.module-card-link{width:300px}}.list__container{background-color:#fff;border-radius:20px;padding:10px 20px;margin-bottom:20px}.locked{background-color:azure}.unlocked{background-color:#bfc22135}.sample-card-txt{text-align:left;color:#023628}.list__icon__title{display:flex;flex-direction:column;margin-bottom:15px;gap:20px}.list__icon{width:50px;border-radius:50%;object-fit:contain}.module__title{font-weight:500!important;font-size:18px!important;font-family:Montserrat,sans-serif}.module_icon{height:55px;width:55px}.list_progress__container{display:flex;align-items:center;justify-content:space-between}.list_progress{width:100%;display:flex;color:#000;justify-content:space-between;align-items:center;font-size:13px;gap:2%;margin-bottom:10px}.list_progress progress{width:100%}.list_summary__container{width:30%;display:flex;gap:5%}.list_summary{display:flex;justify-content:center;align-items:center}.list_summary img{margin-right:5px;height:12px;width:12px}.list_summary span{font-size:12px;font-weight:500}.unlock_status{font-weight:600}.unlock_status img{margin-right:5px}.leaderboard_main_container{width:100vw;height:100%;margin-top:3rem;padding:0;background:linear-gradient(#f6f6f0,#ffc)}.leaderboard_main_container::-webkit-scrollbar{width:4px}.leaderboard_wrapper{flex-direction:column;gap:20px;padding:5px;height:100%;display:flex}.leaderboard_left{width:100%;margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:20px;animation:fadeInFromLeft .5s ease-in-out}.leaderboard_right{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;animation:fadeInFromRight .5s ease-in-out}.leaderboard_rank_box{width:fit-content;height:174px;margin:0 auto;border-radius:20.2px;background-color:#023527;display:flex;align-items:center;gap:20px;justify-content:space-between}.leaderboard_ranking{width:100%;height:100%;display:flex;align-items:center;gap:20px}.ranking_graph{width:30%;border-radius:10px}.ranking_text{font-weight:500;font-size:19px;line-height:32.32px;letter-spacing:0%;color:#fff}.ranking_text span{font-weight:700;font-size:22.22px;line-height:32.32px;letter-spacing:0%}.view_analytics_btn{padding:8px 20px;width:90%;background:#fff;border-radius:12.12px;border:none;color:#000;font-weight:500;font-size:16.16px;line-height:100%;letter-spacing:0%;margin-top:1rem}.view_analytics_btn:hover{background-color:#407d6d;color:#fff;transition:all .5 ease-in-out}.student_leaderboard_wrapper{padding:1.2rem .4rem .4rem;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat_cards{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:2px}.stat_card{display:flex;align-items:center;padding:25px 10px;border-radius:12px;color:#000;gap:1rem;width:100%}.stat_icon{width:62px;height:62px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff}.stat_icon img{width:32px;height:32px}.stat_value{margin:0;font-size:23.17px;font-weight:800;line-height:100%;letter-spacing:0%;color:#040404}.stat_label{margin:5px 0 0;font-size:17.38px;font-weight:500;line-height:100%;letter-spacing:0%;color:#090909}.green_card{background-color:#4dc591;color:#000}.purple_card{background-color:#9ba1ff;color:#000}.orange_card{background-color:#fb4;color:#000}.red_card{background-color:#ff5374;color:#000}.filter_bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;margin-top:3rem}.dropdown_filter{background:#fff;padding:13px 10px;border-radius:6px;display:flex;align-items:center;font-size:.9rem;gap:.5rem;box-shadow:0 2px 5px #0000000d}.dropdown_filter span{display:block;word-break:keep-all;font-size:13px;line-height:100%;letter-spacing:0%;font-weight:500;color:#9295a3;width:80px}.dropdown_filter select{font-weight:500;font-size:14px;line-height:100%;letter-spacing:0%;color:#040404}.leaderboard_table{background-color:#023527;border-radius:12px;margin-bottom:1.5rem;padding:16px;width:100%}.leaderboard_table_contents{width:100%;color:#fff;border-collapse:separate;border-spacing:0 12px}thead{font-weight:500;font-size:10.84px;line-height:100%;letter-spacing:0%;color:#fff;gap:0px}thead tr{display:grid;grid-template-columns:2.6fr 1fr 1fr 1fr;align-items:center}tbody{margin-bottom:10px}th,td{text-align:left;font-size:12px;width:100%;font-weight:700;line-height:100%;letter-spacing:0%}.leaderboard_row{display:grid;grid-template-columns:2.8fr 1fr 1fr 1fr;align-items:center;background:#fff;border-radius:7px;padding:1rem}.row_wrapper td{padding:0;border:none}.odd_row{background-color:#fff;color:#000}.even_row{background-color:#ffffc7;color:#000}.student_info{display:flex;align-items:center;gap:.5rem;color:#040404;font-size:12px;letter-spacing:0%;font-weight:500;line-height:100%;width:100%}.student_info img{width:30px;height:30px}.rank_value{color:#007aff;font-weight:700;margin-left:1rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:3rem;margin-bottom:1rem}.pagination_prev_button{margin-right:1rem}.pagination_next_button{margin-left:1rem}.pagination button{width:32px;height:32px;border:none;border-radius:50%;font-size:.85rem;font-weight:700;background-color:#eee;cursor:pointer}.pagination .active_page{background-color:#cccc1f;color:#fff}@keyframes fadeInFromLeft{0%{opacity:0;transform:translate(-10rem)}to{opacity:1;transform:translate(0)}}@keyframes fadeInFromRight{0%{opacity:0;transform:translate(10rem)}to{opacity:1;transform:translate(0)}}.leaderboard-top{width:100%;display:flex;gap:32px;margin-bottom:30px;flex-wrap:wrap}.leaderboard-rank-filter{flex:1;display:flex;flex-direction:column}.leaderboard-ranking{width:100%;height:170px;background-color:#4dc591;display:flex;align-items:center;gap:20px;padding:20px;border-radius:20px;margin-bottom:30px}.ranking-coin{width:100px}.ranking-text-bx{flex:1}.ranking-text{color:#fff;font-size:22px;margin-bottom:10px}.view-analytics-btn{background-color:#fff;width:148px;height:40px;border-radius:12px;border:none;color:#9ba1ff}.leaderboard-filter{display:flex;align-items:center;gap:10px}.filter_icon_bx{background-color:#fff;display:flex;align-items:center;justify-content:center;padding:5px 1px;border-radius:5px;border:none;cursor:text;width:60px}.category-main{display:flex;align-items:center;gap:10px;background-color:#fff;padding:5px;border-radius:5px}.sort-by{font-size:13px;color:#9295a3}.leaderboard-select{background-color:#fff;width:125px;outline:none;border:none}.leaderboard-option{font-size:14px}.leaderboard-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px}.leaderboard-grid-item{background-color:#fff;border-radius:20px;display:flex;align-items:center;gap:12px;padding:18px}.leaderboard-grid-icon{width:64px}.leaderboard-grid-info-bx{flex:1}.leaderboard-grid-num{font-size:20px;font-weight:700;margin-bottom:3px}.leaderboard-grid-desc{color:#9295a3;font-size:18px}.leaderboard-bottom{width:100%;margin:auto;background-color:#fff;border-radius:20px 20px 0 0;padding:20px}.leaderboard-btm-grid-header{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.leaderboard-btm-headers{text-align:center;padding:5px 0}.header-name{font-size:16px;font-weight:700;text-align:center}.leaderboard-list-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:20px 10px;border:1px solid #f2f4f7;border-radius:10px;margin-bottom:15px}.leader-list-name,.leader-list-point,.leader-list-state,.leader-list-ranking{text-align:center}@media (min-width: 884px){.leaderboard_wrapper{width:100%;flex-direction:row;gap:20px;height:100%;padding-left:20px;padding-top:0;align-items:center;justify-content:space-between}.leaderboard_main_container{width:100%;height:100%}.leaderboard_left{width:40%;padding-top:2rem;margin:0 auto;margin-top:1.5rem}.leaderboard_rank_box{margin-top:0;padding-left:5px}.leaderboard_right{width:60%;height:100vh;padding-top:.4rem;margin-top:0;overflow-y:scroll;overflow-x:hidden}.leaderboard-top{flex-direction:column;gap:20px}.leaderboard-ranking{height:auto;margin-top:0}.ranking-text{font-size:18px}.view-analytics-btn{width:120px;height:38px}.leaderboard-grid{grid-template-columns:repeat(2,1fr);gap:10px}.leaderboard-grid-item{padding:12px}.leaderboard-btm-grid-header{grid-template-columns:repeat(4,1fr);gap:10px}.leaderboard-btm-headers{padding:4px 10px}.leaderboard-list-grid{grid-template-columns:repeat(4,1fr);gap:10px}.student_leaderboard_wrapper{width:90%;margin:0 auto}.stat_cards{width:100%}.stat_card{width:44%}}.settings__main__container{padding:5px 10px;height:100vh;animation:fadeInFromBottom .4s ease-in-out}.settings__container,.personal__details__container{padding:10px 25px;border-radius:30px;height:100%}.personal__details__container{height:60vh;overflow-y:scroll}.settings__container::-webkit-scrollbar{display:none}.settings__container::-webkit-scrollbar-thumb{background-color:#023527}.personal__details__container::-webkit-scrollbar{width:4px}.personal__details__container::-webkit-scrollbar-thumb{background-color:#023527}.title_1{color:#000}.top_nav_menu{display:flex;align-items:baseline;width:100%;gap:5%;margin-bottom:30px;padding:0 25px}.navbar_item{font-family:Montserrat;font-size:8px;font-weight:500;line-height:19.5px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#9295a3;padding-bottom:5px}.navbar_item:hover{cursor:pointer}.nav_bar_active{color:#000;border-bottom:4px solid #023527}.settings__profile__picture{display:flex;justify-content:center;margin:0}.picture-container{display:flex;background-color:#023527;justify-content:center;width:150px;height:150px;border-radius:50%;position:relative;display:inline-block}.profile-picture{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid black}.personal__details__container .form-group{margin-bottom:2px}.personal__details__container .form-group input{padding:10px 5px}.spin{animation:spin 1s linear infinite}@media (max-width: 615px){.settings__container,.personal__details__container{padding:0 10px;border-radius:10px;height:100%;overflow-y:hidden}.personal__details__container{height:60vh;overflow-y:scroll}.top_nav_menu{display:flex;gap:0;padding:0;overflow-x:scroll}.navbar_item{padding:0}.individual__items{width:119px}}@media (max-width: 320px){.settings__container,.personal__details__container{padding:0 10px;border-radius:10px;height:100%;overflow-y:hidden}.personal__details__container{height:60%;overflow-y:scroll}}@media (min-width: 884px){.settings__main__container{width:100%}}.form-container{width:100%;max-width:600px;margin:auto;padding:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px;background:none;border:1px solid #efefef;padding:10px;border-radius:10px;width:100%}.form_grid{gap:2%;display:grid}.form_grid_1_col{display:grid;grid-template-columns:1fr}.form_grid_2_col{display:grid;grid-template-columns:1fr 1fr}.label_err_container{display:flex;margin-bottom:8px;justify-content:space-between}label{display:block;font-size:12px;color:#ccc;font-family:Montserrat,sans-serif}.details_err_msg{font-size:13px;color:red}input,select{width:100%;font-size:14px;color:#000;font-weight:500;background-color:#fff;border:none;border-radius:8px;box-sizing:border-box;font-family:Montserrat,sans-serif}input::placeholder{color:#666}input:focus,select:focus{outline:none;border-color:#555;box-shadow:0 0 5px #fff3}.settings__profile__picture{display:flex;justify-content:center;margin-bottom:40px}.picture-container{position:relative;width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid #efefef}.profile-picture{width:100%;height:100%;border-radius:50%;object-fit:cover}.upload-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:10px;right:10px;background-color:#fff;border-radius:50%;padding-top:5px;cursor:pointer;box-shadow:0 2px 4px #0000001a}.upload-label{cursor:pointer}.upload-icon{color:#333}.file-input{display:none}.form-group label{font-size:15px;color:#000}.form-group input{padding:15px 5px}input,select{font-size:12px}.btn_menu{display:flex;justify-content:center;gap:10px;margin-top:20px}.primary_btn,.secondary_btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer}.primary_btn{background-color:#4caf50;color:#fff}.secondary_btn{background-color:#ccc;color:#000}@media (max-width: 884px){.upload-icon-container{width:40px;height:40px;bottom:-5px;right:-5px;z-index:100;background-color:#fff;padding-top:7px}.picture-container{width:100px;height:100px}.picture-container{width:80px;height:80px}.btn_menu{flex-direction:column;align-items:stretch}.primary_btn,.secondary_btn{width:100%}}@media (max-width: 615px){.form-container{padding:10px}.form_grid_2_col{grid-template-columns:1fr}.form-group{padding:8px}.label_err_container{flex-direction:column;align-items:left}.picture-container{width:80px;height:80px}.form-group label{font-size:12px}.form-group input{padding:10px 5px}input,select{font-size:12px}.btn_menu{gap:5px}}.title_1{font-family:Montserrat;font-size:26px;font-weight:500;line-height:31.69px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:30px}.subsection_title_1{font-size:18px;font-weight:700;line-height:27.24px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.flex{display:flex}.subscription_flow_modal{z-index:1000!important}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.md\\:flex-row{flex-direction:row}.lg\\:items-center{align-items:center}.justify-center{justify-content:center;gap:100px}.pricing-heading-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:5rem}.exam-type-selector{width:200px;padding:5px;border:1px solid #023628}h1{font-size:30px;color:#006400;font-weight:500;text-align:center;margin-bottom:.5rem}.pricing_card_container{display:flex;justify-content:center;gap:60px}.subscription_error_message{margin-top:1rem;color:red;font-size:12px;font-weight:400;max-width:70%}@media (min-width: 1024px){h1{font-size:40px}}p{font-size:20px;color:#6b7280;text-align:center}button{width:111px;height:44px;border-radius:9999px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer;transition:all .3s ease}button.bg-darkGreen{background-color:#006400;color:#adff2f}button.bg-white{background-color:#fff;color:#6b7280}.pricing-card{width:330px;margin-bottom:5rem;display:flex;justify-content:flex-end;position:relative}@media (min-width: 1024px){.pricing-card{width:320px}}.card-content{width:300px;height:300px;padding:30px;position:relative}.card-bg-purple{background-color:#c182eb}.card-bg-pink{background-color:#f49b9b}.card-bg-blue{background-color:#7cb5ed}.card-overlay{background-color:#fff;border:1px solid black;width:300px;height:260px;padding:10px;position:absolute;left:0;top:-28px;display:flex;flex-direction:column}.card-header{font-size:36px;color:#333;margin-bottom:1.5rem}.card-header span{font-size:17px;color:#6b7280}.g-10{gap:10px}.card-title{font-size:28px;color:#333;margin-bottom:1.5rem}.card-description{color:#6b7280;margin-bottom:1.75rem}.card-packages{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.card-packages img{width:12px}.card-cta{font-size:16px;color:#fff;position:absolute;bottom:16px;left:16px;cursor:pointer;transition:color .3s ease}.u-c-1{border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.u-c-2{border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000!important}.modal-content{background:#fff;border-radius:8px;padding:20px;width:400px;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative}.modal-title-container{display:flex;align-items:center;justify-content:right;gap:70px;margin-bottom:1.5rem}.modal-title{font-size:1.5rem}.modal-buttons{display:flex;justify-content:space-around;gap:30px;margin-bottom:1rem}.button{width:50%;padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease}.button-primary{background-color:#08a1d4;color:#fff}.button-secondary{background-color:#28a745;color:#fff}.button-cancel{background:#ff4d4d;color:#fff;border:none;margin-top:1rem;cursor:pointer;padding:8px 16px;font-size:.9rem;border-radius:4px;transition:background .3s ease}.button-cancel:hover{background:#f66}@media (max-width: 884px){.pricing-heading-container{align-items:normal;justify-content:space-between;margin-bottom:5rem}.pricing-select-contaimer{margin-top:10px}.pricing_card_container{align-items:center;justify-content:center;gap:10px}.card-cta{bottom:24px;left:24px}.card-content{height:340px;width:300px}.card-overlay{background-color:#fff;width:290px;height:300px;padding:10px;left:0;top:-28px}.justify-center{justify-content:center;gap:30px}h1,p{text-align:left}.pricing-card{width:320px}}@media (max-width: 615px){.pricing-heading-container{width:100%;display:block;margin-bottom:5rem}.heading_container{width:100%;margin-bottom:1.5rem}.pricing-select-contaimer{margin-top:10px}.pricing_card_container{width:100%;flex-direction:column}.card-cta{bottom:20px;left:24px}.card-content{height:290px;width:290px}.card-overlay{width:290px;height:260px}.modal-content{background:#fff;width:380px}.modal-title-container{justify-content:space-between;gap:0}.modal-title{font-size:16px}.modal-buttons{gap:10px}.button{padding:10px;font-size:13px}}@media (max-width: 320px){.pricing-heading-container{margin-bottom:3rem}.pricing_card_container{gap:10px}.pricing-card{width:280px}.card-content{width:250px;height:285px}.card-overlay{width:250px;height:260px;padding:10px}.card-header{font-size:24px}}.subject-selection{text-align:center}.subject-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:1.5rem 0}.subject-btn{border:1px solid black;background-color:#fff;width:170px;font-size:11px;line-height:17px;text-transform:uppercase}.nav-container{display:flex;gap:20px}.cont-button,.back-button{width:170px;background-color:#023628;color:#fff}.subject-item{padding:10px 15px;border:1px solid #ccc;border-radius:5px;background:#fff;cursor:pointer;font-size:1rem;transition:all .3s ease}.subject-item:hover{background:#f0f0f0}.subject-btn.selected{background:#007bff;color:#fff;border-color:#007bff}@media (max-width: 884px){.subject-grid{gap:20px}.subject-btn{width:184px}}.confirmation-screen{padding:20px 0;text-align:center}.confirmation-details{margin:20px 0}.confirmation-details p{text-align:left}.confirmation-btn-bx{width:360px;display:flex;gap:20px}.bck-button,.proceed-button{width:170px;font-size:14px;background-color:#023628;color:#fff;cursor:pointer;border-radius:5px}.card-sub-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-sub-inst{font-size:19px;color:#000;margin-bottom:15px}.card-sub-error{color:#b90606;font-size:15px}.card-input-bx{margin-bottom:15px}.card-input-name{color:#000;font-size:15px;margin-bottom:5px;font-weight:700}.card-input{width:100%;height:40px;padding:4px 8px;font-size:14px;border:1px solid #b5b1b1;outline-color:#00f}@media (max-width: 615px){.confirmation-btn-bx{width:280px;gap:10px}}.privacy_main_container,.privacy_tab_container{width:100%}.receive_mail_container{margin-bottom:60px;width:40%}.switch_container{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.switch_container p{color:#000;font-size:16px}.switch{width:50px;height:25px;display:flex;background-color:#8a2be2;justify-content:start;border-radius:50px;cursor:pointer}.switch_thumb{height:21px;width:21px;background-color:#fff;border-radius:50%}.update_btn_container{display:flex;justify-content:end}.update_privacy_btn{width:100px;background-color:#02352790;color:#023527;font-size:15px;border-radius:10px;border:none;cursor:pointer}.delete_user_modal_container{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#ffffffab;display:flex;align-items:center;justify-content:center}.delete_user_confirmation_container{width:35%;background-color:#fff;padding:20px;border:1px solid #023527;border-radius:10px}.delete_username{width:100%;background-color:#bfc2215f;font-size:30px;color:#9c9e06;text-align:center;margin-bottom:10px}.confirmation_text{font-size:17px;color:#000;margin-bottom:20px;text-align:center}.delete_modal_btn_container{display:flex;justify-content:space-evenly}.cancel_delete{width:100px;font-size:15px;border-radius:7px;cursor:pointer;border:none;background-color:#023527;color:#fff}.confirmed_btn,.confirmed_btn_2{width:100px;font-size:15px;background-color:#b900005f;border:1.5px solid #ff0000;color:red;border-radius:7px;cursor:pointer}.confirmed_btn_2{width:140px}.to_delete_container{width:40%;display:flex;align-items:center;justify-content:space-between;gap:30px}.delete_text{color:#000;font-size:16px}@media (max-width: 884px){.receive_mail_container{width:80%}.delete_user_confirmation_container{width:70%}.to_delete_container{width:80%}}@media (max-width: 615px){.receive_mail_container{width:100%}.delete_user_confirmation_container{width:90%}.to_delete_container{width:100%}}.analytic_page_container{height:100%;margin-top:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.analytics_left_container{display:flex;flex-direction:column;width:100%;padding:0}.analytics_right_container{width:100%;padding:0}.select_wrapper{align-content:end;width:200px;gap:5px;align-items:end;justify-content:end;margin-bottom:20px}.analytic_page_container::-webkit-scrollbar{width:7px}.analytic_page_container::-webkit-scrollbar-thumb{background-color:#023527}.charts-wrapper{display:flex;flex-direction:column;gap:16px;margin:0 auto;background-color:transparent}.analytic_page_container p{font-size:15px;text-align:left;margin:0 0 5px 20px}.analytic_page_container select{width:170px;padding:8px 4px;margin-left:20px;background-color:transparent}.line-chart-container{padding:0}.bar-container{display:flex;flex-direction:column;gap:50px;margin-top:30px}.chart-item{flex:1;width:100%}.analytics_grid_container{display:flex;justify-content:left;flex-direction:column;align-items:start;align-content:start;text-align:left;width:100%}.analytics_grid_header{width:100%;justify-content:space-between;align-items:center;flex-direction:column;padding:10px 0}.analytics_grid_title{font-weight:800;font-size:18px;line-height:21.61px;letter-spacing:0%;color:#000;width:100%;text-align:left}.subject_grid_container{display:flex;padding:0}.subject_grid{display:flex;justify-content:space-between;flex-direction:column;gap:1rem;padding:10px;margin:0 auto}.subject_flex_box{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;justify-content:space-between;gap:1rem}.subject_card{display:flex;align-items:center;gap:1rem;padding:.5rem;width:100%;border-radius:1rem;color:#fff}.math{background-color:#023527}.physics{background-color:#ad7c25}.english{background-color:#5d61a3}.chemistry{background-color:#a22f45}.circular_progress{width:90px;height:90px}.circular_chart{display:block;margin:auto;max-width:100%;max-height:100%}.circle_bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke-width:3.8;stroke-linecap:round;transform:rotate(0);transform-origin:center;transition:stroke-dasharray 1s ease-in-out}.percentage_text{font-weight:800;line-height:23.97px;letter-spacing:0%;fill:#fff;font-size:7px;text-anchor:middle;dominant-baseline:central}.subject_text{text-align:left}.subject_text h3{margin:0;font-size:1rem;font-weight:800;font-size:12.38px;line-height:13.48px;letter-spacing:0%;color:#fff}.subject_text ul{list-style:none;padding:0;margin:.5rem 0 0;font-size:.75rem;line-height:1.4;font-weight:500;font-size:10.14px;line-height:18.44px}.quiz_history_container{padding:0;max-height:450px;overflow-y:scroll;padding-bottom:1rem;margin-top:.5rem;font-family:sans-serif;overflow-x:hidden}.quiz_history_container::-webkit-scrollbar{width:4px}.quiz_history_container::-webkit-scrollbar-thumb{background-color:#023527;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.quiz_history_header{position:sticky;top:0;right:0;width:100%;border-radius:0}.sticky_sidebar{position:sticky;top:0;max-height:100vh;overflow-y:auto;z-index:10}.quiz_history_title{font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.quiz_card_list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3px}.quiz_card{display:flex;justify-content:start;width:95%;align-items:start;text-align:start;border-radius:8px;padding:6px;font-size:.85rem}.quiz_info{flex:1;justify-content:start;text-align:start;width:100%}.quiz_title{font-weight:800;font-size:12.79px;line-height:13.98px;letter-spacing:0%}.quiz_meta{display:flex;flex-direction:row;gap:7px;font-weight:500;font-size:10px;line-height:19.11px;letter-spacing:0%;text-align:start;justify-content:start;align-items:center;color:#000;margin-top:.25rem}.quiz_score{display:flex;flex-direction:column;align-items:center;justify-content:center}.score_label{font-weight:500;font-size:12px;line-height:19.11px;letter-spacing:0%;color:#000}.score_value{font-size:22.94px;font-weight:800;line-height:13.98px;letter-spacing:0%;margin-top:.25rem}.pink_bg{background-color:#fce4ec}.peach_bg{background-color:#fef3e2}.mint_bg{background-color:#e6f5f1}.lavender_bg{background-color:#ece7fa}@media (min-width: 884px){.analytic_page_container{width:100%;margin-top:56px}.analytics_left_container::-webkit-scrollbar{width:5px}.analytics_left_container::-webkit-scrollbar-thumb{background-color:#023527;border-radius:3px}.analytics_right_container::-webkit-scrollbar{width:5px}.analytics_right_container::-webkit-scrollbar-thumb{background-color:#023527;border-radius:3px}.quiz_history_container{flex-direction:column;padding-left:0}.analytic_page_container{flex-direction:row;justify-content:space-between;align-items:self-start;gap:1rem}.analytics_left_container{width:70%;margin-right:0;height:100vh;overflow-y:scroll;padding:10px;overflow-x:hidden;background:linear-gradient(#f6f6f0 20%,#ffc)}.analytics_right_container{height:100vh;width:30%;position:sticky;right:0;overflow-y:scroll;padding:0;top:0}.analytics_grid_header{display:flex;flex-direction:column;align-items:start;justify-content:start}.analytics_grid_container{display:flex;flex-direction:column;padding:10px}.quiz_card_list{width:100%;background-color:#fff}.quiz_card{width:100%;max-width:90%}.subject_flex_box,.subject_grid,.subject_card{display:flex;flex-direction:row}}@media (max-width: 883px){.subject_flex_box{flex-direction:row}}.barchart-main-container{background-color:transparent;border-radius:20px}.barchart-container{width:100%;padding-bottom:5px}.performance{font-size:16px;margin-bottom:10px}.barchart-select-perf-container{display:flex;align-items:center;gap:70px;margin-bottom:30px}.barchart-header-container{display:flex;align-items:center;gap:20px}.barchart-top{display:flex;justify-content:space-between;align-items:center}.select_wrapper{width:100%;display:flex;align-items:center;padding:2px 5px;gap:10px}.select_wrapper select{width:fit-content}.select_text{width:100%;word-break:keep-all}.view-by{font-size:16px}.barchart-select{width:150px;color:#023527;font-weight:700;background-color:none}.perc-perf{color:#023527}.perc-perf span{font-weight:700}.chart-container{flex:2;background-color:#fff;border-radius:17px}.chart-hearder-container{padding:20px;display:flex;justify-content:space-between}.chart-header{font-size:17px;font-weight:700}.chart_exam_option p{font-size:12px;margin-bottom:4px}.chart_exam_option select{border:1px solid grey;padding:5px 4px}.chart-header-filter{width:90px;padding:3px;border:1px solid #023527;outline:none;background-color:#fff}.messages-section-container{width:100%;padding:10px;overflow-y:scroll}.messages-section-container::-webkit-scrollbar{width:7px}.messages-section-container::-webkit-scrollbar-thumb{background-color:#023527}.message-card-container{background-color:#cacaca;border-radius:12px;padding:20px 30px;margin-bottom:15px;display:grid;grid-template-columns:85% 15%;gap:3%;width:100%}.message-card-unread{background-color:#fff}.message_caption{font-family:Montserrat,sans-serif;font-weight:700;font-size:24px}.message_content{font-size:15px;font-weight:400;text-align:left;margin-top:10px}.date-container{display:flex;align-items:right;align-content:end;text-align:right}.send_date{font-size:12px;color:#1f1e1e;font-weight:700}.no_message_container{width:100%;height:85vh;display:flex;align-items:center;justify-content:center;background-color:#0ff}@media (max-width: 615px){.messages-section-container{width:100%;padding:0 5px}.message-card-container{padding:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.message_caption{font-size:20px}.message_content{font-size:14px}.send_date{color:#131414}}.navbar_container{color:#fff;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;padding:8px;margin-top:0;z-index:999}.hide_on_mobile{display:none}.logo{font-weight:700;font-size:24px;line-height:100%;letter-spacing:0%;font-family:Montserrat}.nav_right{display:flex;align-items:center;gap:6rem;font-family:Montserrat}.find_a_room{font-weight:600;font-size:20px;line-height:28px;letter-spacing:0%;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.hamburger_container{display:flex;margin-top:10px;margin-left:5px}.profile_picture{width:100%;height:100%;border-radius:50%}.find_a_room span{font-weight:900;font-size:20px;line-height:28px;letter-spacing:0%}.icons{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:70px;display:none}.icons div{width:45px;height:45px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center}.nav_icon{background:transparent;border:none;cursor:pointer}.white_notification{width:30px;height:30px}.profile{display:flex;align-items:center;gap:.5rem;display:none;color:#040404;font-weight:500;font-size:20px;line-height:100%;font-family:Montserrat;letter-spacing:0%;cursor:pointer}.profile_picture_container{width:50px;height:50px;position:relative;background-color:#023527;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.profile_picture_placeholder{width:46px;height:40px;border-radius:50%;position:absolute;top:10px;left:3px}.caret{font-size:.8rem}.dropdown_container{width:200px;height:100px;position:absolute;top:70px;right:-200px;border:1px solid grey;background-color:#fff;padding:0 10px;box-shadow:0 2px 8px #0003;opacity:0;transform:translate(100px);transition:all .2s ease-out}.dropdown_item{display:flex;align-items:center;margin-top:10px;gap:5px;cursor:pointer;border-radius:4px;padding:6px 13px;font-family:Montserrat;transition:color .3s ease-in}.dropdown_item:hover{background:#e6e6e8}.dropdown_text{font-size:18px;line-height:100%;letter-spacing:0%;font-weight:400;color:red}.quick_access_text{font-size:18px;line-height:100%;letter-spacing:0%;font-weight:400;color:#212020}.list_helpers_opened{opacity:1;right:10px;transform:translate(0)}@media (min-width: 884px){.hide_on_mobile{display:block}.navbar_container{padding:8px 10px;right:0;margin-right:0}.icons{display:flex}.profile{display:flex;right:0}.hamburger_container{display:none}}@media (min-width: 1200px){.icons,.profile{display:flex}}.notification-bell{position:relative;cursor:pointer}.notification-bell img{width:40px;height:40px}.notification-badge{position:absolute;top:2px;right:3px;background-color:red;color:#fff;font-size:12px;padding:2px 6px;border-radius:50%}.notification-panel{position:fixed;top:60px;right:20px;width:320px;max-height:400px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px #0003;z-index:1000;height:400px}.notification-header{padding:10px;font-weight:700;border-bottom:1px solid #ddd}.sticky{position:sticky;top:0;z-index:99;background:#fff}.notification-list{list-style:none;margin:0;padding:0}.notification-empty{padding:15px;font-size:14px;color:#777}.notification-item{padding:10px;border-bottom:1px solid #eee}.notification-item.unread{background-color:#f1f5ff}.notification-content{display:flex;justify-content:space-between;align-items:center}.notification-content p{font-size:13px;text-align:left}.notification-actions button{margin-left:5px;font-size:12px;background:none;border:none;color:#007bff;cursor:pointer}.notification_actions_delete{color:red!important}.notification-actions button:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2500!important;animation:fadeIn .3s ease-in-out}.modal-container{background-color:#fff;width:90%;max-width:500px;border-radius:12px;padding:1.5rem;position:relative;transform:translateY(-20px);animation:slideIn .4s forwards;box-shadow:0 8px 24px #00000026}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.modal-content{font-size:1rem;line-height:1.5;color:#333}.modal-close{position:absolute;top:10px;right:15px;font-size:1.5rem;background:transparent;border:none;color:#555;cursor:pointer}@keyframes slideIn{to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{background-color:#0000}to{background-color:#00000080}}._overlay_1vnjq_1{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}._wrapper_1vnjq_13{padding:1rem;background-color:#fff;border-radius:15px}._modal_1vnjq_19{background:#023527;border-radius:16px;padding:2rem;width:600px;max-width:90%;position:relative;box-shadow:0 8px 24px #0003}._closeBtn_1vnjq_29{position:absolute;top:1rem;right:1rem;background:#003f2b;color:#fff;border:none;font-size:1.2rem;width:32px;height:32px;border-radius:50%;cursor:pointer}._content_1vnjq_43{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}._left_1vnjq_50{flex:1;text-align:left;display:flex;align-items:start;gap:8px;flex-direction:column}._left_1vnjq_50 h2{font-size:1.2rem;font-weight:700;color:#090a0a;letter-spacing:0%;line-height:42.18px;margin-bottom:.5rem}._left_1vnjq_50 p{font-size:13px;color:#090a0a;letter-spacing:0%;line-height:100%;font-weight:400;font-style:Inter;margin-bottom:1.2rem}._goBtn_1vnjq_78{background-color:#cccc1f;color:#023527;padding:.7rem 1.2rem;border:none;border-radius:999px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;width:fit-content;margin-bottom:.6rem}._goBtn_1vnjq_78:hover{background-color:#c6d434}._laterBtn_1vnjq_97{background:none;border:none;color:#333;font-size:.9rem;cursor:pointer}._right_1vnjq_105{flex-shrink:0}._right_1vnjq_105 img{width:80%}.modal_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}.features_container{position:absolute;right:0;top:0;height:100%;width:90%;background:#fff;box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;overflow-y:auto;animation:slideIn .3s ease-in-out}.close_btn{position:absolute;top:10px;left:10px;background:none;border:none;font-size:22px;cursor:pointer}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.section_title{font-size:1.3rem;line-height:100%;letter-spacing:0%;font-weight:500;padding:10px}.load_more_btn{font-size:16px;font-weight:400;line-height:100%;letter-spacing:0%;color:#5858a9;font-style:italic;font-family:monospace;cursor:pointer}@media (min-width: 884px){.features_container{width:30%}}.confirm_modal_overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.confirm_modal_container{background:#fff;width:400px;padding:1.5rem;border-radius:10px;box-shadow:0 6px 20px #00000026;animation:popIn .25s ease-out}@keyframes popIn{0%{transform:scale(.9);opacity:.5}to{transform:scale(1);opacity:1}}.confirm_modal_title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#222}.confirm_modal_message{font-size:1rem;margin-bottom:1.25rem;color:#555;line-height:1.4}.confirm_modal_actions{display:flex;justify-content:flex-end;gap:.75rem}.confirm_btn{padding:.6rem 1.2rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:background .2s ease}.confirm_btn.cancel{background:#f0f0f0;color:#333}.confirm_btn.cancel:hover{background:#e0e0e0}.confirm_btn.confirm{background:#007bff;color:#fff}.confirm_btn.confirm:hover{background:#0056d2}.invitations_container{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 6px 15px #0000001a}.empty_state{color:#666;font-style:italic}.section_title{font-weight:700;font-size:15px;line-height:100%;letter-spacing:0%;color:#000}.invitations_list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.invitation_item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:var(--card-bg, #fff);box-shadow:0 1px 4px #00000014;transition:transform .15s ease,box-shadow .15s ease}.invitation_item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.invitation_info{display:flex;align-items:center;gap:12px}.room_avatar{width:38px;height:38px;border-radius:8px;object-fit:cover;background:#f2f2f2}.invite_room_image_placeholder{width:38px;height:38px;border-radius:8px;background:#124e28;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.room_name{font-weight:600;font-size:.95rem;color:#222}.inviter_name{font-size:.6rem;color:#666}.invitation_actions{display:flex;gap:8px}.invite_btn{width:fit-content;padding:5px 10px;font-size:.8rem;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease,transform .1s ease}.invite_btn.accept{background:#22c55e;color:#fff}.invite_btn.decline{background:#ef4444;color:#fff}.invite_btn:hover{transform:scale(1.05)}.invite_btn:active{transform:scale(.97)}.gems_transactions_container{padding:20px;border-bottom:1px solid #e5e7eb;background:#fff}.transactions_list{list-style:none;margin:0;padding:0}.transaction_item{padding:15px;border-radius:8px;margin-bottom:12px;color:#111827;transition:transform .2s ease,box-shadow .2s ease}.transaction_item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.transaction_header{display:flex;justify-content:space-between;margin-bottom:6px;font-weight:700}.feature_name{font-size:14px}.amount{font-size:14px;font-weight:600}.summarize{background:#fef9c3;border-left:5px solid #eab308}.ask{background:#dbeafe;border-left:5px solid #2563eb}.join{background:#dcfce7;border-left:5px solid #16a34a}.default-feature{background:#f3f4f6;border-left:5px solid #6b7280}.description{font-size:13px;color:#374151;margin-bottom:4px}.timestamp{font-size:12px;color:#6b7280}.gems_features_container{padding:20px;border-bottom:1px solid #e5e7eb;background:#fff}.features_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;list-style:none;padding:0;margin:0}.feature_item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.feature_item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.feature_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.feature_title{font-size:1rem;font-weight:600;color:#111827}.feature_cost{font-size:.9rem;font-weight:500;color:#6b7280}.gem_icon{margin-left:2px}.feature_desc{font-size:.85rem;color:#4b5563;flex:1}.feature_footer{margin-top:.75rem}.status_tag{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.active_tag{background:#dcfce7;color:#15803d}.inactive_tag{background:#fee2e2;color:#b91c1c}.studyrooms_container{font-family:Segoe UI,sans-serif;background:#f9f9f9;width:100%;height:fit-content;margin-top:3rem;overflow-y:hidden}.studyrooms_main{display:flex;justify-content:space-between;padding:2rem;background:linear-gradient(to bottom,#023527 40%,#f6f6f6 30%)}.left_section{width:55%;color:#111;animation:fadeInLeft .8s ease-out}.right_section{width:40%;display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out}.headline{font-size:2.2rem;line-height:1.2;margin-bottom:2rem;font-family:Montserrat}.welcome{font-weight:600;font-size:52.39px;line-height:58px;letter-spacing:0%;color:gold}.studyrooms{font-weight:900;font-size:52.39px;line-height:58px;letter-spacing:0%;color:#fff}.features{margin-top:6rem}.features h3{font-weight:600;letter-spacing:0%;font-size:25.92px;line-height:36.29px;margin-left:1.5rem;font-family:Montserrat;margin-bottom:.5rem}.features ul{list-style:none;padding:0;margin-top:15px}.features li{font-weight:400;font-size:16px;line-height:16px;letter-spacing:0%;margin-bottom:.8rem;position:relative;padding-left:1.5rem;color:#000;font-family:Montserrat}.features li:before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;background:gold;border-radius:50%}.cta_buttons{display:flex;gap:1rem;width:70%;align-items:center;justify-content:center;margin:2.5rem auto}.btn{font-weight:600;line-height:31.32px;letter-spacing:0%;padding:1rem;font-weight:700;width:70%;border:none;border-radius:8.95px;cursor:pointer;transition:all .2s ease-in-out}.learn_btn{background-color:#cccc1f;color:#000}.learn_btn:hover{background-color:#b8ae00}.continue_btn{background-color:#023527;color:#fff}.continue_btn:hover{background-color:#00271b}.card_placeholder{width:100%;height:370px;border-radius:12px;background-color:#fff;box-shadow:0 10px 30px #0000001a;animation:popIn .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.signup_container{margin-top:0;padding:0}.signup_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10px;padding:3rem 2rem;background-color:#f6f6f6;font-family:Segoe UI,sans-serif}.signup_left{width:100%;display:flex;flex-direction:column;justify-content:center;animation:fadeInFromBottom .4s ease-in-out}.signup_heading{margin-bottom:2rem;text-align:left;font-weight:600;font-size:52.39px;line-height:58px;letter-spacing:0%}.signup_heading .highlight{font-weight:600;font-size:52.39px;line-height:58px;letter-spacing:0%;color:#cccc1f}.signup_button{background-color:#023527;color:#fff;font-size:15px;line-height:160%;letter-spacing:.2px;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin-bottom:1.5rem;padding:16px 20px;width:75%;display:flex;justify-content:start;align-items:center;transition:background-color .3s ease-in-out}.signup_button:hover{background-color:#002619}.checkbox_container{display:flex;justify-content:center;align-items:center;gap:8px}.checkbox_container input{width:25px;height:25px;border-radius:8.68px;color:#f9f9f9;border:none}.checkbox_container span{font-size:14px;color:#1e2940;font-weight:300;line-height:120%;letter-spacing:.29px}.notice{font-size:13px;color:#1e2940;font-weight:400;line-height:160%;letter-spacing:.29px;text-align:left;margin-top:20px}.signup_form_card{margin-top:2rem;width:100%;background-color:#cccc1f;border-radius:14px;padding:2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 25px #0000001a;animation:fadeInFromRight .4s ease-in-out}.signup_form{width:100%;display:flex;flex-direction:column;gap:1rem}.form_group{display:flex;flex-direction:column}.form_group label{font-weight:700;font-size:14px;line-height:160%;letter-spacing:0%;margin-bottom:.4rem;color:#414141}.form_group input{padding:.75rem 1rem;border-radius:8px;border:1px solid #ccc;font-size:.8rem;outline:none}.form_group input:focus{border-color:#003524;box-shadow:0 0 0 2px #00352433}.sign_up_button{margin-top:2rem;color:#023527;font:400;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:19px;font-weight:800;border:none;text-decoration:none;background-color:transparent}@media (min-width: 884px){.signup_wrapper{flex-direction:row;padding-top:50px;height:calc(100vh - 100px)}.signup_left{width:50%}.signup_form_card{width:40%;padding:20px}.signup_form{gap:10px}.sign_up_button{display:none}.form_group label{font-size:13px}}.rooms_container{padding:1rem 1.3rem}.rooms_wrapper{padding:10px;background-color:#f9f9f9;font-family:Segoe UI,sans-serif;padding-top:3rem}.rooms_header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.create_room_btn{border:none;background-color:#023527;color:#fff;font-size:14px;padding:8px 20px;border-radius:6px;width:200px;display:flex;align-items:center;justify-content:center}.create_room_btn:hover{background-color:#000;transition:all 03s ease-in;cursor:pointer}.rooms_header_recommended{width:100%}.rooms_header h3{font-size:16.12px;line-height:23.44px;letter-spacing:0%;font-weight:600;color:#000}.search_input{display:flex;align-items:center;background:#fff;border:2px solid #023527;border-radius:8px;padding:.4rem 1rem;width:87%}.search_input input{border:none;outline:none;margin-left:.5rem;flex:1;font-size:.9rem}.search_input input::placeholder{font-weight:300;color:#9d9d9d;letter-spacing:0%;line-height:15px;font-size:13px}.rooms_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.room_card{padding:10px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:10px;animation:fadeIn .5s ease-in}.room_image{width:61.72px;height:62.72px;border:4.75px solid #023527;border-radius:7.6px}.room_image img{width:100%;height:100%;object-fit:cover;background-color:#fff}.room_info{flex:1}.room_info h4{font-weight:600;font-size:15.19px;line-height:26.59px;letter-spacing:0%;margin-bottom:.3rem;color:#000;text-transform:capitalize}.room_privacy{font-size:12px;color:#000;font-weight:400;line-height:26.59px;letter-spacing:0%;text-decoration:solid}.room_info div{font-size:.85rem;color:#000;font-weight:400;font-size:12.34px;line-height:26.59px;letter-spacing:0%}.room_description{display:flex;gap:8px;font-size:.85rem;color:#000;font-weight:400;font-size:12.34px;line-height:26.59px;letter-spacing:0%}.online_dot{color:#27ae60;font-weight:700}.joined_rooms_container{padding:3rem 1.2rem}.online_text{display:flex;width:100%;align-items:center;gap:3px}.join_btn{background:#004d29;border:none;width:20%;border-radius:6px;color:#fff;font-weight:800;font-size:12.34px;letter-spacing:0%;line-height:14.24px;cursor:pointer;transition:background .3s ease}.leave_btn{background:#a73b3b;border:none;width:20%;border-radius:6px;color:#fff;font-weight:800;font-size:10px;letter-spacing:0%;line-height:14.24px;cursor:pointer;transition:background .3s ease}.join_btn:hover{background:#006e3c}.leave_btn:hover{background:#853a21}.disabled_div{pointer-events:none;opacity:.5;-webkit-user-select:none;user-select:none;filter:grayscale(20%);transition:opacity .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 8844px){.search_input{width:40%}.rooms_header_recommended{width:80%}.rooms_header{padding:1rem;width:90%}.rooms_header_wrapper{display:flex;justify-content:space-between;align-items:center}}.room_dropdown_wrapper{position:relative;display:inline-block}.room_dropdown_trigger{background:none;border:none;font-size:20px;cursor:pointer;border-radius:4px}.room_dropdown_trigger:hover{transform:scale(1.5)}.room_dropdown_menu{position:absolute;right:0;top:110%;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #00000014;width:160px;z-index:999;animation:fadeIn .15s ease-in-out;overflow:hidden}.room_dropdown_item{padding:10px 12px;cursor:pointer;transition:background .2s;font-size:.95rem}.room_dropdown_item:hover{background-color:#f5f5f5}.room_dropdown_item.delete{color:#d32f2f}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.create_room_modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.create_room_modal__container{background:#ffffffe6;width:100%;max-width:500px;max-height:90vh;overflow:hidden;padding:1.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .3s ease-in-out;display:flex;flex-direction:column}.create_room_modal__title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#222}.create_room_modal__form{flex:1;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:1.2rem}.create_room_modal__label{display:flex;flex-direction:column;font-size:.95rem;font-weight:500;color:#333}.create_room_modal__input,.create_room_modal__textarea,.create_room_modal__select{margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;border:1px solid #ddd;border-radius:12px;background-color:#f8f8f8;transition:border .2s ease,background .2s ease}.create_room_modal__input:focus,.create_room_modal__textarea:focus,.create_room_modal__select:focus{outline:none;background-color:#fff;border-color:#007bff}.create_room_modal__textarea{resize:vertical;min-height:80px}.create_room_modal__buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:1rem}.create_room_modal__button{padding:.6rem 1.5rem;font-size:1rem;border-radius:12px;font-weight:500;border:none;cursor:pointer;transition:all .25s ease}.create_room_modal__button--cancel{background-color:#e0e0e0;color:#333}.create_room_modal__button--cancel:hover{background-color:#d0d0d0}.create_room_modal__button--submit{background-color:#007bff;color:#fff}.create_room_modal__button--submit:hover{background-color:#005ec4}.custom_loader{border:4px solid rgba(0,0,0,.1);border-top:4px solid #ece1e1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leave_modal_overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leave_modal_content{background:#fff;padding:2rem;border-radius:12px;max-width:420px;width:90%;box-shadow:0 10px 30px #0000001a;animation:fadeInUp .2s ease-out}.leave_modal_content h2{margin:0 0 .75rem;font-size:1.4rem;font-weight:600;color:#222}.leave_modal_content p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.leave_modal_actions{display:flex;justify-content:flex-end;gap:1rem}.leave_modal_cancel{padding:.5rem 1.2rem;background:#f1f1f1;color:#333;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.leave_modal_cancel:hover{background:#e0e0e0}.leave_modal_confirm{padding:.5rem 1.2rem;background:#d32f2f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.leave_modal_confirm:hover{background:#b71c1c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}._dropdownWrapper_1caz0_1{position:relative;display:inline-block}._triggerButton_1caz0_6{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;width:20px}._dropdownMenu_1caz0_15{position:absolute;top:100%;right:0;min-width:160px;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000014;z-index:1000;padding:8px 0;z-index:999}._dropdownItem_1caz0_29{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background .2s ease}._dropdownItem_1caz0_29:hover{background-color:#f5f5f5}._icon_1caz0_41{margin-right:10px;display:flex;align-items:center;justify-content:center}._label_1caz0_48{font-size:14px;color:#333}.submit-main-container{width:100vw;height:100%;position:fixed;background-color:#ffffff86;z-index:99999;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center}.submit-container{width:50%;background-color:#fff;border-radius:12px;box-shadow:0 3px 3px #0000004d}.to-submit{color:#023527;font-size:25px;font-weight:700;padding:20px}.submit-inst-container{width:100%;border-top:1px solid #bebaba;border-bottom:1px solid #bebaba;padding:20px}.submit-inst{color:#023527}.bottom-container{display:flex;align-items:center;justify-content:space-between;padding:20px}.cancel-submit-container{display:flex;gap:10px}.cancel-submit-container button{background-color:#023527;color:#fff;border:none;padding:8px 20px;border-radius:5px}@media (max-width: 884px){.submit-container{width:80%}}@media (max-width: 615px){.submit-container{width:90%}.bottom-container{flex-direction:column;align-items:left;padding:15px}.cancel-submit-container{display:flex;justify-content:center;gap:10px}.to-submit,.submit-inst{text-align:center}.bottom-container{flex-direction:column;align-items:center;padding:15px}.cancel-submit-container{display:flex;margin-top:1.5rem;gap:10px}}.modal-background{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:5px;max-width:500px;width:90%;box-shadow:0 5px 15px #0000004d}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.calculator-buttons button{padding:10px;font-size:1.2rem}.close-btn{background:red;padding:10px;border:none;margin-top:10px;border-radius:5px;color:#fff}.u-text-align-right{text-align:end}@media (max-width: 615px){.modal-content{padding:20px 10px}.calculator-buttons button,.close-btn{width:70px}}.result-section{background-color:#cccc1f1a;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding-top:55px}.result-main-container{background-color:#fff;width:60%;padding:12px;border-radius:20px;box-shadow:1px 2px 7px #0000004d}.result-title{font-size:15px;color:#023527;text-align:center;margin-bottom:10px;text-transform:capitalize}.result-container{border:1px solid #D9D9D9;display:flex;border-radius:17px;margin-bottom:16px}.result-container p{margin-bottom:27px}.result-fields-container{width:25%;background-color:#d9d9d9;padding:10px;border-top-left-radius:14px;border-bottom-left-radius:14px}.result-fields-container p{font-weight:700}.result-result-container{width:75%;padding:10px;border-top-right-radius:14px;border-bottom-right-radius:14px}.result-result-top{width:100%;border-bottom:1px solid #D9D9D9}.result-result-bottom-sub{display:flex;align-items:center;justify-content:space-between;padding-right:30px}.result-field-top,.result-field-bottom,.result-result-top,.result-result-bottom{padding-top:30px}.result-btn-container{width:100%;display:flex;justify-content:right;gap:20px;padding-right:40px}.result-text,.result-text-value{color:#023527;font-size:16px}.result-text-value{text-align:left}.result-percent-value{font-size:30px;font-weight:700;color:#023527}.retake-btn,.correction-btn{background-color:#023527;color:#fff;border:none;font-size:14px;border-radius:10px;padding:5px}.correction-btn{width:150px}@media (max-width: 615px){.result-main-container{width:95%}.result-fields-container{width:29%}.result-fields-container p{font-weight:700}.result-result-container{width:71%;padding:10px;border-top-right-radius:14px;border-bottom-right-radius:14px}.result-result-top{width:100%;border-bottom:1px solid #D9D9D9}.result-field-top,.result-field-bottom,.result-result-top,.result-result-bottom{padding-top:30px}}.correction-section{width:100%;height:100vh;padding-top:80px;background-color:#cccc1f1a}.correction-main-container{width:80%;height:100%;margin:auto;padding:25px 45px;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:1px 2px 7px #0000004d;overflow-y:scroll;margin-top:4rem}.correction-main-container::-webkit-scrollbar{width:7px}.correction-main-container::-webkit-scrollbar-track{background-color:transparent}.correction-main-container::-webkit-scrollbar-thumb{background-color:#023527}.retake-title-continer{display:flex;align-items:center;gap:260px}.correction-retake-btn{font-size:15px;background-color:#023527;color:#fff;border:none;border-radius:12px;width:auto;padding:5px}.correction-title{font-size:15px;color:#023527}.correction-explanation-container{padding:20px 0}.correction-quest-opt{border:1px solid grey;padding:20px;margin-bottom:10px}.question-number{font-size:16px;margin-bottom:10px;color:#000}.correction-question-container{width:100%;font-size:20px;padding:20px;margin-bottom:10px;overflow-y:scroll;background-color:#0235270d}.correction-question-container::-webkit-scrollbar{display:none}.correction-option-container{margin-bottom:20px}.correction-mark-container{display:flex;align-items:center;gap:30px;border-bottom:1px solid #00000033;margin-bottom:3px;padding:0 10px}.correction-input-container{display:flex;align-items:center;gap:10px;padding:10px 0}.explanation-answer-container{background-color:#e5e5bd;padding:10px;overflow-wrap:break-word}.correction-answer{font-size:20px;color:#000;margin-bottom:10px}.explanation-answer{font-size:17px;color:#000}@media (max-width: 884px){.correction-section{padding-top:130px}.correction-main-container{width:90%}}@media (max-width: 615px){.correction-section{padding-top:90px}.correction-main-container{width:93%;padding:25px 15px}.retake-title-continer{gap:20px;flex-direction:column}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not_found_section{background-color:#d9f99d;overflow:hidden;width:100%}.not_found_nav_container{width:100%;position:fixed;top:0;left:0;z-index:600;padding:10px 0}.not_found_nav{width:86%;margin:auto;display:flex;align-items:center;justify-content:space-between}.not_found_logo{width:157px}.back_to_prev_container{display:flex;align-items:center;gap:2px;color:#023527;cursor:pointer}.back_to_prev_text{color:#023527;display:flex;align-items:center;gap:4px;font-weight:700}.not_found_main_container{width:100%;height:100vh;background-color:#d9f99d;display:flex;align-items:center;justify-content:center}.lottie_img{width:38%}@media (max-width: 890px){.not_found_nav{width:100%;padding:0 40px}.back_to_prev_span{display:none}.lottie_img{width:85%}}@media (max-width: 480px){.not_found_logo{width:120px}.not_found_nav{padding:0 10px}.back_to_prev_container{width:auto}}.challenge_section{margin-top:15rem;padding:8px 10px}.challenge_container{padding:5px 8px}.quick_tools{display:flex;flex-direction:column;width:fit-content;align-items:center;width:100%;overflow:hidden;justify-content:center}.calculator_wrapper{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid green}.finish_challenge_container{background-color:#f70;border-radius:5px}.finish_challenge_button{border:none;padding:8px 12px;background-color:#f70;border-radius:5px;width:fit-content}.challenge_question_text{font-weight:700;line-height:100%;letter-spacing:0%;color:#000}.challenge_question_options{display:flex;flex-wrap:wrap;gap:20px;margin-top:3rem}.challenge_question_option{display:flex;padding:8px 15px;align-items:center;font-size:10px;gap:10px;color:#000;box-shadow:0 2px 6px #0000000d,0 8px 20px #00000014;transition:all .1s ease-in;border-radius:10px;min-width:270px;cursor:pointer}.answer_text{font-size:9px}.option_name{width:60px;height:60px;border-radius:50%;background-color:#023527;display:flex;align-items:center;justify-content:center;color:#fff}.checked{background-color:#cccc1f}.option_name_checked{background-color:#fff;color:#000}.challenge_navigation_button{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.challenge_nav_buttons{width:50px;height:50px;border-radius:50%;background-color:#f80}.quick_navigation{margin-top:3rem}.navigation_items{display:flex;flex-wrap:wrap;width:100%;gap:10px;justify-content:space-around;margin-top:1rem}.answered{background-color:#023527;color:#fff}.highlighted{border:1px solid gray}.nav_item{width:60px}.wrong_answer{background-color:red;color:#fff!important}.correct_option{background-color:#90ee90;color:#000!important}@media (min-width: 884px){.challenge_container{width:80%;margin:0 auto}.challenge_question_options{align-items:center;justify-content:center}}.correction{background:#fff;padding:10px;margin-top:17rem;width:90%}.go_back_button{display:flex;background-color:#f70;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;height:15%;margin-top:4rem}.go_back_button_text{text-align:center;font-size:15px;color:#fff}.challenge_question_text{color:#000!important;font-size:18px}.result_explanation{font-size:13px;margin-top:3rem;font-weight:500;color:red!important}.challenges_container{gap:20px;margin-top:8rem}.challenges_grid_container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.challenges_wrapper{width:100%;max-width:1200px;flex-direction:column;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px}.challenge-card{width:100%;max-width:400px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;background-color:#fff;transition:transform .2s ease-in-out;margin-top:5rem}.challenge-card:hover{transform:translateY(-4px)}.challenge-header{padding:16px;color:#fff;text-transform:uppercase;font-weight:700;font-size:14px}.challenges_grid{width:100%;height:1005;display:flex;align-items:center;justify-content:center}.challenge-body{padding:20px}.challenge-name{font-size:20px;font-weight:600;margin-bottom:16px;color:#333}.challenge-info p{margin:6px 0;font-size:14px;color:#555}.challenge-status{display:flex;flex-direction:column;margin-top:16px;font-size:14px;font-weight:500;color:#222}.attempts{display:flex;align-items:center}.good_news{display:flex;width:100%;margin-top:20px}.good_news strong{width:35%}.good_news p{font-size:14px;color:#000;margin-left:5px;width:100%}.attempts p{font-size:14px;color:#000;font-weight:500;color:gray;margin-left:5px}.start-btn{margin-top:40px;padding:10px 20px;background-color:#4dc591;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;width:100%;transition:background-color .2s ease}.start-btn:hover{background-color:#3da879}.start-btn:disabled{background-color:#ccc;cursor:not-allowed}.if_loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.quiz-section{width:100%;height:100vh;background-color:#cccc1f1a;margin-top:3rem}.quiz-acces-question{display:flex;height:100vh}.quiz-acces-container{width:20%;padding-top:100px}.docs-container{width:50%;background-color:#fff;padding:20px;display:flex;align-items:center;justify-content:end;border-top-right-radius:17px;border-bottom-right-radius:17px;margin-bottom:50px}.docs{width:40px}.quiz-tools-main{padding:20px}.quick-tools{color:#023527;text-align:left;font-size:20px;margin-bottom:10px}.quick-tool-container{background-color:#fff;width:118px;padding:15px}.tool-container{padding:10px 15px;border-radius:17px;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 3px #0000004d}.calc-tool{width:65px}.sheet-tool{width:62px}.tool-name{color:#023527;font-size:13px}.tool-container{padding:5px}.quiz-display-container{width:80%;padding-top:80px}.quiz-container{width:95%;height:85vh;margin:auto;background-color:#fff;padding:14px 27px;border-radius:17px;overflow-y:scroll;box-shadow:0 3px 3px #0000004d}.quiz-container::-webkit-scrollbar{width:5px}.quiz-container::-webkit-scrollbar-thumb{background-color:#023527}.submit-heading-container{display:flex;align-items:center;margin-bottom:5px}.calculator_submit_btn_container{display:flex;gap:20px}.calculator-btn,.submit-btn{width:100px;background-color:#023527;border:none;padding:10px;color:#fff;border-radius:5px;cursor:pointer}.calculator-btn{display:none}.quiz-heading-container{display:flex;flex:1;align-items:center;justify-content:center}.quizPen{width:25px}.question-time{display:flex;gap:10px;margin-bottom:20px}.question-display-container{width:80%;max-height:340px;background-color:#0003;font-size:24px;padding:20px 29px;overflow-y:scroll}.question-display-container::-webkit-scrollbar{width:5px}.question-display-container::-webkit-scrollbar-thumb{background-color:#cccc1f}.clock-container{width:20%;height:225px;background-color:#cccc1f;padding:5px;display:flex;flex-direction:column;align-items:center}.time-left{color:#fff;font-weight:700;text-align:center}.clock{width:150px}.time-countdown{color:#fff;font-size:24px;font-weight:bolder;text-align:center}.quiz-option-container{margin-bottom:20px}.quiz-option{display:flex;gap:10px;padding:10px 0;margin-bottom:3px;border-bottom:1px solid #00000033}input[type=radio]{width:20px;height:20px;cursor:pointer}.quiz-option label{font-size:16px}.prev-next-container{display:flex;justify-content:end;gap:15px;margin-bottom:20px}.prev-btn,.next-btn{width:140px;background-color:#023527;color:#fff;font-weight:700;border:none;padding:12px 0;border-radius:7px;cursor:pointer}.quick-nav{background-color:#cccc1f1a;padding:4px;width:200px;text-align:center;margin-bottom:7px}.grid-btns{display:flex;flex-wrap:wrap;gap:10px}.grid-btns button .answered{padding:10px;border:none;cursor:pointer}.grid-btns button{background-color:#f0f0f0;border:none;cursor:pointer}.grid-btns .answered{background-color:#4dc591;border:none;cursor:pointer}.highlighted{border:2px solid green!important}@media (max-width: 884px){.quiz-acces-question{padding-top:40px;display:flex}.quiz-acces-container{width:20%;padding-top:100px}.docs-container{width:50%;background-color:#fff;padding:20px;display:flex;align-items:center;justify-content:end;border-top-right-radius:17px;border-bottom-right-radius:17px;margin-bottom:50px}.docs{width:40px}.quiz-tools-main{padding:20px}.quick-tools{color:#023527;font-size:20px;margin-bottom:10px}.quick-tool-container{flex-direction:column;gap:20px;background-color:#fff;padding:15px}.tool-container{padding:10px 15px;border-radius:17px;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 3px #0000004d}.calc-tool{width:65px}.sheet-tool{width:62px}.tool-name{color:#023527;font-size:13px}.tool-container{padding:5px}.quiz-display-container{width:80%;padding-top:80px}.quiz-container{width:95%;height:85vh;margin:auto;background-color:#fff;padding:14px 27px;border-radius:17px;overflow-y:scroll;box-shadow:0 3px 3px #0000004d}}@media (max-width: 615px){.quiz-acces-container{display:none}.calculator-btn{display:block}.quiz-display-container{width:100%;padding-top:50px}.quiz-container{width:98%;padding:14px}.quiz-container::-webkit-scrollbar-thumb{background-color:#023527}.submit-heading-container{display:flex;flex-direction:column;align-items:center;margin-bottom:5px}.calculator_submit_btn_container{gap:12px;margin-bottom:10px}.quiz-heading-container{display:flex;flex:1;align-items:left}.quizPen{display:none}.question-time{flex-direction:column-reverse}.question-display-container{width:100%}.clock-container{width:100%;height:auto}.clock{display:none}.prev-next-container{justify-content:center}.quick-nav,.grid-btns{display:none}}.quiz-start-container{max-width:600px;margin:80px auto;padding:40px;border-radius:12px;background:#f7f9fc;box-shadow:0 10px 30px #0000000d;text-align:center;flex-direction:column;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.quiz-title{font-size:2rem;font-weight:600;margin-bottom:16px;color:#333}.quiz-info{font-size:1.1rem;color:#555;margin-bottom:12px}.quiz-warning{color:#d9534f;font-weight:500;margin:20px 0;font-size:1rem}.start-btn{margin-top:20px;background:#007bff;color:#fff;border:none;padding:14px 30px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .3s ease}.start-btn:hover{background:#0056b3}.loading-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.challenge-wrapper{max-width:100%;margin:2rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,sans-serif}.challenge-header h2{margin-bottom:.5rem;color:#2d2d2d}.challenge-header p{margin:.25rem 0;color:#555}.question-box{margin-top:2rem}.question-number{font-weight:600;margin-bottom:.75rem;color:#333}.question-text{font-size:1.1rem;margin-bottom:1rem;color:#2f2f2f}.options{display:flex;flex-direction:column;gap:.75rem}.option-item{background:#f7f7f7;padding:.75rem 1rem;border-radius:.5rem;display:flex;gap:.75rem;align-items:center;cursor:pointer;transition:all .2s ease-in-out}.option-item:hover{background:#e8f0fe}.navigation-btns{margin-top:2rem;display:flex;justify-content:space-between}.navigation-btns button{padding:.5rem 1.5rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;background:#007bff;color:#fff;transition:.3s ease-in-out}.navigation-btns button:disabled{background:#ccc;cursor:not-allowed}.rewards-box{margin-top:2rem;background:#f1f1f1;padding:1rem;border-radius:.75rem}.rewards-box h4{margin-bottom:.5rem}.rewards-box ul{list-style:disc;padding-left:1.5rem}.wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center}.wrapper_second_wrapper{width:100%;flex-direction:column;gap:0;padding:0;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background-color:#023527}.wrapper_header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px;background-color:#023527;z-index:9999}.wrapper_title{font-size:18px;color:#fff;font-weight:700;font-family:Montserrat;display:none}.wrapper_header_first{flex-direction:column;gap:20px;justify-content:space-between;align-items:start;justify-content:center;padding:4px;display:flex}.wrapper_header_first span{width:30px;height:30px;background-color:#cccc1f;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.challenge_svg_wrapper{display:flex;width:fit-content;height:150px}.bottom_text_wrapper{background-color:#dbd8d8;display:flex;height:20px;width:100%;align-items:start;justify-content:start;padding:10px}.bottom_text{color:#000;font-weight:500;font-size:20px}.challenge_rules_container{display:flex;flex-direction:column;height:100%;margin-top:14rem;padding:10px}.wrapper_children{display:flex;align-items:center;justify-content:center}.challenge_rules_wrapper{display:flex;flex-direction:column}.items{font-family:Montserrat;color:#000;line-height:100%;font-weight:0%;font-weight:500}.item_cont{margin-bottom:30px}.no_challenges_text{color:#230b0b;font-size:15px;margin-top:9rem}.challenge_rules_second_wrapper{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:10px}.challenge_rules_svg{width:40%}.challenge_rules_svg img{width:100%;height:100%}.challenge_rules_button{font-size:15px;text-decoration:none;font-weight:600;border:none;width:50%;line-height:28px;border-radius:8px;background-color:#cccc1f}.start_challenge_arrow{color:#000}.clock_container{display:flex;flex-direction:column;justify-content:center;gap:1px;align-items:center}.clock_left{display:flex;background-color:#cccc1f;width:100%;flex-direction:column;align-items:start;padding:8px;justify-content:center}.timer_container{display:flex;align-items:center}.challenge_timer_progress_wrapper{display:flex;flex-direction:column;justify-content:space-between;height:60%;padding:8px;width:100%;background-color:#ffffa8}.clock_right{height:100%;display:none;color:#000}.time_left_text{font-size:17px;font-weight:500;color:#000}.time_countdown{font-weight:600;font-size:30px;font-family:Montserrat;color:#020202;line-height:66.58px;letter-spacing:0%}@media (min-width: 884px){.wrapper_header{width:90%;align-items:center;justify-content:space-between;margin-right:20px}.timer_container,.wrapper_header_first,.wrapper_title{display:flex}}.chat_app{display:flex;height:100vh;font-family:Segoe UI,sans-serif;overflow-y:hidden}.chat_app__sidebar_left{width:240px;background:#f4f4f4;display:flex;gap:1rem;flex-direction:column;padding:1rem;height:calc(100vh - 60px);border-right:1px solid #ddd;border-left:1px solid #ddd;overflow-y:hidden}.chat_app__sidebar_right{width:220px;background:#f4f4f4;display:flex;gap:1rem;flex-direction:column;padding:1rem;height:calc(100vh - 60px);border-right:1px solid #ddd;border-left:1px solid #ddd;overflow-y:hidden}.chat_app__logo{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.2rem;margin-bottom:1.5rem}.chat_app__logo_wrapper{display:flex;align-items:center;width:100%;gap:15px}.chat_app__rooms_title{font-weight:700;font-size:.8rem;color:#6b6868;text-transform:uppercase;letter-spacing:1px;margin-top:.3rem;margin-bottom:.5rem}.chat_app__rooms,.chat_app__contacts{margin-bottom:2rem;margin-top:1rem}.chat_app__room{font-weight:500;display:flex;padding:0;align-items:center;justify-content:space-between}.top_room_name{text-transform:capitalize;font-weight:600;line-height:100%;letter-spacing:0%}.chat_app__back-arrow{display:none;width:30px;height:30px;margin-right:1px;cursor:pointer;align-items:center;justify-content:center;background:#edebeb;border-radius:50%;transition:background .3s ease}.chat_app__back-arrow:hover{background:#ebe9e9}.chat_app__back-arrow:hover img{scale:1.2}.chat_app__back-arrow img{width:70%;height:70%;transition:all .3s ease}.room_not_found_text{display:flex;align-items:center;justify-content:center}.chat_app__room,.chat_app__contact{padding:.5rem;margin-bottom:.2rem;cursor:pointer;text-transform:capitalize;border-radius:6px;font-size:13px}.chat_app__room:hover,.chat_app__contact:hover{background:#c1bfbf}.chat_app__room.active{background:#d9edff;font-weight:700}.chat_app__contact.online:before{content:"";display:inline-block;width:8px;height:8px;background:green;border-radius:50%;margin-right:6px}.chat_app__contact.away:before{background:orange}.chat_app__contact.busy:before{background:red}.chat_app__status{display:flex;align-items:center;gap:.5rem}.chat_app__status img{width:30px;height:30px;border-radius:50%}.chat_app__main{flex:1;display:flex;flex-direction:column;background:#fff}.chat_app__header{position:sticky;top:3.8rem;z-index:10;padding:10px 1rem;background:#004d29;color:#fff;display:flex;justify-content:space-between;align-items:center}.chat_app__actions button{background:none;border:none;font-size:1.2rem;margin-left:.5rem;cursor:pointer}.chat_app__messages{position:relative;flex:1;padding:1rem;padding-bottom:0;margin-top:3rem;background-color:#f2f3f5;overflow-y:auto;transition:all .3s ease;scroll-behavior:smooth;transition:all .8s ease-in-out;max-height:calc(100vh - 180px)}.chat_intro_text{color:#3c3c3d;font-size:22px;font-weight:400;text-align:center;line-height:1.6}.loading_older_messages{margin-top:2rem;font-size:17px;color:#555;display:flex;align-items:center;justify-content:center}.chat_room_name{color:#023527;font-weight:600}.chat_intro_wrapper{display:flex;justify-content:center;padding:24px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin:24px auto;max-width:600px;box-shadow:0 8px 24px #00000014}.chat_app__message{display:flex;flex-direction:column;margin:8px 0;max-width:60%}.chat_app__message.other{align-items:flex-start}.chat_app__message.own{align-items:flex-end;margin-left:auto}.chat_app__username{font-size:12px;color:#555;margin-bottom:2px}.chat_app__bubble{background:#f1f1f1;color:#000;padding:10px 14px;border-radius:18px;position:relative;word-wrap:break-word;box-shadow:0 1px 3px #0000001a}.chat_app__message.own .chat_app__bubble{background:#023527;color:#fff;border-bottom-right-radius:4px}.chat_app__message.other .chat_app__bubble{background:#e5e5ea;color:#000;border-bottom-left-radius:4px}.chat_app__timestamp{font-size:10px;opacity:.7;margin-top:4px;text-align:right}.chat_app__image{display:flex;justify-content:center;padding:1rem}.chat_app__image img{width:150px;border-radius:50%}.chat_app__input{display:flex;align-items:center;padding:1rem;border-top:1px solid #ddd;gap:.5rem}.chat_app__input_wrapper{position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:8px 12px;width:85%}.chat_input{flex:1;padding:.6rem 1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;resize:none;outline:none;font-family:inherit;max-height:100px;overflow-y:auto}.emoji_button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#f2f3f5}.emoji_picker_wrapper{position:absolute;bottom:48px;right:0;z-index:999}.chat_app__input .send{padding:.6rem 1rem;background:#5865f2;border:none;color:#fff;border-radius:8px;cursor:pointer}.chat_app__input .send:hover{background:#4752c4;transition:background .3s ease}.disabled{background-color:#2f3136;color:#999;cursor:not-allowed;opacity:.6}.chat_app__right{width:200px;background:#f8f8f8;padding:1rem;padding:5rem;border-left:1px solid #ddd;display:flex;flex-direction:column;justify-content:space-between}.chat_app__people_title{font-weight:700;margin-bottom:.5rem}.chat_app__people{list-style:none;padding:0;font-size:.9rem}.chat_app__people li{margin-bottom:.5rem}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:gray}.dot.online{background:green}.dot.away{background:orange}.dot.busy{background:red}.dot.offline{background:#888}.chat_app__guest_toggle{font-size:.85rem;display:flex;align-items:center}.guest_label{color:#000;font-size:12px}.guest_check{width:20%}.scroll_to_bottom_button{position:fixed;bottom:10rem;right:20rem;background:#5865f2;color:#fff;border:none;width:fit-content;border-radius:50px;padding:6px 10px;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 2px 10px #00000040;z-index:999;transition:background .4s ease}.scroll_to_bottom_button:hover{background:#4752c4}@media (min-width: 884px){.chat_app__back-arrow{display:flex}}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:400;font-size:12px;transition:background-color .2s ease}.upload-btn:hover{background-color:#0056b3}.upload-icon{font-size:18px}.tooltip-wrapper{position:relative;display:inline-block;cursor:default}.tooltip-box{position:absolute;background-color:#222;color:#fff;padding:6px 10px;border-radius:4px;white-space:nowrap;font-size:14px;z-index:1000;opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none}.tooltip-top{bottom:70%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip-top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#222 transparent transparent transparent}.tooltip-bottom{top:125%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent #222 transparent}.tooltip-left{right:125%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip-left:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent #222}.tooltip-right{left:125%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip-right:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent #222 transparent transparent}.chat_app__people_title{font-weight:700;font-size:1.1rem;margin:1rem 0 .5rem;color:#444}.chat_app__people{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.chat_app__people::-webkit-scrollbar{width:6px}.chat_app__people::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}.chat_app__people>div{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.chat_app__people li{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;color:#222;flex-grow:1;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.chat_app__people li:hover{background-color:#e0f2fe}.dot.online{width:10px;height:10px;background-color:#22c55e;border-radius:50%;display:inline-block;margin-right:.5rem}.chat_app__guest_toggle{margin-top:auto;padding-top:1rem;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.guest_label{font-weight:600;color:#444;-webkit-user-select:none;user-select:none}.guest_check{width:20px;height:20px;cursor:default}.chat_app__header_div{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:90%}.chat_app_header_div_first{display:flex;flex-direction:column;justify-content:space-between}.quick_access_trigger{margin-top:2rem;font-size:13px;cursor:pointer;font-weight:400;border-radius:5px;padding:6px 5px;background:#e3e0e0;align-content:center;display:flex;align-items:center;align-self:center;width:80%;justify-content:center;transition:background .3s ease-in-out}.quick_access_trigger:hover{background:#d7d5d5}@media (min-width: 884px){.quick_access_trigger{margin-top:4rem}.chat_app__people_title{margin-top:5rem}}.edit_room_modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.edit_room_modal__container{background:#ffffffe6;width:100%;max-width:500px;max-height:90vh;overflow:hidden;padding:1.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .3s ease-in-out;display:flex;flex-direction:column}@keyframes fadeInUp{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}.edit_room_modal__title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#222}.edit_room_modal__form{flex:1;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:1.2rem}.edit_room_image{width:250px;height:200px;border-radius:15px;object-fit:contain}.edit_room_modal__label{display:flex;flex-direction:column;font-size:.95rem;font-weight:500;color:#333}.edit_room_modal__input,.edit_room_modal__textarea,.edit_room_modal__select{margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;border:1px solid #ddd;border-radius:12px;background-color:#f8f8f8;transition:border .2s ease,background .2s ease}.edit_room_modal__textarea{width:100%}.edit_room_modal__input:focus,.edit_room_modal__textarea:focus,.edit_room_modal__select:focus{outline:none;background-color:#fff;border-color:#007bff}.edit_room_modal__textarea{resize:vertical;min-height:80px}.edit_room_modal__buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:1rem}.edit_room_modal__button{padding:.6rem 1.5rem;font-size:.8rem;border-radius:12px;font-weight:500;border:none;cursor:pointer;transition:all .25s ease}.edit_room_modal__button--cancel{background-color:#e0e0e0;color:#333}.edit_room_modal__button--cancel:hover{background-color:#d0d0d0}.edit_room_modal__button--submit{background-color:#007bff;color:#fff;width:fit-content}.edit_room_modal__button--submit:hover{background-color:#005ec4}.edit_room_modal__button--delete{width:100%;background:transparent;color:red}.edit_room_modal__button--delete:hover{color:#dd5f5f}.edit_room_modal__image_button_change{position:absolute;top:-10rem;right:4px;padding:6px 20px;border-radius:6px;cursor:pointer;transition:background .3s ease;background:#e8e6e6}.edit_room_modal__image_button_change:hover{background:#f6f4f4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.access-denied-modal{background:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:420px;text-align:center;width:100%;animation:popIn .18s ease-out}.modal-actions{margin-top:1rem;display:flex;justify-content:space-between;gap:.5rem}.modal-actions button{flex:1;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600}.modal-actions button{background:#f44336;color:#fff}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.7);opacity:.3}70%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-container{background:#fff;border-radius:12px;padding:2rem;max-width:450px;width:90%;box-shadow:0 10px 25px #0003;text-align:center}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.modal-text{font-size:1rem;margin-bottom:1.5rem;color:#444}.modal-btn{padding:.7rem 1.5rem;border:none;border-radius:8px;background:#0c4531;color:#fff;font-weight:500;cursor:pointer;width:fit-content;transition:.2s ease}.modal-btn:hover{background:#0c4531}