#quote-section .container-xl {
    padding-left: 0;
    padding-right: 0
}

.quote-card {
    border-radius: 16px
}

#quote-section blockquote {
    line-height: 1.65 !important;
    padding-left: 0
}

#quote-section .quote-image {
    background-color: var(--cs-orange);
    border-radius: 8px;
    box-shadow: 0 24px 48px 8px rgba(0, 20, 45, .08);
    height: 80px;
    padding: 10px;
    width: 80px
}

.attrib {
    color: var(--cs-aquamarine);
    font-family: ProximaNova, sans-serif
}

.quote-image {
    left: -40px;
    position: absolute;
    top: 40px
}

@media (min-width:769px) {
    #quote-section .image-wrapper {
        border-radius: 16px;
        overflow: hidden
    }
}

@media (max-width:768px) {
    #quote-grid-wrapper {
        display: block !important
    }
    #quote-section blockquote {
        margin-top: -75px
    }
    #quote-section .image-wrapper {
        height: 375px;
        overflow: hidden;
        position: static !important;
        position: relative !important;
        width: 100%
    }
    #quote-section .image-wrapper>img {
        width: 150% !important
    }
}

@media (min-width:577px) {
    blockquote .quote p {
        font-size: 1.5rem
    }
}

@media (max-width:769px) {
    .quote-image {
        left: 28px;
        position: absolute;
        top: -46px
    }
}

@media (max-width:576px) {
    #quote-section .image-wrapper {
        left: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        max-width: 100vw !important;
        overflow: visble !important;
        position: relative !important;
        right: 50%;
        width: 100vw !important
    }
    .quote-image {
        left: 28px;
        position: absolute;
        top: -46px
    }
    #quote-section.quote-w-noimage .card,
    #quote-section.quote-w-noimage .quote-card {
        border-radius: 0 !important
    }
    .quote-card .quote {
        display: block !important;
        padding-top: 72px
    }
    .quote-card .quote-image img {
        width: 50px
    }
}