.landing-page-app{display:flex;flex-direction:row;justify-content:center;align-items:stretch;width:100%;height:100%}.landing-page-app .desc-text{color:#666;font-size:14px;line-height:18px;margin:10px 0}.landing-page-app .font-weight-500{font-weight:500}.landing-page-app .info-text{color:#333;font-size:22px;font-weight:600;line-height:27px}@media (min-width:601px){.landing-page-app .left-panel{flex:0 0 33%;max-width:33%;background-color:#f7f8fa;box-sizing:border-box;height:100%;position:relative}.landing-page-app .right-panel{flex:0 0 67%;width:67%;max-width:67%;height:100%;box-sizing:border-box;position:relative}.landing-page-app .only-mobile{display:none}}@media (max-width:600px){.landing-page-app{flex-direction:column;position:relative;justify-content:space-between}.landing-page-app .left-panel,.landing-page-app .right-panel{width:100%}.landing-page-app .only-desktop{display:none}}.left-container .logo-image{margin:auto;height:115px;width:100px}.left-container .logo-image img{height:100%}.left-container .title{color:#333;font-size:36px;font-weight:600;line-height:48px;margin:10px auto;text-align:center}.left-container .start-now-cta{margin-top:20px;border-radius:4px;height:48px;box-sizing:border-box;background-color:#116de3;cursor:pointer}.left-container .start-now-cta .btn-text{color:#fff;font-size:18px;font-weight:600;line-height:22px;text-align:center;padding:10px 0}.left-panel-bottom .participation-count{margin-top:30px}.left-panel-bottom .social-share .no-decoration{text-decoration:none}@media (min-width:601px){.left-container{width:70%;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:600px){.left-container{flex-direction:column}.left-panel-bottom,.left-panel-top{background-color:#f7f8fa;padding:25px;width:100%;box-sizing:border-box}}.right-container .title{color:#333;font-size:20px;line-height:24px;margin:10px 0}.right-container .title .icon{font-size:14px;margin-left:4px}.right-container .title .he-tooltip:after{color:#666;font-size:14px;font-weight:400;line-height:18px;min-width:500px;padding:20px 30px;box-sizing:border-box;border:1px solid #d8dde6;background-color:#fff;box-shadow:0 4px 8px 0 #ebeef2}.right-container .compititive-section{margin:20px 0}.right-container .compititive-section .badge-bar-panel{margin:10px 0;display:flex;justify-content:flex-start}.right-container .compititive-section .badge-bar-panel .badge{height:84px}.right-container .compititive-section .badge-bar-panel .badge img{height:80px}.right-container .compititive-section .badge-bar-panel .bar-panel{margin:0 30px}.right-container .compititive-section .badge-bar-panel .bar-panel .desc-text{color:#333;font-weight:500;margin-bottom:20px}.right-container .compititive-section .badge-bar-panel .bar-panel .green{color:#3cc71c}.right-container .compititive-section .tutorials-panel{margin:10px 0}.right-container .compititive-section .tutorials-panel .tutorial-list{display:flex;flex-wrap:wrap}.right-container .compititive-section .tutorials-panel .tutorial-list .list-item{width:200px;margin-right:20px;color:#116de3;font-size:14px;line-height:24px}.right-container .compititive-section .tutorials-panel .tutorial-list .list-item a{text-decoration:none}@media (min-width:601px){.right-container{width:100%;padding:60px;box-sizing:border-box;margin:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}}@media (max-width:600px){.right-container{width:100%;padding:25px;box-sizing:border-box}.right-container .bar-container{display:none}.right-container .title{font-size:16px}.right-container .title .he-tooltip:after{min-width:300px!important;left:auto!important;right:-30px!important;transform:none!important}}.track-slider-landing-page{padding:20px}.track-slider-landing-page .slider-arrow{background-color:#f3f3f3;box-shadow:0 1px 1px 0 rgba(159,167,194,.4);box-sizing:border-box;width:16px;height:32px;cursor:pointer;transform:translateY(-50%);padding-left:4px;position:absolute;top:50%;left:0}.track-slider-landing-page .slider-arrow .icon{font-size:20px;color:#9ca3a8;line-height:32px;margin:auto}.track-slider-landing-page .scroll-left{border-radius:16px 0 0 16px}.track-slider-landing-page .scroll-right{border-radius:0 16px 16px 0}.track-slider-codemonk-page{padding:20px;position:relative}.track-slider-codemonk-page .slider-arrow{background-color:#fff;box-shadow:0 1px 1px 0 rgba(159,167,194,.4);box-sizing:border-box;width:30px;height:60px;cursor:pointer;transform:translateY(-50%);padding-left:8px;position:absolute;top:50%;left:0}.track-slider-codemonk-page .slider-arrow .icon{font-size:40px;color:#9ca3a8;line-height:60px;margin:auto}.track-slider-codemonk-page .scroll-left{border-radius:30px 0 0 30px}.track-slider-codemonk-page .scroll-right{border-radius:0 30px 30px 0}.slick-list{margin:0 8px}.slider-inner-div{width:calc(100% + 40px);margin-left:-25px}.slider-inner-div .slick-prev{left:-35px}.slider-inner-div .slick-next{right:-35px}.slick-slide div{outline:none!important}@media (max-width:500px){.track-slider-codemonk-page .slider-inner-div{width:200px;margin:auto}.track-slider-codemonk-page .slick-prev{left:25px}.track-slider-codemonk-page .slick-next{right:25px}.track-slider-landing-page{width:270px;margin:auto;padding:0}.track-slider-landing-page .slick-prev{left:-10px}.track-slider-landing-page .slick-next{right:-10px}}.slick-slider .active-track{border-radius:4px;background-color:#fff;box-sizing:border-box;margin:0 5px}.slick-slider .active-track .inner-title-wrapper{text-align:center;font-weight:700;margin:auto}.slick-slider .inactive-track .locked-hover-message{background-color:#eaf3fe!important}.slick-slider .inactive-track .locked-hover-message .hover-text{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#333;cursor:default}.slick-slider .inactive-track .locked-hover-message,.slick-slider .inactive-track .topic-slider-card-wrapper{position:relative;top:50%;left:0;transform:translateY(-50%);transition:all .8s;box-sizing:border-box;margin:auto;border-radius:4px;background-color:#fff}.slick-slider .inactive-track .inner-title-wrapper{text-align:center}.topic-slider-card{position:relative}.topic-slider-card .img-container img{margin:auto}.topic-slider-card .lock-icon{position:absolute;top:2px;right:2px;border-radius:50%;text-align:center}.topic-slider-card .lock-icon.locked{border:1px solid #d8dde6}.topic-slider-card .lock-icon.locked .icon{color:#d8dde6}.topic-slider-card .lock-icon.unlocked{border:1px solid #40c312}.topic-slider-card .lock-icon.unlocked .icon{color:#40c312}.landing-page-app .active-track{width:106px;height:140px;border:1px solid #116de3}.landing-page-app .active-track .inner-title-wrapper{color:#606b74;font-size:10px;line-height:12px;padding-top:10px}.landing-page-app .active-track .img-container img{width:82px;height:82px}.landing-page-app .inactive-track .locked-hover-message,.landing-page-app .inactive-track .topic-slider-card-wrapper{height:85px;width:85px;border:1px solid #dfe3eb;box-shadow:0 4px 8px 0 #ebeef2}.landing-page-app .inactive-track .hover-text{font-size:9px;line-height:13px;padding:5px;cursor:default}.landing-page-app .inactive-track .img-container img{width:50px;height:50px}.landing-page-app .inactive-track .inner-title-wrapper{color:#4f5458;font-size:10px;line-height:14px;height:40px;padding-top:40px;text-align:center}.landing-page-app .topic-slider-card{height:150px;padding:0 8px;margin:auto}.landing-page-app .topic-slider-card .img-container{margin:8px 0}.landing-page-app .topic-slider-card .card-number{color:#4f5458;font-size:10px;line-height:12px;padding-top:4px}.landing-page-app .topic-slider-card .lock-icon{height:14px;width:14px}.landing-page-app .topic-slider-card .lock-icon .icon{font-size:10px;line-height:14px}.tracks-page-app .active-track{width:150px;height:210px;box-shadow:0 1px 1px 0 rgba(159,167,194,.4);position:relative}.tracks-page-app .active-track .inner-title-wrapper{color:#46535e;font-size:14px;line-height:16px;width:130px}.tracks-page-app .active-track .img-container img{width:90px;height:90px;margin:20px auto}.tracks-page-app .active-track .progress{height:3px;position:absolute;background:#40c312;top:200px;left:0}.tracks-page-app .inactive-track .locked-hover-message,.tracks-page-app .inactive-track .topic-slider-card-wrapper{height:120px;width:120px;box-shadow:0 1px 1px 0 rgba(159,167,194,.4)}.tracks-page-app .inactive-track .hover-text{font-size:12px;line-height:16px;padding:10px;cursor:default}.tracks-page-app .inactive-track .img-container img{width:60px;height:60px;margin:16px auto}.tracks-page-app .inactive-track .inner-title-wrapper{color:#9ca3a8;font-size:14px;line-height:16px;padding-top:50px;text-align:center}.tracks-page-app .topic-slider-card{height:200px;padding:0 8px;margin:auto}.tracks-page-app .topic-slider-card .card-number{color:#46535e;font-size:10px;line-height:12px;padding-top:4px}.tracks-page-app .topic-slider-card .lock-icon{height:18px;width:18px}.tracks-page-app .topic-slider-card .lock-icon .icon{font-size:10px;line-height:18px}.he-tooltip{position:relative}.he-tooltip:after{z-index:9999;padding:4px 16px;color:#fff;font-size:12px;font-weight:400;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(aria-label);background:#000;border-radius:3px}.he-tooltip:after,.he-tooltip:before{position:absolute;display:none;pointer-events:none;opacity:0}.he-tooltip:before{z-index:1000001;width:0;height:0;color:#000;content:"";border:5px solid transparent}@-moz-keyframes foo{0%{opacity:0}to{opacity:1}}.he-tooltip:active:after,.he-tooltip:active:before,.he-tooltip:focus:after,.he-tooltip:focus:before,.he-tooltip:hover:after,.he-tooltip:hover:before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;-webkit-animation-duration:.05s;animation-duration:.05s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.2s;animation-delay:.2s}.he-tooltip-no-delay:active:after,.he-tooltip-no-delay:active:before,.he-tooltip-no-delay:focus:after,.he-tooltip-no-delay:focus:before,.he-tooltip-no-delay:hover:after,.he-tooltip-no-delay:hover:before{opacity:1;-webkit-animation:none;animation:none}.he-tooltip-multiline:active:after,.he-tooltip-multiline:focus:after,.he-tooltip-multiline:hover:after{display:table-cell}.he-tooltip-bottom-left:after,.he-tooltip-bottom-right:after,.he-tooltip-bottom:after{top:100%;right:50%;margin-top:5px}.he-tooltip-bottom-left:before,.he-tooltip-bottom-right:before,.he-tooltip-bottom:before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:#000}.he-tooltip-bottom-right:after{right:auto;left:50%;margin-left:-15px}.he-tooltip-bottom-left:after{margin-right:-15px}.he-tooltip-top-left:after,.he-tooltip-top-right:after,.he-tooltip-top:after{right:50%;bottom:100%;margin-bottom:5px}.he-tooltip-top-left:before,.he-tooltip-top-right:before,.he-tooltip-top:before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:#000}.he-tooltip-top-right:after{right:auto;left:50%;margin-left:-15px}.he-tooltip-top-left:after{margin-right:-15px}.he-tooltip-bottom:after,.he-tooltip-top:after{-webkit-transform:translateX(50%);transform:translateX(50%)}.he-tooltip-left:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.he-tooltip-left:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:#000}.he-tooltip-right:after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.he-tooltip-right:before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:#000}.he-tooltip-multiline:after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.he-tooltip-multiline:after{width:250px}}.he-tooltip-multiline.he-tooltip-bottom:after,.he-tooltip-multiline.he-tooltip-top:after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.he-tooltip-multiline.he-tooltip-left:after,.he-tooltip-multiline.he-tooltip-right:after{right:100%}@media screen and (min-width:0 0){.he-tooltip-multiline:after{width:250px}}.he-tooltip-sticky:after,.he-tooltip-sticky:before{display:inline-block;opacity:1}.he-tooltip-sticky.he-tooltip-multiline:after{display:table-cell}@media only screen and (-moz-min-device-pixel-ratio:2),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.he-tooltip-left:after{margin-right:4.5px}}.custom-tooltip .he-tooltip:after{background-color:#fff;box-shadow:1px 1px 5px 3px #e8e8e8;padding:10px 10px 10px 15px;color:#46535e;line-height:1.6}.custom-tooltip .he-tooltip:before{border-bottom-color:#fff}.he-tooltip-portal{position:fixed;z-index:99999;color:#fff;font-size:12px;font-weight:400;text-align:left;background-color:#000;border-radius:4px;pointer-events:none;white-space:pre;word-wrap:break-word}.he-tooltip-portal.he-tooltip-portal-multiline{max-width:250px;width:max-content;white-space:pre-line}@-moz-keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}@-o-keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.checkpoint-progress-bar{box-sizing:border-box;height:26px;width:262px;border:1px solid #dfe3eb;border-radius:12px;background-color:#fff;box-shadow:0 4px 8px 0 #ebeef2}.checkpoint-progress-bar .bar{height:4px;width:240px;border-radius:12px;background-color:#dfe3eb;box-shadow:0 4px 8px 0 #ebeef2;margin:10px;position:relative;box-shadow:0 4 8 0 #ebeef2}.checkpoint-progress-bar .bar .start-point{box-sizing:border-box;height:10px;width:1px;border:1px solid #dfe3eb;position:absolute;top:-3px;left:0}.checkpoint-progress-bar .bar .checkpoint{position:absolute;bottom:4px}.checkpoint-progress-bar .bar .checkpoint .flag-image{height:20px;width:10px}.checkpoint-progress-bar .bar .checkpoint-1{left:70px}.checkpoint-progress-bar .bar .checkpoint-2{left:140px}.checkpoint-progress-bar .bar .checkpoint-3{left:210px}