.elementor-2301 .elementor-element.elementor-element-382e426d{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2301 .elementor-element.elementor-element-15faeb18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-2301 .elementor-element.elementor-element-7c5ed1d9{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2301 .elementor-element.elementor-element-25dfa635{background-color:#FFFFFFD9;padding:2px 16px 2px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0171FB40;border-radius:32px 32px 32px 32px;}.elementor-2301 .elementor-element.elementor-element-25dfa635.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-25dfa635 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:0.2px;}.elementor-2301 .elementor-element.elementor-element-196f9e45.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-196f9e45{text-align:start;}.elementor-2301 .elementor-element.elementor-element-196f9e45 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-text );}.elementor-2301 .elementor-element.elementor-element-17409beb{--display:flex;}.elementor-2301 .elementor-element.elementor-element-17409beb.e-con{--align-self:flex-end;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2301 .elementor-element.elementor-element-7896c021{width:100%;max-width:100%;text-align:justify;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:var( --e-global-color-text );}.elementor-2301 .elementor-element.elementor-element-7896c021.elementor-element{--align-self:center;}.elementor-2301 .elementor-element.elementor-element-4c51d261{--display:flex;}.elementor-2301 .elementor-element.elementor-element-1aac056e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2301 .elementor-element.elementor-element-1abe2172{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F7;--border-color:#E1E8F7;--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2301 .elementor-element.elementor-element-1abe2172:not(.elementor-motion-effects-element-type-background), .elementor-2301 .elementor-element.elementor-element-1abe2172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FF;}.elementor-2301 .elementor-element.elementor-element-22062a5f{background-color:#FFFFFFD9;padding:2px 16px 2px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0171FB40;border-radius:32px 32px 32px 32px;}.elementor-2301 .elementor-element.elementor-element-22062a5f.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-22062a5f .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:0.2px;}.elementor-2301 .elementor-element.elementor-element-5a22d976.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-5a22d976 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:32px;color:var( --e-global-color-text );}.elementor-2301 .elementor-element.elementor-element-4bb8f702{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-2301 .elementor-element.elementor-element-1e635b38{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F7;--border-color:#E1E8F7;--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2301 .elementor-element.elementor-element-3a2f7aad{background-color:#FFFFFFD9;padding:2px 16px 2px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0171FB40;border-radius:32px 32px 32px 32px;}.elementor-2301 .elementor-element.elementor-element-3a2f7aad.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-3a2f7aad .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:0.2px;}.elementor-2301 .elementor-element.elementor-element-f08ba58.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-f08ba58 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:32px;color:var( --e-global-color-text );}.elementor-2301 .elementor-element.elementor-element-1090a80b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-2301 .elementor-element.elementor-element-36bb8499{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F7;--border-color:#E1E8F7;--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2301 .elementor-element.elementor-element-4dae01db{background-color:#FFFFFFD9;padding:2px 16px 2px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0171FB40;border-radius:32px 32px 32px 32px;}.elementor-2301 .elementor-element.elementor-element-4dae01db.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-4dae01db .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:0.2px;}.elementor-2301 .elementor-element.elementor-element-4e6ecc8c.elementor-element{--align-self:flex-start;}.elementor-2301 .elementor-element.elementor-element-4e6ecc8c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:32px;color:var( --e-global-color-accent );}.elementor-2301 .elementor-element.elementor-element-e6bbe8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-accent );}@media(max-width:1125px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2301 .elementor-element.elementor-element-196f9e45 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2301 .elementor-element.elementor-element-4bb8f702{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2301 .elementor-element.elementor-element-1090a80b{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2301 .elementor-element.elementor-element-e6bbe8a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-2301 .elementor-element.elementor-element-382e426d{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2301 .elementor-element.elementor-element-196f9e45 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2301 .elementor-element.elementor-element-1aac056e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2301 .elementor-element.elementor-element-1abe2172{--padding-top:24px;--padding-bottom:24px;--padding-left:12px;--padding-right:12px;}.elementor-2301 .elementor-element.elementor-element-4bb8f702{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2301 .elementor-element.elementor-element-1e635b38{--padding-top:24px;--padding-bottom:24px;--padding-left:12px;--padding-right:12px;}.elementor-2301 .elementor-element.elementor-element-1090a80b{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2301 .elementor-element.elementor-element-36bb8499{--padding-top:24px;--padding-bottom:24px;--padding-left:12px;--padding-right:12px;}.elementor-2301 .elementor-element.elementor-element-e6bbe8a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-2301 .elementor-element.elementor-element-7c5ed1d9{--width:56%;}.elementor-2301 .elementor-element.elementor-element-17409beb{--width:44%;}.elementor-2301 .elementor-element.elementor-element-1abe2172{--width:32.5%;}.elementor-2301 .elementor-element.elementor-element-1e635b38{--width:32.5%;}.elementor-2301 .elementor-element.elementor-element-36bb8499{--width:32.5%;}}/* Start custom CSS for html, class: .elementor-element-52f03291 *//* =========================
   MINI WEBSITE / APP PREVIEW
   ========================= */

.mv {
    position: relative;
    width: 100%;
    height: 200px;
    flex: none;
    min-width: 0;
}


/* =========================
   BROWSER WINDOW
   ========================= */

.mv-build .win {
    position: absolute;
    inset: 0;

    overflow: hidden;

    background: #ffffff;
    border: 1px solid #e1e8f7;
    border-radius: 14px;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.04),
        0 8px 18px rgba(16, 24, 40, 0.06),
        0 20px 40px -20px rgba(33, 71, 232, 0.24);

    transition:
        transform 300ms cubic-bezier(.16, 1, .3, 1),
        box-shadow 300ms cubic-bezier(.16, 1, .3, 1);
}


/* Optional hover effect */

@media (hover: hover) {

    .mv-build:hover .win {
        transform: translateY(-3px);

        box-shadow:
            0 2px 4px rgba(16, 24, 40, 0.04),
            0 12px 24px rgba(16, 24, 40, 0.08),
            0 28px 48px -20px rgba(33, 71, 232, 0.28);
    }

}


/* =========================
   BROWSER TOP BAR
   ========================= */

.win-bar {
    position: relative;

    display: flex;
    align-items: center;

    gap: 6px;

    min-height: 38px;
    padding: 7px 10px;

    background: #fafbff;

    border-bottom: 1px solid #e1e8f7;
}


/* Browser dots wrapper */

.win-dots {
    display: flex;
    align-items: center;
    gap: 5px;

    flex: none;
}


/* Browser dots */

.dot {
    display: block;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #d3dcf2;
}


/* Slightly nicer Mac-style dots */

.dot:nth-child(1) {
    background: #ff6b6b;
}

.dot:nth-child(2) {
    background: #f6c453;
}

.dot:nth-child(3) {
    background: #4dcc8a;
}


/* =========================
   URL BAR
   ========================= */

.url {
    flex: 1;

    min-width: 0;

    margin-left: 5px;

    padding: 6px 9px;

    overflow: hidden;

    color: #667085;

    background: #ffffff;

    border: 1px solid #e1e8f7;
    border-radius: 6px;

    font:
        500 10px/1
        'JetBrains Mono',
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    white-space: nowrap;
    text-overflow: ellipsis;

    box-shadow:
        inset 0 1px 2px rgba(16, 24, 40, 0.025);
}


/* =========================
   APP BODY
   ========================= */

.mb-body {
    display: grid;

    grid-template-columns: 48px minmax(0, 1fr);

    height: calc(100% - 38px);

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcff 100%
        );
}


/* =========================
   SIDEBAR
   ========================= */

.mb-side {
    display: grid;

    align-content: start;

    gap: 10px;

    padding: 14px 10px;

    background: #fbfcff;

    border-right: 1px solid #e1e8f7;
}


/* =========================
   SKELETON ITEMS
   ========================= */

.sk {
    display: block;

    width: 100%;
    height: 7px;

    border-radius: 999px;

    background: #e6ecfa;
}


.sk.b {
    background: #3563ff;
}


.sk.d {
    background: #cbd6f3;
}


/* Main title */

.mb-title {
    width: 46% !important;
    height: 9px !important;
}


/* Short paragraph */

.mb-short {
    width: 70% !important;
}


/* =========================
   MAIN CONTENT
   ========================= */

.mb-main {
    display: grid;

    align-content: start;

    gap: 9px;

    min-width: 0;

    padding: 15px 16px;
}


/* =========================
   DASHBOARD CARDS
   ========================= */

.mb-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin-top: 5px;
}


.mb-grid b {
    position: relative;

    display: block;

    height: 48px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #edf2ff 0%,
            #e5ebff 100%
        );

    border: 1px solid #e2e9fb;
    border-radius: 9px;
}


/* Fake content inside cards */

.mb-grid b::before {
    content: "";

    position: absolute;

    top: 10px;
    left: 10px;

    width: 42%;
    height: 5px;

    background: #cbd7fa;

    border-radius: 999px;
}


.mb-grid b::after {
    content: "";

    position: absolute;

    top: 22px;
    left: 10px;

    width: 65%;
    height: 9px;

    background: #d8e1fb;

    border-radius: 3px;
}


/* =========================
   FLOATING CHIPS
   ========================= */

.mv-chip {
    position: absolute;

    z-index: 5;

    top: 56px;
    right: -7px;

    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding: 8px 10px;

    color: #ffffff;

    background: #101828;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;

    font:
        500 10px/1
        'JetBrains Mono',
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    white-space: nowrap;

    box-shadow:
        0 3px 8px rgba(16, 24, 40, 0.12),
        0 14px 30px -12px rgba(16, 24, 40, 0.32);

    transition:
        transform 250ms cubic-bezier(.16, 1, .3, 1),
        box-shadow 250ms ease;
}


/* Small status dot */

.chip-dot {
    display: block;

    width: 5px;
    height: 5px;

    flex: none;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 0 0 3px rgba(255, 255, 255, 0.12);
}


/* Second chip */

.mv-chip.c2 {
    top: auto;
    right: auto;

    bottom: 18px;
    left: -7px;

    background: #3563ff;

    box-shadow:
        0 3px 8px rgba(53, 99, 255, 0.18),
        0 14px 30px -12px rgba(53, 99, 255, 0.45);
}


/* Hover animation */

@media (hover: hover) {

    .mv-build:hover .mv-chip {
        transform: translateX(3px);
    }

    .mv-build:hover .mv-chip.c2 {
        transform: translateX(-3px);
    }

}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 768px) {

    .mv {
        height: 190px;
    }

    .mv-build .win {
        border-radius: 12px;
    }

    .mb-body {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .mb-side {
        padding:
            13px
            9px;
    }

    .mb-main {
        padding:
            14px
            13px;
    }

    .mv-chip {
        right: 8px;
        top: 54px;
    }

    .mv-chip.c2 {
        left: 8px;
        bottom: 12px;
    }

}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 480px) {

    .mv {
        height: 175px;
    }


    /* Browser */

    .mv-build .win {
        border-radius: 11px;

        box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.04),
            0 12px 28px -14px rgba(33, 71, 232, 0.22);
    }


    /* Browser bar */

    .win-bar {
        min-height: 34px;

        padding:
            6px
            8px;

        gap: 4px;
    }


    .win-dots {
        gap: 4px;
    }


    .dot {
        width: 6px;
        height: 6px;
    }


    /* URL */

    .url {
        margin-left: 3px;

        padding:
            5px
            7px;

        font-size: 8.5px;

        border-radius: 5px;
    }


    /* App body */

    .mb-body {
        height: calc(100% - 34px);

        grid-template-columns:
            37px
            minmax(0, 1fr);
    }


    /* Sidebar */

    .mb-side {
        gap: 8px;

        padding:
            11px
            7px;
    }


    .mb-side .sk {
        height: 5px;
    }


    /* Main */

    .mb-main {
        gap: 7px;

        padding:
            12px
            10px;
    }


    .sk {
        height: 6px;
    }


    .mb-title {
        height: 7px !important;
    }


    /* Cards */

    .mb-grid {
        gap: 6px;

        margin-top: 3px;
    }


    .mb-grid b {
        height: 41px;

        border-radius: 7px;
    }


    .mb-grid b::before {
        top: 8px;
        left: 7px;

        height: 4px;
    }


    .mb-grid b::after {
        top: 18px;
        left: 7px;

        height: 7px;
    }


    /* Chips stay INSIDE on mobile */

    .mv-chip {
        top: 47px;
        right: 7px;

        gap: 5px;

        padding:
            6px
            7px;

        font-size: 8px;

        border-radius: 6px;
    }


    .mv-chip.c2 {
        left: 7px;
        right: auto;

        bottom: 9px;
    }


    .chip-dot {
        width: 4px;
        height: 4px;
    }

}


/* ==========================================
   VERY SMALL MOBILE
   ========================================== */

@media (max-width: 360px) {

    .mv {
        height: 165px;
    }

    .mb-body {
        grid-template-columns:
            33px
            minmax(0, 1fr);
    }

    .mb-side {
        padding:
            10px
            6px;
    }

    .mb-main {
        padding:
            10px
            8px;
    }

    .mb-grid {
        gap: 5px;
    }

    .mb-grid b {
        height: 37px;
    }

    .mv-chip {
        font-size: 7.5px;

        padding:
            5px
            6px;
    }

}


/* ==========================================
   ACCESSIBILITY
   ========================================== */

@media (prefers-reduced-motion: reduce) {

    .mv-build .win,
    .mv-chip {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1abe2172 */.elementor-2301 .elementor-element.elementor-element-1abe2172{
    box-shadow: 0 1px 2px rgba(16,24,40,.06),0 14px 32px -14px rgba(33,71,232,.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f27ea41 *//* =========================================
   AUTOMATION WORKFLOW
   ========================================= */

.mv {
    position: relative;
    width: 100%;
    height: 200px;
    flex: none;
    min-width: 0;
}


/* Main layout */

.mv-auto {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    padding: 20px 6px;

    box-sizing: border-box;
}


/* =========================================
   WORKFLOW NODE
   ========================================= */

.auto-node {
    position: relative;

    width: 78px;
    height: 78px;

    flex: 0 0 78px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 7px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fafcff 100%
        );

    border: 1px solid #e1e8f7;
    border-radius: 17px;

    color: #667085;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.04),
        0 8px 18px rgba(16, 24, 40, 0.05),
        0 18px 34px -18px rgba(33, 71, 232, 0.25);

    transition:
        transform 280ms cubic-bezier(.16, 1, .3, 1),
        border-color 280ms ease,
        box-shadow 280ms ease;
}


/* Small status dot */

.auto-node::before {
    content: "";

    position: absolute;

    top: 8px;
    right: 8px;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #527cff;

    box-shadow:
        0 0 0 3px rgba(82, 124, 255, 0.10);
}


/* =========================================
   ICON
   ========================================= */

.auto-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    color: #2147e8;

    background: #eef2ff;

    border: 1px solid #dde5ff;
    border-radius: 9px;
}


.auto-icon svg {
    display: block;

    width: 18px;
    height: 18px;
}


/* =========================================
   LABEL
   ========================================= */

.auto-label {
    display: block;

    font:
        600 9px/1
        'JetBrains Mono',
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    letter-spacing: .07em;

    text-transform: uppercase;

    white-space: nowrap;
}


/* =========================================
   ACTION NODE
   ========================================= */

.auto-node.action .auto-icon {
    color: #3563ff;

    background: #edf2ff;

    border-color: #dce5ff;
}


/* =========================================
   SUCCESS NODE
   ========================================= */

.auto-node.success {
    color: #087a55;

    background:
        linear-gradient(
            145deg,
            #f3fcf7 0%,
            #e7f7ef 100%
        );

    border-color: #b7e4cd;

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.03),
        0 10px 24px -14px rgba(14, 159, 110, 0.28);
}


.auto-node.success::before {
    background: #0e9f6e;

    box-shadow:
        0 0 0 3px rgba(14, 159, 110, 0.12);
}


.auto-node.success .auto-icon {
    color: #0e9f6e;

    background: rgba(255, 255, 255, 0.75);

    border-color: #b7e4cd;
}


/* =========================================
   CONNECTOR
   ========================================= */

.auto-line {
    position: relative;

    flex: 1 1 44px;

    min-width: 24px;
    max-width: 72px;

    height: 18px;

    overflow: hidden;
}


/* Dashed base line */

.auto-line::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 0;
    right: 7px;

    height: 0;

    border-top: 2px dashed #b9c8f7;

    transform: translateY(-50%);
}


/* =========================================
   ANIMATED FLOW DOT
   ========================================= */

.auto-flow {
    position: absolute;

    z-index: 2;

    top: 50%;
    left: 0;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #3563ff;

    box-shadow:
        0 0 0 3px rgba(53, 99, 255, 0.10),
        0 0 8px rgba(53, 99, 255, 0.35);

    transform: translateY(-50%);

    animation: autoFlow 2.1s ease-in-out infinite;
}


.auto-flow.delay {
    animation-delay: 1.05s;
}


/* Moving flow animation */

@keyframes autoFlow {

    0% {
        left: 0;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 12px);
        opacity: 0;
    }

}


/* =========================================
   CONNECTOR ARROW
   ========================================= */

.auto-arrow {
    position: absolute;

    z-index: 3;

    top: 50%;
    right: 0;

    width: 11px;
    height: 11px;

    color: #527cff;

    transform: translateY(-50%);
}


/* =========================================
   DESKTOP HOVER
   ========================================= */

@media (hover: hover) {

    .auto-node:hover {
        transform: translateY(-4px);

        border-color: #c9d6fa;

        box-shadow:
            0 2px 4px rgba(16, 24, 40, 0.04),
            0 12px 24px rgba(16, 24, 40, 0.07),
            0 26px 42px -20px rgba(33, 71, 232, 0.30);
    }


    .auto-node.success:hover {
        border-color: #9dd9bb;

        box-shadow:
            0 2px 4px rgba(16, 24, 40, 0.03),
            0 18px 32px -18px rgba(14, 159, 110, 0.30);
    }

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 768px) {

    .mv-auto {
        padding:
            18px
            8px;
    }


    .auto-node {
        width: 72px;
        height: 72px;

        flex-basis: 72px;

        border-radius: 15px;
    }


    .auto-icon {
        width: 29px;
        height: 29px;

        border-radius: 8px;
    }


    .auto-icon svg {
        width: 17px;
        height: 17px;
    }


    .auto-label {
        font-size: 8.5px;
    }


    .auto-line {
        min-width: 20px;
        max-width: 55px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 480px) {

    .mv {
        height: 170px;
    }


    .mv-auto {
        padding:
            16px
            4px;
    }


    /* Nodes */

    .auto-node {
        width: 64px;
        height: 64px;

        flex: 0 0 64px;

        gap: 5px;

        border-radius: 13px;

        box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.04),
            0 10px 24px -15px rgba(33, 71, 232, 0.24);
    }


    .auto-node::before {
        top: 6px;
        right: 6px;

        width: 4px;
        height: 4px;
    }


    /* Icon */

    .auto-icon {
        width: 26px;
        height: 26px;

        border-radius: 7px;
    }


    .auto-icon svg {
        width: 15px;
        height: 15px;
    }


    /* Label */

    .auto-label {
        font-size: 7.5px;

        letter-spacing: .055em;
    }


    /* Connector */

    .auto-line {
        flex: 1 1 24px;

        min-width: 14px;
        max-width: 42px;
    }


    .auto-line::before {
        right: 5px;

        border-top-width: 1.5px;
    }


    .auto-arrow {
        width: 9px;
        height: 9px;
    }


    .auto-flow {
        width: 5px;
        height: 5px;
    }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 360px) {

    .mv {
        height: 155px;
    }


    .mv-auto {
        padding:
            14px
            2px;
    }


    .auto-node {
        width: 57px;
        height: 57px;

        flex-basis: 57px;

        border-radius: 11px;

        gap: 4px;
    }


    .auto-icon {
        width: 23px;
        height: 23px;

        border-radius: 6px;
    }


    .auto-icon svg {
        width: 13px;
        height: 13px;
    }


    .auto-label {
        font-size: 6.8px;

        letter-spacing: .04em;
    }


    .auto-line {
        min-width: 11px;
    }


    .auto-node::before {
        width: 3px;
        height: 3px;
    }

}
/* Same height as Website Preview */
.mv-auto {
    height: 200px;
    min-height: 200px;
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 768px) {
    .mv-auto {
        height: 190px;
        min-height: 190px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .mv-auto {
        height: 175px;
        min-height: 175px;
    }
}

/* Very Small Mobile */
@media (max-width: 360px) {
    .mv-auto {
        height: 165px;
        min-height: 165px;
    }
}

/* =========================================
   REDUCED MOTION
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .auto-flow {
        animation: none;

        left: 50%;
        opacity: 1;
    }


    .auto-node {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e635b38 */.elementor-2301 .elementor-element.elementor-element-1e635b38{
    background: #fff radial-gradient(#E1E8F7
 1px,transparent 1px) 0 0/16px 16px;
    box-shadow: 0 1px 2px rgba(16,24,40,.06),0 14px 32px -14px rgba(33,71,232,.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-637e1d7 *//* =========================================
   GROWTH / SEO VISUAL
========================================= */

.mv-grow{
    position:relative;
    width:100%;
    height:200px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    gap:9px;

    box-sizing:border-box;
}


/* =========================================
   SEARCH
========================================= */

.growth-search{
    position:relative;

    width:100%;
    margin:0 auto;

    display:flex;
    align-items:center;

    gap:8px;

    padding:7px 7px 7px 11px;

    background:#fff;

    border:1px solid #DCE4F3;
    border-radius:10px;

    box-shadow:
        0 1px 2px rgba(16,24,40,.04),
        0 8px 22px -14px rgba(33,71,232,.22);

    box-sizing:border-box;
}


.growth-search > svg{
    width:15px;
    height:15px;

    flex:none;

    color:#667085;
}


.growth-search > span{
    flex:1;

    min-width:0;

    overflow:hidden;

    white-space:nowrap;
    text-overflow:ellipsis;

    color:#475467;

    font:
        500 9px/1.2
        'JetBrains Mono',
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;
}


.search-action{
    width:24px;
    height:24px;

    flex:none;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    background:#3563FF;

    border-radius:6px;

    box-shadow:
        0 5px 12px -5px
        rgba(53,99,255,.55);
}


.search-action svg{
    width:12px;
    height:12px;
}


/* =========================================
   RESULTS
========================================= */

.growth-results{
    position:relative;

    width:96%;
    height:75px;

    margin:0 auto;
}


/* main result */

.growth-result.featured{
    position:absolute;

    z-index:2;

    top:0;
    left:0;

    width:76%;

    padding:8px 9px;

    background:#fff;

    border:1px solid #DCE5F7;
    border-radius:9px;

    box-shadow:
        0 2px 5px rgba(16,24,40,.04),
        0 12px 25px -16px rgba(33,71,232,.24);

    box-sizing:border-box;
}


/* blue accent */

.growth-result.featured::before{
    content:"";

    position:absolute;

    left:-1px;
    top:12px;

    width:3px;
    height:24px;

    background:#3563FF;

    border-radius:0 3px 3px 0;
}


/* =========================================
   RESULT TOP
========================================= */

.result-top{
    display:flex;
    align-items:center;

    gap:6px;
}


.favicon{
    width:19px;
    height:19px;

    flex:none;

    display:grid;
    place-items:center;

    color:#fff;

    background:#3563FF;

    border-radius:5px;

    font:
        700 8px/1
        'JetBrains Mono',
        monospace;
}


.result-meta{
    display:flex;
    flex-direction:column;

    flex:1;

    min-width:0;

    gap:2px;
}


.result-meta b{
    color:#344054;

    font:
        600 7px/1
        'JetBrains Mono',
        monospace;

    white-space:nowrap;
}


.result-meta small{
    color:#98A2B3;

    font:
        500 5.5px/1
        'JetBrains Mono',
        monospace;
}


/* =========================================
   RANK BADGE
========================================= */

.rank{
    display:flex;
    align-items:center;

    gap:2px;

    padding:4px 5px;

    color:#087A55;

    background:#E8F8F0;

    border:1px solid #C4EAD7;
    border-radius:5px;

    font:
        700 6px/1
        'JetBrains Mono',
        monospace;
}


.rank svg{
    width:9px;
    height:9px;
}


/* =========================================
   RESULT TITLE
========================================= */

.result-title{
    margin-top:6px;

    color:#2147E8;

    font:
        600 8px/1
        'JetBrains Mono',
        monospace;
}


/* fake description */

.result-lines{
    display:grid;

    gap:3px;

    margin-top:5px;
}


.result-lines i{
    display:block;

    width:90%;
    height:3px;

    background:#E3E9F5;

    border-radius:10px;
}


.result-lines i:last-child{
    width:63%;
}


/* =========================================
   BACK RESULT
========================================= */

.growth-result.ghost{
    position:absolute;

    z-index:1;

    right:0;
    bottom:0;

    width:62%;
    height:55px;

    padding:9px;

    background:#F8FAFF;

    border:1px solid #E3E9F5;
    border-radius:9px;

    transform:translateX(2px);

    box-sizing:border-box;
}


.ghost-head{
    display:flex;
    align-items:center;

    gap:5px;
}


.ghost-head i:first-child{
    width:15px;
    height:15px;

    flex:none;

    background:#DCE5F7;

    border-radius:4px;
}


.ghost-head i:last-child{
    width:46%;
    height:4px;

    background:#CCD7EC;

    border-radius:5px;
}


.ghost-lines{
    display:grid;

    gap:4px;

    margin-top:8px;
}


.ghost-lines i{
    width:85%;
    height:3px;

    background:#E1E7F2;

    border-radius:5px;
}


.ghost-lines i:last-child{
    width:57%;
}


/* =========================================
   PROGRESS JOURNEY
========================================= */

.growth-progress{
    width:88%;

    margin:1px auto 0;

    display:flex;
    align-items:flex-start;
}


/* STEP */

.progress-step{
    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:4px;

    flex:none;
}


.progress-step > span{
    position:relative;

    width:15px;
    height:15px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;

    border:2px solid #D6DFF1;
    border-radius:50%;

    box-sizing:border-box;
}


.progress-step > span svg{
    width:9px;
    height:9px;
}


/* labels */

.progress-step b{
    color:#98A2B3;

    font:
        600 6.5px/1
        'JetBrains Mono',
        monospace;

    letter-spacing:.04em;

    text-transform:uppercase;
}


/* complete */

.progress-step.complete > span{
    color:#fff;

    background:#3563FF;

    border-color:#3563FF;

    box-shadow:
        0 0 0 3px
        rgba(53,99,255,.08);
}


.progress-step.complete b{
    color:#fff;
}


/* current */

.progress-step.current > span{
    border-color:#3563FF;

    box-shadow:
        0 0 0 3px
        rgba(53,99,255,.09);
}


.progress-step.current > span::after{
    content:"";

    width:5px;
    height:5px;

    background:#3563FF;

    border-radius:50%;
}


.progress-step.current b{
    color:#fff;
}


/* =========================================
   PROGRESS LINE
========================================= */

.progress-line{
    position:relative;

    flex:1;

    height:15px;

    min-width:12px;
}


.progress-line::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:7px;

    height:2px;

    background:#E1E7F2;
}


.progress-line.complete::before{
    background:#3563FF;
}


/* animated final progress */

.progress-line.running{
    overflow:hidden;
}


.progress-line.running i{
    position:absolute;

    z-index:2;

    top:7px;
    left:-30%;

    width:35%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #3563FF,
            transparent
        );

    animation:
        growthFlow
        2s
        ease-in-out
        infinite;
}


@keyframes growthFlow{

    0%{
        left:-35%;
    }

    100%{
        left:100%;
    }

}


/* =========================================
   DESKTOP HOVER
========================================= */

@media (hover:hover){

    .growth-result.featured{
        transition:
            transform .28s cubic-bezier(.16,1,.3,1),
            box-shadow .28s ease;
    }


    .mv-grow:hover .growth-result.featured{
        transform:translateY(-2px);

        box-shadow:
            0 3px 7px rgba(16,24,40,.05),
            0 16px 30px -16px
            rgba(33,71,232,.3);
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width:768px){

    .mv-grow{
        height:190px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:480px){

    .mv-grow{
        height:175px;

        gap:7px;

        padding:8px 3px;
    }


    .growth-search{
        width:96%;

        padding:6px 6px 6px 9px;
    }


    .growth-search > span{
        font-size:7.8px;
    }


    .growth-results{
        width:91%;
        height:67px;
    }


    .growth-result.featured{
        width:78%;

        padding:7px 8px;
    }


    .growth-result.ghost{
        width:61%;
        height:49px;
    }


    .result-title{
        font-size:7px;
    }


    .growth-progress{
        width:91%;
    }


    .progress-step b{
        font-size:5.8px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width:360px){

    .mv-grow{
        height:165px;
    }


    .growth-search{
        width:97%;
    }


    .growth-search > span{
        font-size:7px;
    }


    .growth-results{
        width:93%;
        height:63px;
    }


    .growth-result.featured{
        width:80%;
    }


    .growth-result.ghost{
        width:58%;
    }


    .rank{
        padding:3px 4px;
    }


    .progress-step b{
        font-size:5.3px;
    }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion:reduce){

    .progress-line.running i{
        animation:none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36bb8499 */.elementor-2301 .elementor-element.elementor-element-36bb8499{
   background: linear-gradient(160deg,#2147E8
,#3563FF
);
    box-shadow: 0 1px 2px rgba(16,24,40,.06),0 14px 32px -14px rgba(33,71,232,.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1aac056e */.win {
    background: #fff;
    border: 1px solid #E1E8F7
;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(16,24,40,.05),0 28px 56px -24px rgba(16,24,40,.3)
;
    overflow: hidden;
}/* End custom CSS */