body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Inter}body ::-webkit-scrollbar,html ::-webkit-scrollbar{width:8px;height:8px}body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{background:#f2f2f2}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}body ::-webkit-scrollbar-thumb:hover,html ::-webkit-scrollbar-thumb:hover{background:#bbb}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--app_bar_max_height:70px}.app_bar_container{flex-grow:1;position:-webkit-sticky;position:sticky;top:0;z-index:999}.app_bar_style{background-color:#fff!important;max-height:var(--app_bar_max_height)!important;box-shadow:none!important;color:#111827!important}.nav_container{flex-grow:1;justify-content:flex-end}.nav_container,.organization_nav_header{display:flex;align-items:center;gap:2rem;height:var(--app_bar_max_height)}.organization_nav_header{background-color:red;width:20%;justify-content:space-between}.header_container{display:flex;flex-direction:row;justify-content:space-between;padding:25px 25px 0}.nav_main_box{display:flex;height:100%;gap:1rem}.nav_header{flex-direction:row;width:25%;justify-content:space-between}.nav_header,.nav_item_style{display:flex;align-items:center}.nav_item_style{color:#111827;height:100%;padding:0 15px;font-size:17px;font-weight:400}.nav_item_style:hover{color:#039e33}.nav_item_active_style{color:#039e33;border-bottom:3.5px solid #039e33;padding:0 15px}.app_bar_user_info,.nav_item_active_style{height:100%;display:flex;align-items:center}.app_bar_user_info{cursor:pointer}.app_bar_user_info img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;border-radius:50%}.main{background-color:#f9fafb;height:100%;min-height:calc(99.5vh - var(--app_bar_max_height))}.subtopic-header{font-weight:600;font-size:22px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#181b1a;margin-left:35px}.time-duration{position:absolute;top:6px;right:6px;gap:10px;display:flex}.time-duration .duration{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#dcfce7;color:#15803d}.time-duration .duration,.time-duration .repeats{padding:10px 16px;gap:10px;height:44px;border-radius:4px;font-weight:500;font-size:16px;line-height:24px;text-align:center}.time-duration .repeats{width:275px;background:#fef3c7;color:#d97706}.sub-topic .player-wrapper,.video-player .player-wrapper{width:auto;height:auto}.sub-topic .back-btn,.video-player .back-btn{position:absolute;top:30px;left:50px}.sub-topic .back-btn img,.video-player .back-btn img{width:50px}.sub-topic .react-player,.video-player .react-player{padding-top:56.25%;position:relative}.sub-topic .react-player>div,.video-player .react-player>div{position:absolute}.sub-topic .playerDiv,.video-player .playerDiv{z-index:5;height:100%;width:100%;position:relative}.sub-topic .description-title,.sub-topic .duration-title,.video-player .description-title,.video-player .duration-title{font-family:Inter;font-style:normal;font-weight:600;font-size:18px;line-height:28px}.sub-topic .duration-title,.video-player .duration-title{color:#000}.sub-topic .description-title,.video-player .description-title{color:#111827;margin-top:55px}.sub-topic .description-content,.video-player .description-content{line-height:2.8rem}.control-icons .controls__div{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;background:#000}.control-icons .d-none{display:none}.control-icons .control-panel{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border-radius:10px}.control-icons .fullscreen-control-panel{padding-right:5rem;padding-left:5rem;margin-bottom:4rem}.control-icons .volume__slider{height:100;margin-top:-50px;margin-left:130px}.control-icons .controls__icons{color:#999;font-size:40px;transform:scale(.9)}.control-icons .controls__icons:hover{color:#fff;transform:scale(1)}.control-icons .bottom__icons{color:#999}.control-icons .playback-rate{font-size:.8rem}.control-icons .bottom__icons:hover{color:#fff}.control-icons .need-clarification{font-size:12px;line-height:18px;display:flex;align-items:center;height:51px;width:100%;text-transform:none;color:#b5b5c3;word-break:break-word;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border-radius:10px}.control-icons .refresh-container{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.control-icons .refresh-container .refresh-btn{display:block}.control-icons .refresh-container .refresh-btn img{width:80px}.control-icons .refresh-container .refresh-btn .refresh-btn-text{font-family:Inter;font-style:normal;font-weight:600;font-size:16px;line-height:28px;letter-spacing:-.02em;color:#fff}.control-icons .video-end{position:absolute;bottom:0;right:0;display:flex;align-items:flex-end;justify-content:flex-end;z-index:2;background:rgba(0,0,0,.573);border-radius:15px;padding-right:36px;padding-bottom:30px}.control-icons .go-to-topic-btn{width:150px;background:#fff;margin-right:10px}.control-icons .go-to-topic-btn,.control-icons .next-video-btn{height:45px;border:2px solid #039e33;border-radius:5px;text-transform:none}.control-icons .next-video-btn{background:#039e33;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff}.control-icons .Mui-disabled{background:gray;border:2px solid gray}.login-form-box{margin-top:3rem;display:flex;flex-direction:column}.avatar_style{font-weight:600;font-size:16px;color:#000}.organization_name_avatar{width:8%;display:flex;justify-content:flex-end;cursor:pointer}.login-logout_container{display:flex;padding:1rem;height:100vh;justify-content:center}.login-logout_container .login-logout_form_container{flex:50% 1;display:flex;justify-content:center;align-items:center}.login-logout_container .ph-number{display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:13px;padding-right:1rem}.login-logout_container .banner_img_wrapper{display:flex;justify-content:center;height:70%}.login-logout_container .resend_otp_link:hover{cursor:pointer}.resend_otp_link{color:#49419a;font-size:15px;margin-top:2rem;text-decoration:underline}.title_style{font-size:25px;font-weight:600;margin:1.3rem 0}.email-and-otp-container{width:80%;height:70%;display:flex;flex-direction:column;gap:10rem}.welcome_banner_container{flex:50% 1;border-radius:10px}.logout_modal_main{background-color:#fff;border-radius:5px;height:23%;width:30%;display:flex;flex-direction:column;justify-content:space-between}.email-otp-box{background-color:#fff;border-radius:20px;position:relative;bottom:15px;z-index:1;padding:1rem}@media screen and (max-width:600px){.login-logout_container{height:auto;flex-direction:column-reverse;padding:0}.banner_img_wrapper{margin-left:60px}.welcome_banner_container{border-radius:0;padding-bottom:2rem}.login-form-box{margin-top:1rem}.email-and-otp-container{width:100%}.title_style{font-size:20px;margin:.5rem 0}.preReg_title_style{font-size:20px;margin:50px 0 .5rem}.resend_otp_link{color:#039e33;text-align:center;font-size:13px}}.bottom_nav_item{display:flex;flex-direction:column;align-items:center;justify-content:center}.heading_style{font-size:19px;font-weight:700;display:flex;align-items:center;margin:1.5rem 0}.bottom_nav_grid{width:100%;position:fixed;bottom:0;z-index:5;background-color:#fff;padding:8px;min-height:3rem}.success_assignment .main_text{font-weight:600;font-size:28px;line-height:36px;display:flex;align-items:center;letter-spacing:-.02em;color:#7c8691;justify-content:center;margin-top:15px}.success_assignment .sub_text{font-weight:500;font-size:18px;line-height:28px;display:flex;align-items:center;text-align:center;color:#b5b5c3;margin-top:10px}.success_assignment .next_button{background:var(--primary-color);border-radius:4px;font-weight:600;font-size:16px;line-height:24px;color:#fff;padding:10px 24px;margin-top:30px}.breadcrumbs_font_style,.breadcrumbs_link_style{color:#111827;font-weight:500;text-decoration:underline!important;letter-spacing:.2px}.breadcrumbs_link_style{cursor:pointer}.faq_main_container_style{width:100%;display:flex;flex-direction:column;align-items:center;padding:40px;background:#f9fafb}.faq_main_container_style .container_style{max-width:1057px;width:100%;height:450px;overflow-y:auto}.faq_main_container_style .container_style .title_style{font-weight:600;font-size:28px;line-height:32px;letter-spacing:-2%}.faq_main_container_style .container_style .question_answer_container_style{padding-top:35px;padding-bottom:20px}.subtopic_note_main_container{background:#f3f4f6;width:100%;height:70vh;padding:0!important}.subtopic_note_main_container .note_input_container{display:flex;justify-content:center;height:85px;align-items:center;padding:24px;border-bottom:1px solid #d5d4dc}.subtopic_note_main_container .note_input_container .note_input_style{width:100%;max-width:950px}.subtopic_note_main_container .note_input_container .note_input_style .icon_style{color:#039e33;cursor:pointer}.subtopic_note_main_container .note_container_box_style{display:flex;flex-direction:column;align-items:center;padding:4rem;background:#f3f4f6;height:450px;overflow-y:scroll}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container{width:70%;border-radius:12px;border:1px solid #ccc;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-right:97px;margin-bottom:2rem}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container{border-radius:12px}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;height:48px;margin-bottom:8px;background:#e5e7eb;border-radius:11px 11px 0 0}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style .video_position_time_container{padding:5px 10px;background:#ebfff1;border:1px solid #039e33;border-radius:4px;width:80px;display:flex;justify-content:center;align-items:center;margin-left:1.5rem;font-weight:500;font-size:15px;height:35px}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style .video_position_time_container:hover{background:#d6f2de;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .3s ease}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style .edit_delete_icon_container{display:flex;align-items:center}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style .edit_delete_icon_container .icons_divider_style{width:1px;min-height:48px;background-color:#ccc}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style .edit_delete_icon_container .icon_style{width:50px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:color .3s ease}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .header_style .edit_delete_icon_container .icon_style .icon:hover{opacity:.5}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .content_container{margin-bottom:8px;color:#333;padding:6px 24px;font-weight:700}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .box_header_main_container .content_container .content_style{font-weight:500}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .footer_container{display:flex;justify-content:flex-end;margin-top:8px;padding:7px 3px;background:#e5e7eb;border-radius:0 0 11px 11px}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container .footer_container .button-style{margin-right:6px;padding:4px 20px;border-radius:4px;font-weight:300;cursor:pointer;font-size:13px}.notification_icon_container{width:42px;height:42px;border-radius:50%;display:inline-block;padding:7px 8px;cursor:pointer}.notification_icon_container:hover{background:#f3f1f8}.active_notification_icon_container{width:42px;height:42px;border-radius:50%;display:inline-block;padding:5px 6px;cursor:pointer}.bannerContainer{background-color:#f9b117;width:100%;height:14rem;display:flex;justify-content:space-around;align-items:center;padding-top:14px}.bannerContainer .mainContainer{display:flex;flex-direction:column;gap:15px}.bannerContainer .infoContainer{display:flex;gap:10px}.bannerContainer .contactNumberContainer{display:flex;background-color:#fff;border-radius:4px;text-align:center;align-items:center;padding:10px 15px;gap:5px}.feeTrialExpiredContainer{justify-content:center;flex-direction:column;align-items:center;gap:1rem}.feeTrialExpiredContainer .mainContainer{display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid #d5d4dc;border-radius:8px;width:50%;padding:1.5rem 0}.feeTrialExpiredContainer .descriptionContainer{text-align:center;width:80%}.feeTrialExpiredContainer .mobileNumberContainer{display:flex;background-color:#039e33;border-radius:8px;align-items:center;padding:9px 15px;color:#fff;font-weight:600;gap:5px;cursor:default}.preRegistrationHeader{background:#fff;height:5rem;padding:1rem 3rem}.preRegistrationForm{background:#fff;border-radius:8px;padding:1rem;height:100%}.pre_registration_form_container{flex:50% 1;width:100%}.pre_registration_link{text-align:center;color:#039e33;cursor:pointer;font-weight:600}.pre_registration_link:hover{color:#06581f}.backToLoginText{margin-bottom:1.5rem;align-items:center;display:flex;cursor:pointer}.circular-progress{color:#fff;width:35px}.attachmentLabel{color:#252733;font-size:13px;white-space:nowrap;overflow:hidden}.re-login-label>span{text-decoration:underline;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.datePicker:hover{background-color:red;cursor:pointer}.helperTextStyle{color:#dc2626;font-size:12px;margin:2px 15px}.topic-list{padding:1rem;border:1px solid #d5d4dc;margin-top:10px;width:100%}.Linear-progress-style{width:250px;height:12px!important;border-radius:3px;background:#e7e0ec;margin-top:8px}.accordion-skill-title{display:flex;flex-direction:row;justify-content:space-between}.loading-container{display:flex;justify-content:center;padding:20px}.expanded-skill-accordion{background:#d7fee3;border-left:4px solid var(--primary-color);background-color:var(--secondary-color)}.skill-accordion{border:1px solid #e5e7eb;border-left:4px solid var(--primary-color);height:6.5rem}.topic-list-container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:768px){.subtopic_note_main_container .note_container_box_style{padding:1rem;display:flex}.subtopic_note_main_container .note_container_box_style .box_header_main_footer_container{width:100%;margin-right:5px;margin-bottom:2rem}.skill-accordion{height:auto}.logout_modal_main{width:90%;height:28%}.bannerContainer{flex-direction:column-reverse;height:auto;padding:10px}.bannerContainer .mainContainer{align-items:center}.bannerContainer .contactNumberContainer{padding:5px 8px}}.skill-topic-icon{color:#f9b117;margin-right:8px;margin-left:8px}.custom-jodit-editor .jodit-wysiwyg p{margin:0;padding:0;line-height:28px!important}@-webkit-keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.animated-icon{-webkit-animation:scaleIn .4s ease-in-out;animation:scaleIn .4s ease-in-out}@media screen and (max-width:767px)and (orientation:landscape){.course-structure-tab{padding-top:50px}}