.page-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

}

.into-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.main-title {
    font-size: 20px;
    margin-bottom: 32px;
    color: var(--color-primary);
    font-weight: bolder;
    text-align:center;
}

.main-des {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-text-secondary);
    width: 85%;
    text-align: center;
    margin-bottom: 64px;
}
.section-title {
    color: var(--color-primary);
    margin: 24px 8px;
    font-size: 20px;
    font-weight: bold;
}
.service-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width:100%;
    gap:16px;
}
.list-item {
    width: 100%;
    background-color: var(--color-bg-secondary);
    border-radius: 24px;
    padding: 16px 8px;
    text-decoration: none;
}

    .service-card-body {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
.service-img {
    width: 70px;
    margin-left: 24px
}
.service-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.service-card-title {
    color: var(--color-text);
    font-weight: bold;
    margin-bottom: 8px;
}

.service-card-des {
    color: var(--color-text-secondary);
    font-weight: lighter;
    margin-bottom: 8px;
    margin-left:4px;
}