.testimonial--0 {
    background-color: var(--clr-gray-100);
}

.testimonial--0 .component__content {
    position: relative;
}

.testimonial--0 .testimonial__items {
    display: grid;
    gap: 4rem;
    padding-block-end: 3rem;
}

.testimonial--0 .testimonial__item {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    justify-content: start;
    padding: 2.5rem;
    background-color: white;
    border-radius: 2.5rem;
}

.testimonial--0 .testimonial__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.testimonial--0 .testimonial__rating span::before {
    content: "";
    display: block;
    width: 2rem;
    height: 1.875rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi42NTggMC41ODU5NjZDMTYuNTcxMiAwLjQxMDA3MSAxNi40MzY5IDAuMjYxOTc3IDE2LjI3MDMgMC4xNTg0MjdDMTYuMTAzNyAwLjA1NDg3NjkgMTUuOTExNCAwIDE1LjcxNTIgMEMxNS41MTkxIDAgMTUuMzI2OCAwLjA1NDg3NjkgMTUuMTYwMiAwLjE1ODQyN0MxNC45OTM2IDAuMjYxOTc3IDE0Ljg1OTMgMC40MTAwNzEgMTQuNzcyNCAwLjU4NTk2NkwxMC40ODY3IDkuMjczNzRMMC45MDAzMyAxMC42NjczQzAuNzA2MjEzIDEwLjY5NTUgMC41MjM4NTMgMTAuNzc3NCAwLjM3Mzg2MiAxMC45MDM4QzAuMjIzODcxIDExLjAzMDIgMC4xMTIyMzEgMTEuMTk2IDAuMDUxNTYgMTEuMzgyNkMtMC4wMDkxMTEwNCAxMS41NjkxIC0wLjAxNjM5MzQgMTEuNzY4OSAwLjAzMDUzNjIgMTEuOTU5NEMwLjA3NzQ2NTggMTIuMTQ5OCAwLjE3NjczNiAxMi4zMjMzIDAuMzE3MTI2IDEyLjQ2MDNMNy4yNTM4OSAxOS4yMjE5TDUuNjE2NDMgMjguNzcwNEM1LjU4MzE5IDI4Ljk2MzggNS42MDQ3MiAyOS4xNjI2IDUuNjc4NTggMjkuMzQ0NEM1Ljc1MjQ0IDI5LjUyNjEgNS44NzU2OSAyOS42ODM2IDYuMDM0MzkgMjkuNzk5QzYuMTkzMDggMjkuOTE0NCA2LjM4MDkgMjkuOTgzIDYuNTc2NTkgMjkuOTk3MkM2Ljc3MjI4IDMwLjAxMTQgNi45NjgwNCAyOS45NzA2IDcuMTQxNzMgMjkuODc5M0wxNS43MTU5IDI1LjM3MDdMMjQuMjkxNiAyOS44NzkzQzI0LjQ2NTEgMjkuOTcwNSAyNC42NjA3IDMwLjAxMTMgMjQuODU2MyAyOS45OTcxQzI1LjA1MTggMjkuOTgzIDI1LjIzOTUgMjkuOTE0NCAyNS4zOTgxIDI5Ljc5OTJDMjUuNTU2OCAyOS42ODQgMjUuNjgwMSAyOS41MjY4IDI1Ljc1NCAyOS4zNDUyQzI1LjgyOCAyOS4xNjM3IDI1Ljg0OTggMjguOTY1MSAyNS44MTY5IDI4Ljc3MThMMjQuMTc5NCAxOS4yMjE5TDMxLjExNjIgMTIuNDYwM0MzMS4yNTcgMTIuMzIzNCAzMS4zNTY2IDEyLjE0OTggMzEuNDAzOCAxMS45NTkxQzMxLjQ1MSAxMS43Njg0IDMxLjQ0MzggMTEuNTY4NCAzMS4zODMxIDExLjM4MTZDMzEuMzIyNCAxMS4xOTQ4IDMxLjIxMDYgMTEuMDI4NyAzMS4wNjAzIDEwLjkwMjJDMzAuOTEwMSAxMC43NzU3IDMwLjcyNzQgMTAuNjkzOSAzMC41MzMgMTAuNjY1OUwyMC45NDY2IDkuMjczNzRMMTYuNjU4IDAuNTg1OTY2WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNjIwXzU1MSkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82MjBfNTUxIiB4MT0iMTUuNzE3MyIgeTE9IjAiIHgyPSIxNS43MTczIiB5Mj0iMzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGREEwMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjk4MDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}

.testimonial--0 .testimonial__rating--1\/5 span:nth-child(-n + 1)::before,
.testimonial--0 .testimonial__rating--2\/5 span:nth-child(-n + 2)::before,
.testimonial--0 .testimonial__rating--3\/5 span:nth-child(-n + 3)::before,
.testimonial--0 .testimonial__rating--4\/5 span:nth-child(-n + 4)::before,
.testimonial--0 .testimonial__rating--5\/5 span:nth-child(-n + 5)::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi42NTggMC41ODU5NjZDMTYuNTcxMiAwLjQxMDA3MSAxNi40MzY5IDAuMjYxOTc3IDE2LjI3MDMgMC4xNTg0MjdDMTYuMTAzNyAwLjA1NDg3NjkgMTUuOTExNCAwIDE1LjcxNTIgMEMxNS41MTkxIDAgMTUuMzI2OCAwLjA1NDg3NjkgMTUuMTYwMiAwLjE1ODQyN0MxNC45OTM2IDAuMjYxOTc3IDE0Ljg1OTMgMC40MTAwNzEgMTQuNzcyNCAwLjU4NTk2NkwxMC40ODY3IDkuMjczNzRMMC45MDAzMyAxMC42NjczQzAuNzA2MjEzIDEwLjY5NTUgMC41MjM4NTMgMTAuNzc3NCAwLjM3Mzg2MiAxMC45MDM4QzAuMjIzODcxIDExLjAzMDIgMC4xMTIyMzEgMTEuMTk2IDAuMDUxNTYgMTEuMzgyNkMtMC4wMDkxMTEwNCAxMS41NjkxIC0wLjAxNjM5MzQgMTEuNzY4OSAwLjAzMDUzNjIgMTEuOTU5NEMwLjA3NzQ2NTggMTIuMTQ5OCAwLjE3NjczNiAxMi4zMjMzIDAuMzE3MTI2IDEyLjQ2MDNMNy4yNTM4OSAxOS4yMjE5TDUuNjE2NDMgMjguNzcwNEM1LjU4MzE5IDI4Ljk2MzggNS42MDQ3MiAyOS4xNjI2IDUuNjc4NTggMjkuMzQ0NEM1Ljc1MjQ0IDI5LjUyNjEgNS44NzU2OSAyOS42ODM2IDYuMDM0MzkgMjkuNzk5QzYuMTkzMDggMjkuOTE0NCA2LjM4MDkgMjkuOTgzIDYuNTc2NTkgMjkuOTk3MkM2Ljc3MjI4IDMwLjAxMTQgNi45NjgwNCAyOS45NzA2IDcuMTQxNzMgMjkuODc5M0wxNS43MTU5IDI1LjM3MDdMMjQuMjkxNiAyOS44NzkzQzI0LjQ2NTEgMjkuOTcwNSAyNC42NjA3IDMwLjAxMTMgMjQuODU2MyAyOS45OTcxQzI1LjA1MTggMjkuOTgzIDI1LjIzOTUgMjkuOTE0NCAyNS4zOTgxIDI5Ljc5OTJDMjUuNTU2OCAyOS42ODQgMjUuNjgwMSAyOS41MjY4IDI1Ljc1NCAyOS4zNDUyQzI1LjgyOCAyOS4xNjM3IDI1Ljg0OTggMjguOTY1MSAyNS44MTY5IDI4Ljc3MThMMjQuMTc5NCAxOS4yMjE5TDMxLjExNjIgMTIuNDYwM0MzMS4yNTcgMTIuMzIzNCAzMS4zNTY2IDEyLjE0OTggMzEuNDAzOCAxMS45NTkxQzMxLjQ1MSAxMS43Njg0IDMxLjQ0MzggMTEuNTY4NCAzMS4zODMxIDExLjM4MTZDMzEuMzIyNCAxMS4xOTQ4IDMxLjIxMDYgMTEuMDI4NyAzMS4wNjAzIDEwLjkwMjJDMzAuOTEwMSAxMC43NzU3IDMwLjcyNzQgMTAuNjkzOSAzMC41MzMgMTAuNjY1OUwyMC45NDY2IDkuMjczNzRMMTYuNjU4IDAuNTg1OTY2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzYyMF81NjEpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNjIwXzU2MSIgeDE9IjE1LjcxNzMiIHkxPSIwIiB4Mj0iMTUuNzE3MyIgeTI9IjMwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRBMDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY5ODAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+");
}

.testimonial--0 .testimonial__text {
    font-size: 1rem;
    line-height: 1.625rem;
    text-align: center;
}

.testimonial--0 .testimonial__author {
    margin-inline: auto;
    margin-block-start: auto;
    font-weight: var(--fw-bold);
}

.testimonial--0 .swiper-button-next,
.testimonial--0 .swiper-button-prev {
    --swiper-navigation-size: 60px;

    margin-top: calc(0px - (var(--swiper-navigation-size) + 3rem) / 2);
    width: 50px;
    height: 50px;
    background-color: var(--clr-primary);
    border-radius: 9999px;
}

.testimonial--0 .swiper-button-next {
    right: calc(var(--swiper-navigation-size) / -2);
}

.testimonial--0 .swiper-button-prev {
    left: calc(var(--swiper-navigation-size) / -2);
}

.testimonial--0 .swiper-button-next:after,
.testimonial--0 .swiper-button-prev:after {
    content: "";
    width: 100%;
    height: 100%;
    background-size: 24px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.testimonial--0 .swiper-button-next:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSAxLjVMMTEuNSAxMS41TDEuNSAyMS41IiBzdHJva2U9IiMxMDRBODAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
}

.testimonial--0 .swiper-button-prev:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgMS41TDEuNSAxMS41TDExLjUgMjEuNSIgc3Ryb2tlPSIjMTA0QTgwIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
}

.testimonial--0 .swiper-button-prev:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjMzMzQgMTFIMS4wMDAwNE0xLjAwMDA0IDExTDExIDFNMS4wMDAwNCAxMUwxMSAyMSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
}

.testimonial--0 .swiper-button-next:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTFIMjQuMzMzM00yNC4zMzMzIDExTDE0LjMzMzMgMU0yNC4zMzMzIDExTDE0LjMzMzMgMjEiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
}

.testimonial--0 .swiper-pagination {
    bottom: 0;
}

.testimonial--0 .swiper-pagination-bullet {
    background: var(--clr-white);
    opacity: 1;
}

.testimonial--0 .swiper-pagination-bullet-active {
    background: var(--clr-secondary);
}

.testimonial--0 .swiper-pagination-bullet {
    --swiper-pagination-bullet-size: 1rem;
}

@media (min-width: 992px) {
    .testimonial--0 .testimonial__items {
        grid-template-columns: repeat(3, 1fr);
    }
}