.elementor-23214 .elementor-element.elementor-element-85c5572{--display:flex;}.elementor-23214 .elementor-element.elementor-element-6b77aa1{--display:flex;--justify-content:center;--border-radius:8px 8px 8px 8px;--padding-top:25px;--padding-bottom:15px;--padding-left:35px;--padding-right:18px;}.elementor-23214 .elementor-element.elementor-element-6b77aa1:not(.elementor-motion-effects-element-type-background), .elementor-23214 .elementor-element.elementor-element-6b77aa1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1E33;}.elementor-23214 .elementor-element.elementor-element-6b77aa1.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-23214 .elementor-element.elementor-element-11b29c8{font-family:"Metrophobic", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-23214 .elementor-element.elementor-element-33eec8d{color:#828282;}.elementor-23214 .elementor-element.elementor-element-d95aba1{--display:flex;--justify-content:center;--border-radius:8px 8px 8px 8px;--padding-top:25px;--padding-bottom:15px;--padding-left:35px;--padding-right:18px;}.elementor-23214 .elementor-element.elementor-element-d95aba1:not(.elementor-motion-effects-element-type-background), .elementor-23214 .elementor-element.elementor-element-d95aba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8E0;}.elementor-23214 .elementor-element.elementor-element-d95aba1.e-con{--align-self:center;}.elementor-23214 .elementor-element.elementor-element-8d878f4{font-family:"Metrophobic", Sans-serif;font-weight:400;color:#0E9AA7;}.elementor-23214 .elementor-element.elementor-element-f7eff04{--display:flex;}.elementor-23214 .elementor-element.elementor-element-0208164{--display:flex;--min-height:660px;--justify-content:center;}.elementor-23214 .elementor-element.elementor-element-6581595{--display:flex;--min-height:510px;--justify-content:center;}.elementor-23214 .elementor-element.elementor-element-4e9e436{--display:flex;--min-height:330px;--justify-content:center;}.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 );color:var( --e-global-color-primary );}.elementor-23214 .elementor-element.elementor-element-37c175d .elementor-heading-title{font-family:"Metrophobic", Sans-serif;font-size:28px;font-weight:600;}.elementor-23214 .elementor-element.elementor-element-c623146{--display:flex;--min-height:300px;--justify-content:center;}.elementor-23214 .elementor-element.elementor-element-1317867 .elementor-heading-title{font-family:"Metrophobic", Sans-serif;font-size:26px;font-weight:600;}.elementor-23214 .elementor-element.elementor-element-921ebde{--display:flex;}.elementor-23214 .elementor-element.elementor-element-632fc97{--display:flex;}.elementor-23214 .elementor-element.elementor-element-5782658{--display:flex;}.elementor-23214 .elementor-element.elementor-element-9805b52{--display:flex;}.elementor-23214 .elementor-element.elementor-element-384615c{--display:flex;}.elementor-23214 .elementor-element.elementor-element-ef0538e{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-23214 .elementor-element.elementor-element-7756c08{--display:flex;--min-height:400px;--justify-content:center;}.elementor-23214 .elementor-element.elementor-element-cda3ade .elementor-heading-title{font-family:"Metrophobic", Sans-serif;font-size:28px;font-weight:600;}.elementor-23214 .elementor-element.elementor-element-9976dcc{--display:flex;}.elementor-23214 .elementor-element.elementor-element-3902049{--display:flex;--min-height:300px;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-23214 .elementor-element.elementor-element-3902049:not(.elementor-motion-effects-element-type-background), .elementor-23214 .elementor-element.elementor-element-3902049 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020D29;}.elementor-23214 .elementor-element.elementor-element-a82bdbe{text-align:center;}.elementor-23214 .elementor-element.elementor-element-a82bdbe .elementor-heading-title{font-family:"Metrophobic", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-23214 .elementor-element.elementor-element-b6e40d8{width:var( --container-widget-width, 54.536% );max-width:54.536%;--container-widget-width:54.536%;--container-widget-flex-grow:0;text-align:center;color:#B4B4B4;}.elementor-23214 .elementor-element.elementor-element-b6e40d8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-23214 .elementor-element.elementor-element-20f06d9{width:var( --container-widget-width, 50% );max-width:50%;background-color:#0B9676;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:5px 5px 5px 5px;text-align:center;}.elementor-23214 .elementor-element.elementor-element-20f06d9.elementor-element{--align-self:center;}.elementor-23214 .elementor-element.elementor-element-20f06d9 a{color:#FFFFFF;}@media(min-width:768px){.elementor-23214 .elementor-element.elementor-element-6b77aa1{--width:100%;}.elementor-23214 .elementor-element.elementor-element-d95aba1{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-6b77aa1 */.elementor-23214 .elementor-element.elementor-element-6b77aa1{
    position: relative;
    background: #fff;
    border-radius: 9px;
    overflow: hidden;
}

.elementor-23214 .elementor-element.elementor-element-6b77aa1::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #e08a2e;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95aba1 */.elementor-23214 .elementor-element.elementor-element-d95aba1{
    position: relative;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.elementor-23214 .elementor-element.elementor-element-d95aba1::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #0e9aa7;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d07d26d *//* =====================================================
   AI TIMELINE
   ===================================================== */

.ai-timeline {
    --timeline-navy: #08294d;
    --timeline-blue: #828282;
    --timeline-line: #d9dddd;
    --timeline-teal: #12a9b5;
    --timeline-bg: #ffffff;

    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}


/* =====================================================
   TIMELINE VERTICAL LINE
   ===================================================== */

.ai-timeline::before {
    content: "";
    position: absolute;

    left: 28px;
    top: 25px;
    bottom: 0;

    width: 2px;
    background: var(--timeline-line);

    z-index: 0;
}


/* =====================================================
   TIMELINE ITEM
   ===================================================== */

.ai-timeline-item {
    position: relative;

    display: grid;
    grid-template-columns: 58px 1fr;
    column-gap: 12px;

    margin: 0;
    padding: 0 0 42px 0;
}


/* =====================================================
   NUMBER CIRCLE
   ===================================================== */

.ai-timeline-number {
    position: relative;
    z-index: 2;

    width: 42px;
    height: 42px;

    margin-left: 7px;

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

    background: var(--timeline-navy);
    color: #ffffff;

    border-radius: 50%;

    font-family: metrophobic;
    font-size: 18px;
    font-weight: 700;

    line-height: 1;
}


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

.ai-timeline-content {
    min-width: 0;
    padding-top: 1px;
}


/* =====================================================
   HEADINGS
   ===================================================== */

.ai-timeline-content h2 {
    margin: 0 0 18px 0;

    color: #000000 ;

    font-family: metrophobic;
    font-size: 24px;
    font-weight: 700;

    line-height: 1.35;
}


/* =====================================================
   PARAGRAPHS
   ===================================================== */

.ai-timeline-content p {
    margin: 0 0 17px 0;

    color: var(--timeline-blue);

    font-family: metrophobic;
    font-size: 16px;
    font-weight: 400;

    line-height: 1.85;
}


/* =====================================================
   DASH LIST
   ===================================================== */

.ai-dash-list {
    list-style: none;

    margin: 4px 0 18px 0;
    padding: 0;
}


.ai-dash-list li {
    position: relative;

    margin: 0 0 5px 0;
    padding-left: 18px;

    color: var(--timeline-blue);

    font-family: metrophobic;
    font-size: 16px;
    line-height: 1.65;
}


/* Dash before each item */

.ai-dash-list li::before {
    content: "–";

    position: absolute;
    left: 0;
    top: 0;

    color: var(--timeline-teal);

    font-weight: 500;
}


/* =====================================================
   INFORMATION BOX
   ===================================================== */

.ai-info-box {
    margin-top: 14px;
    margin-bottom: 8px;

    padding: 18px 20px;

    background: #ffffff;

    border: 1px solid #d9dddd;
    border-left: 3px solid var(--timeline-teal);

    box-sizing: border-box;
}


.ai-info-label {
    margin-bottom: 8px;

    color: var(--timeline-teal);

    font-family: metrophobic;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.5px;
    text-transform: uppercase;
}


.ai-info-box p {
    margin: 0;

    color: var(--timeline-blue);

    font-size: 16px;
    line-height: 1.5;
}


/* =====================================================
   CUSTOMER CHAT
   ===================================================== */

.ai-chat-example {
    width: 100%;
    max-width: 420px;

    margin: 12px 0 18px 0;
    padding: 22px 20px 25px;

    background: #ffffff;

    border: 1px solid #d9dddd;

    box-sizing: border-box;
}


/* Chat labels */

.ai-chat-label {
    margin-bottom: 7px;

    color: #6c7886;

    font-family: metrophobic;
    font-size: 10px;
    font-weight: 700;

    letter-spacing: 0.5px;
}


.ai-system-label {
    margin-top: 20px;
}


/* Customer speech bubble */

.ai-customer-message {
    display: block;

    width: fit-content;
    max-width: 90%;

    margin-left: auto;

    padding: 11px 15px;

    background: var(--timeline-navy);
    color: #ffffff;

    border-radius: 15px 15px 3px 15px;

    font-family: metrophobic;
    font-size: 15px;
    font-weight: 600;

    line-height: 1.85;
}


/* AI response */

.ai-system-message {
    display: inline-block;

    max-width: 300px;

    padding: 13px 14px;

    background: #f4f6f5;
    color: var(--timeline-navy);

    border: 1px solid #d9dddd;

    border-radius: 14px 14px 14px 3px;

    font-family: metrophobic;
    font-size: 14px;

    line-height: 1.5;
}


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

@media (max-width: 767px) {

    .ai-timeline {
        max-width: 100%;
    }

    .ai-timeline::before {
        left: 21px;
    }

    .ai-timeline-item {
        grid-template-columns: 44px 1fr;
        column-gap: 12px;

        padding-bottom: 35px;
    }

    .ai-timeline-number {
        width: 40px;
        height: 40px;

        margin-left: 1px;

        font-size: 16px;
    }

    .ai-timeline-content h2 {
        font-size: 18px;
        line-height: 1.4;
    }

    .ai-timeline-content p,
    .ai-dash-list li,
    .ai-info-box p {
        font-size: 15px;
        line-height: 1.75;
    }

    .ai-info-box {
        padding: 17px 16px;
    }

    .ai-chat-example {
        max-width: 100%;
    }
}


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

@media (max-width: 480px) {

    .ai-timeline::before {
        left: 18px;
    }

    .ai-timeline-item {
        grid-template-columns: 38px 1fr;
        column-gap: 10px;
    }

    .ai-timeline-number {
        width: 36px;
        height: 36px;

        margin-left: 0;

        font-size: 15px;
    }

    .ai-timeline-content h2 {
        margin-bottom: 14px;
        font-size: 17px;
    }

    .ai-timeline-content p,
    .ai-dash-list li,
    .ai-info-box p {
        font-size: 14px;
    }

    .ai-dash-list li {
        padding-left: 15px;
    }

    .ai-info-box {
        padding: 15px;
    }

    .ai-customer-message {
        max-width: 95%;
        font-size: 14px;
    }

    .ai-system-message {
        max-width: 90%;
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f51f3ca *//* =========================================
   AI COST SECTION
========================================= */

.ai-cost-section {
    --navy: #09284b;
    --blue: #828282;
    --cyan: #45c8ed;
    --red: #cb5052;
    --green: #4eb07a;
    --gray: #dfe3e1;
    --border: #f0c47e;

    width: 100%;
    color: var(--navy);
    font-family: metrophobic;
}


/* =========================================
   HEADING
========================================= */

.ai-cost-section .ai-cost-title {
    margin: 0 0 15px;
    padding: 0;

    color: #000000;

    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================
   INTRO TEXT
========================================= */

.ai-cost-section .ai-cost-intro,
.ai-cost-section .ai-cost-objective,
.ai-cost-section .ai-cost-bottom-text {
    margin: 0;

    color: var(--blue);

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   BENEFITS GRID
========================================= */

.ai-cost-section .ai-benefits {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    column-gap: 40px;
    row-gap: 25px;

    margin: 25px 0 31px;
}


/* Individual item */

.ai-cost-section .ai-benefit {
    text-align: center;
}


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

.ai-cost-section .ai-benefit-icon {
    width: 53px;
    height: 53px;

    margin: 0 auto 11px;

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

    border-radius: 50%;

    background: var(--navy);

    color: var(--cyan);

    font-family: "Courier New", monospace;
    font-size: 11px;
    font-weight: 700;

    line-height: 1;
}


/* =========================================
   BENEFIT TITLE
========================================= */

.ai-cost-section .ai-benefit h3 {
    margin: 0 0 7px;
    padding: 0;

    color: var(--navy);

    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================
   BENEFIT DESCRIPTION
========================================= */

.ai-cost-section .ai-benefit p {
    margin: 0;
    padding: 0;

    color: #637799;

    font-size: 12px;
    line-height: 1.5;
}


/* =========================================
   OBJECTIVE
========================================= */

.ai-cost-section .ai-cost-objective {
    margin-bottom: 17px;
}


/* =========================================
   COMPARISON
========================================= */

.ai-cost-section .ai-comparison {
    width: 100%;
    margin: 0 0 20px;
}


/* Comparison row */

.ai-cost-section .ai-comparison-row {
    display: grid;

    grid-template-columns: 134px 1fr;

    align-items: center;

    min-height: 36px;
}


/* Labels */

.ai-cost-section .ai-comparison-label {
    color: var(--navy);

    font-family: "Courier New", monospace;

    font-size: 12px;
    line-height: 1;

    white-space: nowrap;
}


/* =========================================
   BARS
========================================= */

.ai-cost-section .ai-bar {
    position: relative;

    height: 22px;

    overflow: hidden;

    display: flex;
    align-items: center;

    font-family: "Courier New", monospace;

    font-size: 12px;
    font-weight: 700;
}


/* Before */

.ai-cost-section .ai-bar-before {
    width: 100%;

    background: var(--red);

    color: #ffffff;
}


/* After */

.ai-cost-section .ai-bar-after {
    width: 100%;

    background: var(--gray);

    color: #ffffff;
}


/* Text inside bars */

.ai-cost-section .ai-bar span {
    position: relative;

    z-index: 2;

    padding-left: 9px;
}


/* Green after-automation section */

.ai-cost-section .ai-bar-after::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 21%;

    background: var(--green);
}


/* =========================================
   SAVING BOX
========================================= */

.ai-cost-section .ai-saving-box {
    display: inline-flex;

    align-items: center;

    min-height: 38px;

    margin: 0 0 18px;

    padding: 0 14px;

    border: 1px solid var(--border);

    background: #fffaf1;

    color: var(--navy);

    font-family: "Courier New", monospace;

    font-size: 12px;
    font-weight: 400;

    letter-spacing: 0.15px;
}


/* =========================================
   BOTTOM TEXT
========================================= */

.ai-cost-section .ai-cost-bottom-text {
    margin: 0;
}


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

@media (max-width: 900px) {

    .ai-cost-section .ai-benefits {
        grid-template-columns: repeat(3, 1fr);

        column-gap: 25px;
        row-gap: 28px;
    }

    .ai-cost-section .ai-cost-title {
        font-size: 24px;
    }

    .ai-cost-section .ai-cost-intro,
    .ai-cost-section .ai-cost-objective,
    .ai-cost-section .ai-cost-bottom-text {
        font-size: 16px;
    }
}


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

@media (max-width: 600px) {

    .ai-cost-section .ai-cost-title {
        font-size: 22px;

        margin-bottom: 13px;
    }

    .ai-cost-section .ai-cost-intro,
    .ai-cost-section .ai-cost-objective,
    .ai-cost-section .ai-cost-bottom-text {
        font-size: 15px;

        line-height: 1.65;
    }


    /* 2 columns on mobile */

    .ai-cost-section .ai-benefits {
        grid-template-columns: repeat(2, 1fr);

        column-gap: 15px;
        row-gap: 25px;

        margin: 24px 0 28px;
    }


    /* Smaller circles */

    .ai-cost-section .ai-benefit-icon {
        width: 50px;
        height: 50px;

        font-size: 10px;
    }


    /* Titles */

    .ai-cost-section .ai-benefit h3 {
        font-size: 13px;
    }


    /* Description */

    .ai-cost-section .ai-benefit p {
        font-size: 11px;
    }


    /* Comparison */

    .ai-cost-section .ai-comparison-row {
        grid-template-columns: 95px 1fr;
    }


    .ai-cost-section .ai-comparison-label {
        font-size: 10px;
    }


    .ai-cost-section .ai-bar {
        height: 22px;

        font-size: 10px;
    }


    .ai-cost-section .ai-bar span {
        padding-left: 7px;
    }


    /* Saving box */

    .ai-cost-section .ai-saving-box {
        max-width: 100%;

        min-height: 38px;

        padding: 0 10px;

        font-size: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79db2fa *//* =========================================
   AI BUSINESS PROCESS MATURITY PATH
   ========================================= */

.ai-process-section {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.ai-process-container {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: metrophobic;
    color: #36577f;
}

/* -----------------------------------------
   Heading
   ----------------------------------------- */

.ai-process-title {
    margin: 0 0 25px;
    padding: 0;
    color: #000000;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.3px;
}

/* -----------------------------------------
   Intro text
   ----------------------------------------- */

.ai-process-intro {
    margin: 0 0 27px;
    color: #828282;
    font-size: 15.5px;
    line-height: 1.95;
    font-weight: 400;
}

.ai-process-intro strong {
    
    font-weight: 700;
}

/* -----------------------------------------
   Description
   ----------------------------------------- */

.ai-process-description {
    margin: 0 0 22px;
    color: #828282;
    font-size: 15.5px;
    line-height: 1.7;
}

/* -----------------------------------------
   Small label
   ----------------------------------------- */

.ai-process-label {
    margin-bottom: 25px;
    color: #000000;
    font-weight: 800;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
}

/* -----------------------------------------
   Maturity path
   ----------------------------------------- */

.ai-maturity-path {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 5px;
    box-sizing: border-box;
}

/* -----------------------------------------
   Individual steps
   ----------------------------------------- */

.ai-step {
    flex: 1;
    display: flex;
    max-width: 200px;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;

    color: #ffffff;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;

    padding: 12px 8px;
}

/* Step heights */

.ai-step-1 {
    height: 52px;
    background: #52698b;
}

.ai-step-2 {
    height: 84px;
    background: #385a84;
}

.ai-step-3 {
    height: 116px;
    background: #0e2d50;
}

.ai-step-4 {
    height: 140px;
    background: #071f3d;
}

.ai-step-5 {
    height: 160px;
    background: #f2aa38;
    color: #000000;
}

/* -----------------------------------------
   Footer
   ----------------------------------------- */

.ai-process-footer {
    margin: 27px 0 0;
    color: #828282;
    font-size: 15.5px;
    line-height: 1.6;
}

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

@media (max-width: 767px) {

    .ai-process-container {
        padding: 0 20px;
    }

    .ai-process-title {
        font-size: 23px;
        margin-bottom: 18px;
    }

    .ai-process-intro,
    .ai-process-description,
    .ai-process-footer {
        font-size: 14px;
        line-height: 1.7;
    }

    .ai-process-intro {
        margin-bottom: 22px;
    }

    .ai-process-description {
        margin-bottom: 18px;
    }

    .ai-process-label {
        margin-bottom: 20px;
    }

    .ai-maturity-path {
        gap: 4px;
    }

    .ai-step {
        font-size: 8px;
        padding: 8px 4px;
    }

    .ai-step-1 {
        height: 45px;
    }

    .ai-step-2 {
        height: 68px;
    }

    .ai-step-3 {
        height: 92px;
    }

    .ai-step-4 {
        height: 112px;
    }

    .ai-step-5 {
        height: 130px;
    }

    .ai-process-footer {
        margin-top: 22px;
    }
}

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

@media (max-width: 480px) {

    .ai-process-container {
        padding: 0 15px;
    }

    .ai-process-title {
        font-size: 20px;
        line-height: 1.25;
    }

    .ai-process-intro {
        font-size: 13.5px;
    }

    .ai-process-description {
        font-size: 13.5px;
    }

    .ai-maturity-path {
        gap: 3px;
    }

    .ai-step {
        font-size: 7px;
        line-height: 1.25;
        padding: 6px 2px;
    }

    .ai-step-1 {
        height: 40px;
    }

    .ai-step-2 {
        height: 60px;
    }

    .ai-step-3 {
        height: 80px;
    }

    .ai-step-4 {
        height: 98px;
    }

    .ai-step-5 {
        height: 115px;
    }

    .ai-process-footer {
        font-size: 13.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d36412 */.elementor-23214 .elementor-element.elementor-element-2d36412 .ai-process-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    column-gap: 0;
    row-gap: 8px;
    width: 100%;
}

.elementor-23214 .elementor-element.elementor-element-2d36412 .process-box {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid #d9dde3;
    background: #ffffff;
    box-sizing: border-box;
}

.elementor-23214 .elementor-element.elementor-element-2d36412 .step-number {
    color: #159bb5;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
    line-height: 1;
    flex-shrink: 0;
}

.elementor-23214 .elementor-element.elementor-element-2d36412 .step-text {
    color: #243447;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
}

.elementor-23214 .elementor-element.elementor-element-2d36412 .process-connector {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    color: #f28c28;
    font-size: 19px;
    line-height: 1;
}


/* Tablet */
@media (max-width: 900px) {

    .elementor-23214 .elementor-element.elementor-element-2d36412 .ai-process-grid {
        grid-template-columns: 1fr auto 1fr;
        row-gap: 10px;
    }

    .elementor-23214 .elementor-element.elementor-element-2d36412 .process-box {
        min-height: 44px;
    }

    .elementor-23214 .elementor-element.elementor-element-2d36412 .process-connector {
        width: 28px;
    }

    .elementor-23214 .elementor-element.elementor-element-2d36412 .step-text {
        white-space: normal;
    }
}


/* Mobile */
@media (max-width: 600px) {

    .elementor-23214 .elementor-element.elementor-element-2d36412 .ai-process-grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .elementor-23214 .elementor-element.elementor-element-2d36412 .process-box {
        width: 100%;
        min-height: 46px;
    }

    .elementor-23214 .elementor-element.elementor-element-2d36412 .process-connector {
        width: 100%;
        height: 25px;
        transform: rotate(90deg);
    }
}/* End custom CSS */