:root {
    --about-blue: #062D4E;
    --about-gray: #D9D9D9;
    --about-gray-1: #88A2B7;
}

.aboutTitle {
    font-family: "DB_Adman", sans-serif;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.005em;
    text-align: center;
    color: var(--black);
    margin-top: 64px;
    text-transform: capitalize;
}

.aboutList {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 40px;
    padding: 0 24px;
}

.aboutList .aboutListItem {
    padding: 10px 5px;
    border-radius: 16px;
    border: 1px solid var(--about-gray);
    max-width: 285px;
    height: 44px;
}

.aboutList .aboutListItem .aboutListItemLink {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: "DB_Adman", sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: left;
    color: var(--about-blue);
    flex-wrap: nowrap;
    white-space: nowrap;
}

.aboutList .aboutListItem .aboutListItemLink p {
    white-space: nowrap;
}

.slider {
    margin-top: 60px;
}

.faqMobileText {
    display: none;
}

@media screen and (max-width: 1024px){
    .aboutTitle {
        &.cn, &.jp {
            font-size: 26px;
        }
    }
    .aboutList {
        flex-direction: row;
        justify-content: center;
    }

    .aboutList .aboutListItem {
        flex-grow: 1;
    }

    .how-it-work .journey-page-text-content .title > a {
        color: black;
    }
}

@media screen and (max-width: 820px){
    .aboutTitle {
        margin-top: 80px;
    }
}

@media screen and (max-width: 768px){
    .aboutList {
        flex-direction: column;
        margin-top: 20px;
    }

    .aboutList .aboutListItem {
        max-width: initial;
    }

    .aboutTitle {
        font-size: 28px;
    }
}

@media screen and (max-width: 430px){
    .slider .title-text{
        margin-bottom: 24px;
    }

    .aboutList {
        padding: 0 20px;
    }
}