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

.teasericon--0 .teasericon__items {
    display: grid;
    gap: 2rem;
    padding-block-end: 3rem;
}

.teasericon--0 .teasericon__item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 1rem;
    padding-block-end: 2rem;
    background-color: var(--clr-gray-100);
    border-radius: 2.5rem;
    transition: background-color 300ms ease-out;
}

.teasericon--0 .teasericon__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 3 / 2;
    background-color: var(--clr-secondary);
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
}

.teasericon--0 .teasericon__icon img {
    width: 6.25rem;
}

.teasericon--0 .teasericon__title,
.teasericon--0 .teasericon__text,
.teasericon--0 .teasericon__link {
    padding-inline: 2rem;
}

.teasericon--0 .teasericon__title {
    font-family: var(--ff-heading);
    font-size: 1.5rem;
    color: var(--clr-secondary);
}

.teasericon--0 .teasericon__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    padding-inline: 0;
    margin-inline: 2rem;
    margin-block-start: auto;
    background-color: var(--clr-secondary);
    border-radius: 9999px;
    transition: background-color 300ms ease-out;
}

.teasericon--0 .teasericon__link span {
    display: none;
}

.teasericon--0 .teasericon__link::before {
    content: "";
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTAuOTI4NkgyNC4xNjY3TTI0LjE2NjcgMTAuOTI4NkwxNC4yMzgxIDFNMjQuMTY2NyAxMC45Mjg2TDE0LjIzODEgMjAuODU3MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
}

.teasericon--0 .teasericon__item:hover {
    background-color: var(--clr-secondary);
}

.teasericon--0 .teasericon__item:hover .teasericon__title,
.teasericon--0 .teasericon__item:hover .teasericon__text {
    color: var(--clr-white);
}

.teasericon--0 .teasericon__item:hover .teasericon__link {
    background-color: var(--clr-primary);
}

.teasericon--0 .swiper-button-next,
.teasericon--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;
}

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

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

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

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

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

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

.teasericon--0 .swiper-pagination-bullet {
    background: var(--clr-white);
    border: 1px solid rgba(171, 171, 171, 1);
    opacity: 1;
}

.teasericon--0 .swiper-pagination-bullet-active {
    background: var(--clr-secondary);
    border-color: transparent;
}

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

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .teasericon--0 .teasericon__items {
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1024px) {
    .teasericon--0 .teasericon__items {
    }
}

@media (min-width: 1200px) {
    .teasericon--0 .teasericon__items {
    }
}

@media (min-width: 1480px) {
}