section{padding:120px 0}.page-codetraining .page-head{background:linear-gradient(180deg,#ff6e41 -514.9%,rgba(255,110,65,0) 70.83%)}.page-codetraining .page-head .container .head-subtitle{font-weight:800;font-size:32px;line-height:125%;text-align:center;color:#17191a}.page-codetraining .page-head .container .head-title{font-weight:800;font-size:92px;line-height:125%;text-align:center;color:#ff6e41;margin-bottom:40px}.page-codetraining .page-head .container .head-desc{font-weight:500;font-size:18px;line-height:140%;text-align:center;color:#17191a}.page-codetraining .page-head .container .head-desc .bold{font-weight:700}.page-codetraining .page-head .container-fluid .comment-floater{position:absolute;height:48px;display:flex;flex-direction:row;align-items:flex-start;padding:14px 30px;gap:10px;background:#fff;mix-blend-mode:multiply;box-shadow:10px 10px 30px hsla(17,74%,83%,.4);border-radius:20px;font-weight:400;font-size:14px;line-height:140%;text-align:center;color:#f4c6b4}.page-codetraining .page-head .container-fluid .comment-floater.first{left:135px;top:105px}.page-codetraining .page-head .container-fluid .comment-floater.second{right:125px;top:192px}.page-codetraining .page-head .container-fluid .comment-floater.third{left:250px;top:533px}.page-codetraining .text-wrap h2{margin-top:55px;font-weight:700;font-size:38px;line-height:125%;margin-bottom:40px}.page-codetraining .text-wrap h3{font-weight:700;font-size:22px;line-height:31px;margin-bottom:10px}.page-codetraining .text-wrap span{font-weight:500;font-size:16px;line-height:160%;text-align:right;letter-spacing:-1px;color:#454a4d}.page-codetraining .text-wrap strong{color:#ff6e41}.page-codetraining .gamelike-codetraining{height:559px;padding-top:40px;padding-bottom:100px}.page-codetraining .gamelike-codetraining .container{display:flex;flex-direction:column;align-items:center}.page-codetraining .gamelike-codetraining .container .wrapper{display:flex;align-items:center;gap:120px}.page-codetraining .gamelike-codetraining .container .wrapper img{width:690px;height:418px;border-radius:10px}.page-codetraining .current-level{background:#fff6f3}.page-codetraining .current-level .container{display:flex}.page-codetraining .current-level .container .text-wrap{text-align:center}.page-codetraining .current-level .container img{width:690px;height:418px}.page-codetraining .environment .container{display:flex;gap:120px;align-items:center}.page-codetraining .environment .container img{width:690px;height:390px}@media only screen and (max-width:540px){.page-codetraining .mo-only{display:flex!important}.page-codetraining .page-head{height:auto!important;padding:60px 24px 24px!important}.page-codetraining .page-head .container{padding:0!important;margin-bottom:35px}.page-codetraining .page-head .container .head-subtitle{font-size:16px!important}.page-codetraining .page-head .container .head-title{font-size:40px!important}.page-codetraining .page-head .container .head-desc{font-size:14px!important}.page-codetraining .page-head .container-fluid{display:flex;flex-direction:column}.page-codetraining .page-head .container-fluid .comment-floater{position:inherit!important;height:auto!important;margin:0 auto 12px;padding:8px 20px!important;gap:10px;font-size:10px!important}.page-codetraining .page-head .container-fluid .comment-floater.first{margin-left:0!important;text-align:left}.page-codetraining .page-head .container-fluid .comment-floater.second{margin-right:0!important;text-align:right}.page-codetraining .page-head .container-fluid .comment-floater.third{margin-left:0!important;text-align:left}.page-codetraining .gamelike-codetraining{height:auto!important}.page-codetraining .gamelike-codetraining .container .wrapper{gap:30px;flex-direction:column}.page-codetraining .gamelike-codetraining .container .wrapper .text-wrap{margin:auto!important;width:100%;text-align:left}.page-codetraining .gamelike-codetraining .container .wrapper .text-wrap h2{margin-top:30px;margin-bottom:14px;font-size:24px}.page-codetraining .gamelike-codetraining .container .wrapper .text-wrap h3{margin-bottom:5px;font-size:20px}.page-codetraining .gamelike-codetraining .container .wrapper .text-wrap span{font-size:16px}.page-codetraining .gamelike-codetraining .container .wrapper img{height:auto!important;margin:auto!important}.page-codetraining .current-level{height:auto!important}.page-codetraining .current-level .container{flex-direction:column-reverse}.page-codetraining .current-level .container .text-wrap{text-align:left!important;margin:auto!important;width:100%}.page-codetraining .current-level .container .text-wrap h2{margin-top:30px;margin-bottom:14px;font-size:24px}.page-codetraining .current-level .container .text-wrap h3{margin-bottom:5px;font-size:20px}.page-codetraining .current-level .container .wrapper .text-wrap span{font-size:16px}.page-codetraining .current-level .container img{height:auto!important;margin:auto!important}.page-codetraining .environment .container{gap:30px;flex-direction:column}.page-codetraining .environment .container .text-wrap{margin:auto!important;width:100%;text-align:left}.page-codetraining .environment .container .text-wrap h2{margin-top:30px;margin-bottom:14px;font-size:24px}.page-codetraining .environment .container .text-wrap h3{margin-bottom:5px;font-size:20px}.page-codetraining .environment .container .wrapper .text-wrap span{font-size:16px}.page-codetraining .environment .container img{height:auto!important;margin:auto!important}}