/* solution-banner-start */
#solution-banner {
    padding-top: 88px;
    padding-bottom: 70px;
    background: var(--theme-background-linear);
}

#solution-banner h1 {
    font-size: 48px;
    text-align: center;
}

#solution-banner-content {
    width: 70%;
    margin: 0 auto;
    font-size: 18px;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 97px;
}

#solution-banner .row > * {
    padding: 0px 15px;
}

.solution-category-item {
    cursor: pointer;
    margin-bottom: 30px;
    border-radius: 16px;
    padding: 30px 30px 40px;
    background: var(--theme-background-light);
}

.solution-category-item:hover {
    box-shadow: var(--theme-elevation3);
}

.solution-category-item-header,
.solution-category-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.solution-category-item-header h4 {
    font-size: 22px;
}

.solution-category-item-header img {
    width: 64px;
    height: 64px;
}

.solution-category-item > p {
    height: 110px;
    font-size: 14px;
    padding-top: 30px;
}

.en .solution-category-item > p {
    height: 160px;
}

.solution-category-item-footer {
    padding-right: 20px;
}

.solution-category-item-footer * {
    color: var(--theme-primary-main);
}

/* solution-banner-end */

/* solution-success-start */
#solution-success {
    padding-top: 80px;
    padding-bottom: 100px;
}

#solution-success h2 {
    text-align: center;
    padding-bottom: 95px;
}

#solution-success .row > * {
    height: 100%;
}

#solution-success img {
    width: 114%;
    margin-left: -7%;
}
/* solution-success-end */

/* solution-category-banner-start */
#solution-category-banner {
    padding: 80px 0px;
    text-align: center;
    background: var(--theme-background-linear);
}

#solution-category-banner h1 {
    width: 80%;
    margin: 0 auto;
    font-size: 48px;
}

#solution-category-banner p {
    width: 70%;
    margin: 0 auto;
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 40px;
}

#solution-category-banner button {
    padding: 0px;
    height: 48px;
    min-width: 180px;
}

@media (max-width: 768px) {
    #solution-category-banner h1,
    #solution-category-banner p {
        width: 100%;
    }
}
/* solution-category-banner-end */

/* solution-category-feature-start */
#solution-category-feature {
    padding-top: 80px;
}

.solution-category-feature-item {
    padding: 0px 45px;
    text-align: center;
    padding-bottom: 100px;
}

.solution-category-feature-item img {
    width: 90px;
    height: 90px;
}

.solution-category-feature-item h5 {
    padding-top: 36px;
    padding-bottom: 16px;
}

.solution-category-feature-item p {
    font-size: 14px;
}
/* solution-category-feature-end */

/* category-solution-start */
#category-solution {
    padding-bottom: 90px;
}

#category-solution h2 {
    text-align: center;
    padding-bottom: 80px;
}

#category-solution .row {
    padding-bottom: 30px;
}

.category-solution-pic img {
    width: 100%;
}

.category-solution-item {
    padding: 0px 100px;
}

.category-solution-item img {
    width: 48px;
    height: 48px;
}

.category-solution-item h3 {
    padding-top: 20px;
    padding-bottom: 24px;
}

@media (max-width: 768px) {
    .category-solution-item {
        padding: 32px 32px 32px;
    }
    #solution-banner-content {
        width: 100%;
    }
    #solution-banner h1 {
        font-size: 40px;
    }
}
/* category-solution-end */

.en#startup .btn {
    font-weight: 800;
}

#startup .startup-process-item p {
    color: #d3defd;
}
/* startup-banner-start */
#startup-banner {
    background: var(--theme-background-linear);
}

#startup-banner .col-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#startup-banner h1 {
    font-size: 48px;
}

#startup-banner p {
    padding-top: 20px;
    padding-bottom: 50px;
}

#startup-banner a {
    width: 144px;
    height: 48px;
    padding: 0px;
    line-height: 48px;
}

#startup-banner img {
    width: 100%;
}

@media (max-width: 768px) {
    #startup-banner {
        padding: 80px 0px;
        text-align: center;
    }

    #startup-banner .col-12 {
        align-items: center;
    }

    #startup-banner img {
        display: none;
    }
}
/* startup-banner-end */

/* startup-grow-start */
#startup-grow {
    padding-top: 100px;
    padding-bottom: 20px;
}

#startup-grow h1 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 80px;
}

.startup-grow-item {
    padding-bottom: 80px;
}

.startup-grow-item img {
    width: 100%;
}

.startup-grow-item-content {
    padding: 0px 70px;
}

.startup-grow-item-content h6 {
    font-size: 16px;
    font-weight: 600;
}

.startup-grow-item-content h2 {
    font-size: 36px;
    padding-top: 20px;
}

.startup-grow-item-content p {
    padding-top: 20px;
}

@media (max-width: 768px) {
    #startup-grow .row {
        flex-direction: column-reverse !important;
    }

    .startup-grow-item-content {
        padding: 15px;
    }

    .startup-grow-item-content h2 {
        text-align: left;
        padding-bottom: 20px !important;
    }

    .startup-grow-item-content p {
        padding-top: 0px;
    }
}
/* startup-grow-end */

/* startup-record-start */
#startup-record {
    padding-top: 100px;
    background: var(--theme-background-main);
}

#startup-record h1 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 80px;
}

.startup-record-item {
    padding: 40px;
    border-radius: 16px;
    margin-bottom: -144px;
    box-shadow: var(--theme-elevation2);
    background: var(--theme-background-light);
}

.startup-record-item img {
    width: 100%;
    display: block;
}

.startup-record-item h2 {
    font-size: 36px;
    padding-top: 40px;
    padding-bottom: 24px;
}

@media (max-width: 768px) {
    #startup-record {
        padding-bottom: 80px;
    }

    .startup-record-item {
        padding: 20px;
        margin-bottom: 30px;
    }
}
/* startup-record-end */

/* startup-team-start */
#startup-team {
    padding-top: 288px;
}

#startup-team h1 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 80px;
}

#startup-team h6 {
    cursor: pointer;
    font-weight: 600;
    line-height: 60px;
    padding-left: 42px;
    color: var(--theme-text-lighter);
    border-left: 6px solid transparent;
}

#startup-team h6.active {
    color: var(--theme-text-main);
    font-family: var(--theme-font-family-black);
    border-left-color: var(--theme-primary-main);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(35, 89, 245, 0.1) 100%);
}

#startup-team img {
    width: 100%;
}

@media (max-width: 768px) {
    #startup-team {
        padding-top: 100px;
    }

    #startup-team-pic {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
/* startup-team-end */

/* startup-process-start */
#startup-process {
    padding: 100px 0px;
    background: linear-gradient(180deg, #1546D7 0%, var(--theme-primary-main) 100%);
}

#startup-process h1 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 80px;
    color: var(--theme-background-light);
}

.startup-process-item > div {
    margin: 0 auto;
    width: min-content;
}

.startup-process-item img {
    width: 200px;
    height: 200px;
}

.startup-process-item h2 {
    font-size: 24px;
    padding-bottom: 13px;
    color: var(--theme-background-light);
}

.cn .startup-process-item h2,
.cn .startup-process-item p {
    padding-left: 50px;
}

.en .startup-process-item > div {
    width: auto;
}

.startup-process-item p {
    font-size: 14px;
    color: #A7BDFB;
    line-height: 24px;
    padding-bottom: 9px;
}

.startup-process-item p span {
    width: 6px;
    height: 6px;
    margin-right: 9px;
    border-radius: 50%;
    vertical-align: 1px;
    background: #A7BDFB;
    display: inline-block;
}

#goto-template {
    width: 160px;
    height: 40px;
    display: flex;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 80px;
    align-items: center;
    justify-content: center;
    color: var(--theme-background-light);
    border: 1px solid var(--theme-background-light);
}

.en #goto-template {
    width: 236px;
}

#goto-template img {
    width: 18px;
    height: 18px;
    margin-left: 12px;
}

@media (max-width: 768px) {
    .startup-process-item {
        padding-bottom: 80px;
    }

    .startup-process-item img {
        display: block;
        margin: 0 auto;
    }

    .startup-process-item p {
        padding-left: 50px;
    }

    #goto-template {
        margin-top: 0;
    }

    .cn .startup-process-item h2 {
        padding-left: 0px;
    }

    .cn .startup-process-item p {
        padding-left: 50px;
    }
}
/* startup-process-end */

/* nonprofit-banner-start */
#nonprofit-banner {
    background: var(--theme-background-linear);
}

#nonprofit-banner .col-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#nonprofit-banner h1 {
    font-size: 48px;
}

#nonprofit-banner p {
    padding-top: 20px;
    padding-bottom: 76px;
}

#nonprofit-banner a {
    width: 144px;
    height: 48px;
    padding: 0px;
    line-height: 48px;
}

#nonprofit-banner img {
    width: 100%;
}

@media (max-width: 768px) {
    #nonprofit-banner {
        padding: 100px 0px;
    }

    #nonprofit-banner img {
        display: none;
    }

    #nonprofit-banner .col-12 {
        align-items: center;
    }
}
/* nonprofit-banner-end */

/* nonprofit-influence-start */
#nonprofit-influence {
    padding-top: 100px;
    padding-bottom: 20px;
}

#nonprofit-influence h1 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 80px;
}

.nonprofit-influence-item {
    padding-bottom: 80px;
}

.nonprofit-influence-item img {
    width: 100%;
}

.nonprofit-influence-item-content {
    padding: 0px 70px;
}

.nonprofit-influence-item-content h2 {
    font-size: 36px;
    padding-bottom: 20px;
    font-family: var(--theme-font-family-black);
}

@media (max-width: 768px) {
    #nonprofit-influence .row {
        flex-direction: column-reverse !important;
    }

    .nonprofit-influence-item-content {
        padding: 20px 15px;
    }
}
/* nonprofit-influence-end */

/* nonprofit-project-start */
#nonprofit-project {
    padding: 100px 0px;
    background: linear-gradient(180deg, #1546D7 0%, var(--theme-primary-main) 100%);
}

#nonprofit-project h1 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 80px;
    color: var(--theme-background-light);
}

.nonprofit-project-list {
    display: flex;
    justify-content: center;
}

.nonprofit-project-item {
    width: 20%;
    text-align: center;
    padding-bottom: 80px;
}

.nonprofit-project-item img {
    width: 176px;
    height: 176px;
}

.nonprofit-project-item h2 {
    font-size: 24px;
    color: var(--theme-background-light);
}

#nonprofit-project-start {
    width: 132px;
    height: 40px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--theme-background-light);
    border: 1px solid var(--theme-background-light);
}

.en #nonprofit-project-start {
    width: 172px;
}

#nonprofit-project-start img {
    width: 18px;
    height: 18px;
    margin-left: 12px;
}

@media (max-width: 768px) {
    .nonprofit-project-list {
        display: block;
    }

    .nonprofit-project-item {
        width: 100%;
        padding-bottom: 30px;
    }
}
/* nonprofit-project-end */

/* compare-banner-start */
#compare-banner {
    text-align: center;
    background: var(--theme-background-linear);
}

#compare-banner h1 {
    font-size: 48px;
    padding: 90px 40px 0px;
}

#compare-banner p {
    font-size: 18px;
    padding: 28px 200px 32px;
}

#compare-banner a {
    padding: 0px;
    width: 267px;
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
    border-radius: 12px;
}

#compare-banner-img {
    padding: 8px;
    border-radius: 32px;
    margin: 40px auto 0px;
    margin-bottom: -380px;
    background: #212433;
    width: calc(100% - 120px);
    box-shadow: var(--theme-elevation2);
}

#compare-banner-img img {
    width: 100%;
    border-radius: 24px;
}

@media (max-width: 768px) {
    #compare-banner {
        padding-bottom: 90px;
    }

    #compare-banner h1 {
        padding: 90px 0px 0px;
    }

    #compare-banner p {
        padding: 28px 0px 32px;
    }

    #compare-banner-img {
        width: 100%;
        margin-bottom: 0px;
    }
}
/* compare-banner-end */

/* compare-contrast-start */
#compare-contrast {
    padding-top: 500px;
    padding-bottom: 120px;
}

#compare-contrast h1 {
    font-size: 40px;
}

#compare-contrast p {
    padding-top: 16px;
    padding-right: 140px;
}

#compare-contrast-logo {
    display: flex;
    justify-content: center;
}

#compare-contrast-logo img {
    width: 320px;
    height: 320px
}

#compare-contrast-list {
    padding-top: 32px;
}

#compare-contrast-list > div {
    height: 64px;
    display: flex;
}

#compare-contrast-list > div:nth-child(2n + 1) {
    border-radius: 16px;
    background: var(--theme-background-lighter);
}

#compare-contrast-list .head {
    width: 50%;
    font-weight: 600;
    line-height: 64px;
    padding-left: 40px;
}

#compare-contrast-list .check,
#compare-contrast-list .close,
#compare-contrast-list .label {
    width: 25%;
    line-height: 64px;
    text-align: center;
}

#compare-contrast-list .close svg {
    fill: #EA4848;
}

#compare-contrast-list .check svg {
    width: 20px;
    height: 20px;
    fill: #26DB38;
    display: inline-block;
}

#compare-contrast-list h6 {
    font-size: 16px;
}

@media (max-width: 768px) {
    #compare-contrast {
        padding-top: 120px;
    }

    #compare-contrast p {
        padding-right: 0px;
        text-align: center;
    }

    #compare-contrast-logo img {
        width: 50%;
        height: auto;
    }

    #compare-contrast-list .head {
        width: 70%;
        display: flex;
        line-height: 32px;
        padding-left: 16px;
        align-items: center;
    }

    #compare-contrast-list .check,
    #compare-contrast-list .close,
    #compare-contrast-list .label {
        width: 15%;
    }
}
/* compare-contrast-end */

/* compare-plan-start */
#compare-plan {
    padding-top: 100px;
    background: linear-gradient(180deg, #EBEDEC 0%, #EBEDEC 100%);
}

#compare-plan .container {
    position: relative;
}

#compare-plan h1 {
    font-size: 40px;
    text-align: center;
    padding: 0px 150px 85px;
}

#compare-plan-list {
    width: 340px;
    border-radius: 24px;
    margin-bottom: 111px;
    padding: 40px 48px 64px;
    box-shadow: var(--theme-elevation2);
    background: var(--theme-background-light);
}

#compare-plan-list h6 {
    padding-bottom: 40px;
    display: inline-block;
    font-family: var(--theme-font-family-black);
    background-image: linear-gradient(90deg, #2359F5 0%, #7F23F5 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

#compare-plan-list p {
    line-height: 26px;
}

#compare-plan-list .product {
    color: var(--theme-text-main);
    font-family: var(--theme-font-family-black);
}

#compare-plan-list .plan {
    position: relative;
    padding-left: 22px;
}

#compare-plan-list .plan::before {
    top: 9px;
    left: 9px;
    width: 4px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background: var(--theme-text-light);
}

#tracup-plan {
    padding-top: 30px;
}

#compare-plan img {
    right: 0;
    bottom: 0;
    position: absolute;
    width: calc(100% - 340px);
}

@media (max-width: 768px) {
    #compare-plan h1 {
        padding: 0px 0px 85px;
    }

    #compare-plan-list {
        width: 100%;
    }

    #compare-plan img {
        display: none;
    }
}
/* compare-plan-end */

/* compare-ai-start */
#compare-ai {
    padding-top: 120px;
    padding-bottom: 120px;
}

#compare-ai-content {
    padding: 0px 70px;
}

#compare-ai-content h1 {
    font-size: 36px;
    padding-bottom: 16px;
}

#compare-ai-img {
    padding: 30px 0px;
    border-radius: 16px;
    background: #F2FAFF;
}

#compare-ai-img img {
    left: -32px;
    width: 100%;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 10px 20px 0px rgba(42, 68, 99, 0.08);
}

@media (max-width: 768px) {
    #compare-ai-content {
        padding: 0px;
    }

    #compare-ai-img {
        margin-top: 30px;
    }

    #compare-ai-img img {
        left: 0;
    }
}
/* compare-ai-end */

/* compare-table-start */
#compare-table {
    padding-bottom: 120px;
}

#compare-table-list > div {
    height: 64px;
    display: flex;
}

#compare-table-list > div:nth-child(2n) {
    border-radius: 16px;
    background: var(--theme-background-lighter);
}

#compare-table-list > div:first-child h6 {
    font-weight: 600;
}

#compare-table-list .head {
    width: 40%;
    font-weight: 600;
    line-height: 64px;
    padding-left: 40px;
}

#compare-table-list .check,
#compare-table-list .close,
#compare-table-list .label {
    width: 20%;
    line-height: 64px;
    text-align: center;
}

#compare-table-list .close svg {
    fill: #EA4848;
}

#compare-table-list .check svg {
    width: 20px;
    height: 20px;
    fill: #26DB38;
    display: inline-block;
}

#compare-table-list h6 {
    font-size: 16px;
}

@media (max-width: 768px) {
    #compare-table-list .head {
        width: 55%;
        display: flex;
        line-height: 32px;
        padding-left: 16px;
        align-items: center;
    }

    #compare-table-list > div:first-child .label {
        text-align: left;
        line-height: 32px;
    }

    #compare-table-list .check,
    #compare-table-list .close,
    #compare-table-list .label {
        width: 15%;
        font-size: 12px;
    }
}
/* compare-table-end */

/* compare-trip-start */
#compare-trip {
    padding-top: 100px;
    text-align: center;
    border-radius: 16px;
    margin-bottom: 120px;
    padding-bottom: 100px;
    background: url(/static/newImages/pricing/overseas-background.png) 0 0 / 100% 100%;
}

#compare-trip h1 {
    color: var(--theme-background-light);
}

#compare-trip p {
    font-size: 18px;
    color: #D3DEFD;
    padding-top: 40px;
    padding-bottom: 60px;
}

#compare-trip a {
    padding: 0;
    height: 48px;
    width: 220px;
    border: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 48px;
    color: var(--theme-primary-main);
    background: var(--theme-background-light);
}
/* compare-trip-end */