@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Regular-852def7e.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Medium-11ddde88.ttf) format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-SemiBold-c8ba79a3.ttf) format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Bold-856c41d7.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:Kavoon;src:url(/assets/Kavoon-Regular-e39fef10.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Moul;src:url(/assets/Moul-Regular-4d7c768d.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}:root{--padding-page: 0 20%;--padding-frame: 2rem 0}html,body{font-size:14px;font-family:IBM Plex Sans,serif;width:100%;overflow-x:hidden}html #root,body #root,html #root .App,body #root .App{height:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Sans,serif}button{cursor:pointer}html{font-size:62.5%;-webkit-text-size-adjust:none}@media only screen and (max-width: 1599px){html{font-size:56%}}@media only screen and (max-width: 1365px){html{font-size:48%}:root{--padding-page: 0rem 16%}}@media screen and (max-width: 1199px){:root{--padding-page: 0rem 14%}}@media only screen and (max-width: 991px){html{font-size:38%}:root{--padding-page: 0rem 10%}}@media only screen and (max-width: 820px){html{font-size:28%}}@media only screen and (max-width: 575px){html{font-size:62.5%}:root{--padding-page: 0rem 2rem;--padding-frame: 8px 0}}.introduction{position:relative;aspect-ratio:1920/720}.introduction-inner{padding:var(--padding-page);display:flex;align-items:center;margin:auto;height:100%}.introduction .content{width:40%;position:relative;padding-left:4.5rem;padding-bottom:4rem}.introduction .content h1,.introduction .content h2{font-weight:700;text-transform:uppercase}.introduction .content h1{font-size:3.5rem;line-height:4.2rem;color:#d0680a}.introduction .content h2{font-size:2.8rem;line-height:3.4rem;color:#000}.introduction .content p{font-size:2rem;line-height:2.8rem;color:#0009;margin-top:1rem;font-weight:400}.introduction .banner{width:60%;position:relative;height:100%}.introduction .banner img{top:50%;left:50%;transform:translate(-45%,-50%);position:absolute;height:150%}.introduction .banner img.logo{display:none}.introduction .rectangle-frame{position:absolute;left:5%;top:20%;width:19.7rem}.introduction .tech-stack{display:flex;background-color:#ebd2b9;padding:3.4rem;justify-content:center;gap:8rem;position:relative}.introduction .tech-stack .line-frame{position:absolute;left:0;top:0;width:55%;transform:translateY(calc(-100% - 10px))}.introduction .tech-stack-item_image{height:6.7rem;position:relative;width:6.7rem}.introduction .tech-stack-item_image img{width:100%}.introduction .tech-stack-item p{text-align:center;font-weight:600;font-size:1.6rem;line-height:3rem;color:#fff;margin-top:1rem}@media screen and (max-width: 575px){.introduction{aspect-ratio:unset}.introduction .introduction-inner{flex-direction:column-reverse}.introduction .introduction-inner .banner{width:100%;height:auto}.introduction .introduction-inner .banner img.banner-img{position:unset;width:150%;transform:translate(-20%,-10%)}.introduction .introduction-inner .banner img.logo{display:block;width:14.8rem;height:auto;transform:translate(-50%,-78%)}.introduction .introduction-inner .content{width:100%;padding:0;margin-top:-30%;text-align:center;padding-bottom:8rem}.introduction .introduction-inner .content h1,.introduction .introduction-inner .content h2{font-size:3rem}.introduction .introduction-inner .content p{font-size:1.6rem;line-height:2rem}.introduction .tech-stack{gap:2.8rem;padding:2.3rem 3rem}.introduction .tech-stack .line-frame{height:2.2rem}.introduction .tech-stack-item_image{width:100%}.introduction .tech-stack .name{margin:0}}.our-services{padding:var(--padding-page);padding-top:6.5rem;padding-bottom:6.5rem;position:relative}.our-services .description{font-size:2rem;line-height:2.8rem;text-align:center;color:#0009;font-weight:400;margin:auto;margin-top:1.6rem;margin-bottom:3rem;width:80%}.our-services .services{padding-top:2.6rem;display:flex}.our-services .services-sub-content .sub-content-banner{display:none}.our-services .services-content{width:65%;display:flex;flex-wrap:wrap}.our-services .services-content .service-item{padding-left:3.8rem;min-height:16rem}.our-services .services-content .service-item .title{font-size:2rem}.our-services .services-content .service-item .title b{color:#d0680a;font-family:Kavoon,serif;margin-right:1rem}.our-services .services-content .service-item .title span{font-weight:700}.our-services .services-content .service-item p{color:#0009;font-size:2rem;line-height:2.8rem;margin-top:.8rem;margin-bottom:1.8rem;width:24rem}.our-services .services-banner{position:relative;width:35%}.our-services .services-banner img{position:absolute;width:150%;top:-2.6rem;left:-3rem}.our-services .frame{position:absolute}.our-services .frame-1{top:10px;left:0;width:39.2rem}.our-services .frame-1-2{display:none}.our-services .frame-2{top:7rem;right:18%}.our-services .frame-3{left:9.5rem;bottom:6.5rem}.our-services .frame-4{right:20%;bottom:-5%}.our-services .frame-6{display:none}@media screen and (max-width: 575px){.our-services{padding-top:2.6rem}.our-services .frame-1{width:12rem}.our-services .frame-1-2{display:block;top:40px;right:0;width:12rem;transform:rotate(180deg)}.our-services .frame-2{left:0;top:2rem;transform:rotate(180deg);width:4rem}.our-services .description{width:97%;margin-top:1.4rem;font-size:1.6rem;line-height:2rem;margin-bottom:2.4rem}.our-services .services{display:block;padding:0}.our-services .services .services-banner{display:none}.our-services .services .services-content{width:100%}.our-services .services .services-content .sub-content-2{width:100%;display:flex;flex-direction:column;align-items:end;margin-top:2.6rem}.our-services .services .services-content .service-item{padding:0;min-height:unset}.our-services .services .services-content .service-item h4{font-size:1.6rem;line-height:2rem}.our-services .services .services-content .service-item p{font-size:1.6rem;line-height:1.8rem;margin-top:5px;margin-bottom:1rem;width:22rem}.our-services .services-sub-content{position:relative}.our-services .services-sub-content .sub-content-banner{position:absolute;display:block;top:-10%;transform:translate(70%);height:100%}.our-services .services-sub-content .sub-content-banner img{height:100%}.our-services .services-sub-content.sub-content-2 .sub-content-banner{left:0;transform:translate(-55%);top:0;height:110%}.our-services .frame-3{display:none}.our-services .frame-4{transform:rotate(90deg);right:-2rem;top:60%;width:10rem}.our-services .frame-6{display:block;width:60%;left:-2rem;bottom:0}}.our-work{padding-top:1.3rem}.our-work .description{font-size:2rem;line-height:2.8rem;color:#0009;text-align:center;margin-top:1.5rem}.our-work img.banner{width:150%;transform:translate(-8%,-10%)}.our-work .banner-mobile{display:none}@media screen and (max-width: 575px){.our-work .description{font-size:1.6rem;line-height:1.6rem;margin-top:1rem}.our-work .banner{display:none}.our-work .banner-mobile{display:block;width:100%}}.about-us{padding:var(--padding-page);margin-top:-25%;z-index:100}.about-us p.description{color:#0009;font-size:2rem;line-height:2.8rem;text-align:center;width:80%;margin:16px auto}.about-us .our-team{display:flex;margin-top:9.5rem}.about-us .our-team-content{width:50%;padding-right:2rem}.about-us .our-team-content h2.title,.about-us .our-team-content p.description{text-align:left;width:100%}.about-us .our-team-content .teams{display:flex;flex-wrap:wrap}.about-us .our-team-content .teams .team-item{width:50%;display:flex;align-items:center;margin-bottom:1.8rem;gap:1.5rem}.about-us .our-team-content .teams .team-item .number{width:4.2rem;height:4.2rem;background-color:#d0680a;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Moul,serif;font-size:2rem}.about-us .our-team-content .teams .team-item .name{font-size:1.6rem;color:#d0680a;font-weight:600;flex:1}.about-us .our-team-image{width:50%}.about-us .our-team-image img{width:100%}@media screen and (max-width: 575px){.about-us{margin-top:0;background-image:url(/assets/about-us-bg-6a0a421a.png);background-size:100% 100%;padding-bottom:4rem}.about-us p.description{font-size:1.6rem;line-height:1.8rem;width:90%}.about-us .our-team{margin-top:2.3rem;flex-direction:column-reverse}.about-us .our-team-image{width:80%;margin:auto}.about-us .our-team-content{width:100%;padding:0;padding-top:1.6rem}.about-us .our-team-content h2.title,.about-us .our-team-content p.description{text-align:center}.about-us .our-team-content p.description{margin-top:6px}.about-us .our-team-content .teams .team-item{margin-bottom:1rem}}.contact{padding-top:12rem;padding-bottom:2.8rem;position:relative}.contact-inner{padding:var(--padding-page)}.contact p.description{color:#0009;font-size:2rem;line-height:2.8rem;text-align:center;margin:16px auto 20px}.contact form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:6.2rem}.contact form input{width:58.6rem;border:none;font-size:2rem;line-height:2.8rem;padding:1.5rem 22px;border-radius:100px;margin-bottom:1.6rem;outline:none}.contact form button{width:21.6rem;height:6rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAAA8CAYAAAAE9XR5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR0SURBVHgB7d3PcSJHFAbw77VV1Bhd5AxwBGIiMCoHYG0G2ssuvlgiApUiEPZF8l4WR7BsAC7NRjAog8nA8mER4PI8dw9I5o+AGehZW+L7HaQCGhUHfdVv3jTdgpLEZwcHGI4a+FtrYuQQgjpUDwCpgWgD9eu+FBnfa1Z18VlN7I8EijsVuQXSCEHQC9t3dyhBoQ+8jguVGYxOFdqwf7oBIo/8BGwZjTTFRxjthteDBJ54CVjcDBoCOWeoqEzlBmyaDRv0wgYtwpb2sAUGi14mcf/XDRvQxM5qrfBdv4sNbRQwG6ya/QDvGSx64Wz/AB9s0DqK9GKT0tGgoNu3X5+Kmpjhoh1yIjA3cXP/BAXlrmmzBsbwr3NVPQPRjhLV9uGv963c4/MMcuGS4ejGtjbrINp1gp5q+ipPybg2YJPrrRvevyKakdjrsqN1IVsZMIaLaKVEg0q46ib1yiaHiPnAcBEtVXOXTtmqpSWWBuz2x/1LXnMRrWEzYu6H58tefrJEtKWha0u+BxHloqKt8Oq+Pf/8QsB43UW0AcGd7SyG800PszjOnDNcRAUpDsarm2bNzGDxm+qxWxoCItrIpHUfPTyemcHE6CWIaGPjxe/TjyfGK+PNDb6gb77/Kde4P37/BUTPxfQs9jiDzSePiDYznaUsYK5zyNXxRL5I4+Hm83gGS+UYROTPYJR96yQLmO0c/gAi8kag37nfJj5xUxnLQyK/xmWiQTDgekOiMvRHDVsimgaIyL+vtGZEcAgi8k5UDs14t10i8k5Rd9u21fAf4QoNetEEtskBqYGIylArvC8iEeXHgBGViAEjKpGZnJdERP4ltk0vpRw8RkSaGBXcgoi8U8WfBqn2QET+ifTcfbAERFSCNDIYVSIQkX9B0DNhx21crxGIyCON3KEQ2RGyCvkkQANEO87XTme2efjR/R7faB5U2iAif1Szg9OzgLFMJPLJloeTPeofl0op9AJEtLXpLD0GbLwTKWcxoi0lS/em5yxGtB3b3GhNP54JGGcxoq10wqt+d/qJha+r2Fnstf3BBcBExSSKdKECXAiY636oYalIVIS9l3wxf7ql8+QXLt1Zs/YNP4OI1nJZCa8/d556TVa9sfe2GtsR3PmXaBlBr37VD5e9vLfqvTqsHEkwjLnzFD0nX/Bgx0Q1fbVqwMo9OdwKD9v0OOK2AkQLkslJlsmqQWs3vcmaHi5kCn4xk8ixZaEGlXBduJw95DD5Q2Hc3G8L9BREOypraFx9PgP6ucYX2rbNdkrO7LT4miUj7Rx7b1hFWy4DRd5WeF9EO5t1XMmowG8g2gkaqaShu32FgnKViPMmJeNJ/KbaFaOXvrqM9eu+FBnfa1YVRKWxwYJeTC/eLWqrnX3Dd/1u/fr+W9dN4RpGejlcsNIj+799tE24nI1msHmTDxHFzaCGVI7Hh6rz3Gd6Tlyo5BOCStvtpQFPvATswaR0dHVq2x0AjYE7/9k0RPXQnZWE7CwyqYHof0BTbWXbFlYr0b+hytcdzOsf4F+zxFFSSboAAAAASUVORK5CYII=);background-size:100% 100%;background-color:#fff;font-weight:700;font-size:2rem;margin-top:3.1rem}.contact .frame-bg{position:absolute;left:0;width:47.8rem;bottom:20%}.contact .line{width:100%;aspect-ratio:1443/90}@media screen and (max-width: 575px){.contact{padding-top:1.2rem;padding-bottom:1.2rem}.contact h2.title{width:80%;margin:auto}.contact p.description{font-size:1.6rem;line-height:1.8rem;width:90%;margin-top:7px}.contact form{margin-bottom:2.5rem}.contact form input{width:100%;padding:8px 20px;font-size:1.8rem}.contact form button{margin-top:10px;height:5rem;width:17rem}.contact .frame-bg{display:none}}button{background-color:#d0680a;border-radius:99px;text-transform:uppercase;font-size:1.6rem;font-weight:700;color:#fff;outline:none;border:none;padding:1.2rem 2rem}.ant-dropdown.app-dropdown-menu ul.ant-dropdown-menu{background-color:transparent;box-shadow:none}.ant-dropdown.app-dropdown-menu li.ant-dropdown-menu-item{border-radius:10px;background-color:#d0680a66;margin-bottom:2.5px;color:#fff;font-weight:600}.ant-dropdown.app-dropdown-menu li.ant-dropdown-menu-item:hover{background-color:#d1670a99}.header{z-index:1000;position:relative;width:100%;background-color:#ebd2b9;padding:var(--padding-page);padding-top:1rem;padding-bottom:1rem}.header-inner{display:flex;align-items:center;justify-content:space-between;margin:auto}.header .logo-name{display:flex;align-items:center;position:relative;height:9.6rem}.header .logo-name .logo{background-color:#fff;position:absolute;width:9.6rem;height:9.6rem;border-radius:50%;border:2px solid #d0680a;display:flex;justify-content:center;align-items:center;overflow:hidden}.header .logo-name .logo img{height:85%}.header .logo-name .name{padding-left:11.9rem;padding-right:3rem}.header .navbar{display:flex;gap:4rem}.header .navbar-item{color:#fff;font-size:1.6rem;font-weight:600;line-height:3rem;letter-spacing:0em;text-transform:uppercase;transition:all .3 ease;cursor:pointer;text-decoration:none}.header .navbar-item.service,.header .navbar-item:hover{color:#d0680a}@media screen and (max-width: 575px){.header .logo-name{height:auto}.header .logo-name .logo{display:none}.header .logo-name .name{padding:0;background-color:transparent;color:#d0680a}.header .navbar{display:none}.header button{padding:6px 20px}}.public-layout-body{min-height:100vh;background-color:#f4f0ea;background-image:url(/assets/bg-978ca4b5.png);background-repeat:repeat}.public-layout-body h2.title{text-align:center;font-weight:700;font-size:2.8rem;line-height:3.6rem;color:#d0680a;text-transform:uppercase}.footer{background-color:#ebd2b9;padding:5rem 0}.footer .content{display:flex;justify-content:center;gap:13rem}.footer .content .logo{width:8.8rem}.footer .content .logo img{width:100%}.footer .content .company h2{font-size:2rem;font-weight:700;line-height:3rem;text-transform:uppercase}.footer .content .company p{font-size:1.6rem;line-height:3rem}.footer .copyright{text-align:center;margin-top:7.3rem;font-size:2rem;font-weight:500}@media screen and (max-width: 575px){.footer{padding:var(--padding-page);padding-top:6px;padding-bottom:2rem}.footer .content{gap:2rem;position:relative;justify-content:space-between;padding-top:11rem}.footer .content .logo{position:absolute;top:0;height:9rem;left:50%;transform:translate(-50%)}.footer .content .logo img{height:100%;width:auto}.footer p.copyright{margin-top:2.8rem}}