.MainDivOfUpperSide{width:100%;height:100px;border-bottom:1px solid #f6f4ef;background:#FFF}.MainSecondDivOfUpperSide{display:flex;justify-content:center;margin-top:13px;padding:10px 25px}.FirstColumnOfMainDashboard{width:20%;height:770px;margin-top:16px}.SecondColumnOfMainDashboard{background:#F6F4EF;width:80%;height:770px}.RowOfMainDashboard{width:100%}.SecondDivOfDash{display:flex;margin-left:auto;justify-content:center}.ProfileNameOfDashboard{color:#171717;text-align:right;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:700;display:flex;align-items:center;gap:9px;cursor:pointer}.ImageOfDasProfile{width:120px;cursor:pointer}@media (max-width:766px){.MainDesktopSection{display:none}.MainMobileSection{display:block}}@media (min-width:767px){.MainMobileSection{display:none}.MainDesktopSection{display:block}}.DivOfProfile111{display:flex;align-items:center;justify-content:start}.DropdownActiveprofile{display:none}.MainOpen1111{padding-left:15px;padding-right:15px;width:180px;cursor:pointer;display:flex;justify-content:space-between}.UnderLineGraphDropDown11{width:180px;height:1px!important;background:#878787;margin:0}.DropDownMenuItemsProfile{color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;border:none;background:none;padding:8px 10px;cursor:pointer;text-align:left;width:100%}.activeitemProfile{border-radius:25px;background:#00C8FF;color:white}.DropdownMenu{position:absolute;top:0;right:0;width:175px;border-radius:0 0 12px 12px;border-radius:12px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;align-items:flex-start;padding:10px 0}.DropdownMenu,.allNavItems1211{display:flex;flex-direction:column}.allNavItems1211{padding-left:5px;padding-right:5px;margin-top:10px}.ProfileNameOfDashboard{cursor:"pointer",}.MainDivOfSidebarTopic{display:flex;justify-content:center;flex-direction:column;gap:10px;padding:10px}.DivOfSidebarTopic11111{display:flex;align-items:center;justify-content:space-between}.DivOfSidebarTopic{width:96%;padding:11px 10px 12px 18px;border-radius:24px;background:white;align-items:center;margin-left:10px;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;display:flex;gap:6px}.DivOfSidebarTopic:hover{cursor:pointer;background-color:lightblue;color:darkblue;transform:scale(1.05)}.ImageOfSidebarTopic{width:24px;height:24px}.DivOfSidebarTopic.active{background-color:#F6F4EF}@media (min-width:768px) and (max-width:1000px){.DivOfSidebarTopic{font-size:13px;padding:11px 6px 11px 11px}.ImageOfSidebarTopic{width:20px;height:19px}.MainDivOfMyAccont{width:100%;height:676px}.TextOfDashFullName{font-size:13px}.TextOfMyAccount{font-size:22px}}.SectionOfMyAccount{padding:20px 10px 10px}.MainDivOfMyAccont{width:100%;height:617px;border-radius:8px;background:#FFF}.FirstDivOfMuAccount,.FirstDivOfMuAccount1{padding:15px 15px 15px 20px}.FirstDivOfMuAccount{display:flex}.TextOfMyAccount{color:#171717;font-family:Bricolage Grotesque;font-size:24px;font-style:normal;font-weight:700;margin:0}.HrOfMyAccount{margin:0}.MainDivOfButtonOfDash{display:flex;padding:20px;justify-content:end}.ButtonOfDash{display:flex;width:163px;padding:14px 32px;justify-content:center;align-items:center;gap:10px;border-radius:25px;border:1px solid #0d3883;background:#FFF;color:#0D3883;text-align:center;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:700}.SecDivOfButtonOfDash{margin-left:auto}.InputsOfFormName{height:48px;border-radius:24px;background:#F6F4EF;border:none}.SEcInputsOfFormName{height:45px;background:#F6F4EF;border:none}.RowOfMyAccount{margin-top:20px}.TextOfDashFullName{color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:600}@media (min-width:768px) and (max-width:1000px){.MainDivOfMyAccont{width:100%;height:676px}.TextOfDashFullName{font-size:13px}.TextOfMyAccount{font-size:22px}.ButtonOfDash{display:flex;width:143px;padding:11px 18px}}.course-table{width:100%;border-collapse:collapse}.HeaderOfMyCourses{padding:10px;font-weight:700;text-align:left;font-weight:600}.HeaderOfMyCourses,.MyCoursesTableCell{border-bottom:1px solid #ddd;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal}.MyCoursesTableCell{padding:15px;font-weight:400}.table-row{background-color:#ffffff}.ViewButtonOfMyCourses{display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#E4F9FF;border:none;color:#0D3883;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}@media (min-width:768px) and (max-width:1000px){.HeaderOfMyCourses,.MyCoursesTableCell{font-size:15px}.ViewButtonOfMyCourses{font-size:14px}}.course-container{max-width:600px;margin:auto;background-color:#f9f9f9;padding:20px;border-radius:8px;font-family:Arial,sans-serif}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:600}.course-title{font-size:18px;font-weight:700;margin:0}.MainDivOfProgressBAr{display:flex;gap:10px;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}.ProgressBarOftradingCourse{display:inline-flex;padding:10px 14px;align-items:flex-end;gap:8px;border-radius:16px;background:#F6F4EF;margin-left:auto;display:flex}.FirstDivOfProgressss{width:131px;height:10px;background:white;border-radius:24px;margin-top:8px}.SecondDivOfProgressss{width:101px;height:10px;background:#0D3883;border-radius:24px}.session-table{width:100%;border-collapse:collapse}.table-header{font-weight:700;padding:10px;text-align:left;color:#555}.session-row,.table-header{border-bottom:1px solid #ddd}.session-title{padding:10px;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}.session-action{text-align:left;padding:10px}.PlayButtonOfTradinfCourse{background:none;border:none;color:#0D3883;cursor:pointer;width:35px;height:35px}.VideoPopup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.VideoPopupOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.VideoPopupContent{position:relative;width:100%;height:100%;overflow-y:auto;background-color:#fffdfd;padding:10px;border-radius:10px}.ClosePopupButton{position:absolute;top:10px;right:10px;font-size:20px;color:white;background-color:red;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.ClosePopupButton:hover{transform:scale(1.1);box-shadow:0 6px 8px rgba(0,0,0,.3)}.ClosePopupButton:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.BackButton11{background:none;border:none;margin-bottom:10px;display:flex;align-items:center;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;line-height:22.4px}.LeftArrowIcon11{font-size:30px}.BackButton11:hover{color:#0D3883}.spinner-container{text-align:center;width:100%;padding:20px 0}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite}.video-popup-overlayNewVideo{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.video-popup-contentNewVideo{max-width:800px}.video-popup-contentNewVideo,.video-popup-contentNewVideoM{position:relative;background-color:white;padding:20px;width:80%;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.video-popup-frameNewVideo,.video-popup-frameNewVideoM{border-radius:5px;width:100%;border-radius:8px}.video-popup-frameNewVideo{height:450px}.close-popup-btnNewVideo{top:-40px;right:-40px}.close-popup-btnNewVideo,.close-popup-btnNewVideoM{position:absolute;background-color:red;color:white;padding:10px;border:none;border-radius:50px;cursor:pointer}.close-popup-btnNewVideoM{top:-52px;right:-9px}.close-popup-btnNewVideo:hover{background-color:darkred}.loading-spinnerLoadVideo{position:absolute;top:43%;left:43%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;padding:20px;border-radius:5px;z-index:9999;display:flex;justify-content:center;align-items:center;animation:spin 2s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.loading-spinnerLoadVideo:after{content:"⏳";margin-left:10px;animation:spin 2s linear infinite}.session-tableMain{max-height:500px;overflow-y:auto}.ViewButtonOfMyCourses.disabled{cursor:not-allowed;opacity:.6}.FirstDivOfStudentSupport{padding:15px 15px 15px 20px}.overlay_DeleteAccount{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;z-index:1000}.overlay_DeleteAccount,.popup_DeleteAccount{display:flex;align-items:center;padding:20px}.popup_DeleteAccount{width:90%;max-width:518px;min-height:269px;background:#ffffff;border-radius:14px;flex-direction:column;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.1)}.iconContainer_DeleteAccount{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon_DeleteAccount{width:48px;height:48px;object-fit:contain}.title_DeleteAccount{font-weight:700;font-size:32px}.message_DeleteAccount,.title_DeleteAccount{font-family:Bricolage Grotesque,sans-serif;text-align:center}.message_DeleteAccount{font-weight:400;font-size:16px;line-height:22.4px;margin:15px 10px}.buttonContainer_DeleteAccount{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.cancelButton_DeleteAccount{border-radius:25px;border:1px solid #0d3883;background:#ffffff;color:#0d3883}.cancelButton_DeleteAccount,.deleteButton_DeleteAccount{width:150px;height:44px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.deleteButton_DeleteAccount{border-radius:25px;background:#0d3883;color:#ffffff;border:none}.cancelButton_DeleteAccount:hover,.deleteButton_DeleteAccount:hover{opacity:.8}@media (max-width:767px){.popup_DeleteAccount{width:100%;max-width:100%;padding:15px;height:300px}.title_DeleteAccount{font-size:22px}.message_DeleteAccount{font-size:14px;line-height:20px}.buttonContainer_DeleteAccount{width:100%;display:flex;flex-direction:row!important;gap:5px}.cancelButton_DeleteAccount,.deleteButton_DeleteAccount{width:80%}}.masterKeyContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f8f9fa}.masterKeyTitle{font-size:2.5rem;color:#ff5733;margin-bottom:10px}.masterKeyText{font-size:1.2rem;color:#333}.backButton{margin-top:20px;padding:10px 20px;font-size:1rem;background-color:#007bff;color:white;border:none;cursor:pointer;border-radius:5px}.backButton:hover{background-color:#0056b3}.MainnDivOfMyCoursesM{background:#F6F4EF;padding:34px 20px 20px;min-height:100vh}.no-courses-message{padding:34px 20px 20px;background:#fff}.CardOfCoursesM{border:1px solid #ddd;border-radius:8px;margin-bottom:20px;background-color:#fafafa}.RowOfSecTextOfCourseNameM{display:flex;justify-content:space-between;padding:10px 15px}.DivOfSecTextOfCourseNameM{width:40%}.DivOfSecTextOfCourseNameM2{width:60%}.LineOfMyAccountM{margin:0}.SecTextOfCourseNameM2{color:#171717;text-align:right;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}.TextOfMyCoursesM{font-size:24px;font-weight:700;margin-bottom:15px}.SecTextOfCourseNameM,.TextOfMyCoursesM{color:#171717;font-family:Bricolage Grotesque;font-style:normal;line-height:normal}.SecTextOfCourseNameM{font-size:16px;font-weight:400}.DivOfViewLecturesButtonM{padding:15px}.ViewLecturesButtonM{width:100%;display:flex;padding:6px 12px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#E4F9FF;color:#0D3883;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;border:none}.DivOfButtonOfSaveMobileDash{display:flex;gap:15px;flex-direction:column}.ButtonOfSaveMobileDash{border-radius:25px;background:#0D3883;color:#FFF;border:none}.ButtonOfCancelMobileDash,.ButtonOfSaveMobileDash{display:flex;width:90%;height:46px;padding:14px 32px;justify-content:center;align-items:center;gap:10px;text-align:center;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:700}.ButtonOfCancelMobileDash{border-radius:25px;border:1px solid #0d3883;background:#FFF;color:#0D3883}.NameOfDashM{color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;margin-left:18px}.InputOfDashM{border-radius:50px;background:#F6F4EF;height:46px;width:90%}.SecondOfMyAccountM{border-radius:8px;background:#FFF;padding:10px}.RowwOfMyCoursesM{display:flex;justify-content:center}.LineOfMtAccountMM{margin-top:30px;margin-bottom:30px}.InputOfStudentTechSupportM{border-radius:50px;border:1px solid #f6f4ef;background:#FFF;height:46px;width:95%;display:flex;color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}.MainDivOfStudentTechSupportM{width:100%;height:auto;border-radius:8px;background:#FFF;padding:24px 18px}.RowOfStudentTechhSupportM{padding:18px}.RowOfStudentTechSupportM{display:flex;justify-content:center}.LineOfTradingCoursessM{margin:0}.LabelsOfStudentTechSupportM{font-weight:400;margin-bottom:10px;margin-top:10px}.LabelsOfStudentTechSupportM,.TextOfTradingCoursessM{color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal}.TextOfTradingCoursessM{font-weight:600}.DivOfTradingCoursesmCol{width:80%}.DivOfTradingCoursesmCol1{width:20%}.SecTextOfTradingCoursessM{color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}.IconOfCirclePlayy,.SecIconOfCirclePlayy{width:35px;height:35px;color:#0D3883}.MobileCertificate11{overflow-y:auto;overflow-x:auto;width:100%;height:100vh;max-width:100%;max-height:100vh}.MainDivOfStudentSupportOopos{width:100%;height:354px;border-radius:14px;background:#FFF;padding:40px 30px}.FirstMainDivOfStudentSupportOppos{padding:40px 30px;background:blue}.MainDivButtonOfUnlockNow,.MainImageOfStudentSupportOppos{display:flex;justify-content:center}.MainImageOfStudentSupportOppos{margin-bottom:15px}.ImageOfStudentSupportOppos{width:136px;height:94px;display:flex;justify-content:center}.TextOfOppos{font-size:24px;font-weight:700;line-height:normal}.SecondTextOfOppos,.TextOfOppos{color:#171717;text-align:center;font-family:Bricolage Grotesque;font-style:normal}.SecondTextOfOppos{font-size:16px;font-weight:400}.SpanOfSecondTextOfOppos{color:#171717;font-weight:600}.ButtonOfUnlockNow,.SpanOfSecondTextOfOppos{font-family:Bricolage Grotesque;font-size:16px;font-style:normal}.ButtonOfUnlockNow{display:flex;width:170px;height:46px;padding:14px 32px;justify-content:center;align-items:center;border-radius:25px;background:#0D3883;color:#FFF;text-align:center;font-weight:700;border:none}.MainDivOfSidebarM{display:flex;justify-content:space-between;padding:15px 20px}.TextOfMobileDashboardMM{margin:0}.ImageOfGroupbar{margin-top:19px}.LogoOfDasLogo{width:120px;height:49px}.LogoOfDasLogo:hover{cursor:pointer}.LineOfSidebarMobileDash{border:1px solid #e9f1f0;background:#FFF}.MainDivOfSidebarMobileeM{padding:0 20px 10px;position:absolute;left:-100%;width:100%;background-color:#ffffff;box-shadow:2px 0 5px rgba(0,0,0,.1);overflow-y:auto;transition:left .3s ease-in-out;z-index:1000}.SidebarOfMobileDadshboardM{gap:10px;display:flex;align-items:center;border-radius:24px;border:1px solid #f6f4ef;margin-bottom:8px;padding:10px}.TextOfMobileDashboardMM{color:#171717;font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400}.ImageOfMobileDashboarddM{width:24px;height:24px}.MainDivOfSidebarMobileeM.show1{left:0}.SidebarOfMobileDadshboardM.active11{border-radius:24px;border:1px solid #f6f4ef;background:#F6F4EF}