@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:Bricolage Grotesque,sans-serif;font-size:15px;overflow:auto;overflow-x:hidden;scroll-behavior:smooth}.container{align-items:center;display:flex;gap:40px;padding:50px}.container>div{padding-top:10px}.container-left,.container-right{display:flex;flex:0 0 50%;flex-direction:column}.container-right{margin-left:-40px}@media (max-width:739px){.container{flex-direction:column;padding:24px}.container-right{margin-left:0}}.container-home-first{background-color:#fff;color:#000;margin:0 auto;width:90%}.container-home-first .container-left>div{align-items:center;display:inherit}.container-home-first .container-left h2{font-size:28px;font-weight:600}.container-home-first .container-right{padding:0}.container-home-first .container-right>div{display:flex;justify-content:center}.container-home-first .container-right img{width:55%}@media (max-width:739px){.container-home-first .container-left,.container-home-first .container-left>div{gap:10px}.container-home-first .container-left span{display:inline-block}.container-home-first .container-left p{font-size:17px}.container-home-first .container-right img{width:100%}}.container-home-second{background-image:repeating-linear-gradient(180deg,#fad610 0,#fad610 2px,#fff17a 0,#fff17a 4px,#0000 0,#0000 20px),linear-gradient(45deg,#fad610,#fff17a);background-size:100% 20px,cover;color:#000}.container-home-second .container-left{flex:0 0 60%;gap:10px;margin-left:60px}.container-home-second .container-left>div{align-items:center;display:inherit}.container-home-second .container-left h2{font-size:30px;font-weight:600}.container-home-second .container-left p{align-items:center;display:flex;font-size:12px;font-weight:300}.container-home-second .container-left span{font-size:20px;font-weight:600;padding-right:10px}.container-home-second .container-right{flex:0 0 40%;padding:0}.container-home-second .container-right>div{display:flex;justify-content:center}@media (max-width:739px){.container-home-second .container-left{margin:0;padding:0 30px 0 20px}.container-home-second .container-left p{display:block}.container-home-second .container-left span{display:block;margin-bottom:4px}.container-home-second .container-right>div{display:none}}.we-try{margin-top:30px}.we-try h2{font-size:30px;font-weight:600;text-align:center;width:80%}.we-try p{font-size:16px;font-weight:400;margin-left:16.5%;width:34%}.container-home-third{background-color:#fff}.container-home-third>div{padding:0}.container-home-third .container-left>div,.container-home-third .container-right>div{display:flex;justify-content:center}.container-home-third img{width:95%}@media (max-width:739px){.we-try h2{font-size:27px;margin:0 0 20px 40px;text-align:left;width:85%}.we-try p{font-size:17px;margin:0 0 60px 40px;width:57%}.container-home-third{gap:0;padding:0}.container-home-third img{width:100%}}.animated-image{background-color:#fff;display:flex;flex-direction:column;width:100%}.animated-image h2{color:#000;font-size:30px;font-weight:600;margin:50px;padding:10px;text-align:center}.list-img{display:flex;flex-wrap:nowrap;gap:8px;margin:0 auto;width:99%}.list-img>div{flex:1 1 25%}.animated-image p{color:#000;font-size:15px;font-size:13px;line-height:1.4;margin:0 auto;opacity:.8;padding:40px 0;text-align:justify;width:66%}@media (max-width:739px){.animated-image button{border:1px solid;border-radius:16px;font-size:14px;font-weight:600;margin:20px auto;padding:4px 20px;text-transform:uppercase;width:fit-content}}Định nghĩa biến màu sắc:root{--primary-color:#000;--secondary-color:#fff}#footer{background-color:var(--secondary-color);color:var(--primary-color);padding-top:40px;text-align:center}#footer h2{font-size:33px;font-weight:600}.footer-contact{align-items:center;display:flex;gap:12%;justify-content:center;margin:40px auto 0;width:60%}.contact-item{background-color:#fddb24;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;max-width:232px;min-height:280px;min-width:232px;padding-top:60px}.contact-item span:nth-child(2){font-size:15px;font-weight:600;padding-top:8%}.contact-item .different-style{font-size:20px;font-weight:300;padding-top:4%}.contact-item .same-style{font-size:12px;font-weight:400;padding-top:4%}.container-footer{background-color:#000;margin-top:60px;padding:9px 0 10%;position:relative}@media (min-width:1380px){.container-footer{padding-bottom:15%}}.container-footer:before{background-color:#fddb24;content:"";display:block;height:1px;margin:0 auto 10px;position:absolute;right:0;top:74px;width:81%}.container-footer .container-left{padding:2% 4%}.container-footer .container-right{display:inline-block;position:relative}.container-footer .container-right img{filter:contrast(120%) brightness(110%);left:0;position:absolute;top:-26px;width:84%}.container-footer p{color:#fddb24;font-size:13px;font-weight:500}.icons{align-items:center;display:flex;gap:10px;justify-content:flex-end}.icons a{display:inline-block;position:relative}.icons a .icon{color:var(--secondary-color);font-size:30px;transition:transform .3s ease,color .3s ease}.icons a:hover .icon{transform:rotate(15deg)}.icons a:hover{transform:scale(1.1);transition:transform .3s ease}@media (max-width:739px){#footer h2{font-size:27px;padding:0 40px}.footer-contact{flex-direction:column}.contact-item{border-radius:16px;margin-bottom:16px}.container-footer .container-right img{position:static}}.logos-brand,.logos-brand h1{margin-bottom:40px}.logos-brand h1{color:#000;font-size:30px;font-weight:600;text-align:center}.logos-brand-list{align-items:center;border:1px solid #000;border-radius:20px;display:flex;flex-direction:column;gap:40px;margin:0 auto;padding:40px 20px;width:90%}.logos-brand-item-1,.logos-brand-item-2,.logos-brand-item-3{display:flex;justify-content:center}.logos-brand-item-1>div,.logos-brand-item-2>div,.logos-brand-item-3>div{align-items:center;display:flex;flex:1 0 auto;justify-content:center;width:220px}.logos-brand-item-1 img,.logos-brand-item-2 img,.logos-brand-item-3 img{filter:contrast(1.2) brightness(1.1);max-width:100%}@media (max-width:1920px){.logos-brand-item-1,.logos-brand-item-2,.logos-brand-item-3{gap:3%}}@media (max-width:739px){.logos-brand span{display:inline-block}.logos-brand-list{flex-direction:row}.logos-brand-item-1,.logos-brand-item-2{flex-direction:column}.logos-brand-item-1>div,.logos-brand-item-2>div{height:140px;width:auto}}.container-about{gap:initial;padding:10% 80px}.container-about .container-left{box-shadow:2px 0 0 #000}.container-about .container-left h2,.container-about .container-right h2{align-items:baseline;display:flex;font-size:30px;font-weight:600;position:relative;text-transform:uppercase}.container-about .container-left h2:after{background-color:#000;content:"";flex:1 1;height:1px;margin-left:12px}.container-about .container-right h2:before{background-color:#000;content:"";flex:1 1;height:1px;margin-left:-60px}.container-about .container-left h3{font-size:14px;font-weight:300;margin-top:10px;text-transform:uppercase}.container-about .container-left p,.container-about .container-right p{font-size:14px;font-weight:300;margin-top:4px}.container-about .container-left .custom-section-class1 p{max-width:96%}.container-about .container-left .custom-section-class2 .custom-image-wrapper2{margin-top:100px}.container-about .container-left .custom-section-class3 .custom-image-wrapper3{margin-top:30px}.container-about .container-left p span{font-weight:700}.container-about .container-left button{border:1px solid #000;border-radius:15px;font-size:14px;font-weight:700;margin-top:40px;padding:3px 11px}.custom-image-wrapper1{margin-right:70px;margin-top:90px;position:relative}.custom-image-wrapper1>div:first-of-type{text-align:center}.custom-image-wrapper1 img{display:inline-block}.custom-image-wrapper1 .amoni{align-items:flex-end;display:flex;gap:10px;justify-content:center;position:absolute;top:-10%;width:100%}.amoni img{object-fit:none;width:auto}.amoni .image-4{position:absolute;right:46%;top:36%}.amoni .image-5{bottom:-8px;left:58%;position:absolute}.container-about .container-left .custom-section-class2 p{max-width:85%}.custom-image-wrapper2{position:relative}.brand-recognition{display:flex;gap:24px;left:36%;position:absolute;top:50%;transform:translateY(-50%)}.container-about .container-left .custom-section-class3 h3{transform:scale(.9);transform-origin:left}.container-about .container-left .custom-section-class3>p{font-weight:700;margin-top:8px}.container-about .container-left .custom-section-class3 img{padding-right:60px;width:100%}.container-about .container-right{margin-left:0;padding-left:60px}.container-about .container-right .container-right-about1{width:100%}.container-about .container-right .content-right{margin-left:auto;margin-top:25px;text-align:justify}.container-about .container-right .content-right p{margin-left:auto;width:65%}.container-about .container-right .content-right h2{font-size:30px;font-weight:600;letter-spacing:-2.4px;text-transform:uppercase}.container-about .container-right .custom-image-right{margin-top:80px;position:relative}.container-about .container-right .custom-image-right .image-group-1{margin:0 auto;width:85%}.container-about .container-right .Image2-3{bottom:0;left:10%;position:absolute}.container-about .container-right .corner-img-wrapper{align-items:end;display:grid;justify-content:end}.container-about .container-right .custom-section-right{margin-top:100px}.container-about .container-right .we-where{margin-right:5%}.container-about .container-right .we-where p{margin-left:auto;margin-right:5%;width:50%}.container-about .container-right .custom-section-right .custom-image-wrapper{margin-top:80px}.container-about .container-right .custom-section-right .custom-image-wrapper img{max-width:100%}.responsive-about-img{display:block;height:auto;max-width:100%;object-fit:cover;width:100%}.container-about-mobile{display:block;margin-top:70px}.container-single img{margin-left:-24px;margin-top:20px;width:100vw}.container-single h3{font-size:20px;font-weight:300;text-transform:uppercase}.container-single .custom-image-wrapper1{margin:0}.container-single .custom-section-class3>p{font-size:17px;font-weight:700}.container-single .custom-section-right{margin-top:30px}.container-single .custom-section-right .we-where{padding:0 30px}.container-single .custom-section-right img{height:160px;width:auto}header{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);height:60px;left:0;position:fixed;right:0;top:0;transition:#fff .3s ease,-webkit-backdrop-filter .3s ease;transition:#fff .3s ease,backdrop-filter .3s ease;transition:#fff .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:100}.navbar-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 8px 20px #0000001a}header .logo{align-items:center;display:flex;margin-left:30px}.mobile-overlay{background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:998}header .navbar{display:flex;justify-content:center;list-style-type:none}.navbar img{display:none;width:100%}.navbar>img{margin-top:40px}.navbar>li>a{color:#000;display:inline-block;font-size:14px;font-weight:700;line-height:60px;padding:0 25px;position:relative;text-decoration:none;transition:.2s}.navbar>li>a:before{background-color:#000;content:"";height:2px;left:fit-content;position:absolute;top:70%;transition:.3s;width:0}.navbar>li>a.active:before,.navbar>li>a:hover:before{width:calc(100% - 50px)}.navbar>li:last-of-type{margin-right:30px;position:absolute;right:0}.navbar-container{align-items:center;display:flex;height:inherit;margin-right:30px}.nav-item{position:relative;white-space:nowrap}.subnav{background:#fff;border-radius:4px;box-shadow:0 4px 20px #00000026;display:none;left:0;padding:8px 0;position:absolute;top:100%}.has-subnav:hover .subnav{display:block}.subnav li{list-style-type:none;min-width:max-content}.subnav li a{color:#000;display:block;font-size:13px;font-weight:400;line-height:25px;padding:0 10px;text-decoration:none}.subnav li a:hover{background-color:#ffe13e}.menu-toggle{background:none;border:none;color:#000;cursor:pointer;display:none;font-size:30px}.user-info{display:flex;justify-content:end;margin-right:30px;margin-top:60px}.user-info a{color:#000!important;text-decoration:none!important}@media (max-width:739px){header .logo img{width:100%}.navbar-container .navbar{background-color:#fff;border-radius:5px;display:none;flex-direction:column;gap:10px;height:auto;justify-content:flex-start;left:0;padding:20px;position:fixed;top:0;width:50vw;z-index:999}.navbar img{display:block}.navbar li:last-of-type{display:none}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:24px;position:fixed;right:20px;top:15px;z-index:1000}.navbar-container.open .navbar{display:flex}.navbar>li>a{font-size:20px;font-weight:600;line-height:30px;padding:0}.navbar>li>a:before{top:94%}.navbar>li>a.active:before,.navbar>li>a:hover:before{width:100%}.subnav{display:none!important}.nav-item.open>.subnav{background:#0000!important;box-shadow:none!important;display:block!important;margin-top:12px!important;padding:0!important;position:static!important}.nav-item.open>.subnav li a{font-size:13px!important;line-height:1.3!important;padding:0!important}.parent-toggle{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:20px;font-weight:600;justify-content:space-between;text-align:left;width:100%}.arrow{border:solid #000;border-width:0 2px 2px 0;padding:4px;transform:rotate(45deg);transition:transform .2s}.arrow.open{transform:rotate(-135deg)}}.work-detail{margin-top:13%}.canvas{background:#f9f9f9;min-height:500px;width:100%}.canvas,.image-block{position:relative}.image-block img{display:block;max-width:100%;width:100%}.text-block-wrapper{background-color:initial;border:1px dashed #aaa;box-sizing:border-box;padding:5px;position:absolute}.text-editor{display:flex;flex-direction:column;gap:8px}.line-input{align-items:center;display:flex;gap:8px}.toolbar{margin-top:20px}.delete-btn{background:red;border:none;color:#fff;cursor:pointer;position:absolute;right:2px;top:2px}.save-btn{margin-left:8px}.line-input input[type=color]{margin-left:4px}.work-category{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:0 auto;width:99%}.work-column img{border-radius:16px;height:auto;width:100%}.careers{margin:10% auto 0;max-width:1200px;padding:4rem}.careers__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.careers__card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s}.careers__card:hover{transform:translateY(-4px)}.careers__image-container{position:relative}.careers__image{display:block;object-fit:cover;width:100%}.careers__number{background:#ffd600;border-radius:4px;bottom:8px;color:#000;font-size:.9rem;font-weight:700;left:8px;padding:4px 8px;position:absolute}.careers__title{font-size:1.1rem;line-height:1.3;margin:1rem}.careers__description{font-size:.95rem;line-height:1.5;margin:0 1rem 1rem;white-space:pre-line}.careers__apply{font-size:1rem;line-height:1.6;margin-top:2rem}.apply__heading{font-weight:700;margin-bottom:.5rem}.apply__note{font-style:italic;margin-top:.5rem}@media (max-width:739px){.careers{margin:20% auto 0;padding:1rem}}
/*# sourceMappingURL=main.206d9c4b.css.map*/