.container.svelte-14ndcx9.svelte-14ndcx9 {
    display: flex;
    margin-bottom: 72px;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative
}

.container.svelte-14ndcx9 .container-line {
    z-index: -1
}

.left.svelte-14ndcx9.svelte-14ndcx9 {
    background-color: var(--bg-dark);
    overflow: hidden;
    border-radius: 16px 0 0 16px;
    flex-basis: calc(50% - 8px)
}

@media (max-width: 767.98px) {
    .left.svelte-14ndcx9.svelte-14ndcx9 {
        flex-basis:100%;
        border-radius: 16px 16px 0 0
    }
}

.left.svelte-14ndcx9 .left-title.svelte-14ndcx9 {
    padding: 32px 40px
}

@media (max-width: 767.98px) {
    .left.svelte-14ndcx9 .left-title.svelte-14ndcx9 {
        padding:32px 16px 16px
    }
}

.left.svelte-14ndcx9 .left-title-main.svelte-14ndcx9 {
    color: var(--primary-blue);
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 767.98px) {
    .left.svelte-14ndcx9 .left-title-main.svelte-14ndcx9 {
        font-size:13px
    }
}

.left.svelte-14ndcx9 .left-title-sub.svelte-14ndcx9 {
    color: var(--color-text-light);
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    word-wrap: break-word;
    margin-top: 8px
}

@media (max-width: 767.98px) {
    .left.svelte-14ndcx9 .left-title-sub.svelte-14ndcx9 {
        font-size:var(--font-size-h2);
        line-height: var(--line-height-h4);
        margin-bottom: 8px
    }
}

.left.svelte-14ndcx9 .left-title-desc.svelte-14ndcx9 {
    line-height: 24px;
    font-size: 16px;
    color: var(--color-text-secondary-light)
}

@media (max-width: 767.98px) {
    .left.svelte-14ndcx9 .left-title-desc.svelte-14ndcx9 {
        font-size:13px
    }
}

.right.svelte-14ndcx9.svelte-14ndcx9 {
    flex-basis: calc(50% - 8px);
    margin-left: 16px;
    border-radius: 0 16px 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    gap: 16px
}

@media (max-width: 767.98px) {
    .right.svelte-14ndcx9.svelte-14ndcx9 {
        flex-basis:100%;
        margin-left: 0;
        border-radius: 0 0 16px 16px;
        gap: 0;
        padding-top: 16px;
        background: #f3f4f6
    }
}

.right.svelte-14ndcx9 .item.svelte-14ndcx9 {
    padding: 32px 48px;
    background: #f3f4f6;
    height: 100%
}

@media (max-width: 767.98px) {
    .right.svelte-14ndcx9 .item.svelte-14ndcx9 {
        padding:8px 16px;
        display: flex;
        align-items: flex-start
    }
}

.right.svelte-14ndcx9 .item .item-icon.svelte-14ndcx9 {
    width: 56px;
    height: 56px;
    /* background-color: #fff; */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.right.svelte-14ndcx9 .item .item-icon.svelte-14ndcx9 img {
    /* width:40px; */
    /* height:40px; */
}

@media (max-width: 767.98px) {
    .right.svelte-14ndcx9 .item .item-icon.svelte-14ndcx9 {
        width:40px;
        height: 40px;
        flex-shrink: 0;
        margin-right: 16px
    }
}

.right.svelte-14ndcx9 .item .item-icon.svelte-14ndcx9 svg {
    fill: var(--bg)
}

.right.svelte-14ndcx9 .item .item-title.svelte-14ndcx9 {
    margin-top: 20px;
    line-height: 32px;
    font-size: 20px;
    color: var(--color-text-primary)
}

@media (max-width: 767.98px) {
    .right.svelte-14ndcx9 .item .item-title.svelte-14ndcx9 {
        margin-top:0;
        font-size: 15px;
        line-height: var(--line-height-h4)
    }
}

.right.svelte-14ndcx9 .item .item-desc.svelte-14ndcx9 {
    margin-bottom: 20px;
    margin-top: 8px;
    line-height: 24px;
    font-size: 16px;
    color: var(--color-text-secondary)
}

@media (max-width: 767.98px) {
    .right.svelte-14ndcx9 .item .item-desc.svelte-14ndcx9 {
        font-size:13px;
        line-height: var(--line-height-h4);
        margin-bottom: 8px
    }
}