.viewerSection{margin:105px 0 10px}.hideElementTopBar .viewerSection{margin:70px 0 10px}.viewerFlex{flex-wrap:wrap;justify-content:space-between;display:flex}.viewerList{order:2;width:100%;padding:15px 0}.viewerDetail{width:100%;position:relative}.viewerDetailInside{position:relative}.QuilityControlBtn{z-index:99;color:#fff;cursor:pointer;background:no-repeat;border:0;font-size:20px;display:none;position:absolute;top:21px;right:23px}.playerBtn{z-index:99;text-align:center;width:100%;margin-top:-80px;position:absolute;top:50%}.playerBtn button{opacity:0;cursor:pointer;background:#939393;border:0;border-radius:50%;width:30px;height:30px;margin:0 3%;line-height:30px;transition:all .3s}.playerBtn span{opacity:0;cursor:pointer;background:#fff;border:0;border-radius:50%;width:50px;height:50px;margin:0 23%;padding:8px 11px;line-height:50px;transition:all .8s;display:inline-block}.playerBtn span i{font-size:32px}.viewerDetail:hover button,.viewerDetail:hover span{transition:all .8s}.playerBtn button:hover,.playerBtn span:hover{background:#e2e2e2}.vcHeading{padding:0 24px}.viewerSection ul{margin:0;padding:0;list-style:none}.viewerTabs ul:first-child{background:#efead8;border-radius:12px;justify-content:space-between;margin:0 0 10px;padding:5px;display:flex}.viewerTabs ul:first-child li{text-align:center;border-radius:8px;width:50%}.viewerTabs ul:first-child li a.vt_active{background:var(--primary-btnColor);color:#fff;width:101%}.viewerTabs ul:first-child li a{color:var(--heading);font-size:16px;line-height:16px;font-family:var(--primary-font);border-radius:8px;width:100%;padding:9px 10px;text-decoration:none;display:block}.vt_scrollDiv{max-height:49vh;padding-bottom:100px;overflow-y:auto}.vt_scrollDiv .content{max-height:0;padding-top:10px;transition:max-height .3s ease-in-out;overflow:hidden}.vt_scrollDiv .content.active{max-height:30000px;transition:max-height .3s ease-in-out}.parentModule{cursor:pointer;padding:0 24px;position:relative}.parentModule:before{content:"";width:100%;height:100%;position:absolute;inset:0}.viewerList:after{content:"";background:linear-gradient(360deg,#f6f3e8 0%,#c1383800 200%);width:100%;height:40px;position:absolute;bottom:0;left:0}.vt_scrollDiv::-webkit-scrollbar{border-radius:40px;width:6px}.vt_scrollDiv::-webkit-scrollbar-track{background:0 0}.vt_scrollDiv::-webkit-scrollbar-thumb{background:#e2e2e288}.vt_scrollDiv::-webkit-scrollbar-thumb:hover{background:var(--orangeHeading)}.vt_scrollDiv ul li span{color:var(--orangeHeading);font-size:14px;line-height:17px;font-family:var(--primary-font);margin-bottom:6px;display:block}.vt_scrollDiv ul li{font-family:var(--secondary-heading-font);padding:18px 0 0;font-size:16px;line-height:19px}.vt_scrollDiv ul li #moduleName{font-family:var(--secondary-heading-font);color:#000;padding:0;font-size:16px;line-height:19px}.vt_scrollDiv ul li ul li{font-family:var(--primary-font);color:var(--heading);cursor:pointer;border-left:4px solid #0000;padding:10px 40px 0;font-size:16px;font-weight:100;position:relative}.vt_scrollDiv ul li ul li.vt_playItem .CompleteIcon .rl-check{top:15px}.vt_scrollDiv ul li ul li .CompleteIcon .rl-check{margin:0;top:31px}.vt_scrollDiv ul li ul li .chapterTitle{font-family:var(--primary-font);color:var(--heading);padding:0;font-size:16px;position:relative}.vt_scrollDiv ul li ul li i{font-size:19px;position:absolute;top:16px;left:10px}.vt_scrollDiv ul li ul li.vt_playItem i.rl-play{top:18px}.vt_scrollDiv ul li ul li span{color:#979593;font-size:13px;font-family:var(--primary-font);margin-top:6px}.vt_scrollDiv ul li ul{border-bottom:1px solid #e2e2e2}.vt_scrollDiv li.parentModuleData{position:relative}.vt_scrollDiv li.parentModuleData i.arrowToggle{cursor:pointer;z-index:1;text-align:right;width:100%;height:66px;padding-right:10px;position:absolute;right:0}.vt_scrollDiv ul li ul li:last-child{padding-bottom:18px}.vt_scrollDiv ul li ul li.vt_playItem{pointer-events:none;background:#efead8;border-left:4px solid #c8448d;margin:10px 0 0;padding:10px 28px 10px 42px}.viewerDetail figure{height:auto;margin:0;overflow:hidden}.viewerDetail figure div{height:99%!important}.vcHeading span{color:#979593;font-size:16px;line-height:19px;font-family:var(--primary-font);margin-top:15px;display:block}.vcHeading h1{font-family:var(--secondary-heading-font);letter-spacing:0;margin-top:6px;font-size:18px;line-height:22px}footer .container{padding:0 24px}.vt_resource{padding:25px}.vt_resource h5{font-size:14px;line-height:17px;font-family:var(--secondary-heading-font)}.vt_resource p{font-size:14px;line-height:17px;font-family:var(--primary-font);color:#979593;margin:10px 0 20px}.vt_downloadFile{font-size:14px;line-height:20px;font-family:var(--primary-font);color:#fff;background:#c44b8f;border:1px solid #c44b8f;border-radius:10px;padding:10px 18px;text-decoration:none;display:inline-block}.vt_downloadFile:hover,.vt_downloadFile:focus{color:#c44b8f;background:0 0}.viewerSection .container{padding:0}.viewerSection .viewerTabs{padding:0 24px}.vt_scrollDiv ul li{padding-top:14px}@media only screen and (min-width:991px) and (max-width:1366px){.viewerDetail .azuremediaplayer{height:auto;padding-top:50%;width:89%!important}.viewerDetail figure video{background:#000;padding:0}.viewerDetail figure{height:442px!important}}@media screen and (min-width:992px){.viewerSection .viewerTabs{padding:0}.viewerDetail figure{height:540px;margin:0;overflow:hidden}.playerBtn{z-index:99;text-align:center;width:100%;margin-top:-42px;position:absolute;top:46%}.playerBtn button{opacity:0;cursor:pointer;background:#939393;border:0;border-radius:50%;width:30px;height:30px;margin:0 8%;line-height:30px;transition:all .3s}.viewerSection{margin:95px 0 0}.vcHeading span{margin-top:24px}.viewerList{width:326px;margin-right:34px;padding:0;position:relative}.vt_scrollDiv ul li ul li{padding:10px 28px 10px 42px}.vt_scrollDiv ul li ul li .CompleteIcon .rl-check,.vt_scrollDiv ul li ul li .rl-check{color:#fff;background:#aed179;border-radius:100%;margin:10px 0 0 5px;padding:3px;font-size:8px;display:inline-block;top:21px;left:10px}.vt_scrollDiv ul li ul li.vt_playItem .CompleteIcon .rl-check{top:18px}.vt_scrollDiv ul li ul li i{top:17px}.viewerSection .container{padding:0 24px}.vt_scrollDiv ul li span{line-height:22px}.viewerDetail{order:2;width:calc(100% - 362px)}.vcHeading{padding:0}.vcHeading h1{font-size:24px;line-height:29px}.vt_resource h5,.vt_resource p{font-size:16px;line-height:20px}.vt_scrollDiv{max-height:76vh;padding-bottom:50px;overflow-y:auto}.parentModule{padding:0}.vt_scrollDiv ul li{padding-top:14px}.vt_scrollDiv ul li ul li.vt_playItem{margin-top:0}.vt_scrollDiv ul li ul li span{margin-bottom:0}}@media screen and (min-width:1367px){.viewerSection{margin:130px 0 0}}.react-tabs__tab--selected a{background:var(--primary-btnColor);width:101%;color:#fff!important}
.quizSection{background:var(--color3);padding:36px 0}.quizSection .alignRight{margin-top:32px}.quizSkip{justify-content:space-between;margin-top:14px;display:flex}.quiz .quizSkip span{color:var(--heading);margin:0;font-size:14px;display:inline-block}.quiz progress{width:100%;height:7px;margin-bottom:6px;display:block}.quizSkip p{color:#979593;margin:0}.quiz .quizSkip .skip p{color:var(--primary-btnColor)}.quizQuestionAnswer p{font-size:18px;line-height:22px;font-family:var(--primary-font);margin:24px 0}.quizOption ul li{background:#fff;border-radius:12px;margin-top:14px;padding:14px}.quizOption ul li:last-child{margin-bottom:0}.urduVocabulary{margin-top:24px;padding:0 24px}.urduVocabulary span{color:#979593;margin-bottom:6px}.urduVocabulary h1{font-size:18px}.quizOption .currectAnswer{background:#aed179}.quizOption1{flex-wrap:wrap;justify-content:space-between;display:flex}.quizOption1 button{text-align:left;width:100%;color:var(--heading);background:#fff;border:none;border-radius:12px;margin-top:14px;padding:15px 16px;line-height:20px;position:relative;font-family:var(--primary-font)!important}.quizOption1 button.currectAnswer{background:#a7d480}.quizOption1 button.wrongAnswer{background:#ef5f47}.quizOption1 button.currectAnswer span.rl-tick,.quizOption1 button.wrongAnswer span.rl-tick{display:initial;float:right;background:#fff;border-radius:16px;margin-top:3px}progress::-webkit-progress-bar{background-color:#eee;border-radius:20px}progress::-webkit-progress-value{border-radius:20px;background-color:#a7d480!important}progress::-moz-progress-bar{border-radius:20px;background-color:#a7d480!important}progress{background-color:#a7d480;border-radius:20px}@media screen and (min-width:992px){.quizSection{border-radius:36px;padding:46px 56px}.urduVocabulary{padding:0}.quizQuestionAnswer{margin-top:18px;padding:10px 0 50px}.quizQuestionAnswer p{font-size:20px;line-height:24px}.quizOption ul li{padding:20px 16px}.quizOption ul{flex-wrap:wrap;justify-content:space-between;display:flex;position:relative}.quizOption ul li{flex:0 0 49%;max-width:49%}.quizOption .rl-tick{background:#fff;border-radius:100%;display:inline;position:absolute;top:12px;right:20px}.quizOption1 button{width:49%}}
.quizResult{align-items:center;display:flex}.resultPercentage{background:#f5f5f5;border-radius:24px;margin-right:14px;padding:50px 22px}.quizResult .resultPercentage span{color:#333;margin:0;font-size:36px;font-weight:700;line-height:36px}.greatJob h4{color:#303030;margin-bottom:8px;font-size:18px;line-height:22px}.greatJob p{color:#979593;line-height:normal}.greatJob .borderBtn{background:0 0;margin-right:14px}.completeCourse{background:var(--color3);border-radius:36px;min-height:536px;padding:173px}.CongratulationsHeading{color:#333;margin:0;font-size:32px;font-weight:700;line-height:39px}.CongratulationsTxt{color:#979593;margin-top:20px;margin-bottom:20px;font-size:16px;line-height:22px}@media screen and (min-width:992px){.quizResultSection{min-height:536px;padding:200px 222px;position:relative}.quizSection.quizResultSection .vcHeading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resultPercentage{padding:50px 46px}}