.joinTrainingWithToolSection{background-color:#fff;display:flex;align-items:flex-start;justify-content:center;padding:170px 0 85px;gap:54px}.joinTrainingWithToolSection-mobile{display:none}.meeting_code_error-desktop{display:none;margin-top:-22px;margin-left:6px;font-size:12px;color:red}.meeting_code_error-desktop.has-error{display:flex}.meeting_code_error-mobile{display:none;margin-top:-38px;margin-left:35px;font-size:12px;color:red;width:100%}.meeting_code_error-mobile.has-error{display:flex}.cotentContainer{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;margin-top:69px}.cotentContainer .contentTopContainer{display:flex;flex-direction:column;gap:6px}.cotentContainer{display:flex;flex-direction:column;gap:24px}.contentTopContainer-mobile{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.contentTopContainer .titleStyle{font-size:32px;font-family:'Inter';font-weight:800;line-height:32px;color:#000;text-transform:uppercase;max-width:415px}.contentTopContainer-mobile .titleStyle{font-size:30px;font-family:'Inter';font-weight:800;line-height:30px;color:#000;text-transform:uppercase;max-width:360px;text-align:center}.contentTopContainer .descStyle{font-family:'Inter';font-size:16px;font-weight:300;line-height:16.8px;color:#000}.contentTopContainer-mobile .descStyle{font-family:'Inter';font-size:14px;font-weight:300;line-height:14.7px;color:#000;text-align:center}.imageContainer{width:422px;height:379px}.imageContainer img{width:100%;height:100%}.imageContainer-mobile{width:361.82px;height:370px}.imageContainer-mobile img{width:100%;height:100%}.ctaContainer{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:3.5px}.ctaContainer-mobile{position:relative;display:flex;align-items:center;gap:6px;width:400px}.ctaContainer .inputTagStyle{height:38px;max-width:247px;background-color:#eceff1;border-radius:10px;border:none;outline:none;padding-left:40px;padding-bottom:3px;text-transform:uppercase}.ctaContainer-mobile .inputTagStyle{height:41px;max-width:calc(100% - 113px);width:calc(100% - 113px);background-color:#eceff1;border-radius:6px;border:none;outline:none;padding-left:40px;padding-bottom:3px;text-transform:uppercase}.ctaContainer .inputTagStyle::placeholder{color:#8a8a8a;font-family:'Inter';font-size:14px;font-weight:300;line-height:16.94px;text-transform:none}.ctaContainer-mobile .inputTagStyle::placeholder{color:#8a8a8a;font-family:'Inter';font-size:14px;font-weight:300;line-height:16.94px;text-transform:none}.ctaContainer .videoIconStyle{position:absolute;top:14px;left:11.11px}.ctaContainer-mobile .videoIconStyle{position:absolute;top:14px;left:11.11px}.ctaContainer .submitBtnStyle{width:87px;height:38px;padding:7px 26px;border-radius:10px;outline:none;border:none;background-color:#121c5e;opacity:1;color:#fff;font-size:14px;font-weight:300;font-family:'Inter';line-height:16.94px}.ctaContainer-mobile .submitBtnStyle{width:107px;height:41px;padding:7px 26px;border-radius:20px;outline:none;border:none;background-color:#121c5e;opacity:1;color:#fff;font-size:14px;font-weight:300;font-family:'Inter';line-height:16.94px}.loginFacilitatorSection{display:flex;justify-content:center;align-items:center;background-color:#121c5e;padding:102px 0 102px 15px;gap:110px}.loginFacilitatorSection-mobile{display:none;flex-direction:column;justify-content:center;align-items:center;background-color:#121c5e;padding:64.5px 20px;gap:20px}.loginFacilitatorSection .rightSideContentContainer .rightSideTopContainer .titleContentStyle{font-size:32px;font-weight:800;font-family:'Inter';line-height:32px;color:#fff}.loginFacilitatorSection-mobile .topcontent-mobile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.loginFacilitatorSection-mobile .topcontent-mobile .titleContentStyle-mobile{font-size:30px;font-weight:800;font-family:'Inter';line-height:30px;color:#fff;text-align:center}.loginFacilitatorSection .rightSideContentContainer .rightSideTopContainer .descContentStyle{font-size:16px;font-weight:300;font-family:'Inter';line-height:16.8px;color:#fff}.loginFacilitatorSection-mobile .topcontent-mobile .descContentStyle-mobile{font-size:16px;font-weight:300;font-family:'Inter';line-height:16.8px;color:#fff;text-align:center}.loginFacilitatorSection .rightSideContentContainer .ctaContainer .loginBtnStyle{font-size:14px;font-weight:500;border-radius:16px;font-family:'Inter';line-height:16.94px;width:89px;height:38px;padding:7px 26px;background-color:#fff;color:#000;border:none;outline:none}.loginFacilitatorSection-mobile .bottom-ctaContainer-mobile{max-width:360px;width:360px}.loginFacilitatorSection-mobile .bottom-ctaContainer-mobile .loginBtnStyle-mobile{font-size:14px;font-weight:500;border-radius:16px;font-family:'Inter';line-height:16.94px;width:100%;max-width:100%;height:41px;padding:7px 26px;background-color:#fff;color:#000}.loginFacilitatorSection-mobile .middlecontent-mobile{margin-top:10px;width:360px;height:171px}.loginFacilitatorSection-mobile .middlecontent-mobile img{width:100%;height:100%;object-fit:cover;border-radius:20px}.loginFacilitatorSection .rightSideContentContainer{display:flex;flex-direction:column;gap:25px}.loginFacilitatorSection .rightSideContentContainer .rightSideTopContainer{display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.liveWorkshopToolSection{display:flex;justify-content:center;background-color:#121c5e;padding:92px 0;gap:80px}.liveWorkshopToolSection-mobile{display:none;flex-direction:column;justify-content:center;align-items:center;background-color:#121c5e;padding:60px 20px 40px;gap:30px}.liveWorkshopToolSection .groupOfImagesContainer{display:flex;flex-wrap:wrap;width:355px;gap:15px}.liveWorkshopToolSection-mobile .groupOfImagesContainer-mobile{display:flex;flex-wrap:wrap;width:355px;gap:15px}.liveWorkshopToolSection .groupOfImagesContainer .ImageItemStyle{width:170px;height:169px;border-radius:20px}.loginFacilitatorSection .leftContainer{width:320px;height:320px}.loginFacilitatorSection .leftContainer img{width:100%;height:100%;object-fit:cover;border-radius:20px}.liveWorkshopToolSection-mobile .groupOfImagesContainer-mobile .ImageItemStyle-mobile{width:170px;height:169px;border-radius:20px}.liveWorkshopToolSection .groupOfImagesContainer .ImageItemStyle img{width:100%;height:100%;border-radius:20px;object-fit:cover}.liveWorkshopToolSection-mobile .groupOfImagesContainer-mobile .ImageItemStyle-mobile img{width:100%;height:100%;object-fit:cover;border-radius:20px}.liveWorkshopToolSection .liveWorkshopToolContentContainer{display:flex;flex-direction:column;gap:16px;margin-top:70px}.liveWorkshopToolSection-mobile .liveWorkshopToolContentContainer-mobile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolTitleStyle{font-family:'Inter';font-weight:800;font-size:32px;line-height:32px;color:#fff;max-width:368px}.liveWorkshopToolSection-mobile .liveWorkshopToolContentContainer-mobile .liveWorkshopToolTitleStyle-mobile{font-family:'Inter';font-weight:800;font-size:30px;line-height:30px;color:#fff;max-width:400px;text-align:center}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolDescStyle{font-family:'Inter';font-weight:300;font-size:16px;line-height:16.8px;color:#fff;max-width:420px}.liveWorkshopToolSection-mobile .liveWorkshopToolContentContainer-mobile .liveWorkshopToolDescStyle-mobile{font-family:'Inter';font-weight:300;font-size:16px;line-height:16.8px;color:#fff;max-width:400px;text-align:center}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolCtaStyle{outline:none;border:none;max-width:108px;height:38px;padding:7px 26px;background-color:#fff;color:#000;font-size:14px;line-height:16.94px;font-weight:500;font-family:'Inter';border-radius:16px}.liveWorkshopToolSection-mobile .registerBtnContainer-mobile{max-width:360px;width:360px}.liveWorkshopToolSection-mobile .registerBtnContainer-mobile .liveWorkshopToolCtaStyle-mobile{outline:none;border:none;max-width:100%;width:100%;height:41px;padding:12px 26px;background-color:#fff;color:#121c5e;font-size:14px;line-height:16.94px;font-weight:500;font-family:'Inter';border-radius:20px}.BenefitingVirtualSchoolSection{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;background-color:#008cd1;padding:94px 0}.BenefitingVirtualSchoolSection .anchorTagStyle{text-decoration:none}.joinLiveClassTitleStyle{font-size:32px;line-height:32px;font-weight:800;font-family:'Inter';text-align:center;color:#fff;max-width:626px}.joinLiveClassBtnStyle{width:200px;height:38px;background-color:#121c5e;padding:7px 18px;display:flex;justify-content:center;align-items:center;gap:10px;border:none;outline:none;border-radius:16px;color:#fff}.NationalTeachingCouncilTrainingSection{display:flex;justify-content:center;padding:152px 0 51px;background-color:#fff;gap:103px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{display:flex;flex-direction:column;gap:121px;padding-top:73px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer{display:flex;flex-direction:column;gap:11px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .timelineContainer{font-family:'Inter';font-size:16px;font-weight:300;line-height:16.8px;color:#000}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .titleContainer{font-family:'Inter';font-size:36px;font-weight:800;line-height:36px;color:#000;max-width:437px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .subtitleContainer{font-family:'Inter';font-size:18px;font-weight:500;line-height:18px;color:#000}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer{display:flex;gap:17px;align-items:flex-end}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer .logo1Style{width:63px;height:63px;object-fit:cover}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer .logo2Style{width:148px;height:52px;object-fit:cover}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer .logo3Style{width:132.71px;height:48.21px;object-fit:cover}.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer{position:relative}.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:357px;height:389px;border-radius:20px}.videoThumbnailContainer{position:absolute;top:300px;left:-66px;height:129px}.videoThumbnailContainer .katonLiveVideoTagStyle{width:213px;height:129px;border-radius:20px;position:relative;cursor:pointer;object-fit:fill}.videoThumbnailContainer .videoPlayIconStyle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;cursor:pointer}.page-template-katon-live #videoModal .modal-content{width:100%;max-width:100%;margin:0 !important;margin-top:15% !important}.page-template-katon-live .modal.show .modal-dialog{width:1097px !important;max-width:1097px !important}.page-template-katon-live #videoModal .modal-header a{padding:0 !important;width:30px !important;height:30px !important;display:flex;justify-content:center;align-items:center}.page-template-katon-live #videoModal .modal-header a span{bottom:1px !important;left:0 !important}@media screen and (max-width:1120px){.page-template-katon-live .modal.show .modal-dialog{width:950px !important;max-width:950px !important}}@media screen and (max-width:970px){.page-template-katon-live .modal.show .modal-dialog{width:800px !important;max-width:800px !important}}@media screen and (max-width:830px){.page-template-katon-live .modal.show .modal-dialog{width:690px !important;max-width:690px !important}}@media screen and (max-width:1024px){.joinTrainingWithToolSection{gap:8px;padding-top:155px !important}.loginFacilitatorSection{gap:68px}}@media screen and (max-width:990px){.NationalTeachingCouncilTrainingSection{gap:64px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .titleContainer{font-size:32px;line-height:32px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .subtitleContainer{font-size:16px;line-height:16px}}@media screen and (max-width:910px){.liveWorkshopToolSection{gap:55px}}@media screen and (max-width:900px){.NationalTeachingCouncilTrainingSection{gap:20px}.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:310px;height:364px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:70px}.videoThumbnailContainer{top:260px}}@media screen and (max-width:890px){.imageContainer img{width:100%;height:100%}.imageContainer{width:370px;height:370px}.contentTopContainer .titleStyle{font-size:30px;line-height:30px;width:370px}.loginFacilitatorSection .leftContainer{width:300px;height:300px}.loginFacilitatorSection .leftContainer img{width:100%;height:100%}.rightSideContentContainer .titleContentStyle{font-size:28px !important;line-height:28px !important}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolTitleStyle{font-size:28px;line-height:28px;width:330px}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolDescStyle{width:305px}.joinLiveClassTitleStyle{font-size:28px;line-height:28px;width:460px}}@media screen and (max-width:800px){.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{padding-top:0}.NationalTeachingCouncilTrainingSection{flex-direction:column;position:relative;justify-content:center;align-items:center;padding-top:135px !important;padding-bottom:40px !important}.councilTrainingvideoImgContainer{position:absolute !important;bottom:175px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:455px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer{text-align:center;justify-content:center;align-items:center}}@media screen and (max-width:768px){.joinTrainingWithToolSection{gap:0px}.imageContainer{width:340px;height:340px}.contentTopContainer .titleStyle{width:325px}.rightSideContentContainer .rightSideTopContainer .titleContentStyle{font-size:25px !important;line-height:25px !important}.loginFacilitatorSection .leftContainer{width:270px;height:270px}.loginFacilitatorSection{gap:40px}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolTitleStyle{font-size:25px;line-height:25px;width:290px}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolDescStyle{width:250px}.liveWorkshopToolSection .groupOfImagesContainer .ImageItemStyle{width:150px;height:150px}.liveWorkshopToolSection{gap:43px}.liveWorkshopToolSection .groupOfImagesContainer{width:315px}.joinLiveClassTitleStyle{font-size:25px;line-height:25px;width:410px}#videoModal.modal{background-color:#000000b8}.page-template-katon-live #videoModal .modal-content{margin:0 !important}.page-template-katon-live .modal.show .modal-dialog{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 20px;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (max-width:670px){.loginFacilitatorSection{display:none}.loginFacilitatorSection-mobile{display:flex}.joinTrainingWithToolSection{display:none}.joinTrainingWithToolSection-mobile{display:flex;flex-direction:column;background-color:#fff;justify-content:center;align-items:center;padding:155px 20px 70px;gap:40px}.liveWorkshopToolSection{display:none}.liveWorkshopToolSection-mobile{display:flex}.joinTrainingWithToolSection{flex-direction:column;justify-content:center;align-items:center}.contentContainer{margin-top:40px}.loginFacilitatorSection{flex-direction:column}.liveWorkshopToolSection{flex-direction:column;align-items:center}.liveWorkshopToolSection .liveWorkshopToolContentContainer{margin-top:18px}.joinLiveClassBtnStyle{max-width:360px;width:360px;position:relative}.joinLiveClassBtnStyle .arrowStyle{position:absolute;right:23px}.BenefitingVirtualSchoolSection{padding-left:20px;padding-right:20px}.joinLiveClassTitleStyle{font-size:30px;line-height:30px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .timelineContainer{font-size:14px;line-height:14.7px;font-weight:300;margin-bottom:20px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer .titleContainer{font-size:30px;line-height:30px;font-weight:800;margin-bottom:5px}.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:341px;height:374px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:480px}.videoThumbnailContainer{width:219px;height:145px;border:8px solid #fff;border-radius:20px}.videoThumbnailContainer .katonLiveVideoTagStyle{border-radius:12px;width:100%;height:100%}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer{justify-content:center;align-items:center}}@media screen and (max-width:500px){.councilTrainingvideoImgContainer{right:20px}}@media screen and (max-width:435px){.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:330px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:448px}}@media screen and (max-width:425px){.joinLiveClassTitleStyle{width:385px}.videoThumbnailContainer{top:256px;left:-78px;width:204px;height:125px}.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:285px}}@media screen and (max-width:450px){.ctaContainer-mobile{width:350px}}@media screen and (max-width:400px){.BenefitingVirtualSchoolSection .anchorTagStyle{width:100%}.joinLiveClassBtnStyle{max-width:100%;width:100%}.joinLiveClassTitleStyle{width:100%}.contentTopContainer-mobile .titleStyle{max-width:275px}.ctaContainer-mobile{max-width:100%;width:100%}.imageContainer-mobile{width:320px;height:330px}.ctaContainer-mobile .inputTagStyle{max-width:calc(100% - 113px)}.ctaContainer-mobile .videoIconStyle{left:10.11px}.loginFacilitatorSection-mobile .middlecontent-mobile{max-width:100%;width:100%}.loginFacilitatorSection-mobile .bottom-ctaContainer-mobile{max-width:100%;width:100%}.liveWorkshopToolSection-mobile .groupOfImagesContainer-mobile{max-width:100%;width:100%;justify-content:center}.liveWorkshopToolSection-mobile .groupOfImagesContainer-mobile .ImageItemStyle-mobile{width:150px;height:149px}.liveWorkshopToolSection-mobile .registerBtnContainer-mobile{width:100%;max-width:100%}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:420px}.councilTrainingvideoImgContainer{bottom:143px !important}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer{padding:0 15px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer .logo1Style{width:55px;height:55px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer .logo2Style{width:141px;height:45px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer .logo3Style{width:125px;height:41px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .councilTrainingContentContainer{padding:0 25px}}@media screen and (max-width:390px){.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:260px}.videoThumbnailContainer{bottom:0;left:-93px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:405px}}@media screen and (max-width:380px){.imageContainer{width:280px;height:280px}.contentTopContainer .titleStyle{width:290px;font-size:22px;line-height:22px}.loginFacilitatorSection .leftContainer{width:240px;height:240px}.loginFacilitatorSection .rightSideContentContainer .rightSideTopContainer .titleContentStyle{font-size:22px !important;line-height:22px !important}.liveWorkshopToolSection .liveWorkshopToolContentContainer .liveWorkshopToolTitleStyle{font-size:22px;line-height:22px;width:257px}.liveWorkshopToolSection .groupOfImagesContainer .ImageItemStyle{width:135px;height:135px}.liveWorkshopToolSection .groupOfImagesContainer{width:285px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer .logoContainer{flex-wrap:wrap}.councilTrainingvideoImgContainer{bottom:190px !important}}@media screen and (max-width:370px){.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:220px}.NationalTeachingCouncilTrainingSection .councilLeftSideContainer{gap:375px}}@media screen and (max-width:354px){.liveWorkshopToolSection-mobile .groupOfImagesContainer-mobile .ImageItemStyle-mobile{width:130px;height:129px}}@media screen and (max-width:350px){.contentTopContainer{justify-content:center;align-items:center}.contentTopContainer .titleStyle{width:290px;font-size:20px;line-height:20px;text-align:center}.ctaContainer{justify-content:center}.ctaContainer .inputTagStyle{width:175px}.ctaContainer .submitBtnStyle{width:70px;padding:7px 15px}.ctaContainer .videoIconStyle{left:30.11px}.ctaContainer-mobile .submitBtnStyle{width:85px}.ctaContainer-mobile .inputTagStyle{max-width:calc(100% - 91px);width:calc(100% - 91px)}}@media screen and (max-width:340px){.imageContainer-mobile{width:272px;height:269px}.NationalTeachingCouncilTrainingSection .councilTrainingvideoImgContainer .katonLiveImageStyle{width:200px}}