.eqao-carousel {
    --eqao-carousel-gap: var(--gutter, clamp(1.25rem, 1.0907rem + 0.6536vw, 1.875rem));
    --eqao-carousel-btn-size: var(--spacing-30-40);
    --eqao-carousel-controls-space: calc(var(--eqao-carousel-btn-size) + var(--spacing-20-30));
    --eqao-carousel-dots-offset: calc((var(--eqao-carousel-btn-size) - 0.625rem) / 2);
    --eqao-carousel-button-inline-offset: 12.5%;  
    /* --eqao-carousel-dots-gap: 0.625rem; */
    /* --eqao-carousel-dots-gap: clamp(0.5rem, 0.4681rem + 0.1307vw, 0.625rem); */
    --eqao-carousel-dots-gap: clamp(0.375rem, 0.3113rem + 0.2614vw, 0.625rem);
    /* --eqao-carousel-dots-gap: var(--spacing-5-10); */
    /* --eqao-carousel-dots-gap: clamp(0.25rem, 0.1544rem + 0.3922vw, 0.625rem); */
    --eqao-carousel-selected-dot-width: clamp(3rem, 2.6814rem + 1.3072vw, 4.25rem);

    position: relative;
}

.eqao-carousel .eqao-carousel__instance,
.eqao-carousel.eqao-carousel__instance {
    position: relative;
    padding-bottom: var(--eqao-carousel-controls-space);
}

.eqao-carousel.eqao-carousel--single-cell .eqao-carousel__instance,
.eqao-carousel.eqao-carousel--single-cell.eqao-carousel__instance {
    padding-bottom: 0;
}

.eqao-carousel.eqao-carousel--layout-3x2,
.eqao-carousel.eqao-carousel--layout-3x3,
.eqao-carousel.eqao-carousel--layout-4x2 {
    --eqao-carousel-controls-space: calc(var(--eqao-carousel-btn-size) + var(--spacing-20-30));
}

.eqao-carousel .eqao-carousel__cell,
.eqao-carousel .carousel-cell,
.eqao-carousel .eqao-carousel__page,
.eqao-carousel .eqao-carousel__track > .wp-block-post,
.eqao-carousel .flickity-slider > .eqao-carousel__cell,
.eqao-carousel .flickity-slider > .carousel-cell,
.eqao-carousel .flickity-slider > .eqao-carousel__page,
.eqao-carousel .flickity-slider > .wp-block-post {
    width: 100%;
}

.eqao-carousel .eqao-carousel__cell:not(:last-child),
.eqao-carousel .carousel-cell:not(:last-child),
.eqao-carousel .eqao-carousel__page:not(:last-child),
.eqao-carousel .eqao-carousel__track > .wp-block-post:not(:last-child),
.eqao-carousel .flickity-slider > .eqao-carousel__cell:not(:last-child),
.eqao-carousel .flickity-slider > .carousel-cell:not(:last-child),
.eqao-carousel .flickity-slider > .eqao-carousel__page:not(:last-child),
.eqao-carousel .flickity-slider > .wp-block-post:not(:last-child) {
    margin-right: var(--eqao-carousel-gap);
}

.eqao-carousel .eqao-carousel__page {
    margin: 0;
}

.eqao-carousel .eqao-carousel__page-grid {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--eqao-carousel-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.eqao-carousel.eqao-carousel--layout-3x2 .eqao-carousel__page-grid > *,
.eqao-carousel.eqao-carousel--layout-3x3 .eqao-carousel__page-grid > *,
.eqao-carousel.eqao-carousel--layout-4x2 .eqao-carousel__page-grid > * {
    display: flex;
    align-self: stretch;
}

.eqao-carousel.eqao-carousel--layout-3x2 .eqao-carousel__page,
.eqao-carousel.eqao-carousel--layout-3x3 .eqao-carousel__page,
.eqao-carousel.eqao-carousel--layout-4x2 .eqao-carousel__page,
.eqao-carousel.eqao-carousel--layout-3x2 .flickity-slider > .eqao-carousel__page,
.eqao-carousel.eqao-carousel--layout-3x3 .flickity-slider > .eqao-carousel__page,
.eqao-carousel.eqao-carousel--layout-4x2 .flickity-slider > .eqao-carousel__page {
    width: 100%;
    max-width: 100%;
}

.eqao-carousel.eqao-carousel--layout-3x2 .eqao-carousel__page-grid,
.eqao-carousel.eqao-carousel--layout-3x3 .eqao-carousel__page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.eqao-carousel.eqao-carousel--layout-4x2 .eqao-carousel__page-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eqao-carousel .flickity-viewport {
    transition: min-height 0.2s ease;
}

.eqao-carousel.eqao-carousel--layout-3x2 .flickity-viewport,
.eqao-carousel.eqao-carousel--layout-3x3 .flickity-viewport,
.eqao-carousel.eqao-carousel--layout-4x2 .flickity-viewport {
    padding-bottom: 2px;
}

.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button {
    top: auto;
    bottom: 0 !important;
    width: var(--eqao-carousel-btn-size);
    height: var(--eqao-carousel-btn-size);
    min-width: var(--eqao-carousel-btn-size);
    min-height: var(--eqao-carousel-btn-size);
    margin-block-start: 0 !important;
    padding: 0;
    border: 1px solid var(--wp--preset--color--custom-black);
    border-radius: 999px;
    background: var(--wp--preset--color--custom-white);
    color: var(--wp--preset--color--custom-black);
    box-shadow: none;
    cursor: pointer;
    z-index: 10;
    transform: none;
}

.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button.previous,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button.previous {
    left: var(--eqao-carousel-button-inline-offset) !important;
    right: auto !important;
}

.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button.next,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button.next {
    right: var(--eqao-carousel-button-inline-offset) !important;
    left: auto !important;
    margin-left: 0;
}

.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button::before,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button::before,
.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button.previous::before,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button.previous::before,
.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button.next::before,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button.next::before,
.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button::after,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button::after {
    content: none !important;
    display: none !important;
    pointer-events: none !important;
}

.eqao-carousel .eqao-carousel__instance .flickity-prev-next-button:disabled,
.eqao-carousel.eqao-carousel__instance .flickity-prev-next-button:disabled {
    opacity: 0.35;
}

.eqao-carousel .eqao-carousel__instance .flickity-button-icon,
.eqao-carousel.eqao-carousel__instance .flickity-button-icon {
    position: absolute;
    display: block !important;
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    cursor: pointer;
    pointer-events: none !important;
}

.eqao-carousel .eqao-carousel__instance .flickity-button-icon *,
.eqao-carousel.eqao-carousel__instance .flickity-button-icon * {
    cursor: pointer;
    pointer-events: none !important;
}

.eqao-carousel .eqao-carousel__instance .flickity-button-icon.is-previous,
.eqao-carousel.eqao-carousel__instance .flickity-button-icon.is-previous {
    transform: scaleX(-1);
    transform-origin: center;
}

.eqao-carousel .eqao-carousel__instance .flickity-page-dots,
.eqao-carousel.eqao-carousel__instance .flickity-page-dots {
    bottom: var(--eqao-carousel-dots-offset);
    display: flex;
    /* gap: 0.5rem; */
    gap: var(--eqao-carousel-dots-gap);
    justify-content: center;
}

.eqao-carousel .eqao-carousel__instance .flickity-page-dots .dot,
.eqao-carousel.eqao-carousel__instance .flickity-page-dots .dot {
    width: 0.625rem;
    height: 0.625rem;
    margin: 0;
    border-radius: 999px;
    background: var(--wp--preset--color--custom-light-grey-3);
    opacity: 1;
}

.eqao-carousel .eqao-carousel__instance .flickity-page-dots .dot.eqao-carousel__dot--hidden,
.eqao-carousel.eqao-carousel__instance .flickity-page-dots .dot.eqao-carousel__dot--hidden {
    display: none;
}

.eqao-carousel .eqao-carousel__instance .flickity-page-dots .eqao-carousel__dots-ellipsis,
.eqao-carousel.eqao-carousel__instance .flickity-page-dots .eqao-carousel__dots-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    margin-top: -0.1875rem;
    margin-right: 0;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
    color: var(--wp--preset--color--custom-black);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    list-style: none;
    opacity: 1;
    pointer-events: none;
}

.eqao-carousel .eqao-carousel__instance .flickity-page-dots .dot.is-selected,
.eqao-carousel.eqao-carousel__instance .flickity-page-dots .dot.is-selected {
    /* width: 4.25; */
    width: var(--eqao-carousel-selected-dot-width);
    background: var(--wp--preset--color--custom-black);
}

@media (hover: hover) and (pointer: fine) {
    .eqao-carousel .eqao-carousel__instance .flickity-prev-next-button:hover,
    .eqao-carousel.eqao-carousel__instance .flickity-prev-next-button:hover {
        box-shadow: var(--btn-hover-box-shadow);
    }
}

.eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-2 .carousel-cell,
.eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .wp-block-post {
    width: calc(50% - (var(--eqao-carousel-gap) / 2));
}

.eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-3 .carousel-cell,
.eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .wp-block-post {
    width: calc((100% / 3) - ((var(--eqao-carousel-gap) * 2) / 3));
}

.eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-4 .carousel-cell,
.eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .wp-block-post {
    width: calc(25% - ((var(--eqao-carousel-gap) * 3) / 4));
}

.eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-4 .carousel-cell,
.eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-3 .carousel-cell,
.eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-2 .carousel-cell,
.eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .wp-block-post {
    max-width: 100%;
}

.eqao-carousel.eqao-carousel--flush .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--flush .carousel-cell,
.eqao-carousel.eqao-carousel--flush .eqao-carousel__page,
.eqao-carousel.eqao-carousel--flush .eqao-carousel__track > .wp-block-post,
.eqao-carousel.eqao-carousel--flush .flickity-slider > .eqao-carousel__cell,
.eqao-carousel.eqao-carousel--flush .flickity-slider > .carousel-cell,
.eqao-carousel.eqao-carousel--flush .flickity-slider > .eqao-carousel__page,
.eqao-carousel.eqao-carousel--flush .flickity-slider > .wp-block-post {
    margin-right: 0;
}

.eqao-carousel.eqao-carousel--flush .eqao-carousel__cell:not(:last-child),
.eqao-carousel.eqao-carousel--flush .carousel-cell:not(:last-child),
.eqao-carousel.eqao-carousel--flush .eqao-carousel__page:not(:last-child),
.eqao-carousel.eqao-carousel--flush .eqao-carousel__track > .wp-block-post:not(:last-child),
.eqao-carousel.eqao-carousel--flush .flickity-slider > .eqao-carousel__cell:not(:last-child),
.eqao-carousel.eqao-carousel--flush .flickity-slider > .carousel-cell:not(:last-child),
.eqao-carousel.eqao-carousel--flush .flickity-slider > .eqao-carousel__page:not(:last-child),
.eqao-carousel.eqao-carousel--flush .flickity-slider > .wp-block-post:not(:last-child) {
    margin-right: 0;
}

@media screen and (max-width: 1280px) {
    .eqao-carousel.eqao-carousel--layout-3x2 .eqao-carousel__page-grid,
    .eqao-carousel.eqao-carousel--layout-3x3 .eqao-carousel__page-grid,
    .eqao-carousel.eqao-carousel--layout-4x2 .eqao-carousel__page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-4 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .wp-block-post {
        width: calc((100% / 3) - ((var(--eqao-carousel-gap) * 2) / 3));
    }

    .eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-3 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .wp-block-post {
        width: calc(50% - (var(--eqao-carousel-gap) / 2));
    }
}

@media screen and (max-width: 1024px) {
    .eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-4 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-3 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-2 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .wp-block-post {
        width: calc(50% - (var(--eqao-carousel-gap) / 2));
    }
}

@media screen and (max-width: 781px) {
    .eqao-carousel {
        --eqao-carousel-controls-space: calc(var(--eqao-carousel-btn-size) + var(--spacing-20-30));
        --eqao-carousel-dots-offset: calc((var(--eqao-carousel-btn-size) - 0.625rem) / 2);
        --eqao-carousel-button-inline-offset: 0;
    }

    .eqao-carousel.eqao-carousel--layout-3x2,
    .eqao-carousel.eqao-carousel--layout-3x3,
    .eqao-carousel.eqao-carousel--layout-4x2 {
        --eqao-carousel-controls-space: calc(var(--eqao-carousel-btn-size) + var(--spacing-20-30));
    }

    .eqao-carousel.eqao-carousel--single-cell .eqao-carousel__instance,
    .eqao-carousel.eqao-carousel--single-cell.eqao-carousel__instance {
        padding-bottom: 0;
    }

    .eqao-carousel.eqao-carousel--layout-3x2 .eqao-carousel__page-grid,
    .eqao-carousel.eqao-carousel--layout-3x3 .eqao-carousel__page-grid,
    .eqao-carousel.eqao-carousel--layout-4x2 .eqao-carousel__page-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .eqao-carousel .eqao-carousel__cell,
    .eqao-carousel .carousel-cell,
    .eqao-carousel .eqao-carousel__page,
    .eqao-carousel .eqao-carousel__track > .wp-block-post,
    .eqao-carousel .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel .flickity-slider > .carousel-cell,
    .eqao-carousel .flickity-slider > .eqao-carousel__page,
    .eqao-carousel .flickity-slider > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-2 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-2 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-2 .flickity-slider > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-3 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-3 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-3 .flickity-slider > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-4 .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-4 .eqao-carousel__track > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .carousel-cell,
    .eqao-carousel.eqao-carousel--layout-4 .flickity-slider > .wp-block-post,
    .eqao-carousel.eqao-carousel--layout-3x2 .eqao-carousel__page,
    .eqao-carousel.eqao-carousel--layout-3x2 .flickity-slider > .eqao-carousel__page,
    .eqao-carousel.eqao-carousel--layout-3x3 .eqao-carousel__page,
    .eqao-carousel.eqao-carousel--layout-3x3 .flickity-slider > .eqao-carousel__page,
    .eqao-carousel.eqao-carousel--layout-4x2 .eqao-carousel__page,
    .eqao-carousel.eqao-carousel--layout-4x2 .flickity-slider > .eqao-carousel__page,
    .eqao-carousel.eqao-carousel--cards .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--cards .carousel-cell,
    .eqao-carousel.eqao-carousel--cards .flickity-slider > .eqao-carousel__cell,
    .eqao-carousel.eqao-carousel--cards .flickity-slider > .carousel-cell {
        width: 100%;
    }
}
