:root {
    --quote-slider-image-max-width: 4rem;
    --quote-slider-svg-width: 14rem;
}

.frame-type-freyhauer_quoteslider {
    position: relative;
    z-index: 2;
    /* &::after {
        position: absolute;
        content: '';
        background: #F6F6F6;
        left: 0;
        width: 100%;
        height: 85%;
        bottom: 0;
    } */
}

.frame-type-freyhauer_quoteslider.hide-gb::after {
    display: none !important;
}

.quote-slider.hide-gb,
.quote-slider.hide-gb .swiper-slide {
    padding: 3rem 0 !important;
}

.quote-slider__item {
    position: relative;
    height: auto;
    border: 0;
    padding: 2rem;
    transition: transform, background-color 0.2s;
}

.quote-slider {
    padding: 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 1200px) {
    .quote-slider {
       padding: 3rem 3rem 0 3rem;
    }
}

.quote-slider.show-icon {
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .quote-slider.show-icon {
        padding: 3rem;
    }
}

.quote-slider.show-icon .quote-slider__item {
    color: var(--bs-secondary);
}

.quote-slider.show-icon p {
    font-size: 22px;
}

@media (min-width: 998px) {
    .quote-slider.show-icon {
        padding: 6rem;
    }
    .quote-slider.show-icon p {
        font-size: 34px;
    }
}

@media (min-width: 1400px) {
    .quote-slider.show-icon {
        padding: 8rem 3rem;
    }

    .quote-slider.show-icon p {
        font-size: 48px;
    }
}

.quote-slider.show-icon {
    &.bg-beige::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="574" height="418"><path opacity="0.5" d="M247.715 -115.465V199.608C247.715 203.699 223.187 266.246 218.319 275.599C172.727 362.795 63.006 422.029 -31.7357 417.645V281.932C39.3206 288.752 100.172 227.471 108.036 155.864H-31.7357V-115.465H247.715Z" fill="white"></path><path opacity="0.5" d="M573.887 -115.465V199.608C573.887 203.699 549.36 266.246 544.491 275.599C498.899 362.795 389.179 422.029 294.437 417.645V281.932C365.493 288.752 426.345 227.471 434.209 155.864H294.437V-115.465H573.887Z" fill="white"></path></svg>');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left bottom;
        pointer-events: none;
    }
    &.bg-white::after {
        content: '';
        position: absolute;
        inset: 0;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: 100px bottom;
        pointer-events: none;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="574" height="418"><path opacity="0.5" d="M247.715 -115.465V199.608C247.715 203.699 223.187 266.246 218.319 275.599C172.727 362.795 63.006 422.029 -31.7357 417.645V281.932C39.3206 288.752 100.172 227.471 108.036 155.864H-31.7357V-115.465H247.715Z" fill="%23E3DFD4"></path><path opacity="0.5" d="M573.887 -115.465V199.608C573.887 203.699 549.36 266.246 544.491 275.599C498.899 362.795 389.179 422.029 294.437 417.645V281.932C365.493 288.752 426.345 227.471 434.209 155.864H294.437V-115.465H573.887Z" fill="%23E3DFD4"></path></svg>');
    }
}

.quote-slider.show-icon::after {
    position: absolute;
    top: 0;
    left: 0;
}

.quote-slider.bg-beige .quote-slider__item {
    color: #2E2F31;
}

.quote-slider .swiper-pagination {
    top: -30px;
    padding: 0 !important;
}

.quote-slider {
    &.bg-secondary {
        .swiper-pagination-bullet {
            border-color: var(--bs-primary) !important;
        }
        .swiper-pagination-bullet-active {
            background: var(--bs-primary) !important;
        }
    }
    &.bg-primary {
        .swiper-pagination-bullet {
            border-color: var(--bs-secondary) !important;
        }
        .swiper-pagination-bullet-active {
            background: var(--bs-secondary) !important;
        }
    }
}

.quote-slider .swiper-pagination .swiper-pagination-bullet {
    width: 27px;
    height: 27px;
    border: 2px solid #9AB2A5;
    background: transparent;
}

/*.quote-slider .swiper-pagination .swiper-pagination-bullet-active {*/
/*    background: #9AB2A5;*/
/*}*/

.quote-slider__icon {
    /*font-size: 29rem;*/
    font-weight: 600;
    line-height: 1;
    position: absolute;
    left: 0;
    z-index: 10;
    top: 0;
    height: auto;
    display: inline-block;
    color: var(--bs-primary);
    -webkit-text-stroke: 6px var(--bs-primary);
    pointer-events: none;
}
.quote-slider__item {
    color: var(--bs-white);
}
.quote-slider blockquote p {
    font-size: 22px;
    font-family: "Reddit Sans", 'sans-serif';
    font-weight: 400;
    line-height: 1.2;
    font-style: italic;
    margin-bottom: 0;
}

.quote-slider__info {
    font-size: 1.125rem;
}
.quote-slider__name {
    font-size: 18px;
    font-weight: 700;
    font-family: "Reddit Sans", 'sans-serif';
}
.quote-slider__position {
    font-weight: 400;
    font-size: 16px;
    font-family: Inter, 'sans-serif';
    /*margin-left: 1rem;*/
    color: #E3E3E3;
}
.quote-slider .quote-slider__image {
    max-width: var(--quote-slider-image-max-width);
}
.quote-slider .swiper-pagination {
    position: relative;
    padding: 1rem 0;
}

@media (min-width: 998px) {
    .quote-slider blockquote p{
        font-size: 36px;
        line-height: 1.2;
    }
}