/* testimonial */
.upa_testimonial_slider .frame.frame-listtype-mattgoldtheme_testimonial {
    padding: var(--mg-padding-sm) 16px;
}

.upa_testimonial {
    padding: 30px;
    text-align: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    max-width: var(--mg-small-ce-width);
    margin: 0 auto;
}

/* display testimonial element in 2 or 3 column element with 100% width */
.frame-type-gridelements_pi1-1 .upa_testimonial,
.frame-type-gridelements_pi1-2 .upa_testimonial {
    max-width: 100%;
}

.upa_testimonial_slider .upa_testimonial {
    max-width: 100%;
}

.upa_testimonial_slider .slick-dots {
    text-align: center;
    margin-bottom: 0;
}

.upa_testimonial_slider {
    margin-bottom: 0;
}

.upa_testimonial_inner {
    position: relative;
    z-index: 3;
}

.upa_testimonial:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--mg-secondary-color-a-medium);
    z-index: 1;
    opacity: 0.8;
    transition: .5s ease all;
}

.upa_testimonial_slider .upa_testimonial_slider_slide {
    display: flex;
    height: 100%;
}

.upa_testimonial_slider .upa_testimonial_slider_slide_0 .upa_testimonial:before {}

.upa_testimonial_slider .upa_testimonial_slider_slide_1 .upa_testimonial:before {
    background-color: var(--mg-secondary-color-b-medium);
}

.upa_testimonial_slider .upa_testimonial_slider_slide_2 .upa_testimonial:before {
    background-color: var(--mg-secondary-color-c-medium);
}

.upa_testimonial_slider .upa_testimonial_slider_slide_3 .upa_testimonial:before {}

.upa_testimonial_slider .upa_testimonial_slider_slide_4 .upa_testimonial:before {
    background-color: var(--mg-secondary-color-b-medium);
}

.upa_testimonial_slider .upa_testimonial_slider_slide_5 .upa_testimonial:before {
    background-color: var(--mg-secondary-color-c-medium);
}

.upa_testimonial_slider .upa_testimonial_slider_slide_6 .upa_testimonial:before {}

.upa_testimonial_slider .upa_testimonial_slider_slide_7 .upa_testimonial:before {
    background-color: var(--mg-secondary-color-b-medium);
}

.upa_testimonial_slider .upa_testimonial_slider_slide_8 .upa_testimonial:before {
    background-color: var(--mg-secondary-color-c-medium);
}

.upa_testimonial_slider .upa_testimonial_slider_slide_9 .upa_testimonial:before {}

.upa_testimonial:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    clip-path: polygon(90% 0, 100% 0, 100% 100%, 70% 100%);
    transition: 0.4s ease all;
    opacity: 0.5;
}

.upa_testimonial:hover:before {
    opacity: 0.9;
}

.upa_testimonial:hover:after {
    transform: translateX(20px);
}

.upa_testimonial .upa_testimonial_profile_picture {
    border-radius: 100%;
    width: 120px;
    height: auto;
    margin-bottom: 16px;
    /* border: 6px solid #fff; */
    padding: 0;
    display: inline-block;
}

.upa_testimonial h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 6px;
}

.upa_testimonial p {
    font-size: 18px;
}

.upa_testimonial_subtile {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: var(--mg-primary-color-b-full);
}

.upa_testimonial_quote {
    padding: 20px 0 0 0;
}

.upa_testimonial_modal_link span,
.upa_play_video span {
    text-decoration: underline;
    cursor: pointer;
}

@media (min-width: 768px) {
    .upa_testimonial_slider .slick-track {
        display: flex !important;
    }

    .upa_testimonial_slider .slick-slide {
        height: inherit !important;
    }

    .upa_testimonial_slider .slick-slide .upa_frame_inner {
        display: flex;
        height: 100%;
    }

    .upa_testimonial_slider {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {

    .upa_testimonial_slider {
        margin: 0 -16px;
    }

    .upa_testimonial_slider .frame.frame-listtype-mattgoldtheme_testimonial {
        padding: var(--mg-padding-lg) 16px;
    }
}

@media (min-width: 1440px) {
    .upa_testimonial_slider {
        margin-bottom: 0;
    }

    .upa_testimonial_slider .slick-arrow {
        right: -55px;
        top: 50%;
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:1.5;"><g transform="matrix(1,0,0,1,-0.773836,0)"><g transform="matrix(0.70665,0.707563,-0.707563,0.70665,13.4437,-7.68762)"><path d="M5.642,8.016L31.141,8" style="fill:none;stroke:rgb(75,75,75);stroke-width:1.4px;"/></g><g transform="matrix(0.707563,-0.70665,0.70665,0.707563,2.10152,36.3455)"><path d="M5.642,8.016L31.141,8" style="fill:none;stroke:rgb(75,75,75);stroke-width:1.4px;"/></g></g></svg>');
        background-color: transparent;
        transform: none;
        background-size: 40px;
    }

    .upa_testimonial_slider .slick-prev {
        right: unset;
        left: -55px;
        transform: rotate(180deg);
    }

    .upa_testimonial_slider .slick-arrow.slick-disabled {
        opacity: 0.4;
    }
}