.disclaimerContainer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000000000;
    background-color: #666;
    display: flex;
    margin: auto;
    padding: 16px
}

.disclaimerContainer .popupBox {
    max-width: 600px;
    padding: 48px 48px 32px;
    border-radius: 16px;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 1;
    transform: scale(1);
    transition: transform .15s ease-out;
    margin: auto
}

.disclaimerContainer .popupBox h1 {
    margin: 0 0 24px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.13
}

.disclaimerContainer .popupBox h1,
.disclaimerContainer .popupBox p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.disclaimerContainer .popupBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.44;
    margin-top: 15px
}

.disclaimerContainer .popupBox .disclaimer {
    font-size: 14px;
    font-style: italic
}

.disclaimerContainer .popupBox span {
    font-weight: 700;
    text-decoration: underline
}

.disclaimerContainer .popupBox .proceed {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    width: 146px;
    margin-top: 32px;
    padding: 10px 0 11px;
    border-radius: 8px;
    background-color: #e51c1c !important;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    align-self: flex-end
}

.home-view {
    position: relative
}

@media only screen and (min-width:835px) {
    .banner-mobile {
        display: none !important
    }
}

@media only screen and (max-width:834px) {
    .banner-web {
        display: none !important
    }
}

.arrow-white {
    width: 10px;
    height: 16px;
    margin-left: 8px
}

html[lang=en] .arrow-white {
    vertical-align: -2px !important
}

html[lang=sc] .arrow-white,
html[lang=tc] .arrow-white {
    vertical-align: -1px !important
}

#banner {
    width: 100vw;
    text-align: left;
    position: relative;
    display: inline-block;
    margin-top: 113px
}

@media only screen and (max-width:1099px) and (min-width:835px) {
    #banner {
        margin-top: 71px
    }
}

@media only screen and (max-width:834px) {
    #banner {
        margin-top: 72px
    }
}

#banner .carousel {
    position: relative
}

#banner .carousel .carousel__pagination {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    text-align: center
}

#banner .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button {
    margin: 3px;
    padding: 0
}

#banner .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:after {
    background-color: #e03323
}

#banner .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button:after {
    width: 6px;
    height: 6px
}

#banner .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 0;
    max-width: 2560px !important;
    text-align: left;
    overflow: hidden
}

#banner .container.anniversary .banner-content-wrapper {
    padding-top: 0
}

@media only screen and (min-width:835px) {
    #banner .container.anniversary .banner-content-wrapper {
        display: flex;
        align-items: center
    }

    #banner .container.anniversary .banner-content-wrapper .banner-content {
        font-size: 56px;
        padding-bottom: 42px
    }
}

@media only screen and (max-width:834px) {
    #banner .container.anniversary .banner-content-wrapper {
        padding-top: 68px
    }

    #banner .container.anniversary .banner-content-wrapper .banner-content {
        font-size: 28px
    }
}

#banner .container.anniversary .banner-content-wrapper .banner-content p {
    font-weight: 400;
    font-family: MicrosoftYaHei;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    font-size: inherit;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (min-width:835px) {
    #banner .container.anniversary .banner-content-wrapper .banner-content p {
        max-width: 470px
    }

    #banner .container.sff .banner-content-wrapper {
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (max-width:834px) {
    #banner .container.sff .banner-content-wrapper .banner-content {
        padding-top: 26px
    }
}

#banner .container.sff .banner-content-wrapper .banner-content>img {
    max-width: 421px;
    margin-bottom: 40px
}

@media only screen and (max-width:834px) {
    #banner .container.sff .banner-content-wrapper .banner-content>img {
        margin-bottom: 17.4px;
        max-width: 234px
    }
}

#banner .container.sff .banner-content-wrapper .banner-content h1 {
    padding-top: 0;
    margin-bottom: 40px;
    color: #000
}

@media only screen and (max-width:834px) {
    #banner .container.sff .banner-content-wrapper .banner-content h1 {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:835px) {
    #banner .container.hkfw .banner-content-wrapper {
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    #banner .container.hkfw .banner-content-wrapper .banner-content>img {
        margin-bottom: 40px !important;
        max-width: 332px !important
    }

    #banner .container.hkfw .banner-content-wrapper .banner-content>.banner-web,
    #banner .container.hkfw .banner-content-wrapper .banner-content>h1 {
        margin-bottom: 40px !important
    }
}

#banner .container.hkfw .banner-content-wrapper .banner-content {
    padding-top: 24px
}

#banner .container.hkfw .banner-content-wrapper .banner-content>img {
    max-width: 200px;
    margin-bottom: 16px
}

#banner .container.hkfw .banner-content-wrapper .banner-content>h1 {
    padding-top: 0;
    margin-bottom: 16px;
    color: #3e3a39
}

#banner .container.hkfw .banner-content-wrapper .banner-content>.banner-web {
    display: block !important;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

#banner .container.DSC .banner-content-wrapper.sc,
#banner .container.DSC .banner-content-wrapper.tc {
    padding-top: 72px
}

@media only screen and (max-width:834px) {

    #banner .container.DSC .banner-content-wrapper.sc,
    #banner .container.DSC .banner-content-wrapper.tc {
        padding-top: 24px
    }
}

#banner .container.DSC .banner-content-wrapper .banner-content .DSC-logo {
    width: 304px;
    height: 48px
}

@media only screen and (max-width:834px) {
    #banner .container.DSC .banner-content-wrapper .banner-content .DSC-logo {
        margin-top: 16px;
        width: 176px;
        height: 28px
    }

    #banner .container.DSC .banner-content-wrapper .banner-content .DSC-logo.sc,
    #banner .container.DSC .banner-content-wrapper .banner-content .DSC-logo.tc {
        margin-bottom: 12px
    }
}

#banner .container.DSC .banner-content-wrapper .banner-content .header {
    max-width: 645px;
    font-size: 56px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px;
    margin-top: 40px
}

@media only screen and (max-width:834px) {
    #banner .container.DSC .banner-content-wrapper .banner-content .header {
        font-size: 28px;
        padding: 0 26.5px;
        height: auto;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width:1099px) and (min-width:835px) {
    #banner .container.DSC .banner-content-wrapper .banner-content .header {
        font-size: 36px
    }
}

@media only screen and (max-width:834px) {

    #banner .container.DSC .banner-content-wrapper .banner-content .header.sc,
    #banner .container.DSC .banner-content-wrapper .banner-content .header.tc {
        margin-bottom: 12px
    }

    #banner .container.DSC .banner-content-wrapper .banner-content .header.en {
        width: 375px;
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: normal;
        text-align: center
    }

    #banner .container.DSC .banner-content-wrapper .banner-content .sub-header {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }
}

#banner .container.DSC .banner-content-wrapper .banner-content .sub-header.sc,
#banner .container.DSC .banner-content-wrapper .banner-content .sub-header.tc {
    margin-bottom: 72px
}

@media only screen and (max-width:834px) {

    #banner .container.DSC .banner-content-wrapper .banner-content .sub-header.sc,
    #banner .container.DSC .banner-content-wrapper .banner-content .sub-header.tc {
        margin-bottom: 12px
    }
}

#banner .container.DSC .banner-content-wrapper .banner-content .sub-header.en {
    margin-bottom: 40px
}

@media only screen and (max-width:834px) {
    #banner .container.DSC .banner-content-wrapper .banner-content .sub-header.en {
        width: 322px;
        margin-bottom: 0
    }

    #banner .container.DSC .banner-content-wrapper .banner-content .primary {
        min-height: auto;
        margin-bottom: 8px
    }

    #banner .container.DSC .banner-content-wrapper .banner-content .primary.sc,
    #banner .container.DSC .banner-content-wrapper .banner-content .primary.tc {
        margin-bottom: 12px
    }
}

#banner .container.DSC .banner-content-wrapper .banner-content .bottom-text {
    margin-top: 36px;
    margin-bottom: 24px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000018;
    opacity: .5
}

#banner .container.DSC .banner-content-wrapper .banner-content .bottom-text.sc,
#banner .container.DSC .banner-content-wrapper .banner-content .bottom-text.tc {
    margin-top: 69px
}

@media only screen and (max-width:834px) {
    #banner .container.DSC .banner-content-wrapper .banner-content .bottom-text {
        margin-top: 0;
        margin-bottom: 0;
        font-family: MicrosoftYaHei;
        font-size: 10px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000018;
        width: 203px
    }

    #banner .container.DSC .banner-content-wrapper .banner-content .bottom-text.sc,
    #banner .container.DSC .banner-content-wrapper .banner-content .bottom-text.tc {
        margin-top: 20px
    }
}

#banner .container>.banner-mobile,
#banner .container>.banner-web {
    min-height: 600px !important;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container>.banner-web {
        min-height: 450px !important
    }
}

#banner .container .banner-content-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1201px) {
    #banner .container .banner-content-wrapper {
        padding-top: 140px;
        margin-left: 135px
    }
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container .banner-content-wrapper {
        display: flex;
        align-items: center;
        margin-left: 32px
    }
}

#banner .container .banner-content-wrapper .banner-content {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width:834px) {
    #banner .container .banner-content-wrapper .banner-content {
        text-align: center
    }
}

#banner .container .banner-content-wrapper .banner-content h1 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container .banner-content-wrapper .banner-content h1 {
        font-size: 32px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:834px) {
    #banner .container .banner-content-wrapper .banner-content h1 {
        padding-top: 36px;
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin: 0 auto 16px
    }
}

#banner .container .banner-content-wrapper .banner-content p {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 40px
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container .banner-content-wrapper .banner-content p {
        max-width: 220px;
        margin-bottom: 32px
    }
}

@media only screen and (max-width:834px) {
    #banner .container .banner-content-wrapper .banner-content p {
        text-align: center;
        max-width: 400px;
        width: 100%;
        color: #3e3a39;
        margin: 0 auto 16px
    }
}

#banner .container .banner-content-wrapper .banner-content p span.red {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #e03323
}

#banner .container .banner-content-wrapper .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    min-height: 56px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border: 1px solid transparent
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container .banner-content-wrapper .btn {
        width: 150px;
        min-height: 48px
    }
}

@media only screen and (max-width:834px) {
    #banner .container .banner-content-wrapper .btn {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #e03323;
        padding: 0;
        height: auto;
        min-width: auto;
        height: 21px;
        display: block;
        margin: auto
    }
}

#banner .container .banner-content-wrapper .btn img {
    display: inline-block;
    vertical-align: -3px
}

@media only screen and (min-width:835px) {
    #banner .container .banner-content-wrapper .primary {
        background-color: #e03323;
        border-color: #e03323
    }
}

#banner .container.mu .banner-content-wrapper .banner-content>img {
    max-width: 306px;
    width: 100%;
    margin-bottom: 24px
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container.mu .banner-content-wrapper .banner-content>img {
        max-width: 221.9px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:834px) {
    #banner .container.mu .banner-content-wrapper .banner-content>img {
        max-width: 185.3px;
        margin-bottom: 16px;
        padding-top: 24px
    }
}

#banner .container.mu .banner-content-wrapper .banner-content p {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 40px
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container.mu .banner-content-wrapper .banner-content p {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:834px) {
    #banner .container.mu .banner-content-wrapper .banner-content p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

#banner .container.token_dubai .banner-web {
    max-height: 600px
}

#banner .container.token_dubai .token-dubai-btn {
    background-color: #fff;
    color: #e03323
}

#banner .container.token_dubai .banner-content-wrapper .banner-content>img {
    max-width: 306px;
    width: 100%;
    margin-bottom: 24px
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container.token_dubai .banner-content-wrapper .banner-content>img {
        max-width: 221.9px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:834px) {
    #banner .container.token_dubai .banner-content-wrapper .banner-content>img {
        max-width: 185.3px;
        margin-bottom: 16px;
        padding-top: 24px
    }
}

#banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_title {
    font-size: 56px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 24px
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_title {
        font-size: 28px;
        max-width: 300px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width:834px) {
    #banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_title {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin-bottom: 16px
    }
}

#banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_description {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #000018;
    margin-bottom: 40px
}

#banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_description span {
    color: #e03323
}

@media only screen and (max-width:1200px) and (min-width:835px) {
    #banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_description {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:834px) {
    #banner .container.token_dubai .banner-content-wrapper .banner-content .token_dubai_description {
        display: none
    }

    #banner .container.token_dubai .banner-content-wrapper .banner-content .token-dubai-btn {
        background-color: transparent;
        color: #fff
    }
}

.home-better-future {
    position: relative
}

@media only screen and (min-width:950px) {
    .home-better-future {
        min-height: 740px;
        display: flex;
        align-items: center;
        background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Nasdaq_Desktop_new_2.png) no-repeat top
    }

    .home-better-future .banner-tablet-mobile {
        display: none
    }
}

@media only screen and (max-width:949px) {
    .home-better-future {
        margin-top: 80px;
        padding: 0
    }
}

.home-better-future:after {
    content: "";
    display: table;
    clear: both
}

.home-better-future .content {
    max-width: 517px
}

@media only screen and (max-width:1100px) and (min-width:950px) {
    .home-better-future .content {
        max-width: 434px
    }
}

@media only screen and (min-width:950px) {
    .home-better-future .content {
        float: right;
        padding-bottom: 16px
    }
}

@media only screen and (max-width:949px) {
    .home-better-future .content {
        max-width: none
    }
}

.home-better-future .content .header {
    text-align: left;
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e3a39;
    margin: 0;
    margin-bottom: 24px
}

@media only screen and (max-width:949px) {
    .home-better-future .content .header {
        font-size: 28px;
        margin: 0;
        margin-bottom: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        max-width: none
    }
}

.home-better-future .content .description {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39
}

@media only screen and (max-width:949px) {
    .home-better-future .content .description {
        width: 100%;
        font-size: 16px;
        margin: auto;
        padding-bottom: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        max-width: none
    }
}

.home-better-future img {
    max-width: 100%;
    width: 100%;
    min-height: 380px;
    -o-object-fit: cover;
    object-fit: cover
}

#stats[data-v-04335696] {
    margin-bottom: 130px
}

@media only screen and (max-width:834px) {
    #stats[data-v-04335696] {
        margin: 80px 0
    }
}

#stats p[data-v-04335696] {
    margin: 0
}

#stats .container[data-v-04335696] {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

@media only screen and (max-width:834px) {
    #stats .container[data-v-04335696] {
        flex-direction: column;
        gap: 48px
    }
}

@media only screen and (min-width:420px) and (max-width:834px) {
    #stats .container[data-v-04335696] {
        display: block
    }
}

#stats .container .icon[data-v-04335696] {
    width: 48px;
    height: 48px;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    #stats .container .icon[data-v-04335696] {
        margin-bottom: 12px;
        width: 32px;
        height: 32px
    }
}

#stats .container .count[data-v-04335696] {
    font-family: Oswald !important;
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 16px
}

@media only screen and (max-width:834px) {
    #stats .container .count[data-v-04335696] {
        margin-bottom: 8px;
        font-family: Oswald !important;
        font-size: 36px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }
}

#stats .container .desc[data-v-04335696] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

#stats .container .icon-wrapper[data-v-04335696] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:420px) and (max-width:834px) {
    #stats .container .icon-wrapper[data-v-04335696] {
        display: inline-block;
        width: 47%;
        margin-bottom: 48px;
        vertical-align: top
    }
}

#brokerage[data-v-22358e26] {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:835px) {
    #brokerage[data-v-22358e26] {
        flex-direction: column;
        gap: 16px
    }
}

#brokerage .doo-clearing[data-v-22358e26] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/brokerage/Brand-DC.png);
    background-repeat: none;
    background-size: cover
}

@media only screen and (max-width:835px) {
    #brokerage .doo-clearing[data-v-22358e26] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/brokerage/Brand-DC-mobile.png)
    }
}

#brokerage .doo-finance[data-v-22358e26] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/brokerage/Brand-DF.png);
    background-repeat: none;
    background-size: cover
}

@media only screen and (max-width:835px) {
    #brokerage .doo-finance[data-v-22358e26] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/brokerage/Brand-DF-mobile.png)
    }
}

#brokerage .doo-prime[data-v-22358e26] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/brokerage/Brand-DP.png);
    background-repeat: none;
    background-size: cover
}

@media only screen and (max-width:835px) {
    #brokerage .doo-prime[data-v-22358e26] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/brokerage/Brand-DP-mobile.png)
    }
}

#brokerage .doo-clearing[data-v-22358e26],
#brokerage .doo-finance[data-v-22358e26] {
    max-width: 427px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: height 1s;
    margin: 0 12px
}

@media only screen and (max-width:835px) {

    #brokerage .doo-clearing[data-v-22358e26],
    #brokerage .doo-finance[data-v-22358e26] {
        width: 343px;
        height: 160px;
        margin: 0
    }
}

#brokerage .doo-clearing .wrapper .wrapper-content[data-v-22358e26],
#brokerage .doo-finance .wrapper .wrapper-content[data-v-22358e26] {
    padding-top: 32px;
    height: 80px;
    transition: height 1s;
    padding: 32px;
    text-align: left;
    height: 109px;
    position: relative
}

#brokerage .doo-clearing .wrapper .wrapper-content .logo[data-v-22358e26],
#brokerage .doo-finance .wrapper .wrapper-content .logo[data-v-22358e26] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {

    #brokerage .doo-clearing .wrapper .wrapper-content .logo[data-v-22358e26],
    #brokerage .doo-finance .wrapper .wrapper-content .logo[data-v-22358e26] {
        position: absolute;
        max-width: 120px;
        height: 32px;
        bottom: 16px;
        left: 16px
    }
}

#brokerage .doo-clearing .wrapper .wrapper-content .desc[data-v-22358e26],
#brokerage .doo-finance .wrapper .wrapper-content .desc[data-v-22358e26] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {

    #brokerage .doo-clearing .wrapper .wrapper-content .desc[data-v-22358e26],
    #brokerage .doo-finance .wrapper .wrapper-content .desc[data-v-22358e26] {
        display: none
    }
}

#brokerage .doo-clearing .wrapper .wrapper-content .desc-link[data-v-22358e26],
#brokerage .doo-finance .wrapper .wrapper-content .desc-link[data-v-22358e26] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#brokerage .doo-clearing .wrapper .wrapper-content .desc-link a[data-v-22358e26],
#brokerage .doo-finance .wrapper .wrapper-content .desc-link a[data-v-22358e26] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#brokerage .doo-clearing .wrapper .wrapper-content .desc-link svg[data-v-22358e26],
#brokerage .doo-finance .wrapper .wrapper-content .desc-link svg[data-v-22358e26] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {

    #brokerage .doo-clearing .wrapper .wrapper-content .desc-link[data-v-22358e26],
    #brokerage .doo-finance .wrapper .wrapper-content .desc-link[data-v-22358e26] {
        display: none
    }
}

@media only screen and (min-width:836px) {

    #brokerage .doo-clearing:hover .wrapper .wrapper-content[data-v-22358e26],
    #brokerage .doo-finance:hover .wrapper .wrapper-content[data-v-22358e26] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #brokerage .doo-clearing:hover .wrapper .wrapper-content .desc[data-v-22358e26],
    #brokerage .doo-finance:hover .wrapper .wrapper-content .desc[data-v-22358e26] {
        opacity: 1;
        visibility: visible
    }

    #brokerage .doo-clearing:hover .wrapper .wrapper-content .desc-link[data-v-22358e26],
    #brokerage .doo-finance:hover .wrapper .wrapper-content .desc-link[data-v-22358e26] {
        animation: fadeIn-22358e26 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-22358e26 {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#wealth[data-v-968a579a] {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:835px) {
    #wealth[data-v-968a579a] {
        flex-direction: column;
        gap: 16px
    }
}

#wealth .doo-finpoints[data-v-968a579a] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/finance/Brand-FP.png)
}

@media only screen and (max-width:835px) {
    #wealth .doo-finpoints[data-v-968a579a] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/finance/Brand-FP-mobile.png)
    }
}

#wealth .doo-finpoints[data-v-968a579a] {
    max-width: 878px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: height 1s;
    margin: 0 12px;
    padding: 0
}

@media only screen and (max-width:835px) {
    #wealth .doo-finpoints[data-v-968a579a] {
        width: 343px;
        height: 160px
    }
}

#wealth .doo-finpoints .wrapper .wrapper-content[data-v-968a579a] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    text-align: left;
    height: 99px;
    height: 109px;
    position: relative
}

#wealth .doo-finpoints .wrapper .wrapper-content .logo[data-v-968a579a] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #wealth .doo-finpoints .wrapper .wrapper-content .logo[data-v-968a579a] {
        position: absolute;
        bottom: 16px;
        left: 16px;
        max-width: 120px;
        height: 32px
    }
}

#wealth .doo-finpoints .wrapper .wrapper-content .desc[data-v-968a579a] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #wealth .doo-finpoints .wrapper .wrapper-content .desc[data-v-968a579a] {
        display: none
    }
}

#wealth .doo-finpoints .wrapper .wrapper-content .desc-link[data-v-968a579a] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#wealth .doo-finpoints .wrapper .wrapper-content .desc-link a[data-v-968a579a] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#wealth .doo-finpoints .wrapper .wrapper-content .desc-link svg[data-v-968a579a] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #wealth .doo-finpoints .wrapper .wrapper-content .desc-link[data-v-968a579a] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #wealth .doo-finpoints:hover .wrapper .wrapper-content[data-v-968a579a] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #wealth .doo-finpoints:hover .wrapper .wrapper-content .desc[data-v-968a579a] {
        opacity: 1;
        visibility: visible
    }

    #wealth .doo-finpoints:hover .wrapper .wrapper-content .desc-link[data-v-968a579a] {
        animation: fadeIn-968a579a 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-968a579a {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#wealth[data-v-0cda6962] {
    display: flex;
    align-items: center;
    justify-content: center
}

#wealth .doo-wealth[data-v-0cda6962] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/wealth/Brand-DW.png)
}

@media only screen and (max-width:835px) {
    #wealth .doo-wealth[data-v-0cda6962] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/wealth/Brand-DW-mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#wealth .doo-wealth[data-v-0cda6962] {
    max-width: 878px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: height 1s;
    margin: 0 12px
}

@media only screen and (max-width:835px) {
    #wealth .doo-wealth[data-v-0cda6962] {
        max-width: 343px;
        height: 160px;
        margin: 0
    }
}

#wealth .doo-wealth .wrapper .wrapper-content[data-v-0cda6962] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    text-align: left;
    height: 99px;
    height: 109px;
    position: relative
}

#wealth .doo-wealth .wrapper .wrapper-content .logo[data-v-0cda6962] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #wealth .doo-wealth .wrapper .wrapper-content .logo[data-v-0cda6962] {
        position: absolute;
        max-width: 120px;
        height: 32px;
        bottom: 16px;
        left: 16px
    }
}

#wealth .doo-wealth .wrapper .wrapper-content .desc[data-v-0cda6962] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #wealth .doo-wealth .wrapper .wrapper-content .desc[data-v-0cda6962] {
        display: none
    }
}

#wealth .doo-wealth .wrapper .wrapper-content .desc-link[data-v-0cda6962] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#wealth .doo-wealth .wrapper .wrapper-content .desc-link a[data-v-0cda6962] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#wealth .doo-wealth .wrapper .wrapper-content .desc-link svg[data-v-0cda6962] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #wealth .doo-wealth .wrapper .wrapper-content .desc-link[data-v-0cda6962] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #wealth .doo-wealth:hover .wrapper .wrapper-content[data-v-0cda6962] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #wealth .doo-wealth:hover .wrapper .wrapper-content .desc[data-v-0cda6962] {
        opacity: 1;
        visibility: visible
    }

    #wealth .doo-wealth:hover .wrapper .wrapper-content .desc-link[data-v-0cda6962] {
        animation: fadeIn-0cda6962 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-0cda6962 {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#payment[data-v-0972fbee] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    gap: 24px
}

@media only screen and (max-width:835px) {
    #payment[data-v-0972fbee] {
        flex-direction: column;
        gap: 16px
    }
}

#payment .doo-dpe[data-v-0972fbee] {
    text-align: left;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/payment/Brand-DPE.png)
}

@media only screen and (max-width:835px) {
    #payment .doo-dpe[data-v-0972fbee] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/payment/Brand-DPE@mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#payment .doo-payment[data-v-0972fbee] {
    text-align: left;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/payment/Brand-LP.png);
    background-position: 50%
}

@media only screen and (max-width:835px) {
    #payment .doo-payment[data-v-0972fbee] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/payment/Brand-LP-mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#payment .doo-dpe[data-v-0972fbee],
#payment .doo-payment[data-v-0972fbee] {
    transition: height 1s;
    max-width: 878px;
    -max-width: 427px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

@media only screen and (max-width:835px) {

    #payment .doo-dpe[data-v-0972fbee],
    #payment .doo-payment[data-v-0972fbee] {
        width: 343px;
        height: 160px;
        margin: 0
    }
}

#payment .doo-dpe .wrapper .wrapper-content[data-v-0972fbee],
#payment .doo-payment .wrapper .wrapper-content[data-v-0972fbee] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    position: relative
}

#payment .doo-dpe .wrapper .wrapper-content .logo[data-v-0972fbee],
#payment .doo-payment .wrapper .wrapper-content .logo[data-v-0972fbee] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {

    #payment .doo-dpe .wrapper .wrapper-content .logo[data-v-0972fbee],
    #payment .doo-payment .wrapper .wrapper-content .logo[data-v-0972fbee] {
        max-width: 120px;
        height: 32px;
        position: absolute;
        bottom: 16px;
        left: 16px
    }
}

#payment .doo-dpe .wrapper .wrapper-content .desc[data-v-0972fbee],
#payment .doo-payment .wrapper .wrapper-content .desc[data-v-0972fbee] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {

    #payment .doo-dpe .wrapper .wrapper-content .desc[data-v-0972fbee],
    #payment .doo-payment .wrapper .wrapper-content .desc[data-v-0972fbee] {
        display: none
    }
}

#payment .doo-dpe .wrapper .wrapper-content .desc-link[data-v-0972fbee],
#payment .doo-payment .wrapper .wrapper-content .desc-link[data-v-0972fbee] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#payment .doo-dpe .wrapper .wrapper-content .desc-link a[data-v-0972fbee],
#payment .doo-payment .wrapper .wrapper-content .desc-link a[data-v-0972fbee] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#payment .doo-dpe .wrapper .wrapper-content .desc-link svg[data-v-0972fbee],
#payment .doo-payment .wrapper .wrapper-content .desc-link svg[data-v-0972fbee] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {

    #payment .doo-dpe .wrapper .wrapper-content .desc-link[data-v-0972fbee],
    #payment .doo-payment .wrapper .wrapper-content .desc-link[data-v-0972fbee] {
        display: none
    }
}

@media only screen and (min-width:836px) {

    #payment .doo-dpe:hover .wrapper .wrapper-content[data-v-0972fbee],
    #payment .doo-payment:hover .wrapper .wrapper-content[data-v-0972fbee] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #payment .doo-dpe:hover .wrapper .wrapper-content .desc[data-v-0972fbee],
    #payment .doo-payment:hover .wrapper .wrapper-content .desc[data-v-0972fbee] {
        opacity: 1;
        visibility: visible
    }

    #payment .doo-dpe:hover .wrapper .wrapper-content .desc-link[data-v-0972fbee],
    #payment .doo-payment:hover .wrapper .wrapper-content .desc-link[data-v-0972fbee] {
        animation: fadeIn-0972fbee 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-0972fbee {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#financial-education[data-v-60949a7c] {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:835px) {
    #financial-education[data-v-60949a7c] {
        flex-direction: column;
        gap: 16px
    }
}

#financial-education .da[data-v-60949a7c] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/financial-education/Brand-DA.png)
}

@media only screen and (max-width:835px) {
    #financial-education .da[data-v-60949a7c] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/financial-education/Brand-DA-mobile.png)
    }
}

#financial-education .da[data-v-60949a7c] {
    max-width: 878px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: height 1s;
    margin: 0 12px;
    padding: 0
}

@media only screen and (max-width:835px) {
    #financial-education .da[data-v-60949a7c] {
        width: 343px;
        height: 160px
    }
}

#financial-education .da .wrapper .wrapper-content[data-v-60949a7c] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    text-align: left;
    height: 99px;
    height: 109px;
    position: relative
}

#financial-education .da .wrapper .wrapper-content .logo[data-v-60949a7c] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #financial-education .da .wrapper .wrapper-content .logo[data-v-60949a7c] {
        position: absolute;
        bottom: 16px;
        left: 16px;
        max-width: 120px;
        height: 32px
    }
}

#financial-education .da .wrapper .wrapper-content .desc[data-v-60949a7c] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #financial-education .da .wrapper .wrapper-content .desc[data-v-60949a7c] {
        display: none
    }
}

#financial-education .da .wrapper .wrapper-content .desc-link[data-v-60949a7c] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#financial-education .da .wrapper .wrapper-content .desc-link a[data-v-60949a7c] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#financial-education .da .wrapper .wrapper-content .desc-link svg[data-v-60949a7c] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #financial-education .da .wrapper .wrapper-content .desc-link[data-v-60949a7c] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #financial-education .da:hover .wrapper .wrapper-content[data-v-60949a7c] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #financial-education .da:hover .wrapper .wrapper-content .desc[data-v-60949a7c] {
        opacity: 1;
        visibility: visible
    }

    #financial-education .da:hover .wrapper .wrapper-content .desc-link[data-v-60949a7c] {
        animation: fadeIn-60949a7c 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-60949a7c {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#health-care[data-v-9f7e9bb6] {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:835px) {
    #health-care[data-v-9f7e9bb6] {
        flex-direction: column;
        gap: 16px
    }
}

#health-care .dh[data-v-9f7e9bb6] {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/health-care/Brand-DH.png)
}

@media only screen and (max-width:835px) {
    #health-care .dh[data-v-9f7e9bb6] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/health-care/Brand-DH-mobile.png)
    }
}

#health-care .dh[data-v-9f7e9bb6] {
    max-width: 878px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: height 1s;
    margin: 0 12px;
    padding: 0
}

@media only screen and (max-width:835px) {
    #health-care .dh[data-v-9f7e9bb6] {
        width: 343px;
        height: 160px
    }
}

#health-care .dh .wrapper .wrapper-content[data-v-9f7e9bb6] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    text-align: left;
    height: 99px;
    height: 109px;
    position: relative
}

#health-care .dh .wrapper .wrapper-content .logo[data-v-9f7e9bb6] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #health-care .dh .wrapper .wrapper-content .logo[data-v-9f7e9bb6] {
        position: absolute;
        bottom: 16px;
        left: 16px;
        max-width: 120px;
        height: 32px
    }
}

#health-care .dh .wrapper .wrapper-content .desc[data-v-9f7e9bb6] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #health-care .dh .wrapper .wrapper-content .desc[data-v-9f7e9bb6] {
        display: none
    }
}

#health-care .dh .wrapper .wrapper-content .desc-link[data-v-9f7e9bb6] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#health-care .dh .wrapper .wrapper-content .desc-link a[data-v-9f7e9bb6] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#health-care .dh .wrapper .wrapper-content .desc-link svg[data-v-9f7e9bb6] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #health-care .dh .wrapper .wrapper-content .desc-link[data-v-9f7e9bb6] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #health-care .dh:hover .wrapper .wrapper-content[data-v-9f7e9bb6] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #health-care .dh:hover .wrapper .wrapper-content .desc[data-v-9f7e9bb6] {
        opacity: 1;
        visibility: visible
    }

    #health-care .dh:hover .wrapper .wrapper-content .desc-link[data-v-9f7e9bb6] {
        animation: fadeIn-9f7e9bb6 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-9f7e9bb6 {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#home-property[data-v-b9db0cfa] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    gap: 24px
}

@media only screen and (max-width:835px) {
    #home-property[data-v-b9db0cfa] {
        flex-direction: column;
        gap: 16px
    }
}

#home-property .box[data-v-b9db0cfa] {
    text-align: left;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-property.png)
}

@media only screen and (max-width:835px) {
    #home-property .box[data-v-b9db0cfa] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-property-mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#home-property .box[data-v-b9db0cfa] {
    transition: height 1s;
    max-width: 878px;
    -max-width: 427px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

@media only screen and (max-width:835px) {
    #home-property .box[data-v-b9db0cfa] {
        width: 343px;
        height: 160px;
        margin: 0
    }
}

#home-property .box .wrapper .wrapper-content[data-v-b9db0cfa] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    position: relative
}

#home-property .box .wrapper .wrapper-content .logo[data-v-b9db0cfa] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #home-property .box .wrapper .wrapper-content .logo[data-v-b9db0cfa] {
        height: 32px;
        position: absolute;
        bottom: 16px;
        left: 16px
    }
}

#home-property .box .wrapper .wrapper-content .desc[data-v-b9db0cfa] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #home-property .box .wrapper .wrapper-content .desc[data-v-b9db0cfa] {
        display: none
    }
}

#home-property .box .wrapper .wrapper-content .desc-link[data-v-b9db0cfa] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#home-property .box .wrapper .wrapper-content .desc-link a[data-v-b9db0cfa] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#home-property .box .wrapper .wrapper-content .desc-link svg[data-v-b9db0cfa] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #home-property .box .wrapper .wrapper-content .desc-link[data-v-b9db0cfa] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #home-property .box:hover .wrapper .wrapper-content[data-v-b9db0cfa] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #home-property .box:hover .wrapper .wrapper-content .desc[data-v-b9db0cfa] {
        opacity: 1;
        visibility: visible
    }

    #home-property .box:hover .wrapper .wrapper-content .desc-link[data-v-b9db0cfa] {
        animation: fadeIn-b9db0cfa 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-b9db0cfa {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#home-consulting[data-v-1f651e74] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    gap: 24px
}

@media only screen and (max-width:835px) {
    #home-consulting[data-v-1f651e74] {
        flex-direction: column;
        gap: 16px
    }
}

#home-consulting .box[data-v-1f651e74] {
    text-align: left;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-consulting.png)
}

@media only screen and (max-width:835px) {
    #home-consulting .box[data-v-1f651e74] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-consulting-mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#home-consulting .box[data-v-1f651e74] {
    transition: height 1s;
    max-width: 878px;
    -max-width: 427px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

@media only screen and (max-width:835px) {
    #home-consulting .box[data-v-1f651e74] {
        width: 343px;
        height: 160px;
        margin: 0
    }
}

#home-consulting .box .wrapper .wrapper-content[data-v-1f651e74] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    position: relative
}

#home-consulting .box .wrapper .wrapper-content .logo[data-v-1f651e74] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #home-consulting .box .wrapper .wrapper-content .logo[data-v-1f651e74] {
        height: 32px;
        position: absolute;
        bottom: 16px;
        left: 16px
    }
}

#home-consulting .box .wrapper .wrapper-content .desc[data-v-1f651e74] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #home-consulting .box .wrapper .wrapper-content .desc[data-v-1f651e74] {
        display: none
    }
}

#home-consulting .box .wrapper .wrapper-content .desc-link[data-v-1f651e74] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#home-consulting .box .wrapper .wrapper-content .desc-link a[data-v-1f651e74] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#home-consulting .box .wrapper .wrapper-content .desc-link svg[data-v-1f651e74] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #home-consulting .box .wrapper .wrapper-content .desc-link[data-v-1f651e74] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #home-consulting .box:hover .wrapper .wrapper-content[data-v-1f651e74] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #home-consulting .box:hover .wrapper .wrapper-content .desc[data-v-1f651e74] {
        opacity: 1;
        visibility: visible
    }

    #home-consulting .box:hover .wrapper .wrapper-content .desc-link[data-v-1f651e74] {
        animation: fadeIn-1f651e74 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-1f651e74 {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#home-cloud[data-v-23fe9484] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    gap: 24px
}

@media only screen and (max-width:835px) {
    #home-cloud[data-v-23fe9484] {
        flex-direction: column;
        gap: 16px
    }
}

#home-cloud .box[data-v-23fe9484] {
    text-align: left;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-cloud.png)
}

@media only screen and (max-width:835px) {
    #home-cloud .box[data-v-23fe9484] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-cloud-mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#home-cloud .box[data-v-23fe9484] {
    transition: height 1s;
    max-width: 878px;
    -max-width: 427px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

@media only screen and (max-width:835px) {
    #home-cloud .box[data-v-23fe9484] {
        width: 343px;
        height: 160px;
        margin: 0
    }
}

#home-cloud .box .wrapper .wrapper-content[data-v-23fe9484] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    position: relative
}

#home-cloud .box .wrapper .wrapper-content .logo[data-v-23fe9484] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #home-cloud .box .wrapper .wrapper-content .logo[data-v-23fe9484] {
        height: 32px;
        position: absolute;
        bottom: 16px;
        left: 16px
    }
}

#home-cloud .box .wrapper .wrapper-content .desc[data-v-23fe9484] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #home-cloud .box .wrapper .wrapper-content .desc[data-v-23fe9484] {
        display: none
    }
}

#home-cloud .box .wrapper .wrapper-content .desc-link[data-v-23fe9484] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#home-cloud .box .wrapper .wrapper-content .desc-link a[data-v-23fe9484] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#home-cloud .box .wrapper .wrapper-content .desc-link svg[data-v-23fe9484] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #home-cloud .box .wrapper .wrapper-content .desc-link[data-v-23fe9484] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #home-cloud .box:hover .wrapper .wrapper-content[data-v-23fe9484] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #home-cloud .box:hover .wrapper .wrapper-content .desc[data-v-23fe9484] {
        opacity: 1;
        visibility: visible
    }

    #home-cloud .box:hover .wrapper .wrapper-content .desc-link[data-v-23fe9484] {
        animation: fadeIn-23fe9484 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-23fe9484 {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

#home-digital-marketing[data-v-3d3156c9] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    gap: 24px
}

@media only screen and (max-width:835px) {
    #home-digital-marketing[data-v-3d3156c9] {
        flex-direction: column;
        gap: 16px
    }
}

#home-digital-marketing .box[data-v-3d3156c9] {
    text-align: left;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-digital-marketing.png)
}

@media only screen and (max-width:835px) {
    #home-digital-marketing .box[data-v-3d3156c9] {
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/home-digital-marketing-mobile.png);
        background-repeat: none;
        background-size: cover
    }
}

#home-digital-marketing .box[data-v-3d3156c9] {
    transition: height 1s;
    max-width: 878px;
    -max-width: 427px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

@media only screen and (max-width:835px) {
    #home-digital-marketing .box[data-v-3d3156c9] {
        width: 343px;
        height: 160px;
        margin: 0
    }
}

#home-digital-marketing .box .wrapper .wrapper-content[data-v-3d3156c9] {
    height: 108px;
    transition: height 1s;
    padding: 32px 32px 0 32px;
    position: relative
}

#home-digital-marketing .box .wrapper .wrapper-content .logo[data-v-3d3156c9] {
    width: auto;
    height: 48px
}

@media only screen and (max-width:835px) {
    #home-digital-marketing .box .wrapper .wrapper-content .logo[data-v-3d3156c9] {
        height: 32px;
        position: absolute;
        bottom: 16px;
        left: 16px
    }
}

#home-digital-marketing .box .wrapper .wrapper-content .desc[data-v-3d3156c9] {
    padding: 24px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 1s linear;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:835px) {
    #home-digital-marketing .box .wrapper .wrapper-content .desc[data-v-3d3156c9] {
        display: none
    }
}

#home-digital-marketing .box .wrapper .wrapper-content .desc-link[data-v-3d3156c9] {
    position: absolute;
    bottom: 32px;
    left: 32px;
    opacity: 0;
    visibility: hidden
}

#home-digital-marketing .box .wrapper .wrapper-content .desc-link a[data-v-3d3156c9] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

#home-digital-marketing .box .wrapper .wrapper-content .desc-link svg[data-v-3d3156c9] {
    rotate: 180deg;
    transform: translateY(-3px)
}

@media only screen and (max-width:835px) {
    #home-digital-marketing .box .wrapper .wrapper-content .desc-link[data-v-3d3156c9] {
        display: none
    }
}

@media only screen and (min-width:836px) {
    #home-digital-marketing .box:hover .wrapper .wrapper-content[data-v-3d3156c9] {
        height: 256px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, .5)
    }

    #home-digital-marketing .box:hover .wrapper .wrapper-content .desc[data-v-3d3156c9] {
        opacity: 1;
        visibility: visible
    }

    #home-digital-marketing .box:hover .wrapper .wrapper-content .desc-link[data-v-3d3156c9] {
        animation: fadeIn-3d3156c9 2s;
        animation-delay: .2s;
        animation-fill-mode: forwards
    }

    @keyframes fadeIn-3d3156c9 {
        0% {
            transform: translate(-100)
        }

        to {
            transform: translate(0);
            opacity: 1;
            visibility: visible;
            animation-play-state: paused
        }
    }
}

@media only screen and (max-width:834px) {
    #future[data-v-35376cb8] {
        padding: 0 16px
    }
}

#future .header .title[data-v-35376cb8] {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    #future .header .title[data-v-35376cb8] {
        margin-bottom: 16px;
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }
}

#future .header .sub-header[data-v-35376cb8] {
    max-width: 910px;
    width: 100%;
    margin: auto;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 72px
}

@media only screen and (max-width:834px) {
    #future .header .sub-header[data-v-35376cb8] {
        margin-bottom: 24px
    }
}

#future .future-nav[data-v-35376cb8] {
    position: relative;
    max-width: 1329px;
    margin: auto;
    padding: 0 16px 14px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px
}

#future .future-nav[data-v-35376cb8]:nth-child(2) {
    margin-top: 64px;
    margin-bottom: 12px
}

#future .future-nav[data-v-35376cb8]:nth-child(3) {
    margin-bottom: 64px
}

@media only screen and (max-width:834px) {
    #future .future-nav[data-v-35376cb8] {
        gap: 2%;
        padding: 0 16px 16px;
        margin: 0;
        margin-bottom: 32px !important;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        border: 0
    }
}

#future .future-nav .btn[data-v-35376cb8] {
    position: relative;
    background-color: transparent;
    border: none;
    font-size: 20px;
    color: #9e9e9f;
    cursor: pointer;
    font-family: MicrosoftYaHei;
    padding-top: 24px;
    padding-bottom: 24px
}

@media only screen and (max-width:834px) {
    #future .future-nav .btn[data-v-35376cb8] {
        font-size: 12px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        height: 100%;
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 0;
        padding-bottom: 24px
    }

    #future .future-nav .btn[data-v-35376cb8]:last-child {
        grid-column: 2/span 1
    }
}

#future .future-nav .btn p[data-v-35376cb8] {
    margin: 0 30px
}

@media only screen and (max-width:834px) {
    #future .future-nav .btn p[data-v-35376cb8] {
        margin: 0 14px
    }
}

#future .future-nav .btn[data-v-35376cb8]:hover {
    font-weight: 700;
    color: #e03323
}

#future .future-nav .active[data-v-35376cb8] {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #e03323;
    border-bottom: 3px solid #e03323;
    padding: 0 0 20px 0
}

@media only screen and (max-width:834px) {
    #future .future-nav .active[data-v-35376cb8] {
        font-family: MicrosoftYaHei-Bold;
        font-size: 12px;
        padding: 0 0 8px 0
    }
}

#future .border[data-v-35376cb8] {
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: hsla(240, 1%, 62%, .4);
    margin: 0 16px 64px;
    max-width: 1570px
}

@media only screen and (max-width:1342px) {
    #future .border[data-v-35376cb8] {
        margin: 0 0 32px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width:834px) and (max-width:1084px) {
    html[lang=en] #future .future-nav[data-v-35376cb8] {
        font-size: 20px
    }
}

#license[data-v-27518186] {
    margin-top: 138px;
    margin-bottom: 132px
}

@media only screen and (max-width:834px) {
    #license[data-v-27518186] {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

#license .container-image-mobile[data-v-27518186] {
    position: relative;
    display: inline-block;
    height: 750px
}

@media only screen and (max-width:834px) {
    #license .container-image-mobile[data-v-27518186] {
        height: auto
    }
}

#license .container-image-mobile .container[data-v-27518186] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 16px 300px
}

#license .container-image-mobile .container .title[data-v-27518186] {
    margin: auto;
    font-size: 28px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 16px
}

#license .container-image-mobile .container .know-more-btn[data-v-27518186] {
    background-color: #e03323;
    border: none;
    width: 150px;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

#license .container-image-mobile .container .sub-title[data-v-27518186] {
    width: 100%;
    margin: 0;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

@media only screen and (max-width:834px) {
    #license .container-image-mobile .container .sub-title[data-v-27518186] {
        padding: 0
    }
}

#license .container-image-mobile .license[data-v-27518186] {
    width: 100%;
    height: 750px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:834px) {
    #license .container-image-mobile .license[data-v-27518186] {
        height: 580px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }
}

#license .container-image[data-v-27518186] {
    position: relative;
    display: inline-block
}

#license .container-image .wrapper[data-v-27518186] {
    position: absolute;
    top: 31%;
    left: 59%;
    padding-right: 16px;
    text-align: left
}

#license .container-image .title[data-v-27518186] {
    margin: 0;
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e3a39;
    text-align: left;
    margin-bottom: 24px
}

#license .container-image .know-more-btn[data-v-27518186] {
    background-color: #e03323;
    border: none;
    width: 150px;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

#license .container-image .sub-title[data-v-27518186] {
    max-width: 517px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    text-align: left;
    margin-bottom: 40px
}

#license .container-image .license[data-v-27518186] {
    max-width: 2560px;
    width: 100%;
    height: 700px;
    -o-object-fit: cover;
    object-fit: cover
}

#global-presence[data-v-7eddfee0] {
    margin-bottom: 100px
}

#global-presence .container[data-v-7eddfee0] {
    padding: 0 16px
}

#global-presence .header[data-v-7eddfee0] {
    margin-bottom: 80px
}

#global-presence .header .title[data-v-7eddfee0] {
    margin-top: 0;
    font-size: 48px;
    line-height: normal;
    margin-bottom: 24px
}

#global-presence .header .sub-title[data-v-7eddfee0],
#global-presence .header .title[data-v-7eddfee0] {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

#global-presence .header .sub-title[data-v-7eddfee0] {
    max-width: 910px;
    margin: auto;
    font-size: 16px;
    line-height: 1.5
}

#global-presence .map-wrapper[data-v-7eddfee0] {
    overflow-x: auto
}

#global-presence .map-wrapper .map-container[data-v-7eddfee0] {
    position: relative;
    display: inline-block;
    max-height: 757px;
    width: 1187px;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px
}

#global-presence .map-wrapper .map-container .map[data-v-7eddfee0] {
    height: 600px
}

#global-presence .map-wrapper .map-container .london[data-v-7eddfee0] {
    top: 17.3%;
    left: 44.2%
}

#global-presence .map-wrapper .map-container .dalas[data-v-7eddfee0] {
    top: 29.5%;
    left: 10.6%
}

#global-presence .map-wrapper .map-container .cyprus[data-v-7eddfee0] {
    top: 29.3%;
    left: 51.7%
}

#global-presence .map-wrapper .map-container .egypt[data-v-7eddfee0] {
    top: 36.7%;
    left: 53%
}

#global-presence .map-wrapper .map-container .dubai[data-v-7eddfee0] {
    top: 38%;
    left: 61.2%
}

#global-presence .map-wrapper .map-container .hong-kong[data-v-7eddfee0] {
    top: 40%;
    left: 81%
}

#global-presence .map-wrapper .map-container .hong-kong:focus .container-details[data-v-7eddfee0],
#global-presence .map-wrapper .map-container .hong-kong:hover .container-details[data-v-7eddfee0] {
    transform: translate(-39%, -106%) !important
}

#global-presence .map-wrapper .map-container .hong-kong .container-details[data-v-7eddfee0] {
    transform: translate(-59%, -38%) scale(.2) !important
}

#global-presence .map-wrapper .map-container .thailand[data-v-7eddfee0] {
    top: 46%;
    left: 77.8%
}

#global-presence .map-wrapper .map-container .thailand:focus .container-details[data-v-7eddfee0],
#global-presence .map-wrapper .map-container .thailand:hover .container-details[data-v-7eddfee0] {
    transform: translate(-39%, -106%) !important
}

#global-presence .map-wrapper .map-container .thailand .container-details[data-v-7eddfee0] {
    transform: translate(-60%, -37%) scale(.2) !important
}

#global-presence .map-wrapper .map-container .kuala-lumpur[data-v-7eddfee0] {
    top: 53.5%;
    left: 77.9%
}

#global-presence .map-wrapper .map-container .kuala-lumpur:focus .container-details[data-v-7eddfee0],
#global-presence .map-wrapper .map-container .kuala-lumpur:hover .container-details[data-v-7eddfee0] {
    transform: translate(-39%, -106%) !important
}

#global-presence .map-wrapper .map-container .kuala-lumpur .container-details[data-v-7eddfee0] {
    transform: translate(-61%, -38%) scale(.2) !important
}

#global-presence .map-wrapper .map-container .singapore[data-v-7eddfee0] {
    top: 61.2%;
    left: 79.4%;
    z-index: 1
}

#global-presence .map-wrapper .map-container .singapore:focus .container-details[data-v-7eddfee0],
#global-presence .map-wrapper .map-container .singapore:hover .container-details[data-v-7eddfee0] {
    transform: translate(-38%, -114%) !important
}

#global-presence .map-wrapper .map-container .singapore .container-details[data-v-7eddfee0] {
    transform: translate(-66%, -34%) scale(.2) !important
}

#global-presence .map-wrapper .map-container .seychelles[data-v-7eddfee0] {
    top: 61.2%;
    left: 62.6%
}

#global-presence .map-wrapper .map-container .mauritius[data-v-7eddfee0] {
    top: 70%;
    left: 64%;
    z-index: 1
}

#global-presence .map-wrapper .map-container .south-africa[data-v-7eddfee0] {
    top: 80%;
    left: 50.6%;
    z-index: 1
}

#global-presence .map-wrapper .map-container .vanuatu[data-v-7eddfee0] {
    top: 65%;
    left: 95.4%;
    z-index: 2
}

#global-presence .map-wrapper .map-container .vanuatu .container-details[data-v-7eddfee0] {
    transform: translate(-65%, -32%) scale(.2) !important
}

#global-presence .map-wrapper .map-container .vanuatu .container-details[data-v-7eddfee0]:after {
    left: 88% !important
}

#global-presence .map-wrapper .map-container .sydney[data-v-7eddfee0] {
    top: 81.5%;
    left: 93.4%;
    z-index: 2
}

#global-presence .map-wrapper .map-container .sydney .container-details[data-v-7eddfee0] {
    transform: translate(-60%, -34%) scale(.2) !important
}

#global-presence .map-wrapper .map-container .sydney .container-details[data-v-7eddfee0]:after {
    left: 88% !important
}

#global-presence .map-wrapper .map-container .container[data-v-7eddfee0] {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: transparent;
    display: inline-block
}

#global-presence .map-wrapper .map-container .container .container-details[data-v-7eddfee0] {
    opacity: 0;
    width: 290px;
    position: relative;
    border-top: 4px solid #e03323;
    display: flex;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    color: #3e3a39;
    box-shadow: 0 4px 16px 0 rgba(62, 58, 57, .1);
    transform: translate(-56%, -39%) scale(.2)
}

#global-presence .map-wrapper .map-container .container .container-details .details[data-v-7eddfee0] {
    font-family: SegoeUI;
    font-size: 16px;
    padding: 12px 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39
}

#global-presence .map-wrapper .map-container .container .container-details[data-v-7eddfee0]:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 50%;
    width: 0;
    height: 0;
    border: 8.5px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin-left: -20px;
    margin-bottom: -20px
}

#global-presence .map-wrapper .map-container .container .states-container[data-v-7eddfee0] {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 51%;
    right: -141%
}

#global-presence .map-wrapper .map-container .container .states-container p[data-v-7eddfee0] {
    margin: 0
}

#global-presence .map-wrapper .map-container .container .states-container .states[data-v-7eddfee0] {
    font-family: SegoeUI;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: right;
    color: #3e3a39;
    width: 119px;
    text-transform: uppercase
}

#global-presence .map-wrapper .map-container .container .states-container .country[data-v-7eddfee0] {
    white-space: nowrap;
    font-family: SegoeUI;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #3e3a39;
    position: absolute;
    right: 0;
    top: 21px
}

#global-presence .map-wrapper .map-container .container:hover.vanuatu .container-details[data-v-7eddfee0] {
    transform: translate(-76%, -106%) !important
}

#global-presence .map-wrapper .map-container .container:hover.sydney .container-details[data-v-7eddfee0] {
    transform: translate(-77%, -106%) !important
}

#global-presence .map-wrapper .map-container .container:hover .container-details[data-v-7eddfee0] {
    transform: translate(-39%, -106%);
    opacity: 1;
    transition: opacity .5s
}

@media only screen and (max-width:834px) {
    #global-presence[data-v-7eddfee0] {
        margin-bottom: 80px
    }

    #global-presence .header[data-v-7eddfee0] {
        margin-bottom: 40px
    }

    #global-presence .header .title[data-v-7eddfee0] {
        max-width: 343px !important;
        margin: auto;
        font-size: 28px
    }

    #global-presence .header .sub-title[data-v-7eddfee0] {
        margin: auto;
        font-size: 16px;
        padding-top: 16px
    }
}

@media only screen and (max-width:505px) {
    #global-presence .header .sub-title[data-v-7eddfee0] {
        max-width: 343px
    }
}

#global-partnership {
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Partners.png);
    background-repeat: no-repeat;
    background-position: 50%;
    padding-bottom: 100px;
    background-size: cover;
    max-width: 2560px;
    margin: 0 auto
}

@media only screen and (max-width:834px) {
    #global-partnership {
        padding-bottom: 80px
    }

    #global-partnership .container {
        padding: 0 16px
    }
}

#global-partnership .container .title {
    padding-top: 160px;
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    #global-partnership .container .title {
        padding-top: 80px;
        margin-bottom: 16px;
        font-size: 28px
    }
}

@media only screen and (max-width:500px) {
    #global-partnership .container .title {
        font-size: 28px
    }
}

#global-partnership .container .sub-title {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 910px;
    margin: auto;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    #global-partnership .container .sub-title {
        margin-bottom: 40px;
        width: auto
    }
}

#global-partnership .container-partners {
    max-width: 1330px;
    margin: auto;
    padding: 0 16px
}

@media only screen and (max-width:834px) {
    #global-partnership .container-partners {
        display: none
    }
}

#global-partnership .container-partners .wrapper {
    border-top: 4px solid red;
    width: 314px;
    height: 128px;
    background-color: #fff;
    display: inline-block;
    margin: 0 12px 24px;
    position: relative
}

#global-partnership .container-partners .wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#global-partnership .container-partners .rows {
    margin: 0 -27px
}

@media only screen and (max-width:1342px) {
    #global-partnership .container-partners .rows .last {
        display: none
    }
}

#global-partnership .container-partners .last-row .wrapper {
    margin-bottom: 0
}

#global-partnership .container-partners .tablet-mobile {
    display: none
}

@media only screen and (max-width:1342px) {
    #global-partnership .container-partners .tablet-mobile {
        display: flex;
        align-items: center
    }
}

#global-partnership .carousel-container {
    padding: 0 16px
}

#global-partnership .carousel-container .carousel {
    display: none;
    width: 100%
}

@media only screen and (max-width:834px) {
    #global-partnership .carousel-container .carousel {
        display: block
    }

    #global-partnership .carousel-container .carousel li.carousel__slide {
        margin-bottom: 13px
    }
}

#global-partnership .carousel-container .carousel .wrapper {
    width: 100%;
    border-top: 4px solid red;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 19px
}

@media only screen and (max-width:834px) {
    #global-partnership .carousel-container .carousel .wrapper {
        max-width: 314px;
        margin-bottom: 19px
    }
}

#global-partnership .carousel-container .carousel .carousel-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    -moz-column-gap: 19px;
    column-gap: 19px
}

#global-partnership .carousel__pagination-button:after {
    width: 6px;
    height: 6px
}

#global-partnership .carousel__pagination-button--active:after {
    background-color: #e03323
}

#global-partnership .carousel__next,
#global-partnership .carousel__prev {
    display: none
}

#global-partnership .carousel__pagination {
    margin: 0 !important;
    padding: 0 !important
}

#opportunity[data-v-48a4c499] {
    margin-top: 100px;
    padding: 0 16px
}

@media only screen and (max-width:834px) {
    #opportunity[data-v-48a4c499] {
        padding: 0 16px
    }
}

#opportunity .title[data-v-48a4c499] {
    max-width: 863px;
    width: 100%;
    padding-bottom: 24px;
    margin: auto;
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

@media only screen and (max-width:834px) {
    #opportunity .title[data-v-48a4c499] {
        font-size: 28px;
        padding-top: 80px;
        margin-bottom: 16px
    }
}

#opportunity .sub-title[data-v-48a4c499] {
    margin-bottom: 40px;
    color: #3e3a39
}

#opportunity .contact-us-container .btn-contact[data-v-48a4c499],
#opportunity .sub-title[data-v-48a4c499] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
}

#opportunity .contact-us-container .btn-contact[data-v-48a4c499] {
    color: #fff;
    white-space: nowrap;
    border: none;
    width: 150px;
    height: 48px;
    margin: 0 auto 120px;
    padding: 12px 16px;
    background-color: #e03323
}

@media only screen and (max-width:834px) {
    #opportunity .contact-us-container .btn-contact[data-v-48a4c499] {
        margin-bottom: 80px
    }
}

a {
    text-decoration: none !important
}

@media only screen and (max-width:834px) {
    #latest-news {
        margin: 0 16px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width:500px) {
    #latest-news {
        margin: 0 16px
    }
}

#latest-news .container {
    max-width: 1330px
}

#latest-news .container .title {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    #latest-news .container .title {
        font-size: 28px;
        padding-top: 80px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width:500px) {
    #latest-news .container .title {
        font-size: 28px
    }
}

#latest-news .news {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 25px;
    column-gap: 25px;
    height: 100%;
    margin-bottom: 40px
}

@media only screen and (max-width:1190px) {
    #latest-news .news {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #latest-news .news a:last-child {
        margin-top: 25px
    }
}

@media only screen and (max-width:834px) {
    #latest-news .news {
        display: none
    }
}

#latest-news .news .wrapper {
    display: flex;
    background-color: #f8f8f8;
    flex-direction: column;
    height: 100%;
    text-align: left;
    border-radius: 8px;
    overflow: hidden
}

#latest-news .news .wrapper .image {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 427px
}

#latest-news .news .wrapper .content {
    display: flex;
    flex-direction: column;
    padding: 32px;
    text-align: left;
    height: 290px;
    position: relative;
    font-family: segoeui !important
}

#latest-news .news .wrapper .content .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    text-align: left;
    -webkit-line-clamp: 2;
    margin-bottom: 16px
}

#latest-news .news .wrapper .content .subtitle,
#latest-news .news .wrapper .content .title {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3e3a39;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

#latest-news .news .wrapper .content .subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-line-clamp: 4
}

#latest-news .news .wrapper .content .date {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    position: absolute;
    bottom: 32px;
    left: 32px
}

#latest-news .carousel {
    display: none;
    width: 100%;
    max-height: 420px
}

@media only screen and (max-width:834px) {
    #latest-news .carousel {
        max-height: inherit;
        display: block
    }

    #latest-news .carousel .carousel__track {
        margin-bottom: 32px
    }

    #latest-news .carousel .carousel__slide {
        align-items: baseline
    }
}

#latest-news .carousel .wrapper {
    display: flex;
    background-color: #f8f8f8;
    flex-direction: column;
    height: 100%;
    text-align: left;
    border-radius: 8px;
    overflow: hidden
}

#latest-news .carousel .wrapper .image {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 427px
}

@media only screen and (max-width:834px) {
    #latest-news .carousel .wrapper .image {
        -o-object-fit: cover;
        object-fit: cover
    }
}

#latest-news .carousel .wrapper .content {
    display: flex;
    flex-direction: column;
    padding: 24px;
    font-family: segoeui !important
}

@media only screen and (max-width:834px) {
    #latest-news .carousel .wrapper .content {
        min-height: 222px
    }
}

#latest-news .carousel .wrapper .content .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    -webkit-line-clamp: 2
}

#latest-news .carousel .wrapper .content .subtitle,
#latest-news .carousel .wrapper .content .title {
    margin: 0;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3e3a39;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#latest-news .carousel .wrapper .content .subtitle {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-line-clamp: 3
}

#latest-news .carousel .wrapper .content .date {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    padding-top: 16px
}

#latest-news .contact-us-container .btn-contact {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    border: none;
    width: 150px;
    height: 48px;
    margin: 40px 72px 160px 73px;
    padding: 12px 16px;
    background-color: #e03323;
    display: block;
    margin: 0 auto
}

#latest-news .carousel__pagination-button:after {
    width: 6px;
    height: 6px
}

#latest-news .carousel__pagination-button--active:after {
    background-color: #e03323
}

#latest-news .carousel__next,
#latest-news .carousel__prev {
    display: none
}

#latest-news .carousel__pagination {
    margin: 0 !important;
    margin-top: 32px !important;
    margin-bottom: 32px !important;
    padding: 0 !important
}

#esg-block {
    margin: 0 0 100px
}

@media only screen and (max-width:834px) {
    #esg-block {
        margin: 0 16px
    }
}

@media only screen and (max-width:500px) {
    #esg-block {
        margin: 0 16px
    }
}

#esg-block .container {
    max-width: 1330px
}

#esg-block .container .title {
    padding-top: 160px;
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px;
    margin-top: 0
}

@media only screen and (max-width:834px) {
    #esg-block .container .title {
        font-size: 28px;
        padding-top: 80px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:500px) {
    #esg-block .container .title {
        font-size: 28px
    }
}

#esg-block .container .sub-title {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 788px;
    width: 100%;
    margin: auto;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    #esg-block .container .sub-title {
        margin-bottom: 40px;
        width: auto
    }
}

#esg-block .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center
}

#esg-block .carousel {
    width: 100%;
    position: relative
}

@media only screen and (max-width:834px) {
    #esg-block .carousel {
        height: auto
    }
}

#esg-block .carousel img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#esg-block .carousel img:last-child {
    display: none
}

@media only screen and (max-width:834px) {
    #esg-block .carousel img {
        display: none
    }

    #esg-block .carousel img:last-child {
        display: block
    }
}

#esg-block .carousel__pagination-button:after {
    width: 6px;
    height: 6px
}

#esg-block .carousel__pagination-button--active:after {
    background-color: #e03323
}

#esg-block .carousel__next,
#esg-block .carousel__prev {
    display: none
}

#esg-block .carousel__pagination {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 32px !important
}

#esg-block .carousel-custom-control {
    margin: 16px;
    width: 44px;
    height: 64px;
    cursor: pointer
}

.MUArticles>img {
    max-width: 100%;
    margin-bottom: 16px
}

.MUArticles .content {
    display: flex;
    text-align: left
}

.MUArticles .content img {
    margin-top: 4px;
    margin-right: 16px
}

.MUArticles .content .title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39
}

.MUArticles .content .title .date {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.67;
    display: block
}

.MUArticles .content .title .date,
.MUArticles .content p {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39
}

.MUArticles .content p {
    font-size: 16px;
    line-height: 1.5
}

.ContactForm .modal-content-wrapper {
    padding: 24px
}

.ContactForm .form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column: span 2/span 2;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.ContactForm .form .title {
    text-align: left;
    grid-column: span 2/span 2;
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .ContactForm .form .title {
        font-size: 20px;
        padding-top: 0
    }
}

.ContactForm .min-height-88 {
    min-height: 88px !important
}

.ContactForm .button-wrapper {
    width: 100%
}

.ContactForm .submit-result {
    padding: 8px 16px;
    margin-top: 24px;
    border: 2px solid;
    text-align: left
}

.ContactForm .green {
    border-color: #60b253
}

.ContactForm .red {
    border-color: #e03323
}

.ContactForm button.formkit-input {
    justify-self: left;
    width: 150px;
    margin-right: auto;
    padding: 12px 36px;
    background-color: #e03323;
    border: none;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    border-radius: 0;
    width: 100%
}

@media only screen and (max-width:834px) {
    .ContactForm button.formkit-input {
        grid-column: span 2/span 2
    }
}

#main-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 0 16px;
    pointer-events: none
}

#main-modal.show {
    pointer-events: all
}

#main-modal.show .modal-overlay {
    transition: 1s;
    opacity: .6
}

#main-modal.show .modal-animation {
    transition: transform 1s, opacity 1s;
    transform: translate(-50%, calc(-50% - 19px));
    opacity: 1
}

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: 1s
}

.MUArticles .modal-content-wrapper::-webkit-scrollbar {
    width: 5px
}

.MUArticles .modal-content-wrapper::-webkit-scrollbar-track {
    background: #e3e3e3
}

.MUArticles .modal-content-wrapper::-webkit-scrollbar-thumb {
    background-color: #e03323;
    border-radius: 20px
}

.modal-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: calc(100% - 32px);
    max-width: 831px;
    opacity: 0;
    transition: transform 1s, opacity 1s
}

@include mobile-screen () {
    transform: translate(-50%, -300px);
    top: 50%
}

.modal-animation .modal-btn-close {
    position: relative;
    bottom: -18px;
    left: 0;
    margin-left: -15px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ccc;
    cursor: pointer;
    height: 0
}

.modal-animation .modal-btn-close img {
    width: 24px
}

.modal-content-wrapper {
    padding: 16px;
    background-color: #fff;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .15);
    border-radius: 0;
    height: auto;
    max-height: 78vh;
    overflow-y: auto
}

.modal-content-wrapper .about-title {
    margin-bottom: 22px
}

.modal-content-wrapper .about-description {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #313131;
    margin-bottom: 12px
}

@include mobile-screen () {
    font-size: 12px
}

.ContactForm .modal-content-wrapper {
    max-height: 92vh
}

.home-view[data-v-5375320c] {
    margin: 0;
    padding: 0
}

.global-office .sub-banner[data-v-1e10a750] {
    background: url(https://cdn.dootech.io/doo/about/global_office.png) no-repeat top
}

@media only screen and (max-width:834px) {
    .global-office .sub-banner[data-v-1e10a750] {
        background: url(https://cdn.dootech.io/doo/about/global_office_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    .global-office .sub-banner .container[data-v-1e10a750] {
        max-width: 40%;
        margin: 0
    }
}

.global-office .container[data-v-1e10a750] {
    text-align: left;
    padding: 32px 16px 0
}

.global-office .videos[data-v-1e10a750] {
    display: grid;
    justify-content: center;
    gap: 24px
}

.global-office .videos .vpop[data-v-1e10a750]:first-child {
    display: grid;
    grid-column: 1/span 2
}

.global-office .videos .vpop[data-v-1e10a750]:nth-child(2) {
    display: grid;
    grid-column: 3/span 2
}

.global-office .videos .vpop[data-v-1e10a750]:nth-child(3) {
    display: grid;
    grid-column: 5/span 2
}

.global-office .videos .vpop[data-v-1e10a750]:nth-child(4) {
    display: grid;
    grid-column: 2/span 2
}

.global-office .videos .vpop[data-v-1e10a750]:nth-child(5) {
    display: grid;
    grid-column: 4/span 2
}

@media only screen and (max-width:834px) {
    .global-office .videos[data-v-1e10a750] {
        display: block
    }
}

.global-office .videos>div[data-v-1e10a750] {
    position: relative;
    cursor: pointer
}

@media only screen and (max-width:834px) {
    .global-office .videos>div[data-v-1e10a750] {
        margin-bottom: 16px
    }
}

.global-office .videos>div>img[data-v-1e10a750] {
    max-width: 100%
}

@media only screen and (max-width:834px) {
    .global-office .videos>div>img[data-v-1e10a750] {
        width: 100%;
        height: 240px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.global-office .videos .icon-play[data-v-1e10a750] {
    position: absolute;
    left: 32px;
    bottom: 32px;
    text-align: center
}

@media only screen and (max-width:834px) {
    .global-office .videos .icon-play[data-v-1e10a750] {
        left: 16px;
        bottom: 16px
    }
}

.global-office .videos .icon-play img[data-v-1e10a750] {
    width: 56px;
    height: 56px;
    display: block;
    margin-bottom: 16px
}

@media only screen and (max-width:834px) {
    .global-office .videos .icon-play img[data-v-1e10a750] {
        width: 48px;
        height: 48px
    }
}

.global-office .videos .icon-play span[data-v-1e10a750] {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #fff
}

@media only screen and (max-width:834px) {
    .global-office .videos .icon-play span[data-v-1e10a750] {
        font-size: 28px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal
    }
}

.global-office .global-operations-centers[data-v-1e10a750] {
    padding-bottom: 160px
}

@media only screen and (max-width:834px) {
    .global-office .global-operations-centers[data-v-1e10a750] {
        padding-bottom: 80px
    }
}

.global-office .global-operations-centers h2[data-v-1e10a750] {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    .global-office .global-operations-centers h2[data-v-1e10a750] {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 32px
    }
}

.global-office #video-popup-container[data-v-1e10a750] {
    display: none;
    position: fixed;
    z-index: 996;
    width: 90%;
    height: 100vh;
    top: 0;
    left: 0;
    margin-left: 5%;
    justify-content: center;
    align-items: center
}

.global-office #video-popup-close[data-v-1e10a750] {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 999;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: #000;
    line-height: 25px;
    color: #fff
}

.global-office #video-popup-iframe-container[data-v-1e10a750] {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000
}

.global-office #video-popup-iframe[data-v-1e10a750] {
    z-index: 998;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000
}

.global-office #video-popup-overlay[data-v-1e10a750] {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: .8;
    width: 100%;
    height: 100%;
    margin: 0 -16px
}

.global-office #video-popup-close[data-v-1e10a750]:hover {
    color: #de0023
}

html[lang=sc] .license .license-list .input-group .categories,
html[lang=tc] .license .license-list .input-group .categories {
    font-family: Microsoft-YaHei-Heavy
}

.license .sub-banner {
    background: url(../images/license.png) no-repeat top
}

@media only screen and (max-width:834px) {
    .license .sub-banner {
        background: url(../images/license_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    .license .sub-banner>.container {
        max-width: 40%;
        margin: 0
    }
}

.license .license-list {
    padding-bottom: 160px
}

@media only screen and (max-width:834px) {
    .license .license-list {
        padding-bottom: 80px
    }
}

.license .license-list h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .license .license-list h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:1380px) {
    .license .license-list .container {
        padding: 0 16px
    }
}

.license .license-list .container.custom {
    max-width: 1329px
}

.license .license-list .container>p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    .license .license-list .container>p {
        margin: 0 auto 40px
    }
}

.license .license-list .input-group {
    text-align: center;
    margin-bottom: 40px
}

@media only screen and (max-width:1380px) {
    .license .license-list .input-group {
        text-align: center
    }
}

.license .license-list .input-group .categories {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 15px
}

@media only screen and (max-width:600px) {
    .license .license-list .input-group .categories {
        display: block
    }
}

.license .license-list .input-group .categories-wrapper {
    position: relative;
    max-width: 372px;
    width: 100%;
    display: inline-block
}

@media only screen and (max-width:600px) {
    .license .license-list .input-group .categories-wrapper {
        max-width: 343px
    }
}

.license .license-list .input-group .categories-wrapper .icon {
    width: 24px;
    height: 18px;
    background: #fff;
    position: absolute;
    right: 43px;
    top: 14px;
    z-index: 1;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.license .license-list .input-group .categories-wrapper .icon::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: #3d3938;
    transition: transform 0.3s ease;
}

@media only screen and (min-width:1381px) {
    .license .license-list .input-group .categories-wrapper .icon {
        right: 1px
    }
}

@media only screen and (max-width:834px) {
    .license .license-list .input-group .categories-wrapper .icon {
        right: 38px
    }
}

@media only screen and (max-width:600px) {
    .license .license-list .input-group .categories-wrapper .icon {
        right: 1px
    }
}

@media only screen and (max-width:380px) {
    .license .license-list .input-group .categories-wrapper .icon {
        right: 1px
    }
}



.license .license-list .input-group .categories-wrapper select:active~.icon::after,
.license .license-list .input-group .categories-wrapper select:focus~.icon::after {
    transform: rotate(180deg);
}

.license .license-list .input-group select {
    padding: 12px 42px 12px 16px;
    border: 1px solid hsla(240, 1%, 62%, .4);
    width: 100%;
    height: 48px;
    font-family: SegoeUI;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    position: relative;
    cursor: pointer
}

@media only screen and (max-width:1380px) {
    .license .license-list .input-group select {
        max-width: 288px
    }
}

@media only screen and (max-width:834px) {
    .license .license-list .input-group select {
        max-width: min(300px, 80%)
    }
}

@media only screen and (max-width:600px) {
    .license .license-list .input-group select {
        max-width: 343px
    }
}

@media only screen and (max-width:380px) {
    .license .license-list .input-group select {
        max-width: 100%
    }
}

.license .license-list .wrapper {
    text-align: left
}

@media only screen and (min-width:600px) {
    .license .license-list .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }
}

@media only screen and (min-width:990px) {
    .license .license-list .wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:1380px) {
    .license .license-list .wrapper {
        text-align: center
    }
}

.license .license-list .image-card {
    width: 100%;
    padding: 40px 24px 32px;
    border: 1px solid hsla(240, 1%, 62%, .4);
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width:834px) {
    .license .license-list .image-card {
        max-width: 343px;
        padding-top: 32px;
        padding-bottom: 24px;
        margin-bottom: 16px;
        display: block
    }
}

.license .license-list .image-card.landscape-license {
    justify-content: center
}

@media only screen and (max-width:1380px) {
    .license .license-list .image-card.landscape-license {
        justify-content: flex-start
    }
}

.license .license-list .image-card.landscape-license>div:first-child {
    justify-content: center;
    min-height: 276px
}

@media only screen and (max-width:1380px) {
    .license .license-list .image-card.landscape-license>div:first-child {
        min-height: 227px
    }
}

.license .license-list .image-card.landscape-license img {
    max-width: none;
    max-width: 300px;
    height: auto
}

@media only screen and (max-width:834px) {
    .license .license-list .image-card.landscape-license img {
        max-width: 227px;
        height: auto
    }
}

.license .license-list .image-card>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.license .license-list .image-card h3 {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-top: 32px;
    margin-bottom: 8px
}

@media only screen and (max-width:1380px) {
    .license .license-list .image-card h3 {
        margin-top: 24px
    }
}

.license .license-list .image-card p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #9e9e9f
}

@media only screen and (max-width:679px) {
    .license .license-list .image-card p {
        max-width: 224px;
        margin: 0 auto
    }
}

.license .license-list img {
    max-width: 212px;
    width: 100%;
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15)
}

@media only screen and (max-width:1380px) {
    .license .license-list img {
        max-width: 160px;
        width: 100%;
        height: 227px
    }
}

.license .license-list img:hover {
    cursor: pointer
}

.modal {
    background-color: #00000070;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: scroll;
    scrollbar-width: none
}

.modal,
.target {
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.target {
    position: absolute;
    width: 30vw;
    height: 90vh;
    max-width: 1330px
}

.zoomed-mobile {
    width: 95vw
}

.target-img {
    cursor: zoom-in;
    width: 100%
}

.icon {
    cursor: pointer;
    float: right;
    width: 40px;
    height: 39.4px
}

.group-introduction i {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #e03323;
    display: inline-block;
    vertical-align: 0;
    margin-right: 16px;
    position: absolute;
    left: 0;
    top: 6px
}

.group-introduction .sub-banner {
    background: url(https://cdn.dootech.io/doo/about/group_introduction.png) no-repeat 20% top
}

@media only screen and (max-width:834px) {
    .group-introduction .sub-banner {
        background: url(https://cdn.dootech.io/doo/about/group_introduction_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    .group-introduction .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (min-width:1921px) {

    .group-introduction .sub-banner .container h1,
    .group-introduction .sub-banner .container p {
        max-width: 342px
    }
}

.group-introduction .container {
    padding: 0 16px
}

.group-introduction .better-future {
    padding-bottom: 160px
}

@media only screen and (max-width:834px) {
    .group-introduction .better-future {
        padding-bottom: 80px
    }
}

.group-introduction .better-future h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .group-introduction .better-future h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.group-introduction .better-future p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 788px;
    margin: 0 auto 24px
}

@media only screen and (max-width:834px) {
    .group-introduction .better-future p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }
}

.group-introduction .better-future img {
    max-width: 100%;
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:834px) {
    .group-introduction .better-future img {
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.group-introduction .better-future .web {
    margin-top: -250px;
    position: relative;
    z-index: -1
}

.group-introduction .better-future .mobile {
    margin-top: -90px;
    position: relative;
    z-index: -1
}

.group-introduction .mission,
.group-introduction .vision {
    padding-bottom: 160px
}

@media only screen and (max-width:1000px) {

    .group-introduction .mission,
    .group-introduction .vision {
        padding-bottom: 80px
    }
}

.group-introduction .mission .container,
.group-introduction .vision .container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left
}

@media only screen and (max-width:679px) {

    .group-introduction .mission .container,
    .group-introduction .vision .container {
        flex-direction: column
    }
}

@media only screen and (min-width:680px) and (max-width:1000px) {

    .group-introduction .mission .container .content,
    .group-introduction .vision .container .content {
        padding: 0 16px
    }
}

.group-introduction .mission .container>img,
.group-introduction .vision .container>img {
    height: 450px;
    max-width: 100%
}

@media only screen and (min-width:680px) and (max-width:1000px) {

    .group-introduction .mission .container>img,
    .group-introduction .vision .container>img {
        height: auto;
        max-width: 50%
    }
}

@media only screen and (max-width:679px) {

    .group-introduction .mission .container>img,
    .group-introduction .vision .container>img {
        height: auto;
        width: 100%
    }
}

.group-introduction .mission .content h2,
.group-introduction .vision .content h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:1000px) {

    .group-introduction .mission .content h2,
    .group-introduction .vision .content h2 {
        font-size: 28px
    }
}

@media only screen and (max-width:679px) {

    .group-introduction .mission .content h2,
    .group-introduction .vision .content h2 {
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.group-introduction .mission .content p,
.group-introduction .vision .content p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    position: relative
}

@media only screen and (min-width:680px) {

    .group-introduction .mission .content p,
    .group-introduction .vision .content p {
        padding-left: 26px
    }
}

@media only screen and (max-width:679px) {

    .group-introduction .mission .content p,
    .group-introduction .vision .content p {
        margin-bottom: 40px;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }

    .group-introduction .mission .content p i,
    .group-introduction .vision .content p i {
        display: none
    }
}

@media only screen and (min-width:1001px) {
    .group-introduction .mission .container>img {
        order: 1;
        margin-right: 126px
    }
}

@media only screen and (min-width:680px) {
    .group-introduction .mission .content {
        order: 2
    }
}

@media only screen and (min-width:1001px) {
    .group-introduction .vision .content {
        margin-right: 126px
    }
}

.group-introduction .values {
    padding-bottom: 160px
}

@media only screen and (max-width:834px) {
    .group-introduction .values {
        padding-bottom: 80px
    }
}

.group-introduction .values h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    .group-introduction .values h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }
}

.group-introduction .values .wrapper {
    max-width: 1330px;
    margin: 0 auto;
    display: flex;
    gap: 24px
}

.group-introduction .values .wrapper .card {
    width: 33.3%;
    background: #f8f8f8
}

.group-introduction .values .content {
    position: relative;
    text-align: left;
    padding: 32px 32px 40px 56px
}

@media only screen and (max-width:834px) {
    .group-introduction .values .content {
        padding-top: 24px;
        padding-left: 45px;
        padding-right: 16px
    }
}

.group-introduction .values .content i {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #e03323;
    left: 26px;
    top: 49px
}

@media only screen and (max-width:834px) {
    .group-introduction .values .content i {
        left: 18px;
        top: 33px
    }
}

.group-introduction .values img {
    max-width: 100%
}

@media only screen and (max-width:834px) {
    .group-introduction .values img {
        width: 100%
    }
}

.group-introduction .values h3 {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 16px
}

@media only screen and (max-width:834px) {
    .group-introduction .values h3 {
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #3e3a39;
        margin-bottom: 8px
    }
}

.group-introduction .values p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39
}

.group-introduction .values .carousel__slide {
    flex-direction: column;
    justify-content: flex-start;
    background: #f8f8f8
}

.group-introduction .values .carousel__slide h3 {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #3e3a39
}

.group-introduction .values .carousel__slide p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39
}

.group-introduction .values .carousel__pagination-button:after {
    width: 6px;
    height: 6px;
    background: #9e9e9f
}

.group-introduction .values .carousel__pagination-button--active:after {
    background: #e03323
}

.group-introduction .values .carousel__pagination {
    margin-top: 32px
}

.group-introduction .business-and-brands {
    background: url(https://cdn.dootech.io/doo/about/brand_g.png) no-repeat top;
    background-size: cover;
    padding: 160px 0
}

@media only screen and (max-width:834px) {
    .group-introduction .business-and-brands {
        padding: 80px 0
    }
}

.group-introduction .business-and-brands h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .group-introduction .business-and-brands h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.group-introduction .business-and-brands p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin: 0 auto 80px;
    max-width: 1059px
}

@media only screen and (max-width:834px) {
    .group-introduction .business-and-brands p {
        margin-bottom: 33px
    }
}

.group-introduction .business-and-brands .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    gap: 24px;
    max-width: 1329px;
    margin: 0 auto
}

@media only screen and (min-width:1600px) {
    .group-introduction .business-and-brands .wrapper {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1000px) {
    .group-introduction .business-and-brands .wrapper {
        display: block
    }
}

.group-introduction .business-and-brands .wrapper .card {
    max-width: 427px;
    width: 100%;
    padding: 28px 0 32px;
    border-top: 4px solid #e03323;
    background-color: #fff
}

@media only screen and (max-width:1000px) and (min-width:680px) {
    .group-introduction .business-and-brands .wrapper .card {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        margin: 12px 12px
    }
}

@media only screen and (min-width:1600px) {
    .group-introduction .business-and-brands .wrapper .card:nth-last-child(2) {
        grid-column: 2/span 1
    }
}

@media only screen and (min-width:835px) {
    .group-introduction .business-and-brands .wrapper .card {
        min-height: 278px
    }
}

@media only screen and (max-width:834px) {
    .group-introduction .business-and-brands .wrapper .card {
        border-top: 3px solid #e03323;
        display: flex;
        flex-direction: column;
        padding: 24px 30px 40px;
        max-width: 314px;
        width: 100%;
        display: inline-block;
        margin: 0 8px 16px
    }
}

.group-introduction .business-and-brands .wrapper .sub-brands {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    height: 100%;
    height: calc(100% - 31px)
}

@media only screen and (min-width:692px) {
    .group-introduction .business-and-brands .wrapper .sub-brands {
        min-height: 185px
    }
}

.group-introduction .business-and-brands .wrapper h3 {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 6.3px
}

@media only screen and (max-width:834px) {
    .group-introduction .business-and-brands .wrapper h3 {
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #3e3a39;
        margin-bottom: 0
    }
}

.group-introduction .business-and-brands .wrapper img {
    display: block;
    width: 100%;
    padding: 14px 0
}

.group-introduction .business-and-brands .wrapper img:last-child {
    margin-bottom: 0
}

.group-introduction .business-and-brands .wrapper img.dc {
    max-width: 189px
}

.group-introduction .business-and-brands .wrapper img.df {
    max-width: 226px
}

.group-introduction .business-and-brands .wrapper img.dp {
    max-width: 148px
}

.group-introduction .business-and-brands .wrapper img.dw {
    max-width: 250px
}

.group-introduction .business-and-brands .wrapper img.dpe {
    max-width: 184px
}

.group-introduction .business-and-brands .wrapper img.lp {
    max-width: 142px
}

.group-introduction .business-and-brands .wrapper img.fp {
    max-width: 182px
}

.group-introduction .business-and-brands .wrapper img.da {
    max-width: 179px
}

.group-introduction .business-and-brands .wrapper img.dh {
    max-width: 221px
}

.group-introduction .business-and-brands .wrapper img.dpr {
    max-width: 233px
}

.group-introduction .business-and-brands .wrapper img.dcs {
    max-width: 253px
}

.group-introduction .business-and-brands .wrapper img.dcd {
    max-width: 226px
}

.group-introduction .business-and-brands .wrapper img.ddp {
    max-width: 156px
}

@media only screen and (max-width:834px) {
    .group-introduction .business-and-brands .wrapper img:first-of-type {
        margin-top: 32px
    }

    .group-introduction .business-and-brands .wrapper img.dc {
        max-width: 140px
    }

    .group-introduction .business-and-brands .wrapper img.df {
        max-width: 204px
    }

    .group-introduction .business-and-brands .wrapper img.dp {
        max-width: 132px
    }

    .group-introduction .business-and-brands .wrapper img.dw {
        max-width: 175px
    }

    .group-introduction .business-and-brands .wrapper img.dpe {
        max-width: 142px
    }

    .group-introduction .business-and-brands .wrapper img.lp {
        max-width: 118px
    }

    .group-introduction .business-and-brands .wrapper img.fp {
        max-width: 140px
    }

    .group-introduction .business-and-brands .wrapper img.da {
        max-width: 128px
    }

    .group-introduction .business-and-brands .wrapper img.dh {
        max-width: 158px
    }

    .group-introduction .business-and-brands .wrapper img.dpr {
        max-width: 163px
    }

    .group-introduction .business-and-brands .wrapper img.dcs {
        max-width: 185px
    }

    .group-introduction .business-and-brands .wrapper img.dcd {
        max-width: 164px
    }

    .group-introduction .business-and-brands .wrapper img.ddp {
        max-width: 112px
    }
}

.group-introduction .videos {
    display: flex;
    justify-content: center;
    gap: 24px
}

@media only screen and (max-width:834px) {
    .group-introduction .videos {
        display: block
    }
}

.group-introduction .videos iframe {
    max-width: 1058px;
    width: 100%;
    height: 595px
}

#footer {
    margin-top: 0 !important
}

html[lang=en] .blog-content .date,
html[lang=en] .blog-content .description,
html[lang=en] .blog-content .title,
html[lang=en] .image-row-content .description,
html[lang=en] .image-row-content .title,
html[lang=en] .image-with-text-box-container-mobile>div>.red-content>.description,
html[lang=en] .image-with-text-box-description,
html[lang=en] .language-option,
html[lang=en] .mobile-nav-content>.mobile-language-row,
html[lang=en] .three-image-banner-content .description {
    font-family: SegoeUI
}

html[lang=tc] .blog-content .date,
html[lang=tc] .blog-content .description,
html[lang=tc] .blog-content .title,
html[lang=tc] .image-with-text-box-container-mobile>div>.red-content>.description,
html[lang=tc] .image-with-text-box-container-mobile>div>.red-content>.title,
html[lang=tc] .image-with-text-box-description,
html[lang=tc] .language-option,
html[lang=tc] .mobile-menu-panel .title,
html[lang=tc] .mobile-nav-content>.mobile-language-row,
html[lang=tc] .mobile-nav-content>div>.language-text,
html[lang=tc] .mobile-nav-content>div>a,
html[lang=tc] .three-image-banner-content .description,
html[lang=tc].image-row-content .description {
    font-family: YaHei
}

html[lang=en] .center-title>h2,
html[lang=en] .mobile-menu-panel .title,
html[lang=en] .mobile-nav-content>div>.language-text,
html[lang=en] .mobile-nav-content>div>a {
    font-family: Oswald
}

html[lang=en] .image-with-text-box-container-mobile>div>.red-content>.title,
html[lang=en] .image-with-text-box-title,
html[lang=en] .three-image-banner-content .title {
    font-family: Oswald-Bold
}

html[lang=en] .landing-banner-button {
    font-family: SegoeUI-Bold
}

html[lang=tc] .image-row-content .title,
html[lang=tc] .image-with-text-box-title,
html[lang=tc] .landing-banner-button,
html[lang=tc] .three-image-banner-content .title {
    font-family: YaHei-Bold
}

#app {
    color: #000
}

section .component {
    height: 36px
}

.sticky-header {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 152px
}

@media only screen and (min-width:836px) {
    .sticky-header {
        margin-top: 36px
    }
}

.scrollMargin {
    scroll-margin-top: 152px
}

.padding-sticky-header {
    height: 152px
}

@media only screen and (max-width:835px) {
    .padding-sticky-header {
        height: 117px
    }
}

.nav-bar {
    background-color: #000;
    width: 100%;
    height: 36px
}

.nav-bar>div:first-child {
    max-width: 1404px;
    color: #fff;
    height: 100%;
    margin: auto;
    cursor: pointer
}

.language-text,
.nav-bar>div:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end
}

.language-text {
    margin-left: .75rem
}

.globe {
    height: 16px;
    width: 16px;
    margin-right: .75rem
}

.header-box {
    display: flex;
    height: 116px;
    padding: 24px 0 24px 0;
    margin: 0 auto;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    justify-content: center
}

.header-box,
.mobile-header-box {
    flex-direction: row;
    width: 100%;
    box-shadow: 0 4px 32px 0 rgba(30, 30, 30, .15);
    background-color: #fff;
    align-items: center
}

.mobile-header-box {
    display: none;
    height: 76px;
    padding: 16px 24px;
    justify-content: space-between
}

.hamburger {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.header-logo {
    width: 255px;
    margin: 0 36px
}

@media only screen and (max-width:880px) {
    .header-logo {
        width: 210px;
        margin: 0 15px
    }
}

html[lang=en] .header-link {
    font-family: Oswald
}

html[lang=tc] .header-link {
    font-family: YaHei
}

.header-link {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    padding: 0 36px
}

@media only screen and (max-width:800px) {
    .header-link {
        padding: 0 12px
    }
}

.menu-selected>.header-link {
    color: #e03323 !important
}

.menu-selected .underline {
    display: block !important
}

.menu-selected {
    color: #e03323 !important
}

.header-wrapper>.underline {
    display: none;
    border-bottom: 2px solid #e03323;
    width: 24px;
    margin: 0 auto
}

.header-link:hover {
    color: #e03323
}

.landing-container {
    max-width: 1920px;
    margin: 0 auto
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 100px;
    padding: 12px 16px;
    z-index: 1;
    flex-direction: column
}

.dropdown-content>a {
    padding: 8px 0;
    color: #fff
}

.dropdown-content>a:hover {
    color: #e03323
}

.dropdown:hover .dropdown-content {
    display: flex
}

.language-text:hover {
    color: #e03323
}

.image-with-text-box-container {
    max-width: 1404px;
    position: relative;
    margin: 120px auto;
    text-align: initial
}

.image-with-text-box-container>img {
    max-width: 100%;
    width: 929px;
    height: 525px
}

.image-with-text-box-container>.content {
    position: absolute;
    top: 15%;
    right: 0;
    background-color: #e03323;
    width: 688px;
    padding-left: 72px;
    padding-right: 100px;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    flex-direction: row
}

.image-with-text-box-container>.content>img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    margin-top: 11px
}

.image-with-text-box-description {
    padding-top: 16px;
    font-size: 16px;
    text-align: left;
    color: #fff
}

.image-with-text-box-title {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.3;
    text-align: left;
    color: #fff
}

.landing-banner {
    height: 950px;
    margin: 0 auto;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    background-image: url(/img/header-new.8dabb1cf.webp)
}

.landing-banner,
.landing-title {
    display: flex;
    flex-direction: column
}

.landing-title {
    padding-top: 40px;
    padding-bottom: 0
}

.landing-title-1 {
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
    color: #e03323
}

.center-title-1,
.landing-title-1 {
    text-transform: uppercase;
    font-family: Oswald;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center
}

.center-title-1 {
    padding-top: 8px;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.29;
    color: #3e3a39
}

.center-title-2 {
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 120px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #e03323
}

.landing-title-cn-1 {
    font-family: YaHei
}

.landing-title-2,
.landing-title-cn-1 {
    text-transform: uppercase;
    font-size: 56px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

.landing-title-2 {
    padding-top: 8px;
    font-family: Oswald
}

.landing-title-cn-2 {
    padding-top: 8px;
    text-transform: uppercase;
    font-family: YaHei-Bold;
    font-size: 120px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #e03323
}

html[lang=en] .landing-title-3 {
    font-family: SegoeUI
}

html[lang=tc] .landing-title-3 {
    font-family: YaHei
}

.landing-title-3 {
    padding-top: 24px;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

.landing-banner-button {
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: 232px;
    border-bottom: 1px solid #e03323;
    color: #e03323;
    padding: 16px 36px;
    font-size: 16px;
    font-weight: 700;
    background-color: #fff
}

.landing-banner-button:hover {
    color: #fff;
    background-color: #e03323
}

.foot-image {
    display: flex;
    justify-content: baseline;
    width: 100%;
    margin: 0 auto
}

.foot-image>.desktop,
.mobile {
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.foot-image>.desktop {
    display: block;
    height: 200px
}

.foot-image>.mobile {
    min-height: 385px;
    display: none
}

.center-banner {
    background-image: url(/img/Image-Future-New.14ee4563.webp);
    min-height: 1280px
}

html[lang=en] .center-banner-description {
    font-family: SegoeUI
}

html[lang=tc] .center-banner-description {
    font-family: YaHei;
    max-width: 514px
}

.center-banner-description {
    max-width: 690px;
    margin: 24px auto;
    font-family: SegoeUI;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

.center-banner-title {
    flex-direction: column;
    display: flex;
    padding-bottom: 0;
    padding-top: 120px
}

.center-title {
    text-transform: uppercase;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

html[lang=tc] .center-title>h2 {
    font-family: YaHei
}

.center-title>h2 {
    font-size: 56px;
    line-height: 1.29;
    text-align: center;
    color: #3e3a39;
    padding-bottom: 24px;
    padding-top: 120px
}

html[lang=en] .center-title>p {
    font-family: SegoeUI
}

html[lang=tc] .center-title>p {
    font-family: YaHei
}

.center-title>p {
    text-transform: none;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #3e3a39
}

.arrow-icon {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    margin-top: 11px
}

.three-image-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 80px auto 0;
    margin-bottom: 0 !important;
    justify-content: center
}

.three-image-row>div {
    padding-bottom: 80px
}

.three-image-row>.next-button,
.three-image-row>.previous-button {
    border: 0 !important
}

.three-image-row>.next-button img,
.three-image-row>.previous-button img {
    width: 48px
}

.image-row-content {
    display: flex;
    flex-direction: column
}

.image-row-content:hover {
    padding-top: 0;
    padding-bottom: 0
}

.image-row-content>div {
    display: flex;
    flex-direction: row;
    padding-top: 32px;
    padding-right: 24px;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    position: relative
}

.image-row-content>div .fade-arrow-icon {
    position: absolute;
    left: -20px;
    top: 32px
}

.small-arrow-icon {
    margin-right: 16px
}

.fade-arrow-icon,
.small-arrow-icon {
    width: 20px;
    height: 20px;
    margin-top: 6px
}

.fade-arrow-icon {
    opacity: 50%;
    margin-right: 4px
}

.image-row-content .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    text-align: left
}

.image-row-content .date {
    display: block !important;
    padding-top: 8px !important;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39
}

.image-row-content .description {
    padding-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left
}

.image-row-content .first-image-content {
    padding-left: 0
}

.grey-bg {
    background-color: #fafafa;
    padding-bottom: 120px
}

.three-blog-row {
    display: flex;
    flex-direction: row;
    margin-top: 80px;
    margin-bottom: 160px;
    justify-content: center;
    position: relative
}

.three-blog-row>div {
    display: flex;
    overflow-y: auto;
    flex-direction: row
}

.three-blog-row>.next-button,
.three-blog-row>.previous-button {
    display: block;
    border: 0;
    z-index: 10;
    position: absolute;
    bottom: -27px;
    background: #fafafa;
    cursor: pointer
}

.three-blog-row>.next-button img,
.three-blog-row>.previous-button img {
    width: 48px
}

.three-blog-row>.next-button:disabled,
.three-blog-row>.previous-button:disabled {
    border-color: #d4d4d4;
    background: #fff;
    cursor: not-allowed
}

.three-blog-row>.next-button:disabled>svg,
.three-blog-row>.previous-button:disabled>svg {
    color: #d4d4d4
}

.three-blog-row>.next-button>svg,
.three-blog-row>.previous-button>svg {
    height: 30px;
    color: #e03323
}

.three-blog-row>.next-button {
    left: 367px
}

.three-blog-row>.next-button>svg {
    transform: rotate(180deg)
}

.three-blog-row>.previous-button {
    left: 295px
}

.three-blog-row-margin-bottom>div>a {
    margin-bottom: 80px
}

.three-blog-row>div::-webkit-scrollbar {
    height: 4px
}

.three-blog-row>div::-webkit-scrollbar-track {
    background: #e3e3e3;
    margin-left: calc(15vw + 249px);
    margin-right: 20vw;
    margin-top: 60px
}

.three-blog-row>div::-webkit-scrollbar-thumb {
    background: #e03323
}

.blog-content,
.three-blog-row>div>div {
    height: 100%;
    padding: 0 12px
}

.blog-content {
    max-width: 452px;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    transition: padding .5s;
    transition-timing-function: ease-in-out
}

.blog-content:hover {
    padding-top: 0;
    padding-bottom: 16px
}

.blog-content>div {
    height: 100%;
    padding: 32px 32px;
    color: #000;
    background-color: #fafafa
}

html[lang=en] .blog-content .title {
    text-transform: capitalize;
    min-height: 96px
}

.blog-content .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    text-align: left;
    color: #000
}

.blog-content .description {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    padding-top: 16px
}

.blog-content .date {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    justify-self: end;
    color: #9e9e9f;
    padding-top: 24px
}

.three-image-banner-main-container {
    padding-top: 75px
}

.three-image-banner-main-container>div {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.three-image-banner-main-container>div>div {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1646px
}

.three-image-banner-content {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    z-index: 2
}

.three-image-banner-content>div {
    display: flex;
    flex-direction: row;
    margin: auto auto;
    padding-top: 120px
}

.three-image-banner-content .title {
    text-transform: uppercase;
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    padding-bottom: 16px
}

.three-image-banner-content .description {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    padding-bottom: 120px
}

.image-with-text-box-container-mobile {
    display: none;
    padding-top: 80px
}

.image-with-text-box-container-mobile>div {
    display: flex;
    flex-direction: column;
    margin: 0 16px;
    position: relative;
    height: auto
}

.image-with-text-box-container-mobile>div>img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.image-with-text-box-container-mobile>div>.red-content {
    display: flex;
    position: absolute;
    top: 90%;
    flex-direction: column;
    background-color: #e03323;
    color: #fff;
    padding: 32px 24px;
    margin: 0 8px
}

.image-with-text-box-container-mobile>div>.red-content>.title {
    text-transform: uppercase;
    font-size: 28px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left
}

.image-with-text-box-container-mobile>div>.red-content>.description {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    padding-top: 16px
}

.three-image-banner-image-content {
    display: flex
}

.three-image-banner-image-content>img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    justify-content: baseline
}

.three-image-banner-image-content-float {
    display: flex;
    position: relative;
    width: 100%
}

.red-bg .three-image-banner-image-content-float>img {
    max-width: 876px
}

.three-image-banner-image-content-float>img {
    position: absolute;
    bottom: 0;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.red-bg {
    background-color: #e03323;
    color: #fff;
    justify-content: flex-end;
    min-height: 652px
}

.center-banner-image {
    display: none
}

.mobile-menu-panel {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    left: -100vw;
    animation-timing-function: ease-in-out;
    animation-duration: .5s
}

.mobile-menu-panel-go-in {
    animation-name: go-in;
    left: 0
}

@keyframes go-in {
    0% {
        left: -100vw
    }

    to {
        left: 0
    }
}

.mobile-menu-panel-go-out {
    animation-name: go-out;
    left: -100vw
}

@keyframes go-out {
    0% {
        left: 0
    }

    to {
        left: -100vw
    }
}

.mobile-menu-panel>div {
    display: flex;
    flex-direction: row
}

.mobile-menu-panel .title {
    font-size: 28px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left
}

.player-wrapper {
    position: relative;
    max-height: min(calc(100vh - 150px), 1280px) !important
}

.overlay-prevent-click {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 40px);
    z-index: 1
}

.play-button-video {
    margin: auto;
    height: 200px !important;
    height: 100% !important
}

.play-button,
.play-button-video {
    width: 200px !important;
    cursor: pointer
}

.play-button {
    margin-top: auto !important;
    margin-bottom: 232px !important;
    height: 200px !important
}

.first-blog {
    margin-left: 249px
}

@media screen and (max-width:1400px) {
    .first-blog {
        margin-left: 0
    }

    .three-blog-row>.next-button {
        left: 264px
    }

    .three-blog-row>.previous-button {
        left: 200px
    }

    .three-image-banner-image-content-float>img {
        bottom: 0;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .three-image-banner-image-content {
        position: relative
    }

    .three-image-banner-image-content>img {
        bottom: 0;
        position: absolute;
        -o-object-fit: contain;
        object-fit: contain
    }

    .three-blog-row>div::-webkit-scrollbar-track {
        margin-left: 20vw;
        margin-right: 15vw
    }
}

@media screen and (max-width:1400px) {
    .three-blog-row>.next-button {
        left: 164px
    }

    .three-blog-row>.previous-button {
        left: 100px
    }
}

.three-image-banner-main-container>div:first-child .three-image-banner-image-content.isDesktop>img {
    opacity: 0
}

@media screen and (max-width:836px) {
    .three-image-banner-main-container>div:first-child .three-image-banner-image-content-float>img {
        margin-bottom: -5px
    }

    .three-image-banner-image-content-float>img,
    .three-image-banner-image-content>img {
        position: unset
    }

    .isMobile {
        display: block !important
    }

    .isDesktop {
        display: none !important
    }

    .scrollMargin {
        scroll-margin-top: 80px
    }

    .app {
        overflow-x: hidden
    }

    .header-box,
    .nav-bar {
        display: none !important
    }

    .padding-sticky-header,
    .sticky-header {
        height: 76px
    }

    .mobile-header-box {
        display: flex !important
    }

    .foot-image>.desktop {
        display: none
    }

    .foot-image>.mobile {
        display: block
    }

    .center-title-2,
    .landing-title-1,
    .landing-title-cn-2 {
        font-size: 49px
    }

    .center-title-1,
    .landing-title-2,
    .landing-title-cn-1 {
        font-size: 28px
    }

    .landing-title-3 {
        padding: 16px 25px;
        font-size: 16px
    }

    .landing-banner {
        height: 564px;
        min-height: unset;
        max-height: unset;
        background-size: 280%;
        background-image: url(/img/Header-new.d14c8a98.webp)
    }

    .landing-banner-button {
        padding: 12px 16px;
        margin-bottom: 122px
    }

    .play-button {
        margin-bottom: 100px !important
    }

    .center-title {
        padding: 0 24px
    }

    .center-title>h2 {
        font-size: 28px;
        padding-bottom: 18px;
        padding-top: 80px
    }

    .center-title>p {
        font-size: 16px
    }

    .image-with-text-box-container {
        display: none
    }

    .image-with-text-box-container-mobile {
        display: block
    }

    .image-row-content {
        width: 90vw;
        display: flex;
        flex-direction: row
    }

    .blog-content {
        width: 80vw;
        padding-bottom: 60px
    }

    .blog-content .title {
        min-height: unset !important;
        font-size: 20px
    }

    .blog-content .description {
        font-size: 16px
    }

    .image-row-content {
        width: 100vw
    }

    .image-row-content .title {
        font-size: 16px
    }

    .image-row-content .date {
        font-size: 12px
    }

    .image-row-content .description {
        padding-bottom: 100px;
        display: none
    }

    .image-row-content>img {
        width: 40%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top;
        object-position: top
    }

    .image-row-content>div {
        padding: 0;
        padding-right: 24px;
        padding-left: 8px !important
    }

    .image-row-content:first-child {
        grid-area: 1/1/2/2
    }

    .image-row-content:nth-child(2) {
        grid-area: 2/1/3/2
    }

    .image-row-content:nth-child(3) {
        grid-area: 3/1/4/2
    }

    .image-row-content:nth-child(4) {
        grid-area: 1/2/2/3
    }

    .image-row-content:last-child {
        grid-area: 2/2/3/3
    }

    .image-row-content .first-image-content {
        padding-left: 10.9px !important
    }

    .three-blog-row,
    .three-image-row {
        overflow-y: auto;
        grid-template-columns: repeat(3, minmax(min-content, max-content));
        justify-content: start;
        padding: 0 8px;
        margin-top: 40px
    }

    .three-image-row .fade-arrow-icon {
        display: none
    }

    .three-image-row>div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 14px
    }

    .three-blog-row {
        margin-bottom: 80px;
        padding-left: 0;
        padding-right: 0
    }

    .three-blog-row>div {
        padding-left: 12px;
        padding-right: 12px
    }

    .three-blog-row-margin-bottom>div>a {
        margin-bottom: unset
    }

    .three-blog-row>.next-button,
    .three-blog-row>.previous-button {
        display: none !important
    }

    .three-blog-row>div::-webkit-scrollbar-track {
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 60px
    }

    .three-image-row::-webkit-scrollbar {
        width: 20px;
        height: 5px;
        padding-top: 60px
    }

    .three-image-row::-webkit-scrollbar-track {
        background: #e3e3e3;
        margin: 24px;
        margin-top: 60px
    }

    .three-image-row::-webkit-scrollbar-thumb {
        background: #e03323
    }

    .center-banner {
        background-image: none;
        padding-top: 80px;
        position: relative;
        height: auto !important
    }

    .center-banner>.center-banner-description,
    .center-banner>.center-banner-title {
        padding: 0 24px;
        margin-bottom: 0;
        z-index: 1
    }

    .center-banner-title {
        padding-top: 80px
    }

    .center-banner-image {
        display: block;
        position: relative;
        justify-self: baseline;
        justify-items: baseline;
        -o-object-fit: contain;
        object-fit: contain;
        z-index: -1;
        margin-top: -128px
    }

    html[lang=en] .center-banner>.center-banner-image {
        top: 30%
    }

    html[lang=tc] .center-banner>.center-banner-image {
        top: 20%
    }

    .three-image-banner-main-container {
        padding-top: 0
    }

    .three-image-banner-main-container>div>div {
        display: flex;
        flex-direction: column
    }

    .three-image-banner-content>div {
        display: flex;
        flex-direction: row;
        margin: auto auto;
        padding-top: 80px;
        padding-left: 24px;
        padding-right: 24px
    }

    .three-image-banner-content .title {
        font-size: 24px;
        padding-bottom: 16px
    }

    .three-image-banner-content .description {
        font-size: 16px;
        padding-bottom: 40px
    }

    .grey-bg {
        padding-bottom: 80px
    }

    .three-blog-row>div {
        -moz-column-gap: 8px;
        column-gap: 8px;
        padding-bottom: 60px
    }

    .blog-content {
        padding: 0
    }

    .small-arrow-icon {
        width: 16px;
        height: 16px;
        margin-right: 8px
    }

    .arrow-icon {
        width: 16px;
        height: 16px;
        margin-right: 16px;
        margin-top: 8px
    }
}

.mobile-nav-bar {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 80px
}

.mobile-nav-bar>div {
    float: right;
    margin-right: 2rem;
    margin-top: 80px;
    position: fixed;
    background: #fff;
    width: 100%;
    height: calc(100vh - 80px);
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    transition: all .5s;
    left: -100%;
    padding: 80px 24px
}

.mobile-nav-bar #menuBtn:checked~div {
    left: 0
}

.mobile-nav-content>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 40px;
    width: 100%
}

.mobile-nav-content>div>.language-text,
.mobile-nav-content>div>a {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39
}

.mobile-nav-content>div>img {
    height: 16px;
    width: 16px;
    margin-right: 16px
}

.mobile-nav-content>hr {
    color: #e3e3e3;
    height: 1px;
    width: 100%
}

.mobile-nav-content>.mobile-language-row {
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: .88;
    text-align: left;
    color: #3e3a39;
    cursor: pointer
}

.mobile-nav-content>.mobile-language-row img {
    height: 16px;
    width: 16px;
    margin: auto 0
}

.mobile-nav-content>.mobile-language-row p {
    margin-right: 8px;
    margin-left: 8px
}

.language-option {
    padding-left: 40px;
    font-size: 16px !important;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.mu-video::cue {
    color: #fff;
    background-color: rgba(0, 0, 0, .6)
}

html[lang=en] .mu-video::cue {
    font-family: Poppins-Regular;
    font-weight: 600;
    font-size: 32px
}

html[lang=tc] .mu-video::cue {
    font-family: Alibaba-PuHuiTi;
    font-weight: 500
}

@media screen and (max-width:600px) {

    html[lang=en] .mu-video::cue,
    html[lang=tc] .mu-video::cue {
        font-size: 16px
    }
}

.vjs-text-track-display div {
    font-size: 1.2em;
    color: #fff
}

html[lang=en] .vjs-text-track-display div {
    font-family: Poppins-Regular;
    font-weight: 600;
    font-size: 32px
}

html[lang=tc] .vjs-text-track-display div {
    font-family: Alibaba-PuHuiTi;
    font-weight: 500
}

@media screen and (max-width:600px) {

    html[lang=en] .vjs-text-track-display div,
    html[lang=tc] .vjs-text-track-display div {
        font-size: 16px
    }
}

.hover-enlarge {
    transition: transform .3s;

    &:hover {
        transform: scale(1.07)
    }
}

.bo .contact-us {
    padding: 160px 15px;
    margin-top: 160px;
    background: #f8f8f8 url(https://cdn.dootech.io/doo/business_overview/contactUs_bg.png) no-repeat top;
    max-width: 2560px;
    margin: 160px auto 0
}

@media only screen and (max-width:950px) {
    .bo .contact-us {
        margin-top: 80px;
        padding: 80px 15px;
        background: #f8f8f8 url(https://cdn.dootech.io/doo/business_overview/contactUs_bg-mobile.png) no-repeat top;
        background-size: cover
    }
}

.bo .contact-us h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .bo .contact-us h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.bo .contact-us p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .bo .contact-us p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 32px
    }
}

.bo .contact-us a {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    padding: 12px 16px;
    background-color: #e03323;
    color: #fff;
    display: block;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 150px
}

#business-overview .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_businessOverview_new.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #business-overview .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_businessOverview_mobile-new.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #business-overview .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

#business-overview .six-major-business-lines {
    padding: 0 16px
}

#business-overview .six-major-business-lines>h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 1000px;
    margin: 0 auto 24px
}

@media only screen and (max-width:834px) {
    #business-overview .six-major-business-lines>h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }
}

#business-overview .six-major-business-lines>p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 788px;
    margin: 0 auto;
    padding: 0 16px
}

@media only screen and (max-width:834px) {
    #business-overview .six-major-business-lines>p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }

    #business-overview .six-major-business-lines .wrapper .container {
        width: auto;
        margin: 0 -16px
    }
}

#business-overview .six-major-business-lines .business-categories {
    position: relative;
    z-index: -1;
    max-width: 2560px;
    margin: -5% auto 160px
}

@media only screen and (max-width:834px) {
    #business-overview .six-major-business-lines .business-categories {
        margin: 0 0 80px 0
    }
}

#business-overview .six-major-business-lines .business-categories img {
    max-width: 100%;
    width: 100%
}

#business-overview .six-major-business-lines .business-categories .mobile-image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 385px
}

#business-overview .six-major-business-lines .business-categories .business-categories-content {
    position: absolute;
    max-width: 1200px;
    max-height: 700px;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -100%)
}

@media only screen and (max-width:834px) {
    #business-overview .six-major-business-lines .business-categories .business-categories-content {
        width: 375px;
        height: 385px
    }
}

#business-overview .six-major-business-lines .business-categories h3 {
    position: absolute;
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39
}

#business-overview .six-major-business-lines .video {
    margin-bottom: 80px
}

#business-overview .six-major-business-lines .video iframe {
    width: 100%;
    height: 193px
}

#brokerage .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_brokerage-new.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #brokerage .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_brokerage_mobile-new.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #brokerage .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #brokerage .container {
        padding: 0 32px
    }
}

#wealth-management .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_wealthManagement.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #wealth-management .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_wealthManagement_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #wealth-management .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #wealth-management .container {
        padding: 0 32px
    }
}

#payment-exchange .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_paymentExchange.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #payment-exchange .sub-banner {
        background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/business_overview/banner_paymentExchange_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #payment-exchange .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #payment-exchange .container {
        padding: 0 32px
    }
}

#finTech .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_finTech.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #finTech .sub-banner {
        background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/business_overview/banner_finTech_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #finTech .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #finTech .container {
        padding: 0 32px
    }
}

#financial-education .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_financialEducation.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #financial-education .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_financialEducation_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #financial-education .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #financial-education .container {
        padding: 0 32px
    }
}

#healthcare .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_healthCare.png) no-repeat 65%/cover
}

@media only screen and (max-width:834px) {
    #healthcare .sub-banner {
        background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/business_overview/banner_healthCare_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #healthcare .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #healthcare .container {
        padding: 0 32px
    }
}

.clock {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: url(https://imvpn22.github.io/analog-clock/clock.png);
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.clock,
.clock:before {
    transition: all .2s ease
}

.clock:before {
    content: "";
    height: 7.3px;
    width: 7.3px;
    background-color: #3e3a39;
    z-index: 1000
}

.clock:before,
.hour,
.min,
.sec {
    position: absolute;
    border-radius: 50%
}

.hour,
.min,
.sec {
    display: flex;
    justify-content: center
}

.hour {
    height: 87.2px;
    width: 10em
}

.hour:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 1.8px;
    background-color: #e03323;
    border-radius: 6px
}

.min {
    height: 145.4px;
    width: 12em
}

.min:before {
    content: "";
    height: 50%;
    width: 2.8px;
    background-color: #3e3a39;
    border-radius: 4px
}

.sec {
    height: 13em;
    width: 13em
}

.sec:before {
    content: "";
    height: 60%;
    width: 2px;
    background-color: red;
    border-radius: 2px
}

.contact-us .sub-banner {
    background: url(https://cdn.dootech.io/doo/contact_us/top_banner.png) no-repeat top
}

@media only screen and (max-width:834px) {
    .contact-us .sub-banner {
        background: url(https://cdn.dootech.io/doo/contact_us/top_banner_mobile.png) no-repeat top
    }
}

.contact-us img {
    max-width: 100%
}

.contact-us .time_zone h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .contact-us .time_zone h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.contact-us .time_zone p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    .contact-us .time_zone p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }
}

.contact-us .time_zone .time_zone_container {
    background: url(https://cdn.dootech.io/doo/contact_us/time_zone.png) no-repeat top;
    padding-top: 64px;
    padding-bottom: 160px;
    position: relative;
    z-index: 0
}

@media only screen and (max-width:834px) {
    .contact-us .time_zone .time_zone_container {
        background: url(https://cdn.dootech.io/doo/contact_us/time_zone_mobile.png) no-repeat top;
        padding-top: 80px;
        padding-bottom: 80px;
        background-size: cover
    }
}

.contact-us .time_zone .time_zone_container .carousel {
    display: none
}

@media only screen and (max-width:834px) {
    .contact-us .time_zone .time_zone_container .carousel {
        display: block
    }
}

.contact-us .time_zone .time_zone_container .carousel .carousel__pagination-button:after {
    width: 6px;
    height: 6px
}

.contact-us .time_zone .time_zone_container .carousel .carousel__pagination-button--active:after {
    background-color: #e03323
}

.contact-us .time_zone .time_zone_container .carousel .carousel__next,
.contact-us .time_zone .time_zone_container .carousel .carousel__prev {
    display: none
}

.contact-us .time_zone .time_zone_container .carousel .carousel__pagination {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 32px !important
}

.contact-us .time_zone .time_zone_container .time_zone_grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    row-gap: 80px
}

@media only screen and (max-width:834px) {
    .contact-us .time_zone .time_zone_container .time_zone_grid {
        display: none
    }
}

.contact-us .time_zone .time_zone_container .country {
    display: grid;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.contact-us .time_zone .time_zone_container .country:first-child {
    grid-column: 1/span 2
}

.contact-us .time_zone .time_zone_container .country:nth-child(2) {
    grid-column: 3/span 2
}

.contact-us .time_zone .time_zone_container .country:nth-child(3) {
    grid-column: 5/span 2
}

.contact-us .time_zone .time_zone_container .country:nth-child(4) {
    grid-column: 7/span 2
}

.contact-us .time_zone .time_zone_container .country:nth-child(5) {
    grid-column: 2/span 2
}

.contact-us .time_zone .time_zone_container .country:nth-child(6) {
    grid-column: 4/span 2
}

.contact-us .time_zone .time_zone_container .country:nth-child(7) {
    grid-column: 6/span 2
}

.contact-us .time_zone .time_zone_container .country p {
    margin-bottom: 0
}

.contact-us .time_zone .time_zone_container .country .title {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 0;
    padding-top: 24px
}

@media only screen and (max-width:834px) {
    .contact-us .time_zone .time_zone_container .country .title {
        font-size: 20px;
        margin-bottom: 8px
    }
}

.contact-us .time_zone .time_zone_container .country .gmt {
    font-family: SegoeUI;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 0
}

.contact-us .form-container {
    display: flex;
    max-width: 1330px;
    margin: 160px auto
}

@media only screen and (max-width:834px) {
    .contact-us .form-container {
        flex-direction: column-reverse;
        margin: 80px auto
    }
}

.contact-us .form-container .detail {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    background-color: #f8f8f8;
    margin-right: 80px;
    padding-top: 40px;
    padding-left: 40px
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .detail {
        width: 100%;
        padding: 40px 24px;
        margin: 0
    }
}

.contact-us .form-container .detail div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 40px
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .detail div:last-child {
        padding-bottom: 0
    }
}

.contact-us .form-container .detail div img {
    margin-right: 16px;
    height: 16px;
    widows: 16px;
    margin-bottom: auto;
    margin-top: 6px
}

.contact-us .form-container .detail div .tel {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-bottom: 0
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .detail div .tel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
        padding-bottom: 0
    }
}

.contact-us .form-container .detail div .tel p {
    text-align: left
}

.contact-us .form-container .detail div .tel p:nth-child(2n) {
    padding-bottom: 24px
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .detail div .tel p:nth-child(2n) {
        padding-bottom: 0
    }
}

.contact-us .form-container .detail div .tel .country {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f
}

.contact-us .form-container .detail .email-list {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    align-items: flex-start
}

.contact-us .form-container .detail .email {
    display: flex;
    flex-direction: row;
    padding-bottom: 8px
}

.contact-us .form-container .detail .icon-hidden {
    visibility: hidden
}

.contact-us .form-container .detail .phone-list {
    display: flex;
    flex-direction: row;
    padding-bottom: 0
}

.contact-us .form-container .form-wrapper {
    width: 66.666%;
    margin-left: 80px
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .form-wrapper {
        width: 100%;
        margin: 0
    }
}

.contact-us .form-container .formkit-outer {
    margin-bottom: 0
}

.contact-us .form-container .form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column: span 2/span 2;
    row-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.contact-us .form-container .form .title {
    padding-top: 40px;
    text-align: left;
    grid-column: span 2/span 2;
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .form .title {
        font-size: 20px;
        padding-top: 0
    }
}

.contact-us .form-container .button-wrapper {
    width: 100%
}

.contact-us .form-container .button-container {
    margin-bottom: 40px
}

@media only screen and (max-width:834px) {
    .contact-us .form-container .button-container {
        margin-bottom: 80px
    }
}

.contact-us .form-container .submit-result {
    padding: 8px 16px;
    margin-top: 24px;
    border: 2px solid;
    text-align: left
}

.contact-us .form-container .green {
    border-color: #60b253
}

.contact-us .form-container .red {
    border-color: #e03323
}

.contact-us .form-container button.formkit-input {
    justify-self: left;
    width: 150px;
    margin-right: auto;
    padding: 12px 36px;
    background-color: #e03323;
    border: none;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    border-radius: 0;
    width: 100%
}

@media only screen and (max-width:834px) {
    .contact-us .form-container button.formkit-input {
        grid-column: span 2/span 2
    }
}

.contact-us fieldset {
    margin-inline-start: unset;
    margin-inline-end: unset;
    padding-block-start: unset;
    padding-block-end: unset;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    -o-border-image: unset;
    border-image: unset;
    border: none;
    border-radius: unset
}

.contact-us fieldset,
.contact-us legend {
    padding-inline-start: unset;
    padding-inline-end: unset
}

.contact-us legend {
    unicode-bidi: unset;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    -o-border-image: unset;
    border-image: unset
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader {
    animation: spin .5s linear infinite;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin-right: .5em;
    margin-top: auto;
    margin-bottom: auto
}

.col-span-2 {
    grid-column: span 2/span 2
}

.h-captcha {
    display: flex;
    align-items: start;
    padding: 8px 0
}

.formkit-wrapper {
    max-width: none;
    width: 100%
}

@media only screen and (max-width:834px) {

    .formkit-outer.email,
    .formkit-outer.phone {
        grid-column: span 2/span 2
    }
}

.formkit-outer.brandType,
.formkit-outer.companyName,
.formkit-outer.enquiryType {
    grid-column: 1/span 2
}

.formkit-outer.brandType .formkit-fieldset,
.formkit-outer.companyName .formkit-fieldset,
.formkit-outer.enquiryType .formkit-fieldset {
    margin: unset;
    padding: unset;
    border-radius: unset;
    border: unset;
    max-width: 100%
}

.formkit-outer.brandType .formkit-fieldset .formkit-legend,
.formkit-outer.companyName .formkit-fieldset .formkit-legend,
.formkit-outer.enquiryType .formkit-fieldset .formkit-legend {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    text-align: left;
    display: block;
    margin: var(--fk-margin-label);
    padding: var(--fk-padding-label)
}

.formkit-outer.brandType .formkit-fieldset .formkit-options,
.formkit-outer.companyName .formkit-fieldset .formkit-options,
.formkit-outer.enquiryType .formkit-fieldset .formkit-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    margin: 8px 0;
    gap: 16px
}

@media only screen and (max-width:834px) {

    .formkit-outer.brandType .formkit-fieldset .formkit-options,
    .formkit-outer.companyName .formkit-fieldset .formkit-options,
    .formkit-outer.enquiryType .formkit-fieldset .formkit-options {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.formkit-outer.brandType .formkit-fieldset .formkit-options .formkit-option,
.formkit-outer.companyName .formkit-fieldset .formkit-options .formkit-option,
.formkit-outer.enquiryType .formkit-fieldset .formkit-options .formkit-option {
    margin: 0
}

.formkit-outer.brandType .formkit-fieldset .formkit-decorator,
.formkit-outer.companyName .formkit-fieldset .formkit-decorator,
.formkit-outer.enquiryType .formkit-fieldset .formkit-decorator {
    width: 18px;
    height: 18px;
    border-radius: unset
}

.companyName .formkit-label:after {
    content: ""
}

.formkit-inner {
    border-radius: 0;
    border: 1px solid #d8d8d9;
    box-shadow: none
}

[data-invalid] .formkit-inner {
    border-color: #e03323
}

.formkit-inner:focus-within {
    box-shadow: none
}

.formkit-label {
    text-align: left;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39
}

.formkit-label:after,
.formkit-legend:after {
    content: "*";
    color: #e03323
}

[data-type=checkbox] .formkit-label:after {
    content: unset;
    color: unset
}

.formkit-input {
    border-radius: 0
}

.formkit-message {
    text-align: left
}

.min-height-200 {
    min-height: 200px !important
}

[data-type=checkbox] .formkit-input~.formkit-decorator {
    box-shadow: unset;
    outline: unset;
    border: 1px solid #d8d8d9;
    background: #fff
}

[data-type=checkbox] .formkit-input:checked~.formkit-decorator {
    box-shadow: unset;
    background: #e03323;
    outline: unset
}

[data-type=checkbox] .formkit-input:focus~.formkit-decorator {
    box-shadow: unset;
    outline: unset
}

[data-invalid] .formkit-inner .formkit-decorator {
    border: 1px solid #e03323
}

:focus-visible {
    outline: unset
}

.formkit-decorator .formkit-decorator-icon polygon {
    fill: #fff
}

.disclosure-email[data-v-cb7ec982] {
    color: #b5b5b6;
    line-height: 18px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    text-align: left
}

.rights-reserve[data-v-cb7ec982] {
    padding: 20px 0
}

.milestone .sub-banner {
    background: url(https://cdn.dootech.io/doo/about/milestone/milestone.png) no-repeat top
}

@media only screen and (max-width:834px) {
    .milestone .sub-banner {
        background: url(https://cdn.dootech.io/doo/about/milestone/milestone_mobile.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    .milestone .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

.milestone img {
    max-width: 100%
}

.milestone .development-journey h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .milestone .development-journey h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.milestone .development-journey p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 1329px;
    margin: 0 auto 80px
}

@media only screen and (max-width:834px) {
    .milestone .development-journey p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }
}

.milestone .carousel__next,
.milestone .carousel__prev {
    top: auto;
    bottom: 80px;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width:835px) {

    .milestone .carousel__next,
    .milestone .carousel__prev {
        display: none
    }
}

.milestone .carousel__next span,
.milestone .carousel__prev span {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #e03323
}

.milestone .carousel {
    text-align: left;
    max-width: 1329px;
    margin: auto
}

.milestone .carousel section.carousel {
    padding-top: 90px;
    padding-bottom: 160px
}

@media only screen and (max-width:834px) {
    .milestone .carousel section.carousel {
        padding-top: 73px;
        padding-bottom: 144px
    }
}

@media only screen and (min-width:835px) {
    .milestone .carousel .carousel__viewport::-webkit-scrollbar {
        display: none
    }
}

.milestone .carousel .carousel__slide {
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 2px;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (max-width:834px) {
    .milestone .carousel .carousel__slide {
        padding: 0;
        display: block
    }
}

@media only screen and (min-width:835px) {
    .milestone .carousel .carousel__slide>img {
        max-width: min(650px, 50%)
    }
}

@media only screen and (max-width:834px) {
    .milestone .carousel .carousel__slide>img {
        margin-top: 40px
    }
}

.milestone .carousel .content {
    max-width: 521px;
    width: 100%
}

@media only screen and (min-width:835px) {
    .milestone .carousel .content {
        width: 50%
    }
}

.milestone .carousel .content .tag {
    margin-bottom: 64px
}

.milestone .carousel .content .tag:last-child {
    margin-bottom: 0
}

.milestone .carousel .content h3 {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content h3 {
        font-size: 20px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #3e3a39
    }
}

.milestone .carousel .content p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    position: relative;
    padding-left: 28px;
    text-align: left;
    margin-bottom: 16px
}

.milestone .carousel .content p:last-child {
    margin-bottom: 0
}

.milestone .carousel .content p:before {
    content: "";
    width: 12px;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #e03323;
    position: absolute;
    left: 3px;
    top: 8px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content p:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #e03323
    }
}

.milestone .carousel .content img {
    margin-bottom: 24px;
    padding-left: 28px
}

.milestone .carousel .content img:last-child {
    margin-bottom: 0
}

.milestone .carousel .content .doogroup {
    max-width: 204px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .doogroup {
        max-width: 186px
    }
}

.milestone .carousel .content .dooclearing {
    max-width: 170px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .dooclearing {
        max-width: 155px
    }
}

.milestone .carousel .content .dooexchange {
    max-width: 183px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .dooexchange {
        max-width: 153px
    }
}

.milestone .carousel .content .dooprime,
.milestone .carousel .content .exchange {
    max-width: 168px
}

@media only screen and (max-width:834px) {

    .milestone .carousel .content .dooprime,
    .milestone .carousel .content .exchange {
        max-width: 152px
    }
}

.milestone .carousel .content .peterElish {
    max-width: 192px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .peterElish {
        max-width: 160px
    }
}

.milestone .carousel .content .doofinancial {
    max-width: 175px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .doofinancial {
        max-width: 160px
    }
}

.milestone .carousel .content .doowealth {
    max-width: 212px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .doowealth {
        max-width: 188px
    }
}

.milestone .carousel .content .lesspay {
    max-width: 175px
}

@media only screen and (max-width:834px) {
    .milestone .carousel .content .lesspay {
        max-width: 160px
    }
}

.milestone .carousel__pagination {
    justify-content: space-around;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    margin-top: 0
}

@media only screen and (max-width:834px) {
    .milestone .carousel__pagination {
        padding-bottom: 16px;
        justify-content: space-between
    }
}

.milestone .carousel__pagination::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.milestone .carousel__pagination::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
    scrollbar-width: thin
}

.milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button {
    width: 72px;
    height: 23px;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #9e9e9f
}

@media only screen and (max-width:834px) {
    .milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #9e9e9f;
        width: auto;
        padding: 0 18px
    }
}

.milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button:after {
    background-color: transparent;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #9e9e9f;
    height: 100%;
    width: 100%;
    vertical-align: bottom
}

@media only screen and (max-width:834px) {
    .milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button:after {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #9e9e9f
    }
}

.milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active {
    position: relative
}

.milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:after {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: .8;
    letter-spacing: normal;
    color: #e03323;
    top: auto;
    bottom: 0
}

@media only screen and (max-width:834px) {
    .milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:after {
        font-size: 16px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #e03323
    }
}

.milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:before {
    content: "";
    background-color: #e03323;
    width: 100%;
    height: 1px;
    border: 1px solid #e03323;
    position: absolute;
    left: 50%;
    bottom: -87%;
    transform: translate(-50%)
}

@media only screen and (max-width:834px) {
    .milestone .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:before {
        bottom: -70%
    }
}

.milestone .carousel__pagination .carousel__pagination-item:first-child .carousel__pagination-button:after {
    content: "2014"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(2) .carousel__pagination-button:after {
    content: "2017"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(3) .carousel__pagination-button:after {
    content: "2018"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(4) .carousel__pagination-button:after {
    content: "2019"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(5) .carousel__pagination-button:after {
    content: "2020"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(6) .carousel__pagination-button:after {
    content: "2021"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(7) .carousel__pagination-button:after {
    content: "2022"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(8) .carousel__pagination-button:after {
    content: "2023"
}

.milestone .carousel__pagination .carousel__pagination-item:nth-child(9) .carousel__pagination-button:after {
    content: "2024"
}

section#lang-selector[data-v-d2e9cea8] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%
}

section .component[data-v-d2e9cea8] {
    background-color: #161414;
    min-height: object-fit
}

section .component .wrapper[data-v-d2e9cea8] {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
    padding: 6px 0 6px 0;
    max-width: 1600px;
    margin: auto
}

@media only screen and (max-width:1600px) {
    section .component .wrapper[data-v-d2e9cea8] {
        max-width: none;
        padding-right: 16px;
        padding-left: 16px
    }
}

section .component .wrapper .globe[data-v-d2e9cea8] {
    width: 16px;
    height: 16px
}

section .component .wrapper .select-lang[data-v-d2e9cea8] {
    padding-left: 9.3px;
    padding-right: 6px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fff;
    margin: 0
}

section .component .wrapper .dropdown[data-v-d2e9cea8] {
    position: relative
}

section .component .wrapper .dropdown .wrapper-content[data-v-d2e9cea8] {
    display: flex;
    align-items: center
}

section .component .wrapper .dropdown .wrapper-content .selected[data-v-d2e9cea8] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fff;
    margin: 0
}

section .component .wrapper .dropdown .wrapper-content .arrow-down[data-v-d2e9cea8] {
    width: 16px;
    height: 16px
}

section .component .wrapper .dropdown .wrapper-content[data-v-d2e9cea8]:hover {
    cursor: pointer
}

section .component .wrapper .dropdown-content[data-v-d2e9cea8] {
    display: none;
    position: absolute;
    background-color: #000018;
    min-width: 160px;
    top: 19px;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    min-width: 125px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fff
}

section .component .wrapper .dropdown:hover .dropdown-content[data-v-d2e9cea8] {
    display: block
}

section .component .wrapper .dropdown-content div[data-v-d2e9cea8] {
    color: #fff;
    padding: 12px 16px;
    display: block
}

section .component .wrapper .dropdown-content div a[data-v-d2e9cea8] {
    cursor: pointer;
    display: block;
    width: 100%
}

section .component .wrapper .dropdown-content div a.active[data-v-d2e9cea8],
section .component .wrapper .dropdown-content div a[data-v-d2e9cea8]:focus,
section .component .wrapper .dropdown-content div a[data-v-d2e9cea8]:hover {
    color: red
}

@media screen and (max-width:1100px) {
    section#lang-selector[data-v-d2e9cea8] {
        display: none
    }
}

#footer-banner .footer-img-top[data-v-035c6ec7] {
    display: flex;
    justify-content: center
}

#footer-banner .adelaide-footer[data-v-035c6ec7] {
    max-height: 221px
}

@media only screen and (max-width:834px) {
    #footer-banner .adelaide-footer[data-v-035c6ec7] {
        max-height: 385px
    }
}

#footer-top[data-v-0a702aac] {
    background-color: #161414;
    padding: 0 0 40px
}

@media only screen and (max-width:836px) {
    #footer-top[data-v-0a702aac] {
        height: auto
    }
}

#footer-top .container[data-v-0a702aac] {
    display: flex;
    justify-content: space-between
}

#footer-top .container-links[data-v-0a702aac] {
    padding-top: 40px
}

#footer-top .container-links .wrapper[data-v-0a702aac] {
    flex: 1
}

#footer-top .container-links .wrapper .column[data-v-0a702aac] {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

#footer-top .container-links .contact-us-container[data-v-0a702aac] {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    flex: 0 0 30%
}

#footer-top .container-links .contact-us-container .logo[data-v-0a702aac] {
    width: 224px;
    height: 48px
}

#footer-top .container-links .contact-us-container .contact-us-txt[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    padding-top: 48px;
    padding-bottom: 19px;
    margin: 0
}

#footer-top .container-links .contact-us-container .email-list[data-v-0a702aac] {
    margin-bottom: 16px
}

#footer-top .container-links .contact-us-container .email-list .email[data-v-0a702aac] {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 8px
}

#footer-top .container-links .contact-us-container .email-list .email .icon-hidden[data-v-0a702aac] {
    visibility: hidden
}

#footer-top .container-links .contact-us-container .email-list .email img[data-v-0a702aac] {
    width: 16px;
    height: 16px;
    margin-right: 16px
}

#footer-top .container-links .contact-us-container .hp[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    display: flex;
    align-items: center;
    margin: 0
}

#footer-top .container-links .contact-us-container .hp-container[data-v-0a702aac] {
    margin-bottom: 40px
}

#footer-top .container-links .contact-us-container .hp-container .wrapper-hp[data-v-0a702aac] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px
}

#footer-top .container-links .contact-us-container .hp-container .wrapper-hp .icon-hidden[data-v-0a702aac] {
    visibility: hidden
}

#footer-top .container-links .contact-us-container .hp-container .wrapper-hp img[data-v-0a702aac] {
    width: 16px;
    height: 16px;
    margin-right: 16px
}

#footer-top .container-links .contact-us-container .hp-container .wrapper-hp .content[data-v-0a702aac] {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    padding-left: 8px
}

#footer-top .container-links .contact-us-container .social[data-v-0a702aac] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin-bottom: 120px
}

@media only screen and (max-width:836px) {
    #footer-top .container-links .contact-us-container .social[data-v-0a702aac] {
        margin-bottom: 0
    }
}

#footer-top .container-links .contact-us-container .social .follow[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0
}

#footer-top .container-links .contact-us-container .social .social-logo[data-v-0a702aac] {
    display: flex
}

#footer-top .container-links .contact-us-container .social .social-logo .logo[data-v-0a702aac] {
    width: 24px;
    height: 24px;
    margin-right: 24px
}

#footer-top .container-links .contact-us-container .social .social-logo .logo[data-v-0a702aac]:first-child {
    padding-left: 0
}

#footer-top .container-links .container-links-contact[data-v-0a702aac] {
    display: inline-block
}

#footer-top .container-links .container-links-contact .list-content[data-v-0a702aac] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    width: 100%
}

#footer-top .container-links .container-links-contact .list-content a[data-v-0a702aac],
#footer-top .container-links .container-links-contact .list-content p[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    text-decoration: none;
    padding-bottom: 16px;
    display: block
}

#footer-top .container-links .container-links-contact .list-content a[data-v-0a702aac]:not(:first-child),
#footer-top .container-links .container-links-contact .list-content p[data-v-0a702aac]:not(:first-child) {
    color: #fff
}

#footer-top .container-links .container-links-contact .list-content a[data-v-0a702aac]:hover,
#footer-top .container-links .container-links-contact .list-content afocus[data-v-0a702aac],
#footer-top .container-links .container-links-contact .list-content p[data-v-0a702aac]:hover,
#footer-top .container-links .container-links-contact .list-content pfocus[data-v-0a702aac] {
    color: #e03323
}

#footer-top .container-links .container-links-contact .list-content p[data-v-0a702aac]:hover {
    color: #9e9e9f
}

#footer-top .container-links .container-links-contact .list-content .last-link[data-v-0a702aac] {
    padding-bottom: 0;
    padding-top: 40px
}

#footer-top .container-links .container-links-contact .list-content .last-link-contact[data-v-0a702aac] {
    padding-bottom: 0;
    padding-top: 116px
}

#footer-top .icon-wrapper[data-v-0a702aac] {
    display: inline-block
}

@media only screen and (min-width:835px) {
    #footer-top .icon-wrapper:hover img[data-v-0a702aac]:first-child {
        display: none
    }

    #footer-top .icon-wrapper:hover img[data-v-0a702aac]:last-child {
        display: block
    }

    #footer-top .icon-wrapper img[data-v-0a702aac]:last-child {
        display: none
    }
}

#footer-top .container-links-mobile[data-v-0a702aac] {
    padding: 0 16px
}

#footer-top .container-links-mobile .wrapper-links[data-v-0a702aac] {
    padding-top: 40px;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 51px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container[data-v-0a702aac] {
    display: flex;
    flex-direction: column;
    align-items: start
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .logo[data-v-0a702aac] {
    width: 224px;
    height: 48px
}

@media only screen and (max-width:834px) {
    #footer-top .container-links-mobile .wrapper-links .contact-us-container .logo[data-v-0a702aac] {
        width: 168px;
        height: auto
    }
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .contact-us-txt[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    padding-top: 48px;
    padding-bottom: 19px;
    margin: 0
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .email-list[data-v-0a702aac] {
    margin-bottom: 16px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .email-list .email[data-v-0a702aac] {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 8px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .email-list .email .icon-hidden[data-v-0a702aac] {
    visibility: hidden
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .email-list .email img[data-v-0a702aac] {
    width: 16px;
    height: 16px;
    margin-right: 16px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .hp[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    display: flex;
    align-items: center;
    margin: 0
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .hp-container[data-v-0a702aac] {
    margin-bottom: 40px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .hp-container .wrapper-hp[data-v-0a702aac] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .hp-container .wrapper-hp .icon-hidden[data-v-0a702aac] {
    visibility: hidden
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .hp-container .wrapper-hp img[data-v-0a702aac] {
    width: 16px;
    height: 16px;
    margin-right: 16px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .hp-container .wrapper-hp .content[data-v-0a702aac] {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff;
    padding-left: 8px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .social[data-v-0a702aac] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin-bottom: 100px
}

@media only screen and (max-width:836px) {
    #footer-top .container-links-mobile .wrapper-links .contact-us-container .social[data-v-0a702aac] {
        margin-bottom: 0
    }
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .social .follow[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .social .social-logo .logo[data-v-0a702aac] {
    width: 24px;
    height: 24px;
    margin-right: 24px
}

#footer-top .container-links-mobile .wrapper-links .contact-us-container .social .social-logo .logo[data-v-0a702aac]:first-child {
    padding-left: 0
}

#footer-top .container-links-mobile .logos-mobile[data-v-0a702aac] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 51px;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 40px
}

@media screen and (max-width:520px) {
    #footer-top .container-links-mobile .logos-mobile[data-v-0a702aac] {
        grid-template-columns: repeat(2, 1fr)
    }
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac] {
    max-width: 148px;
    width: 100%;
    height: 28px;
    display: block
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:first-child {
    width: 115px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(2) {
    width: 148px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(3) {
    width: 115px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(4) {
    width: 127px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(5) {
    width: 121px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(6) {
    width: 138px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(7) {
    width: 87.4px;
    height: 27.8px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(8) {
    width: 111.2px;
    height: 27.8px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(9) {
    width: 74.9px;
    height: 24px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(10) {
    width: 123px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(11) {
    width: 79px;
    height: 28px
}

#footer-top .container-links-mobile .logos-mobile .icon-wrapper[data-v-0a702aac]:nth-child(12) {
    width: 81.4px;
    height: 27.8px
}

#footer-top .container-links-mobile .logos-mobile .logo[data-v-0a702aac] {
    width: 100%;
    height: 100%;
    text-align: left;
    -o-object-fit: contain;
    object-fit: contain
}

#footer-top .container-links-mobile .txt-left[data-v-0a702aac] {
    text-align: left
}

#footer-top .container-links-mobile .border[data-v-0a702aac] {
    height: 1px;
    margin-top: 16px;
    background-color: #fff;
    opacity: .2
}

#footer-top .container-links-mobile .esg-single[data-v-0a702aac] {
    width: 100%;
    text-align: left;
    padding-left: 16px;
    padding-top: 16px
}

#footer-top .container-links-mobile .esg-single a[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    text-decoration: none
}

#footer-top .container-links-mobile .container-links-contact .list-content[data-v-0a702aac] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    padding-top: 16px
}

#footer-top .container-links-mobile .container-links-contact .list-content .txt-wrapper[data-v-0a702aac] {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

#footer-top .container-links-mobile .container-links-contact .list-content .txt-wrapper .title[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f
}

#footer-top .container-links-mobile .container-links-contact .list-content .txt-wrapper p[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff
}

#footer-top .container-links-mobile .container-links-contact .list-content .container-dropdown[data-v-0a702aac] {
    display: flex;
    flex-direction: column
}

#footer-top .container-links-mobile .container-links-contact .list-content .container-dropdown a[data-v-0a702aac] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-decoration: none;
    padding-bottom: 16px;
    color: #fff
}

#footer-top .container-links-mobile .container-links-contact .list-content .container-dropdown a[data-v-0a702aac]:first-child {
    padding-top: 16px
}

#footer-top .container-links-mobile .container-links-contact .list-content .container-dropdown a[data-v-0a702aac]:last-child {
    padding-bottom: 0
}

#footer-top .container-links-mobile .container-links-contact .list-content .last-link[data-v-0a702aac] {
    padding-bottom: 0;
    padding-top: 40px
}

#footer-top .container-links-mobile .container-links-contact .list-content .last-link-contact[data-v-0a702aac] {
    padding-bottom: 0;
    padding-top: 116px
}

#footer-top .logos .wrapper[data-v-0a702aac] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: left;
    gap: 24px 51px;
    justify-items: start;
    align-items: center;
    margin-top: 24px
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    #footer-top .logos .wrapper[data-v-0a702aac] {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (min-width:836px) and (max-width:1023px) {
    #footer-top .logos .wrapper[data-v-0a702aac] {
        grid-template-columns: repeat(4, 1fr)
    }
}

#footer-top .logos .logo[data-v-0a702aac] {
    width: 100%;
    height: 100%
}

#footer-top .logos a[data-v-0a702aac] {
    display: block;
    height: 100%
}

.height-transition-enter-from[data-v-5044841d],
.height-transition-leave-to[data-v-5044841d] {
    height: 0
}

.height-transition-enter-active[data-v-5044841d],
.height-transition-leave-active[data-v-5044841d] {
    transition: height 1s ease
}

.height-transition-enter-to[data-v-5044841d],
.height-transition-leave-from[data-v-5044841d] {
    height: 3040px
}

#footer-body[data-v-5044841d] {
    background-color: #000
}

#footer-body .wrapper-top-mobile[data-v-5044841d] {
    margin: 0
}

#footer-body .wrapper-top-mobile .container-navigation .txt-wrapper[data-v-5044841d] {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

#footer-body .wrapper-top-mobile .container-navigation .txt-wrapper p[data-v-5044841d] {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f
}

#footer-body .wrapper-top-mobile .container-navigation .container-dropdown .description[data-v-5044841d] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    text-align: left;
    padding-top: 16px
}

#footer-body .wrapper-top-mobile .container-navigation .container-dropdown .description p[data-v-5044841d] {
    padding-bottom: 16px
}

#footer-body .wrapper-top-mobile .border-btm-first[data-v-5044841d] {
    padding-top: 40px;
    margin-bottom: 16px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#footer-body .wrapper-top-mobile .border-btm[data-v-5044841d] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    margin-top: 16px;
    margin-bottom: 16px
}

#footer-body .wrapper-top-mobile .border-btm-last[data-v-5044841d] {
    padding-top: 40px;
    margin-top: 16px;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

#footer-body .wrapper-top[data-v-5044841d] {
    padding: 40px 0 20px
}

#footer-body .wrapper-top .footer-nav[data-v-5044841d] {
    text-align: left;
    padding: 0 0 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    display: flex;
    align-items: center;
    justify-content: start
}

#footer-body .wrapper-top .footer-nav .active[data-v-5044841d]:after {
    content: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Close-Red.svg);
    position: absolute;
    transform: translate(-50%, -50%);
    top: 150%;
    left: 50%;
    width: 20px;
    height: 12px
}

#footer-body .wrapper-top .footer-nav .btn[data-v-5044841d] {
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    position: relative;
    margin-right: 120px
}

#footer-body .wrapper-top .footer-nav .btn[data-v-5044841d]:hover {
    cursor: pointer
}

#footer-body .wrapper-top .content[data-v-5044841d] {
    text-align: left
}

#footer-body .wrapper-top .content .content-description[data-v-5044841d] {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    margin-bottom: 16px
}

#footer-body .wrapper-top .content .bold[data-v-5044841d] {
    font-weight: 700
}

#footer-body .wrapper-top section[data-v-5044841d] {
    padding: 0
}

#footer-body .wrapper-top .border-btm[data-v-5044841d] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#footer-body .notice-nav-mobile[data-v-5044841d] {
    padding: 0 16px
}

#footer-body .notice-nav-mobile .border-btm[data-v-5044841d] {
    display: flex;
    padding: 0 160px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#footer-body .notice-nav-mobile .btn[data-v-5044841d] {
    display: flex
}

#footer-body .notice-nav-mobile .btn img[data-v-5044841d] {
    width: 24px;
    height: 24px;
    padding-bottom: 20px;
    padding-top: 20px
}

#footer-body .notice-nav-mobile .btn p[data-v-5044841d] {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f
}

#footer-body .notice-nav-mobile .btn[data-v-5044841d]:hover {
    cursor: pointer
}

#footer-body .notice-nav .border-btm[data-v-5044841d] {
    display: flex;
    padding: 0 160px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#footer-body .notice-nav .btn[data-v-5044841d] {
    display: flex
}

#footer-body .notice-nav .btn img[data-v-5044841d] {
    width: 24px;
    height: 24px;
    margin-top: -1px;
    margin-left: 10px
}

#footer-body .notice-nav .btn p[data-v-5044841d] {
    margin: 0;
    padding-bottom: 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f
}

#footer-body .notice-nav .btn[data-v-5044841d]:hover {
    cursor: pointer
}

#footer-body .entities-container[data-v-5044841d] {
    padding: 0 0 24px
}

@media only screen and (max-width:834px) {
    #footer-body .entities-container[data-v-5044841d] {
        padding: 0 16px
    }
}

#footer-body .entities-container .entities-content[data-v-5044841d] {
    display: grid;
    grid-column-gap: 28px;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

@media only screen and (max-width:834px) {
    #footer-body .entities-container .entities-content[data-v-5044841d] {
        padding-top: 16px;
        grid-row-gap: 24px;
        grid-template-columns: repeat(1, 1fr)
    }
}

#footer-body .entities-container .entities-content .container-detail p[data-v-5044841d] {
    text-align: left
}

#footer-body .entities-container .entities-content .container-detail .title[data-v-5044841d] {
    margin: 24px 0 16px 0;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff
}

@media only screen and (max-width:834px) {
    #footer-body .entities-container .entities-content .container-detail .title[data-v-5044841d] {
        margin: 0 0 16px 0
    }
}

#footer-body .entities-container .entities-content .container-detail .desc[data-v-5044841d] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #9e9e9f;
    margin-bottom: 16px
}

#footer-body .entities-container .entities-content .container-left[data-v-5044841d] {
    padding-right: 28px
}

#footer-body .entities-container .border-btm[data-v-5044841d] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#footer-bottom[data-v-ee485284] {
    background-color: #000;
    display: flex;
    flex-direction: column
}

#footer-bottom .footer-bottom-txt[data-v-ee485284] {
    font-family: SegoeUI;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #9e9e9f;
    padding: 16px 0;
    background: #000;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

#footer[data-v-30e0cd40] {
    margin-top: 160px
}

@media only screen and (max-width:834px) {
    #footer[data-v-30e0cd40] {
        margin-top: 80px
    }
}

.rotate-180[data-v-5ef934ec] {
    rotate: 180deg
}

#mobile-table[data-v-5ef934ec] {
    overflow: scroll;
    padding: 88px 16px 0 16px;
    height: 100%
}

#mobile-table .container-content .wrapper-list[data-v-5ef934ec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 32px;
    border: none;
    background-color: transparent;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer
}

#mobile-table .container-content .wrapper-list a[data-v-5ef934ec] {
    color: #3e3a39
}

#mobile-table .container-content .wrapper-list button[data-v-5ef934ec],
#mobile-table .container-content .wrapper-list div[data-v-5ef934ec] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39
}

#mobile-table .container-content .wrapper-list button[data-v-5ef934ec] {
    border: none;
    background-color: transparent;
    cursor: pointer
}

#mobile-table .container-content .wrapper-list .active[data-v-5ef934ec] {
    color: red
}

#mobile-table .container-content .sub-menu[data-v-5ef934ec] {
    padding-left: 32px;
    text-align: left;
    padding-bottom: 32px
}

#mobile-table .container-content .sub-menu a[data-v-5ef934ec] {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    width: 100%;
    display: block;
    margin-bottom: 32px
}

#mobile-table .container-content .sub-menu a[data-v-5ef934ec]:last-child {
    margin-bottom: 0
}

#mobile-table .border-bottom[data-v-5ef934ec] {
    height: 1px;
    background-color: hsla(240, 1%, 62%, .4)
}

#mobile-table .wrapper[data-v-5ef934ec] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 6px 20px 6px 0;
    max-width: 1455px;
    margin: auto
}

@media only screen and (max-width:1600px) {
    #mobile-table .wrapper[data-v-5ef934ec] {
        max-width: none;
        padding-right: 80px;
        padding-left: 80px
    }
}

@media only screen and (max-width:1100px) {
    #mobile-table .wrapper[data-v-5ef934ec] {
        height: auto;
        padding: 32px 0
    }
}

#mobile-table .wrapper .globe[data-v-5ef934ec] {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

#mobile-table .wrapper .select-lang[data-v-5ef934ec] {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #3e3a39;
    margin: 0
}

#mobile-table .wrapper .dropdown[data-v-5ef934ec] {
    position: static !important
}

#mobile-table .wrapper .dropdown .wrapper-content[data-v-5ef934ec] {
    display: flex;
    align-items: center
}

#mobile-table .wrapper .dropdown .wrapper-content .selected[data-v-5ef934ec] {
    padding-left: 8px;
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #3e3a39;
    margin: 0
}

#mobile-table .wrapper .dropdown .wrapper-content .selected[data-v-5ef934ec]:after {
    content: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Dropdown_dark.svg);
    width: 16px;
    height: 16px;
    top: -2px;
    right: -20px;
    position: absolute
}

#mobile-table .wrapper .dropdown .wrapper-content .arrow-down[data-v-5ef934ec] {
    width: 16px;
    height: 16px
}

#mobile-table .wrapper .dropdown .wrapper-content[data-v-5ef934ec]:hover {
    cursor: pointer
}

#mobile-table .wrapper .dropdown-content[data-v-5ef934ec] {
    display: block;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1
}

#mobile-table .wrapper .dropdown-content .close[data-v-5ef934ec] {
    background-color: transparent;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    border: none
}

#mobile-table .wrapper .dropdown-content .close[data-v-5ef934ec]:hover {
    cursor: pointer
}

#mobile-table .wrapper .dropdown-content .txt[data-v-5ef934ec] {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 32px
}

#mobile-table .wrapper .dropdown-content div[data-v-5ef934ec] {
    color: #fff;
    padding: 0 16px;
    display: block
}

#mobile-table .wrapper .choose[data-v-5ef934ec] {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #000018;
    padding-top: 88px !important;
    padding-left: 16px !important;
    margin-bottom: 32px
}

#mobile-table .wrapper .dropdown-content div[data-v-5ef934ec]:hover {
    color: red
}

body.noScroll #navigate-bar {
    height: 100%
}

body:not([data-scroll="20"]) #navigate-bar {
    transition: all .2s linear
}

@media only screen and (max-width:1100px) {
    body:not([data-scroll="20"]) #navigate-bar {
        top: 0;
        transform: translateY(-72px)
    }

    body:not([data-scroll="20"]) #navigate-bar.active {
        transform: translate(0)
    }
}

#navigate-bar {
    width: 100vw;
    background-size: cover;
    position: fixed;
    top: 32px;
    left: 0;
    z-index: 9
}

#navigate-bar .navigation-mobile {
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(62, 58, 57, .1);
    height: 72px
}

#navigate-bar .navigation-mobile .container {
    margin: auto;
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#navigate-bar .navigation-mobile .container .redirect-home .logo {
    width: 213px;
    height: 40px
}

#navigate-bar .navigation-mobile .container .search {
    display: flex;
    align-items: center
}

#navigate-bar .navigation-mobile .container .search:after {
    content: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Search.svg);
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 30px
}

#navigate-bar .navigation-mobile .container .burger-btn {
    background-color: transparent;
    border: none;
    cursor: pointer
}

#navigate-bar .mobile-drop-menu {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0
}

#navigate-bar .mobile-drop-menu .close {
    background-color: transparent;
    position: absolute;
    top: 24px;
    right: 16px;
    width: 24px;
    height: 24px;
    border: none
}

#navigate-bar .dropdown-wrapper {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px
}

#navigate-bar .dropdown-wrapper:hover .dropdown-content {
    display: block
}

#navigate-bar .dropdown-wrapper:hover {
    color: #e03323
}

#navigate-bar .dropdown-wrapper .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    top: 36px;
    left: 2px;
    z-index: 10;
    min-width: 152px;
    text-align: left;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #3e3a39;
    padding: 40px 24px 24px;
    box-shadow: 0 4px 16px 0 rgba(62, 58, 57, .1)
}

#navigate-bar .dropdown-wrapper .dropdown-content.hideMenu {
    display: none !important
}

#navigate-bar .dropdown-wrapper .dropdown-content a {
    cursor: pointer;
    width: 100%;
    color: #3e3a39;
    display: block;
    margin-bottom: 16px;
    white-space: nowrap
}

#navigate-bar .dropdown-wrapper .dropdown-content a.active,
#navigate-bar .dropdown-wrapper .dropdown-content a:focus,
#navigate-bar .dropdown-wrapper .dropdown-content a:hover {
    color: red
}

#navigate-bar .dropdown-wrapper .dropdown-content a:last-child {
    margin-bottom: 0
}

#navigate-bar .navigation {
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(62, 58, 57, .1);
    height: 80px
}

#navigate-bar .navigation .container {
    margin: auto;
    padding-top: 14px
}

#navigate-bar .navigation .container,
#navigate-bar .navigation .container .nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#navigate-bar .navigation .container .redirect-home {
    margin-right: 56px;
    display: inline-block
}

#navigate-bar .navigation .container .redirect-home .logo {
    width: 256px;
    height: 48px
}

#navigate-bar .navigation .container .nav-btn {
    background-color: transparent;
    border: none;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding: 0 24px;
    color: #3e3a39;
    cursor: pointer;
    position: relative
}

#navigate-bar .navigation .container .nav-btn:hover {
    color: #e03323
}

#navigate-bar .navigation .container .nav-btn:hover .dropdown-content {
    display: block
}

#navigate-bar .navigation .container .nav-btn.dropdown {
    padding-right: 48px
}

#navigate-bar .navigation .container .main,
#navigate-bar .navigation .container .main.active {
    position: relative
}

#navigate-bar .navigation .container .main.active:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10.5px solid transparent;
    border-right: 9.5px solid transparent;
    border-top: 12px solid red;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -10px
}

#navigate-bar .navigation .container .main.active.dropdown-wrapper:before {
    top: -16px
}

#navigate-bar .navigation .container .dropdown:before {
    content: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Dropdown_dark.svg);
    position: absolute;
    right: 19px
}

#navigate-bar .navigation .container .search {
    display: flex;
    align-items: center
}

#navigate-bar .navigation .container .search:after {
    content: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/Home/Search.svg);
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 30px
}

#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    overflow: hidden
}

body {
    margin: 0
}

.home-view {
    margin: 0;
    padding: 0
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-4 {
    grid-column: span 4/span 4
}

#property .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_realEstate.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #property .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_realEstate_mb.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #property .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #property .container {
        padding: 0 32px
    }
}

#consulting .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_consulting.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #consulting .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_consulting_mb.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #consulting .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #consulting .container {
        padding: 0 32px
    }
}

#cloud .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_cloud.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #cloud .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_cloud_mb.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #cloud .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #cloud .container {
        padding: 0 32px
    }
}

#digital-marketing .sub-banner {
    background: url(https://cdn.dootech.io/doo/business_overview/banner_digitalMarketing.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #digital-marketing .sub-banner {
        background: url(https://cdn.dootech.io/doo/business_overview/banner_digitalMarketing_mb.png) no-repeat top
    }
}

@media only screen and (max-width:1500px) and (min-width:835px) {
    #digital-marketing .sub-banner .container {
        max-width: 40%;
        margin: 0
    }
}

@media only screen and (max-width:1400px) and (min-width:951px) {
    #digital-marketing .container {
        padding: 0 32px
    }
}

@media only screen and (min-width:835px) {
    #aufc-page section#lang-selector {
        display: block !important
    }
}

#aufc-page .landing-banner {
    height: 950px;
    margin: 0 auto;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;
    background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/Image_Header.png)
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner {
        height: 504px;
        min-height: unset;
        max-height: unset;
        background-size: 280%;
        background-image: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/Image_Header_mobile.png);
        justify-content: unset;
        background-size: cover
    }
}

#aufc-page .landing-banner .container {
    display: flex;
    flex-direction: row;
    max-width: 1600px !important
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner .container {
        display: block
    }
}

#aufc-page .landing-banner .wrapper {
    max-width: 622px
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner .wrapper {
        display: block;
        margin: 0 auto
    }
}

#aufc-page .landing-banner .wrapper h1 {
    font-family: Gravity;
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    max-width: 550px
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner .wrapper h1 {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        max-width: 300px;
        margin: 0 auto;
        padding: 8px
    }
}

#aufc-page .landing-banner .wrapper h2 .landing-title-1 {
    font-family: Staatliches-Regular;
    font-size: 120px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #e03323
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner .wrapper h2 .landing-title-1 {
        font-size: 46px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: center;
        color: #e03323;
        max-width: 340px;
        margin: 0 auto
    }
}

#aufc-page .landing-banner .wrapper .landing-title {
    align-items: baseline
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner .wrapper .landing-title {
        padding-top: 24px
    }
}

#aufc-page .landing-banner .play-button {
    position: relative;
    left: 101px;
    margin-bottom: -37px !important
}

@media only screen and (max-width:834px) {
    #aufc-page .landing-banner .play-button {
        left: auto;
        bottom: -119px;
        max-width: 96px
    }
}

.content .bg1[data-v-508843e4] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2023_1.png) no-repeat
}

.content .bg2[data-v-508843e4] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2023_2.png) no-repeat
}

.content .bg1[data-v-a585ab56] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2022_1.png) no-repeat
}

.content .bg2[data-v-a585ab56] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2022_2.png) no-repeat
}

.content .bg1[data-v-46a2c3ed] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2021_1.png) no-repeat
}

.content .bg1[data-v-26e8c36c] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2020_1.png) no-repeat
}

.content .bg1[data-v-1be2ed95] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2018_1.png) no-repeat
}

.content .bg1[data-v-1b683d54] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2017_1.png) no-repeat
}

.content .bg1[data-v-693ab28c] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2016_1.png) no-repeat
}

.content .bg1[data-v-19f82c91] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2014_1.png) no-repeat
}

.content .bg1[data-v-3fe76fe1] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2013_1.png) no-repeat
}

.content .bg1[data-v-2ef9837a] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2008_1.png) no-repeat
}

.content .bg1[data-v-55d8eb42] {
    background: url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/HIGHLIGHTS_2003_1.png) no-repeat
}

#highlight {
    padding-top: 180px;
    padding-bottom: 240px
}

@media only screen and (max-width:834px) {
    #highlight {
        padding-top: 100px;
        padding-bottom: 0
    }
}

#highlight h2 {
    font-size: 76px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width:834px) {
    #highlight h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

#highlight .container>p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    margin-bottom: 80px
}

@media only screen and (max-width:834px) {
    #highlight .container>p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }
}

#highlight .wrapper {
    display: flex
}

#highlight .wrapper .list {
    list-style: none;
    padding-left: 0;
    padding-right: 170px
}

@media only screen and (max-width:834px) {
    #highlight .wrapper .list {
        padding-right: 24px
    }
}

#highlight .wrapper .list li.active a {
    font-family: DINPro-CondBold;
    font-size: 100px;
    font-weight: 700;
    font-stretch: condensed;
    font-style: normal;
    line-height: 80px;
    letter-spacing: normal;
    color: #e03323;
    position: relative;
    padding-right: 26px
}

@media only screen and (max-width:834px) {
    #highlight .wrapper .list li.active a {
        font-size: 24px;
        font-weight: 700;
        font-stretch: condensed;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #e03323;
        padding-right: 11px
    }
}

#highlight .wrapper .list li.active a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 14px solid #e03323;
    border-bottom: 8px solid transparent
}

@media only screen and (max-width:834px) {
    #highlight .wrapper .list li.active a:before {
        border-top: 4px solid transparent;
        border-right: 5.4px solid #e03323;
        border-bottom: 4px solid transparent;
        margin-top: -5px
    }
}

#highlight .wrapper .list a {
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #878793;
    margin-bottom: 40px;
    display: block;
    min-width: 187px;
    text-align: right
}

@media only screen and (max-width:834px) {
    #highlight .wrapper .list a {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #878793;
        min-width: 50px;
        margin-bottom: 16px
    }
}

#highlight .wrapper .content.cover img {
    width: 100%
}

#highlight .content {
    width: 100%;
    height: 100%
}

#highlight .content .bg {
    background-size: cover;
    text-align: left;
    padding: 32px 47px 32px 32px
}

@media only screen and (min-width:835px) {
    #highlight .content .bg {
        min-height: 589px
    }
}

@media only screen and (max-width:834px) {
    #highlight .content .bg {
        background: none;
        padding: 0
    }
}

#highlight .content .bg:not(:first-child) {
    margin-top: 48px
}

@media only screen and (min-width:835px) {
    #highlight .content .bg:nth-child(2n) {
        display: flex;
        flex-direction: column;
        align-items: end;
        background-position: 100% 0
    }

    #highlight .content .bg:nth-child(2n) p {
        max-width: 310px
    }
}

@media only screen and (max-width:834px) {
    #highlight .content .bg:nth-child(2n) .logo-bg .logo {
        max-width: 20vw;
        position: absolute;
        top: 9vw;
        left: auto;
        right: 3vw
    }
}

#highlight .content .bg .logo-bg {
    margin-bottom: 20px;
    position: relative
}

@media only screen and (max-width:834px) {
    #highlight .content .bg .logo-bg {
        margin-bottom: 16px
    }
}

#highlight .content .bg .logo-bg .logo {
    max-width: 133px
}

@media only screen and (max-width:834px) {
    #highlight .content .bg .logo-bg .logo {
        max-width: 20vw;
        position: absolute;
        top: 9vw;
        left: 3vw
    }
}

@media only screen and (min-width:835px) {
    #highlight .content .bg>div:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex: 1
    }
}

#highlight .content .bg p {
    font-size: 19px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
    padding-left: 24px;
    position: relative
}

@media only screen and (min-width:835px) {
    #highlight .content .bg p {
        max-width: 291px
    }
}

@media only screen and (max-width:834px) {
    #highlight .content .bg p {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #3e3a39;
        padding-left: 20px;
        margin-bottom: 12px
    }
}

#highlight .content .bg p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 4px;
    border-top: 8px solid transparent;
    border-left: 16px solid #fff;
    border-bottom: 8px solid transparent
}

@media only screen and (max-width:834px) {
    #highlight .content .bg p:before {
        border-top: 6px solid transparent;
        border-left: 12px solid #e03323;
        border-bottom: 6px solid transparent
    }
}

#discover {
    padding-bottom: 120px
}

@media only screen and (max-width:834px) {
    #discover {
        padding-bottom: 120px
    }
}

#discover h2 {
    font-size: 76px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width:834px) {
    #discover h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #3e3a39;
        margin-bottom: 16px;
        text-align: center
    }
}

#discover .container>p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 580px;
    margin: 0 auto 80px
}

@media only screen and (max-width:834px) {
    #discover .container>p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }
}

#discover .social-media {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

@media only screen and (max-width:834px) {
    #discover .social-media {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

#discover .social-media a {
    display: block;
    position: relative;
    flex-direction: column
}

#discover .social-media a:hover {
    background-color: #e03323
}

#discover .social-media a:hover p {
    color: #fff
}

#discover .social-media a:hover .social_icon {
    display: none
}

#discover .social-media a:hover .hover {
    display: block
}

#discover .social-media a .social_icon {
    display: block;
    margin: 56px auto 0;
    width: 68px;
    height: 68px
}

#discover .social-media a .hover {
    display: none
}

#discover .social-media a p {
    margin-top: 16px;
    font-family: Staatliches-Regular;
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e3a39
}

#discover .social-media a #triangle-red {
    position: relative;
    float: right;
    width: 0;
    height: 0;
    border-bottom: 36px solid #e03323;
    border-left: 36px solid transparent
}

#discover .social-media a #triangle-white {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 46px solid #fff;
    border-left: 46px solid transparent
}

#community>.bg {
    max-width: 1920px;
    width: 100%;
    padding-top: 180px;
    padding-bottom: 120px;
    margin: 0 auto;
    background: #fafafa url(https://doo-prime-static.oss-cn-hongkong.aliyuncs.com/doo/aufc/bg.png) no-repeat top
}

@media only screen and (max-width:834px) {
    #community>.bg {
        padding-top: 100px;
        padding-bottom: 80px
    }
}

#community h2 {
    font-size: 76px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width:834px) {
    #community h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

#community .container>p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 580px;
    margin: 0 auto 80px
}

@media only screen and (max-width:834px) {
    #community .container>p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 32px
    }
}

#community img {
    max-width: 100%
}

#community .flex {
    display: flex;
    gap: 24px
}

@media only screen and (max-width:834px) {
    #community .flex {
        flex-direction: column;
        align-items: center
    }
}

#community .left {
    min-width: 452px
}

@media only screen and (max-width:1050px) {
    #community .left {
        min-width: 340px
    }
}

#community .left .brand {
    position: relative;
    text-align: left;
    display: block;
    padding: 72px 0 72px 96px;
    cursor: default
}

@media only screen and (max-width:1050px) {
    #community .left .brand {
        padding: 28px 0 28px 67px
    }
}

#community .left .brand:first-child:before {
    top: 50%;
    height: 50%
}

#community .left .brand:last-child:before {
    top: auto;
    bottom: 50%;
    height: 50%
}

#community .left .brand:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #e03323
}

#community .left .brand.active .point {
    width: 22px;
    height: 22px;
    background: rgba(217, 29, 34, .9);
    border-radius: 50px;
    border: 6px solid #faebeb;
    margin-top: -11px
}

#community .left .brand.active .point:before {
    left: -63px
}

@media only screen and (max-width:1050px) {
    #community .left .brand.active .point:before {
        left: -36px;
        width: 27px
    }
}

#community .left .brand img {
    margin-bottom: 16px
}

@media only screen and (max-width:1050px) {
    #community .left .brand img {
        max-width: 166px
    }

    #community .left .brand img.doofinancial {
        max-width: 175px;
        max-width: 127.8px
    }
}

#community .left .brand h3 {
    margin-bottom: 4px;
    font-family: Gravity;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39
}

@media only screen and (max-width:1050px) {
    #community .left .brand h3 {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #3e3a39
    }
}

#community .left .brand p {
    min-height: 16px;
    margin-bottom: 16px
}

@media only screen and (max-width:1050px) {
    #community .left .brand p {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #3e3a39;
        min-height: 20px;
        margin-bottom: 4px
    }
}

#community .left .brand .point {
    width: 0;
    height: 0;
    border: initial;
    border-top: 8px solid transparent;
    border-left: 16px solid #e03323;
    border-bottom: 8px solid transparent;
    background: none;
    border-radius: initial;
    position: absolute;
    left: 57px;
    top: 50%;
    margin-top: -9px;
    z-index: -1
}

@media only screen and (max-width:1050px) {
    #community .left .brand .point {
        left: 30px
    }
}

#community .left .brand .point:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 3px;
    width: 47px;
    background: #e03323;
    left: -73px
}

@media only screen and (max-width:1050px) {
    #community .left .brand .point:before {
        width: 25px;
        left: -46px
    }
}

#community .right {
    position: relative;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (max-width:834px) {
    #community .right {
        max-width: 353px
    }
}

#community .right .group {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#community .right .group.active {
    display: block
}

#community .right .group .location {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute
}

#community .right .group .location.chatswood {
    right: 0;
    bottom: 336px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .location.chatswood {
        right: -1vw;
        bottom: 23vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .location.chatswood {
        right: 0;
        bottom: 43.5%
    }

    #community .right .group .location.chatswood .point {
        right: 18px;
        left: auto
    }
}

#community .right .group .location.dg-australia {
    right: 96px;
    bottom: 295px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .location.dg-australia {
        right: 5.9vw;
        bottom: 20vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .location.dg-australia {
        right: 13.5%;
        bottom: 35%
    }
}

#community .right .group .location.dg-australia .point {
    left: auto;
    right: -17px;
    bottom: 50%;
    margin-bottom: -3px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .location.dg-australia .point {
        right: -1.5vw;
        margin-bottom: -.2vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .location.dg-australia .point {
        right: -14px
    }
}

#community .right .group .location.dg-service-center {
    bottom: 255px;
    right: -66px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .location.dg-service-center {
        right: -.1vw;
        bottom: 17.3vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .location.dg-service-center {
        bottom: 26.5%;
        right: 0
    }
}

#community .right .group .location.dg-service-center .point {
    top: -18px;
    bottom: auto
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .location.dg-service-center .point {
        top: -1.3vw;
        left: auto;
        right: 3.2vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .location.dg-service-center .point {
        top: -14px;
        left: auto;
        right: 17px
    }
}

#community .right .group h4 {
    padding: 2px 16px;
    background: #e32329;
    border-radius: 24px;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: right;
    color: hsla(0, 0%, 100%, .95);
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group h4 {
        font-size: 1.35vw;
        padding: .1vw 1.18vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group h4 {
        padding: 1px 10px;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: right
    }
}

#community .right .group p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #e32329
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group p {
        font-size: 1.1vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group p {
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: #e32329
    }
}

#community .right .group .point {
    width: 8px;
    height: 8px;
    background-color: #e32329;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    bottom: -18px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .point {
        width: .6vw;
        height: .6vw;
        bottom: -1.3vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .point {
        width: 6px;
        height: 6px;
        bottom: -14px
    }
}

#community .right .group .point:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #e32329;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #community .right .group .point:before {
        width: 1.2vw;
        height: 1.2vw
    }
}

@media only screen and (max-width:834px) {
    #community .right .group .point:before {
        width: 10px;
        height: 10px
    }
}

#community .logos {
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin: auto;
    margin-bottom: 99px;
    flex-wrap: wrap
}

@media screen and (max-width:775px) {
    #community .logos {
        margin-bottom: 81px;
        max-width: 222px;
        gap: 36px
    }
}

#community .location {
    text-align: left;
    width: 33.3%;
    background: #fff
}

@media screen and (max-width:834px) {
    #community .location {
        width: 100%
    }
}

#community .location .content {
    padding: 32px
}

@media screen and (max-width:834px) {
    #community .location .content {
        padding: 16px
    }
}

#community .location>img {
    width: 100%
}

#community .location h3 {
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    text-transform: uppercase;
    margin-bottom: 16px
}

@media screen and (max-width:834px) {
    #community .location h3 {
        font-size: 20px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: left;
        color: #3e3a39
    }
}

#community .location p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    padding-left: 32px;
    margin-bottom: 16px;
    position: relative
}

@media screen and (max-width:834px) {
    #community .location p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #3e3a39
    }
}

#community .location p img {
    position: absolute;
    top: 0;
    left: 0
}

#goals {
    padding-top: 180px
}

@media only screen and (max-width:834px) {
    #goals {
        padding-top: 80px
    }
}

#goals h2 {
    font-size: 76px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width:834px) {
    #goals h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

#goals .container>p {
    font-size: 19px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    max-width: 580px;
    margin: 0 auto 80px
}

@media only screen and (max-width:834px) {
    #goals .container>p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 40px
    }
}

#goals .wrapper {
    gap: 24px
}

@media only screen and (min-width:834px) {
    #goals .wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        -grid-auto-rows: minmax(100px, auto);
        gap: 24px;
        align-items: end
    }
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .wrapper {
        gap: 1.7vw
    }
}

@media only screen and (max-width:834px) {
    #goals .wrapper {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center
    }

    #goals .wrapper>* {
        margin-bottom: 16px
    }
}

#goals .wrapper .content {
    background: #e03323;
    padding: 24px;
    max-width: 452px;
    min-height: 300px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .wrapper .content {
        padding: 1.7vw;
        max-width: 32vw;
        min-height: 21.3vw
    }
}

@media only screen and (max-width:834px) {
    #goals .wrapper .content {
        max-width: 600px;
        margin: 0 auto;
        min-height: auto;
        padding: 16px
    }
}

#goals .wrapper .content h3 {
    font-size: 32px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 24px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .wrapper .content h3 {
        font-size: 2.3vw;
        margin-bottom: 1.7vw
    }
}

@media only screen and (max-width:834px) {
    #goals .wrapper .content h3 {
        font-size: 24px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        margin-bottom: 20px
    }
}

#goals .wrapper p {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
    position: relative;
    padding-left: 24px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .wrapper p {
        font-size: 1.15vw;
        padding-left: 1.7vw
    }
}

@media only screen and (max-width:834px) {
    #goals .wrapper p {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        padding-left: 20px;
        margin-bottom: 12px
    }
}

#goals .wrapper p:last-child {
    margin-bottom: 0
}

#goals .wrapper p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #fff;
    border-bottom: 8px solid transparent
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .wrapper p:before {
        top: .2vw;
        border-top: .6vw solid transparent;
        border-left: 1.2vw solid #fff;
        border-bottom: .6vw solid transparent
    }
}

@media only screen and (max-width:834px) {
    #goals .wrapper p:before {
        top: 4px;
        border-top: 6px solid transparent;
        border-left: 12px solid #fff;
        border-bottom: 6px solid transparent
    }
}

#goals img {
    max-width: 100%
}

@media only screen and (max-width:834px) {
    #goals img {
        max-width: 600px !important;
        width: 100%
    }

    #goals .ambition {
        order: 1
    }
}

#goals .ambition-img {
    grid-row: span 2;
    height: 100%
}

@media only screen and (max-width:834px) {
    #goals .ambition-img {
        order: 2
    }
}

#goals .ambition-img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

@media only screen and (max-width:834px) {
    #goals .loyalty {
        order: 3
    }
}

#goals .loyalty-img {
    grid-row: span 2;
    grid-column: span 2;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

@media only screen and (max-width:1430px) and (min-width:834px) {

    #goals .loyalty-img,
    #goals .loyalty-img img {
        min-height: 32.8vw
    }
}

@media only screen and (max-width:834px) {
    #goals .loyalty-img {
        order: 4
    }
}

#goals .loyalty-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#goals .logo {
    max-width: 391px;
    position: relative;
    top: -146px;
    margin: 0 auto
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .logo {
        max-width: 27.6vw;
        top: -10.45vw
    }
}

@media only screen and (max-width:834px) {
    #goals .transparency {
        order: 6
    }
}

#goals .transparency .content {
    min-height: 341px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .transparency .content {
        min-height: 24.5vw
    }
}

@media only screen and (max-width:834px) {
    #goals .transparency .content {
        min-height: auto
    }
}

#goals .goals_3,
#goals .goals_4,
#goals .transparency {
    position: relative;
    top: -125px
}

@media only screen and (max-width:1430px) and (min-width:834px) {

    #goals .goals_3,
    #goals .goals_4,
    #goals .transparency {
        top: -8.7vw
    }
}

@media only screen and (max-width:834px) {

    #goals .goals_3,
    #goals .goals_4,
    #goals .transparency {
        top: auto
    }
}

#goals .goals_3 {
    height: 100%
}

@media only screen and (max-width:834px) {
    #goals .goals_3 {
        order: 5
    }
}

#goals .goals_3 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#goals .goals_4 {
    grid-column: span 2
}

@media only screen and (max-width:834px) {
    #goals .goals_4 {
        order: 7;
        max-height: none
    }
}

#goals .goals_4 img:first-child {
    display: block
}

@media only screen and (max-width:834px) {
    #goals .goals_4 img:first-child {
        display: none
    }
}

#goals .goals_5 {
    grid-row: span 2;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 724px;
    position: relative;
    top: -125px
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .goals_5 {
        height: 52vw;
        top: -8.8vw
    }
}

@media only screen and (max-width:834px) {
    #goals .goals_5 {
        top: auto;
        order: 8;
        margin-bottom: 0;
        height: auto
    }
}

#goals .goals_5 img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

#goals .content-hover {
    position: relative
}

#goals .content-hover:focus div,
#goals .content-hover:hover div {
    display: flex;
    align-items: center
}

#goals .content-hover div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(224, 51, 35, .85);
    padding: 24px;
    display: none
}

@media only screen and (max-width:1430px) and (min-width:834px) {
    #goals .content-hover div {
        padding: 1.7vw
    }
}

@media only screen and (max-width:834px) {
    #goals .content-hover div {
        padding: 16px
    }
}

html {
    -scroll-behavior: smooth
}

#aufc-page {
    font-family: Gravity
}

#aufc-page h1,
#aufc-page h2,
#aufc-page h3 {
    font-family: Staatliches-Regular
}

#aufc-page .container {
    max-width: 1404px
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

body.noScroll {
    overflow-y: hidden
}

.container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px
}

a {
    cursor: pointer
}

@font-face {
    font-family: DINPro;
    src: url(/fonts/DINPro.6c9120df.OTF);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINPro-CondBold;
    src: url(/fonts/DINPro-CondBold.f9e741e0.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gravity;
    src: url(/fonts/Gravity-V546.7cc785be.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Staatliches-Regular;
    src: url(/fonts/Staatliches-Regular.3e94473b.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MicrosoftYaHei;
    src: url(/1a9b7526373c3dcb.ttc);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MicrosoftYaHei-Bold;
    src: url(/bcacd4105dfe2458.ttc);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Microsoft-YaHei-Heavy;
    src: url(/2cc7260a4f1f48df.ttc);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PingFangSCRegular;
    src: url(/fonts/PingFang-SC-Regular.7d6b071e.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MicrosoftJhengHei;
    src: url(/fonts/Microsoft-JhengHei.b8c987a5.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PingFangHKRegular;
    src: url(/fonts/PingFangHK-Regular.316763b9.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: segoeui;
    src: url(../fonts/Segoe-UI.16198cdf.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: segoeui-Bold;
    src: url(/fonts/Segoe-UI-Bold.b4e1f6eb.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: hiraginoKakuW3;
    src: url(/fonts/Hiragino-Kaku-Gothic-Pro-W3.c003c21b.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: hiraginoKakuW6;
    src: url(/fonts/Hiragino-Kaku-Gothic-ProN-W6.3ce8875c.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: meiryo;
    src: url(/83cbc7b4111cbdbb.TTC);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: beVietnamProRegular;
    src: url(/fonts/BeVietnamPro-Regular.1c45a14a.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: notoNaskhArabic;
    src: url(/fonts/NotoNaskhArabic-VariableFont_wght.8885024e.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Regular.ae3a8db9.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: msuighur;
    src: url(/fonts/msuighur.2f49f41f.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Oswald;
    src: url(/fonts/Oswald-Regular.0aab0d14.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Oswald-Bold;
    src: url(/fonts/Oswald-Bold.18a875f9.ttf);
    font-weight: 400;
    font-style: normal
}

html[lang=sc],
html[lang=tc] {
    font-family: MicrosoftYaHei
}

html[lang=sc] button,
html[lang=tc] button {
    font-family: MicrosoftYaHei !important
}

html[lang=en] {
    font-family: segoeui, sans-serif !important
}

.header-gap {
    margin-top: 113px
}

@media only screen and (max-width:1100px) {
    .header-gap {
        margin-top: 72px
    }
}

.hide {
    display: none !important
}

.mobile {
    display: none
}

@media only screen and (max-width:834px) {
    .web {
        display: none !important
    }

    .mobile {
        display: block
    }
}

.sub-banner {
    height: 600px;
    max-width: 2560px;
    width: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    margin-bottom: 160px;
    align-items: center
}

@media only screen and (max-width:834px) {
    .sub-banner {
        display: block;
        margin-bottom: 80px;
        background-size: cover;
        height: 500px
    }
}

.sub-banner .container {
    padding-left: 135px !important
}

@media only screen and (max-width:834px) {
    .sub-banner .container {
        padding: 32px 24px 0 !important
    }
}

.sub-banner h1 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3e3a39;
    margin-bottom: 24px;
    text-align: left;
    margin-bottom: 16px
}

@media only screen and (max-width:834px) {
    .sub-banner h1 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39
    }
}

.sub-banner p {
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #3e3a39;
    text-align: left;
    max-width: 454px;
    width: 100%
}

@media only screen and (max-width:834px) {
    .sub-banner p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin: 0 auto;
        max-width: 500px
    }
}

.row {
    margin: 0 auto 160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    max-width: 1330px;
    width: 100%;
    gap: 32px
}

@media only screen and (max-width:950px) {
    .row {
        flex-direction: column !important;
        margin-bottom: 80px;
        gap: 0
    }
}

.row:last-child {
    margin-bottom: 0
}

.row:nth-child(odd) {
    flex-direction: row-reverse
}

.row .column {
    max-width: 530px
}

@media only screen and (max-width:950px) {
    .row .column {
        margin-bottom: 40px;
        text-align: center;
        padding: 0
    }
}

.row h2 {
    font-size: 48px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    margin-bottom: 24px
}

@media only screen and (max-width:950px) {
    .row h2 {
        font-size: 28px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        margin-bottom: 16px
    }
}

.row p {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #3e3a39;
    position: relative;
    padding-left: 26px;
    margin-bottom: 0
}

@media only screen and (max-width:950px) {
    .row p {
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #3e3a39;
        padding-left: 0
    }
}

.row p i {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #e03323;
    display: inline-block;
    vertical-align: 0;
    margin-right: 16px;
    position: absolute;
    left: 0;
    top: 6px
}

@media only screen and (max-width:950px) {
    .row p i {
        display: none
    }
}

.row img {
    max-width: 652px;
    width: 100%
}

.row a {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    padding: 12px 16px;
    background-color: #e03323;
    color: #fff;
    display: block;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 150px;
    margin-top: 68px
}

@media only screen and (max-width:950px) {
    .row a {
        margin-top: 32px
    }
}