html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

@media screen and (max-width: 991px) {
    [data-wf--header--variant='white'] .navbar__link {
        color: #000 !important;
    }
}

.section-title + .section-subtitle {
    margin-top: -2rem;
}

@media screen and (max-width: 767px) {
    .section-title + .section-subtitle {
        margin-top: -1rem;
    }
}

@media screen and (min-width: 768px) {

    .solutions-chat-cards:not(.is-chat-ready) {
        visibility: visible;
    }

    .solutions-chat-cards:not(.is-chat-ready)
    > .solutions-chat-card {
        position: relative;
        overflow: hidden;
    }

    .solutions-chat-cards
    .solutions-chat-card:not(.is-answer)
    > .solutions-chat-card__bottom,
    .solutions-chat-cards:not(.is-chat-ready)
    > .solutions-chat-card
    > .solutions-chat-card__bottom {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .solutions-chat-cards {
        align-items: start;
        overflow: visible !important;
    }

    .solutions-chat-card-slot {
        position: relative;
        z-index: 1;

        align-self: start;

        width: 100%;
        min-width: 0;

        overflow: visible;
    }

    .solutions-chat-card-slot.is-open {
        z-index: 20;
    }

    .solutions-chat-card-slot
    > .solutions-chat-card {
        position: absolute !important;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: max-content !important;
        align-content: start !important;

        width: 100%;
        min-width: 0;

        box-sizing: border-box;
        overflow: hidden;

        transition: height 0.72s cubic-bezier(0.22, 1, 0.36, 1);

        will-change: height;
    }

    .solutions-chat-card-slot
    .solutions-chat-card__top,
    .solutions-chat-card-slot
    .solutions-chat-card__bottom {
        position: relative !important;

        grid-area: 1 / 1;
        align-self: start !important;

        width: 100%;
        min-width: 0;

        height: max-content !important;
        min-height: 0;

        backface-visibility: hidden;
        transform-style: preserve-3d;

        will-change: opacity, transform;
    }

    .solutions-chat-card-slot
    .solutions-chat-card__top {
        z-index: 2;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translate3d(0, 0, 0);

        transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease 0.06s,
        visibility 0s linear;
    }

    .solutions-chat-card-slot
    .solutions-chat-card__bottom {
        z-index: 1;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translate3d(0, 2.5rem, 0);

        transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.28s ease,
        visibility 0s linear 0.72s;
    }

    .solutions-chat-card-slot
    .solutions-chat-card.is-answer
    .solutions-chat-card__top {
        z-index: 1;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translate3d(0, -2.5rem, 0);

        transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.24s ease,
        visibility 0s linear 0.72s;
    }

    .solutions-chat-card-slot
    .solutions-chat-card.is-answer
    .solutions-chat-card__bottom {
        z-index: 3;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translate3d(0, 0, 0);

        transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.32s ease 0.08s,
        visibility 0s linear;
    }
}

@media screen and (max-width: 767px) {
    .solutions-chat-cards {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: flex-start;

        gap: 0;

        width: 100vw;
        max-width: none;

        margin-left: calc(50% - 50vw);
        padding: 1.5rem 10vw 2rem;

        box-sizing: border-box;

        overflow-x: auto !important;
        overflow-y: visible !important;

        scroll-snap-type: x mandatory;
        scroll-padding-inline: 10vw;

        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    .solutions-chat-cards::-webkit-scrollbar {
        display: none;
    }

    .solutions-chat-card-slot {
        display: contents;
    }

    .solutions-chat-card {
        position: relative !important;
        inset: auto !important;

        flex: 0 0 70vw;

        display: flex !important;
        flex-direction: column !important;
        align-self: flex-start;

        width: 70vw;
        max-width: none;
        min-width: 0;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        gap: 0.75rem;

        overflow: visible !important;

        scroll-snap-align: center;
        scroll-snap-stop: always;

        opacity: 0.4;
        transform: scale(0.85);
        transform-origin: center center;

        transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.35s ease;

        will-change: transform, opacity;
    }

    .solutions-chat-card.is-active {
        opacity: 1;
        transform: scale(1);
    }

    .solutions-chat-card__top,
    .solutions-chat-card__bottom,
    .solutions-chat-card.is-answer
    .solutions-chat-card__top,
    .solutions-chat-card.is-answer
    .solutions-chat-card__bottom {
        position: relative !important;
        inset: auto !important;

        grid-area: auto !important;
        align-self: stretch !important;

        width: 100%;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;

        overflow: visible !important;

        transition: none !important;
    }

    .solutions-chat-card__top,
    .solutions-chat-card__bottom {
        z-index: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .solutions-chat-card,
    .solutions-chat-card__top,
    .solutions-chat-card__bottom {
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}

.light-slider__cards {
    --light-slider-gap: 0.25rem;
    --light-slider-duration: 40s;

    display: flex;
    align-items: stretch;
    gap: var(--light-slider-gap);

    width: 100vw;
    max-width: none;

    overflow: hidden;
}

.light-slider__track {
    padding: 0;
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    gap: var(--light-slider-gap);

    width: max-content;

    animation-name: light-slider-scroll;
    animation-duration: var(--light-slider-duration);
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    will-change: transform;
}

.light-slider__track > .amazing-card {
    flex: 0 0 auto;
}

@keyframes light-slider-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(
                calc(-100% - var(--light-slider-gap)),
                0,
                0
        );
    }
}

@media screen and (max-width: 767px) {
    .light-slider__cards {
        --light-slider-duration: 60s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .light-slider__track {
        animation-play-state: paused;
    }
}

.mira__progress-bar {
    background-image: linear-gradient(
            to bottom,
            #e0e0e0 0%,
            #e0e0e0 60%,
            transparent 60%,
            transparent 100%
    );

    background-size: 100% 1.25rem;
    background-repeat: repeat-y;
}

@media screen and (min-width: 768px) {
    .reminder-card__switcher {
        position: relative;
        display: grid;
        overflow: hidden;

        transition: height 0.8s cubic-bezier(0.22, 1, 0.36, 1);

        will-change: height;
    }

    .reminder-card__switcher > .mira-section__subtitle,
    .reminder-card__switcher > .reminder-card__list {
        grid-area: 1 / 1;
        align-self: start;
        min-width: 0;

        will-change: opacity, transform;
    }

    .reminder-card__switcher > .mira-section__subtitle {
        position: relative;
        z-index: 2;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translateY(0);

        transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.3s ease 0.08s,
        visibility 0s linear;
    }

    .reminder-card__switcher > .reminder-card__list {
        position: relative;
        z-index: 1;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateY(2.5rem);

        transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.3s ease,
        visibility 0s linear 0.75s;
    }

    .reminder-card.is-list-visible
    .reminder-card__switcher
    > .mira-section__subtitle {
        z-index: 1;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateY(-2.5rem);

        transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.25s ease,
        visibility 0s linear 0.75s;
    }

    .reminder-card.is-list-visible
    .reminder-card__switcher
    > .reminder-card__list {
        z-index: 2;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translateY(0);

        transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.04s,
        opacity 0.35s ease 0.1s,
        visibility 0s linear;
    }
}

@media screen and (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .reminder-card__switcher,
    .reminder-card__switcher > .mira-section__subtitle,
    .reminder-card__switcher > .reminder-card__list {
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}

.sol-hero__button-wrapper .n-hero__button-inner .button,
.integration-hero .n-hero__button-inner .button {
    color: var(--color-telegram);
    background-color: #ffffff;
}

.use-cases-tabs-menu {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.use-cases-tabs-menu::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.group-chats__button-wrapper .button {
    background-image: linear-gradient(to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 185, 255, 0.57) 30%,
    rgba(0, 185, 255, 1) 52%,
    rgba(0, 185, 255, 0.48) 70%,
    rgba(255, 255, 255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 55% 100%;
    background-position: 10% 0;
}

.faq-button-wrapper .faq-button {
    margin-left: 0;
    font-weight: 600;
}

.blog-listing-card__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.n-cta-inner .button[data-wf--button--variant*="new-secondary"] {
    color: var(--color-text);
}

@media screen and (max-width: 767px) {
    .n-home-blog-listing-cards {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

.bg-animate {
    animation: bg-animate-rotate 20s linear infinite;
}

@keyframes bg-animate-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.solutions-hero-image,
#w-node-_109c4a83-e58d-4896-205c-6fe98856b717-f238574b {
    place-self: center;
}

#w-node-_9aa4c766-adeb-ec7d-1ad0-e53b3cf95fbe-f238574b {
    align-self: stretch;
}

#w-node-_472722df-abc6-ba5a-7be4-1772891af086-f238574b {
    justify-self: end;
}

#w-node-_472722df-abc6-ba5a-7be4-1772891af08c-f238574b,
#w-node-_472722df-abc6-ba5a-7be4-1772891af087-f238574b {
    justify-self: center;
}

#w-node-_472722df-abc6-ba5a-7be4-1772891af08d-f238574b {
    justify-self: start;
}

#w-node-_294972ea-34a2-f7a5-2a04-7585d01abdbc-f238574b {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.solutions-work-card.fade-in-on-scroll {
    flex: 0 auto;
}

.solutions-work-card.w-variant-aced2ff0-974f-6730-acab-69dba73bb089 .solutions-work-card__content,
.solutions-work-card[data-wf--how-works-card--variant="reverse"] .solutions-work-card__content {
    justify-self: end;
}

.flex-block {
    flex: 0 auto;
}

@media screen and (max-width: 767px) {
    #w-node-_472722df-abc6-ba5a-7be4-1772891af086-f238574b {
        justify-self: end;
    }

    #w-node-_472722df-abc6-ba5a-7be4-1772891af08c-f238574b,
    #w-node-_472722df-abc6-ba5a-7be4-1772891af087-f238574b {
        justify-self: center;
    }

    #w-node-_472722df-abc6-ba5a-7be4-1772891af08d-f238574b {
        justify-self: start;
    }

    #w-node-_294972ea-34a2-f7a5-2a04-7585d01abdbc-f238574b {
        grid-area: span 1 / span 4 / span 1 / span 4;
        justify-self: stretch;
    }
}