.hero_split-layout {
    padding: max(1.5rem, calc(4 * var(--su)));
    padding-top: var(--pk-hero-top-spacing);
    padding-bottom: max(3.5rem, calc(8.125 * var(--su)));
    margin-bottom: max(2rem, calc(2.5 * var(--su)));
    border-radius: 2rem;
    background-color: var(--dia-white);
}

.hero_split-layout .content-col-inner .pk-heading {
    margin-bottom: max(1rem, calc(1.5 * var(--su)));
}

.hero_split-layout .sidebar-col {
    padding-block: max(2rem, calc(5 * var(--su)))
        max(2rem, calc(2.5 * var(--su)));
    padding-inline: max(1.5rem, calc(2.5 * var(--su)));
    border: 1px solid rgba(10, 55, 124, 0.1);
    border-radius: max(1rem, calc(1.5 * var(--su)));
}

.hero_split-layout .sidebar-col {
    border: unset;
    background: #f0f4fa;
    border: 1px solid rgba(var(--dia-blue-rgb), 0.1);
}

.hero_split-layout .sidebar-col .pk-button-group {
    margin-top: 2rem;
}

@media screen and (min-width: 1200px) {
    .hero_split-layout .content-col-left {
        margin-right: max(3rem, calc(3.125 * var(--su)));
    }
}

@media screen and (min-width: 993px) {
    .hero_split-layout .content-col-left .content-col-inner {
        padding-right: max(2rem, calc(3.5 * var(--su)));
    }
}

@media screen and (max-width: 767px) {
    .hero_split-layout .content-col-right {
        margin-top: max(2.5rem, calc(3.5 * var(--su)));
    }
}