.text-border {
    margin-top: 40px;
    margin-bottom: 35px;
}

.text-border__body {
    border: 2px solid #000000;
    padding: 40px 64px 40px 51px;
    border-radius: 24px;
    box-sizing: border-box;
}

.text-border.text-border--no .text-border__body {
    border: none !important;
}

.text-border.text-border--bg-gray .text-border__body {
    background-color: #f5f5f7;
}

.text-border__title {
    display: flex;
    gap: 18px;
}

.text-border__title p {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    margin-top: 12px;
}

.text-border__title img {
    max-width: 53px;
}

.text-border__content {
    padding-left: 71px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.01em;
}

.text-border__content strong {
    font-weight: 700;
}

.text-border__content a {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 4px;
}

.text-link-color--purple .text-border__content a {
    color: #6656a4;
    font-weight: 700;
}

.text-link-color--black .text-border__content a {
    color: #000000;
    font-weight: 400;
}

.text-link-color--no .text-border__content a {
    color: #15c;
}

.text-border__content ul {
    display: flex;
    flex-direction: column;
    gap: 27px;
    padding: 0;
    margin-top: 0;
    margin-left: 27px;
}

@media screen and (min-width: 1201px) {
    .text-border.margin-66 {
        margin-left: 66px;
        margin-right: 66px;
    }
}

@media screen and (max-width: 768px) {
    .text-border__body {
        padding: 40px 20px;
    }

    .text-border__content ul {
        margin-left: unset;
        gap: 20px;
    }
}