.slider-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.slider-container {
    box-sizing: border-box;
    max-width: 880px !important;
    overflow: visible;
    white-space: nowrap;
    position: relative;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider > .wp-block-stackable-column {
    min-width: 100% !important;
    flex-shrink: 0;
    display: block !important;
    box-sizing: border-box;
    padding-right: 48px;
}

.buttons {
    display: flex;
    justify-content: flex-end;
    column-gap: 12px;
    margin-top: 24px;
}

.prev-button,
.next-button {
    border-width: 0px !important ;
    padding: 12px;
    background-color: #f4f5f6;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.prev-button.disabled,
.next-button.disabled{
    cursor: not-allowed;
    opacity: 0.5;
    user-select: none;
}

.prev-button:active,
.next-button:active {
    border-width: 0px !important ;
}

.prev-button > svg > path,
.next-button > svg > path {
    fill: #191f24;
}

@media (min-width: 1024px) and (max-width: 1280px) {
    div[cssElement="slider"] {
        padding: 40px !important;
    }
}

@media screen and (max-width: 1024px) {
    .slider-wrapper,
    .buttons {
        display: none;
    }

    .stk-24f4fbf {
        min-height: none !important;
        height: 640px !important;
    }
}

@media screen and (max-width: 767px) {
    .feature-image > figure > .stk-img-wrapper {
        height: auto !important;
    }

    .feature-image > figure > span > img {
        width: 100% !important;
        height: auto !important;
    }

    .wp-block-stackable-button-group:not(.social-buttons) {
        width: 100% !important;
    }

    .wp-block-stackable-button-group:not(.social-buttons) > div > div {
        width: 100% !important;
    }

/*    .testimonial-container {
        max-height: 252px;
        overflow: hidden;
        min-height: 252px;
        height: 252px;
    }

    .testimonial-container > div > div > div {
        flex-shrink: 0;
    }

 /*   .testimonial-text > p {
        text-overflow: ellipsis;
        overflow: hidden;
        flex-grow: 3;
        min-width: 0;
        white-space: nowrap;
    }*/
}