/*
 * @Author: ChenWanzhao
 * @Date: 2023-11-03 11:53:48
 * @LastEditors: ChenWanzhao
 * @LastEditTime: 2023-11-03 15:40:11
 * @Description: 案例-客户说
 */
.bf-case-customer-said {
    display: flex;
    padding: 106px 0 134px;
    border-top: 1px solid var(--bf-theme-color3);
    border-bottom: 1px solid var(--bf-theme-color3);
    margin-top: -1px;
    color: #ffffff;
}

.bf-case-customer-said__avatar-wrapper {
    width: 33.75%;
    flex-shrink: 0;
}

.bf-case-customer-said__avatar {
    width: 328px;
    height: auto;
    display: block;
}

.bf-case-customer-said__title {
    padding-bottom: 0.875em;
    margin-bottom: 0.84375em;
    border-bottom: 1px solid var(--bf-theme-color3);
}

.bf-case-customer-said__text {
    color: inherit;
}

/* 屏幕宽度小于 1600px 时 */
@media screen and (max-width: 1600px) {
    .bf-case-customer-said {
        padding: 95.4px 0 120.6px;
    }

    .bf-case-customer-said__avatar {
        width: 295.2px;
    }
}

/* 屏幕宽度小于 1440px 时 */
@media screen and (max-width: 1400px) {
    .bf-case-customer-said {
        padding: 84.8px 0 107.2px;
    }

    .bf-case-customer-said__avatar {
        width: 262.4px;
    }
}

/* 屏幕宽度小于 1280px 时 */
@media screen and (max-width: 1280px) {
    .bf-case-customer-said {
        padding: 74.2px 0 93.8px;
    }

    .bf-case-customer-said__avatar {
        width: 229.6px;
    }
}

/* 屏幕宽度小于 1024px 时 */
@media screen and (max-width: 1024px) {
    .bf-case-customer-said {
        padding: 63.6px 0 80.4px;
    }

    .bf-case-customer-said__avatar {
        width: 80%;
    }
}

/* 屏幕宽度小于 968px 时 */
@media screen and (max-width: 968px) {
    .bf-case-customer-said {
        padding: 53px 0 67px;
    }
}

/* 屏幕宽度小于 768px 时 */
@media screen and (max-width: 768px) {
    .bf-case-customer-said {
        padding: 42.4px 0 53.6px;
        flex-wrap: wrap;
    }

    .bf-case-customer-said__avatar-wrapper {
        width: 100%;
        margin-bottom: 3em;
    }

    .bf-case-customer-said__avatar {
        width: 100%;
    }
}
