.compare__head {
    text-align: center;
    margin-bottom: 32px
}

.compare__title {
    color: var(--black)
}

.compare__title b, .compare__title span, .compare__title strong {
    color: var(--primary)
}

.compare__description {
    color: var(--gray);
    margin-top: 8px
}

.compare__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr);
    gap: 16px
}

@media (min-width: 760px) {
    .compare__head {
        margin-bottom: 40px
    }

    .compare__cards {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        gap: 20px
    }
}

@media (min-width: 1440px) {
    .compare__cards {
        margin-right: 106px;
        margin-left: 106px;
        gap: 30px
    }
}

.compare__card {
    border-radius: 32px;
    padding: 24px 24px 32px;
    border: 1px solid rgba(255, 146, 63, .2);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 245, .5)), to(rgba(255, 228, 207, .5)));
    background: linear-gradient(180deg, rgba(255, 249, 245, .5) 0, rgba(255, 228, 207, .5) 100%)
}

@media (min-width: 1200px) {
    .compare__head {
        margin-bottom: 48px
    }

    .compare__card {
        padding: 32px 32px 40px
    }
}

.compare__card--accent {
    border: 1px solid rgba(20, 192, 175, .2);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 252, 251, .5)), to(rgba(197, 239, 235, .5)));
    background: linear-gradient(180deg, rgba(243, 252, 251, .5) 0, rgba(197, 239, 235, .5) 100%)
}

.compare__card--accent .compare__card-head {
    border-color: var(--primary)
}

.compare__card-head {
    padding-bottom: 15px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--orange)
}

.compare__card-name {
    color: var(--black);
    font-weight: var(--fw-bold)
}

@media (min-width: 760px) and (max-width: 1199.98px) {
    .compare__card-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(var(--lh-sm) * 2em)
    }
}

.compare__card-text {
    color: var(--gray);
    margin-top: 8px;
    font-size: var(--text-size-18);
    font-weight: var(--fw-normal);
    line-height: var(--lh-default)
}

.compare__card-text ul li {
    padding-left: 34px
}

.compare__card-text ul li:not(:last-child) {
    margin-bottom: 8px
}

.compare__card-text ul li::before {
    width: 6px;
    height: 6px;
    left: 18px;
    background-color: var(--primary)
}