.rules-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.rules-list-element {
    color: #01142f;
    display: flex;
    gap: 40px;
}

.rules-list-element__title {
    font-weight: 500;
    font-size: 32px;
    margin: 0;
    width: 50%;
}

.rules-list-element__text {
    color: #01142f;
    font-weight: 400;
    font-size: 20px;
    width: 50%;
}

.rules-list-element__text,
.rules-list-element__text p,
.rules-list-element__text ul,
.rules-list-element__text ol,
.rules-list-element__text ul li,
.rules-list-element__text ol li
{
    margin-bottom: 0;
    color: inherit;
    font-size: inherit;
    line-height: 1.4;
    font-weight: 400;
}

.rules-list-element__text p:not(:last-child),
.rules-list-element__text ul:not(:last-child),
.rules-list-element__text ol:not(:last-child),
.rules-list-element__text ul li:not(:last-child),
.rules-list-element__text ol li:not(:last-child)
{
    margin-bottom: 1em;
}

.rules-list-element__text p:last-child,
.rules-list-element__text ul li:last-child,
.rules-list-element__text ol li:last-child
{
    margin-bottom: 0;
}

.rules-list-element__text ol {
    margin-left: 1.5em;
}

.rules-list-element__text ol li {
    padding: 0;
}

.rules-list-element__text ul {
    margin-left: 0.6em;
}

.rules-list-element__text ul li {
    padding-left: 1em;
}

.rules-list-element__text ul li::before {
    background: #01142f;
    width: 0.3em;
    height: 0.3em;
    top: 0.5em;
}

@media (max-width: 768px) {
    .rules-list {
        gap: 30px;
    }

    .rules-list-element {
        flex-direction: column;
        gap: 20px;
    }

    .rules-list-element__title {
        font-size: 28px;
        width: 100%;
    }

    .rules-list-element__text {
        width: 100%;
        font-size: 16px;
    }
}