/* search */

.search {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search input {
    color: var(--shark-shark-600, #0A0B0D);
    font-family: 'Rotunda', sans-serif;
    font-size: min(16px, 1.111vw);
    line-height: 100%;
    /* 16px */
    letter-spacing: max(-0.16px, -0.011vw);
    border-radius: min(4px, 0.278vw);
    background: var(--shark-shark-50, #EFF2F4);
    width: 100%;
    height: min(56px, 3.889vw);
    padding: min(18px, 1.250vw) min(56px, 3.889vw) min(14px, 0.972vw) min(16px, 1.111vw);
    border: none;
    outline: none;
    transition: background 0.4s, opacity 0.4s, color 0.4s;
}

.search input:focus {
    background: var(--shark-shark-100, #E4E7E9);
}

.search input::placeholder {
    color: var(--shark-shark-200, #B8BBBC);
}

.search .search-icon {
    position: absolute;
    right: min(4px, 0.278vw);
    border-radius: min(4px, 0.278vw);
    border: none;
    background: var(--Accent, #512CCC);
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(48px, 3.333vw);
    height: min(48px, 3.333vw);
    cursor: pointer;
    transition: background 0.4s;
}

.search .search-icon:before {
    content: '';
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gc2VhcmNoLW1kIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik0xNCAxNEwxMS4xIDExLjFNMTIuNjY2NyA3LjMzMzMzQzEyLjY2NjcgMTAuMjc4OSAxMC4yNzg5IDEyLjY2NjcgNy4zMzMzMyAxMi42NjY3QzQuMzg3ODEgMTIuNjY2NyAyIDEwLjI3ODkgMiA3LjMzMzMzQzIgNC4zODc4MSA0LjM4NzgxIDIgNy4zMzMzMyAyQzEwLjI3ODkgMiAxMi42NjY3IDQuMzg3ODEgMTIuNjY2NyA3LjMzMzMzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=);
}

/* integration-card */

.integration-card {
    position: relative;
    border-radius: min(16px, 1.111vw);
    padding: min(16px, 1.111vw);
}

.integration-card:not(.--gradient-border) {
    border: 1px solid var(--shark-shark-100, #E4E7E9);
}

.integration-card.-dark {
    border-radius: 16px;
    background: var(--shark-shark-550, #1A1B21);
}

.integration-card .img {
    width: min(48px, 3.333vw);
    height: min(48px, 3.333vw);
    border-radius: min(14px, 0.972vw);
    border: 1px solid var(--shark-shark-100, #E4E7E9);
}

.integration-card .img img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.integration-card .title {
    margin-top: min(24px, 1.667vw);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.integration-card .img:before {
    content: '';
    position: absolute;
    right: min(16px, 1.111vw);
    top: min(16px, 1.111vw);
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
}

.integration-card.-checked .img:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrLXZlcmlmaWVkIj4KPGNpcmNsZSBpZD0iRWxsaXBzZSIgY3g9IjgiIGN5PSI4IiByPSI3IiBmaWxsPSIjM0FBNjcwIi8+CjxwYXRoIGlkPSJJY29uIiBkPSJNNS44MTY0MSA3Ljk5OTgyTDcuMjcwOTUgOS40NTQzN0wxMC41NDM3IDYuMTgxNjQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
}

.integration-card.-on-demand .img:before {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im9uLWRlbWFuZC1pY29uIj4KPGNpcmNsZSBpZD0iRWxsaXBzZSIgY3g9IjgiIGN5PSI4IiByPSI3IiBmaWxsPSIjRkNCMDAwIi8+CjxwYXRoIGlkPSIhIiBkPSJNNy4yMjYwMSA0LjVIOC43MzUyTDguNTk5NzYgOS4zMzQyNUg3LjM3MTEzTDcuMjI2MDEgNC41Wk04LjU4MDQxIDExLjI3NzZDOC40MTkxNyAxMS40MjU5IDguMjIyNDYgMTEuNSA3Ljk5MDI4IDExLjVDNy43NTgxIDExLjUgNy41NjEzOSAxMS40MjU5IDcuNDAwMTUgMTEuMjc3NkM3LjI0NTM2IDExLjEyMjkgNy4xNjc5NyAxMC45Mjk2IDcuMTY3OTcgMTAuNjk3NUM3LjE2Nzk3IDEwLjQ3MTkgNy4yNDUzNiAxMC4yODUgNy40MDAxNSAxMC4xMzY3QzcuNTYxMzkgOS45ODIwNCA3Ljc1ODEgOS45MDQ3IDcuOTkwMjggOS45MDQ3QzguMjIyNDYgOS45MDQ3IDguNDE5MTcgOS45ODIwNCA4LjU4MDQxIDEwLjEzNjdDOC43NDE2NSAxMC4yODUgOC44MjIyNyAxMC40NzE5IDguODIyMjcgMTAuNjk3NUM4LjgyMjI3IDEwLjkyOTYgOC43NDE2NSAxMS4xMjI5IDguNTgwNDEgMTEuMjc3NloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==);
}


/* integration page | integrations cards */

.integrations-cards-section {
    margin: var(--default-section-margin) 0;
}

.integrations-cards-section__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(40px, 2.778vw);
}

.integrations-info-card {
    padding: min(32px, 2.222vw);
    border-radius: min(16px, 1.111vw);
    border: 1px solid var(--shark-shark-100, #E4E7E9);
    background: var(--White, #FFF);
}

.integrations-info-card .img {
    width: min(80px, 5.556vw);
    height: min(80px, 5.556vw);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.integrations-info-card .img img {
    display: block;
    width: min(32px, 2.222vw);
    height: min(32px, 2.222vw);
}

.integrations-info-card .title {
    margin-top: 80px;
}

.integrations-info-card .text {
    margin-top: min(24px, 1.667vw);
    color: var(--shark-shark-300, #8C8F90);
}

/* integration page / integration */

.integration {
    margin: var(--default-section-margin) 0;
}

.section-title {
    position: relative;
    width: fit-content;
}

.section-title .number {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    color: var(--shark-shark-600, #0A0B0D);
    width: min(40px, 2.778vw);
    height: min(40px, 2.778vw);
    border-radius: 100px;
    border: 1px solid var(--shark-shark-100, #E4E7E9);

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0 0 2px;
    letter-spacing: initial !important;
}

.section-title .number span {
    letter-spacing: initial !important;
}


.integration__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: min(40px, 2.778vw);
}

.integration__wrapper .filters {
    width: min(285px, 19.792vw);
    min-width: min(285px, 19.792vw);
    margin-right: min(40px, 2.778vw);
}

.integration__wrapper .content {
    width: 100%;
}

.integration-ajax-wrapper {
    transition: opacity 0.4s;
}

.integration-ajax-wrapper.-loading {
    opacity: 0.6;
    pointer-events: none;
}

.integration .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(12px, 0.833vw);
}

.integration .info p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(4px, 0.278vw);
    padding-top: min(4px, 0.278vw);
}

.integration .info p img {
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    margin-top: max(-4px, -0.278vw);
}

.integration .content__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: min(16px, 1.111vw);
}

.integration .content__info .search {
    width: 100%;
}

.integration .content__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: min(16px, 1.111vw);
    margin-top: min(16px, 1.111vw);
}

.integration .nothing-found {
    margin-top: min(16px, 1.111vw);
}

.integration .content__pagination {
    margin-top: min(40px, 2.778vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.integration .content__pagination .blog-list__pagination,
.integration .content__pagination .wp-pagenavi {
    margin-top: 0;
}


.integration .content__pagination .blog-list__pagination div,
.integration .content__pagination .wp-pagenavi div,
.integration .content__pagination .wp-pagenavi span,
.integration .content__pagination .wp-pagenavi a {
    width: min(40px, 2.778vw);
    height: min(40px, 2.778vw);
}

.integration .content__pagination .blog-list__pagination div.dots,
.integration .content__pagination .wp-pagenavi div.dots,
.integration .content__pagination .wp-pagenavi span.dots {
    margin: 0 max(-8px, -0.556vw);
}


.filter-button {
    display: none;
}

.integration .displayed-count {
    margin-top: 3px;
}

.displayed-count strong {
    font-weight: 500;
}

.integration__wrapper .filters .mobile-title {
    display: none;
}

.integration__wrapper .filters {
    padding: min(24px, 1.667vw) min(20px, 1.389vw);
    border-radius: 4px;
    border: 1px solid var(--shark-shark-100, #E4E7E9);
}

.integration__wrapper .filters .--checkbox {
    margin-top: min(12px, 0.833vw);
}

.integration__wrapper .filters .--checkbox + .--checkbox {
    margin-top: min(10px, 0.694vw);
}

.integration__wrapper .filters .default-button {
    margin-top: min(24px, 1.667vw);

    font-size: min(13px, 0.903vw);
    line-height: 185%;
    letter-spacing: max(-0.13px, -0.009vw);
    display: none;
}

.integration__wrapper .filters .default-button + .default-button {
    margin-top: min(8px, 0.556vw);
}


/* Integrations page | Hero */

.hero.-integrations {
    padding-bottom: min(120px, 8.333vw);
}

.hero.-integrations .description {
    max-width: min(440px, 30.556vw);
}


.hero.-integrations .hero__wrapper {
    display: flex;
    justify-content: space-between;
}

.hero.-integrations .hero__left {
    max-width: min(782px, 54.306vw);
}

.hero.-integrations .hero__left .product-label + .section-title {
    margin-top: min(24px, 1.667vw);
}

.hero.-integrations .hero__description-wrapper .description {
    /*margin-left: 0;*/
    /*max-width: min(500px, 34.722vw);*/
}

.hero.-integrations .hero__right {
    padding: min(160px, 11.111vw) min(68px, 4.722vw);
    width: min(474px, 32.917vw);
    min-width: min(474px, 32.917vw);
}

.hero.-integrations .integration-card {
    width: min(208px, 14.444vw);
    min-width: min(208px, 14.444vw);
}

.hero.-integrations .hero__right .integration-card + .integration-card {
    margin-top: max(-40px, -2.778vw);
}

.hero.-integrations .hero__right .hero__right__wrapper {
    aspect-ratio: auto;
}

.hero.-integrations .hero__right .integration-card .img {
    border: none;
}


.conveyor-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero.-integrations .conveyor-container {
    grid-column: span 2;
}


.conveyor-belt__belt {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    user-select: none;
}

.conveyor-belt__belt-part {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: var(--white);
    transition: color 0.4s;
    /* padding: 0 min(16px, 1.111vw) 0 min(32px, 2.222vw); */
}

.conveyor-belt__belt.-in-viewport .conveyor-belt__belt-part {
    animation-play-state: running !important;
}

.conveyor-belt__belt .conveyor-belt__belt-part {
    animation-play-state: paused !important;
}

.conveyor-belt__belt.-reverse {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@keyframes conveyor-part {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes conveyor-part-reverse {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

.conveyor-belt__belt-part .integration-card {
    margin-right: min(24px, 1.667vw);
}

.conveyor-belt__belt-part .integration-card .img {
    border: none;
}

.hero.-integrations .conveyor-container {
    margin-top: min(96px, 6.667vw);
}

.hero.-integrations .conveyor-container .conveyor-belt__belt + .conveyor-belt__belt {
    margin-top: min(24px, 1.667vw);
}

.hero.-integrations .integration-card.-hidden {
    opacity: 0;
    pointer-events: none;
}


@media screen and (max-width: 1100px) {

    /* search */
    .search input {
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        /* 14px */
        letter-spacing: -0.14px;
        border-radius: 4px;
        height: 44px;
        padding: 18px 56px 14px 16px;
    }

    .search .search-icon {
        right: 4px;
        border-radius: 4px;
        width: 36px;
        height: 36px;
    }

    .search .search-icon:before {
        width: 16px;
        height: 16px;
    }

    /* integration-card */
    .integration-card {
        border-radius: 12px;
        padding: 12px;
    }

    .integration-card .img {
        width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .integration-card .title {
        margin-top: 18px;
    }

    .integration-card .img:before {
        right: 12px;
        top: 12px;
        width: 12px;
        height: 12px;
    }


    /* integration page | integrations cards */
    .integrations-cards-section__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .integrations-info-card {
        padding: 24px;
        border-radius: 16px;
    }

    .integrations-info-card .img {
        width: 48px;
        height: 48px;
    }


    .integrations-info-card .img img {
        width: 16px;
        height: 16px;
    }

    .integrations-info-card .title {
        margin-top: 24px;
    }

    .integrations-info-card .text {
        margin-top: 16px;
    }

    /* integration page / integration */
    .integration {
        margin: var(--default-section-margin) 0;
    }

    .section-title .number {
        transform: translateX(24px) translateY(-16px);
        width: 32px;
        height: 32px;
        padding: 3px 0 0 1px;
    }


    .integration__wrapper {
        margin-top: 16px;
    }

    .integration__wrapper .filters {
        margin-right: 0;
        position: fixed;
        z-index: 150;
        left: 0;
        top: 0;
        width: 100%;
        height: var(--window-inner-height);
        opacity: 0;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.7);
        transition: opacity 0.5s;
        padding: 0;
    }

    .integration__wrapper .filters__inner {
        position: relative;
        width: calc(100% - 40px);
        padding: 16px;
        background: var(--White, #FFF);
        height: 100%;
        overflow: auto;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

        transform: translateX(-100%);
        transition: transform 0.5s;
    }

    .integration__wrapper .filters.-active {
        opacity: 1;
        pointer-events: auto;
    }

    .integration__wrapper .filters.-active .filters__inner {
        transition-delay: 0.2s;
        transform: translateX(0);
    }

    .integration__wrapper .filters .mobile-title {
        display: block;
        padding: 2px 30px 0px 0;
    }

    .integration__wrapper .filters .close {
        position: absolute;
        right: 16px;
        top: 16px;
        width: 24px;
        height: 24px;
        display: block;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDZMNiAxOE02IDZMMTggMTgiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    }

    .integration__wrapper .filters .title {
        margin-top: 16px;
    }

    .integration__wrapper .filters .--checkbox {
        margin-top: 12px;
    }

    .integration__wrapper .filters .--checkbox + .--checkbox {
        margin-top: 10px;
    }

    .integration__wrapper .filters .default-button {
        display: flex;
        margin: auto 0 0 0;
        width: 100%;

        font-size: 12px;
        line-height: 100%;
        /* 12px */
        letter-spacing: -0.12px;
    }


    .integration .info {
        gap: 12px;
        order: 3;
        width: 100%;
    }

    .integration .info p {
        gap: 4px;
        padding-top: 4px;
    }

    .integration .info p img {
        width: 16px;
        height: 16px;
        margin-top: -4px;
    }

    .integration .content__info {
        gap: 16px 0;
    }

    .integration .content__info .sort {
        width: 50%;
    }

    .integration .input.--dropdown.-filter .--dropdown__value {
        border-radius: 0px 4px 4px 0px;
        border-left: none;
    }


    .integration .input.--dropdown.-filter .--dropdown__value-text {
        text-transform: uppercase;
    }

    .integration .content__info .--dropdown-name {
        display: none;
    }

    .integration .filter-button {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-radius: 4px 0px 0px 4px;
        border: 1px solid var(--shark-shark-100, #E4E7E9);
        gap: 8px;
        padding: 15px 16px 9px 16px;
        height: 40px;
        width: 50%;
    }

    .integration .filter-button:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        margin-top: -3px;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gc2xpZGVycy0wNCI+CjxwYXRoIGlkPSJJY29uIiBkPSJNMiA1LjMzNTk0TDEwIDUuMzM1OTRNMTAgNS4zMzU5NEMxMCA2LjQ0MDUxIDEwLjg5NTQgNy4zMzU5NCAxMiA3LjMzNTk0QzEzLjEwNDYgNy4zMzU5NCAxNCA2LjQ0MDUxIDE0IDUuMzM1OTRDMTQgNC4yMzEzNyAxMy4xMDQ2IDMuMzM1OTQgMTIgMy4zMzU5NEMxMC44OTU0IDMuMzM1OTQgMTAgNC4yMzEzNyAxMCA1LjMzNTk0Wk02IDEwLjY2OTNMMTQgMTAuNjY5M002IDEwLjY2OTNDNiAxMS43NzM4IDUuMTA0NTcgMTIuNjY5MyA0IDEyLjY2OTNDMi44OTU0MyAxMi42NjkzIDIgMTEuNzczOCAyIDEwLjY2OTNDMiA5LjU2NDcgMi44OTU0MyA4LjY2OTI3IDQgOC42NjkyN0M1LjEwNDU3IDguNjY5MjcgNiA5LjU2NDcgNiAxMC42NjkzWiIgc3Ryb2tlPSIjMEEwQjBEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
    }

    .integration .content__wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 16px;
    }

    .integration .nothing-found {
        margin-top: 16px;
    }

    .integration .content__pagination {
        margin-top: 40px;
    }


    /* Integrations page | Hero */
    .hero.-integrations {
        padding-bottom: 80px;
    }

    .hero.-integrations .hero__left {
        /*max-width: min(936px, 100%);*/
        max-width: 100%;
        width: 100%;
    }

    .hero.-integrations .hero__left .product-label + .section-title {
        margin-top: 24px;
    }

    .hero.-integrations .hero__description-wrapper .description {
        /*margin-left: 0;*/
        /*max-width: min(500px, 100%);*/
        max-width: 100%;
        width: 100%;
    }

    .hero.-integrations .hero__right {
        padding: 74px 65px;
        /* width: min(328px, 100%); */
        min-width: min(328px, 100%);
        margin-top: 16px;
        width: 100%;
        max-width: 450px;
    }

    .hero.-integrations .hero__description-wrapper {
        margin-top: 24px;
    }

    .hero.-integrations .integration-card {
        width: 198px;
        min-width: 198px;
        min-height: 115px;
    }

    .hero.-integrations .integration-card .title {
        margin-top: 22px;
    }

    .hero.-integrations .hero__right .integration-card + .integration-card {
        margin-top: -40px;
    }

    .hero.-integrations .hero__right .hero__right__wrapper {
        aspect-ratio: auto;
    }

    .conveyor-belt__belt-part .integration-card {
        margin-right: 16px;
    }

    .hero.-integrations .conveyor-container {
        margin-top: 150px;
    }

    .hero.-integrations .conveyor-container .conveyor-belt__belt + .conveyor-belt__belt {
        margin-top: 16px;
    }
}

@media screen and (max-width: 760px) {


    /* integrations cards */
    .integrations-cards-section__wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }


    /* integration page / integration */
    .integration .content__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .integration .content__pagination {
        margin-top: 16px;
        flex-wrap: wrap;
    }

    .integration .content__pagination .blog-list__pagination,
    .integration .content__pagination .wp-pagenavi {
        margin-top: 16px;
        width: 100%;
        justify-content: center;
    }

    .integration .content__pagination .blog-list__pagination div,
    .integration .content__pagination .wp-pagenavi div,
    .integration .content__pagination .wp-pagenavi span,
    .integration .content__pagination .wp-pagenavi a {
        width: 36px;
        height: 36px;
    }

    .integrations-pagination {
        width: 100%;
    }

    .integration .content__pagination .wp-pagenavi span.extend {
        margin: 0 -8px;
    }

    .integration .displayed-count {
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
}