.banner.svelte-j4mejl.svelte-j4mejl {
    overflow: hidden;
    background: linear-gradient(180deg,#e6f0ff,#fff);
    border-bottom: 1px solid rgba(15,15,16,.1)
}

.banner.svelte-j4mejl .banner-container.svelte-j4mejl {
    width: 100%;
    height: 705px;
    display: flex;
    gap: 16px;
    align-items: center
}

@media (max-width: 991.98px) {
    .banner.svelte-j4mejl .banner-container.svelte-j4mejl {
        height:auto;
        align-items: center
    }
}

@media (max-width: 767.98px) {
    .banner.svelte-j4mejl .banner-container.svelte-j4mejl {
        height:100%;
        flex-direction: column;
        padding-top: 24px;
        gap: 32px
    }

    .banner.svelte-j4mejl .banner-container.svelte-j4mejl .pm-btn {
        width: 100%
    }
}

.banner.svelte-j4mejl .banner-info.svelte-j4mejl {
    display: flex;
    flex-basis: calc(50% - 8px);
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 105px
}

@media (max-width: 991.98px) {
    .banner.svelte-j4mejl .banner-info.svelte-j4mejl {
        margin-top:72px
    }
}

.banner.svelte-j4mejl .banner-info .banner-btn.svelte-j4mejl {
    display: flex;
    padding: 16px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

@media (max-width: 767.98px) {
    .banner.svelte-j4mejl .banner-info .banner-btn.svelte-j4mejl {
        width:100%
    }
}

.banner.svelte-j4mejl .banner-image.svelte-j4mejl {
    flex-shrink: 0;
    width: 60%;
    margin-right: -150px;
    margin-top: 105px;
    overflow: hidden;
    max-width: 100%
}

@media (max-width: 991.98px) {
    .banner.svelte-j4mejl .banner-image.svelte-j4mejl {
        margin-top:72px;
        margin-right: -60px
    }
}

@media (max-width: 767.98px) {
    .banner.svelte-j4mejl .banner-image.svelte-j4mejl {
        margin-top:0;
        margin-right: 0;
        width: 100%
    }
}

.item.svelte-1izf5wh.svelte-1izf5wh {
    display: flex;
    padding: 24px 0;
    gap: 16px;
    flex-direction: column;
    width: 25%;
    transition: all .4s ease-in-out
}

@media (max-width: 767.98px) {
    .item.svelte-1izf5wh.svelte-1izf5wh {
        width:100%;
        flex-direction: row;
        gap: 8px;
        padding: 8px
    }
}

.item.svelte-1izf5wh .icon.svelte-1izf5wh {
    width: 40px;
    height: 40px
}

@media (max-width: 767.98px) {
    .item.svelte-1izf5wh .content.svelte-1izf5wh {
        flex:1
    }
}

.item.svelte-1izf5wh .title.svelte-1izf5wh {
    line-height: 24px
}

.item.svelte-1izf5wh .desc.svelte-1izf5wh {
    color: #0f0f10b3;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 991.98px) {
    .item.svelte-1izf5wh.svelte-1izf5wh:hover {
        padding-left:8px
    }
}

.full-link.svelte-32rtoh.svelte-32rtoh {
    position: relative
}

.full-link.svelte-32rtoh .container-line {
    z-index: -1
}

.full-link.svelte-32rtoh .container-content.svelte-32rtoh {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (max-width: 767.98px) {
    .full-link.svelte-32rtoh .container-content.svelte-32rtoh {
        margin-top:48px
    }
}

.full-link.svelte-32rtoh .full-link-image.svelte-32rtoh {
    max-width: 100%
}

.full-link.svelte-32rtoh .full-link-advantage.svelte-32rtoh {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px
}

@media (max-width: 767.98px) {
    .full-link.svelte-32rtoh .full-link-advantage.svelte-32rtoh {
        flex-direction:column
    }
}

.card-list.svelte-qmmd4f.svelte-qmmd4f {
    display: flex;
    width: 33.33%;
    padding: 8px 16px;
    align-items: flex-start;
    transition: all .4s ease-in-out
}

@media (max-width: 767.98px) {
    .card-list.svelte-qmmd4f.svelte-qmmd4f {
        width:50%
    }
}

@media (min-width: 991.98px) {
    .card-list.svelte-qmmd4f.svelte-qmmd4f:hover {
        padding-left:24px
    }
}

.card-list-logo.svelte-qmmd4f.svelte-qmmd4f {
    display: flex;
    height: 36px;
    padding: 2px 0;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(15,15,16,.1)
}

.card-list-logo.svelte-qmmd4f img.svelte-qmmd4f {
    height: 100%
}

@media (max-width: 991.98px) {
    .card-list-logo.svelte-qmmd4f.svelte-qmmd4f {
        height:24px
    }
}

.card-list-content.svelte-qmmd4f.svelte-qmmd4f {
    display: flex;
    padding: 5px 0 0 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

.content-title.svelte-qmmd4f.svelte-qmmd4f {
    align-self: stretch;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary)
}

.content-desc.svelte-qmmd4f.svelte-qmmd4f {
    align-self: stretch;
    color: #0f0f1066;
    font-size: 14px;
    font-style: normal;
    font-weight: 330;
    line-height: 20px
}

@media (max-width: 991.98px) {
    .content-desc.svelte-qmmd4f.svelte-qmmd4f {
        font-size:12px
    }
}

.payment-card.svelte-56etd3.svelte-56etd3 {
    display: flex;
    padding: 24px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-right: none!important;
    border: 1px solid #F3F4F6;
    margin-bottom: -1px;
    background: #fff;
    margin-left: -1px;
    margin-right: -1px
}

.payment-card.svelte-56etd3 .payment-card-title.svelte-56etd3 {
    display: flex;
    align-items: center;
    gap: 16px
}

.payment-card.svelte-56etd3 .title-left.svelte-56etd3 {
    width: 2px;
    height: 24px;
    flex-shrink: 0;
    background: #3782ff
}

.payment-card.svelte-56etd3 .title-right.svelte-56etd3 {
    font-style: normal;
    font-weight: 450;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4)
}

.payment-card.svelte-56etd3 .payment-card-content.svelte-56etd3 {
    display: flex;
    padding: 16px 0;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-wrap: wrap
}

.timely-payment-card.svelte-s6lz3j.svelte-s6lz3j {
    display: flex;
    width: 33.3333333333%;
    padding: 24px 0;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-top: 1px solid #F3F4F6;
    border-bottom: 1px solid #F3F4F6
}

@media (max-width: 767.98px) {
    .timely-payment-card.svelte-s6lz3j.svelte-s6lz3j {
        width:50%
    }
}

.card-container.svelte-s6lz3j.svelte-s6lz3j {
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    transition: all .4s ease-in-out
}

@media (min-width: 991.98px) {
    .card-container.svelte-s6lz3j.svelte-s6lz3j:hover {
        padding-left:24px
    }
}

.card-logo.svelte-s6lz3j.svelte-s6lz3j {
    display: flex;
    height: 36px;
    padding: 2px 0;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(15,15,16,.1)
}

.card-logo.svelte-s6lz3j img.svelte-s6lz3j {
    height: 100%
}

@media (max-width: 991.98px) {
    .card-logo.svelte-s6lz3j.svelte-s6lz3j {
        height:24px
    }
}

.card-content.svelte-s6lz3j.svelte-s6lz3j {
    display: flex;
    padding: 5px 0 0 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    flex: 1
}

.card-title.svelte-s6lz3j.svelte-s6lz3j {
    color: var(--D1-, #0F0F10);
    font-family: MiSans VF;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary)
}

.card-desc.svelte-s6lz3j.svelte-s6lz3j {
    color: #0f0f1066;
    font-size: 14px;
    font-style: normal;
    font-weight: 330;
    line-height: 20px
}

@media (max-width: 991.98px) {
    .card-desc.svelte-s6lz3j.svelte-s6lz3j {
        font-size:12px
    }
}

.tab-content.svelte-9ryuau.svelte-9ryuau {
    flex: 1;
    min-height: 600px
}

@media (max-width: 991.98px) {
    .tab-content.svelte-9ryuau.svelte-9ryuau {
        min-height:inherit
    }
}

@media (max-width: 767.98px) {
    .tab-content.svelte-9ryuau.svelte-9ryuau {
        min-height:inherit
    }
}

.tab-content.svelte-9ryuau .tab-content-title.svelte-9ryuau {
    display: flex;
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    .tab-content.svelte-9ryuau .tab-content-title.svelte-9ryuau {
        width:100%
    }
}

.tab-content.svelte-9ryuau .tab-content-title .title-left.svelte-9ryuau {
    color: var(--, #0F0F10);
    font-style: normal;
    font-weight: 630;
    align-self: center;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3)
}

@media (max-width: 767.98px) {
    .tab-content.svelte-9ryuau .tab-content-title .title-left.svelte-9ryuau {
        display:none
    }
}

.tab-content.svelte-9ryuau .tab-content-title .title-right.svelte-9ryuau {
    display: inline-flex;
    height: 44px;
    padding: 10px 0;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    color: #3782ff;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary);
    margin-left: auto
}

@media (max-width: 767.98px) {
    .tab-content.svelte-9ryuau .tab-content-title .title-right.max.svelte-9ryuau {
        display:none
    }
}

.tab-content.svelte-9ryuau .timely-payment-content.svelte-9ryuau {
    display: flex;
    gap: 24px 0px;
    flex-wrap: wrap
}

.tab-content.svelte-9ryuau .sm.svelte-9ryuau {
    display: none
}

@media (max-width: 767.98px) {
    .tab-content.svelte-9ryuau .sm.svelte-9ryuau {
        display:inherit;
        margin-top: 50px
    }
}

.bank-transfer-card.svelte-q0vf6o {
    display: flex;
    padding: 24px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border: 1px solid #F3F4F6;
    border-right: none!important;
    margin-top: 20px;
    background: #fff;
    margin-left: -1px;
    margin-right: -1px
}

.card-container.svelte-q0vf6o {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-right: 16px
}

.card-left.svelte-q0vf6o {
    width: 2px;
    height: 24px;
    flex-shrink: 0;
    background: #3782ff
}

.card-right.svelte-q0vf6o {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    transition: all .4s ease-in-out
}

@media (min-width: 991.98px) {
    .card-right.svelte-q0vf6o:hover {
        padding-left:8px
    }
}

.title.svelte-q0vf6o {
    font-style: normal;
    font-weight: 450;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4)
}

.desc.svelte-q0vf6o {
    color: #0f0f10b3;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary)
}

.subDesc.svelte-q0vf6o {
    color: #3782ff
}

.tab-content.svelte-uq5sj5.svelte-uq5sj5 {
    flex: 1;
    min-height: 600px
}

@media (max-width: 991.98px) {
    .tab-content.svelte-uq5sj5.svelte-uq5sj5 {
        min-height:inherit
    }
}

@media (max-width: 767.98px) {
    .tab-content.svelte-uq5sj5.svelte-uq5sj5 {
        min-height:inherit
    }
}

.tab-content.svelte-uq5sj5 .tab-content-title.svelte-uq5sj5 {
    display: flex;
    margin-bottom: 24px
}

.tab-content.svelte-uq5sj5 .tab-content-title .title-left.svelte-uq5sj5 {
    color: var(--, #0F0F10);
    font-style: normal;
    font-weight: 630;
    align-self: center;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3)
}

@media (max-width: 767.98px) {
    .tab-content.svelte-uq5sj5 .tab-content-title .title-left.svelte-uq5sj5 {
        display:none
    }
}

.tab-content.svelte-uq5sj5 .tab-content-title .title-right.svelte-uq5sj5 {
    display: inline-flex;
    height: 44px;
    padding: 10px 0;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    color: #3782ff;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary);
    margin-left: auto
}

@media (max-width: 767.98px) {
    .tab-content.svelte-uq5sj5 .tab-content-title .title-right.max.svelte-uq5sj5 {
        display:none
    }
}

.tab-content.svelte-uq5sj5 .sm.svelte-uq5sj5 {
    display: none
}

@media (max-width: 767.98px) {
    .tab-content.svelte-uq5sj5 .sm.svelte-uq5sj5 {
        display:inherit;
        margin-top: 50px
    }
}

.card-list.svelte-j6qb82.svelte-j6qb82 {
    display: flex;
    width: 25%;
    padding: 8px 16px;
    align-items: flex-start;
    transition: all .4s ease-in-out
}

@media (max-width: 767.98px) {
    .card-list.svelte-j6qb82.svelte-j6qb82 {
        width:initial;
        align-items: center
    }
}

@media (min-width: 991.98px) {
    .card-list.svelte-j6qb82.svelte-j6qb82:hover {
        padding-left:24px
    }
}

.card-list-logo.svelte-j6qb82.svelte-j6qb82 {
    display: flex;
    width: 56px;
    height: 36px;
    padding: 2px 0;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(15,15,16,.1)
}

@media (max-width: 767.98px) {
    .card-list-logo.svelte-j6qb82.svelte-j6qb82 {
        width:28px;
        height: 18px
    }
}

.card-list-logo.svelte-j6qb82 img.svelte-j6qb82 {
    max-width: 100%;
    height: 100%
}

.card-list-content.svelte-j6qb82.svelte-j6qb82 {
    display: flex;
    padding: 5px 0 0 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0
}

@media (max-width: 767.98px) {
    .card-list-content.svelte-j6qb82.svelte-j6qb82 {
        width:initial;
        padding: 0
    }

    .card-list-content.svelte-j6qb82 .content-title.svelte-j6qb82 {
        font-size: 13px;
        margin-left: 4px
    }
}

.content-title.svelte-j6qb82.svelte-j6qb82 {
    align-self: stretch;
    font-size: 18px;
    font-style: normal;
    font-weight: 330;
    line-height: 26px
}

.first-card.svelte-3tjeak.svelte-3tjeak {
    /* display: inline-flex; */
    /* width: 33.3333333333%; */
    padding: 24px 0;
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    border-top: 1px solid #F3F4F6;
    box-sizing: border-box
}

@media (max-width: 767.98px) {
    .first-card.svelte-3tjeak.svelte-3tjeak {
        width:50%;
        padding-bottom: 0
    }
}

.first-card.svelte-3tjeak .first-card-title.svelte-3tjeak {
    display: flex;
    align-items: center;
    gap: 16px
}

.first-card.svelte-3tjeak .first-card-title .first-card-title-left.svelte-3tjeak {
    width: 2px;
    margin-left: -1px;
    height: 24px;
    flex-shrink: 0;
    background: var(--C1-, #3782FF)
}

.first-card.svelte-3tjeak .first-card-title .first-card-title-right.svelte-3tjeak {
    color: var(--D1-, #0F0F10);
    font-family: MiSans VF;
    font-style: normal;
    font-weight: 450;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4)
}

@media (max-width: 767.98px) {
    .first-card.svelte-3tjeak .first-card-title .first-card-title-right.svelte-3tjeak {
        font-size:15px
    }
}

.first-card.svelte-3tjeak .first-card-list.svelte-3tjeak {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0;
    flex-direction: row;
    align-items: flex-start
}

@media (max-width: 767.98px) {
    .first-card.svelte-3tjeak .first-card-list.svelte-3tjeak {
        width:inherit
    }
}

.tab-content.svelte-1adqk1k.svelte-1adqk1k {
    flex: 1;
    min-height: 600px
}

@media (max-width: 991.98px) {
    .tab-content.svelte-1adqk1k.svelte-1adqk1k {
        min-height:inherit
    }
}

@media (max-width: 767.98px) {
    .tab-content.svelte-1adqk1k.svelte-1adqk1k {
        min-height:inherit
    }
}

.tab-content.svelte-1adqk1k .tab-content-title.svelte-1adqk1k {
    display: flex;
    margin-bottom: 24px;
    flex: 1
}

@media (max-width: 767.98px) {
    .tab-content.svelte-1adqk1k .tab-content-title.svelte-1adqk1k {
        width:100%
    }
}

.tab-content.svelte-1adqk1k .tab-content-title .title-left.svelte-1adqk1k {
    color: var(--, #0F0F10);
    font-style: normal;
    font-weight: 630;
    align-self: center;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3)
}

@media (max-width: 767.98px) {
    .tab-content.svelte-1adqk1k .tab-content-title .title-left.svelte-1adqk1k {
        display:none
    }
}

.tab-content.svelte-1adqk1k .tab-content-title .title-right.svelte-1adqk1k {
    display: inline-flex;
    height: 44px;
    padding: 10px 0;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    color: #3782ff;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary);
    margin-left: auto
}

@media (max-width: 767.98px) {
    .tab-content.svelte-1adqk1k .tab-content-title .title-right.max.svelte-1adqk1k {
        display:none
    }
}

.tab-content.svelte-1adqk1k .tab-content-card.svelte-1adqk1k {
    /* display: flex;
    flex-wrap: wrap */
}

@media (max-width: 767.98px) {
    .tab-content.svelte-1adqk1k .tab-content-card.svelte-1adqk1k {
        /* display:flex;
        flex-wrap: wrap */
    }
}

.tab-content.svelte-1adqk1k .sm.svelte-1adqk1k {
    display: none
}

@media (max-width: 767.98px) {
    .tab-content.svelte-1adqk1k .sm.svelte-1adqk1k {
        display:inherit;
        margin-top: 50px
    }
}

.tab-content.svelte-87hyx5.svelte-87hyx5 {
    flex: 1;
    min-height: 600px
}

@media (max-width: 991.98px) {
    .tab-content.svelte-87hyx5.svelte-87hyx5 {
        min-height:inherit
    }
}

@media (max-width: 767.98px) {
    .tab-content.svelte-87hyx5.svelte-87hyx5 {
        min-height:inherit
    }
}

.tab-content.svelte-87hyx5 .tab-content-title.svelte-87hyx5 {
    display: flex;
    margin-bottom: 24px
}

.tab-content.svelte-87hyx5 .tab-content-title .title-left.svelte-87hyx5 {
    color: var(--, #0F0F10);
    font-style: normal;
    font-weight: 630;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    align-self: center
}

@media (max-width: 767.98px) {
    .tab-content.svelte-87hyx5 .tab-content-title .title-left.svelte-87hyx5 {
        display:none
    }
}

.tab-content.svelte-87hyx5 .tab-content-title .title-right.svelte-87hyx5 {
    display: inline-flex;
    height: 44px;
    padding: 10px 0;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    color: #3782ff;
    font-style: normal;
    font-weight: 330;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary);
    margin-left: auto
}

@media (max-width: 767.98px) {
    .tab-content.svelte-87hyx5 .tab-content-title .title-right.max.svelte-87hyx5 {
        display:none
    }
}

.tab-content.svelte-87hyx5 .sm.svelte-87hyx5 {
    display: none
}

@media (max-width: 767.98px) {
    .tab-content.svelte-87hyx5 .sm.svelte-87hyx5 {
        display:inherit;
        margin-top: 50px
    }
}

.select-button.svelte-a799fw.svelte-a799fw {
    display: none
}

@media (max-width: 767.98px) {
    .select-button.svelte-a799fw.svelte-a799fw {
        display:flex;
        height: 56px;
        padding: 14px 16px;
        justify-content: space-between;
        align-items: center;
        border-radius: 8px;
        border: 1px solid rgba(15,15,16,.1);
        background: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 630;
        line-height: normal
    }
}

.modal-container.svelte-a799fw.svelte-a799fw {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0f0f1066;
    z-index: 9999
}

.overlay.svelte-a799fw.svelte-a799fw {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: flex;
    padding: 16px 0;
    flex-direction: column;
    align-items: flex-start
}

.overlay.svelte-a799fw .dropdown.svelte-a799fw {
    width: 100%
}

.overlay.svelte-a799fw .dropdown-title.svelte-a799fw {
    height: 60px;
    display: flex;
    padding: 16px 32px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: #0f0f1066
}

.overlay.svelte-a799fw .selected.svelte-a799fw {
    color: #000
}

.overlay.svelte-a799fw .title-button.svelte-a799fw {
    width: 28px;
    height: 28px
}

.tab-container.svelte-1ufmlbf.svelte-1ufmlbf {
    display: flex
}

@media (max-width: 767.98px) {
    .tab-container.svelte-1ufmlbf.svelte-1ufmlbf {
        width:100%
    }
}

.tab-title-container.svelte-1ufmlbf.svelte-1ufmlbf {
    display: flex;
    width: 25%;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 991.98px) {
    .tab-title-container.svelte-1ufmlbf.svelte-1ufmlbf {
        width:25%
    }
}

@media (max-width: 767.98px) {
    .tab-title-container.svelte-1ufmlbf.svelte-1ufmlbf {
        display:none
    }
}

.tab-title-container.svelte-1ufmlbf .tab-title.svelte-1ufmlbf {
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch
}

.tab-title-container.svelte-1ufmlbf .tab-title .tab-title-raw.svelte-1ufmlbf {
    color: #0f0f1066;
    font-weight: 450;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    cursor: pointer
}

.tab-title-container.svelte-1ufmlbf .tab-title .tab-title-raw[active=true].svelte-1ufmlbf {
    color: var(--color-text-primary)
}

.tab-content-container.svelte-1ufmlbf.svelte-1ufmlbf {
    flex: 1
}

@media (max-width: 767.98px) {
    .tab-content-container.svelte-1ufmlbf.svelte-1ufmlbf {
        width:100%;
        margin-right: 0
    }
}

.tab-content-container.svelte-1ufmlbf .tab-content[visible=false].svelte-1ufmlbf {
    display: none
}

.capability.svelte-7x5a86.svelte-7x5a86 {
    padding: 48px 0;
    position: relative
}

.capability.svelte-7x5a86 .container-line {
    z-index: -1;
    margin-bottom: -48px;
    margin-top: -48px
}

.capability.svelte-7x5a86 .pm-btn[mode=link][theme=light] {
    color: #3782ff
}

.capability.svelte-7x5a86 .tabs-container.svelte-7x5a86 {
    margin-top: 24px
}

.integrate.svelte-19m03qr.svelte-19m03qr {
    position: relative
}

.integrate.svelte-19m03qr .integrate-content.svelte-19m03qr {
    display: flex;
    justify-content:center;
}

.integrate.svelte-19m03qr .container-line {
    z-index: -1
}

.integrate-title.svelte-19m03qr.svelte-19m03qr {
    position: relative
}

.integrate-title.svelte-19m03qr .gray.svelte-19m03qr {
    display: none
}

.integrate-title.svelte-19m03qr .pmv-section-title {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    left: 0;
    right: 0;
    background: linear-gradient(transparent,#fff)
}

@media (max-width: 767.98px) {
    .integrate-title.svelte-19m03qr .gray.svelte-19m03qr {
        display:inherit;
        background: linear-gradient(#bfbfbf1a,#fff);
        height: 100%;
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 1
    }

    .integrate-title.svelte-19m03qr .pmv-section-title {
        text-align: center;
        top: 50px;
        z-index: 1;
        padding: 0 16px
    }

    .integrate-title.svelte-19m03qr .pm-boxes-row:last-of-type {
        display: none
    }
}

.integrate-content.svelte-19m03qr.svelte-19m03qr {
    padding: 48px 0;
    gap: 24px 16px;
    flex-wrap: wrap
}

@media (max-width: 767.98px) {
    .integrate-content.svelte-19m03qr.svelte-19m03qr {
        padding-top:0
    }
}

.card-left.svelte-19m03qr.svelte-19m03qr {
    display: flex;
    width: calc(57% - 16px);
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid rgba(15,15,16,.1);
    justify-content: space-between;
    background: #fff;
    transition: all .4s ease-in-out
}

.card-left.svelte-19m03qr.svelte-19m03qr:hover {
    box-shadow: 0 4px 16px -4px #0000001a
}

.card-left.svelte-19m03qr:hover .left-content .left-title.svelte-19m03qr {
    padding-left: 8px
}

@media (max-width: 767.98px) {
    .card-left.svelte-19m03qr.svelte-19m03qr {
        width:100%
    }
}

.card-left.svelte-19m03qr .left-content.svelte-19m03qr {
    width: 100%;
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.card-left.svelte-19m03qr .left-content .left-title.svelte-19m03qr {
    align-self: stretch;
    font-style: normal;
    font-weight: 630;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    transition: all .4s ease-in-out
}

.card-left.svelte-19m03qr .left-content .left-desc.svelte-19m03qr {
    color: #0f0f10b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 330;
    line-height: 20px
}

.card-left.svelte-19m03qr .left-content .left-newdesc.svelte-19m03qr {
    color: #0f0f10b3;
    font-size: 14px;
    display: flex;
    gap: 7.5px
}

.card-left.svelte-19m03qr .left-content .left-newdesc .desc-checkbox.svelte-19m03qr {
    font-size: 14px;
    line-height: 1.5;
}

.card-left.svelte-19m03qr .left-image.svelte-19m03qr {
    width: 100%
}

.card-left.svelte-19m03qr .icon.svelte-19m03qr {
    width: 12.214px;
    height: 12px;
    flex-shrink: 0
}

.card-right.svelte-19m03qr.svelte-19m03qr {
    display: flex;
    width: 43%;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid rgba(15,15,16,.1);
    background: #fff;
    transition: all .4s ease-in-out
}

@media (min-width: 991.98px) {
    .card-right.svelte-19m03qr.svelte-19m03qr:hover {
        box-shadow:0 4px 16px -4px #0000001a
    }

    .card-right.svelte-19m03qr:hover .right-content .right-title.svelte-19m03qr {
        padding-left: 8px
    }
}

@media (max-width: 767.98px) {
    .card-right.svelte-19m03qr.svelte-19m03qr {
        width:100%
    }
}

.card-right.svelte-19m03qr .right-content.svelte-19m03qr {
    width: 100%;
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.card-right.svelte-19m03qr .right-content .right-title.svelte-19m03qr {
    align-self: stretch;
    font-style: normal;
    font-weight: 630;
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    transition: all .4s ease-in-out
}

.card-right.svelte-19m03qr .right-content .right-desc.svelte-19m03qr {
    color: #0f0f10b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 330;
    line-height: 20px
}

.card-right.svelte-19m03qr .right-image.svelte-19m03qr {
    width: 100%
}

.optimize.svelte-mnharn.svelte-mnharn {
    position: relative;
    overflow: hidden
}

.optimize.svelte-mnharn .container-line {
    z-index: -1
}

@media (max-width: 767.98px) {
    .optimize.svelte-mnharn .optimize-list.svelte-mnharn,.optimize.svelte-mnharn .optimize-img.svelte-mnharn,.optimize.svelte-mnharn .item.svelte-mnharn {
        width:100%
    }
}

.optimize-container.svelte-mnharn.svelte-mnharn {
    padding: 48px 0;
    align-content: flex-start
}

.optimize-content.svelte-mnharn.svelte-mnharn {
    display: flex;
    align-items: center;
}

@media (max-width: 767.98px) {
    .optimize-content.svelte-mnharn.svelte-mnharn {
        display:inherit;
        margin-top: 20px
    }
}

.optimize-list.svelte-mnharn.svelte-mnharn {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
    margin-right: 16px
}

@media (max-width: 991.98px) {
    .optimize-list.svelte-mnharn.svelte-mnharn {
        gap:48px
    }
}

@media (max-width: 767.98px) {
    .optimize-list.svelte-mnharn.svelte-mnharn {
        gap:34px
    }
}

.optimize-img.svelte-mnharn.svelte-mnharn {
    /* display: flex; */
    width: 50%;
    flex-shrink: 0;
    border-radius: 16px
}
.optimize-img.svelte-mnharn.svelte-mnharn img.svelte-j8elqt{
    border-radius: 16px;
}

@media (max-width: 767.98px) {
    .optimize-img.svelte-mnharn.svelte-mnharn {
        margin-top:54px
    }
}

.item.svelte-mnharn.svelte-mnharn {
    display: flex;
    width: 100%;
    padding: 0 32px;
    align-items: flex-start;
    align-self: stretch
}

@media (max-width: 991.98px) {
    .item.svelte-mnharn.svelte-mnharn {
        padding:0 24px
    }
}

@media (max-width: 767.98px) {
    .item.svelte-mnharn.svelte-mnharn {
        padding:0
    }
}

.item.svelte-mnharn .icon.svelte-mnharn {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #0f0f10
}

@media (max-width: 767.98px) {
    .item.svelte-mnharn .icon.svelte-mnharn {
        width:32px;
        height: 32px;
        padding: 4px
    }
}

.item.svelte-mnharn .item-content.svelte-mnharn {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0
}

@media (max-width: 767.98px) {
    .item.svelte-mnharn .item-content.svelte-mnharn {
        padding:0 0 0 8px
    }
}

.item.svelte-mnharn .item-content .title.svelte-mnharn {
    font-weight: 450;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4)
}

.item.svelte-mnharn .item-content .desc.svelte-mnharn {
    color: #0f0f10b3;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary)
}

.more-product.svelte-1chk0br.svelte-1chk0br {
    position: relative
}

.more-product.svelte-1chk0br .container-line {
    z-index: -1;
    margin-bottom: -48px
}

.more-product-container.svelte-1chk0br.svelte-1chk0br {
    padding: 48px 0;
    align-content: center;
    min-height: 600px;
    margin-bottom: 48px
}

.more-product-container.svelte-1chk0br .pm-btn[mode=link][theme=light] {
    color: #3782ff
}

@media (max-width: 767.98px) {
    .more-product-container.svelte-1chk0br.svelte-1chk0br {
        margin-bottom:28px
    }
}

.content.svelte-1chk0br.svelte-1chk0br {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0
}

@media (max-width: 767.98px) {
    .content.svelte-1chk0br.svelte-1chk0br {
        display:inherit
    }
}

.item-container.svelte-1chk0br.svelte-1chk0br {
    flex-basis: calc(50% - 8px)
}

.item.svelte-1chk0br.svelte-1chk0br {
    display: flex;
    flex-basis: calc(50% - 8px);
    padding: 48px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 16px;
    border: 1px solid rgba(15,15,16,.1);
    background: #fff;
    transition: all .4s ease-in-out
}

@media (max-width: 767.98px) {
    .item.svelte-1chk0br.svelte-1chk0br {
        padding:24px 14px;
        gap: 6px
    }
}

.item.svelte-1chk0br.svelte-1chk0br:hover {
    box-shadow: 0 4px 16px -4px #0000001a
}

.item.svelte-1chk0br .icon.svelte-1chk0br {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #f3f4f6
}

@media (max-width: 767.98px) {
    .item.svelte-1chk0br .icon.svelte-1chk0br {
        width:32px;
        height: 32px;
        padding: 4px
    }
}

.item.svelte-1chk0br .title.svelte-1chk0br {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch
}

@media (max-width: 767.98px) {
    .item.svelte-1chk0br .title.svelte-1chk0br {
        gap:6px
    }
}

.item.svelte-1chk0br .item-title.svelte-1chk0br {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    font-weight: 630
}

.item.svelte-1chk0br .item-desc.svelte-1chk0br {
    color: #0f0f10b3;
    font-size: var(--font-size-primary);
    line-height: var(--line-height-primary);
    min-height: 140px
}

@media (max-width: 991.98px) {
    .item.svelte-1chk0br .item-desc.svelte-1chk0br {
        min-height:140px
    }
}

.item.svelte-1chk0br .name.svelte-1chk0br {
    height: 44px;
    padding: 10px 0;
    line-height: 24px
}

.item-container.svelte-1chk0br.svelte-1chk0br {
    margin: auto
}

@media (max-width: 767.98px) {
    .item-container.svelte-1chk0br.svelte-1chk0br {
        margin-bottom:16px
    }

    .item-container.svelte-1chk0br.svelte-1chk0br:last-child {
        margin-bottom: 0
    }
}