:root {
    --color-primary: oklch(0.54 0.25 292.96);
    --color-secondary: oklch(0.577 0.245 27.325);
    --color-info: oklch(0.769 0.188 70.08);
    --color-success: oklch(0.696 0.17 162.48);
    --color-warning: oklch(0.54 0.25 292.96);
    --color-danger: oklch(0.577 0.245 27.325);
    --color-light: oklch(0.92 0.01 260);
    --color-dark: oklch(0.129 0.042 264.695);

    --font-sans: SuisseIntl,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        'Noto Sans',
        sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        'Noto Color Emoji';
    --font-mono: SuisseIntlMono,
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        'Liberation Mono',
        'Courier New',
        monospace;
}


*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

html {
    scroll-behavior: smooth;
}

#preloader {
    position: fixed;
    inset: 0;
    display: grid;
    place-content: center;
    background: #ede9fe;
    /* or brand colour */
    z-index: 9999;
    transition: opacity .3s ease;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* press animation */
.press-scale-down {
    transition: transform 0.2s ease;
}

.press-scale-down:active {
    transform: scale(0.95);
}

/*Offcanvas Sidebar*/
.off-canvas-toggle-cover {
    position: absolute;
    z-index: 300;
}

#sidebar-wrapper {
    height: 100%;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    width: 0;
    z-index: 1009;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    top: 0;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
}

.position-midded {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

#sidebar-wrapper.position-right {
    right: 0;
    left: unset;
}

.canvas-opened #sidebar-wrapper {
    width: 350px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.canvas-opened #off-canvas-toggle span {
    background: none;
}

.canvas-opened #off-canvas-toggle span::after {
    top: -4px;
    width: 15px;
    transform: rotate(-45deg);
}

.canvas-opened #off-canvas-toggle span::before {
    top: -4px;
    width: 15px;
    transform: rotate(45deg);
}

.sidebar-inner {
    display: table;
    height: 100%;
}

.dark-mark {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1003;
    width: 100%;
    height: 100%;
    background-color: oklch(0.54 0.25 292.96 / 0.33);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    transition: visibility 0s linear 0.3s, transform 0.3s ease, opacity 0.3s ease,
        -webkit-transform 0.3s ease;
}

.canvas-opened .dark-mark {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease,
        -webkit-transform 0.3s ease;
}

.transform-none {
    transform: none !important;
}

.section-hero-bg-gradient {
    background: radial-gradient(circle at 30% 50%, var(--color-primary) -200%, transparent 50%), radial-gradient(circle at 70% 60%, var(--color-success) -200%, transparent 50%);
}

.section-hero-mobile-bg-gradient {
    background: radial-gradient(circle at 15% 15%, var(--color-success) -200%, transparent 70%), radial-gradient(circle at 85% 85%, var(--color-primary) -200%, transparent 70%);
}

.section-stats-bg-gradient {
    background: radial-gradient(circle at 30% 50%, var(--color-info) -200%, transparent 50%), radial-gradient(circle at 70% 60%, var(--color-primary) -200%, transparent 40%);
}

.section-stats-mobile-bg-gradient {
    background: radial-gradient(circle at 15% 15%, var(--color-info) -200%, transparent 60%), radial-gradient(circle at 85% 85%, var(--color-primary) -200%, transparent 70%);
}

.section-features-bg-gradient {
    background: radial-gradient(at 40% 40%, var(--color-primary) -200%, transparent 50%), radial-gradient(at 60% 60%, var(--color-secondary) -200%, transparent 50%);
}

.section-faq-bg-gradient {
    background: radial-gradient(at 40% 40%, var(--color-primary) -200%, transparent 50%), radial-gradient(at 60% 60%, var(--color-secondary) -200%, transparent 50%);
}

.section-faq-mobile-bg-gradient {
    background: radial-gradient(circle at 15% 15%, var(--color-secondary) -200%, transparent 50%), radial-gradient(circle at 85% 85%, var(--color-primary) -200%, transparent 60%);
}

.section-app-download-bg-gradient {
    background: radial-gradient(circle at 30% 50%, var(--color-primary) -200%, transparent 50%), radial-gradient(circle at 70% 60%, var(--color-success) -200%, transparent 50%);
}

.section-app-download-mobile-bg-gradient {
    background: radial-gradient(circle at 15% 15%, var(--color-primary) -200%, transparent 70%), radial-gradient(circle at 85% 85%, var(--color-success) -200%, transparent 70%);
}

.section-newsletter-bg-gradient {
    background: radial-gradient(circle at 30% 50%, var(--color-info) -200%, transparent 55%), radial-gradient(circle at 70% 60%, var(--color-primary) -200%, transparent 55%);
}

.section-newsletter-mobile-bg-gradient {
    background: radial-gradient(circle at 15% 15%, var(--color-primary) -200%, transparent 60%), radial-gradient(circle at 85% 85%, var(--color-info) -200%, transparent 60%);
}

.section-partners-bg-gradient {
    background: radial-gradient(circle at 30% 50%, var(--color-success) -200%, transparent 50%), radial-gradient(circle at 70% 60%, var(--color-primary) -200%, transparent 50%);
}

.section-partners-mobile-bg-gradient {
    background: radial-gradient(circle at 15% 15%, var(--color-success) -200%, transparent 70%), radial-gradient(circle at 85% 85%, var(--color-primary) -200%, transparent 70%);
}

.section-testimonials-bg-gradient {
    background: radial-gradient(at 40% 40%, var(--color-primary) -200%, transparent 30%), radial-gradient(at 60% 60%, var(--color-secondary) -200%, transparent 30%);
}

.section-workflow-bg-gradient {
    background: radial-gradient(farthest-side at 50% 100%, rgba(244, 106, 53) 0%, rgba(244, 106, 53, 0) 100%);
}

.section-contact-us-bg-gradient {
    background: radial-gradient(at 20% 40%, var(--color-primary) -200%, transparent 50%), radial-gradient(at 80% 60%, var(--color-secondary) -200%, transparent 50%);
}