.icons {
    margin-top: 6.5rem;
    margin-bottom: 10rem;
}

.icons-container {
    width: min(1862px, calc(100% - 40px));
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9.6rem;
}

.single-icon {
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-16px);
    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
        transition-delay: calc(var(--i) * 0.2s);
}

.js-stagger.is-visible .single-icon {
    opacity: 1;
    transform: translateX(0);
}

.single-icon .image-wrapper {
    width: 200px;
    height: 200px;
}

.single-icon .image-wrapper img {
    width: 100%;
    height: 100%;
}

.icons-container .text-wrapper {
    margin-top: 3rem;
    font-size: 3.2rem;
    text-align: center;
}

@media (max-width: 1500px) {
    .icons-container {
        gap: 5rem;
    }

    .single-icon .image-wrapper {
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 1023px) {
    .icons-container {
        flex-direction: column;
    }
}