body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#000;display:flex;font-family:Noto Sans,sans-serif;justify-content:center;scroll-behavior:smooth}#side-bar,.App{overflow-x:hidden}#side-bar{background:#eee;left:10px;position:fixed;top:20px;width:150px;z-index:1}#sidenav a:hover{color:#064579}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.full-screen{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.App-link{color:#ed673c!important;text-decoration:none!important}.App-link:hover{text-decoration:underline!important}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-color{color:#ed673c}.header{-webkit-text-fill-color:#0000;animation-iteration-count:1;background:#ed673c;background:linear-gradient(90deg,#e47a37,#b583ff);background-clip:text;-webkit-background-clip:text;font-size:100px;font-weight:700;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10vh)}to{opacity:1;transform:translateY(0)}}.title{font-size:50px;font-weight:700}.subtitle-1{font-size:25px}.subtitle-1,.subtitle-2{color:#fff;font-weight:350}.subtitle-2{font-size:20px}.subtitle-3{font-weight:350}.decor-text,.subtitle-3{color:#c4c4c4;font-size:20px}.decor-text{font-family:Quintessential,serif}.pill-button{background-color:#ed673c;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 40px;text-align:center;text-decoration:none;transition:background-color .3s ease}.pill-button:hover{background-color:#c04d2f}.pill-button:active{background-color:#a04127}.small-text{color:#c4c4c4;font-size:14px}.error-message{color:#c55b5b;font-size:12px}.outline-button{border:1px solid #ed673c;border-radius:50px;color:#ed673c;cursor:pointer;display:inline-block;font-size:16px;padding:10px 30px;text-align:center;text-decoration:none;transition:background-color .3s ease}.outline-button:hover{background-color:#c04d2f;color:#fff}.outline-button:active{background-color:#a04127;color:#fff}.fa{color:#c4c4c4}.fa:hover{color:#ed673c!important}.root-section{position:relative;width:100%}.btn-outline-primary{border-color:#ed673c;color:#ed673c}.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:#ed673c;border-color:#ed673c;color:#fff}.btn:disabled{border-color:#d33f0e!important;color:#d33f0e!important}.btn-primary{background-color:#ed673c;border-color:#ed673c;color:#fff}.btn-primary:focus,.btn-primary:hover{background-color:#c95630;border-color:#c95630;color:#fff}.social-icon{width:32px}.social-icon-footer{width:24px}@media only screen and (max-width:600px){.header{font-size:60px}.title{font-size:30px}}@media only screen and (min-width:601px) and (max-width:768px){.header{font-size:70px}.title{font-size:30px}}@media only screen and (min-width:769px) and (max-width:992px){.header{font-size:90px}.title{font-size:35px}}@media only screen and (min-width:993px) and (max-width:1200px){.header{font-size:100px}}.navbar{left:50px;position:fixed;top:50%;transform:translateY(-50%);z-index:999}.navbar .nav-menu{list-style-type:none;margin:0;padding:0}.navbar .nav-menu li{min-width:200px;position:relative;text-align:right}.navbar .nav-menu li .dot{color:#fff;display:block;padding:5px 0}.navbar .nav-menu li .dot:after,.navbar .nav-menu li .dot:before{border-radius:50%;content:"";display:block;position:absolute;top:50%;transition:all .3s ease}.navbar .nav-menu li .dot:before{border:2px solid #fff;height:5px;right:0;transform:translateY(-50%);width:5px}.navbar .nav-menu li .dot:after{border:2px solid #f44336;height:15px;right:-5px;transform:translateY(-50%) scale(0);width:15px}.navbar .nav-menu li .dot.active:before,.navbar .nav-menu li:hover .dot:before{background:#f44336;border-color:#f44336}.navbar .nav-menu li .dot.active:after,.navbar .nav-menu li:hover .dot:after{transform:translateY(-50%) scale(1)}.navbar .nav-menu li .dot span{background-color:#f44336;border-radius:3px;display:inline-block;font-weight:700;letter-spacing:.5px;margin-right:30px;opacity:0;padding:10px 20px;text-transform:capitalize;transform:translateX(20px);transition:all .3s ease}.navbar .nav-menu li .dot span:before{border-bottom:7px solid #0000;border-left:7px solid #f44336;border-top:7px solid #0000;content:"";display:block;position:absolute;right:0;top:50%;transform:translate(7px,-50%);transition:all .3s ease}.navbar .nav-menu li .dot.active span,.navbar .nav-menu li:hover .dot span{opacity:1;transform:translateX(0)}.navbar-section{padding-bottom:50px;padding-top:50px}.nav .nav-item{padding-left:70px;position:relative}.nav .nav-item .nav-link{color:#c4c4c4}.nav .nav-item .nav-link:first-child{padding-left:0}.nav .nav-item .active,.nav .nav-item .nav-link:hover{color:#ed673c}.brand-logo{width:50px}.menu-bar{color:#c4c4c4;font-size:50px}.menu-bar:hover{color:#fff}#myNav{background-color:#000;background-color:#000000e6;height:0;left:0;overflow-y:hidden;position:fixed;top:0;transition:height .5s;width:100%;z-index:1}.overlay-content{margin-top:30px;position:relative;text-align:center;top:25%;width:100%}.overlay a{color:#818181;display:block;font-size:25px;padding:20px 8px;text-decoration:none;transition:.3s}.overlay a:focus,.overlay a:hover{color:#f1f1f1}.overlay .closebtn{font-size:60px;position:absolute;right:45px;top:20px}@media screen and (max-width:600px){.overlay{overflow-y:auto}.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;right:35px;top:15px}.brand-logo{width:40px}.menu-bar{font-size:35px}}@media only screen and (min-width:601px) and (max-width:768px){.herosection-color-title{font-size:45px}.herosection-no-color-title{font-size:35px}.brand-logo{width:40px}.menu-bar{font-size:35px}}@media only screen and (min-width:769px) and (max-width:992px){.herosection-color-title{font-size:50px}.herosection-no-color-title{font-size:35px}.brand-logo{width:40px}.menu-bar{font-size:35px}}.hero-section{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100vw}.herosection-bg-left{left:-650px;position:absolute;top:-350px}.herosection-bg-right{bottom:-400px;position:absolute;right:-700px;transform:rotateY(150deg)}.chevron{animation:move 3s ease-out infinite;height:8px;opacity:0;position:absolute;transform:scale3d(.5,.5,.5);width:28px}.chevron:first-child{animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.chevron:after,.chevron:before{background:#fff;content:" ";height:100%;position:absolute;top:0;width:51%}.chevron:before{left:0;transform:skew(0deg,30deg)}.chevron:after{right:0;transform:skew(0deg,-30deg);width:50%}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}.text{animation:pulse 2s linear infinite alternate;color:#fff;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;margin-left:-30px;margin-top:75px;opacity:.25;text-transform:uppercase;white-space:nowrap}.herosection-color-title{-webkit-text-fill-color:#0000;background:#e47a37;background:linear-gradient(90deg,#e47a37,#b583ff);background-clip:text;-webkit-background-clip:text;font-size:55px;font-weight:700}.herosection-no-color-title{font-size:40px;font-weight:700}@keyframes pulse{to{opacity:1}}@media only screen and (max-width:600px){.herosection-color-title{font-size:40px}.herosection-no-color-title{font-size:25px}.herosection-bg-left{left:0;top:0}}@media only screen and (min-width:601px) and (max-width:768px){.herosection-color-title{font-size:40px}.herosection-no-color-title{font-size:25px}.herosection-bg-left{left:0;top:-1000px}}@media only screen and (min-width:769px) and (max-width:992px){.herosection-color-title{font-size:45px}.herosection-no-color-title{font-size:30px}.herosection-bg-left{left:-250px;top:-250px;width:800px}}@media only screen and (min-width:993px) and (max-width:1200px){.herosection-color-title{font-size:45px}.herosection-no-color-title{font-size:30px}}@media only screen and (min-width:1200px) and (max-width:1600px){.herosection-color-title{font-size:50px}.herosection-no-color-title{font-size:30px}}.project-content{display:flex;flex-wrap:wrap}.mmbus-section{background:#000;background:radial-gradient(circle,#000 0,#152854 0,#000 100%);position:relative}.mmquickshop-section,.unipay-section{background:#f6f6f6;position:relative}.hotelpms-section{background:#000;background:radial-gradient(circle,#000 0,#152854 0,#000 100%)}.innoveller-section{background:#e3efff}.insurance-section{background:#faefdc}.myanchaw-section{background:#000;background:radial-gradient(circle,#000 0,#152854 0,#000 100%);position:relative}.tech-icon{float:left;height:35px;object-fit:contain;width:35px}.tech-label{color:#c4c4c4;font-size:12px}.tech-label-light{color:#000;font-size:12px}ul.timeline{color:#fff;list-style-type:none;padding-left:5rem;position:relative}ul.timeline:before{background:#ed673c;background:linear-gradient(315deg,rgba(237,103,60,.631),#c971ec 28%,#e69f89 62%,#ed673c);border-radius:1rem;content:" ";display:inline-block;height:100%;left:16px;position:absolute;width:4px;z-index:400}li.timeline-item{background-color:#0f0e14;border-radius:20px;margin:20px 0 40px}.timeline-arrow{border-bottom:.5rem solid #0000;border-right:.5rem solid #fff;border-top:.5rem solid #0000;display:block;left:2rem;position:absolute}li.timeline-item:before{background:#ed673c;border:3px solid #fff;border-radius:50%;box-shadow:0 0 5px #0003;content:" ";display:inline-block;height:14px;left:11px;position:absolute;width:14px;z-index:400}.desc-list{line-height:30px}.text-gray{color:#999}@media only screen and (max-width:600px){ul.timeline:before{left:8px}ul.timeline{padding-left:2rem}li.timeline-item:before{left:3px}}.tech-icon-list div{margin:0 15px 15px 0}.tech-stack{margin-bottom:100px}.footer{background-color:#0f0e14}.footer input,.footer textarea{background-color:#2f2e36;border:none;color:#fff}.footer input:focus,.footer textarea:focus{background-color:#2f2e36;border-color:#202020;box-shadow:0 0 0 .2rem #272727;color:#fff}.footer input::placeholder,.footer textarea::placeholder{color:#a0a0a0;font-size:small}
/*# sourceMappingURL=main.4a96a6f2.css.map*/