.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__area-3 .sec-title,.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__area-2 .sec-title-3,.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__title,.elementor-1904 .elementor-element.elementor-element-1c6668a .service__hero-right-2 .title,.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__area-6 .hero__title-6{font-family:"Kanit", Sans-serif;font-weight:500;}.elementor-1904 .elementor-element.elementor-element-0169925 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}@media(max-width:767px){.elementor-1904 .elementor-element.elementor-element-1c6668a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__area-3 .sec-title,.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__area-2 .sec-title-3,.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__title,.elementor-1904 .elementor-element.elementor-element-1c6668a .service__hero-right-2 .title,.elementor-1904 .elementor-element.elementor-element-1c6668a .hero__area-6 .hero__title-6{font-size:65px;}.elementor-1904 .elementor-element.elementor-element-0169925{margin-top:-20px;margin-bottom:0px;}body.elementor-page-1904{margin:0px 0px 40px 0px;}}/* Start custom CSS for axtra_our_banner, class: .elementor-element-1c6668a */.shape-1{
    display: none !important;
}

.service__hero-2 {
    background-image: url(https://add-i.it/wp-content/uploads/2024/04/sh-bg-2.webp);
}

.service__hero-right-2 .title {
    color: white;
}

.animate_content {
    color: white;
}

.service__hero-right-2 .scroll {
    filter: brightness(2000%);
    
}

/* =========================================================
   METODO ADDÌ
   ROTAZIONE 4 IMMAGINI SOLO MOBILE
   Mantiene dimensioni e proporzioni originali
   ========================================================= */

@media (max-width: 767px) {

    .service__hero-left-2 {
        display: grid !important;
        position: relative !important;

        /* Tutte le immagini vengono centrate nello stesso punto */
        place-items: center;

        overflow: hidden;
    }

.service__hero-left-2 .image-1 {
        animation-delay: -4s;
    }

    .service__hero-left-2 > img {

        /*
         * Tutte occupano la stessa cella,
         * ma mantengono le dimensioni già definite dal sito
         */
        grid-area: 1 / 1;

        position: relative !important;

        /* NON tocchiamo width e height */
        width: auto;
        height: auto;

        /*
         * Mantiene comunque il limite responsive
         * se già necessario su mobile
         */
        max-width: 100%;

        /*
         * Eliminiamo soltanto gli spostamenti GSAP
         * che servivano alla composizione desktop
         */
        transform: none !important;
        translate: none !important;
        rotate: none !important;
        scale: none !important;

        margin: 0 !important;

        opacity: 0;

        animation: addi-mobile-photo-loop 16s linear infinite;

        will-change: opacity;
    }


    /* Ordine: 1 → 2 → 3 → 4 */

    .service__hero-left-2 .image-1 {
        animation-delay: 0s;
    }

    .service__hero-left-2 .image-2 {
        animation-delay: -12s;
    }

    .service__hero-left-2 .image-3 {
        animation-delay: -8s;
    }

    .service__hero-left-2 .image-4 {
        animation-delay: -4s;
    }


    @keyframes addi-mobile-photo-loop {

        0%,
        20% {
            opacity: 1;
        }

        25%,
        95% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }

    }

}

@media (max-width: 767px) {

    .service__hero-left-2 {
        order: 1 !important;
    }

    img.scroll {
        order: 2 !important;
    }
    
     .service__hero-left-2 {
        position: relative !important;
        z-index: 2;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    img.scroll {
        position: relative;
        z-index: 3;
    }
    
    img.scroll {
        position: relative;
        top: -60px;
        left: 200px;
    }
    
     html:not(.addi-mobile-ready) .service__hero-left-2,
    html:not(.addi-mobile-ready) img.scroll {
        visibility: hidden !important;
    }

    html.addi-mobile-ready .service__hero-left-2,
    html.addi-mobile-ready img.scroll {
        visibility: visible !important;
    }

    /* Evita che il carosello inizi a girare mentre è ancora nascosto */
    html:not(.addi-mobile-ready) .service__hero-left-2 > img {
        animation-play-state: paused !important;
    }

    html.addi-mobile-ready .service__hero-left-2 > img {
        animation-play-state: running !important;
    }

}/* End custom CSS */
/* Start custom CSS for axtra_service_tabs, class: .elementor-element-23bd111 *//* =========================================================
   METODO ADDÌ
   ========================================================= */

.metodo-addi {
    --addi-card: #061b32;
    --addi-card-item: #E5552F;
    --addi-border: rgba(229, 85, 47, 0.2);
    --addi-border-strong: rgba(255, 255, 255, 0.14);
    --addi-text: #ffffff;
    --addi-text-soft: #aeb9c8;
    --addi-text-muted: #788da5;
    --addi-orange: #E5552F;
    --addi-radius: 20px;
    --addi-radius-small: 11px;

    --addi-font-kanit-regular:
        "Kanit Regular",
        "Kanit",
        "Segoe UI",
        sans-serif;

    --addi-font-kanit-medium:
        "Kanit Medium",
        "Kanit",
        "Segoe UI",
        sans-serif;

    --addi-font-body:
        "Segoe UI",
        Arial,
        sans-serif;

    --addi-font-serif:
        "Times New Roman",
        Times,
        serif;

    background: transparent !important;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.metodo-addi .content-wrapper {
    box-sizing: border-box;
    background: transparent !important;
}


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

@media (min-width: 1200px) {

    .metodo-addi {
        --addi-panel-height:
            clamp(
                620px,
                76vh,
                700px
            );

        --addi-header-height:
            84px;

        --addi-panel-top:
            clamp(
                40px,
                calc(
                    (
                        100vh
                        + var(--addi-header-height)
                        - var(--addi-panel-height)
                    )
                    / 2
                ),
                160px
            );
    }


    .metodo-addi .content-wrapper {
        display: grid !important;

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

        gap:
            24px;

        align-items:
            start;

        width:
            100% !important;

        max-width:
            1680px !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        padding:
            0
            20px
            var(--addi-panel-top)
            20px !important;

        box-sizing:
            border-box;
    }


    .metodo-addi .content-wrapper > .left-content,
    .metodo-addi .content-wrapper > .pin-spacer,
    .metodo-addi .content-wrapper > .right-content {
        box-sizing:
            border-box;

        min-width:
            0 !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding-top:
            var(--addi-panel-top) !important;
    }


    .metodo-addi .content-wrapper > .pin-spacer {
        width:
            100% !important;

        max-width:
            100% !important;
    }

}


/* =========================================================
   SINISTRA
   ========================================================= */

.metodo-addi .left-content {
    box-sizing:
        border-box;
}


.metodo-addi .left-content > .pin-spacer {
    width:
        100% !important;

    max-width:
        100% !important;
}


/* =========================================================
   LISTA
   ========================================================= */

.metodo-addi .service__list-6 {
    counter-reset:
        addi-phase;

    box-sizing:
        border-box;

    width:
        100%;

    max-width:
        100%;

    margin:
        0 !important;

    background:
        var(--addi-card);

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

    border-radius:
        var(--addi-radius);

    overflow:
        hidden;

    font-family:
        var(--addi-font-kanit-regular);
}


@media (min-width: 1200px) {

    .metodo-addi .service__list-6 {
        position:
            relative;

        height: auto !important;
          

        min-height: auto !important;
       

        max-height: auto !important;
    

        padding:
            122px
            16px
            62px
            16px !important;

        translate:
            none !important;

        --addi-progress-scale:
            0.125;
    }


    .metodo-addi
    .service__list-6
    > li:first-child::before {
        content:
            "IL PERCORSO STRATEGICO";

        position:
            absolute;

        top:
            -90px;

        left:
            10px;

        color:
            var(--addi-orange);

        font-family:
            var(--addi-font-kanit-medium);

        font-size:
            12px;

        line-height:
            1;

        font-weight:
            500;

        letter-spacing:
            0.055em;

        white-space:
            nowrap;

        pointer-events:
            none;
    }


    .metodo-addi
    .service__list-6
    > li:first-child::after {
        content:
            "LE 8 FASI DEL METODO";

        position:
            absolute;

        top:
            -63px;

        left:
            10px;

        width:
            calc(
                100% - 20px
            );

        box-sizing:
            border-box;

        padding-bottom:
            17px;

        color:
            var(--addi-text);

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

        font-family:
            var(--addi-font-kanit-medium);

        font-size:
            20px;

        line-height:
            1.05;

        font-weight:
            500;

        letter-spacing:
            -0.015em;

        white-space:
            nowrap;

        pointer-events:
            none;
    }


    .metodo-addi
    .service__list-6::before {
        content:
            "";

        position:
            absolute;

        left:
            20px;

        bottom:
            22px;

        width:
            calc(
                100% - 40px
            );

        height:
            9px;

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

        border-radius:
            3px;

        pointer-events:
            none;
    }


    .metodo-addi
    .service__list-6::after {
        content:
            "";

        position:
            absolute;

        left:
            20px;

        bottom:
            22px;

        width:
            calc(
                100% - 40px
            );

        height:
            9px;

        background:
            var(--addi-orange);

        border-radius:
            3px;

        transform-origin:
            left center;

        transform:
            scaleX(
                var(--addi-progress-scale)
            );

        will-change:
            transform;

        pointer-events:
            none;
    }


    .metodo-addi
    .service__list-6[style*="position: fixed"],

    .metodo-addi
    .service__list-6[style*="position:fixed"],

    .metodo-addi
    .mid-content[style*="position: fixed"],

    .metodo-addi
    .mid-content[style*="position:fixed"] {
        top:
            var(--addi-panel-top) !important;

        bottom:
            auto !important;
    }

}


/* =========================================================
   ITEM LISTA
   ========================================================= */

.metodo-addi
.service__list-6
> li {
    counter-increment:
        addi-phase;

    position:
        relative;

    width:
        100%;

    box-sizing:
        border-box;

    margin:
        0
        0
        6px;

    padding:
        0;

    list-style:
        none;
}


.metodo-addi
.service__list-6
> li
> a
br {
    display:
        none;
}


.metodo-addi
.service__list-6
> li
> a {
    display:
        grid;

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

    column-gap:
        8px;

    align-items:
        center;

    width:
        100%;

    min-height:
        46px;

    box-sizing:
        border-box;

    padding:
        8px
        10px;

    color:
        var(--addi-text-soft);

    border:
        1px solid
        transparent;

    border-radius:
        var(--addi-radius-small);

    font-family:
        var(--addi-font-kanit-regular);

    font-size:
        13px;

    line-height:
        1.25;

    font-weight:
        400;

    white-space:
        normal;

    word-break:
        normal;

    overflow-wrap:
        normal;

    text-decoration:
        none;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}


.metodo-addi
.service__list-6
> li
> a::before {
    content:
        counter(
            addi-phase,
            decimal-leading-zero
        )
        ".";

    color:
        var(--addi-text-muted);

    font-family:
        var(--addi-font-kanit-medium);

    font-size:
        12px;

    line-height:
        1;

    font-weight:
        500;

    white-space:
        nowrap;
}


.metodo-addi
.service__list-6
> li
> a::after {
    content:
        "→";

    justify-self:
        end;

    color:
        var(--addi-text-muted);

    font-family:
        var(--addi-font-body);

    font-size:
        13px;

    line-height:
        1;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


.metodo-addi
.service__list-6
> li:not(.axtra-active)
> a:hover {
    color:
        var(--addi-text);

    background:
        rgba(
            255,
            255,
            255,
            0.025
        );
}


.metodo-addi
.service__list-6
> li:not(.axtra-active)
> a:hover::after {
    color:
        var(--addi-orange);

    transform:
        translateX(3px);
}


.metodo-addi
.service__list-6
> li.axtra-active
> a {
    min-height:
        50px;

    padding:
        9px
        10px;

    color:
        var(--addi-text);

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

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

    box-shadow:
        inset
        3px
        0
        0
        var(--addi-orange);

    font-family:
        var(--addi-font-kanit-medium);

    font-weight:
        500;
}


.metodo-addi
.service__list-6
> li.axtra-active
> a::before {
    color:
        var(--addi-orange);
}


.metodo-addi
.service__list-6
> li.axtra-active
> a::after {
    content:
        "•";

    color:
        var(--addi-text-soft);

    font-size:
        17px;

    transform:
        none;
}


/* =========================================================
   CENTRO
   ========================================================= */

.metodo-addi
.mid-content {
    box-sizing:
        border-box;

    position:
        relative;

    width:
        100%;

    max-width:
        100%;

    margin:
        0 !important;

    translate:
        none !important;

    background-color:
        var(--addi-card);

    background-image:
        radial-gradient(
            circle,
            rgba(
                243,
                107,
                33,
                0.18
            )
            1px,
            transparent
            1.25px
        );

    background-size:
        20px
        20px;

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

    border-radius:
        var(--addi-radius);

    overflow:
        hidden;
}


@media (min-width: 1200px) {

    .metodo-addi
    .mid-content {
        height:
            var(--addi-panel-height) !important;

        min-height:
            var(--addi-panel-height) !important;

        max-height:
            var(--addi-panel-height) !important;

        --addi-phase-label:
            "FASE 01";

        --addi-phase-title:
            "Generazione dell'Idea";
    }


    .metodo-addi
    .mid-content::before {
        content:
            var(--addi-phase-label);

        position:
            absolute;

        z-index:
            10;

        left:
            22px;

        bottom:
            48px;

        padding:
            6px
            10px;

        color:
            #ffffff;

        background:
            var(--addi-orange);

        border-radius:
            5px;

        font-family:
            var(--addi-font-kanit-medium);

        font-size:
            11px;

        line-height:
            1;

        font-weight:
            500;

        letter-spacing:
            0.025em;

        pointer-events:
            none;
    }


    .metodo-addi
    .mid-content::after {
        content:
            var(--addi-phase-title);

        position:
            absolute;

        z-index:
            10;

        left:
            22px;

        right:
            22px;

        bottom:
            20px;

        color:
            var(--addi-text);

        font-family:
            var(--addi-font-kanit-medium);

        font-size:
            16px;

        line-height:
            1.15;

        font-weight:
            500;

        letter-spacing:
            -0.01em;

        pointer-events:
            none;
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-0.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 01";

        --addi-phase-title:
            "Generazione dell'Idea";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-1.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 02";

        --addi-phase-title:
            "Indagini competitive di contesto";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-2.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 03";

        --addi-phase-title:
            "Verifica del freedom to operate (FTO)";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-3.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 04";

        --addi-phase-title:
            "Finanza Agevolata";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-4.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 05";

        --addi-phase-title:
            "Sviluppo del progetto Innovativo";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-5.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 06";

        --addi-phase-title:
            "Gestione delle Relazioni";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-6.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 07";

        --addi-phase-title:
            "Protezione dell'innovazione Conseguita";
    }


    .metodo-addi
    .content-wrapper:has(
        .service__list-6
        > .li-7.axtra-active
    )
    .mid-content {
        --addi-phase-label:
            "FASE 08";

        --addi-phase-title:
            "Valorizzazione economica dell'innovazione";
    }

}


/* =========================================================
   IMMAGINI CENTRALI
   ========================================================= */

.metodo-addi
.mid-content
.service__image {
    display:
        flex !important;

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    box-sizing:
        border-box;

    align-items:
        center;

    justify-content:
        center;

    padding:
        36px;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    transform:
        translateY(14px)
        scale(0.975);

    pointer-events:
        none;

    z-index:
        1;

    transition:
        opacity
        0.42s
        ease,

        transform
        0.52s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),

        visibility
        0s
        linear
        0.52s;
}


.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-0.axtra-active
)
.mid-content
.service__image:nth-child(1),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-1.axtra-active
)
.mid-content
.service__image:nth-child(2),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-2.axtra-active
)
.mid-content
.service__image:nth-child(3),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-3.axtra-active
)
.mid-content
.service__image:nth-child(4),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-4.axtra-active
)
.mid-content
.service__image:nth-child(5),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-5.axtra-active
)
.mid-content
.service__image:nth-child(6),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-6.axtra-active
)
.mid-content
.service__image:nth-child(7),

.metodo-addi
.content-wrapper:has(
    .service__list-6 > .li-7.axtra-active
)
.mid-content
.service__image:nth-child(8) {
    opacity:
        1 !important;

    visibility:
        visible !important;

    transform:
        translateY(0)
        scale(1);

    transition-delay:
        0s;

    z-index:
        2;
}


.metodo-addi
.mid-content
.service__image
img {
    display:
        block !important;

    width:
        min(
            68%,
            360px
        ) !important;

    height:
        auto !important;

    max-width:
        360px !important;

    max-height:
        62% !important;

    margin:
        auto !important;

    object-fit:
        contain !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    filter:
        none !important;

    transition:
        transform
        0.52s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}


/* =========================================================
   ANIMAZIONI CENTRALI
   ========================================================= */

@keyframes addi-center-copy-a {

    0% {
        opacity:
            0;

        transform:
            translateY(10px);

        filter:
            blur(2px);
    }

    100% {
        opacity:
            1;

        transform:
            translateY(0);

        filter:
            blur(0);
    }

}


@keyframes addi-center-copy-b {

    0% {
        opacity:
            0;

        transform:
            translateY(10px);

        filter:
            blur(2px);
    }

    100% {
        opacity:
            1;

        transform:
            translateY(0);

        filter:
            blur(0);
    }

}


@media (min-width: 1200px) {

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-0.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-0.axtra-active)
    .mid-content::after,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-2.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-2.axtra-active)
    .mid-content::after,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-4.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-4.axtra-active)
    .mid-content::after,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-6.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-6.axtra-active)
    .mid-content::after {
        animation:
            addi-center-copy-a
            0.42s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            )
            both;
    }


    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-1.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-1.axtra-active)
    .mid-content::after,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-3.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-3.axtra-active)
    .mid-content::after,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-5.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-5.axtra-active)
    .mid-content::after,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-7.axtra-active)
    .mid-content::before,

    .metodo-addi
    .content-wrapper:has(.service__list-6 > .li-7.axtra-active)
    .mid-content::after {
        animation:
            addi-center-copy-b
            0.42s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            )
            both;
    }

}


/* =========================================================
   DESTRA
   ========================================================= */

.metodo-addi
.right-content {
    box-sizing:
        border-box;

    width:
        100%;

    min-width:
        0;

    padding-left:
        0 !important;

    padding-right:
        0 !important;

    padding-bottom:
        0 !important;
}


.metodo-addi
.service__items-6 {
    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    translate:
        none !important;
}


.metodo-addi
.service__item-6 {
    box-sizing:
        border-box;

    position:
        relative;

    width:
        100%;

    margin-top:
        0 !important;

    background:
        var(--addi-card);

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

    border-radius:
        var(--addi-radius);
}


@media (min-width: 1200px) {

    .metodo-addi
    .service__item-6 {
        height:
            var(--addi-panel-height) !important;

        min-height:
            var(--addi-panel-height) !important;

        max-height:
            var(--addi-panel-height) !important;

        padding:
            78px
            38px
            34px
            38px !important;

        overflow:
            hidden;

        margin-bottom:
            max(
                24px,
                calc(
                    100vh
                    - var(--addi-panel-top)
                    - var(--addi-panel-height)
                )
            ) !important;
    }


    .metodo-addi
    .service__item-6:last-child {
        margin-bottom:
            0 !important;
    }


    .metodo-addi
    .service__item-6::before {
        content:
            "FASE 0"
            attr(data-secid)
            " DI 08";

        position:
            absolute;

        top:
            30px;

        left:
            38px;

        color:
            var(--addi-orange);

        font-family:
            var(--addi-font-kanit-medium);

        font-size:
            12px;

        line-height:
            1;

        font-weight:
            500;

        letter-spacing:
            0.055em;

        pointer-events:
            none;
    }


    .metodo-addi
    .service__item-6::after {
        content:
            "Metodo Addì";

        position:
            absolute;

        top:
            24px;

        right:
            38px;

        padding:
            6px
            10px;

        color:
            var(--addi-text-soft);

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

        border:
            1px solid
            rgba(
                255,
                255,
                255,
                0.07
            );

        border-radius:
            5px;

        font-family:
            var(--addi-font-kanit-regular);

        font-size:
            11px;

        line-height:
            1;

        font-weight:
            400;

        pointer-events:
            none;
    }

}


/* =========================================================
   CONTENUTI DESTRA
   ========================================================= */

.metodo-addi
.animation__service_page {
    width:
        100%;
}


.metodo-addi
.service__title-6 {
    position:
        relative;

    max-width:
        680px;

    margin:
        0
        0
        20px;

    color:
        var(--addi-text);

    font-family:
        var(--addi-font-kanit-medium);

    font-size:
        clamp(
            30px,
            2.5vw,
            44px
        );

    line-height:
        1.05;

    font-weight:
        500;

    letter-spacing:
        -0.025em;
}


.metodo-addi
.service__title-6::after {
    content:
        "";

    display:
        block;

    width:
        56px;

    height:
        4px;

    margin-top:
        16px;

    background:
        var(--addi-orange);

    border-radius:
        20px;
}


.metodo-addi
.animation__service_page
> p {
    max-width:
        680px;

    margin:
        0;

    color:
        var(--addi-text-soft);

    font-family:
        var(--addi-font-body);

    font-size:
        15px;

    line-height:
        1.6;

    font-weight:
        400;
}


.metodo-addi
.animation__service_page
> ul {
    display:
        grid;

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

    gap:
        10px;

    margin:
        26px
        0
        0;

    padding:
        26px
        0
        0;

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

    list-style:
        none;
}


@media (min-width: 1200px) {

    .metodo-addi
    .animation__service_page
    > ul::before {
        content:
            "DELIVERABLES & AZIONI CHIAVE:";

        grid-column:
            1 / -1;

        margin-bottom:
            2px;

        color:
            var(--addi-text-muted);

        font-family:
            var(--addi-font-kanit-medium);

        font-size:
            12px;

        line-height:
            1.2;

        font-weight:
            500;

        letter-spacing:
            0.025em;

        pointer-events:
            none;
    }

}


.metodo-addi
.animation__service_page
> ul
> li {
    display:
        flex;

    align-items:
        center;

    min-height:
        52px;

    box-sizing:
        border-box;

    margin:
        0;

    padding:
        10px
        13px;

    color:
        var(--addi-text);

    background:
        var(--addi-card-item);

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

    border-radius:
        10px;

    font-family:
        var(--addi-font-body);

    font-size:
        13px;

    line-height:
        1.35;

    font-weight:
        600;

    transition:
        background-color
        0.25s
        ease,

        border-color
        0.25s
        ease;
}


.metodo-addi
.animation__service_page
> ul
> li::first-letter {
    color:
        var(--addi-orange);

    font-weight:
        700;
}


.metodo-addi
.animation__service_page
> ul
> li:hover {
    background:
        rgba(
            255,
            255,
            255,
            0.065
        );

    border-color:
        var(--addi-border-strong);
}


.metodo-addi
.service__item-6
#btn_wrapper {
    display:
        none !important;
}


/* =========================================================
   IMAGE TAB
   ========================================================= */

.metodo-addi
.image-tab {
    box-sizing:
        border-box;

    background-color:
        var(--addi-card);

    background-image:
        radial-gradient(
            circle,
            rgba(
                243,
                107,
                33,
                0.17
            )
            1px,
            transparent
            1.25px
        );

    background-size:
        18px
        18px;

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

    border-radius:
        18px;
}


.metodo-addi
.image-tab
img {
    display:
        block;

    width:
        min(
            70%,
            320px
        );

    height:
        auto;

    margin-left:
        auto;

    margin-right:
        auto;

    object-fit:
        contain;

    border-radius:
        0;

    box-shadow:
        none !important;

    filter:
        none !important;
}


.metodo-addi
.addi-serif-italic {
    font-family:
        var(--addi-font-serif);

    font-style:
        italic;

    font-weight:
        400;
}


/* =========================================================
   DESKTOP 1200 - 1399
   ========================================================= */

@media
(min-width: 1200px)
and
(max-width: 1399px) {

    .metodo-addi {
        --addi-panel-height:
            clamp(
                600px,
                74vh,
                660px
            );

        --addi-header-height:
            76px;

        --addi-panel-top:
            clamp(
                30px,
                calc(
                    (
                        100vh
                        + var(--addi-header-height)
                        - var(--addi-panel-height)
                    )
                    / 2
                ),
                130px
            );
    }


    .metodo-addi
    .content-wrapper {
        grid-template-columns:
            270px
            minmax(0, 1fr)
            minmax(0, 1.25fr);

        gap:
            18px;

        padding:
            0
            14px
            var(--addi-panel-top)
            14px !important;
    }


    .metodo-addi
    .service__list-6 {
        padding:
            112px
            12px
            58px
            12px !important;
    }


    .metodo-addi
    .service__list-6
    > li:first-child::before {
        top:
            -82px;

        font-size:
            11px;
    }


    .metodo-addi
    .service__list-6
    > li:first-child::after {
        top:
            -57px;

        font-size:
            17px;
    }


    .metodo-addi
    .service__list-6
    > li
    > a {
        grid-template-columns:
            28px
            minmax(0, 1fr)
            14px;

        column-gap:
            6px;

        padding:
            8px;

        font-size:
            12px;
    }


    .metodo-addi
    .service__list-6::before,

    .metodo-addi
    .service__list-6::after {
        left:
            16px;

        bottom:
            20px;

        width:
            calc(
                100% - 32px
            );

        height:
            8px;
    }


    .metodo-addi
    .service__item-6 {
        padding:
            72px
            30px
            26px
            30px !important;
    }


    .metodo-addi
    .service__item-6::before {
        left:
            30px;

        top:
            27px;
    }


    .metodo-addi
    .service__item-6::after {
        right:
            30px;

        top:
            21px;
    }


    .metodo-addi
    .service__title-6 {
        font-size:
            clamp(
                28px,
                2.6vw,
                38px
            );
    }


    .metodo-addi
    .animation__service_page
    > ul {
        margin-top:
            20px;

        padding-top:
            20px;

        gap:
            8px;
    }


    .metodo-addi
    .animation__service_page
    > ul
    > li {
        min-height:
            48px;

        padding:
            9px
            11px;

        font-size:
            12px;
    }


    .metodo-addi
    .mid-content
    .service__image
    img {
        width:
            min(
                66%,
                320px
            ) !important;

        max-width:
            320px !important;
    }

}


/* =========================================================
   FALLBACK <=1199
   ========================================================= */

@media (max-width: 1199px) {

    .metodo-addi
    .content-wrapper {
        background:
            transparent !important;
    }


    .metodo-addi
    .left-content {
        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        padding:
            24px
            8px !important;
    }


    .metodo-addi
    .service__list-6 {
        translate:
            none !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        padding:
            22px
            12px !important;
    }


    .metodo-addi
    .service__list-6
    > li
    > a {
        grid-template-columns:
            31px
            minmax(0, 1fr)
            15px;

        min-height:
            48px;

        padding:
            9px;

        font-size:
            13px;
    }


    .metodo-addi
    .mid-content {
        translate:
            none !important;

        width:
            calc(
                100% - 16px
            ) !important;

        height:
            auto !important;

        min-height:
            600px !important;

        max-height:
            none !important;

        margin-left:
            8px !important;

        margin-right:
            8px !important;
    }


    .metodo-addi
    .service__items-6 {
        translate:
            none !important;

        margin:
            0 !important;
    }


    .metodo-addi
    .mid-content
    .service__image {
        padding:
            40px
            30px;
    }


    .metodo-addi
    .mid-content
    .service__image
    img {
        width:
            min(
                70%,
                330px
            ) !important;
    }


    .metodo-addi
    .right-content {
        padding:
            24px
            8px !important;
    }


    .metodo-addi
    .service__item-6 {
        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        margin-top:
            0 !important;

        margin-bottom:
            24px !important;

        overflow:
            visible;

        padding:
            40px
            32px !important;
    }


    .metodo-addi
    .service__title-6 {
        font-size:
            clamp(
                30px,
                3.4vw,
                42px
            );
    }


    .metodo-addi
    .animation__service_page
    > ul {
        grid-template-columns:
            1fr;
    }

}


/* =========================================================
   RESPONSIVE CUSTOM
   ========================================================= */

.addi-mobile-method,
.addi-m-timeline {
    display:
        none;
}


@media (max-width: 1199px) {

    body.addi-responsive-ready
    .metodo-addi {
        display:
            none !important;
    }


    .addi-mobile-method,
    .addi-m-timeline {
        --addi-m-bg:
            #001b36;

        --addi-m-card:
            #061b32;

        --addi-m-item: #E5552F;

        --addi-m-border:
            rgba(
                229,
                85,
                87,
                0.2
            );

        --addi-m-border-strong:
            rgba(
                255,
                255,
                255,
                0.14
            );

        --addi-m-text:
            #ffffff;

        --addi-m-soft:
            #aeb9c8;

        --addi-m-muted:
            #788da5;

        --addi-m-orange:
            #E5552F;

        --addi-m-glow:
            #312783;

        --addi-m-font-regular:
            "Kanit Regular",
            "Kanit",
            "Segoe UI",
            sans-serif;

        --addi-m-font-medium:
            "Kanit Medium",
            "Kanit",
            "Segoe UI",
            sans-serif;

        --addi-m-font-body:
            "Segoe UI",
            Arial,
            sans-serif;
    }


    .addi-mobile-method {
        display:
            grid !important;

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

        grid-template-rows:
            auto;

        column-gap:
            11px;

        align-items:
            stretch;

        position:
            relative !important;

        isolation:
            isolate;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            20px
            12px
            44px !important;

        box-sizing:
            border-box;

        background:
            var(--addi-m-bg) !important;

        overflow:
            visible !important;

        font-family:
            var(--addi-m-font-body);
    }


    .addi-mobile-method::before {
        content:
            "";

        position:
            absolute;

        z-index:
            -1;

        top:
            0;

        bottom:
            0;

        left:
            50%;

        width:
            100vw;

        transform:
            translateX(-50%);

        background:
            var(--addi-m-bg);

        pointer-events:
            none;
    }


    .addi-mobile-method,
    .addi-mobile-method * {
        box-sizing:
            border-box;
    }


    /* =====================================================
       TIMELINE SLOT
       ===================================================== */

    .addi-m-timeline-slot {
        grid-column:
            1;

        grid-row:
            1;

        position:
            relative;

        align-self:
            stretch;

        width:
            46px;

        min-width:
            46px;

        max-width:
            46px;

        min-height:
            100%;

        margin:
            0;

        padding:
            0;

        pointer-events:
            none;
    }


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

    .addi-m-timeline {
        display:
            block;

        position:
            fixed !important;

        z-index:
            99999;

        top:
            0 !important;

        left:
            var(
                --addi-m-timeline-fixed-left,
                12px
            ) !important;

        right:
            auto !important;

        bottom:
            auto !important;

        width:
            46px;

        min-width:
            46px;

        max-width:
            46px;

        height:
            clamp(
                460px,
                82svh,
                700px
            );

        margin:
            0;

        padding:
            0;

        background:
            transparent;

        opacity:
            1 !important;

        visibility:
            visible !important;

        pointer-events:
            auto;

        transform:
            translate3d(
                0,
                var(
                    --addi-m-timeline-y,
                    0px
                ),
                0
            ) !important;

        translate:
            none !important;

        transition:
            none !important;

        will-change:
            transform;

        user-select:
            none;

        -webkit-user-select:
            none;
    }


    .addi-m-timeline.is-sticky,
    .addi-m-timeline.is-bottom {
        position:
            fixed !important;

        top:
            0 !important;

        left:
            var(
                --addi-m-timeline-fixed-left,
                12px
            ) !important;

        transform:
            translate3d(
                0,
                var(
                    --addi-m-timeline-y,
                    0px
                ),
                0
            ) !important;
    }


    .addi-m-timeline-rail {
        position:
            absolute;

        z-index:
            1;

        top:
            20px;

        bottom:
            20px;

        left:
            22px;

        width:
            2px;

        overflow:
            hidden;

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

        border-radius:
            20px;
    }


    .addi-m-timeline-progress {
        position:
            absolute;

        inset:
            0;

        display:
            block;

        width:
            100%;

        height:
            100%;

        background:
            var(--addi-m-orange);

        border-radius:
            inherit;

        transform-origin:
            center top;

        transform:
            scaleY(
                var(
                    --addi-m-timeline-progress,
                    0
                )
            );

        will-change:
            transform;
    }


    .addi-m-timeline-list {
        position:
            relative;

        z-index:
            2;

        display:
            flex;

        flex-direction:
            column;

        justify-content:
            space-between;

        align-items:
            center;

        width:
            100%;

        height:
            100%;

        margin:
            0 !important;

        padding:
            0 !important;

        list-style:
            none;
    }


    .addi-m-timeline-item {
        position:
            relative;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        flex:
            0
            0
            40px;

        width:
            46px;

        height:
            40px;

        margin:
            0;

        padding:
            0;
    }


    .addi-m-timeline-button {
        appearance:
            none;

        -webkit-appearance:
            none;

        position:
            relative;

        z-index:
            3;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        width:
            36px;

        height:
            36px;

        margin:
            0;

        padding:
            0;

        color:
            var(--addi-m-muted);

        background:
            var(--addi-m-bg);

        border:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

        border-radius:
            50%;

        font-family:
            var(--addi-m-font-medium);

        font-size:
            11px;

        line-height:
            1;

        font-weight:
            500;

        text-align:
            center;

        cursor:
            pointer;

        transition:
            color
            0.18s
            ease,

            background-color
            0.18s
            ease,

            border-color
            0.18s
            ease,

            transform
            0.18s
            ease,

            box-shadow
            0.18s
            ease;
    }


    .addi-m-timeline-item.is-past
    .addi-m-timeline-button {
        color:
            var(--addi-m-orange);

        border-color:
            rgba(
                243,
                107,
                33,
                0.52
            );
    }


    .addi-m-timeline-item.is-active
    .addi-m-timeline-button {
        color:
            #ffffff;

        background:
            var(--addi-m-orange);

        border-color:
            var(--addi-m-orange);

        transform:
            scale(1.08);

        box-shadow:
            0
            0
            0
            4px
            rgba(
                243,
                107,
                33,
                0.14
            );
    }


    /* =====================================================
       FASI
       ===================================================== */

    .addi-m-phases {
        grid-column:
            2;

        grid-row:
            1;

        display:
            flex;

        flex-direction:
            column;

        align-self:
            start;

        gap:
            30px;

        width:
            100%;

        min-width:
            0;

        margin:
            0;

        padding:
            0;
    }


    .addi-m-phase {
        position:
            relative;

        display:
            flex;

        flex-direction:
            column;

        gap:
            10px;

        width:
            100%;

        min-width:
            0;

        margin:
            0;

        padding:
            0;

        overflow:
            visible;

        scroll-margin-top:
            110px;
    }


    .addi-m-phase:not(:last-child) {
        padding-bottom:
            20px;

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.045
            );
    }


    /* =====================================================
       BOX 2 + BOX 3
       ===================================================== */

    .addi-m-visual,
    .addi-m-content {
        position:
            relative;

        isolation:
            isolate;

        width:
            100%;

        min-width:
            0;

        margin:
            0;

        background-color:
            var(--addi-m-card);

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

        border-radius:
            16px;
    }


    /* =====================================================
       GLOW INTERNO
       ===================================================== */

    .addi-m-visual::before,
    .addi-m-content::before {
        content:
            "";

        position:
            absolute;

        z-index:
            0;

        top:
            -18%;

        right:
            -12%;

        bottom:
            -18%;

        left:
            -12%;

        pointer-events:
            none;

        opacity:
            0;

        transform:
            scale(0.96);

        transform-origin:
            center;

        transition:
            opacity
            0.42s
            ease,

            transform
            0.5s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            );

        will-change:
            opacity,
            transform;
    }


    .addi-m-visual::before {
        background:
            radial-gradient(
                ellipse
                at
                50%
                42%,

                rgba(
                    49,
                    39,
                    131,
                    0.90
                )
                0%,

                rgba(
                    49,
                    39,
                    131,
                    0.68
                )
                24%,

                rgba(
                    49,
                    39,
                    131,
                    0.42
                )
                44%,

                rgba(
                    49,
                    39,
                    131,
                    0.18
                )
                64%,

                rgba(
                    49,
                    39,
                    131,
                    0
                )
                84%
            );

        filter:
            blur(10px);
    }


    .addi-m-content::before {
        background:
            radial-gradient(
                ellipse
                at
                50%
                22%,

                rgba(
                    49,
                    39,
                    131,
                    0.82
                )
                0%,

                rgba(
                    49,
                    39,
                    131,
                    0.60
                )
                25%,

                rgba(
                    49,
                    39,
                    131,
                    0.36
                )
                47%,

                rgba(
                    49,
                    39,
                    131,
                    0.15
                )
                68%,

                rgba(
                    49,
                    39,
                    131,
                    0
                )
                88%
            );

        filter:
            blur(14px);
    }


    .addi-m-phase.is-active
    .addi-m-visual::before,

    .addi-m-phase.is-active
    .addi-m-content::before {
        opacity:
            1;

        transform:
            scale(1);
    }


    .addi-m-visual-image,
    .addi-m-visual-caption {
        z-index:
            1;
    }


    .addi-m-content-phase,
    .addi-m-content-method {
        z-index:
            1;
    }


    .addi-m-content-title,
    .addi-m-content-description,
    .addi-m-deliverables {
        position:
            relative;

        z-index:
            1;
    }


    /* =====================================================
       BOX 2
       ===================================================== */

    .addi-m-visual {
        height:
            180px;

        min-height:
            180px;

        overflow:
            hidden;

        background-color:
            var(--addi-m-card);

        background-image:
            radial-gradient(
                circle,
                rgba(
                    243,
                    107,
                    33,
                    0.19
                )
                1px,
                transparent
                1.2px
            );

        background-size:
            18px
            18px;
    }


    .addi-m-visual-image {
        position:
            absolute;

        inset:
            0
            0
            52px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        padding:
            12px
            18px;
    }


    .addi-m-visual-image img {
        display:
            block;

        width:
            min(
                48%,
                128px
            );

        max-width:
            128px;

        max-height:
            108px;

        height:
            auto;

        margin:
            0;

        object-fit:
            contain;

        border:
            0;

        border-radius:
            0;

        box-shadow:
            none !important;

        filter:
            none !important;
    }


    .addi-m-visual-caption {
        position:
            absolute;

        left:
            14px;

        right:
            14px;

        bottom:
            12px;

        display:
            flex;

        align-items:
            center;

        gap:
            9px;

        min-width:
            0;
    }


    .addi-m-visual-badge {
        flex:
            0
            0
            auto;

        padding:
            6px
            8px;

        color:
            #ffffff;

        background:
            var(--addi-m-orange);

        border-radius:
            4px;

        font-family:
            var(--addi-m-font-medium);

        font-size:
            10.5px;

        line-height:
            1;

        font-weight:
            500;
    }


    .addi-m-visual-title {
        min-width:
            0;

        color:
            var(--addi-m-text);

        font-family:
            var(--addi-m-font-medium);

        font-size:
            13.5px;

        line-height:
            1.25;

        font-weight:
            500;
    }


    /* =====================================================
       BOX 3
       ===================================================== */

    .addi-m-content {
        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        padding:
            51px
            17px
            19px;

        overflow:
            hidden !important;
    }


    .addi-m-content-phase {
        position:
            absolute;

        top:
            16px;

        left:
            17px;

        color:
            var(--addi-m-orange);

        font-family:
            var(--addi-m-font-medium);

        font-size:
            10.5px;

        line-height:
            1;

        font-weight:
            500;

        letter-spacing:
            0.05em;
    }


    .addi-m-content-method {
        position:
            absolute;

        top:
            11px;

        right:
            14px;

        padding:
            6px
            8px;

        color:
            var(--addi-m-soft);

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

        border:
            1px solid
            rgba(
                255,
                255,
                255,
                0.07
            );

        border-radius:
            4px;

        font-family:
            var(--addi-m-font-regular);

        font-size:
            10px;

        line-height:
            1;
    }


    .addi-m-content-title {
        display:
            block;

        width:
            100%;

        margin:
            0
            0
            16px;

        color:
            var(--addi-m-text);

        font-family:
            var(--addi-m-font-medium);

        font-size:
            clamp(
                23px,
                6.5vw,
                29px
            );

        line-height:
            1.08;

        font-weight:
            500;

        letter-spacing:
            -0.025em;
    }


    .addi-m-content-title::after {
        content:
            "";

        display:
            block;

        width:
            42px;

        height:
            3px;

        margin-top:
            10px;

        background:
            var(--addi-m-orange);

        border-radius:
            20px;
    }


    .addi-m-content-description {
        display:
            block;

        width:
            100%;

        margin:
            0;

        color:
            var(--addi-m-soft);

        font-family:
            var(--addi-m-font-body);

        font-size:
            14.5px;

        line-height:
            1.55;

        font-weight:
            400;
    }


    .addi-m-deliverables {
        width:
            100%;

        margin-top:
            19px;

        padding-top:
            17px;

        border-top:
            1px solid
            var(--addi-m-border);
    }


    .addi-m-deliverables-title {
        margin:
            0
            0
            10px;

        color:
            var(--addi-m-muted);

        font-family:
            var(--addi-m-font-medium);

        font-size:
            10.5px;

        line-height:
            1.25;

        font-weight:
            500;

        letter-spacing:
            0.025em;
    }


    .addi-m-deliverables-list {
        display:
            grid;

        grid-template-columns:
            1fr;

        gap:
            6px;

        width:
            100%;

        margin:
            0;

        padding:
            0;

        list-style:
            none;
    }


    .addi-m-deliverables-item {
        display:
            flex;

        align-items:
            center;

        width:
            100%;

        min-height:
            46px;

        margin:
            0;

        padding:
            10px
            11px;

        color:
            var(--addi-m-text);

        background:
            var(--addi-m-item);

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

        border-radius:
            8px;

        font-family:
            var(--addi-m-font-body);

        font-size:
            12.5px;

        line-height:
            1.35;

        font-weight:
            600;
    }


    .addi-m-deliverables-item::first-letter {
        color:
            var(--addi-m-orange);
    }

}


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

@media (max-width: 767px) {

    .addi-m-content-phase,
    .addi-m-content-method {
        display:
            none !important;
    }


    .addi-m-content {
        padding:
            21px
            17px
            19px;
    }

}


/* =========================================================
   MOBILE >=430
   ========================================================= */

@media
(min-width: 430px)
and
(max-width: 767px) {

    .addi-mobile-method {
        grid-template-columns:
            50px
            minmax(
                0,
                1fr
            );

        column-gap:
            13px;
    }


    .addi-m-timeline-slot {
        width:
            50px;

        min-width:
            50px;

        max-width:
            50px;
    }


    .addi-m-timeline {
        width:
            50px;

        min-width:
            50px;

        max-width:
            50px;

        height:
            clamp(
                500px,
                84svh,
                740px
            );
    }


    .addi-m-timeline-item {
        width:
            50px;
    }


    .addi-m-timeline-rail {
        left:
            24px;
    }


    .addi-m-deliverables-list {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

}


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

@media (max-width: 360px) {

    .addi-m-content-title {
        font-size:
            22px;
    }


    .addi-m-content-description {
        font-size:
            14px;
    }


    .addi-m-deliverables-item {
        font-size:
            12px;
    }


    .addi-m-visual-title {
        font-size:
            13px;
    }

}


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

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

    .addi-mobile-method {
        grid-template-columns:
            64px
            minmax(
                0,
                1fr
            );

        column-gap:
            20px;

        padding:
            32px
            28px
            60px !important;
    }


    .addi-m-timeline-slot {
        width:
            64px;

        min-width:
            64px;

        max-width:
            64px;
    }


    .addi-m-timeline {
        width:
            64px;

        min-width:
            64px;

        max-width:
            64px;

        height:
            clamp(
                520px,
                76svh,
                760px
            );
    }


    .addi-m-timeline-rail {
        left:
            31px;

        top:
            22px;

        bottom:
            22px;
    }


    .addi-m-timeline-item {
        width:
            64px;

        height:
            46px;

        flex:
            0
            0
            46px;
    }


    .addi-m-timeline-button {
        width:
            40px;

        height:
            40px;

        font-size:
            12px;
    }


    .addi-m-timeline-item.is-active
    .addi-m-timeline-button {
        transform:
            scale(1.1);

        box-shadow:
            0
            0
            0
            5px
            rgba(
                243,
                107,
                33,
                0.14
            );
    }


    .addi-m-phases {
        gap:
            42px;
    }


    .addi-m-phase {
        gap:
            14px;

        scroll-margin-top:
            130px;
    }


    .addi-m-phase:not(:last-child) {
        padding-bottom:
            30px;
    }


    .addi-m-visual {
        height:
            250px;

        min-height:
            250px;

        border-radius:
            20px;

        background-size:
            20px
            20px;
    }


    .addi-m-visual-image {
        inset:
            0
            0
            62px;

        padding:
            18px
            30px;
    }


    .addi-m-visual-image img {
        width:
            min(
                42%,
                190px
            );

        max-width:
            190px;

        max-height:
            155px;
    }


    .addi-m-visual-caption {
        left:
            20px;

        right:
            20px;

        bottom:
            17px;

        gap:
            12px;
    }


    .addi-m-visual-badge {
        padding:
            7px
            10px;

        font-size:
            11px;
    }


    .addi-m-visual-title {
        font-size:
            16px;

        line-height:
            1.25;
    }


    .addi-m-content {
        padding:
            66px
            28px
            28px;

        border-radius:
            20px;
    }


    .addi-m-content-phase {
        top:
            22px;

        left:
            28px;

        font-size:
            11px;
    }


    .addi-m-content-method {
        top:
            16px;

        right:
            22px;

        padding:
            7px
            10px;

        font-size:
            11px;
    }


    .addi-m-content-title {
        max-width:
            760px;

        margin-bottom:
            20px;

        font-size:
            clamp(
                29px,
                4vw,
                38px
            );

        line-height:
            1.08;
    }


    .addi-m-content-title::after {
        width:
            52px;

        height:
            4px;

        margin-top:
            13px;
    }


    .addi-m-content-description {
        max-width:
            780px;

        font-size:
            16px;

        line-height:
            1.6;
    }


    .addi-m-deliverables {
        margin-top:
            25px;

        padding-top:
            22px;
    }


    .addi-m-deliverables-title {
        margin-bottom:
            13px;

        font-size:
            11px;
    }


    .addi-m-deliverables-list {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            10px;
    }


    .addi-m-deliverables-item {
        min-height:
            56px;

        padding:
            12px
            14px;

        border-radius:
            10px;

        font-size:
            14px;

        line-height:
            1.4;
    }

}


/* =========================================================
   LANDSCAPE
   ========================================================= */

@media
(max-width: 1199px)
and
(orientation: landscape)
and
(max-height: 600px) {

    .addi-m-timeline {
        height:
            calc(
                100svh - 48px
            );
    }

}


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

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

    .addi-m-timeline-button,
    .addi-m-visual::before,
    .addi-m-content::before {
        transition:
            none !important;
    }

}


/* =========================================================
   FIX FINALE FASE 08
   SOLO DESKTOP

   IMPORTANTE:
   Box 2 viene corretto spostando il PIN-SPACER,
   NON .mid-content.

   GSAP continua quindi a controllare liberamente
   transform:translate(...) di .mid-content.
   ========================================================= */

@media (min-width: 1200px) {

    /*
     * PIN-SPACER DEL BOX 2
     *
     * È il pin-spacer diretto figlio
     * di .content-wrapper.
     *
     * Nel log non ha transform GSAP.
     */

    .metodo-addi.addi-final-phase-align
    .content-wrapper
    > .pin-spacer {
        transform:
            translate3d(
                0,
                var(
                    --addi-final-middle-y,
                    0px
                ),
                0
            ) !important;

        will-change:
            transform;
    }


    /*
     * ULTIMO BOX 3
     *
     * Non ha alcun transform GSAP nel log,
     * quindi possiamo compensarlo direttamente.
     */

    .metodo-addi.addi-final-phase-align
    .service__items-6
    > .service__item-6:last-child {
        transform:
            translate3d(
                0,
                var(
                    --addi-final-right-y,
                    0px
                ),
                0
            ) !important;

        will-change:
            transform;
    }

}

/* =========================================================
   TYPOGRAPHY FIX
   DESKTOP + TABLET + MOBILE
   ========================================================= */

.metodo-addi .animation__service_page > p,
.metodo-addi .animation__service_page > ul > li,

.addi-mobile-method .addi-m-content-description,
.addi-mobile-method .addi-m-deliverables-item {
    font-family:
        "Kanit Light",
        "Kanit",
        "Segoe UI",
        sans-serif !important;

    font-weight:
        300 !important;
}

/* =========================================================
   DIMENSIONI TESTI
   ========================================================= */

/* DESKTOP */
@media (min-width: 1200px) {

    /* Testi descrittivi principali */
    .metodo-addi
    .animation__service_page > p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    /* Testi dentro i box dei deliverables */
    .metodo-addi
    .animation__service_page > ul > li {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    /* Titolo "DELIVERABLES & AZIONI CHIAVE" */
    .metodo-addi
    .animation__service_page > ul::before {
        font-size: 13px !important;
    }
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1199px) {

    .addi-m-content-description {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }

    .addi-m-deliverables-item {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .addi-m-deliverables-title {
        font-size: 12px !important;
    }
}


/* MOBILE */
@media (max-width: 767px) {

    .addi-m-content-description {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .addi-m-deliverables-item {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .addi-m-deliverables-title {
        font-size: 11px !important;
    }
}

/* =========================================================
   RIMOZIONE LABEL
   "FASE XX DI 08" + "Metodo Addì"
   DESKTOP + TABLET + MOBILE
   ========================================================= */


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

@media (min-width: 1200px) {

    /* FASE XX DI 08 */
    .metodo-addi
    .service__item-6::before {
        display: none !important;
        content: none !important;
    }

    /* Metodo Addì */
    .metodo-addi
    .service__item-6::after {
        display: none !important;
        content: none !important;
    }

    /*
     * Prima avevamo 78px sopra
     * perché dovevamo lasciare posto alle label.
     *
     * Ora recuperiamo spazio.
     */
    .metodo-addi
    .service__item-6 {
        padding-top: 34px !important;
    }

}


/* =========================================================
   DESKTOP 1200 - 1399
   ========================================================= */

@media
(min-width: 1200px)
and
(max-width: 1399px) {

    .metodo-addi
    .service__item-6 {
        padding-top: 30px !important;
    }

}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width: 1199px) {

    .addi-m-content-phase,
    .addi-m-content-method {
        display: none !important;
    }

}


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

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

    /*
     * Prima: 66px
     * Ora non servono più le label superiori.
     */
    .addi-m-content {
        padding:
            30px
            28px
            28px !important;
    }

}


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

@media (max-width: 767px) {

    .addi-m-content {
        padding:
            22px
            17px
            19px !important;
    }

}

@media (min-width: 1200px) {

    .metodo-addi
    .animation__service_page > ul {
        margin-top: 20px !important;
        padding-top: 20px !important;
        gap: 8px !important;
    }

    .metodo-addi
    .animation__service_page > ul > li {
        min-height: 48px !important;

        padding:
            9px
            12px !important;

        font-size: 14px !important;
        line-height: 1.3 !important;
    }

}

/* =========================================================
   DESKTOP
   COMPATTA BOX 3 SENZA RIDURRE TROPPO LA LEGGIBILITÀ
   ========================================================= */

@media (min-width: 1200px) {

    /* Titolo leggermente più compatto */
    .metodo-addi .service__title-6 {
        font-size: clamp(30px, 2.25vw, 40px) !important;
        line-height: 1.02 !important;
        margin-bottom: 16px !important;
    }

    .metodo-addi .service__title-6::after {
        margin-top: 12px !important;
    }


    /* Testo principale:
       non 18px fissi, ma adattivo */
    .metodo-addi .animation__service_page > p {
        font-size: clamp(16px, 1vw, 17px) !important;
        line-height: 1.45 !important;
    }


    /* Riduce eventuali doppi a-capo verticali */
    .metodo-addi .animation__service_page > p br {
        line-height: 0.75 !important;
    }


    /* Separatore + deliverables più vicini al testo */
    .metodo-addi .animation__service_page > ul {
        margin-top: 14px !important;
        padding-top: 14px !important;
        gap: 6px 8px !important;
    }


    /* Label deliverables */
    .metodo-addi .animation__service_page > ul::before {
        margin-bottom: 0 !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
    }


    /* Caselle deliverables */
    .metodo-addi .animation__service_page > ul > li {
        min-height: 0 !important;

        padding:
            7px
            11px !important;

        font-size: 13px !important;
        line-height: 1.25 !important;

        font-weight: 300 !important;
    }
}


@media (min-width: 1200px) {
  #service_8 {
      min-height:800px !important;
  }
}/* End custom CSS */
/* Start custom CSS */.metodo-addi .mid-content::after {
   
    font-size: 15px !important;
   
  }
  
  @media (max-width: 767px) {
    .service__hero-2 {
        padding-bottom: 20px !important;
        padding-top: 90px;
    }
    
        .service__hero-left-2 img {
        width: 220px !important;
    }
    
    
    .service__hero-left-2 .image-4 {
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
	}
}/* End custom CSS */