.testimonial-slider {
    background: var(--eagleview--color--white);
    padding: 96px 0;
    position: relative;

    @media only screen and (max-width: 767px) {
        padding-bottom: 0;
    }

    .testimonial-slider__background-override {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 55.9027vw;
        z-index: 0;
    }

    .testimonial-slider__outer {
        background: url("./background.svg") no-repeat top center / cover;

        &.content-added {
            background-position-y: 82px;
        }

        @media only screen and (min-width: 1441px) {
            background: url("./bg-xl.png") no-repeat center / cover;

            &.content-added {
                background-position-y: 82px;
            }
        }

        h2 {
            text-align: center;
            color: var(--eagleview--color--blue);
            letter-spacing: 0;
            font-family: "Sofia Sans", sans-serif !important;
        }

        .testimonial-slider__wrapper {
            margin-top: 78px;
            padding-bottom: 48px;
        }

        .owl-carousel .testimonial {
            margin-bottom: 64px;
        }

        .content {
            font-size: 20px;
            line-height: 32px;
            font-weight: 300;
            max-width: 912px;
            margin: 24px auto 0;
            text-align: center;
        }

        .testimonial {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 410px;

            &.larger-content {
                min-height: 532px;
            }

            @media only screen and (min-width: 960px) {
                margin-bottom: 64px;
            }

            @media only screen and (max-width: 960px) {
                grid-template-columns: 1fr;
            }

            .testimonial__image {
                border-radius: 10px 0 0 10px;
                z-index: 1;

                @media only screen and (max-width: 960px) {
                    border-radius: 10px 10px 0 0;
                    height: 219px;
                }
            }

            .testimonial__background {
                background: #f4f6f8;
                border-radius: 0 10px 10px 0;
                position: relative;

                @media only screen and (max-width: 960px) {
                    border-radius: 0 0 10px 10px;
                }

                .testimonial__content {
                    background: #f4f6f8;
                    position: absolute;
                    width: 812px;
                    border-radius: 10px;
                    height: 328px;
                    top: 41px;
                    padding: 36px;
                    right: 30px;
                    z-index: 2;

                    &.larger-content {
                        height: 455px;
                    }

                    @media only screen and (max-width: 960px) {
                        width: calc(100% - 60px);
                        left: 30px;
                        top: -84px;
                        position: relative;
                        right: unset;
                        padding: 24px;
                        height: fit-content;
                    }

                    svg {
                        margin-bottom: 24px;
                    }

                    .testimonial__body {
                        font-size: 24px;
                        font-weight: 500;
                        line-height: 120%;
                        margin-bottom: 24px;

                        &.smaller-font {
                            font-size: 18px;
                            line-height: 100%;
                            font-weight: 700;
                            color: #231F20;
                        }

                        &.large {
                            font-size: 32px;
                            font-weight: 700;
                        }

                        @media only screen and (max-width: 960px) {
                            font-size: 18px;
                            line-height: 24px;
                        }
                    }

                    .testimonial__name {
                        color: var(--eagleview--color--blue);
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 100%;
                        margin-bottom: 4px;

                        &.large {
                            font-size: 20px;
                            color: black;
                            font-weight: 400;
                        }
                    }

                    .testimonial__company {
                        color: var(--eagleview--color--black);
                        font-size: 14px;
                    }

                    .testimonial__logo {
                        height: 32px;
                        width: fit-content;
                        margin-top: 24px;
                    }
                }
            }
        }
    }

    .testimonial-slider__outer.override {
        background: none !important;

        @media only screen and (max-width: 767px) {
            padding-block-end: 3.2rem;
        }
    }

    .owl-carousel {
        .owl-nav {
            position: absolute;
            top: 185px;
            width: 100%;

            @media only screen and (max-width: 767px) {
                position: relative;
                top: 0;
                width: fit-content;
                margin: auto;
                display: flex;
                gap: 24px;
            }
        }

        .owl-prev {
            left: -60px;
            position: relative;

            @media only screen and (max-width: 767px) {
                left: 0;
            }
        }

        .owl-next {
            right: -60px;
            position: absolute;

            @media only screen and (max-width: 767px) {
                position: relative;
                right: 0;
            }
        }

        .owl-prev,
        .owl-next {
            svg {
                rect {
                    fill: var(--eagleview--color--blue);
                }
            }

            &.disabled {
                cursor: not-allowed;
                svg {
                    rect {
                        fill: #999999;
                    }
                }
            }
        }

        .owl-dots {
            display: flex;
            gap: 8px;
            align-items: center;
            position: absolute;
            top: 378px;
            right: 40px;

            @media only screen and (max-width: 767px) {
                top: unset;
                bottom: 182px;
                right: unset;
                left: 54px;
            }

            .owl-dot {
                background: #c4c4c4;
                width: 8px;
                height: 8px;
                min-height: 0;

                &.active {
                    background: url("./dot.svg") no-repeat center center / cover;
                    width: 12px;
                    height: 13px;
                }
            }
        }
    }
    .testimonial .testimonial__cta {
        margin: 24px auto 0 0;
        top: 0;
    }
    .testimonial__cta {
        background: var(--eagleview--color--button-green);
        color: white;
        font-size: 18px;
        font-weight: bold;
        padding: 8px 24px;
        text-align: center;
        margin: 0 auto;
        border-radius: 4px;
        display: block;
        width: fit-content;
        position: relative;
        top: -48px;
        z-index: 1;

        @media only screen and (max-width: 767px) {
            top: 0;
        }

        &:hover {
            background: var(--eagleview--color--button-green-hover);
            color: white !important;
        }

        &:focus {
            color: white !important;
        }
    }
}

.image-with-features
    + .image-with-features
    + .testimonial-slider
    .testimonial-slider__wrapper {
    margin-top: 0;
}