.two-column-comparison-block .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.two-column-comparison-block .split .pane {
    border-radius: 18px;
    padding: 32px 30px
}

.two-column-comparison-block .split .pane-old {
    background: #fff;
    border: 1px solid #DCE4F5;
}

.two-column-comparison-block .split .pane-new {
    background: #0A1430;
    color: #fff
}

.two-column-comparison-block .split .pane-old h3 {
    color: #4A5568;
}

.two-column-comparison-block .split .pane .pane-sub {
    margin: 8px 0 24px;
    color: #4A5568;
}

.two-column-comparison-block .split .pane-new .pane-sub {
    color: rgba(255, 255, 255, .72)
}

.two-column-comparison-block .split .pane ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.two-column-comparison-block .split .pane li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 13px;
    line-height: 1.5
}

.two-column-comparison-block .split .pane li::before {
    position: absolute;
    left: 0;
    top: -1px;
    font-weight: 600;
    font-size: 1.02rem
}

.two-column-comparison-block .split .pane-old li {
    color: #4A5568;
}

.two-column-comparison-block .split .pane-old li::before {
    content: "—";
    color: #9AA5BB
}

.two-column-comparison-block .split .pane-new li {
    color: rgba(255, 255, 255, .9)
}

.two-column-comparison-block .split .pane-new li::before {
    content: "✓";
    color: #32BAED;
}

.two-column-comparison-block .split .pane .pane-why {
    margin: 26px 0 0;
    padding-top: 22px;
    font-weight: 500;
}

.two-column-comparison-block .split .pane-old .pane-why {
    border-top: 1px solid #DCE4F5;
    color: #0A2A6E;
}

.two-column-comparison-block .split .pane-new .pane-why {
    border-top: 1px solid rgba(255, 255, 255, .2);
    color: #fff
}
.two-column-comparison-block .pane-logo {
    margin-bottom: 20px;
}
.two-column-comparison-block .pane-logo img {
    width: 150px;
    height: auto;
}
@media screen and (max-width: 1100px) {
    .two-column-comparison-block .split .pane {
        padding: 20px;
    }

    .scored {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .two-column-comparison-block .split {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}