.wrap {
    font-size: 27px;
}

.noHover {
    pointer-events: none;
}

@media (max-width: 768px) {
    .d-md-none {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .animate-ping {
        animation: none;
    }
}

.ltnt-testimonials {
    position: relative;
    overflow: hidden;
}

.ltnt-testimonial-track {
    display: flex;
    transition: transform .6s ease;
}

.ltnt-testimonial-item {
    min-width: 100%;
    padding: 2rem;
    box-sizing: border-box;
}

.ltnt-testimonial-nav {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: .5rem;
}

    .ltnt-testimonial-nav button {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        border: 1px solid rgba(99,102,241,.6);
        background: transparent;
        cursor: pointer;
    }

        .ltnt-testimonial-nav button.ltnt-active {
            background: rgba(99,102,241,1);
        }

.ltnt-logo-grid img {
    max-height: 48px;
    width: auto;
    opacity: .8;
    transition: opacity .2s;
}

    .ltnt-logo-grid img:hover {
        opacity: 1;
    }

.text-xxs {
    font-size: 10px;
    line-height: 1.2;
}

.ltnt-hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .ltnt-hide-scrollbar::-webkit-scrollbar {
        display: none;
    }

.ltnt-arrow-chip {
    background: #5047e594;
}

.ltnt-net-chip {
    background: linear-gradient(90deg, #2225612e 0%, #4f46e5d9 100%);
}

.typewrite-new, .typewrite-new .wrap {
    border-right: none !important;
}

    .typewrite-new .wrap {
        display: inline-block;
        opacity: 0;
        transform: translateX(0);
        clip-path: inset(0 100% 0 0);
        transition: clip-path .7s ease, opacity .45s ease, transform .7s ease;
        will-change: clip-path, opacity, transform;
    }

        .typewrite-new .wrap.is-visible {
            opacity: 1;
            clip-path: inset(0 0 0 0);
            transform: translateX(0);
        }

@media (prefers-reduced-motion: reduce) {
    .typewrite-new .wrap {
        transition: none;
        clip-path: none;
    }
}

.title {
    font: 800 38px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial;
    fill: #E5E7EB;
}

.label {
    font-size: 14px;
    fill: #878787;
}

@media (max-width: 660px) {
    .label {
        font-size: 24px;
        fill: #878787;
    }
}

.small {
    font-size: 12px;
    fill: #878787;
}

@media (max-width: 660px) {
    .small {
        font-size: 20px;
        fill: #878787;
    }
}

.panel {
    fill: #0F172A;
    stroke: #334155;
    stroke-width: 2;
    rx: 18;
}

.box {
    fill: #0B1220;
    stroke: #475569;
    stroke-width: 2;
    rx: 12;
}

.app {
    fill: #0F172A;
    stroke: #A78BFA;
    stroke-width: 2;
    rx: 14;
}

.cube {
    fill: #0F172A;
    stroke: #4F46E5;
    stroke-width: 2;
    rx: 12;
}

.flowP {
    stroke: url(#grad-purple);
    stroke-width: 6;
    fill: none;
    stroke-linecap: round;
}

.flowC {
    stroke: url(#grad-cyan);
    stroke-width: 6;
    fill: none;
    stroke-linecap: round;
}

.dash {
    stroke-dasharray: 12 12;
}

.flowAnim {
    stroke-dasharray: 18 12;
    animation: flow 2.2s linear infinite;
}

@keyframes flow {
    to {
        stroke-dashoffset: -240;
    }
}