.section--legal{
    width : 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top : 1em;
}

.section--legal .section-title{
    text-align: center;
}

.terms-conditions{
    max-width : 500px;
    width : 90%;
    margin : 0 auto;
    list-style: none;
}

.terms-conditions .terms-condition-item {
    border-left : 6px solid var(--accent-500);
    padding : 0.4em;
    margin-bottom : 1em;
}

.terms-conditions .terms-condition-title{
    color : var(--color-100);
    font-size : 1.4em;
    margin-bottom : 0.4em;
}

.terms-conditions .terms-condition-item ul li{
    list-style-position: inside;
    padding-left : 1em;
    color : var(--color-black-700);
    font-size : 1.2em;
}