  ﻿.quick-summary {
    --p: calc(18px);
    border-bottom: 1px solid #959595;
}

.pageTitle.hero-module .hero-module-container {
    margin-bottom: 0;
}

.summary-container {
    margin: 0 var(--default-column-gap);
    padding: 15px 0;
    display: flex;
}

.info-column {
    padding: 15px 0;
}

/* .info-column p,
.cta-section p {
    margin-top: 5px;
    margin-bottom: 5px;
} */

.info-section .red-border {
    margin-top: 5px;
    font-size: var(--p);
    height: 36px;
}

.summary-container .contact p {
    font-family: var(--cn-font);
    line-height: var(--line-height-cn);
    margin-top: 5px;
}


.desktop-summary-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    width: 100%;
}

.desktop-summrary-section .info-column {
    margin-top: 10px;
}

.desktop-summary-section .cta-section {
    grid-column-start: 4;
    grid-column-end: 6;
    border-left: 1px solid var(--gray);
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.desktop-summary-section .cta-column {
    box-sizing: border-box;
    display: flex;
    grid-gap: 20px;
    flex: 1;
}


.mobile-summary-section {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

    .mobile-summary-section > .info-column {
        /* margin-top: 20px; */
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .mobile-summary-section > .info-column:not(:last-child):not(:nth-last-child(2)) {
            border-bottom: 2px solid var(--gray);
        }

        .mobile-summary-section > .info-column:nth-child(2n) .column-wrapper {
            padding-left: 20px;
            border-left: 1px solid var(--gray);
            /* flex: 1; */
        }

        .mobile-summary-section > .info-column:nth-child(2n+1) .column-wrapper {
            padding-right: 20px;
            /* flex: 1; */
        }

.quick-summary .persistent-banner {
    top: 0;
    bottom: unset;
    transform: translate3d(0, -100%, 0);
    border-top: 1px solid var(--main-highlight-color);
    border-bottom: 1px solid #959595;
}

    .quick-summary .persistent-banner .section-container {
        margin: 0 10px;
    }

    .quick-summary .persistent-banner.show {
        transform: translate3d(0, 12px, 0);
    }

    .quick-summary .persistent-banner h2 {
        display: flex;
        justify-content: flex-start;
        column-gap: 10px;
        font-size: 14px;
    }

    .quick-summary .persistent-banner a {
        box-shadow: 0px 2px 0px 0px var(--main-highlight-color) !important;
    }

        .quick-summary .persistent-banner a:hover,
        .quick-summary .persistent-banner a:focus {
            box-shadow: var(--hover-underline-width) !important;
        }

        .quick-summary .persistent-banner a::before {
            display: none;
        }

        .quick-summary .persistent-banner a::after {
            display: inline-block !important;
        }

.quick-summary .desktop-summary-section .btn {
    white-space: nowrap;
    padding: 8px 20px;
    max-width: 50%;
}

.quick-summary .mobile-summary-section .btn {
    font-size: 16px;
    padding: 10px;
    max-width: 100%;
}

@media screen and (max-width: 1340px) {
    .summary-container {
        --default-column-gap: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .desktop-summary-section {
        grid-template-columns: 1fr 1fr 1fr;
        --default-column-gap: 20px;
    }

        .desktop-summary-section .cta-section {
            grid-column: 1 / 4;
        }

    .quick-summary .cta-section {
        margin-top: 10px;
        padding-top: 10px;
        padding-left: 0;
        border-top: 1px solid var(--gray);
        border-left: none;
    }
}

@media screen and (max-width: 767px) {
    .quick-summary {
        --p: clamp(16px,calc(12px + .5vw),32px);
    }
    .desktop-summary-section {
        display: none;
    }

    .mobile-summary-section {
        display: grid;
    }
    .quick-summary .persistent-banner a::after {
        display: none !important;
    }
}
