/* Customer App marketing page — from taax 2 frontend */
.pd5-page .bg-lavender {
    background-color: #e8e4f8 !important;
}

.pd5-page .taax-app-hero {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .pd5-page .taax-app-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, auto) 1fr;
        column-gap: 0;
    }

    .pd5-page .taax-app-hero > * {
        grid-column: 1;
    }

    .pd5-page .taax-app-hero .taax-app-hero-image {
        grid-column: 2;
        grid-row: 1 / -1;
        align-self: center;
    }
}

@media (min-width: 1200px) {
    .pd5-page .taax-app-hero .taax-app-hero-image img {
        max-width: none;
    }
}

.pd5-page .taax-snap-track {
    contain: inline-size;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}

.pd5-page .taax-snap-track::-webkit-scrollbar {
    display: none;
}

.pd5-page .taax-snap-slide {
    flex: 0 0 min(85%, 28.5rem);
    scroll-snap-align: start;
}

.pd5-page .taax-snap-dot {
    width: 2.75rem;
    height: 2.75rem;
}

.pd5-page .taax-snap-dot.is-active {
    color: #fff;
    background-color: #007e77;
    border-color: #007e77;
}

.pd5-page .taax-text-trim {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.pd5-page .taax-app-download-qr img {
    display: block;
    width: 124px;
    height: 124px;
    object-fit: contain;
}