.sp-testimonial-tab-panel {
    .components-tab-panel__tabs-item:focus:not(:disabled) {
        box-shadow: none;
    }

    .components-tab-panel__tabs {
        justify-content: center;
        margin-bottom: 16px;
    }

    .sp-real-tab-panel-title {
        transition: var(--sp-real-transition);
        text-transform: capitalize;
        gap: 8px;

        .sp-real-tab-panel-icon {
            width: 16px;
            height: 16px;
        }

    }

    .sp-real-tab-panel-title svg :is(g, path) {
        transition: var(--sp-real-transition);
    }

    .components-tab-panel__tabs-item:hover {

        .sp-real-tab-panel-title {
            color: var(--sp-real-primary-color)
        }

        .sp-real-tab-panel-title svg :is(g, path) {
            fill: var(--sp-real-primary-color);
        }
    }

    .components-tab-panel__tabs>button {
        padding: 0;
    }

    .components-tab-panel__tabs button {
        color: #2f2f2f;
        height: 30px !important;
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        justify-content: center;
        border-bottom: 2px solid #ddd;

        &:hover {
            color: #2f2f2f;
        }
    }

    .components-tab-panel__tabs button span {
        display: flex;
        align-items: center;
        margin-bottom: 12px;

        svg {
            margin-right: 4px;
            fill: #2f2f2f;
        }
    }

    .components-tab-panel__tabs button.active-tab {
        position: relative;
        border-bottom: 2px solid var(--sp-real-primary-color) !important;
        color: var(--sp-real-primary-color);

        span {
            svg g {
                fill: var(--sp-real-primary-color);
            }

            svg path {
                fill: var(--sp-real-primary-color);
            }
        }
    }
}