strong[data-v-a505b41e] {
    color: #fff;
    font-size: 1rem;
    line-height: 2.5rem
}

em[data-v-a505b41e] {
    color: #56ece3;
    font-weight: 700;
    font-style: normal
}

:root {
    --c-purple: #583480;
    --c-dark-purple: #639;
    --c-light-purple: #8e6baf;
    --c-teal: #56ece3
}

body,
html {
    overflow-x: hidden
}

.font-teal {
    color: var(--c-teal) !important
}

.font-purple {
    color: var(--c-purple) !important
}

.cust-grid-stack-ctnr {
    display: grid;
    width: 100%;
    place-items: center;
    grid-template-areas: "inner-div"
}

.cust-grid-stack-item {
    height: 100%;
    width: 100%;
    grid-area: inner-div
}

.cust-hero-ctnr {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.cust-hero-item {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

strong {
    color: var(--c-purple);
    font-size: 1.5em
}

em {
    color: var(--c-teal);
    font-weight: 700;
    font-style: normal
}

.cust-bg-color-purple strong {
    color: #fff
}

.cust-bg-color-white strong {
    color: var(--c-purple)
}

.router-link-exact-active,
a {
    color: inherit;
    background: inherit;
    text-decoration: none
}

.cust-app-bar-hero {
    background-color: transparent !important
}

.cust-app-bar,
.cust-bg-color-purple,
html {
    background-color: var(--c-purple) !important
}

.cust-bg-color-teal {
    background-color: var(--c-teal) !important
}

.cust-bg-color-white {
    background-color: #fff !important
}

html {
    font-family: Poppins !important;
    font-size: 17px
}

.c-nav-item {
    color: #fff;
    font-size: 15px
}

.c-nav-item:hover {
    color: var(--c-teal)
}

.c-mouse-over-teal:hover {
    color: #56ece3
}

.c-mouse-over-white:hover {
    color: #fff
}

.mobile-home-header-div {
    line-height: 1.2em
}

.mobile-home-header-em {
    font-size: 22px;
    color: var(--c-teal) !important
}

.mobile-home-header {
    font-size: 22px
}

.mobile-home-header-text {
    font-size: 12px;
    font-weight: lighter
}

.mobile-home-ourbrands-header-div {
    line-height: 1.2em
}

.mobile-home-ourbrands-header-em {
    font-size: 22px;
    color: var(--c-teal) !important
}

.mobile-home-ourbrands-header {
    font-size: 22px
}

.mobile-home-ourbrands-header-text {
    font-size: 12px;
    font-weight: lighter
}

.mobile-home-cp-header-em {
    font-size: 22px;
    color: var(--c-teal) !important
}

.mobile-home-cp-text {
    font-size: 12px
}

.c-home-header-div {
    line-height: 1.8em
}

.c-home-header-em {
    color: var(--c-teal);
    font-size: 24pt;
    font-weight: 400
}

.c-home-header {
    font-size: 24pt;
    font-weight: 400;
    color: #fff
}

.mobile-home-brands-title-em {
    color: var(--c-teal) !important
}

.mobile-home-brands-title,
.mobile-home-brands-title-em {
    font-size: 22px;
    line-height: 1.2em
}

.c-home-brands-title-div {
    line-height: 1.8em
}

.c-home-brands-title-em {
    color: var(--c-teal) !important;
    font-size: 24pt
}

.c-home-brands-title {
    font-size: 24pt;
    color: var(--c-purple) !important
}

.mobile-home-brands-logo {
    width: 100%
}

.mobile-home-brands-logo-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.c-home-brands-logo {
    width: 100%
}

.c-home-brands-logo-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.c-home-cp-title {
    font-size: 24pt;
    color: var(--c-teal) !important
}

.c-home-featured-title-div {
    line-height: 1.5em
}

.c-home-featured-title-em {
    color: var(--c-teal) !important;
    font-size: 24pt
}

.c-home-featured-title {
    font-size: 24pt;
    color: var(--c-purple) !important
}

.c-home-feature-post {
    color: var(--c-purple)
}

.c-home-feature-post:hover,
.c-home-feature-post:hover .c-home-feature-post-summary {
    color: #fff;
    background-color: var(--c-purple)
}

.c-home-feature-post:hover .v-icon,
.c-home-feature-post:hover strong {
    color: var(--c-teal)
}

.c-home-feature-post-picbox {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30%;
    aspect-ratio: 4/3
}

.c-home-feature-post-txtbox {
    flex-grow: 1;
    flex-shrink: 1
}

.c-home-feature-post-summary {
    color: #000
}

.c-home-feature-post-gal-img-div {
    width: calc(100dvw/8 - 15px);
    padding: 24px 12px 0 12px
}

.mobile-corp-profile-header-div {
    line-height: 1.1em
}

.mobile-corp-profile-header-em {
    font-size: 22px;
    color: var(--c-teal) !important
}

.mobile-corp-profile-header {
    font-size: 22px
}

.mobile-corp-profile-text {
    font-size: 12px;
    font-weight: lighter;
    color: var(--c-purple)
}

.mobile-corp-profile-snapshot-kpi {
    font-size: 20px;
    line-height: 150%
}

.mobile-corp-profile-snapshot-category {
    font-size: 16px;
    font-weight: 700;
    color: var(--c-purple)
}

.mobile-corp-profile-snapshot-text {
    font-size: 12px;
    color: var(--c-purple)
}

.mobile-corp-profile-milestone-date {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.mobile-corp-profile-milestone-text {
    font-size: 12px;
    color: #fff
}

.mobile-corp-profile-ourcapability-text {
    font-size: 12px
}

.c-cp-header {
    font-size: 48px;
    line-height: .6em;
    font-weight: bolder;
    color: #fff
}

.c-cp-header:first-child {
    line-height: 1em
}

.c-cp-group-title-em {
    font-size: 40px;
    font-weight: bolder;
    color: var(--c-teal) !important
}

.c-cp-group-title {
    font-size: 40px;
    font-weight: bolder;
    color: var(--c-purple) !important
}

.c-cp-group-snapshot-header {
    font-size: 40px;
    line-height: .6em;
    font-weight: bolder;
    color: var(--c-purple)
}

.c-cp-group-snapshot-header:first-child {
    line-height: 1em
}

.c-cp-group-milestone-header {
    font-size: 40px;
    line-height: .8em;
    font-weight: bolder;
    color: #fff
}

.c-cp-group-milestone-header:first-child {
    line-height: 1em
}

.c-prestige-awards em {
    color: #fff
}

.c-prestige-awards p {
    color: var(--c-purple);
    font-size: 20px
}

.c-prestige-awards {
    background: #d0d3da
}

.c-prestige-awards-logo {
    width: 130px;
    max-height: 100%
}

.mobile-milestone-tile-card {
    height: 500px;
    width: 100%;
    position: static
}

.mobile-milestone-year-disk {
    border: solid 2px var(--c-teal);
    height: 120px;
    width: 120px;
    border-radius: 60px;
    font-size: 30px;
    font-weight: bolder;
    position: absolute;
    left: calc(50% - 60px)
}

.milestone-tile-card {
    height: 580px;
    min-width: 300px;
    margin-right: 100px;
    position: relative
}

.milestone-year-disk {
    border: solid 5px var(--c-teal);
    height: 150px;
    width: 150px;
    border-radius: 75px;
    font-size: 40px;
    font-weight: bolder;
    position: relative;
    box-shadow: 0 0 0 20px var(--c-purple)
}

.milestone-text {
    position: relative;
    color: #fff
}

.v-overlay__scrim {
    opacity: .4 !important
}

.c-cp-exe-ctnr {
    width: 261px;
    margin: 40px
}

.m-cp-exe-name {
    color: var(--c-teal);
    font-weight: bolder;
    font-size: 22px
}

.m-cp-exe-title {
    color: #fff;
    font-size: 12px
}

.c-cp-exe-name {
    color: var(--c-teal);
    font-weight: bolder;
    font-size: 22px
}

.c-cp-exe-title {
    color: #fff
}

.c-cp-exe-pic-transition {
    background-position: 50%;
    transition: background-image .5s ease-in-out;
    width: 261px;
    aspect-ratio: 261/297;
    margin-bottom: 20px
}

.c-cp-exe-pic-transition-0 {
    background-image: url(/img/Protrait_Elvis.353ab68b.png)
}

.c-cp-exe-pic-transition-0:hover {
    background-image: url(/img/Protrait_Elvis_Real.f3bda864.png)
}

.c-cp-exe-pic-transition-1 {
    background-image: url(/img/Protrait_Amelie.e715ea29.png)
}

.c-cp-exe-pic-transition-1:hover {
    background-image: url(/img/Protrait_Amelie_Real.09b4c439.png)
}

.c-cp-exe-pic-transition-2 {
    background-image: url(/img/Protrait_Elvin.fca96dd6.png)
}

.c-cp-exe-pic-transition-2:hover {
    background-image: url(/img/Protrait_Elvin_Real.f24d0a22.png)
}

.c-cp-exe-pic-transition-5 {
    background-image: url(/img/Protrait_Angeline.ef7fb37d.png)
}

.c-cp-exe-pic-transition-5:hover {
    background-image: url(/img/Protrait_Angeline_real.26fce1b6.png)
}

.c-cp-exe-pic-transition-4 {
    background-image: url(/img/Protrait_Matt.cf12147f.png)
}

.c-cp-exe-pic-transition-4:hover {
    background-image: url(/img/Protrait_Matt_real.55075717.png)
}

.c-cp-exe-pic-transition-6 {
    background-image: url(/img/Protrait_SzeYi.1ecca1cb.png)
}

.c-cp-exe-pic-transition-6:hover {
    background-image: url(/img/Protrait_SzeYi_Real.d3213565.png)
}

.c-cp-exe-pic-transition-3 {
    background-image: url(/img/Protrait_LayKheng.45286306.png)
}

.c-cp-exe-pic-transition-3:hover {
    background-image: url(/img/Protrait_LayKheng_real.72e8e825.png)
}

.c-cp-exe-pic-transition-7 {
    background-image: url(/img/Protrait_Josten.55d20e5f.png)
}

.c-cp-exe-pic-transition-7:hover {
    background-image: url(/img/Protrait_Josten_real.a58ed35c.png)
}

.c-cp-exe-dialog-description {
    color: #000;
    height: 100%
}

.c-cp-exe-dialog-fullname {
    color: var(--c-dark-purple);
    font-weight: bolder;
    font-size: 30px;
    line-height: 50px
}

.c-cp-exe-dialog-title {
    color: var(--c-dark-purple);
    font-size: 16px;
    line-height: 20px
}

.c-cp-exe-dialog-footer {
    background-color: #56ece3;
    color: #fff
}

.c-cp-exe-dialog-footer-nav {
    padding: 12px 20px
}

.c-cp-exe-dialog-footer-nav:hover {
    cursor: pointer
}

.mobile-prestige-awards {
    background: #d0d3da
}

.mobile-prestige-awards-header {
    font-size: 22px !important;
    color: var(--c-purple)
}

.mobile-prestige-awards em {
    color: #fff !important
}

.mobile-prestige-awards p {
    color: var(--c-purple);
    font-size: 12px
}

.mobile-prestige-awards-logo {
    width: 110px;
    margin-right: 25px;
    margin-bottom: 25px
}

.mobile-prestige-awards-logo2 {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 130px
}

.mobile-ourbrands-header-div {
    line-height: 1.2em
}

.mobile-ourbrands-header-em {
    color: var(--c-teal) !important
}

.mobile-ourbrands-header,
.mobile-ourbrands-header-em {
    font-size: 22px;
    text-transform: uppercase
}

.mobile-ourbrands-text {
    font-size: 12px;
    font-weight: lighter
}

.c-ourbrands-logo-banner-icon:hover {
    cursor: pointer
}

.c-ourbrands-title-em {
    color: var(--c-teal) !important
}

.c-ourbrands-title,
.c-ourbrands-title-em {
    font-size: 40px;
    font-weight: bolder;
    line-height: .6em
}

.c-ourbrands-title {
    color: #fff !important
}

.mobile-our-initiative-header-div {
    line-height: 1em
}

.mobile-our-initiative-header-em {
    font-size: 22px;
    color: var(--c-teal) !important
}

.mobile-our-initiative-header {
    font-size: 22px
}

.mobile-our-initiative-text {
    font-size: 12px;
    font-weight: lighter
}

.mobile-our-initiative-post-radio {
    font-size: 10px !important
}

.mobile-our-initiative-post-radio .v-label {
    font-size: inherit !important;
    margin-left: 2px;
    margin-right: 5px
}

.mobile-our-initiative-post-radio .v-selection-control__wrapper {
    width: 1em !important;
    margin: 2px
}

.mobile-our-initiative-post-text {
    color: var(--c-purple);
    font-size: 12px
}

.c-our-initiative-radio {
    color: var(--c-dark-purple);
    font-weight: bolder;
    margin-right: 30px
}

.c-our-initiative-radio:last-of-type {
    margin-right: 0
}

.c-our-initiative-radio .v-label {
    opacity: 1
}

.mobile-contact-list-header-div {
    line-height: 1em
}

.mobile-contact-list-header-em {
    font-size: 22px;
    color: var(--c-teal) !important
}

.mobile-contact-list-header {
    font-size: 22px
}

.mobile-contact-list-header-email {
    font-size: 12px;
    color: var(--c-teal) !important;
    text-decoration: underline
}

.mobile-contact-list-header-text {
    font-size: 12px
}

.mobile-contact-list-office-name-bolder {
    font-weight: 700;
    font-size: 16px
}

.mobile-contact-list-office-name {
    font-size: 16px
}

.mobile-contact-list-office-address {
    font-size: 12px
}

.mobile-contact-list-office-tel {
    color: var(--c-purple) !important
}

.mobile-contact-list-btn-apply {
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    height: 2em !important;
    padding: .5em 1em
}

.c-contact-list-main-office-name {
    font-size: 20px;
    font-weight: 700
}

.c-contact-list-office-name {
    font-size: 20px;
    font-weight: 600
}

.c-contact-list-office-address {
    font-size: 16px
}

.mobile-contact-form-header-em {
    font-size: 28px;
    color: var(--c-teal) !important
}

.mobile-contact-form-header {
    font-size: 28px
}

.mobile-contact-form-address-text p {
    font-size: 12px;
    color: var(--c-purple) !important
}

.mobile-contact-form-section-header-em {
    font-size: 14px;
    color: var(--c-teal) !important
}

.mobile-contact-form-section-header {
    font-size: 14px
}

.mobile-contact-form-field-text,
.mobile-contact-form-field-text * {
    color: var(--c-purple) !important
}

.c-privacy-terms-header {
    font-size: 48px;
    line-height: 1em;
    font-weight: bolder;
    color: #fff;
    margin-bottom: 100px
}

.c-privacy-terms-text {
    color: #fff;
    font-weight: lighter;
    white-space: pre-wrap
}

.c-privacy-terms-text p,
.c-privacy-terms-text ul {
    margin-bottom: 1rem
}

.cust-header-title-row-1 {
    font-size: 48px;
    line-height: 1em
}

.cust-header-title-row-n {
    font-size: 48px;
    line-height: 28px
}

.cust-section-title-row-1 {
    font-size: 40px;
    line-height: 1em
}

.cust-section-title-row-n {
    font-size: 40px;
    line-height: 30px
}

.cust-ft-small {
    font-size: 12px
}

.cust-ft-l {
    font-size: 32px
}

.cust-ft-xl {
    font-size: 40px
}

.cust-ft-semi-bold {
    font-weight: 600
}

.cust-ft-bold {
    font-weight: 700
}

.btn-w-anime {
    background-image: linear-gradient(to bottom, #fff 0 50%, var(--c-dark-purple) 50% 100%);
    background-size: 100% 202%;
    transition: all .3s ease;
    color: #000;
    font-size: 14px;
    border: 1px solid #666;
    height: 2rem;
    cursor: pointer
}

.btn-w-anime:hover {
    background-position-y: 100%;
    color: #fff
}

.btn-blue {
    background-color: var(--c-teal)
}

.btn-blue,
.btn-white {
    color: var(--c-dark-purple);
    font-size: 14px;
    height: 2rem;
    cursor: pointer;
    padding-right: 24px !important;
    padding-left: 24px !important;
    border-radius: 9999px !important
}

.btn-white {
    background-color: #fff
}

.btn-purple {
    background-color: var(--c-light-purple);
    color: #fff;
    padding-right: 24px !important;
    padding-left: 24px !important;
    border-radius: 9999px !important
}

.btn-purple,
.btn-w-anime-blue {
    font-size: 14px;
    height: 2rem;
    cursor: pointer
}

.btn-w-anime-blue {
    background-image: linear-gradient(to bottom, var(--c-teal) 0 50%, var(--c-dark-purple) 50% 100%);
    background-size: 100% 200%;
    transition: all .3s ease;
    color: var(--c-dark-purple);
    border: 1px solid #666
}

.btn-w-anime-blue:hover {
    background-position-y: 100%;
    color: #fff
}

.c-prevent-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-w-screen {
    width: 100dvw
}

img {
    display: block
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.mobile-paragraph-spacing {
    padding-bottom: 1rem
}

.v-infinite-scroll__side {
    background-color: #fff
}

.v-infinite-scroll-intersect {
    border: none
}