/* Background Colors */
.fxts-bg-white {
    background: #ffffff;
}

.fxts-bg-light-gray {
    background: #F7F7F7;
}

.fxts-bg-gray {
    background: #EDEDED;
}

/* Root */
.fxts {}

/* Heading */
    .fxts__heading {
        margin-bottom: 20px;

        text-align: center;
    }

/* Item */
.fxts-item {
    position: relative;

    margin-bottom: 40px;
    padding: 30px 15px;

    border-top: 6px solid transparent;
    border-radius: 0 0 30px 0;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);

    transition: border-top-color 0.2s;
}

.fxts-item:hover,
.fxts-item:focus {
    border-top-color: var(--blue);
}

    .fxts-item::before {
        content: '';
        display: block;

        width: 41px;
        height: 28px;

        position: absolute;
        top: -25px;
        right: -15px;

    border-top: 11px dotted #9FD2FA;
    border-right: 11px dotted #9FD2FA;
    }

    .fxts-item:last-child {
        margin-bottom: 0;
    }

    .fxts-item__figure {
        margin: 0 0 40px;
    }

    .fxts-item__figure-image {
        margin: 0 auto;
        width: auto;
        max-height: 70px;
    }

    .fxts-item__testimony {
        position: relative;
        z-index: 11;

        margin-bottom: 20px;
    }

    .fxts-item__testimony::before {
        content: "\“";

        position: absolute;
        left: -15px;
        top: -14px;
        z-index: -11;

        line-height: 1em;
        font-size: 125px;
        font-family: 'Libre Baskerville',serif;
        color: var(--blue-02);
        opacity: 0.3;
    }

    .fxts-item__attestant {
        margin-bottom: 20px;

        text-align: center;
        line-height: 1.5em;
        font-weight: 700;
        font-size: 16px;
        color: var(--navy-blue);
    }


    .fxts-item__attestant-position {
        display: block;
        font-weight: 300;
    }

    .fxts-item__footer {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .fxts-item__button {
        margin-left: 10px;
    }

@media (min-width: 600px) {
    .fxts__heading {
        margin-bottom: 40px;
    }

    .fxts-item {
        margin-bottom: 60px;
        padding: 30px;
    }

        .fxts-item::before {
            width: 61px;
            height: 43px;

            top: -36px;
            right: -30px;

        border-width: 11px;
        }

        .fxts-item__figure-image {
            margin: 0;
        }

        .fxts-item__footer {
            flex-direction: row;
        }
}

@media (min-width: 768px) {
    .fxts-item__attestant-position {
        display: inline-block;
        padding-left: 3px;
    }
}

@media (min-width: 1200px) {
    .fxts-item__attestant {
        font-size: 18px;
        text-align: left;
    }

    .fxts-item__attestant-position {
        display: block;
        padding-left: 0;
    }
}