@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;600;700&display=swap";:root{--orange: #fa4f09;--black: #000;--panel: #222;--form: #1b1b1b}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;margin:0;min-height:100%;background:var(--black)}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#4c4c4c}a{color:inherit}img{max-width:100%}button,input,textarea{font-family:inherit}.container{box-sizing:border-box;max-width:1160px;margin:0 auto;padding:0;width:100%}@media (min-width: 576px){.container{max-width:540px;padding-left:15px;padding-right:15px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1160px){.container{padding:0;width:90%;max-width:1160px}}@media (min-width: 1200px){.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.hot-title{font-size:12px;line-height:10px;font-family:Outfit,sans-serif;font-weight:300;color:var(--orange);margin-bottom:15px;position:relative;display:inline-block;z-index:1;text-transform:uppercase;letter-spacing:6px;text-shadow:1px 1px 1px #fff}.list-title{font-size:35px;font-family:Outfit,sans-serif;color:#fff;position:relative;margin-bottom:30px;line-height:1.25em;font-weight:700;text-transform:capitalize}.header-box{position:absolute;top:0;left:0;width:100%;height:60px;transition:background-color .3s ease,transform .3s ease-out;justify-content:center;padding:1.2rem 0;background-color:transparent;z-index:999;display:flex;align-items:center}.header-box.sticky{position:fixed;top:0;left:0;background-color:var(--panel)}.header{justify-content:space-between;display:flex;align-items:center;width:100%}.header-box .logo{display:flex;align-items:center;text-decoration:none}.header-box .logo .brand{font-size:2rem;color:#fff;margin-right:1rem;text-shadow:0 0 1px rgba(0,0,0,.5);font-weight:700}.header-box .logo .company{font-size:2rem;color:var(--orange);font-weight:700}.menu-box{font-size:1.5rem;font-weight:600;color:#1f208b;line-height:3.8rem}.menu-ul{display:flex}.menu-item{padding:0 1rem;font-size:1.2rem;text-shadow:0 0 2px rgba(0,0,0,.5);color:#fff;text-decoration:none}.menu-item:hover,.menu-item.active-menu{color:var(--orange)}.nav-toggle{display:none;width:42px;height:42px;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:18px;height:2px;background:#fff}.page-bottom{padding:80px 0 40px;background:var(--black);display:block}.page-bottom .line{width:1px;height:60px;background-color:var(--panel)}.page-bottom .eanda{padding:20px;border-radius:20px;border:1px solid var(--panel);display:flex;width:100%;justify-content:space-around;align-items:center}.page-bottom .eanda .eanda-item{display:flex;justify-content:center}.page-bottom .eanda .logo{width:60px;max-height:60px;min-height:60px;min-width:60px;background-color:var(--orange);color:#fafafa;font-size:21px;border:1px solid var(--orange);border-radius:100%;display:flex;align-items:center;justify-content:center}.page-bottom .eanda .logo img{width:30px}.page-bottom .eanda .text{text-align:left;margin-left:30px;display:flex;flex-direction:column;justify-content:center;color:#fff}.page-bottom .eanda .text .title{color:#fff;font-size:14px;font-weight:700;margin-bottom:10px}.page-bottom .eanda .text .con{color:#fffc;font-size:14px;margin-bottom:0}.page-bottom .comandlinks{margin-top:80px;display:flex;justify-content:space-between}.page-bottom .comandlinks .company-inf{text-align:left}.page-bottom .comandlinks .company-inf .company-name{font-family:Outfit,sans-serif;font-size:30px;font-weight:700;display:flex;width:100%;position:relative;color:#fff;margin-bottom:0;padding:0;line-height:1.25em}.page-bottom .comandlinks .company-inf .com-platform{margin-top:15px;display:flex}.page-bottom .comandlinks .company-inf .com-platform .call{display:flex;align-items:center;justify-content:center;z-index:1;position:relative;width:50px;height:50px;text-align:center;font-size:16px;background:transparent;color:#fff;font-weight:300;margin-right:5px;transition:all .4s;border:1px solid var(--orange);border-radius:100%}.page-bottom .comandlinks .company-inf .com-platform .call img{width:20px}.page-bottom .comandlinks .links{font-size:21px;color:#fff;margin-bottom:15px;font-weight:700}.page-bottom .comandlinks .links .title{font-family:Outfit,sans-serif;text-align:left}.page-bottom .comandlinks .links .links-list{margin-top:20px;list-style-type:none;text-align:left;padding:0}.page-bottom .comandlinks .links .links-list li{margin-bottom:10px;color:#fffc;position:relative;display:flex;justify-content:left;align-items:center}.page-bottom .comandlinks .links .links-list li i{margin-right:15px;display:inline-block;width:4px;height:4px;background-color:var(--orange);border-radius:50%}.page-bottom .comandlinks .links .links-list li a{font-size:14px;color:#fff;text-decoration:none}.page-bottom .comandlinks .links .links-list li a:hover{color:var(--orange);letter-spacing:2px}.page-bottom .comandlinks .sub{max-width:400px;color:#fff;text-align:left}.page-bottom .comandlinks .sub .title{font-family:Outfit,sans-serif;font-size:21px;font-weight:700;display:flex;width:100%;color:#fff;margin-bottom:0;padding:0;line-height:1.25em}.page-bottom .comandlinks .sub .text{margin-top:20px;font-size:16px;background:transparent;color:#fff;font-weight:300}.page-bottom .comandlinks .sub .input{margin-top:20px;display:flex;border:1px solid var(--orange);border-radius:40px;padding:5px 5px 5px 15px;align-items:center;justify-content:space-between}.page-bottom .comandlinks .sub .input input{border:none;height:30px;color:#fff;background-color:var(--black);flex:1;min-width:0}.page-bottom .comandlinks .sub .input input:focus{background-color:transparent;outline:none;box-shadow:none}.page-bottom .comandlinks .sub .input .btn{width:50px;height:50px;border-radius:50%;background-color:var(--orange);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#fff;flex-shrink:0}.page-bottom .comandlinks .sub .input svg.icon{transition:all 1s ease;color:#fff;width:20px;height:20px;transform:rotate(135deg)}.page-bottom .comandlinks .sub .input:hover .btn{background-color:#fff}.page-bottom .comandlinks .sub .input:hover svg.icon{color:var(--orange);transform:rotate(180deg)}.list-items{display:grid;width:100%}.list-items.cols-3{grid-template-columns:repeat(3,1fr);column-gap:2%}.list-items.cols-2{grid-template-columns:repeat(2,1fr);column-gap:4%}.list-items .item{display:block;border-radius:20px;margin-bottom:100px;width:100%}.list-items .item .item-box{background-color:#fff;position:relative;border-radius:20px}.list-items .item .item-box .img-box{width:100%;height:100%;overflow:hidden;border-radius:20px}.list-items .item .item-box img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:all 1s ease}.list-items .item .item-box .pro-name{width:80%;position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:var(--panel);padding:10px;border-radius:20px;height:100px;font-family:Outfit,sans-serif;font-size:21px;color:#fff;font-weight:700;margin:0;line-height:1.5em;transition:all 1s ease;display:flex;align-items:center;justify-content:center}.list-items .item .item-box:hover img{transform:scale(1.2)}.list-items .item .item-box:hover .pro-name{height:160px}.watch-item{display:flex}.watch-item .item{height:350px;padding:10px;box-sizing:border-box;width:50%;background-color:var(--panel);display:flex;align-items:center;justify-content:space-around;transition:all 1s ease}.watch-item .item img{width:250px;transition:all 1s ease}.watch-item .item .words{color:var(--orange);font-family:Outfit,sans-serif!important;font-weight:700!important;font-size:27px;transition:all 1s ease}.watch-item .item:hover{background-color:#ff471b}.watch-item .item:hover img{width:260px}.watch-item .item:hover .words{color:#fff}.watch-item .item1{background-color:#222222e3}.watch-item .item1 .words{text-align:right}.watch-item .item2{flex-direction:row-reverse}.watch-item .item2 .words{text-align:left}.con-main{position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;align-items:center}.con-main .con,.con-main .con-team{font-family:Outfit,sans-serif;font-weight:700;line-height:1.5em;margin:0 0 15px}.con-main .con{font-size:16px}.con-main .con-team{font-size:35px}.con-main .message{font-family:Outfit,sans-serif;font-size:14px;font-weight:300;line-height:1.95em;margin-bottom:15px}.con-main .btn{cursor:pointer;display:flex;width:fit-content;height:auto;padding:20px 42px;border:1px solid #fff;border-radius:30px;background-color:transparent;color:#fff;font-weight:300;text-align:center;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .3s ease,transform .3s ease,background-color .3s ease,color .3s ease;align-items:center;gap:6px}.con-main .btn:hover{background-color:var(--orange);border-color:var(--orange)}.con-main .btn svg{width:20px;height:20px;vertical-align:middle}.dev-items{display:flex;justify-content:space-between;width:100%;margin-top:30px;gap:16px}.dev-items .item{position:relative;padding:60px 40px 100px;border-radius:20px 20px 20px 0;background:var(--panel);z-index:2;width:22%}.dev-items .item .words .w-title{text-align:left;font-family:Outfit,sans-serif;color:#fff;font-weight:700;font-size:21px;margin-bottom:15px}.dev-items .item .words .txt{text-align:left;font-family:Outfit,sans-serif;font-size:14px;font-weight:300;line-height:1.95em;color:#999;margin-bottom:20px}.dev-items .item .number{position:absolute;bottom:0;left:0;padding:15px;border-radius:0 40px 0 0;background:var(--black)}.dev-items .item .number .number-box{width:60px;display:flex;align-items:center;justify-content:center;height:60px;line-height:60px;border-radius:50%;overflow:hidden;background-color:var(--panel);font-family:Outfit,sans-serif;color:#fff;font-weight:700;font-size:14px;text-align:center;border:1px solid var(--panel)}.team-items{display:flex;justify-content:space-between;gap:16px}.team-items .item{border-radius:20px 20px 20px 0;background:var(--panel);position:relative;width:356px;height:406px;overflow:hidden}.team-items .item img{width:100%;height:100%;transition:all 1s ease;object-fit:cover}.team-items .item .iii{position:absolute;bottom:0;left:0;padding:15px;border-radius:0 40px 0 0;background:var(--black)}.team-items .item .iii .iii-box{width:60px;display:flex;align-items:center;justify-content:center;height:60px;line-height:60px;border-radius:50%;overflow:hidden;background-color:var(--black);font-family:Outfit,sans-serif;color:#fff;font-weight:700;font-size:14px;text-align:center;border:1px solid var(--orange)}.team-items .item:hover img{transform:scale(1.2)}.team-items .item:hover .iii-box{background-color:var(--orange)}.home-content{display:block;height:100%;width:100%;background:var(--black);position:relative}.home-content .section-top{padding-top:958px}.home-content .section-mt,.home-content .section-wl{display:flex;background-color:var(--black)}.home-content .section-wl{padding-top:140px;padding-bottom:100px}.home-content .overear{padding-top:20px}.home-content .powerbank{padding-top:50px}.home-content .dev-con{padding-top:100px;padding-bottom:50px}.home-content .con-team{padding-bottom:100px;padding-top:50px}.home-content .top-banner{position:absolute;top:0;height:958px;width:100%;overflow:hidden}.home-content .top-banner .banner-section{display:flex;position:absolute;top:25%;width:100%;z-index:99;box-sizing:border-box;padding:4rem 0;height:958px;color:#fff}.home-content .top-banner .banner-section .container-box{text-align:left}.home-content .top-banner .banner-section .tips{position:relative;font-size:12px;font-weight:300;color:var(--orange);text-transform:uppercase;letter-spacing:6px;margin-bottom:5px}.home-content .top-banner .banner-section .name{position:relative;font-size:75px;font-weight:700;margin-bottom:0;color:#fff;line-height:1em;display:inline-grid;text-shadow:0 0 4px rgba(0,0,0,.5)}.home-content .top-banner .banner-section .question{font-size:20px;margin-top:20px;text-shadow:0 0 2px rgba(0,0,0,.5)}.home-content .top-banner .banner-section .more-btn{margin-top:30px;display:flex}.home-content .top-banner .banner-section .more-btn .btn{cursor:pointer;position:relative;display:flex;align-items:center;height:auto;padding:14px 42px;font-weight:300;text-align:center;font-family:Outfit,sans-serif;font-size:14px;transform-style:preserve-3d;transition:all .4s ease;text-decoration:none}.home-content .top-banner .banner-section .more-btn .btn svg{margin-left:5px;width:18px;height:18px;display:inline-block}.home-content .top-banner .banner-section .more-btn .btn-view{border:1px solid var(--orange);border-radius:30px;background-color:var(--orange);color:#fff}.home-content .top-banner .banner-section .more-btn .btn-view:hover{margin-top:-2px;border:none;background-color:#fff;color:var(--orange)}.home-content .top-banner .banner-section .more-btn .btn-cont{margin-left:20px;border:1px solid #fff;border-radius:30px;background-color:#fff;color:var(--orange)}.home-content .top-banner .banner-section .more-btn .btn-cont:hover{margin-top:-2px;border:none;background-color:var(--orange);color:#fff}.home-content .carousel{position:relative;width:100%;height:958px;overflow:hidden}.home-content .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;transition:opacity .5s ease-out;opacity:0}.home-content .slide.active{opacity:1;z-index:1}.con-us{position:relative;background-image:url(/assets/contact-section-bg-DkHryOGf.jpg);background-attachment:fixed;background-size:cover;background-position:center;padding:120px 0}.con-us:before{position:absolute;content:"";display:block;width:100%;height:100%;background:#00000080;opacity:.5;left:0;top:0;z-index:1}.prod-content{background-color:var(--black);position:relative}.prod-content .top-banner,.contact-content .top-banner{position:absolute;top:0;height:780px;width:100%;overflow:hidden}.prod-content .top-banner .banner-section,.contact-content .top-banner .banner-section{display:flex;position:absolute;top:0;width:100%;height:100%;z-index:99;box-sizing:border-box;padding:4rem 0;color:#fff;align-items:center;justify-content:center}.prod-content .top-banner .banner-section .container-box,.contact-content .top-banner .banner-section .container-box{text-align:left}.prod-content .carousel,.contact-content .carousel{position:relative;width:100%;height:780px;background-size:cover;background-position:center}.prod-content .pro-list{display:flex;justify-content:center;padding-top:780px;background-color:var(--black);padding-bottom:50px}.list-tab{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.list-tab .tab-item{margin:0 10px 10px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700;display:inline-block;cursor:pointer;color:#fff;white-space:nowrap}.list-tab .tab-item:hover,.list-tab .tab-item.tab-active{color:var(--orange)}.list-tab .tab-item.tab-active{border-bottom:1px solid var(--orange)}.item-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 16px;justify-content:center}.item-list .items{width:100%;aspect-ratio:1;height:auto;margin-top:0;border-radius:20px;transition:all .6s ease;animation:scaleIn .5s forwards;overflow:hidden;background:#fff}.item-list .items img{width:100%;height:100%;object-fit:contain;background:#fff;transition:all .6s ease;transform-origin:center center}.item-list .items:hover img{transform:scale(1.1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.contact-content{background-color:var(--black);position:relative}.contact-content .top-banner .banner-section .list-title i{font-style:normal;color:var(--orange)}.email-form{display:flex;justify-content:center;padding-top:780px;background-color:var(--black);padding-bottom:50px}.email-form .email-box{background-color:var(--form);border-radius:20px;padding:30px;text-align:left}.email-form .email-box .title{color:#fff;font-size:21px;text-align:center;margin-bottom:20px}.email-form .email-box .line{display:flex;justify-content:space-between;width:100%;gap:20px}.email-form .email-box .line .name{width:48%}.email-form .email-box .line input,.email-form .email-box textarea{max-width:100%;margin-bottom:15px;padding:18.5px 20px;background-color:var(--panel);box-shadow:none;display:block;width:100%;line-height:1.5em;font-family:Outfit,sans-serif;font-size:14px;font-weight:300;color:#999;border:none;border-radius:30px}.email-form .email-box textarea{height:120px;resize:none}.email-form .email-box .line input:focus,.email-form .email-box textarea:focus{outline:none;color:#fff}.email-form .email-box .btn{display:inline-block;height:auto;padding:19px 35px;border:none;background-color:var(--orange);transition:border-color .4s ease,color .4s ease,background-color .4s ease;color:#fff;line-height:20px;font-weight:300;text-align:center;font-size:14px;border-radius:30px;cursor:pointer;font-family:Outfit,sans-serif}.email-form .email-box .btn:hover{color:#000;background-color:#fff}.form-success{color:#fff;text-align:center;font-family:Outfit,sans-serif;padding:40px 20px}@media (max-width: 1100px){.header-box .logo .company{font-size:1.1rem}.header-box .logo .brand{font-size:1.4rem}.home-content .top-banner,.home-content .carousel,.home-content .top-banner .banner-section{height:720px}.home-content .section-top{padding-top:720px}.home-content .top-banner .banner-section .name{font-size:48px}.dev-items{flex-wrap:wrap}.dev-items .item{width:calc(50% - 8px);margin-bottom:16px}.team-items{flex-wrap:wrap;justify-content:center}.list-items.cols-3,.item-list{grid-template-columns:repeat(2,1fr)}.item-list .items{width:100%;height:auto;aspect-ratio:1}}@media (max-width: 768px){.nav-toggle{display:flex}.menu-box{position:absolute;top:72px;right:16px;background:var(--panel);border-radius:16px;padding:12px 0;display:none;min-width:180px}.menu-box.open{display:block}.menu-ul{flex-direction:column;align-items:flex-start}.menu-item{line-height:2.4rem}.home-content .top-banner,.home-content .carousel,.home-content .top-banner .banner-section,.prod-content .top-banner,.contact-content .top-banner,.prod-content .carousel,.contact-content .carousel{height:560px}.home-content .section-top,.prod-content .pro-list,.email-form{padding-top:560px}.home-content .top-banner .banner-section{top:18%;height:560px;padding:2rem 0}.home-content .top-banner .banner-section .name{font-size:32px}.home-content .top-banner .banner-section .more-btn{flex-direction:column;gap:12px;align-items:flex-start}.home-content .top-banner .banner-section .more-btn .btn-cont{margin-left:0}.list-items .item{width:100%!important;margin-bottom:80px}.list-items .item .item-box{height:320px!important}.watch-item{flex-direction:column}.watch-item .item,.dev-items .item{width:100%}.page-bottom .eanda{flex-direction:column;gap:24px}.page-bottom .line{width:80%;height:1px}.page-bottom .comandlinks{flex-direction:column;gap:40px}.email-form .email-box .line{flex-direction:column;gap:0}.email-form .email-box .line .name{width:100%}.list-items.cols-3,.list-items.cols-2,.item-list{grid-template-columns:1fr}.item-list .items{width:100%}.header-box .logo .company{display:none}.con-us{background-attachment:scroll}}
