.logocloud--0 {
    padding-block: 8.375rem;
    background-color: var(--clr-gray-100);
}

.logocloud--0 .component__heading {
    text-align: center;
}

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

.logocloud--0 .logocloud__items {
    padding-block-end: 3rem;
}

.logocloud--0 .logocloud__item {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 280 / 160;
    background-color: var(--clr-white);
    border-radius: 1.25rem;
}

.logocloud--0 .logocloud__item .logocloud__logo {
    transform: scale(1);
    transition: transform 300ms ease;
}

.logocloud--0 .logocloud__item:hover .logocloud__logo {
    transform: scale(1.1);
}

.logocloud--0 .swiper-wrapper {
    transition-timing-function: linear !important;
}

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

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

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

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

.logocloud--0 .swiper-button-next:after,
.logocloud--0 .swiper-button-prev:after {
    content: "";
    width: 100%;
    height: 100%;
    background-size: 0.625rem 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
}

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

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

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

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

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

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

@media (min-width: 576px) {
    /* .logocloud--0 .logocloud__items {
        grid-template-columns: repeat(2, 1fr);
    } */
}

/*
@media (min-width: 992px) {
    .logocloud--0 .logocloud__items {
        grid-template-columns: repeat(2, 1fr);
    }
}
*/

@media (min-width: 1024px) {
    /* .logocloud--0 .logocloud__items {
        grid-template-columns: repeat(3, 1fr);
    } */
}

@media (min-width: 1200px) {
    /* .logocloud--0 .logocloud__items {
        grid-template-columns: repeat(4, 1fr);
    } */
}

@media (min-width: 1480px) {
    /* .logocloud--0 .logocloud__items {
        grid-template-columns: repeat(5, 1fr);
    } */
}