@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html{box-sizing:border-box;font-size:62.5%}html,body,#root{margin:0;padding:0}#root{margin-left:auto;margin-right:auto}body{color:#fff;font-size:1.1458333333vw;font-optical-sizing:auto;overflow-x:hidden;min-height:100vh}a{color:#0037e9;transition:color .25s ease;outline:none!important;text-decoration:none}a:hover,a:focus{color:#0037e9;text-decoration:none}.sentry-loading{height:1px}button{outline:none!important}img{display:inline-block;max-width:100%}.container{max-width:100%!important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700}.mb0{margin-bottom:0!important}.text-red{color:#a03a3c!important}.text-yellow{color:#fdf57a!important}.text-green{color:#00ff90!important}.text-underline{text-decoration:underline!important}.text-ellips{display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;padding-right:3px}.no-wrap .text-ellips{max-width:88%}.has-error{filter:drop-shadow(0 0 .1vh #ff3535) drop-shadow(0 0 .2vh #ff3535) drop-shadow(0 0 .2vh #ff3535) drop-shadow(0 0 .2vh #ff3535)}.no-wrap{white-space:nowrap}.icon-edit{display:inline-block;vertical-align:middle;transform:translateY(-5%)}.icon-edit img{display:block;width:100%}.text-large{font-size:1.875vw!important;text-transform:uppercase;font-weight:700}.text-preline{white-space:pre-line}.text-white{color:#fff!important}.text-stroke{display:inline-block;position:relative;-webkit-text-stroke:2px #5e6bd1;paint-order:stroke fill}.text-stroke:before{content:attr(data-text);position:absolute;font-size:inherit;font-weight:inherit;top:0;left:0;text-shadow:0 .4vh 0 #5e6bd1}.text-stroke-yellow{display:inline-block;position:relative;-webkit-text-stroke:3px #b07633;paint-order:stroke fill}.text-stroke-yellow:before{content:attr(data-text);position:absolute;font-size:inherit;font-weight:inherit;top:0;left:0;text-shadow:0 .4vh 0 #b07633}.text-blue{color:#1c61df!important}.text-ellipsis{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.text-shadow{text-shadow:.2vh .3vh 0 #005240}strong{font-weight:700}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:vertical{width:.4166666667vw}}::-webkit-scrollbar:horizontal{height:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:horizontal{height:.4166666667vw}}::-webkit-scrollbar-thumb{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-thumb{width:.4166666667vw}}::-webkit-scrollbar-track{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-track{width:.4166666667vw}}@font-face{font-family:ProjectD;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/fonts/ProjectDTypeCurve-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.btn{background:url(/images/btn.png);background-size:100% 100%;color:#fff!important;font-size:3.2407407407vh;min-width:21.8518518519vh;height:7.962962963vh;padding-right:1.3888888889vh;padding-left:1.3888888889vh;padding-bottom:.8333333333vh;padding-bottom:0;border:0!important;outline:none!important;box-shadow:none!important;text-transform:uppercase;position:relative;display:flex;align-items:center;justify-content:center;display:inline-flex;text-align:center;font-weight:700;z-index:1;text-decoration:none!important}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{font-size:1.8229166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{min-width:12.2916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{height:4.4791666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding-right:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding-left:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding-bottom:.46875vw}}.btn__icon{display:block;width:3.0555555556vh;margin-right:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn__icon{width:1.71875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn__icon{margin-right:1.0416666667vw}}.btn--big{font-size:3.8888888889vh;min-width:39.8148148148vh;height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big{font-size:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big{min-width:22.3958333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big{height:5.2083333333vw}}.btn--enter{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.btn--gray{background:url(/images/btn-grayout.png);background-size:100% 100%}.btn--fw{width:100%;min-width:initial!important}.ScrollbarsCustom-Wrapper{right:0!important}.ScrollbarsCustom-Track{width:.7407407407vh!important;right:-1.3888888889vh!important;z-index:1;background:#eaebeb1a!important}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Track{width:.4166666667vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Track{right:-.78125vw!important}}.ScrollbarsCustom-Thumb{background:#eaebeb33!important}.modal-scrollbar{height:100%!important}.list-scrollbar{height:66.6666666667vh!important}@media screen and (max-aspect-ratio: 1920 / 1080){.list-scrollbar{height:37.5vw!important}}.swal2-container{z-index:1070!important;padding:0!important;width:100%!important;height:100%!important;margin:auto!important}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:#000000e6!important}.swal2-popup{width:103.5185185185vh;min-height:60.8333333333vh;border-radius:0!important;box-shadow:none!important;border:0 none!important;padding:2.5vh 4.6296296296vh 0!important;display:flex!important;align-items:center;flex-direction:column;justify-content:center;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Popup.png) 0 0/100% 100% no-repeat!important}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{width:58.2291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{min-height:34.21875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{padding:1.40625vw 2.6041666667vw 0!important}}.swal2-popup .swal2-html-container{width:100%;max-height:27.7777777778vh;margin-bottom:4.6296296296vh;color:#000!important}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-html-container{max-height:15.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-html-container{margin-bottom:2.6041666667vw}}.swal2-popup .swal2-title{margin:0;padding:0;display:flex!important;justify-content:center;align-items:center;font-size:4.537037037vh;line-height:5.462962963vh;font-weight:700;color:var(--Primary_01, #0ff796);font-family:Chakra Petch;text-align:center;text-transform:uppercase;line-height:1em;position:absolute;top:4.6296296296vh;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{font-size:2.5520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{line-height:3.0729166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{top:2.6041666667vw}}.swal2-popup .swal2-title:before{content:"";display:block;position:absolute;top:0;width:2.5vh;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/titleDecor1.png);background-size:100% 100%;left:-6.2037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title:before{width:1.40625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title:before{left:-3.4895833333vw}}.swal2-popup .swal2-title:after{content:"";display:block;position:absolute;top:0;width:2.5vh;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/titleDecor2.png);background-size:100% 100%;right:-6.2037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title:after{width:1.40625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title:after{right:-3.4895833333vw}}.swal2-popup .swal2-header,.swal2-popup .swal2-content{padding:0!important}.swal2-popup .swal2-actions{display:flex;align-items:center;justify-content:center;position:absolute;bottom:4.6296296296vh;left:0;width:100%;font-family:Chakra Petch}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions{bottom:2.6041666667vw}}.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{display:flex;padding:2.7777777778vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;width:41.6666666667vh!important;height:8.8888888889vh!important;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);background-size:100% 100%;font-size:2.962962963vh!important;font-weight:700!important;line-height:3.3333333333vh!important;border-radius:0}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{padding:1.5625vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{width:23.4375vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{height:5vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{font-size:1.6666666667vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{line-height:1.875vw!important}}.swal2-popup .swal2-actions .swal2-confirm{border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);color:#0ff796;text-transform:uppercase}.swal2-popup .swal2-actions .swal2-confirm:hover{border-top:1px solid var(--Sec_05, #0ff796);border-right:1px solid var(--Sec_05, #0ff796);border-bottom:3px solid var(--Sec_05, #0ff796);border-left:1px solid var(--Sec_05, #0ff796)}.swal2-popup .swal2-actions .swal2-cancel{border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}.swal2-popup .swal2-actions .swal2-cancel:hover{border-top:1px solid var(--Neutral_00, #fff);border-right:1px solid var(--Neutral_00, #fff);border-bottom:3px solid var(--Neutral_00, #fff);border-left:1px solid var(--Neutral_00, #fff)}.swal2-popup .swal2-close{width:4.4444444444vh;height:6.9444444444vh;color:transparent;outline:none;left:auto;bottom:auto;display:inline-block;position:absolute;box-shadow:none!important;top:-.1851851852vh;right:-4.4444444444vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{width:2.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{height:3.90625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{top:-.1041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{right:-2.5vw}}.swal2-popup .swal2-close img{width:7.4074074074vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close img{width:4.1666666667vw}}.swal2-popup .popup-alert__message{flex:1;color:var(--Neutral_01, #979797);font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{line-height:1.6666666667vw}}.swal2-popup .popup-alert__actions{display:flex;align-items:center;justify-content:center;margin-top:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions{margin-top:1.5625vw}}.swal2-popup .popup-alert__actions a{display:block}.swal2-popup .popup-alert__actions a~a{margin-left:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a~a{margin-left:1.5625vw}}.swal2-popup .popup-alert__actions a img{height:11.1111111111vh;border-radius:50%;border:.2777777778vh solid #6bd995}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a img{height:6.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a img{border:.15625vw solid #6bd995}}.swal2-popup .popup-alert__items{width:100%;position:relative;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;margin-top:2.7777777778vh;gap:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{margin-top:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{gap:1.0416666667vw}}.swal2-popup .popup-alert__items--1,.swal2-popup .popup-alert__items--2,.swal2-popup .popup-alert__items--3{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.swal2-popup .popup-alert__items--1>.popup-alert__item,.swal2-popup .popup-alert__items--2>.popup-alert__item,.swal2-popup .popup-alert__items--3>.popup-alert__item{width:25%}.swal2-popup .popup-alert__item{display:block;position:relative;height:19.537037037vh;padding-top:4.6296296296vh;background:linear-gradient(0deg,#fff3 0% 100%),#00000080}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{height:10.9895833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{padding-top:2.6041666667vw}}.swal2-popup .popup-alert__item--icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swal2-popup .popup-alert__item--icon img{max-width:80%;max-height:80%}.swal2-popup .popup-alert__item--name{position:absolute;top:0;left:0;margin:0;max-width:100%;display:inline-block;color:#fff;font-size:2.3148148148vh;padding:.9259259259vh;line-height:1.1em;background:#1b2526}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{font-size:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{padding:.5208333333vw}}.swal2-popup.popup-no-title .swal2-title{display:none!important}.ReactModal__Overlay{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0;left:0!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:10px!important;background:#0009!important;z-index:1069!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.ReactModal__Overlay.modal-dice-overlay{padding:0!important}.ReactModal__Content{display:flex;position:relative;flex-direction:column;font-family:inherit;font-size:1rem;box-sizing:border-box;margin:auto;border-radius:0!important;width:103.5185185185vh;min-height:60.8333333333vh;padding:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Popup.png) no-repeat center bottom;background-size:100% 100%;padding:4.6296296296vh 8.5185185185vh 2.962962963vh;outline:none;z-index:1;gap:2.7777777778vh;font-size:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{width:58.2291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{min-height:34.21875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{padding:2.6041666667vw 4.7916666667vw 1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{font-size:1.6666666667vw}}.ReactModal__Content.modal-large{padding:6.6666666667vh 7.5vh 2.7777777778vh;width:161.9444444444vh;height:92.1296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{padding:3.75vw 4.21875vw 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{width:91.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{height:51.8229166667vw}}.ReactModal__Content .modal-description{width:100%;margin-left:auto;margin-right:auto}.ReactModal__Content .modal-description .modal-title{text-align:center;text-transform:uppercase;color:var(--Primary_01, #0ff796);font-family:Chakra Petch;font-size:4.537037037vh;line-height:5.462962963vh;font-weight:700;position:relative;margin:auto;width:fit-content}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{font-size:2.5520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{line-height:3.0729166667vw}}.ReactModal__Content .modal-description .modal-title:before{content:"";display:block;position:absolute;top:0;width:2.5vh;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/titleDecor1.png);background-size:100% 100%;left:-6.2037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:before{width:1.40625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:before{left:-3.4895833333vw}}.ReactModal__Content .modal-description .modal-title:after{content:"";display:block;position:absolute;top:0;width:2.5vh;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/titleDecor2.png);background-size:100% 100%;right:-6.2037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:after{width:1.40625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:after{right:-3.4895833333vw}}.ReactModal__Content .modal-content{flex:1;color:var(--Neutral_01, #979797);font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-weight:400;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{line-height:1.6666666667vw}}.ReactModal__Content .modal-content span{color:#fff}.ReactModal__Content .modal-content .center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.ReactModal__Content .modal-button{display:flex;justify-content:center;align-items:center;gap:33px}.ReactModal__Content .modal-button>button{display:flex;padding:2.7777777778vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;width:41.6666666667vh;height:8.8888888889vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);background-size:100% 100%;font-size:2.962962963vh;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{padding:1.5625vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{width:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{height:5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{line-height:1.875vw}}.ReactModal__Content .modal-button .modal-button-confirm{border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);color:#0ff796;text-transform:uppercase}.ReactModal__Content .modal-button .modal-button-confirm:hover{border-top:1px solid var(--Sec_05, #0ff796);border-right:1px solid var(--Sec_05, #0ff796);border-bottom:3px solid var(--Sec_05, #0ff796);border-left:1px solid var(--Sec_05, #0ff796)}.ReactModal__Content .modal-button .modal-button-cancel{border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}.ReactModal__Content .modal-button .modal-button-cancel:hover{border-top:1px solid var(--Neutral_00, #fff);border-right:1px solid var(--Neutral_00, #fff);border-bottom:3px solid var(--Neutral_00, #fff);border-left:1px solid var(--Neutral_00, #fff)}.ReactModal__Content.modal-small{width:92.5925925926vh;min-height:50.462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small{width:52.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small{min-height:28.3854166667vw}}.ReactModal__Content.modal-small h2{font-size:5.5555555556vh;height:9.2592592593vh;line-height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{height:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{line-height:5.2083333333vw}}.ReactModal__Content.modal-normal{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/popup-reward.png) no-repeat center bottom;background-size:100% 100%;width:80.8333333333vh;min-height:41.8518518519vh;padding:2.3148148148vh 2.3148148148vh 4.6296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{width:45.46875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{min-height:23.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{padding:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{padding-bottom:2.6041666667vw}}.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:2.7777777778vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:1.5625vw}}.ReactModal__Content.modal-duplicated{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/popup-duplicated.png) no-repeat center bottom;background-size:100% 100%;width:94.2592592593vh;min-height:41.8518518519vh;padding:2.3148148148vh 2.3148148148vh 4.6296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{width:53.0208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{min-height:23.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{padding:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{padding-bottom:2.6041666667vw}}.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:2.7777777778vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:1.5625vw}}.ReactModal__Content.modal-info{margin-top:23.1481481481vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-info{margin-top:13.0208333333vw}}.ReactModal__Content.modal-list{width:164.4444444444vh;min-height:79.537037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-list{width:92.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-list{min-height:44.7395833333vw}}.ReactModal__Content.modal-list .close{right:0;bottom:98%;top:auto}.ReactModal__Content h3{text-transform:uppercase;font-weight:800;font-size:5.5555555556vh;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content h3{font-size:3.125vw}}.ReactModal__Content .close{position:absolute;width:4.4444444444vh;height:6.9444444444vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnClose.png) no-repeat center;background-size:100%;box-shadow:none!important;top:-.1851851852vh;right:-4.4444444444vh;opacity:1;font-size:4rem;outline:none!important;color:#fff!important;font-family:serif;font-weight:300;z-index:9;text-indent:-9999px;transition:transform .25s ease;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{width:2.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{height:3.90625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{top:-.1041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{right:-2.5vw}}.ReactModal__Content h2{font-size:6.4814814815vh;margin-bottom:0;padding:0;color:#000;width:100%;text-transform:uppercase;font-weight:700;line-height:110%;position:absolute;bottom:102%;left:0;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content h2{font-size:3.6458333333vw}}.ReactModal__Content p,.ReactModal__Content li{font-size:2.962962963vh;line-height:120%;font-weight:700;margin-bottom:1.3888888889vh;color:#000}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{margin-bottom:.78125vw}}.ReactModal__Content p strong,.ReactModal__Content li strong{font-weight:700}.ReactModal__Content ul{margin-bottom:2.3148148148vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul{margin-bottom:1.3020833333vw}}.ReactModal__Content ul li{margin-bottom:.462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul li{margin-bottom:.2604166667vw}}.to-browser{position:fixed;top:12%;right:7.4074074074vh;width:15.9259259259vh!important;height:12.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.to-browser{right:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.to-browser{width:8.9583333333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.to-browser{height:6.875vw}}.hidden{display:none!important}.camera{position:absolute;right:0;bottom:5%;width:12.4074074074vh}@media screen and (max-aspect-ratio: 1920 / 1080){.camera{width:6.9791666667vw}}.btn-modal{position:absolute!important;left:32%!important;z-index:1!important;bottom:0!important;transform:translateY(50%)!important}.login-icon a{display:inline-block;height:5vw;width:5vw}.login-icon a img{height:100%;display:block}.modal-actions{position:absolute;bottom:0;left:0;width:100%;transform:translateY(50%)}.clearfix:after{clear:both;content:"";display:table}.hidden{opacity:0;visibility:hidden}.show{opacity:1;visibility:visible}.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-dot{margin:0 auto;width:70px;text-align:center}.spinner-dot>div{width:18px;height:18px;background-color:#fff;opacity:.6;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner-dot .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner-dot .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.btn:disabled,.grayscale{filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);transition:filter .25s ease}.none-grayscale{filter:none;-webkit-filter:grayscale(0%)}.has-title{position:relative}.has-title:hover{z-index:5}.has-title:hover .title{opacity:1}.title{position:absolute;top:0;left:50%;transform:translate(-50%);white-space:nowrap;display:inline-block;background:#000c;font-size:1.0416666667vw;color:#fff;padding:.5208333333vw;border:1px solid #fff;border-radius:.5vh;opacity:0;pointer-events:none;z-index:5}.has-title--right .title{right:0;left:auto;transform:none}.has-title--left .title{left:0;transform:none}.has-title--top .title{bottom:100%;top:auto}.title--show{opacity:1!important}@media screen and (max-width: 767px){.title{font-size:1.4583333333vw}}.owned>*{filter:brightness(40%)!important}.owned:after{content:"";position:absolute;top:55%;left:50%;display:inline-block;transform:translate(-50%,-50%);width:3.125vw;height:3.125vw;background:url(/images/checkmark.png) no-repeat top center;background-size:100% 100%;z-index:2}.owned.pr:after{top:50%}.screen-loader{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;transition:opacity .25s ease,visibility .25s ease;visibility:visible;opacity:1;pointer-events:none}.screen-loader--off{opacity:0;visibility:hidden}.loader{border:5px solid #fff;width:3.125vw;height:3.125vw;border-width:.4166666667vw;border-bottom-color:#bd3e39;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-1.5625vw;margin-left:-1.5625vw}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-screen-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;color:#e3e3e3;text-align:center;background-color:#2e215a}.app-screen-popup.vertical .app-screen-icon{width:50vw;height:30vw;animation:swingOne 1.5s ease infinite alternate}.app-screen-popup.vertical .app-screen-text{margin-top:10.4166666667vw;font-size:2.6041666667vw}.app-screen-popup.horizontal .app-screen-icon{width:30vw;height:18vw;animation:swingTwo 1.5s ease infinite alternate}.app-screen-popup.horizontal .app-screen-text{margin-top:5.2083333333vw;font-size:2.0833333333vw}.app-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%}.app-screen-icon{margin:auto;background:url(https://dl.dir.freefiremobile.com/common/web_event/common/images/scape.png) center/contain no-repeat}@media screen and (orientation: portrait){.app-screen-popup.vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (orientation: landscape){.app-screen-popup.horizontal{display:flex;flex-direction:column;align-items:center;justify-content:center}}@keyframes swingOne{0%{transform:rotate(-90deg)}30%{transform:rotate(-90deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.h100{height:100vh}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.simplebar-track.simplebar-horizontal{display:none}.dot-carousel{position:relative;left:-9999px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#66e28e;color:#66e28e;box-shadow:9984px 0 #66e28e,9999px 0 #66e28e,10014px 0 #66e28e;-webkit-animation:dot-carousel 1.5s infinite linear;animation:dot-carousel 1.5s infinite linear}@-webkit-keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e}50%{box-shadow:10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e}to{box-shadow:9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e}}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e}50%{box-shadow:10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e}to{box-shadow:9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e}}label.checkbox{position:relative;padding-left:6.1458333333vw;font-weight:700;min-width:4.84375vw;min-height:4.6875vw;font-size:1.5625vw}label.checkbox input:checked~span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/checked.png);background-size:100% 100%}label.checkbox span{content:"";position:absolute;width:1.4583333333vw;height:1.4583333333vw;background-image:url(/images/uncheck.png);background-size:100% 100%;top:50%;left:0;transform:translateY(-50%)}.input-checkbox{opacity:0;position:absolute}@keyframes flashing{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes pointing{0%,20%,30%,to{transform:rotate(0)}15%,25%{transform:rotate(3deg)}}@keyframes appearing{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(1rem)}}@keyframes glowing{0%,to{opacity:1}50%{opacity:.6}}@keyframes heartBeat{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.1)}}@keyframes heartBeatLow{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.05)}}@keyframes ping{0%,20%,40%,to{transform:translateY(0)}10%,30%{transform:translateY(-1rem)}}@keyframes ping-right{0%,20%,40%,to{transform:translate(0)}10%,30%{transform:translate(-1rem)}}@keyframes scaling{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}@keyframes won{0%,30%,60%,to{opacity:1}15%,45%,75%{opacity:.5}}@keyframes wonScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes flutter{0%{background-position:-200% 0px}30%{background-position:-60% 5px}70%{background-position:70% -5px}to{background-position:200% 0px}}@keyframes flagWaving{0%{transform:rotateY(10deg) translate(-50%)}to{transform:rotateY(-10deg) translate(-50%)}}@keyframes fadeInAppearing{0%{opacity:0}to{opacity:1}}@keyframes flareGlowing{0%,to{left:15%}50%{left:40%}}@keyframes rotating2{0%,50%,to{transform:rotate(0)}25%{transform:rotate(9deg)}75%{transform:rotate(-9deg)}}@keyframes fireworks{0%{opacity:0;transform:scale(.5)}15%{opacity:1}50%{opacity:1;transform:scale(1)}to{opacity:0}}.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}.swing-out-top-bck{-webkit-animation:swing-out-top-bck .25s cubic-bezier(.6,-.28,.735,.045) both;animation:swing-out-top-bck .25s cubic-bezier(.6,-.28,.735,.045) both}@-webkit-keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}to{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}to{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes falling{0%{top:-10%}to{top:105%}}@keyframes heartFaded{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(5)}to{opacity:0;transform:scale(5)}}@keyframes levelUp{0%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}@keyframes floatingUp{0%{transform:scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:scale(1.8)}}@-webkit-keyframes pingOpacity{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}80%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}to{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes pingOpacity{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}80%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}to{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}body{font-family:ProjectD,sans-serif}#main-body{position:relative;overflow:hidden;height:100vh;width:100%;transition:all .3s ease}.text-medium{font-weight:500}.text-medium strong{font-weight:500;color:#00ff90}.ping{animation:ping 2s infinite}.floating{animation:floating 5s infinite linear}.bounce{animation:bounce 1.5s infinite}.heartBeat{animation:heartBeat 1.5s infinite}.mentor-page{position:absolute;width:100%;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/MentorBGFull.png);background-size:100% 100%;background-size:cover;background-position:center}.mentor-page__content{width:100%;height:100%;position:absolute;padding:13.6111111111vh 3.3333333333vh 5.7407407407vh 2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content{padding:7.65625vw 1.875vw 3.2291666667vw 1.6666666667vw}}.mentor-page__content .mentor-code{width:70.5555555556vh;height:14.0740740741vh;margin-top:4.0740740741vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BGCopy.png);background-size:100% 100%;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code{width:39.6875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code{height:7.9166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code{margin-top:2.2916666667vw}}.mentor-page__content .mentor-code__title{color:var(--Neutral_01, #979797);text-align:center;text-shadow:.9px 1.8px 0px rgba(0,0,0,.8);font-size:3.8888888889vh;padding-top:1.3888888889vh;font-style:normal;font-weight:700;line-height:4.6666666667vh;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__title{font-size:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__title{padding-top:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__title{line-height:2.625vw}}.mentor-page__content .mentor-code__code{color:var(--Primary_01, #0ff796);text-align:center;font-family:Chakra Petch;font-size:5.5555555556vh;font-style:normal;font-weight:700;line-height:5.9259259259vh;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__code{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__code{line-height:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__code{gap:1.25vw}}.mentor-page__content .mentor-code__code img{width:3.7962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-page__content .mentor-code__code img{width:2.1354166667vw}}.student-page{position:absolute;width:100%;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/StudentBGFull.png);background-size:100% 100%;background-size:cover;background-position:right}.student-page__content{position:absolute;width:100%;height:100%;padding:13.6111111111vh 3.3333333333vh 5.7407407407vh 2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content{padding:7.65625vw 1.875vw 3.2291666667vw 1.6666666667vw}}.student-page__content .select-mentor{width:100%;height:100%;padding:2.2222222222vh;backdrop-filter:blur(10px);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BG1.png);background-size:100% 100%;display:flex;flex-direction:column}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor{padding:1.25vw}}.student-page__content .select-mentor__tabs{width:75%}.student-page__content .select-mentor .enter-mentor-code{display:flex;flex-direction:column;align-items:center;flex:1}.student-page__content .select-mentor .enter-mentor-code__input-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input{display:flex;width:79.6296296296vh;padding:4.6296296296vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;border:1px solid var(--Neutral_01, #979797);background:var(--Fade-Btn, rgba(41, 53, 54, .5));color:#fff;text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input{width:44.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input{padding:2.6041666667vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input{line-height:1.875vw}}.student-page__content .select-mentor .enter-mentor-code__input-container .enter-mentor-code__input::placeholder{color:#fff;opacity:.5}.student-page__content .select-mentor .enter-mentor-code__button{display:flex;width:41.6666666667vh;padding:2.7777777778vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Primary_01, #0ff796);text-align:center;font-size:2.962962963vh;line-height:3.3333333333vh;font-style:normal;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__button{width:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__button{padding:1.5625vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code__button{line-height:1.875vw}}.student-page__content .select-mentor .enter-mentor-code .note{color:var(--Neutral_01, #979797);text-align:center;font-family:Chakra Petch;font-size:1.8518518519vh;font-style:normal;font-weight:400;line-height:2.2222222222vh;margin-top:1.1111111111vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code .note{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code .note{line-height:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .enter-mentor-code .note{margin-top:.625vw}}.student-page__content .select-mentor .mentor-list{margin-top:2.962962963vh;flex:1}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list{margin-top:1.6666666667vw}}.student-page__content .select-mentor .mentor-list__refresh{position:absolute;top:3.8888888889vh;right:2.2222222222vh;display:flex;padding:0 1.8518518519vh;align-items:center;gap:.7407407407vh;color:var(--Primary_01, #0ff796);text-align:center;font-family:Chakra Petch;font-size:2.962962963vh;font-style:normal;font-weight:700;cursor:pointer;line-height:3.3333333333vh;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh{top:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh{right:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh{padding:0 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh{gap:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh{line-height:1.875vw}}.student-page__content .select-mentor .mentor-list__refresh:after{content:"";width:2.962962963vh;height:2.962962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Icon_Refresh.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh:after{width:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-list__refresh:after{height:1.6666666667vw}}.student-page__content .select-mentor .mentor-leaderboard{margin-top:2.962962963vh;flex:1;display:flex;flex-direction:column}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard{margin-top:1.6666666667vw}}.student-page__content .select-mentor .mentor-leaderboard__tabs{display:flex;padding:1.8518518519vh 2.7777777778vh;justify-content:space-between;align-items:center;align-self:stretch;background:#ffffff1a;margin-bottom:1.1111111111vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard__tabs{padding:1.0416666667vw 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard__tabs{margin-bottom:.625vw}}.student-page__content .select-mentor .mentor-leaderboard__tabs-title{color:var(--Primary_01, #0ff796);text-align:center;font-family:Chakra Petch;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard__tabs-title{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard__tabs-title{line-height:1.875vw}}.student-page__content .select-mentor .mentor-leaderboard__tabs-back{display:flex;align-items:center;gap:8px;cursor:pointer}.student-page__content .select-mentor .mentor-leaderboard__tabs-back img{transition:all .3s ease}.student-page__content .select-mentor .mentor-leaderboard__tabs-back img:last-child{display:none}.student-page__content .select-mentor .mentor-leaderboard__tabs-back:hover img:first-child{display:none}.student-page__content .select-mentor .mentor-leaderboard__tabs-back:hover img:last-child{display:block}.student-page__content .select-mentor .mentor-leaderboard__tabs-next{transform:rotate(180deg);display:flex;align-items:center;gap:8px;cursor:pointer}.student-page__content .select-mentor .mentor-leaderboard__tabs-next img{transition:all .3s ease}.student-page__content .select-mentor .mentor-leaderboard__tabs-next img:last-child{display:none}.student-page__content .select-mentor .mentor-leaderboard__tabs-next:hover img:first-child{display:none}.student-page__content .select-mentor .mentor-leaderboard__tabs-next:hover img:last-child{display:block}.student-page__content .select-mentor .mentor-leaderboard table thead th{height:5.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard table thead th{height:3.3333333333vw}}.student-page__content .select-mentor .mentor-leaderboard table tbody td{height:8.1481481481vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor .mentor-leaderboard table tbody td{height:4.5833333333vw}}.student-page__content .select-mentor table{width:100%;margin:auto;border-collapse:collapse}.student-page__content .select-mentor table thead{font-size:2.5925925926vh;font-weight:700;color:#fff;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table thead{font-size:1.4583333333vw}}.student-page__content .select-mentor table thead tr td,.student-page__content .select-mentor table thead tr th{height:10.8333333333vh;padding:1.4814814815vh .7407407407vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--White, #fff);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table thead tr td,.student-page__content .select-mentor table thead tr th{height:6.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table thead tr td,.student-page__content .select-mentor table thead tr th{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table thead tr td,.student-page__content .select-mentor table thead tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table thead tr td,.student-page__content .select-mentor table thead tr th{line-height:1.6666666667vw}}.student-page__content .select-mentor table tbody tr td,.student-page__content .select-mentor table tbody tr th{height:10.8333333333vh;text-align:center;align-items:center;padding:1.4814814815vh .7407407407vh;border-width:.0925925926vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--Neutral_00, #dbdbdb);text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td,.student-page__content .select-mentor table tbody tr th{height:6.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td,.student-page__content .select-mentor table tbody tr th{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td,.student-page__content .select-mentor table tbody tr th{border-width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td,.student-page__content .select-mentor table tbody tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td,.student-page__content .select-mentor table tbody tr th{line-height:1.6666666667vw}}.student-page__content .select-mentor table tbody tr td div,.student-page__content .select-mentor table tbody tr th div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1111111111vh;flex:1 0 0;align-self:stretch}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td div,.student-page__content .select-mentor table tbody tr th div{gap:.625vw}}.student-page__content .select-mentor table tbody tr td div button,.student-page__content .select-mentor table tbody tr th div button{display:flex;width:13.8888888889vh;padding:.9259259259vh 1.8518518519vh;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);background-size:100% 100%;color:var(--White, #fff);text-overflow:ellipsis;color:var(--Neutral_00, #dbdbdb);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td div button,.student-page__content .select-mentor table tbody tr th div button{width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td div button,.student-page__content .select-mentor table tbody tr th div button{padding:.5208333333vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td div button,.student-page__content .select-mentor table tbody tr th div button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td div button,.student-page__content .select-mentor table tbody tr th div button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .select-mentor table tbody tr td div button,.student-page__content .select-mentor table tbody tr th div button{line-height:1.875vw}}.student-page__content .select-mentor table tbody tr td div button:hover,.student-page__content .select-mentor table tbody tr th div button:hover{border-color:var(--Primary_01, #0ff796);color:var(--Primary_01, #0ff796)}.student-page__content .select-mentor table tbody tr td div button:disabled,.student-page__content .select-mentor table tbody tr th div button:disabled{border-color:var(--Neutral_00, #727272);color:var(--Neutral_00, #727272)}.student-page__content .student-info{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:70.5555555556vh;height:14.0740740741vh;gap:.9259259259vh;padding:1.4814814815vh;flex-shrink:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BGCopy.png);background-size:100% 100%;backdrop-filter:blur(10px);margin-bottom:3.9814814815vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info{width:39.6875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info{height:7.9166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info{padding:.8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info{margin-bottom:2.2395833333vw}}.student-page__content .student-info__text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7407407407vh;align-self:stretch;color:var(--Neutral_01, #979797);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info__text{gap:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info__text{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info__text{line-height:1.6666666667vw}}.student-page__content .student-info__text span{color:var(--White, #fff);font-weight:700}.student-page__content .student-info__button{display:flex;padding:20px;justify-content:center;align-items:center;gap:10px;border:1px solid var(--Neutral_03, #727272);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Neutral_03, #727272);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info__button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.student-page__content .student-info__button{line-height:1.875vw}}.student-page__content .student-info__button.active{animation:scaling 2s infinite;border:1px solid var(--Primary_01, #0ff796);color:var(--Primary_01, #0ff796)}@keyframes floatMentor{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatStudent{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.main-page__bg{position:absolute;width:100%;height:100%;z-index:0}.main-page__bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:linear-gradient(0deg,var(--Sec_01, #11181a) -17.31%,rgba(0,0,0,0) 29.17%),linear-gradient(90deg,var(--Sec_01, #11181a) -7.6%,rgba(17,24,26,.5) 5.74%,rgba(17,24,26,0) 30.52%)}.main-page__bg.mentor .main-page__mentor{transform:scale(1.1)}.main-page__bg.mentor .main-page__bg-mentor:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid #0ff796;z-index:5}.main-page__bg.mentor .main-page__bg-student{filter:grayscale(100%)}.main-page__bg.mentor .main-page__student:after{animation-play-state:paused;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3)) grayscale(100%)}.main-page__bg.student .main-page__student{transform:scale(1.1)}.main-page__bg.student .main-page__student-mask:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid #0ff796;z-index:5}.main-page__bg.student .main-page__bg-mentor{filter:grayscale(100%)}.main-page__bg.student .main-page__mentor:after{animation-play-state:paused;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3)) grayscale(100%)}.main-page__bg-mentor{position:absolute;top:0;left:0;width:55.2083333%;height:100vh;background-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/MentorBG.png);background-size:cover;background-position:center;transition:all .5s ease}.main-page__bg-student{position:absolute;top:0;right:0;z-index:5;width:55.2083333%;height:100vh;mask-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/mask.png);mask-size:100% 100%;background-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/StudentBG.png);background-size:cover;background-position:center;transition:all .5s ease}.main-page__bg-vector{position:absolute;left:50%;transform:translate(-50%);height:100vh;z-index:100;width:13.4375vw}.main-page__mentor{position:absolute;top:0;left:0;width:55.2083333%;height:100vh;transition:all .5s ease}.main-page__mentor:after{content:"";position:absolute;bottom:0;left:0;width:74.9074074074vh;height:97.962962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/mentor1.png);background-size:100% 100%;background-position:left top;animation:floatMentor 3s ease-in-out infinite}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__mentor:after{width:42.1354166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__mentor:after{height:55.1041666667vw}}.main-page__student-mask{position:absolute;top:0;right:0;z-index:5;width:55.2083333%;height:100vh;transition:all .5s ease;mask-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/mask.png);mask-size:100% 100%}.main-page__student-mask .main-page__student{position:absolute;top:0;right:0;width:100%;height:100%;transition:all .5s ease}.main-page__student-mask .main-page__student:after{content:"";position:absolute;bottom:0;right:0;width:79.2592592593vh;height:102.8703703704vh;background-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/student1.png);background-size:100% 100%;background-position:center top;animation:floatStudent 3.5s ease-in-out infinite}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__student-mask .main-page__student:after{width:44.5833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__student-mask .main-page__student:after{height:57.8645833333vw}}.main-page__menu{position:absolute;top:4.7222222222vh;left:3.7037037037vh;display:flex;flex-direction:column;gap:1.1111111111vh}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__menu{top:2.65625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__menu{left:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__menu{gap:.625vw}}.main-page__info{position:absolute;top:31.4814814815vh;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info{top:17.7083333333vw}}.main-page__info .glow-title{width:71.2962962963vh;height:24.2592592593vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Title.png);background-size:100% 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9.2592592593vh;font-weight:700;line-height:90%}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .glow-title{width:40.1041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .glow-title{height:13.6458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .glow-title{font-size:5.2083333333vw}}.main-page__info .glow-title>span:nth-child(1){color:var(--Primary_02, #f4cf67)}.main-page__info .glow-title>span:nth-child(2){color:#fff}.main-page__info .sub-title{width:68.5185185185vh;height:10.6481481481vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Sub_Title.png);background-size:100% 100%;margin:auto;color:var(--White, rgba(255, 255, 255, .7803921569));font-family:Chakra Petch,sans-serif;font-size:2.962962963vh;font-weight:700;line-height:112.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2777777778vh;padding-top:.5555555556vh}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .sub-title{width:38.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .sub-title{height:5.9895833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .sub-title{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .sub-title{gap:.15625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .sub-title{padding-top:.3125vw}}.main-page__info .event-end-time{display:flex;justify-content:center;margin:auto;width:68.5185185185vh;align-items:center;gap:.462962963vh;background:linear-gradient(90deg,rgba(48,68,77,0) 0%,var(--Sec_00, #30444d) 30%,var(--Sec_00, #30444d) 76.26%,rgba(48,68,77,0) 100%)}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .event-end-time{width:38.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .event-end-time{gap:.2604166667vw}}.main-page__info .event-end-time>span:nth-child(1){color:#fff;font-family:Chakra Petch,sans-serif;font-size:2.962962963vh;font-weight:400;line-height:112.5%}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .event-end-time>span:nth-child(1){font-size:1.6666666667vw}}.main-page__info .event-end-time>span:nth-child(2){color:var(--Primary_02, #f4cf67);font-family:Chakra Petch,sans-serif;font-size:2.962962963vh;font-weight:700;line-height:112.5%}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__info .event-end-time>span:nth-child(2){font-size:1.6666666667vw}}.main-page__cta{position:absolute;bottom:2.2222222222vh;padding:0 13.8888888889vh;display:flex;width:100%;justify-content:space-between;gap:1.1111111111vh}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__cta{bottom:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__cta{padding:0 7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.main-page__cta{gap:.625vw}}.menu-button{display:flex;padding:.9259259259vh .9259259259vh .6481481481vh;flex-direction:column;justify-content:center;align-items:center;gap:.7407407407vh;cursor:pointer;align-self:stretch;width:16.2037037037vh;height:10.1851851852vh;border-top:2px solid var(--Neutral_03, #727272);border-right:2px solid var(--Neutral_03, #727272);border-bottom:5px solid var(--Neutral_03, #727272);border-left:2px solid var(--Neutral_03, #727272);background:#0e181966}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button{padding:.5208333333vw .5208333333vw .3645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button{gap:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button{width:9.1145833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button{height:5.7291666667vw}}.menu-button:hover{border-top:2px solid var(--Primary_01, #0ff796);border-right:2px solid var(--Primary_01, #0ff796);border-bottom:5px solid var(--Primary_01, #0ff796);border-left:2px solid var(--Primary_01, #0ff796);transition:all .3s ease}.menu-button:hover .menu-button__text{color:var(--Primary_01, #0ff796)}.menu-button:hover .menu-button__img{display:none}.menu-button:hover .menu-button__img-active{display:block}.menu-button__img{width:5.5555555556vh;height:5.5555555556vh;display:block}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button__img{width:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button__img{height:3.125vw}}.menu-button__img-active{width:5.5555555556vh;height:5.5555555556vh;display:none}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button__img-active{width:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button__img-active{height:3.125vw}}.menu-button__text{color:var(--Neutral_03, #727272);text-align:center;text-overflow:ellipsis;font-size:1.8518518519vh;font-weight:700;line-height:120%;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.menu-button__text{font-size:1.0416666667vw}}.cta{gap:1.1111111111vh}@media screen and (max-aspect-ratio: 1920 / 1080){.cta{gap:.625vw}}.cta-button{display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding:1.8518518519vh 9.2592592593vh;gap:.9259259259vh;width:41.3888888889vh;height:13.8888888889vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnCTA.png);background-size:100% 100%;color:var(--Primary_01, #0ff796);text-align:center;font-size:3.8888888889vh;font-weight:700;line-height:120%;position:relative;border-top:2px solid rgba(15,247,150,.6);border-right:2px solid rgba(15,247,150,.6);border-bottom:6px solid rgba(15,247,150,.6);border-left:2px solid rgba(15,247,150,.6);transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button{padding:1.0416666667vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button{width:23.28125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button{height:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button{font-size:2.1875vw}}.cta-button:hover{color:#fff;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnCTASelected.png);background-size:100% 100%;border-top:2px solid rgb(15,247,150);border-right:2px solid rgb(15,247,150);border-bottom:6px solid rgb(15,247,150);border-left:2px solid rgb(15,247,150)}.cta-button__text1{font-family:Chakra Petch,sans-serif;padding-top:.9259259259vh;color:#fff;text-align:center;font-size:1.8518518519vh;font-weight:400;line-height:120%}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button__text1{padding-top:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button__text1{font-size:1.0416666667vw}}.cta-button__text2{font-family:Chakra Petch,sans-serif;color:#fff;text-align:center;font-size:1.8518518519vh;font-weight:700;line-height:120%}@media screen and (max-aspect-ratio: 1920 / 1080){.cta-button__text2{font-size:1.0416666667vw}}.leaderboard-table table{width:100%;margin:auto}.leaderboard-table table thead{font-size:2.5925925926vh;font-weight:700;color:#fff;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table thead{font-size:1.4583333333vw}}.leaderboard-table table thead tr td,.leaderboard-table table thead tr th{padding:1.4814814815vh .7407407407vh;text-align:center;border:1px solid rgba(151,151,151,.5);background:#0ff79633}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table thead tr td,.leaderboard-table table thead tr th{padding:.8333333333vw .4166666667vw}}.leaderboard-table table tbody tr td,.leaderboard-table table tbody tr th{height:4.1666666667vh;text-align:center;padding:1.4814814815vh .7407407407vh;border:1px solid rgba(151,151,151,.5);background:var(--Fade-Btn, rgba(41, 53, 54, .5))}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td,.leaderboard-table table tbody tr th{height:2.34375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td,.leaderboard-table table tbody tr th{padding:.8333333333vw .4166666667vw}}.leaderboard-table table tbody tr td .list-rewards,.leaderboard-table table tbody tr th .list-rewards{display:flex;flex-wrap:wrap;gap:1.4814814815vh;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td .list-rewards,.leaderboard-table table tbody tr th .list-rewards{gap:.8333333333vw}}.leaderboard-table table tbody tr td .list-rewards>span,.leaderboard-table table tbody tr th .list-rewards>span{width:6.4814814815vh;height:6.4814814815vh;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td .list-rewards>span,.leaderboard-table table tbody tr th .list-rewards>span{width:3.6458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td .list-rewards>span,.leaderboard-table table tbody tr th .list-rewards>span{height:3.6458333333vw}}.leaderboard-table table tbody tr td .list-rewards>span img,.leaderboard-table table tbody tr th .list-rewards>span img{width:100%;height:100%;position:relative;object-fit:contain}.leaderboard-table table tbody tr td .list-rewards>span>span,.leaderboard-table table tbody tr th .list-rewards>span>span{font-size:1.4814814815vh;position:absolute;bottom:-1.3888888889vh;right:0;color:var(--Primary_01, #0ff796);text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td .list-rewards>span>span,.leaderboard-table table tbody tr th .list-rewards>span>span{font-size:.8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td .list-rewards>span>span,.leaderboard-table table tbody tr th .list-rewards>span>span{bottom:-.78125vw}}.leaderboard-table table tbody tr th{border-top:0;font-size:2.8703703704vh;font-weight:700;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr th{font-size:1.6145833333vw}}.leaderboard-table table tbody tr td{color:#eaebeb;font-size:2.3148148148vh;line-height:1.1em}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td{font-size:1.3020833333vw}}.leaderboard-table table tbody tr td div{cursor:pointer}.leaderboard-table table tbody tr td img{width:2.3148148148vh;height:2.3148148148vh}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td img{width:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td img{height:1.3020833333vw}}.leaderboard-table table tbody tr td span{display:flex;align-items:center;gap:.7407407407vh;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td span{gap:.4166666667vw}}.leaderboard-table table tbody tr td span img{width:4.6296296296vh;height:4.6296296296vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td span img{width:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-table table tbody tr td span img{height:2.6041666667vw}}.leaderboard-table table tbody tr .my-rank-row{position:sticky;bottom:0;z-index:1}.leaderboard-table table tbody tr .my-rank-row tr{border:2px solid #8b5cf6}.leaderboard-table table tbody tr .my-rank-row tr td{background:#2a2a2a;border-color:#8b5cf6;font-weight:700}.leaderboard-table table tbody tr .my-rank-row tr td:nth-child(2){color:#8b5cf6}.leaderboard-table table tbody tr .my-rank-row tr:hover td{background:#3a3a3a}.leaderboard-table table .my-rank-row{position:sticky;bottom:0;z-index:10}.leaderboard-table table .my-rank-row td{background-color:#4d4d4d!important}.back-button{position:absolute;z-index:10;width:19.9074074074vh;height:6.4814814815vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBack.png);background-size:100% 100%;gap:1.4814814815vh;padding:.9259259259vh .9259259259vh .9259259259vh 1.8518518519vh;color:var(--White, #fff);text-shadow:0px 1px 1px rgba(0,0,0,.7);font-size:1.8518518519vh;font-family:Chakra Petch;font-style:normal;font-weight:400;line-height:1em;display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .3s ease;top:3.0555555556vh;left:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{width:11.1979166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{height:3.6458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{gap:.8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{padding:.5208333333vw .5208333333vw .5208333333vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{top:1.71875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button{left:1.6666666667vw}}.back-button:before{content:"";display:block;width:2.962962963vh;height:2.962962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Icon_back.png);background-size:100% 100%;transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button:before{width:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button:before{height:1.6666666667vw}}.back-button:hover{color:#0ff796;text-shadow:0px 1px 1px rgba(11,164,42,.7)}.back-button:hover:before{width:2.962962963vh;height:2.962962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Icon_back_active.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button:hover:before{width:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.back-button:hover:before{height:1.6666666667vw}}.tabs{display:flex;justify-content:space-between;align-items:center;width:100%}.tabs .tab{flex:1;display:flex;padding:1.8518518519vh 0;flex-direction:column;justify-content:center;align-items:center;background:#29353699;color:var(--Neutral_01, #979797);text-align:center;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:400;line-height:1em;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab{padding:1.0416666667vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab{font-size:1.4583333333vw}}.tabs .tab:after{content:"";position:absolute;right:0;bottom:50%;transform:translateY(50%);width:.1851851852vh;height:2.2222222222vh;background:#eaebeb33}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab:after{width:.1041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab:after{height:1.25vw}}.tabs .tab.tab-active{border-top:1px solid #5cc793;border-right:1px solid #5cc793;border-bottom:3px solid #5cc793;border-left:1px solid #5cc793;background:linear-gradient(0deg,#5cc7930d 0% 100%),#0e18194d;color:var(--Primary_01, #0ff796);text-align:center;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active{font-size:1.4583333333vw}}.tabs .tab.tab-active:after{content:"";position:absolute;left:.5555555556vh;bottom:.7407407407vh;width:5.7407407407vh;height:1.3888888889vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/tabBG1.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:after{left:.3125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:after{bottom:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:after{width:3.2291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:after{height:.78125vw}}.tabs .tab.tab-active:before{content:"";position:absolute;right:.6481481481vh;top:.5555555556vh;width:6.4814814815vh;height:.462962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/tabBG2.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:before{right:.3645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:before{top:.3125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:before{width:3.6458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.tabs .tab.tab-active:before{height:.2604166667vw}}.leaderboard-tabs{display:flex;justify-content:space-between;align-items:center}.leaderboard-tabs .leaderboard-tab{display:flex;width:56.9444444444vh;padding:1.8518518519vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Neutral_03, #727272);border-right:1px solid var(--Neutral_03, #727272);border-bottom:3px solid var(--Neutral_03, #727272);border-left:1px solid var(--Neutral_03, #727272);background:#4b585d1a;color:var(--Neutral_03, #727272);text-align:center;font-family:Chakra Petch;font-size:2.962962963vh;line-height:3.3333333333vh;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-tabs .leaderboard-tab{width:32.03125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-tabs .leaderboard-tab{padding:1.0416666667vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-tabs .leaderboard-tab{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-tabs .leaderboard-tab{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.leaderboard-tabs .leaderboard-tab{line-height:1.875vw}}.leaderboard-tabs .leaderboard-tab.leaderboard-tab-active{border-top:1px solid var(--Primary_01, #0ff796);border-right:1px solid var(--Primary_01, #0ff796);border-bottom:3px solid var(--Primary_01, #0ff796);border-left:1px solid var(--Primary_01, #0ff796);background:#5cc7931a;color:var(--Primary_01, #0ff796)}.reward-item{display:flex;position:absolute;width:16.6666666667vh;height:16.6666666667vh;padding:1.8518518519vh;align-items:center;gap:.9259259259vh;flex-shrink:0;border:1px solid #d3e8e5;background:linear-gradient(0deg,#08a1731a 0% 100%),#0000004d;backdrop-filter:blur(20px)}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item{width:9.375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item{height:9.375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item{padding:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item{gap:.5208333333vw}}.reward-item-image{aspect-ratio:1/1;object-fit:cover}.reward-item-quantity{position:absolute;right:.9259259259vh;bottom:.6481481481vh;color:var(--Primary_01, #0ff796);text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item-quantity{right:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item-quantity{bottom:.3645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item-quantity{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item-quantity{line-height:1.6666666667vw}}.reward-item.claimed .reward-item-quantity{display:none}.reward-item.claimed:after{content:"";position:absolute;top:0;left:0;display:flex;width:100%;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Claimed.png);background-size:100% 100%}.reward-item.claim{border-width:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/ItemBG.png);background-size:100% 100%;cursor:pointer;animation:scaling 2s infinite}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item.claim{border-width:0}}.reward-item.small{width:11.0185185185vh;height:11.0185185185vh;padding:1.8518518519vh;position:static}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item.small{width:6.1979166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item.small{height:6.1979166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.reward-item.small{padding:1.0416666667vw}}.mentor-info{display:flex;width:70.5555555556vh;height:62.5925925926vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BG2.png);background-size:100% 100%;padding:2.2222222222vh;flex-direction:column;align-items:flex-start;gap:.9259259259vh;flex-shrink:0;backdrop-filter:blur(10px)}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info{width:39.6875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info{height:35.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info{padding:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info{gap:.5208333333vw}}.mentor-info.in-student-page .tabs{width:21.9444444444vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .tabs{width:12.34375vw}}.mentor-info.in-student-page .drop-out-button{position:absolute;top:2.2222222222vh;right:1.9444444444vh;display:flex;padding:1.4814814815vh 1.8518518519vh;justify-content:center;align-items:center;gap:.9259259259vh;align-self:stretch;border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);background-size:100% 100%;color:var(--Neutral_00, #dbdbdb);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .drop-out-button{top:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .drop-out-button{right:1.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .drop-out-button{padding:.8333333333vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .drop-out-button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .drop-out-button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info.in-student-page .drop-out-button{line-height:1.875vw}}.mentor-info .mentor-info__content{display:flex;flex-direction:column;width:100%;gap:1.3888888889vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content{gap:.78125vw}}.mentor-info .mentor-info__content .mentor-info__content-item{display:flex;padding:1.4814814815vh .7407407407vh;justify-content:center;align-items:center;align-self:stretch;border-bottom-width:.0925925926vh;border-bottom:solid var(--Neutral_01, #979797);overflow:hidden;color:var(--Neutral_00, #dbdbdb);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item{border-bottom-width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item{line-height:1.6666666667vw}}.mentor-info .mentor-info__content .mentor-info__content-item:last-child{border-bottom:none}.mentor-info .mentor-info__content .mentor-info__content-item .mentor-info__content-item-colon{margin-left:.1851851852vh;margin-right:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item .mentor-info__content-item-colon{margin-left:.1041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item .mentor-info__content-item-colon{margin-right:.4166666667vw}}.mentor-info .mentor-info__content .mentor-info__content-item.flipping-language-codes{flex-direction:row-reverse}.mentor-info .mentor-info__content .mentor-info__content-item.flipping-language-codes .mentor-info__content-item-colon{margin-right:.1851851852vh;margin-left:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item.flipping-language-codes .mentor-info__content-item-colon{margin-right:.1041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .mentor-info__content .mentor-info__content-item.flipping-language-codes .mentor-info__content-item-colon{margin-left:.4166666667vw}}.mentor-info .student-list__content{height:100%;width:100%;display:flex;flex-direction:column}.mentor-info .student-list__content .student-list__content-table{flex:1}.mentor-info .student-list__content .student-list__content-table table{width:100%;margin:auto}.mentor-info .student-list__content .student-list__content-table table thead{font-size:2.5925925926vh;font-weight:700;color:#fff;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table thead{font-size:1.4583333333vw}}.mentor-info .student-list__content .student-list__content-table table thead tr td,.mentor-info .student-list__content .student-list__content-table table thead tr th{padding:1.4814814815vh .7407407407vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--White, #fff);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table thead tr td,.mentor-info .student-list__content .student-list__content-table table thead tr th{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table thead tr td,.mentor-info .student-list__content .student-list__content-table table thead tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table thead tr td,.mentor-info .student-list__content .student-list__content-table table thead tr th{line-height:1.6666666667vw}}.mentor-info .student-list__content .student-list__content-table table tbody tr td,.mentor-info .student-list__content .student-list__content-table table tbody tr th{height:8.1481481481vh;text-align:center;padding:1.4814814815vh .7407407407vh;border-width:.0925925926vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--Neutral_00, #dbdbdb);text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td,.mentor-info .student-list__content .student-list__content-table table tbody tr th{height:4.5833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td,.mentor-info .student-list__content .student-list__content-table table tbody tr th{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td,.mentor-info .student-list__content .student-list__content-table table tbody tr th{border-width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td,.mentor-info .student-list__content .student-list__content-table table tbody tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td,.mentor-info .student-list__content .student-list__content-table table tbody tr th{line-height:1.6666666667vw}}.mentor-info .student-list__content .student-list__content-table table tbody tr td button,.mentor-info .student-list__content .student-list__content-table table tbody tr th button{display:flex;width:13.8888888889vh;padding:.9259259259vh 1.8518518519vh;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);background-size:100% 100%;color:var(--White, #fff);text-overflow:ellipsis;color:var(--Neutral_00, #dbdbdb);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td button,.mentor-info .student-list__content .student-list__content-table table tbody tr th button{width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td button,.mentor-info .student-list__content .student-list__content-table table tbody tr th button{padding:.5208333333vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td button,.mentor-info .student-list__content .student-list__content-table table tbody tr th button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td button,.mentor-info .student-list__content .student-list__content-table table tbody tr th button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-table table tbody tr td button,.mentor-info .student-list__content .student-list__content-table table tbody tr th button{line-height:1.875vw}}.mentor-info .student-list__content .student-list__content-table table tbody tr td button:hover,.mentor-info .student-list__content .student-list__content-table table tbody tr th button:hover{border-color:var(--Primary_01, #0ff796);color:var(--Primary_01, #0ff796)}.mentor-info .student-list__content .student-list__content-count{color:var(--White, #fff);text-align:center;margin-top:2.2222222222vh;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-count{margin-top:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-count{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-count{line-height:1.6666666667vw}}.mentor-info .student-list__content .student-list__content-count span{margin-left:.7407407407vh;color:var(--Primary_01, #0ff796);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-count span{margin-left:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-count span{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .student-list__content .student-list__content-count span{line-height:1.6666666667vw}}.mentor-info .application-list__content{height:100%;width:100%;display:flex;flex-direction:column}.mentor-info .application-list__content .application-list__content-table{flex:1}.mentor-info .application-list__content .application-list__content-table table{width:100%;margin:auto}.mentor-info .application-list__content .application-list__content-table table thead{font-size:2.5925925926vh;font-weight:700;color:#fff;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table thead{font-size:1.4583333333vw}}.mentor-info .application-list__content .application-list__content-table table thead tr td,.mentor-info .application-list__content .application-list__content-table table thead tr th{padding:1.4814814815vh .7407407407vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--White, #fff);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table thead tr td,.mentor-info .application-list__content .application-list__content-table table thead tr th{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table thead tr td,.mentor-info .application-list__content .application-list__content-table table thead tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table thead tr td,.mentor-info .application-list__content .application-list__content-table table thead tr th{line-height:1.6666666667vw}}.mentor-info .application-list__content .application-list__content-table table tbody tr td,.mentor-info .application-list__content .application-list__content-table table tbody tr th{padding:.9259259259vh;border-width:.0925925926vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--Neutral_00, #dbdbdb);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td,.mentor-info .application-list__content .application-list__content-table table tbody tr th{padding:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td,.mentor-info .application-list__content .application-list__content-table table tbody tr th{border-width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td,.mentor-info .application-list__content .application-list__content-table table tbody tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td,.mentor-info .application-list__content .application-list__content-table table tbody tr th{line-height:1.6666666667vw}}.mentor-info .application-list__content .application-list__content-table table tbody tr td div,.mentor-info .application-list__content .application-list__content-table table tbody tr th div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1111111111vh;flex:1 0 0;align-self:stretch}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div,.mentor-info .application-list__content .application-list__content-table table tbody tr th div{gap:.625vw}}.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:hover,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:hover{border-color:var(--Primary_01, #0ff796)!important;color:var(--Primary_01, #0ff796)!important}.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:first-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:first-child{display:flex;width:13.8888888889vh;padding:.9259259259vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Primary_02, #f4cf67);border-right:1px solid var(--Primary_02, #f4cf67);border-bottom:3px solid var(--Primary_02, #f4cf67);border-left:1px solid var(--Primary_02, #f4cf67);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Primary_02, #f4cf67);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:first-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:first-child{width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:first-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:first-child{padding:.5208333333vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:first-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:first-child{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:first-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:first-child{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:first-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:first-child{line-height:1.875vw}}.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:last-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:last-child{display:flex;width:13.8888888889vh;padding:.9259259259vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Neutral_00, #dbdbdb);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:last-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:last-child{width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:last-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:last-child{padding:.5208333333vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:last-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:last-child{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:last-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:last-child{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-table table tbody tr td div button:last-child,.mentor-info .application-list__content .application-list__content-table table tbody tr th div button:last-child{line-height:1.875vw}}.mentor-info .application-list__content .application-list__content-count{color:var(--White, #fff);text-align:center;margin-top:2.2222222222vh;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-count{margin-top:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-count{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-count{line-height:1.6666666667vw}}.mentor-info .application-list__content .application-list__content-count span{margin-left:.7407407407vh;color:var(--Primary_01, #0ff796);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-count span{margin-left:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-count span{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mentor-info .application-list__content .application-list__content-count span{line-height:1.6666666667vw}}.mission-and-status{position:absolute;width:calc(100% - 77.8703703704vh);height:80.9259259259vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/Frame.png);background-size:100% 100%;top:13.6111111111vh;right:3.1481481481vh;padding:2.2222222222vh 2.2222222222vh 0;display:flex;flex-direction:column;gap:5.5555555556vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status{width:calc(100% - 43.8020833333vw)}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status{height:45.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status{top:7.65625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status{right:1.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status{padding:1.25vw 1.25vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status{gap:3.125vw}}.mission-and-status.in-student-page .tabs{width:50%}.mission-and-status .task-list{flex:1;display:flex;flex-direction:column;gap:0}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list{gap:0}}.mission-and-status .task-list .mission-list-wrapper{flex:1;margin-bottom:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper{margin-bottom:1.25vw}}.mission-and-status .task-list .mission-list-wrapper .mission-list{display:flex;flex-direction:column;gap:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list{gap:1.6666666667vw}}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item{display:flex;justify-content:space-between;align-items:center;gap:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item{gap:1.25vw}}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content{flex:1}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-type{float:left;color:var(--White, #fff);margin-right:.7407407407vh;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-type{margin-right:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-type{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-type{line-height:1.6666666667vw}}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-title{color:var(--Neutral_01, #979797);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-title{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-content .mission-item-title{line-height:1.6666666667vw}}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button{display:flex;width:23.1481481481vh;padding:1.8518518519vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border:1px solid var(--Neutral_03, #727272);color:var(--Neutral_03, #727272);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);background-size:100% 100%;text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button{width:13.0208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button{padding:1.0416666667vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button{line-height:1.875vw}}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button.incomplete{border:1px solid var(--Primary_01, #fff);color:var(--Primary_01, #fff)}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button.claim{border:1px solid var(--Primary_02, #f4cf67);color:var(--Primary_02, #f4cf67);animation:blinking 1s infinite}.mission-and-status .task-list .mission-list-wrapper .mission-list .mission-item .mission-item-button.claim:hover{border-color:var(--Primary_01, #ffe292);color:var(--Primary_01, #ffe292)}.mission-and-status .task-list .reward-list{height:24.3518518519vh;padding-top:.5555555556vh;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list{height:13.6979166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list{padding-top:.3125vw}}.mission-and-status .task-list .reward-list .points{display:flex;height:2.962962963vh;padding-left:4.6296296296vh;align-items:center;gap:1.1111111111vh;color:#f4cf67;font-family:Chakra Petch;font-size:1.8518518519vh;font-style:normal;font-weight:700;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points{height:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points{padding-left:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points{gap:.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points{line-height:1.25vw}}.mission-and-status .task-list .reward-list .points>span>span{color:var(--Neutral_02, #818284);font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points>span>span{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .points>span>span{line-height:1.6666666667vw}}.mission-and-status .task-list .reward-list .points>span>span:first-child{color:var(--White, #fff)}.mission-and-status .task-list .reward-list .reward-list-wrapper{display:flex;padding:0 4.88%;padding-top:1.2037037037vh;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .reward-list-wrapper{padding-top:.6770833333vw}}.mission-and-status .task-list .reward-list .progress{position:absolute;z-index:0;width:100%;transition:all .3s ease-in-out;height:2.037037037vh;background:var(--Neutral_02, #818284);top:12.037037037vh;left:0;border-width:0;border-right-width:.1851851852vh;border-right:solid var(--White, #fff);background:var(--Primary_02, #f4cf67)}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .progress{height:1.1458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .progress{top:6.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .progress{left:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .progress{border-width:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .progress{border-right-width:.1041666667vw}}.mission-and-status .task-list .reward-list .base-progress{position:absolute;z-index:0;width:100%;height:2.2222222222vh;background:var(--Neutral_02, #818284);top:11.9444444444vh;left:0;border-width:0;border-top:2px solid rgba(234,235,235,.2);border-bottom:2px solid rgba(234,235,235,.2);background:var(--Neutral_04, #3d3d3d)}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .base-progress{height:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .base-progress{top:6.71875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .task-list .reward-list .base-progress{left:0}}.mission-and-status .graduated-students-status-wrapper{flex:1;display:flex;flex-direction:column}.mission-and-status .graduated-students-status-wrapper .graduated-students-status{flex:1;margin-bottom:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status{margin-bottom:1.25vw}}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table{width:100%;margin:auto}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead{font-size:2.5925925926vh;font-weight:700;color:#fff;line-height:1em}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead{font-size:1.4583333333vw}}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr th{padding:1.4814814815vh .7407407407vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--White, #fff);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr th{padding:.8333333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table thead tr th{line-height:1.6666666667vw}}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th{padding:.9259259259vh .7407407407vh;border-width:.0925925926vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:var(--Neutral_00, #dbdbdb);text-align:center;text-overflow:ellipsis;font-family:Chakra Petch;font-size:2.5925925926vh;line-height:2.962962963vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th{padding:.5208333333vw .4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th{border-width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th{line-height:1.6666666667vw}}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1111111111vh;flex:1 0 0;align-self:stretch}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div{gap:.625vw}}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:hover,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:hover{border-color:var(--Primary_01, #0ff796)!important;color:var(--Primary_01, #0ff796)!important}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:first-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:first-child{display:flex;width:13.8888888889vh;padding:.9259259259vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Primary_02, #f4cf67);border-right:1px solid var(--Primary_02, #f4cf67);border-bottom:3px solid var(--Primary_02, #f4cf67);border-left:1px solid var(--Primary_02, #f4cf67);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Primary_02, #f4cf67);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:first-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:first-child{width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:first-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:first-child{padding:.5208333333vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:first-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:first-child{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:first-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:first-child{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:first-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:first-child{line-height:1.875vw}}.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:last-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:last-child{display:flex;width:13.8888888889vh;padding:.9259259259vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Neutral_00, #dbdbdb);text-align:center;font-size:2.962962963vh;font-style:normal;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:last-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:last-child{width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:last-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:last-child{padding:.5208333333vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:last-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:last-child{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:last-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:last-child{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr td div button:last-child,.mission-and-status .graduated-students-status-wrapper .graduated-students-status table tbody tr th div button:last-child{line-height:1.875vw}}.mission-and-status .graduated-students-status-wrapper .analyze{height:24.3518518519vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4814814815vh;align-self:stretch}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze{height:13.6979166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze{gap:.8333333333vw}}.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item{color:var(--Neutral_01, #979797);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item{line-height:1.6666666667vw}}.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item .analyze-item-value{color:var(--White, #fff);font-family:Chakra Petch;font-size:2.5925925926vh;font-style:normal;font-weight:700;margin-left:.7407407407vh;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item .analyze-item-value{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item .analyze-item-value{margin-left:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.mission-and-status .graduated-students-status-wrapper .analyze .analyze-item .analyze-item-value{line-height:1.6666666667vw}}@keyframes blinking{0%{color:var(--Primary_02, #ffbb00);border-color:var(--Primary_02, #ffbb00)}50%{color:var(--Primary_01, #ffe292);border-color:var(--Primary_01, #ffe292)}to{color:var(--Primary_02, #ffbb00);border-color:var(--Primary_02, #ffbb00)}}.graduation-screen{width:100vw;height:100vh;position:relative;background:linear-gradient(0deg,#000c 0% 100%)}.graduation-screen__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);backdrop-filter:blur(20px);width:122.962962963vh;height:63.1481481481vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/CongratBG.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content{width:69.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content{height:35.5208333333vw}}.graduation-screen__content-title{position:absolute;top:-9.5833333333vh;left:50%;transform:translate(-50%);width:81.1111111111vh;height:19.1666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/DFGreen.png);background-size:100% 100%;text-align:center;font-style:normal;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title{top:-5.390625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title{width:45.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title{height:10.78125vw}}.graduation-screen__content-title>span:nth-child(1){color:var(--Primary_01, #0ff796);font-size:6.6666666667vh;line-height:6.6666666667vh}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title>span:nth-child(1){font-size:3.75vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title>span:nth-child(1){line-height:3.75vw}}.graduation-screen__content-title>span:nth-child(2){color:#fff;font-size:3.8888888889vh;line-height:3.8888888889vh}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title>span:nth-child(2){font-size:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-title>span:nth-child(2){line-height:2.1875vw}}.graduation-screen__content-info{position:absolute;top:13.6111111111vh;left:50%;transform:translate(-50%);display:flex;width:106.1111111111vh;height:24.8148148148vh;padding:1.8518518519vh 3.7037037037vh;flex-direction:column;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;color:var(--White, #fff);text-align:center;font-style:normal;font-weight:400;font-family:Chakra Petch;font-size:2.962962963vh;line-height:3.3333333333vh;opacity:.8}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{top:7.65625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{width:59.6875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{height:13.9583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{padding:1.0416666667vw 2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-info{line-height:1.875vw}}.graduation-screen__content-info span{color:var(--Primary_02, #f4cf67);font-weight:700}.graduation-screen__content-button{position:absolute;bottom:1.6138888889vh;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button{bottom:.9078125vw}}.graduation-screen__content-button button{display:flex;width:41.6666666667vh;height:9.2592592593vh;padding:2.7777777778vh 0;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-mentorship/images/BtnBG.png);color:var(--Primary_01, #0ff796);text-align:center;font-weight:700;font-size:2.962962963vh;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button button{width:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button button{height:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button button{padding:1.5625vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button button{line-height:1.875vw}}.graduation-screen__content-button span{color:var(--Neutral_01, #979797);text-align:center;font-family:Chakra Petch;font-size:1.8518518519vh;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button span{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.graduation-screen__content-button span{line-height:1.25vw}}