.process-page{background:url(../../images/pages/home/quality_bg.webp) 50% 50% no-repeat;background-size:cover;margin:4rem auto 70px;max-width:1920px;padding:0 15px}.process-page .text-center{text-align:center}.process-page .img-center{padding-top:9.5rem;width:720px}.process-page .title-text{margin-bottom:4rem;text-align:center}.process-page .title-text .badge{background:rgba(57,157,243,.07);border-radius:40px;color:#399df3;display:inline-block;font-size:20px;font-style:normal;font-weight:700;gap:10px;height:40px;letter-spacing:2px;margin:0 auto;padding:8px 20px;text-transform:uppercase}.process-page .title-text .title{color:#262c31;font-size:44px;font-style:normal;font-weight:700;letter-spacing:3px;line-height:52px;margin:15px auto;max-width:100%;width:600px}.process-page .box-process{border-radius:8px;box-shadow:8px -4px 40px 0 rgba(60,99,168,.059);box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 auto 1.5rem;max-width:600px;padding:16px}.process-page .box-process .box-step{align-items:center;color:#262c31;flex-basis:140px;font-size:32px;font-weight:700;letter-spacing:1.2px;line-height:28px;min-width:-moz-max-content;min-width:max-content;padding-top:5px}.process-page .box-process .box-step>img{height:32px;width:32px}.process-page .box-process .detail{color:#262c31;flex-basis:calc(100% - 140px);font-size:26px;font-weight:300;letter-spacing:.8px;line-height:36px}.process-page .title-mobile{display:none}@media only screen and (max-width:1024px){.process-page .title-mobile{display:block}.process-page .title-mobile .title.cn,.process-page .title-mobile .title.jp{font-size:26px}.process-page .title-desktop{display:none}.process-page .box-process{display:flex;flex-direction:row;flex-wrap:nowrap;gap:40px;max-width:100%}.process-page .box-process .box-step{flex-basis:0px;font-family:DB_Adman,sans-serif;font-size:28px;font-weight:700;letter-spacing:.8px;line-height:28px;padding-top:0;text-align:left;white-space:nowrap}.process-page .box-process .detail{font-family:DB_Adman,sans-serif;font-size:20px;font-weight:300;letter-spacing:.05em;line-height:28px;text-align:left}.process-page .title-text{margin:0 auto}.process-page .title-text .title{font-family:DB_Adman,sans-serif;font-size:36px;font-weight:400;letter-spacing:.005em;line-height:40px;text-align:center;text-transform:capitalize;width:100%}.process-page .title-text .badge{font-size:16px}.process-page .img-center{height:516px;max-width:516px;padding:20px 0;width:100%}}@media screen and (max-width:768px){.process-page .box-process{padding-left:20px;padding-right:20px}.process-page .box-process .box-step{font-size:20px;margin-bottom:.75rem;max-width:100%}.process-page .box-process .detail{flex-basis:100%;font-size:16px;line-height:23px;max-width:100%}.process-page .title-text{margin-top:48px}.process-page .title-text .title{color:var(--black);font-size:28px;font-weight:400;letter-spacing:.005em;line-height:30px;text-align:center}.process-page .title-text .badge{font-size:16px;line-height:24px}.process-page .img-center{height:375px}}@media only screen and (max-width:576px){.process-page .box-process .box-step{font-size:20px;line-height:20px}.process-page .box-process .detail{font-size:16px;line-height:23px}.process-page .img-center{height:300px}}@media only screen and (max-width:430px){.process-page .process-page{margin-top:64px}.process-page .title-text{margin:32px 0 0}.process-page .title-text .title{color:var(--black);font-size:28px;font-weight:400;letter-spacing:.005em;text-align:center}.process-page .box-process{flex-wrap:wrap;gap:10px;margin-bottom:16px}.process-page .box-process .box-step{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:0}.process-page .img-center{padding-top:0}}
