@media only screen and (min-width:0rem) {
    #reviews-593 {
        padding: var(--sectionPadding);
        background-color: var(--primary)
    }

    #reviews-593 .cs-container,#reviews-593 .cs-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    #reviews-593 .cs-container {
        max-width: 34.375rem;
        margin: auto;
        gap: clamp(3rem,6vw,4rem)
    }

    #reviews-593 .cs-content {
        text-align: left;
        gap: 1.25rem
    }

    #reviews-593 .cs-text {
        opacity: .8
    }

    #reviews-593 .cs-card-group {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.25rem
    }

    #reviews-593 .cs-item {
        list-style: none;
        margin: 0;
        padding: clamp(2rem,7vw,3rem) clamp(1rem,4vw,2rem);
        box-sizing: border-box;
        background-color: var(--tertiary);
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    #reviews-593 .cs-icon {
        width: clamp(1.875rem,4vw,2.5rem);
        height: auto;
        margin: 0 0 2rem;
        display: block
    }

    #reviews-593 .cs-h3 {
        font-size: clamp(1.25rem,4vw,1.5625rem);
        line-height: 1.2em;
        font-weight: 700;
        margin: 0 0 1.5rem;
        color: var(--secondary)
    }

    #reviews-593 .cs-item-text {
        font-size: clamp(.875rem,4vw,1rem);
        line-height: 1.5em;
        margin: 0 0 3rem;
        color: var(--background)
    }

    #reviews-593 .cs-name {
        font-size: 1.25rem;
        line-height: 1.2em;
        font-weight: 500;
        margin: auto 0 0;
        color: var(--secondary);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: .5rem;
        position: relative
    }

    #reviews-593 .cs-name:before {
        content: "";
        width: .5rem;
        height: 1px;
        background: currentColor;
        display: block;
        position: relative
    }
}

@media only screen and (min-width:48rem) {
    #reviews-593 .cs-container {
        max-width: 80rem
    }

    #reviews-593 .cs-card-group {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }

    #reviews-593 .cs-item {
        width: 48.5%
    }

    #reviews-593 .cs-content {
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: center
    }
}