@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,200;0,400;0,600;0,900;1,400&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-dark: #09051c;--color-orange: #f77749;--color-violet: #6a44af;--color-yellow: #fbc82d;--color-light: #faf3ed;--gutter-spacing: 20px;--animation-time: .3s}@keyframes flying-top-to-bottom{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-flying{transition:all ease-in-out .3s;animation:flying-top-to-bottom 3s ease-in-out infinite alternate}.anim-flying-slow{transition:all ease-in-out .3s;animation:flying-top-to-bottom 5s ease-in-out infinite alternate}.anim-rotate{animation:rotate 240s linear infinite}.container{width:100%}@media (min-width: 576px){.container{width:540px}}@media (min-width: 768px){.container{width:720px}}@media (min-width: 992px){.container{width:960px}}@media (min-width: 1200px){.container{width:1200px}}.d-none{display:none!important}@media (min-width: 576px){.d-sm-none{display:none!important}}@media (min-width: 768px){.d-md-none{display:none!important}}@media (min-width: 992px){.d-lg-none{display:none!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}}@media (min-width: 1400px){.d-xxl-none{display:none!important}}@media (min-width: 576px){body .d-sm-none{display:none!important}}@media (min-width: 768px){body .d-md-none{display:none!important}}@media (min-width: 992px){body .d-lg-none{display:none!important}}@media (min-width: 1200px){body .d-xl-none{display:none!important}}@media (min-width: 1400px){body .d-xxl-none{display:none!important}}@media (min-width: 576px){body .d-sm-block{display:block!important}}@media (min-width: 768px){body .d-md-flex{display:flex!important}}@media (min-width: 1200px){body .d-xl-block{display:block!important}}.homepage{padding:30px 0 0;position:relative;z-index:0;overflow-x:hidden}@media (min-width: 768px){.homepage{padding:65px 0 0}}.homepage section{position:relative;padding:40px 0}@media (min-width: 992px){.homepage section{padding:50px 0}}@media (min-width: 1200px){.homepage section{padding:70px 0}}.homepage header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:all .32s}@media (max-width: 767px){.homepage header{padding-top:20px}}@media (min-width: 768px){.homepage header.has-bg nav>ul{background:#09051c6e;-webkit-backdrop-filter:blur(5px) brightness(.25);backdrop-filter:blur(5px) brightness(.25);border-radius:0 0 20px 20px}}.homepage header nav .menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;border-radius:100px;border:1px solid rgba(250,243,237,.6509803922);z-index:1;-webkit-backdrop-filter:blur(5px) brightness(.7);backdrop-filter:blur(5px) brightness(.7);font-size:1.5em}.homepage header nav .menu-btn span{height:2px;width:23px;background-color:#faf3eda6;margin:3px 0;transition:.4s;border-radius:10px}@media (min-width: 768px){.homepage header nav .menu-btn{display:none}}.homepage header nav input[name=mainMenu]{display:none}@media (max-width: 767px){.homepage header nav input[name=mainMenu]:checked~ul{opacity:1;pointer-events:unset}.homepage header nav input[name=mainMenu]:checked~.menu-btn:before{opacity:1;pointer-events:unset}}.homepage header nav ul{list-style:none;display:flex;transition:all ease .32s}@media (max-width: 767px){.homepage header nav ul{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all ease .3s;opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;flex-direction:column;gap:32px;text-align:center;overflow-y:auto;text-shadow:1px 1px 2px rgba(0,0,0,.1450980392);background-color:#09051cb3}.homepage header nav ul:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background:url(/assets/img_pattern-E_PXo7Dj.png) center center repeat;background-size:32em;opacity:.85;-webkit-backdrop-filter:brightness(.7);backdrop-filter:brightness(.7)}}@media (min-width: 768px){.homepage header nav ul{list-style:none;display:flex;gap:40px;justify-content:center;align-items:center;padding:25px 20px 20px;margin:0}}.homepage header nav ul a{font-size:28px;text-decoration:none;text-transform:uppercase;display:block;font-weight:600}@media (min-width: 768px){.homepage header nav ul a{font-size:18px}}@media (min-width: 992px){.homepage header nav ul a{font-size:20px}}.homepage .banner{height:100vh;padding-top:0}@media (min-width: 768px){.homepage .banner{height:60vw;max-height:90vh}}.homepage .banner>.container{height:100%;position:relative}.homepage .banner .colgroup .col.img{flex:1;height:100%}@media (max-width: 767px){.homepage .banner .colgroup .col.img{order:1}}@media (min-width: 1400px){.homepage .banner .colgroup .col.img{width:45%}}.homepage .banner .colgroup .col.img .img-wrap{transition:all ease .1s;transform-origin:top}@media (min-width: 768px){.homepage .banner .colgroup .col.img .img-wrap{padding-top:30px;transform-origin:center right}}@media (min-width: 1400px){.homepage .banner .colgroup .col.img .img-wrap{padding-top:50px;margin-left:-10%;margin-right:0%}.homepage .banner .colgroup .col.img .img-wrap img{width:90%}}@media (max-width: 767px){.homepage .banner .colgroup .col.txt{text-align:center}}.homepage .banner .colgroup .col.txt .txt-1{font-size:30px;font-size:clamp(1.3rem,2.083333vw,2rem);margin-bottom:10px}.homepage .banner .colgroup .col.txt .txt-2{font-size:26px;font-size:clamp(1.2rem,1.805555vw,1.8rem);margin-bottom:20px}.homepage .banner .colgroup .col.txt h1{font-size:50px;line-height:1.4;font-weight:900;font-size:clamp(3rem,16vw,6.25rem);margin-bottom:30px;text-transform:uppercase}@media (min-width: 768px){.homepage .banner .colgroup .col.txt h1{font-size:clamp(2rem,6vw,3rem)}}@media (min-width: 768px){.homepage .banner .colgroup .col.txt h1{font-size:clamp(2rem,6vw,5rem)}}.homepage .banner .colgroup .col.txt .tagline{margin:0 0 20px;padding:20px 0;display:flex;gap:25px;list-style:none;justify-content:center}@media (min-width: 768px){.homepage .banner .colgroup .col.txt .tagline{justify-content:flex-start}}.homepage .banner .colgroup .col.txt .tagline li{display:flex;align-items:center;gap:10px;font-size:1rem}@media (min-width: 1200px){.homepage .banner .colgroup .col.txt .tagline li{font-size:1.25rem}}.homepage .banner .colgroup .col.txt .tagline li:before{content:"";display:inline-block;width:10px;height:10px;border-radius:100px;background-color:var(--color-orange)}.homepage .banner .img-wrap-sat{position:absolute;bottom:30%;right:-4vw;width:25vw;z-index:-1;transform-origin:top right}@media (min-width: 768px){.homepage .banner .img-wrap-sat{top:100%;width:20vw;transform:translateY(-20%)}}@media (min-width: 1200px){.homepage .banner .img-wrap-sat{width:25vw;max-width:350px;transform:translateY(-30%)}}.homepage .about .container{position:relative;z-index:0}.homepage .about .img-wrap{position:absolute;right:0;top:90%;width:150%;margin-right:-100%;z-index:-1}@media (min-width: 768px){.homepage .about .img-wrap{width:120%;top:50%;margin-right:-100%}}@media (min-width: 1400px){.homepage .about .img-wrap{width:100%;transform:translateY(-50%)}}@media (min-width: 768px){.homepage .about .colgroup{align-items:center}}@media (max-width: 767px){.homepage .about p{text-align:center}}@media (min-width: 992px){.homepage .about p{font-size:1.125rem}}.homepage .about .hobby-list{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px;justify-content:center}@media (min-width: 768px){.homepage .about .hobby-list{gap:12px}}@media (min-width: 992px){.homepage .about .hobby-list{gap:25px;justify-content:flex-start}}.homepage .about .hobby-list li{width:70px;height:70px;background:linear-gradient(207.53deg,#f77749,#f77749 20%,#6a44af 80%,#6a44af);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}@media (min-width: 992px){.homepage .about .hobby-list li{border-radius:22px}}.homepage .about .hobby-list li .icon,.homepage .about .hobby-list li svg{height:25px}.homepage .about .hobby-list li .txt{font-size:.8rem}@media (min-width: 1200px){.homepage .about .hobby-list li{width:100px;height:100px}.homepage .about .hobby-list li .icon,.homepage .about .hobby-list li svg{height:40px}.homepage .about .hobby-list li .txt{font-size:1rem}}.homepage .skills .skills-wrap .swiperSkills .skill{border-radius:25px;padding:20px}@media (min-width: 768px){.homepage .skills .skills-wrap .swiperSkills .skill.four-cols>ul>li{width:25%!important}}.homepage .skills .skills-wrap .swiperSkills .skill>ul{display:flex;gap:30px;flex-direction:column}@media (min-width: 768px){.homepage .skills .skills-wrap .swiperSkills .skill>ul{gap:0;flex-direction:row}}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li{color:var(--color-dark)}@media (min-width: 768px){.homepage .skills .skills-wrap .swiperSkills .skill>ul>li{padding:0 var(--gutter-spacing)}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li:first-child{width:60%}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li:last-child{width:40%}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li:not(:last-child){border-right:1px solid rgba(250,243,237,.56)}}@media (min-width: 992px){.homepage .skills .skills-wrap .swiperSkills .skill>ul>li:first-child{width:60%}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li:last-child{width:40%}}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li>p{text-transform:uppercase;margin-bottom:10px;text-align:center;font-size:1.5rem;font-weight:900;color:var(--color-light);text-shadow:1px 1px 2px rgba(0,0,0,.1450980392)}@media (min-width: 768px){.homepage .skills .skills-wrap .swiperSkills .skill>ul>li>p{margin-bottom:20px}}@media (min-width: 992px){.homepage .skills .skills-wrap .swiperSkills .skill>ul>li>p{font-size:1.375}}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li>p~p{margin-top:20px}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li>ul{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.homepage .skills .skills-wrap .swiperSkills .skill>ul>li>ul li{font-size:14px;padding:5px 10px;border-radius:100px;background-color:var(--color-yellow)}.homepage .skills .skills-wrap .skills-pagination{padding-bottom:20px;top:unset;bottom:unset;position:relative;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media (min-width: 768px){.homepage .skills .skills-wrap .skills-pagination{gap:20px;padding-bottom:25px}}.homepage .skills .skills-wrap .skills-pagination .swiper-pagination-bullet{width:auto;height:auto;background:linear-gradient(270deg,#f777494d,#6a44af4d);border:1px solid rgba(255,255,255,.3);padding:8px 10px;margin:0;font-size:14px;opacity:.5}@media (min-width: 768px){.homepage .skills .skills-wrap .skills-pagination .swiper-pagination-bullet{font-size:18px;padding:10px 15px}}.homepage .skills .skills-wrap .skills-pagination .swiper-pagination-bullet:hover,.homepage .skills .skills-wrap .skills-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{text-shadow:1px 1px 2px rgba(0,0,0,.1450980392);background:linear-gradient(270deg,#f77749,#6a44af);border:1px solid rgb(255,255,255);opacity:1}.homepage .works .container{position:relative;z-index:0}.homepage .works .img-wrap{position:absolute;left:0;top:20%;width:42%;margin-left:-10%;z-index:-1;transform-origin:bottom left}@media (min-width: 992px){.homepage .works .img-wrap{width:33%;margin-left:-10%}}.homepage .works .img-wrap-sat{position:absolute;right:-5%;bottom:10%;width:30%;z-index:-1;transform-origin:bottom right}@media (min-width: 768px){.homepage .works .img-wrap-sat{bottom:-10%;right:-10%}}@media (min-width: 992px){.homepage .works .img-wrap-sat{width:20%;right:-5%}}.homepage .works .job-timeline{z-index:0;position:relative;max-width:calc(100% - 70px);margin:0 auto;padding-top:10px;padding-bottom:10px;padding-left:30px;max-width:300px}@media (max-width: 991px){.homepage .works .job-timeline{transform:translate(30px)}}@media (min-width: 992px){.homepage .works .job-timeline{padding-left:0;max-width:700px}}.homepage .works .job-timeline:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:var(--color-orange)}@media (min-width: 992px){.homepage .works .job-timeline:before{left:50%;transform:translate(-50%)}}.homepage .works .job-timeline .job{position:relative;display:table;padding:12px 15px;border-radius:25px;background:linear-gradient(207.53deg,#f77749,#f77749 20%,#6a44af 80%,#6a44af);text-shadow:1px 1px 2px rgba(0,0,0,.1450980392);color:var(--color-light);font-size:16px;z-index:0}@media (min-width: 992px){.homepage .works .job-timeline .job{padding:15px 25px;font-size:18px;width:calc((100% - 55px)/2)}.homepage .works .job-timeline .job:nth-of-type(2n){margin-left:auto}.homepage .works .job-timeline .job:nth-of-type(odd){text-align:right}.homepage .works .job-timeline .job:nth-of-type(odd):before{right:-34px;left:auto}.homepage .works .job-timeline .job:nth-of-type(odd):after{right:-34px;left:auto}}.homepage .works .job-timeline .job:before{content:"";width:12px;height:12px;position:absolute;left:-34px;background-color:var(--color-orange);border:3px solid var(--color-dark);border-radius:50%;box-sizing:border-box;top:50%;transform:translateY(-50%);z-index:1}.homepage .works .job-timeline .job:after{content:"";width:31px;height:3px;position:absolute;left:-31px;background-color:var(--color-orange);top:50%;transform:translateY(-50%);z-index:-1}.homepage .works .job-timeline .job.current{background-color:var(--color-yellow)}.homepage .works .job-timeline .job__title{position:relative;font-weight:900}@media (min-width: 992px){.homepage .works .job-timeline .job__title{margin-bottom:3px}}.homepage .works .job-timeline .job__company{font-size:85%}.homepage .works .job-timeline .job__time{font-size:80%}@media (min-width: 992px){.homepage .works .job-timeline .job__time{margin-top:3px}}.homepage .works .job-timeline .job>p>span{display:block}.homepage .works .job-timeline .job~.job{margin-top:30px}@media (min-width: 992px){.homepage .works .job-timeline .job~.job{margin-top:-10px}}@media (min-width: 768px){.homepage .education .edu-list{display:flex;gap:50px}.homepage .education .edu-list li{width:calc((100% - 50px)/2)}.homepage .education .edu-list li .edu{height:100%}}.homepage .education .edu-list li .edu{display:flex;align-items:center;gap:15px;padding:15px;color:var(--color-light);border-radius:25px;text-decoration:none;transition:all ease-in-out .3s;text-shadow:1px 1px 2px rgba(0,0,0,.1450980392)}@media (min-width: 992px){.homepage .education .edu-list li .edu{padding:20px}}.homepage .education .edu-list li .edu:hover:before{background-position:100% 100%}.homepage .education .edu-list li .edu:hover .link{background-color:var(--color-orange)}.homepage .education .edu-list li .edu-img{width:80px;height:80px;border-radius:25px;display:flex;background:var(--color-light);align-items:center;justify-content:center}.homepage .education .edu-list li .edu-img img{width:70%}.homepage .education .edu-list li .edu-img.hcm-uit{background:#fff url(/assets/logo_hcmuit_2023-BMMBc4DS.svg) center no-repeat;background-size:79%}.homepage .education .edu-list li .edu-img.hcm-us{background:#fff url(/assets/logo_hcmus_2023-Ux8xTc_b.svg) center no-repeat;background-size:79%}.homepage .education .edu-list li .edu-content{flex:1;font-size:14px}.homepage .education .edu-list li .edu-content .university{font-size:16px;font-weight:900}.homepage .education .edu-list li .edu-content .link{margin-top:8px;display:block;padding:3px 10px;transition:all ease-in .3s;width:-moz-fit-content;width:fit-content;border-radius:100px;background-color:var(--color-dark)}.homepage .education .edu-list li .edu~.edu{margin-top:20px}@media (max-width: 767px){.homepage .education .edu-list li~li{margin-top:25px}}.homepage .certificates .certificate-wrap .swiper{width:100%;max-width:340px;margin:0 auto;padding:30px 0;overflow:visible}@media (min-width: 768px){.homepage .certificates .certificate-wrap .swiper{max-width:510px}}@media (min-width: 1200px){.homepage .certificates .certificate-wrap .swiper{max-width:680px}}.homepage .certificates .certificate-wrap .swiper-pagination{padding-top:20px;top:unset;bottom:unset;position:relative;--swiper-pagination-bullet-inactive-color: var(--color-yellow);--swiper-pagination-color: var(--color-yellow)}.homepage .certificates .certificate-wrap .swiper-pagination .swiper-pagination-bullet{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;text-decoration:none!important;cursor:pointer}.homepage .certificates .certificate-wrap .swiper-pagination .custom-pagination-bullet{width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center;border-radius:100px;background:linear-gradient(207.53deg,#f77749,#f77749 20%,#6a44af 80%,#6a44af);margin:0 5px;font-size:14px;line-height:1;color:var(--color-light);transition:opacity .3s ease,transform .3s ease}.homepage .certificates .certificate-wrap .swiper-pagination .custom-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.5}.homepage .certificates .certificate-wrap .swiper-pagination .custom-pagination-bullet:hover{opacity:1!important;transform:scale(1.1)}@media (min-width: 768px){.homepage .certificates .certificate-wrap .swiper-pagination .custom-pagination-bullet{margin:0 7px}}.homepage .certificates .swiperCertificates .swiper-slide{transition:filter .4s ease;opacity:1!important;filter:grayscale(100%)}.homepage .certificates .swiperCertificates .swiper-slide.swiper-slide-active{filter:grayscale(0%)}.homepage .certificates .swiperCertificates .certificate{padding:12px;background:linear-gradient(207.53deg,#f77749,#f77749 20%,#6a44af 80%,#6a44af)}@media (min-width: 768px){.homepage .certificates .swiperCertificates .certificate{padding:18px}}@media (min-width: 1200px){.homepage .certificates .swiperCertificates .certificate{padding:24px}}.homepage .certificates .swiperCertificates .certificate .certificate-content{color:var(--color-light);background:#09051ccc;padding:20px;display:flex;text-align:center;height:100%;min-height:200px;gap:15px;flex-direction:column;justify-content:space-between;text-decoration:none;clip-path:polygon(0% 12px,12px 12px,12px 0%,calc(100% - 12px) 0%,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0% calc(100% - 12px))}@media (min-width: 768px){.homepage .certificates .swiperCertificates .certificate .certificate-content{min-height:300px;padding:30px}}@media (min-width: 1200px){.homepage .certificates .swiperCertificates .certificate .certificate-content{min-height:400px;padding:40px}}.homepage .certificates .swiperCertificates .certificate .certificate-content>span{display:block}.homepage .certificates .swiperCertificates .certificate .certificate-content .by{font-size:1em}@media (min-width: 768px){.homepage .certificates .swiperCertificates .certificate .certificate-content .by{font-size:1.2em}}@media (min-width: 1200px){.homepage .certificates .swiperCertificates .certificate .certificate-content .by{font-size:1.5em}}.homepage .certificates .swiperCertificates .certificate .certificate-content .credit{font-size:1.2em;font-weight:900}@media (min-width: 768px){.homepage .certificates .swiperCertificates .certificate .certificate-content .credit{font-size:1.8em}}@media (min-width: 1200px){.homepage .certificates .swiperCertificates .certificate .certificate-content .credit{font-size:2.5em}}.homepage .certificates .swiperCertificates .certificate .certificate-content .link{font-size:.9rem;font-weight:700;padding:8px 24px;border-radius:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-light);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0003;width:-moz-fit-content;width:fit-content;margin:0 auto;transition:all ease-in .3s;text-decoration:none}.homepage .certificates .swiperCertificates .certificate .certificate-content .link i{transition:transform .3s ease}.homepage .certificates .swiperCertificates .certificate .certificate-content .link:hover{background:var(--color-yellow);color:var(--color-dark);border-color:var(--color-yellow);box-shadow:0 0 20px #f7d03966}.homepage .certificates .swiperCertificates .certificate .certificate-content .link:hover i{transform:translate(5px)}.homepage .projects .project-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:20px}@media (min-width: 768px){.homepage .projects .project-list{gap:30px}}@media (min-width: 1400px){.homepage .projects .project-list{gap:40px}}.homepage .projects .project-list .project{width:calc((100% - 20px)/2);height:auto;padding:3px;background:linear-gradient(207.53deg,#f77749,#f77749 20%,#6a44af 80%,#6a44af);border-radius:25px}@media (min-width: 768px){.homepage .projects .project-list .project{width:calc((100% - 60px) / 3)}}@media (min-width: 992px){.homepage .projects .project-list .project{width:calc((100% - 90px)/4)}}@media (min-width: 1400px){.homepage .projects .project-list .project{width:calc((100% - 120px)/4)}}.homepage .projects .project-list .project>.project-content{display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--color-light);border-radius:15px;position:relative;padding:5px 15px 20px}.homepage .projects .project-list .project>.project-content:before{display:block;box-sizing:border-box;border-top-left-radius:19px;border-top-right-radius:19px;content:attr(data-year);font-size:12px;color:#fff;font-weight:500;padding:5px 12px;width:100%;text-align:center;transition:all ease-in .3s}@media (min-width: 992px){.homepage .projects .project-list .project>.project-content:before{font-size:14px;padding:4px 15px}}.homepage .projects .project-list .project>.project-content:hover>span:after{border-top-color:var(--color-yellow);transform:translate(-50%,calc(100% + 10px))}.homepage .projects .project-list .project>.project-content>span{font-size:18px;font-weight:600;text-align:center;line-height:1.25;min-height:80px;display:flex;justify-content:center;align-items:center;position:relative;color:var(--color-dark);border-radius:10px;padding:7px;background:#fff}@media (min-width: 992px){.homepage .projects .project-list .project>.project-content>span{padding:10px}}.homepage .projects .project-list .project>.project-content>span:after{content:"";width:0px;height:0px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--color-light);position:absolute;bottom:-3px;left:50%;transform:translate(-50%,calc(100% + 5px));transition:all ease-in .35s}@media (min-width: 992px){.homepage .projects .project-list .project>.project-content>span{font-size:20px;min-height:90px}}.homepage .projects .project-list .project>.project-content.pj-phonginfo>span{background:var(--color-dark) url(https://phong.info/og_image.jpg) no-repeat;background-size:contain;background-position:center bottom}.homepage .projects .project-list .project>.project-content.pj-qrgen>span{background:var(--color-yellow) url(https://qr.phong.info/img/og_image.png) no-repeat;background-size:contain;background-position:center bottom}.homepage .projects .project-list .project>.project-content.pj-teaplus>span{background:#fff url(/assets/logo_teaplus-Brq52Uhk.png) no-repeat;background-size:80%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-kose>span{background:#fff url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20103.038%2020.703'%3e%3cg%20transform='translate(0%200.983)'%3e%3cpath%20d='M125.566,426.064c-2.874,0-3.764.181-4.514.517a3.769,3.769,0,0,0-2.264,2.963,39.449,39.449,0,0,0-.418,6.1,38.361,38.361,0,0,0,.379,5.914,3.89,3.89,0,0,0,2.724,3.183,13.352,13.352,0,0,0,4.093.324,14.758,14.758,0,0,0,3.878-.3,3.705,3.705,0,0,0,2.793-2.83,31.883,31.883,0,0,0,.393-6.292,37.716,37.716,0,0,0-.422-6.231,3.712,3.712,0,0,0-2.59-2.994A13.273,13.273,0,0,0,125.566,426.064Z'%20transform='translate(-118.37%20-425.569)'%20fill='%23418fde'/%3e%3cpath%20d='M153.75,427.952c-2.091,1.969-2.616,2.71-2.933,3.468a3.777,3.777,0,0,0,.38,3.711,39.423,39.423,0,0,0,3.877,4.734,38.444,38.444,0,0,0,4.327,4.046,3.886,3.886,0,0,0,4.165.452,13.284,13.284,0,0,0,3.2-2.567,14.679,14.679,0,0,0,2.621-2.875,3.7,3.7,0,0,0,.1-3.973,31.811,31.811,0,0,0-4.025-4.853,37.867,37.867,0,0,0-4.576-4.252,3.713,3.713,0,0,0-3.937-.405A13.3,13.3,0,0,0,153.75,427.952Z'%20transform='translate(-134.853%20-425.048)'%20fill='%23418fde'/%3e%3c/g%3e%3cg%20transform='translate(44.617)'%3e%3cg%20transform='translate(0%204.013)'%3e%3cpath%20d='M227.62,431.788h0Z'%20transform='translate(-219.039%20-431.537)'%20fill='%237c878e'/%3e%3cpath%20d='M284.4,436.444a2.142,2.142,0,0,1,.332-3.8,3.393,3.393,0,0,1,1.435-.309,3.3,3.3,0,0,1,2.63,1.122l.48-1.569a9.066,9.066,0,0,0-3.221-.614c-2.413,0-4.6,1.365-4.6,3.684,0,3.14,3.544,3.764,5.276,5.2,2.172,1.8.721,4.713-1.918,4.713a4.958,4.958,0,0,1-3.1-1.273l-.4,1.625a9.423,9.423,0,0,0,3.784.839c2.45,0,4.736-1.407,4.736-4.247C289.837,438.837,286.348,437.8,284.4,436.444Z'%20transform='translate(-246.589%20-431.272)'%20fill='%237c878e'/%3e%3cpath%20d='M248.3,431.331c-4.287,0-6.565,3.4-6.565,7.366,0,4.328,2.513,7.428,6.558,7.428,3.954,0,6.653-2.765,6.653-7.428C254.944,434.381,252.5,431.331,248.3,431.331Zm-.008,13.727c-2.8,0-4.376-2.749-4.376-6.387,0-3.6,1.686-6.277,4.4-6.277,3.149,0,4.454,3.038,4.454,6.277C252.766,442.4,251.164,445.058,248.292,445.058Z'%20transform='translate(-226.281%20-431.302)'%20fill='%237c878e'/%3e%3cpath%20d='M217.991,442.433c-1.265-1.341-3.593-3.914-3.593-3.914s2.054-2.309,3.2-3.513,3.256-3.189,3.256-3.189h0a8.164,8.164,0,0,1-1.137.069,8.406,8.406,0,0,1-1.136-.069s-1.91,2.162-3.077,3.339-3.264,3.343-3.281,3.359c.006-4.471.125-6.7.125-6.7a10.07,10.07,0,0,1-2.349,0s.124,2.352.124,7.087-.124,7.075-.124,7.087a10.224,10.224,0,0,1,2.349,0c0-.013-.125-2.366-.125-7.087v-.385c.017.016,2.209,2.329,3.467,3.748,1.2,1.357,3.236,3.725,3.236,3.725a10.707,10.707,0,0,1,1.264-.068,12.635,12.635,0,0,1,1.325.068S219.256,443.776,217.991,442.433Z'%20transform='translate(-209.998%20-431.552)'%20fill='%237c878e'/%3e%3cpath%20d='M321.623,444.72s-1.481.094-3.987.094c-.6,0-1.161-.007-1.639-.015-.021-.677-.044-1.673-.059-2.914-.011-.766-.017-1.671-.017-2.652.193,0,.4,0,.642,0,2.286,0,2.51,0,4.546.061a2.986,2.986,0,0,1-.052-.6,4.923,4.923,0,0,1,.03-.6c-2.028.062-2.255.06-4.537.06l-.642,0c0-.82.02-1.588.03-2.249.015-1.231.038-2.212.059-2.887.449-.006.972-.013,1.523-.013,2.431,0,3.875.093,3.875.093a2.044,2.044,0,0,1-.05-.542,5.788,5.788,0,0,1,.05-.731s-1.443.079-3.875.079c-1.611,0-2.776-.035-3.367-.058l-.458-.027v.006h0v.01c.008.158.123,2.5.123,7.072,0,4.736-.124,7.09-.124,7.09s1.433-.079,3.94-.079,3.982.079,3.986.079a5.367,5.367,0,0,1-.049-.705A2.433,2.433,0,0,1,321.623,444.72Z'%20transform='translate(-263.202%20-431.552)'%20fill='%237c878e'/%3e%3c/g%3e%3cpath%20d='M320.319,425.691a2.031,2.031,0,0,0-.38-.209c-.229-.1-.458-.167-.458-.167a11.854,11.854,0,0,0,2.131-1.853,1.453,1.453,0,0,1,.578-.394.836.836,0,0,1,1.063,1,1.422,1.422,0,0,1-.658.8,5.587,5.587,0,0,1-1.055.5,5.314,5.314,0,0,1-1.067.3C320.435,425.678,320.319,425.691,320.319,425.691Z'%20transform='translate(-266.17%20-423.03)'%20fill='%237c878e'/%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:85%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-infroneer>span{background:#fff url(/assets/logo_infroneer-B3KK2gvP.svg) no-repeat;background-size:auto 85%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-sakata>span{background:#fff url(/assets/logo_sakata-oD4F6tVT.png) no-repeat;background-size:65%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-kikumasamune>span{background:#fff url(/assets/logo_kikumasamune-C9uHLUuH.svg) no-repeat;background-size:80%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-topvalu>span{background:#fff url(/assets/logo_topvalu-UZIzVzKI.png) no-repeat;background-size:75%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-bictaglabel>span{background:#fff url(/assets/logo_bicoriginal_taglabel-C8rGxQ-0.svg) no-repeat;background-size:80%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-bicbasic>span{background:#fff url(/assets/logo_bicoriginal_basic-C7v8pFOg.svg) no-repeat;background-size:85%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-bicselect>span{background:#fff url(/assets/logo_bicoriginal_select-BevC5GOo.svg) no-repeat;background-size:85%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-bicoriginal>span{background:#fff url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.3.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='レイヤー_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20213.5%20246.2'%20style='enable-background:new%200%200%20213.5%20246.2;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23E60012;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M18.3,216c-1.8-1-3.9-1.4-6.3-1.4S7.5,215,5.7,216c-1.8,1-3.2,2.3-4.2,4.1c-1,1.8-1.5,3.8-1.5,6.1v8.3%20c0,2.3,0.5,4.4,1.5,6.1c1,1.8,2.4,3.1,4.2,4.1c1.8,0.9,3.9,1.4,6.3,1.4s4.5-0.5,6.3-1.4c1.8-1,3.2-2.3,4.2-4.1%20c1-1.8,1.5-3.8,1.5-6.1v-8.3c0-2.3-0.5-4.4-1.5-6.1C21.6,218.3,20.1,217,18.3,216%20M12,240.6c-1.8,0-3.2-0.5-4.3-1.6%20c-1.1-1.1-1.6-2.5-1.6-4.3v-8.6c0-1.8,0.5-3.2,1.6-4.3c1.1-1.1,2.5-1.6,4.3-1.6s3.2,0.5,4.3,1.6c1.1,1.1,1.6,2.5,1.6,4.3v8.6%20c0,1.8-0.5,3.2-1.6,4.3C15.2,240,13.8,240.6,12,240.6'/%3e%3cpath%20class='st0'%20d='M51.4,232.3c1.4-0.8,2.5-1.9,3.2-3.3c0.8-1.4,1.1-3,1.1-4.8c0-1.8-0.4-3.5-1.1-4.9c-0.8-1.4-1.9-2.5-3.2-3.3%20s-3-1.2-4.8-1.2h-13c-0.7,0-1.3,0.6-1.3,1.3v28.4c0,0.7,0.6,1.3,1.3,1.3h3.4c0.7,0,1.3-0.6,1.3-1.3v-11.1h5.4l6.5,11.8%20c0.2,0.4,0.7,0.7,1.2,0.7H56c0.8,0,1.2-0.8,0.9-1.5l-6.6-11.6C50.6,232.7,51,232.5,51.4,232.3%20M49.4,224.1c0,1.2-0.3,2.1-0.8,2.8%20c-0.5,0.6-1.2,1-2,1h-8.4v-7.6h8.4c0.8,0,1.5,0.3,2,1C49.2,222,49.4,222.9,49.4,224.1'/%3e%3cpath%20class='st0'%20d='M65.3,245.9h3.4c0.7,0,1.3-0.6,1.3-1.3v-28.4c0-0.7-0.6-1.3-1.3-1.3h-3.4c-0.7,0-1.3,0.6-1.3,1.3v28.4%20C64,245.3,64.6,245.9,65.3,245.9'/%3e%3cpath%20class='st0'%20d='M112.3,245.9h3.4c0.7,0,1.3-0.6,1.3-1.3v-28.4c0-0.7-0.6-1.3-1.3-1.3h-3.4c-0.7,0-1.3,0.6-1.3,1.3v28.4%20C111,245.3,111.5,245.9,112.3,245.9'/%3e%3cpath%20class='st0'%20d='M145.3,235l-13.5-19.5c-0.2-0.4-0.7-0.6-1.1-0.6h-3.2c-0.7,0-1.3,0.6-1.3,1.3v28.3c0,0.7,0.6,1.3,1.3,1.3h3.4%20c0.7,0,1.3-0.6,1.3-1.3v-18.4l13.5,19.2c0.2,0.4,0.7,0.6,1.1,0.6h3.3c0.7,0,1.3-0.6,1.3-1.3v-28.3c0-0.7-0.6-1.3-1.3-1.3h-3.4%20c-0.7,0-1.3,0.6-1.3,1.3L145.3,235L145.3,235z'/%3e%3cpath%20class='st0'%20d='M169,215.7l-11.6,28.8c-0.3,0.7,0.2,1.4,0.9,1.4h4.1c0.6,0,1.1-0.3,1.2-0.9l2.1-5.6h11.8l2.1,5.6%20c0.2,0.5,0.7,0.9,1.2,0.9h4.1c0.7,0,1.2-0.7,0.9-1.4l-11.6-28.8c-0.2-0.5-0.7-0.8-1.2-0.8h-3.1C169.7,214.9,169.2,215.2,169,215.7%20M175.7,233.9h-7.7l3.9-10.4L175.7,233.9z'/%3e%3cpath%20class='st0'%20d='M198.6,240.4v-24.2c0-0.7-0.6-1.3-1.3-1.3h-3.4c-0.7,0-1.3,0.6-1.3,1.3v28.4c0,0.7,0.6,1.3,1.3,1.3h18.3%20c0.7,0,1.3-0.6,1.3-1.3v-2.8c0-0.7-0.6-1.3-1.3-1.3H198.6z'/%3e%3cpath%20class='st0'%20d='M101.2,228.5h-10c-0.7,0-1.3,0.6-1.3,1.3v2.8c0,0.7,0.6,1.3,1.3,1.3l5.2,0v0.5c0,2-0.5,3.5-1.6,4.5%20c-1.1,1.1-2.4,1.6-4.2,1.6c-1.8,0-3.3-0.5-4.4-1.5c-1.1-1-1.6-2.3-1.6-4v-8.7c0-1.9,0.5-3.4,1.6-4.5c1.1-1.1,2.4-1.7,4.2-1.7%20c1.2,0,2.3,0.4,3.4,1.1c0.9,0.6,1.6,1.4,2,2.7c0.2,0.5,0.7,0.9,1.3,0.9h3.8c0.9,0,1.5-0.8,1.3-1.7c-0.5-1.8-1.2-3.1-2.1-4.2%20c-1.1-1.4-2.5-2.5-4.1-3.3s-3.5-1.2-5.4-1.2c-2.4,0-4.5,0.5-6.3,1.5c-1.8,1-3.2,2.4-4.2,4.1c-1,1.8-1.5,3.8-1.5,6.2v8.7%20c0,2.2,0.5,4.2,1.5,5.9c1,1.7,2.4,3,4.3,3.9c1.8,0.9,3.9,1.4,6.3,1.4c2.4,0,3.7-0.5,5.5-1.5c0.5-0.3,0.9-0.5,1.4-0.9v0.7%20c0,0.7,0.6,1.3,1.3,1.3h2.5c0.7,0,1.3-0.6,1.3-1.3v-14.7C102.5,229.1,102,228.5,101.2,228.5'/%3e%3c/g%3e%3cg%3e%3cpath%20class='st0'%20d='M89.4,126.4c6.9,2.8,19.4,5.5,38.7,2.1c16.6-2.9,19.7-11.6,18.3-19.6c-1.5-8.6-9.5-10.8-15-11.3%20c-12.2,5.4-24.5,9.4-33.2,11.9L89.4,126.4z'/%3e%3cg%3e%3cpath%20class='st0'%20d='M106.8,0C69.9,0,38.1,21.6,23.3,52.7c36.5-6.4,98.3-17.3,106.5-18.8c11.8-2.1,39-6.3,43.2,17.6%20c3,17.2-12.2,30.8-30.6,40.7c12,1,22.8,5.9,24.9,17.5c2.6,14.6-13.9,25.3-33.8,28.9c-21.3,3.7-42.7-2.9-47.9-4.7l-12.8,24.5%20l-22.2,3.9l45.7-91.6l24.4-4.3L103,100.3c21.1-8.9,53.4-25.5,50.4-43.1c-0.8-4.6-3.4-9.7-20.7-6.7c-15.7,2.8-102.3,27.5-117.8,32%20c-0.4,3.3-0.6,6.6-0.6,9.9c0,51.1,41.4,92.4,92.4,92.4s92.4-41.4,92.4-92.4S157.8,0,106.8,0'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:auto 80%;background-position:center}.homepage .projects .project-list .project>.project-content.pj-bickids>span{background:#fff url(/assets/logo_bickids-DCbw6Qm_.svg) no-repeat;background-size:90%;background-position:center}.homepage .projects .project-list .project input[type=checkbox]{display:none}.homepage .projects .project-list .project input[type=checkbox]:checked~label span:after{opacity:0}.homepage .projects .project-list .project input[type=checkbox]:checked~label dl{pointer-events:auto}.homepage .projects .project-list .project input[type=checkbox]:checked~label dl dt,.homepage .projects .project-list .project input[type=checkbox]:checked~label dl dd{max-height:360px;margin-top:8px;opacity:1;transition:all ease-in .25s 0s,max-height ease-in .35s 0s,opacity ease-in .2s .35s}.homepage .projects .project-list .project dl{padding-top:5px;margin-bottom:0;pointer-events:none}.homepage .projects .project-list .project dl dt,.homepage .projects .project-list .project dl dd{font-size:12px;margin-top:0;margin-bottom:0;max-height:0;opacity:0;transition:all ease-in .25s .35s,max-height ease-in .35s .35s,opacity ease-in .2s 0s}@media (min-width: 992px){.homepage .projects .project-list .project dl dt,.homepage .projects .project-list .project dl dd{font-size:14px}}.homepage .projects .project-list .project dl a{font-size:12px;font-weight:500;word-wrap:break-word;text-decoration:underline;color:var(--color-yellow)}.homepage .projects .project-list .project dl a:hover{opacity:.7}@media (min-width: 992px){.homepage .projects .project-list .project dl a{font-size:14px}}.homepage .footer{padding:25vh 0 20px;background:url(/assets/img_bg_footer-B5IEnJm3.png) top center no-repeat;background-size:cover}@media (min-width: 1200px){.homepage .footer{padding-top:25vh}}.homepage .footer .gotop>.btn-go-top{width:50px;display:block;margin:0 auto;text-decoration:none;position:relative}.homepage .footer .gotop>.btn-go-top:before{content:"Go to top";position:absolute;width:24px;top:0;left:calc(100% + 0px);text-align:left;padding:revert-layer;text-transform:uppercase;font-size:10px;font-weight:200;color:var(--color-yellow)}@media (min-width: 768px){.homepage .footer .gotop>.btn-go-top{width:60px}.homepage .footer .gotop>.btn-go-top:before{font-size:12px;width:28px}}.homepage .footer .gotop>.btn-go-top img{width:100%;display:block}.homepage .footer .copyright{text-align:center}body{padding:0;margin:0;overflow-x:hidden;font-family:Be Vietnam Pro,sans-serif;font-weight:400;font-style:normal;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.5;color:var(--color-light);background-color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:0}body *{box-sizing:border-box}canvas,#backgroundUniverse{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}.container{padding:0 var(--gutter-spacing);margin:0 auto}.font-slim{font-weight:200}strong{font-weight:900}b{font-weight:600}.txt-yellow{color:var(--color-yellow)}.txt-orange{color:var(--color-orange)}.txt-dark{color:var(--color-dark)}a{color:var(--color-light);text-decoration:underline;text-decoration-line:dotted;transition:all ease var(--animation-time)}a:hover{color:var(--color-yellow)}i{font-style:italic}img{max-width:100%;display:block}p{margin-bottom:15px}@media (min-width: 992px){p{margin-bottom:20px}}p:last-child{margin-bottom:0}.title{text-transform:uppercase;font-weight:900;font-size:clamp(2.5rem,3.5vw,3.25rem);margin-bottom:25px;text-align:center}@media (min-width: 992px){.title{margin-bottom:30px}}@media (min-width: 1200px){.title{margin-bottom:40px}}.btn{font-size:18px;font-weight:900;border-radius:200px;padding:8px 20px;border:1px solid var(--color-light);color:var(--color-light);background-color:transparent;cursor:pointer;transition:all ease var(--animation-time);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-decoration:none}@media (min-width: 992px){.btn{font-size:22px;padding:12px 28px}}.btn:hover{background-color:var(--color-violet);color:var(--color-light)}.btn.btn-primary{background:linear-gradient(270deg,#f777494d,#6a44af4d);border:1px solid rgba(255,255,255,.3)}.btn.btn-primary:hover,.btn.btn-primary.active,.swiper-slide-thumb-active .btn{text-shadow:1px 1px 2px rgba(0,0,0,.1450980392);background:linear-gradient(270deg,#f77749,#6a44af);border:1px solid rgb(255,255,255)}.colgroup{margin-left:calc(var(--gutter-spacing) * -1);margin-right:calc(var(--gutter-spacing) * -1);display:flex;flex-direction:column;height:100%;gap:40px}@media (min-width: 768px){.colgroup{align-items:center;flex-direction:row;gap:0}}.colgroup .col{padding:0 var(--gutter-spacing)}@media (min-width: 768px){.colgroup .col{width:50%}}.btn-group{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.btn-group{gap:25px;justify-content:flex-start}}@media (min-width: 1200px){.btn-group{gap:30px}}.bg-pattern{position:relative;overflow:hidden;z-index:0;background:linear-gradient(207.53deg,#f77749,#f77749 20%,#6a44af 80%,#6a44af)}.bg-pattern:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:var(--color-light) url(/assets/img_pattern-E_PXo7Dj.png) center center repeat;background-size:30rem;z-index:-1;opacity:.1;transition:background-position ease-in-out 1s}.txt-outline{-webkit-text-stroke:1.25px var(--color-orange);-webkit-text-fill-color:transparent}@media (min-width: 992px){.txt-outline{-webkit-text-stroke:1.7px var(--color-orange)}}.svgGradient{display:inline-block;width:100%;height:auto;text-align:center}