.summariser-summary {
    color: #fff;
    border: 2px solid #351430;
    margin-bottom: 40px;
    width: 100vw;
    margin-left: -5vw;
    @media screen and (min-width: 768px) {      
        overflow: hidden;
        border-radius: 30px;
        width: 100%;
        margin-left: 0;
    }
    .summary-heading {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 30px;
        border-bottom: 1px solid #fff;
        position: relative;
        background: #351430;
        cursor: pointer;
        padding-right: 80px;
        svg {
            position: absolute;
            top: 35px;
            left: 30px;
        }
        h3, p {
            margin: 0;
            padding-left: 60px;
            color: #fff;
        }
        p {
            opacity: .5;
        }
    }
    #openSummary {
        position: absolute;
        right: 30px;
        top: 50%;
        left: unset;
        transform: translateY(-50%);
        transition: .3s;
    }
    .summary-text-content {
        position: relative;
        padding: 30px;
        overflow: hidden;
        transition: .3s;
        background: #351430;
        max-height: 110px;
        @media screen and (min-width: 1200px) {
            max-height: 120px;
        }
        &::after {
            content: '';
            position: absolute;
            height: 30px;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #351430;
            transition: .3s;
        }
        ul {
            grid-template-columns: 1fr !important;
            li {
                background-image: url('data:image/svg+xml,%3Csvg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.5 9.70715L12 5.20715L7.5 0.707153M12 5.20715H0" stroke="%23351430" stroke-width="2"/%3E%3C/svg%3E') !important;
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 20px;
                background-size: 12px !important;
            }
        }
    }
    &.expanded {
        .summary-heading {
            #openSummary {
                transform: translateY(-50%) rotate(45deg);
            }
        }
        .summary-text-content {
            background: rgba(86, 32, 78, 0.10);
            max-height: 800px;
            color: #351430;
            &::after {
                background: rgba(86, 32, 78, 0.0) !important;
            }
        }
    }
}