@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{font-family:Kanit,sans-serif!important;padding:0!important}label.Mui-focused{color:#fff}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.adminBody,.preloaderp{height:100vh}.preloaderp{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin:auto;width:100vw}.preLeoderL1{-webkit-animation:animation-7w6l1j 2s cubic-bezier(.165,.84,.44,1) -1s infinite normal none running,animation-66508u cubic-bezier(.3,.61,.355,1) normal none running;animation:animation-7w6l1j 2s cubic-bezier(.165,.84,.44,1) -1s infinite normal none running,animation-66508u cubic-bezier(.3,.61,.355,1) normal none running;height:150px;width:150px}.preLeoderL2{-webkit-animation:animation-7w6l1j 2s cubic-bezier(.165,.84,.44,1) 0s infinite normal none running,animation-66508u cubic-bezier(.3,.61,.355,1) normal none running;animation:animation-7w6l1j 2s cubic-bezier(.165,.84,.44,1) 0s infinite normal none running,animation-66508u cubic-bezier(.3,.61,.355,1) normal none running;height:150px;margin:auto;width:150px}@-webkit-keyframes animation-7w6l1j{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes animation-7w6l1j{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes animation-66508u{0%{opacity:1}to{opacity:0}}@keyframes animation-66508u{0%{opacity:1}to{opacity:0}}.progessLinear{background-color:#000;height:2px!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999!important}body{position:relative}.css-1r8wrcl-MuiLinearProgress-bar2,.css-5ir5xx-MuiLinearProgress-bar1{background-color:#000!important}.css-eglki6-MuiLinearProgress-root{background-color:#000;height:2px!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999!important}html{height:100%}body{font-family:sans-serif;margin:0;padding:0}.login-box{background:#000;border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,.6);box-sizing:border-box;left:50%;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.login-box h2{color:#fff;margin:0 0 30px;padding:0;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login-box .user-box label{color:#fff;font-size:16px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{color:#fff;font-size:12px;left:0;top:-20px}.login-box form .sBtn{color:#fff;display:inline-block;font-size:16px;letter-spacing:4px;margin-top:40px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.login-box .sBtn:hover{background:#fff;border-radius:5px;box-shadow:0 0 5px #fff,0 0 25px #fff,0 0 50px #fff,0 0 100px #fff;color:#000}.login-box .sBtn span{display:block;position:absolute}.login-box .sBtn span:first-child{-webkit-animation:btn-anim1 1s linear infinite;animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#fff);height:2px;left:-100%;top:0;width:100%}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.logo,.logo2{height:100px;margin:0 auto;width:100px}.logo2{display:none}.login-box .sBtn span:nth-child(2){-webkit-animation:btn-anim2 1s linear infinite;animation:btn-anim2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;background:linear-gradient(180deg,transparent,#fff);height:100%;right:0;top:-100%;width:2px}@-webkit-keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box .sBtn span:nth-child(3){-webkit-animation:btn-anim3 1s linear infinite;animation:btn-anim3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background:linear-gradient(270deg,transparent,#fff);bottom:0;height:2px;right:-100%;width:100%}@-webkit-keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box .sBtn span:nth-child(4){-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#fff);bottom:-100%;height:100%;left:0;width:2px}@-webkit-keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.banner{background-color:#fff;position:relative;z-index:999}.background,.banner{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.background{position:absolute;z-index:-1}h1{color:#333;font-family:tahoma;font-size:3rem;font-weight:100;line-height:1.5;overflow:hidden;position:relative;text-transform:uppercase;white-space:nowrap;width:550px}h1 span{font-size:40px;margin-left:40px}.Typewriter{color:#000!important;font-family:Kanit,sans-serif!important;position:relative}.message,.Typewriter{display:block;font-size:3rem;font-weight:900}.message{-webkit-animation:openclose 8s ease-in-out infinite;animation:openclose 8s ease-in-out infinite;background-color:grey;color:#000;left:130px;margin:0 20px;overflow:hidden;padding-left:10px;position:absolute;top:0}.word1,.word2,.word3{padding:0 20px}@-webkit-keyframes openclose{0%{top:.2rem;width:0}5%{width:0}15%{width:280px}30%{top:.2rem;width:280px}33%{top:.2rem;width:0}35%{top:.2rem;width:0}38%{top:-4.5rem}48%{top:-4.5rem;width:280px}62%{top:-4.5rem;width:280px}66%{text-indent:0;top:-4.5rem;width:0}71%{text-indent:5px;top:-11rem;width:0}86%{top:-11rem;width:285px}95%{top:-11rem;width:280px}98%{top:-11rem;width:0}to{text-indent:0;top:0;width:0}}@keyframes openclose{0%{top:.2rem;width:0}5%{width:0}15%{width:280px}30%{top:.2rem;width:280px}33%{top:.2rem;width:0}35%{top:.2rem;width:0}38%{top:-4.5rem}48%{top:-4.5rem;width:280px}62%{top:-4.5rem;width:280px}66%{text-indent:0;top:-4.5rem;width:0}71%{text-indent:5px;top:-11rem;width:0}86%{top:-11rem;width:285px}95%{top:-11rem;width:280px}98%{top:-11rem;width:0}to{text-indent:0;top:0;width:0}}.bannerIcon{border-radius:30%;height:50px;width:50px}.chiclets{--chiclet-size:96px;grid-gap:22px;display:grid;grid-template-columns:repeat(19,96px);grid-template-rows:repeat(5,96px);justify-content:center}.background span{background:#000;border-radius:30%;box-shadow:0 0 10px #000,0 0 40px #000,0 0 80px #000,0 0 120px #000,0 0 200px #000;height:60px;outline:none;position:absolute;width:60px}.background span:nth-child(n+1){-webkit-animation:animate2 5s linear infinite;animation:animate2 5s linear infinite;background:transparent;border:5px solid #000}@-webkit-keyframes animate2{to{background:#000;border:5px solid #000}}@keyframes animate2{to{background:#000;border:5px solid #000}}.background span:first-child{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;left:20%;top:80%}.background span:nth-child(2){-webkit-animation:animate 18s linear infinite;animation:animate 18s linear infinite;left:60%;top:80%}.background span:nth-child(3){-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;left:80%;top:80%}.background span:nth-child(4){-webkit-animation:animate 14s linear infinite;animation:animate 14s linear infinite;left:40%;top:80%}.background span:nth-child(5){-webkit-animation:animate 17s linear infinite;animation:animate 17s linear infinite;left:30%;top:80%}.background span:nth-child(6){-webkit-animation:animate 6s linear infinite;animation:animate 6s linear infinite;left:60%;top:80%}.background span:nth-child(7){left:25%}.background span:nth-child(7),.background span:nth-child(8){-webkit-animation:animate 14s linear infinite;animation:animate 14s linear infinite;top:80%}.background span:nth-child(8){left:77%}@-webkit-keyframes animate{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:rotate(180) translateX(-50px);transform:rotate(180) translateX(-50px)}to{-webkit-transform:scale(1) translateY(-500px) rotate(1turn) translateX(80px);transform:scale(1) translateY(-500px) rotate(1turn) translateX(80px);z-index:1000}}@keyframes animate{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:rotate(180) translateX(-50px);transform:rotate(180) translateX(-50px)}to{-webkit-transform:scale(1) translateY(-500px) rotate(1turn) translateX(80px);transform:scale(1) translateY(-500px) rotate(1turn) translateX(80px);z-index:1000}}.bannerText{padding:286px 0;text-align:center;width:100%}.content{color:#ecf0f1;font-size:35px;height:200px;line-height:40px;margin:0 auto;overflow:hidden;text-align:center;width:700px}.content__container{font-weight:600;height:300px;overflow:hidden;padding:0 40px}.bText{display:flex;justify-content:center;padding:180px 0 0;text-align:center;width:100%}.bHtext1:before{content:"[";left:0}.bHtext2:after{content:"]";position:absolute;right:0}.bHtext1:before,.bHtext2:after{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:opacity;animation-name:opacity;color:#000;font-size:5rem;line-height:40px;position:absolute;top:23%}.bHtext1{float:left;margin:0;position:relative}.bHtext1,.bHtext1:after{font-family:Kanit,sans-serif}.bHtext1:after{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:profile;animation-name:profile;color:#000;content:"";display:inline-block;font-size:4rem;font-weight:800;letter-spacing:35px;margin:0 30px 0 57px;transition:all .5s linear}@-webkit-keyframes profile{0%{content:"We";transition:all .5s linear}50%{content:"We";transition:all .5s linear}to{content:"You";transition:all .5s linear}}@keyframes profile{0%{content:"We";transition:all .5s linear}50%{content:"We";transition:all .5s linear}to{content:"You";transition:all .5s linear}}.bHtext2{float:left;margin:0;position:relative}.bHtext2:before{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:list;animation-name:list;color:#000;content:"";display:inline-block;font-family:Kanit,sans-serif;font-size:4rem;font-weight:800;letter-spacing:35px;margin:0 57px 0 30px;transition:all .5s linear}@-webkit-keyframes list{0%{content:"Develop"}50%{content:"Create";transition:all .5s linear}to{content:"Play";transition:all .5s linear}}@keyframes list{0%{content:"Develop"}50%{content:"Create";transition:all .5s linear}to{content:"Play";transition:all .5s linear}}@-webkit-keyframes opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes opacity{0%,to{opacity:0}50%{opacity:1}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.ksec{align-items:center;background-image:url(https://images.pexels.com/photos/325185/pexels-photo-325185.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding-bottom:50px;padding-top:50px;position:relative;width:100%}.ksec:after{background-color:rgba(0,0,0,.8);content:"";height:100%;left:0;position:absolute;top:0;width:100%}section{position:relative;width:100%;z-index:3}.container{margin-left:auto;margin-right:auto;max-width:1080px;padding-left:20px;padding-right:20px}.section-header{margin-bottom:50px;text-align:center}.section-header h2{color:#fff;font-size:3em;font-weight:700;margin-bottom:20px}.section-header p{color:#fff}.row{flwx-wrap:wrap;align-items:center;display:flex;justify-content:space-between}.contact-info{width:50%}.contact-info-item{display:flex;margin-bottom:30px}.contact-info-icon{background-color:#fff;border-radius:50%;height:70px;text-align:center;width:70px}.contact-info-icon i{font-size:30px;line-height:70px}.contact-info-content{margin-left:20px}.contact-info-content h4{color:#1da9c0;font-size:1.4em;margin-bottom:5px}.contact-info-content p{color:#fff;font-size:1em}.contact-form{background-color:#fff;padding:20px 40px;width:45%}.contact-form h2{color:#333;font-size:2em;font-weight:700;margin-bottom:10px}.contact-form .input-box{margin-top:10px;position:relative;width:100%}.contact-form .input-box input,.contact-form .input-box textarea{border:none;border-bottom:2px solid #333;font-size:16px;margin:10px 0;outline:none;padding:5px 0;resize:none;width:100%}.contact-form .input-box span{color:#666;font-size:16px;left:0;margin:10px 0;padding:5px 0;pointer-events:none;position:absolute;transition:.5s}.contact-form .input-box input:focus~span,.contact-form .input-box textarea:focus~span{color:#e91e63;font-size:12px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.contact-form .input-box input[type=submit]{background:#00bcd4;border:1px solid #00bcd4;color:#fff;cursor:pointer;font-size:18px;padding:10px;transition:.5s;width:100%}.contact-form .input-box input[type=submit]:hover{background:#fff;color:#00bcd4}@media (max-width:991px){section{padding-bottom:50px;padding-top:50px}.row{flex-direction:column}.contact-info{margin-bottom:40px;width:100%}.contact-form{width:100%}}
/*# sourceMappingURL=main.a49ce270.css.map*/