:root{--navy:#071a2d;--navy2:#0b2742;--blue:#1389ff;--blue2:#42a7ff;--ink:#102033;--muted:#617085;--bg:#edf5fc;--line:#cbd9e7;--white:#fff}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}

a{text-decoration:none;color:inherit}

.wrap{width:min(1540px,calc(100% - 100px));margin-left:auto;margin-right:auto}

.hero{
min-height:720px;
color:white;
background:
linear-gradient(90deg,#061827 0%,#071b2d 39%,rgba(6,22,38,.76) 58%,rgba(6,22,38,.30) 100%),
url("../img/hero.png") right center/60% 100% no-repeat;
position:relative;
padding-bottom:130px;
overflow:hidden
}

.nav{height:100px;display:flex;align-items:center;gap:48px}

.brand{display:flex;align-items:center;line-height:1;font-weight:800;letter-spacing:.14em;font-size:24px}

.brand small{display:block;font-size:9px;letter-spacing:.32em;font-weight:500;margin-top:4px}

.brand img{display:block;width:auto;height:54px;object-fit:contain}

.nav .brand img{height:62px}

.navlinks{display:flex;gap:38px;margin-left:auto;font-size:14px}

.navlinks a{opacity:.9}

.navlinks a:hover{color:var(--blue2)}

.pill{background:var(--blue);padding:15px 24px;border-radius:999px;font-weight:650;font-size:14px}

.hero-copy{padding-top:96px;max-width:660px}

.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--blue2);font-weight:700}

.hero h1{font-size:72px;line-height:.98;margin:20px 0 26px;letter-spacing:-.045em}

.hero h1 span{color:var(--blue)}

.lead{font-size:18px;line-height:1.65;color:#d9e5ef;max-width:650px}

.actions{display:flex;gap:14px;margin-top:30px}

.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;border-radius:9px;font-weight:650}

.btn.primary{background:var(--blue);color:white}

.btn.ghost{border:1px solid #91a5b8;color:white}

.benefits{display:flex;gap:36px;margin-top:38px;font-size:13px;color:#dce8f1}

.benefits span:before{
content:"✓";
display:inline-grid;
place-items:center;
width:18px;
height:18px;
border:1px solid var(--blue);
color:var(--blue2);
border-radius:50%;
margin-right:8px
}

.services-wrap{margin-top:-98px;position:relative;z-index:5}

.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}

.service{
background:linear-gradient(180deg,#f8fbff,#e8f2fb);
border:1px solid #c6d7e6;
border-radius:18px;
overflow:hidden;
box-shadow:0 15px 35px rgba(20,62,100,.13);
transition:.45s transform,.45s box-shadow
}

.service:hover{transform:translateY(-12px);box-shadow:0 24px 50px rgba(20,62,100,.20)}

.service img{width:100%;height:220px;object-fit:cover;display:block}

.service-body{padding:24px 24px 22px;min-height:245px;display:flex;flex-direction:column}

.service h3{font-size:21px;margin:0 0 10px}

.service p{color:#52667d;line-height:1.6;margin:0}

.more{margin-top:auto;color:#0879e8;font-weight:650;font-size:14px;padding-top:20px}

.logo-bar{
background:#fff;
margin-top:42px;
border-top:1px solid #e3e9ef;
border-bottom:1px solid #e3e9ef;
padding:32px 0
}

.logo-title{
text-align:center;
font-size:10px;
letter-spacing:.25em;
text-transform:uppercase;
color:#6b7888;
margin-bottom:20px
}

.logos{
display:flex;
justify-content:space-around;
gap:35px;
flex-wrap:wrap;
color:#53657a;
font-weight:800
}

.logos span{opacity:.78}

.section{padding:100px 0}

.two{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}

.section h2{
font-size:48px;
line-height:1.05;
letter-spacing:-.035em;
margin:12px 0 20px
}

.section p{font-size:16px;line-height:1.7;color:#5b6b7d}

.about-img{
width:100%;
border-radius:18px;
box-shadow:0 20px 45px rgba(21,54,86,.15)
}

.stats{display:flex;gap:60px;margin:34px 0}

.stats strong{font-size:32px;display:block}

.stats small{color:#6d7b8b}

.journey-section{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 48% 40%,rgba(255,255,255,.98),rgba(239,248,255,.96) 46%,#e7f2fb 100%);
border-top:1px solid #d6e5f1;
border-bottom:1px solid #d6e5f1;
padding:110px 0 95px
}

.journey-section::after{
content:"";
position:absolute;
right:-180px;
top:-230px;
width:500px;
height:500px;
border:2px solid rgba(19,137,255,.05);
border-radius:50%;
pointer-events:none
}

.journey-intro{
position:relative;
width:370px;
z-index:10
}

.journey-intro h2{
margin:18px 0 22px;
font-size:68px;
line-height:.98;
letter-spacing:-.055em;
color:#07182e
}

.journey-intro h2 span{color:var(--blue)}

.journey-intro p{
margin:0;
max-width:340px;
color:#647991;
font-size:17px;
line-height:1.6
}

.journey{
position:relative;
min-height:650px;
margin-top:-160px
}

.journey-route{
position:absolute;
left:0;
bottom:85px;
width:100%;
height:450px;
overflow:visible;
z-index:1
}

.journey-route path{
fill:none;
stroke-linecap:round;
stroke-linejoin:round
}

.journey-route-bg{
stroke:#aed4f5;
stroke-width:3
}

.journey-route-active{
stroke:#168cff;
stroke-width:4;
stroke-dasharray:2000;
stroke-dashoffset:2000;
transition:stroke-dashoffset 3.8s cubic-bezier(.3,.7,.2,1)
}

.journey.is-visible .journey-route-active{stroke-dashoffset:0}

.journey-step{
position:absolute;
width:310px;
z-index:5;
opacity:0;
transition:opacity .8s ease,transform .85s cubic-bezier(.16,.8,.25,1)
}

.journey-step-1{
left:2%;
top:355px;
transform:translateY(55px)
}

.journey-step-2{
left:31%;
top:40px;
transform:translateY(-55px)
}

.journey-step-3{
left:56%;
top:365px;
transform:translateY(55px)
}

.journey-step-4{
right:0;
top:55px;
transform:translateY(-55px)
}

.journey-step.is-visible{
opacity:1;
transform:none
}

.journey-image-wrap{
position:relative;
width:172px;
height:172px;
margin:0 auto;
border-radius:50%;
border:6px solid rgba(255,255,255,.95);
background:#fff;
box-shadow:0 18px 40px rgba(44,91,135,.20);
z-index:8
}

.journey-image{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:50%
}

.journey-number{
position:absolute;
right:-4px;
top:-24px;
width:60px;
height:60px;
display:grid;
place-items:center;
border-radius:50%;
border:5px solid #fff;
background:var(--blue);
color:#fff;
font-size:18px;
font-weight:800;
box-shadow:0 8px 20px rgba(19,137,255,.28)
}

.journey-card{
position:relative;
width:100%;
padding:26px 28px 28px;
background:rgba(255,255,255,.95);
border:1px solid rgba(207,224,238,.9);
border-radius:17px;
box-shadow:0 18px 45px rgba(36,77,115,.10);
z-index:7;
transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease
}

.journey-step-1 .journey-card,
.journey-step-3 .journey-card{margin-top:22px}

.journey-step-2 .journey-image-wrap,
.journey-step-4 .journey-image-wrap{margin-top:22px}

.journey-card:hover{
transform:translateY(-7px);
border-color:rgba(19,137,255,.38);
box-shadow:0 26px 58px rgba(36,77,115,.16)
}

.journey-icon{
width:56px;
height:56px;
margin-bottom:17px;
display:grid;
place-items:center;
border-radius:15px;
background:linear-gradient(145deg,#edf7ff,#dceeff);
color:var(--blue)
}

.journey-icon svg{
width:29px;
height:29px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round
}

.journey-code{
font-family:Consolas,monospace;
font-size:21px;
font-weight:700
}

.journey-card h3{
margin:0 0 9px;
color:#081a30;
font-size:23px;
letter-spacing:-.02em
}

.journey-card p{
margin:0;
color:#5d738b;
font-size:15px;
line-height:1.55
}

.journey-note{
position:absolute;
z-index:9;
color:#58728e;
font-family:"Segoe Print","Comic Sans MS",cursive;
font-size:14px;
font-style:italic;
line-height:1.45;
transform:rotate(-4deg)
}

.journey-note span{
display:block;
margin-top:3px;
color:#456988;
font-size:25px
}

.journey-note-arrow{display:block;width:72px;height:62px;margin-top:2px;overflow:visible}
.journey-note-arrow path{fill:none;stroke:#456988;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.journey-note-arrow-down{margin-left:18px}
.journey-note-arrow-up{margin-left:-12px}
.journey-note-top{
left:52%;
top:0
}

.journey-note-end{
right:-2%;
bottom:20px
}

.journey-footer{
position:relative;
z-index:10;
display:flex;
justify-content:center;
align-items:center;
gap:30px;
margin-top:50px
}

.journey-footer-line{
width:150px;
height:1px;
background:#b7d0e4
}

.journey-footer p{
margin:0;
color:#8399ae;
font-size:10px;
font-weight:700;
letter-spacing:.32em
}

.journey-footer b{
margin:0 12px;
font-weight:400;
color:#94adc1
}

@media(max-width:1300px){

.journey-intro h2{font-size:58px}

.journey-step{width:275px}

.journey-image-wrap{
width:155px;
height:155px
}

.journey-step-2{left:29%}
.journey-step-3{left:54%}

}

@media(max-width:1000px){

.journey-section{padding:80px 0}

.journey-intro{
width:100%;
text-align:center;
margin-bottom:50px
}

.journey-intro h2{font-size:50px}

.journey-intro p{margin:0 auto}

.journey{
min-height:0;
margin-top:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:24px
}

.journey-route,
.journey-note{display:none}

.journey-step,
.journey-step-1,
.journey-step-2,
.journey-step-3,
.journey-step-4{
position:relative;
inset:auto;
width:auto;
top:auto;
left:auto;
right:auto;
display:flex;
flex-direction:column;
transform:translateY(35px)
}

.journey-step-1 .journey-image-wrap,
.journey-step-2 .journey-image-wrap,
.journey-step-3 .journey-image-wrap,
.journey-step-4 .journey-image-wrap{
order:1;
margin-top:0;
margin-bottom:-30px;
z-index:9
}

.journey-step-1 .journey-card,
.journey-step-2 .journey-card,
.journey-step-3 .journey-card,
.journey-step-4 .journey-card{
order:2;
margin-top:0;
padding-top:50px;
height:100%
}

}

@media(max-width:650px){

.journey-section{padding:65px 0}

.journey-intro h2{font-size:42px}

.journey-intro p{font-size:15px}

.journey{
grid-template-columns:1fr;
gap:26px
}

.journey-image-wrap{
width:135px;
height:135px
}

.journey-number{
width:49px;
height:49px;
font-size:14px
}

.journey-card{padding:48px 22px 24px}

.journey-card h3{font-size:21px}

.journey-card p{font-size:14px}

.journey-footer{margin-top:35px}

.journey-footer-line{width:30px}

.journey-footer p{
font-size:8px;
letter-spacing:.16em
}

.journey-footer b{margin:0 5px}

}

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

.journey-step{
opacity:1;
transform:none;
transition:none
}

.journey-route-active{
stroke-dashoffset:0;
transition:none
}

}

.cases-head{
display:flex;
align-items:end;
justify-content:space-between
}

.casegrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:26px;
margin-top:32px
}

.case{
background:#f7fbff;
border:1px solid #cad9e6;
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 25px rgba(25,60,90,.08);
display:flex;
flex-direction:column
}

.case img{
width:100%;
height:auto;
aspect-ratio:800 / 520;
object-fit:cover;
object-position:center;
display:block
}

.case div{padding:22px;display:flex;flex-direction:column;flex:1}

.case h3{margin:0 0 8px}

.darkband{
background:linear-gradient(100deg,#06192b,#0b3457);
color:white;
padding:50px 0
}

.darkgrid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:80px;
align-items:center
}

.reasons{
display:flex;
gap:35px;
flex-wrap:wrap
}

.reasons span{font-size:14px}

.cta{
background:#08243b;
border:1px solid #1a5d90;
border-radius:16px;
padding:32px
}

.cta h3{margin-top:0}

.reviews{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:30px
}

.review{
background:#f7fbff;
border:1px solid #cbd9e6;
border-radius:14px;
padding:28px;
color:#4b5e73
}

.footer{
background:#061827;
color:#c4d1dc;
padding:60px 0 26px
}

.footgrid{
display:grid;
grid-template-columns:1.2fr .7fr 1fr;
gap:90px
}

.footer h3{color:white}

.footer a{
display:block;
margin:8px 0;
font-size:14px
}

.fine{
border-top:1px solid #244055;
margin-top:40px;
padding-top:20px;
font-size:12px;
color:#8295a6
}

.footer .brand img{
height:72px;
max-width:230px
}

.reveal{
opacity:0;
transform:translateY(45px);
transition:.75s ease
}

.reveal.in{
opacity:1;
transform:none
}

@media(max-width:1500px){

.wrap{
width:min(1320px,calc(100% - 70px))
}

.hero h1{
font-size:64px
}

.hero-copy{
max-width:600px
}

}

@media(max-width:1100px){

.wrap{
width:min(100% - 48px,1000px)
}

.navlinks{
gap:22px
}

.hero{
background-size:70% 100%
}

.services{
grid-template-columns:repeat(2,1fr)
}

.two,
.darkgrid{
grid-template-columns:1fr
}

}

@media(max-width:900px){

.navlinks{
display:none
}

.hero{
background-size:cover;
background-position:center
}

.hero:before{
content:"";
position:absolute;
inset:0;
background:rgba(3,18,31,.30);
pointer-events:none
}

.hero > *{
position:relative;
z-index:1
}

.hero h1{
font-size:48px
}

.casegrid,
.reviews{
grid-template-columns:1fr
}

.footgrid{
grid-template-columns:1fr
}

.benefits{
flex-wrap:wrap
}

.nav .pill{
margin-left:auto
}

}

@media(max-width:600px){

.wrap{
width:calc(100% - 28px)
}

.hero{
min-height:720px;
padding-bottom:120px
}

.hero-copy{
padding-top:55px
}

.hero h1{
font-size:42px
}

.services{
grid-template-columns:1fr
}

.actions{
flex-direction:column;
align-items:flex-start
}

.section{
padding:70px 0
}

.section h2{
font-size:36px
}

.stats{
gap:25px;
flex-wrap:wrap
}

.nav .pill{
display:none
}

.nav .brand img{
height:44px
}

.footer .brand img{
height:58px
}

.service img{
height:190px
}

}

.process-item{
opacity:1;
transform:none
}

}

@media (min-width:1001px){

    .journey{
        min-height:880px;
    }

    .journey-route{
        bottom:245px !important;
        overflow:visible !important;
    }

    .journey-image-wrap{
        width:140px !important;
        height:140px !important;
        min-width:140px !important;
        min-height:140px !important;

        border-radius:50% !important;
        border:5px solid #fff !important;
        background:#fff !important;
        box-shadow:0 14px 30px rgba(30,70,110,.16) !important;

        overflow:hidden !important;
        margin:0 !important;

        position:absolute !important;
        z-index:20 !important;

        transform:translate(-50%,-50%) !important;
    }

    .journey-image{
        display:block !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
        border-radius:50% !important;
        transform:none !important;
        filter:none !important;
        image-rendering:auto !important;
    }

    .journey-number{
        width:46px !important;
        height:46px !important;
        top:-14px !important;
        right:-8px !important;
        font-size:14px !important;
        z-index:30 !important;
    }

    .journey-note-end,
    .journey-note-right{
        position:absolute !important;
        right:0 !important;
        top:480px !important;
        bottom:auto !important;
        width:155px !important;
        z-index:50 !important;
        text-align:left !important;
        transform:rotate(-3deg) !important;
    }

    .journey-note-end p,
    .journey-note-right p{
        margin:0 !important;
        font-size:15px !important;
        line-height:1.25 !important;
    }

    .journey-note-end svg,
    .journey-note-right svg{
        display:block !important;
        width:65px !important;
        height:65px !important;
        margin:2px 0 0 5px !important;
        overflow:visible !important;
    }

    .journey-footer{
        position:relative;
        z-index:20;
        margin-top:0;
        padding-top:25px;
        padding-bottom:5px;
        clear:both;
    }

    .journey-footer p{
        white-space:nowrap;
    }
}

.journey-auto-dot{
    fill:#1389ff;
    stroke:#fff;
    stroke-width:4;
    filter:drop-shadow(0 3px 7px rgba(19,137,255,.28));
    opacity:0;
    transition:opacity .35s ease;
}

.journey.is-visible .journey-auto-dot{
    opacity:1;
}

@media (min-width:1001px){

    .journey > .journey-image-wrap{
        position:absolute !important;

        width:140px !important;
        height:140px !important;
        min-width:140px !important;
        min-height:140px !important;

        margin:0 !important;

        border:5px solid #fff !important;
        border-radius:50% !important;

        background:#fff !important;

        overflow:visible !important;

        box-shadow:
            0 14px 30px
            rgba(30,70,110,.18) !important;

        z-index:30 !important;

        transform:
            translate(-50%,-50%)
            !important;
    }

    .journey > .journey-image-wrap .journey-image{
        display:block !important;

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center center !important;

        border-radius:50% !important;

        transform:none !important;
    }

    .journey > .journey-image-wrap .journey-number{
        position:absolute !important;

        top:-15px !important;
        right:-10px !important;

        width:46px !important;
        height:46px !important;

        display:grid !important;
        place-items:center !important;

        border:5px solid #fff !important;
        border-radius:50% !important;

        background:#1389ff !important;
        color:#fff !important;

        font-size:14px !important;
        font-weight:800 !important;

        z-index:40 !important;
    }

}

@media (min-width:1001px){

    .journey-step{
        position:absolute !important;
        width:310px !important;
        right:auto !important;

        z-index:15 !important;

        transform:none !important;
    }

    .journey-step.is-visible{
        opacity:1 !important;
        transform:none !important;
    }

    .journey-step .journey-card{
        width:100% !important;

        margin:0 !important;

        position:relative !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
    }

}

@media (min-width:1001px){

    .journey{
        min-height:1050px !important;
    }

    .journey-footer{
        position:absolute !important;

        left:0 !important;
        right:0 !important;

        bottom:35px !important;

        margin:0 !important;
        padding:0 !important;

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

        z-index:10 !important;
    }
}

@media (min-width:1001px){

    .journey{
        min-height:880px !important;
    }

    .journey-footer{
        position:relative !important;

        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        top:auto !important;

        margin-top:140px !important;

        padding:0 !important;

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

        z-index:10 !important;
    }

}

@media (min-width:1001px){

    .journey{
        transform:translateY(-100px) !important;
    }

}

@media (min-width:1001px){
    .journey{
        transform:translateY(-250px) !important;
    }
}

@media (min-width:1001px){
    .journey{
        transform:translateY(-180px) !important;
    }
}

@media (min-width:1001px){

    .journey-note-top{
        transform:translateY(80px) rotate(-4deg) !important;
    }

}

@media (min-width:1001px){

    .journey-footer{
        transform:translateY(-40px) !important;
    }

}

@media (min-width:1001px){

    .journey-step{
        width:270px !important;
    }

    .journey-step .journey-card{
        padding:21px 23px 22px !important;
        border-radius:15px !important;
    }

    .journey-step .journey-icon{
        width:48px !important;
        height:48px !important;
        margin-bottom:13px !important;
        border-radius:13px !important;
    }

    .journey-step .journey-icon svg{
        width:25px !important;
        height:25px !important;
    }

    .journey-step .journey-card h3{
        font-size:20px !important;
        margin-bottom:7px !important;
    }

    .journey-step .journey-card p{
        font-size:14px !important;
        line-height:1.48 !important;
    }
}

@media (min-width:1001px){

    .journey-step{
        width:235px !important;
    }

    .journey-step .journey-card{
        padding:17px 18px 18px !important;
        border-radius:14px !important;
    }

    .journey-step .journey-icon{
        width:42px !important;
        height:42px !important;
        margin-bottom:10px !important;
        border-radius:11px !important;
    }

    .journey-step .journey-icon svg{
        width:22px !important;
        height:22px !important;
    }

    .journey-step .journey-card h3{
        font-size:18px !important;
        line-height:1.15 !important;
        margin:0 0 6px !important;
    }

    .journey-step .journey-card p{
        font-size:12.5px !important;
        line-height:1.42 !important;
        margin:0 !important;
    }
}

.nortiq-hero-new{
    position:relative;
    min-height:760px;
    overflow:hidden;
    background:#f4f7fb;
    color:#07182e;
}

.nortiq-new-nav{
    position:relative;
    z-index:20;

    width:min(1500px,calc(100% - 90px));
    height:100px;

    margin:0 auto;

    display:flex;
    align-items:center;
    gap:42px;
}

.nortiq-new-logo img{
    display:block;
    height:62px;
    width:auto;
}

.nortiq-new-navlinks{
    margin-left:auto;

    display:flex;
    align-items:center;
    gap:35px;
}

.nortiq-new-navlinks a{
    font-size:14px;
    color:#172638;
    font-weight:550;
}

.nortiq-new-navlinks a:hover{
    color:#168cff;
}

.nortiq-new-navcta{
    display:flex;
    align-items:center;
    gap:12px;

    background:#071827;
    color:#fff;

    padding:15px 23px;
    border-radius:999px;

    font-size:13px;
    font-weight:700;

    box-shadow:0 8px 25px rgba(7,24,39,.13);
}

.nortiq-new-inner{
    position:relative;

    width:min(1500px,calc(100% - 90px));
    min-height:620px;

    margin:0 auto;

    display:grid;
    grid-template-columns:42% 58%;
    align-items:center;
}

.nortiq-new-copy{
    position:relative;
    z-index:10;

    max-width:560px;

    padding-bottom:50px;
}

.nortiq-new-kicker{
    display:block;

    margin-bottom:20px;

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

    letter-spacing:.30em;

    color:#68778a;
}

.nortiq-new-copy h1{
    margin:0 0 20px;

    font-size:68px;
    line-height:.96;

    letter-spacing:-.055em;
    font-weight:800;

    color:#07182e;
}

.nortiq-new-copy h1 span{
    color:#8362e8;
}

.nortiq-new-copy > p{
    max-width:510px;

    margin:0;

    font-size:17px;
    line-height:1.6;

    color:#384c61;
}

.nortiq-new-actions{
    display:flex;
    gap:14px;

    margin-top:28px;
}

.nortiq-new-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    min-height:50px;

    padding:0 23px;

    border-radius:8px;

    font-size:14px;
    font-weight:700;

    transition:.25s ease;
}

.nortiq-new-btn:hover{
    transform:translateY(-2px);
}

.nortiq-new-btn.dark{
    background:#071827;
    color:#fff;
}

.nortiq-new-btn.light{
    background:rgba(255,255,255,.75);
    border:1px solid #bdc7d1;
    color:#071827;
}

.nortiq-new-stats{
    display:flex;

    margin-top:45px;
}

.nortiq-new-stats > div{
    min-width:120px;

    padding-right:26px;
    margin-right:26px;

    border-right:1px solid #ccd4dc;
}

.nortiq-new-stats > div:last-child{
    border-right:0;
}

.nortiq-new-stats strong{
    display:block;

    margin-bottom:5px;

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

    color:#07182e;
}

.nortiq-new-stats span{
    display:block;

    font-size:11px;
    line-height:1.35;

    color:#5a6978;
}

.nortiq-new-visual{
    position:absolute;

    top:0;
    right:-40px;
    bottom:0;

    width:64%;

    z-index:1;
}

.nortiq-new-visual::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            #f4f7fb 0%,
            rgba(244,247,251,.96) 8%,
            rgba(244,247,251,.62) 18%,
            rgba(244,247,251,.15) 35%,
            transparent 52%
        );
}

.nortiq-new-visual img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;
}

.nortiq-new-scroll{
    position:absolute;

    left:50%;
    bottom:20px;

    z-index:30;

    transform:translateX(-50%);

    display:flex;
    align-items:center;
    gap:9px;

    font-size:11px;
    font-weight:600;

    color:#29394b;
}

.nortiq-new-scroll span{
    width:27px;
    height:27px;

    display:grid;
    place-items:center;

    border:1px solid #29394b;
    border-radius:50%;
}

@media(max-width:1100px){

    .nortiq-new-nav,
    .nortiq-new-inner{
        width:calc(100% - 50px);
    }

    .nortiq-new-navlinks{
        display:none;
    }

    .nortiq-new-copy h1{
        font-size:56px;
    }

    .nortiq-new-inner{
        grid-template-columns:55% 45%;
    }

    .nortiq-new-visual{
        width:72%;
        right:-190px;
    }
}

@media(max-width:760px){

    .nortiq-hero-new{
        min-height:760px;
    }

    .nortiq-new-nav{
        width:calc(100% - 30px);
        height:85px;
    }

    .nortiq-new-logo img{
        height:46px;
    }

    .nortiq-new-navcta{
        display:none;
    }

    .nortiq-new-inner{
        width:calc(100% - 34px);

        display:block;

        min-height:650px;

        padding-top:55px;
    }

    .nortiq-new-copy{
        max-width:100%;
    }

    .nortiq-new-copy h1{
        font-size:46px;
    }

    .nortiq-new-copy > p{
        font-size:15px;
    }

    .nortiq-new-actions{
        flex-direction:column;
        align-items:flex-start;
    }

    .nortiq-new-stats{
        gap:16px;
    }

    .nortiq-new-stats > div{
        min-width:0;

        margin:0;
        padding-right:15px;
    }

    .nortiq-new-stats strong{
        font-size:20px;
    }

    .nortiq-new-stats span{
        font-size:9px;
    }

    .nortiq-new-visual{
        opacity:.20;

        width:130%;

        right:-68%;

        pointer-events:none;
    }
}

.nortiq-services-new{
    position:relative;

    padding:
        105px
        max(45px,calc((100% - 1500px)/2))
        120px;

    background:
        linear-gradient(
            180deg,
            #f5f8fc 0%,
            #edf4fa 100%
        );

    overflow:hidden;
}

.nortiq-services-head{
    max-width:700px;
    margin-bottom:50px;
}

.nortiq-services-kicker{
    display:block;

    margin-bottom:14px;

    color:#168cff;

    font-size:11px;
    font-weight:800;

    letter-spacing:.28em;
}

.nortiq-services-head h2{
    margin:0;

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

    letter-spacing:-.045em;

    color:#07182e;
}

.nortiq-services-head h2 span{
    color:#7e5be7;
}

.nortiq-services-head p{
    max-width:610px;

    margin:20px 0 0;

    color:#607287;

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

.nortiq-services-layout{

    display:grid;

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

    grid-template-rows:
        290px
        290px
        310px;

    grid-template-areas:

        "web app"
        "web data"
        "process process";

    gap:1px;

    max-width:1500px;

    margin:0 auto;

    background:#b9c9d8;

    border:
        1px solid
        #b9c9d8;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 30px 70px
        rgba(25,58,88,.10);
}

.nortiq-service-box{
    position:relative;

    display:block;

    overflow:hidden;

    background:#071827;

    isolation:isolate;

    text-decoration:none;

    color:#fff;
}

.service-web{
    grid-area:web;
}

.service-app{
    grid-area:app;
}

.service-data{
    grid-area:data;
}

.service-process{
    grid-area:process;
}

.nortiq-service-box .service-photo{
    position:absolute;
    inset:0;
}

.nortiq-service-box .service-photo img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .8s
        cubic-bezier(.16,.8,.25,1);
}

.nortiq-service-box:hover
.service-photo img{

    transform:scale(1.055);
}

.nortiq-service-box .service-overlay{

    position:absolute;
    inset:0;

    z-index:2;

    padding:35px;

    display:flex;
    flex-direction:column;

    justify-content:flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(4,18,31,.03) 5%,
            rgba(4,18,31,.30) 44%,
            rgba(4,18,31,.92) 100%
        );

}

.service-web .service-overlay{

    padding:48px;

    background:
        linear-gradient(
            90deg,
            rgba(4,18,31,.92) 0%,
            rgba(4,18,31,.72) 42%,
            rgba(4,18,31,.13) 100%
        );

    justify-content:center;
}

.service-process .service-overlay{

    padding:45px;

    background:
        linear-gradient(
            90deg,
            rgba(4,18,31,.94) 0%,
            rgba(4,18,31,.70) 39%,
            rgba(4,18,31,.20) 68%,
            rgba(4,18,31,.05) 100%
        );

    justify-content:center;
}

.service-content{
    position:relative;

    max-width:430px;

    z-index:5;
}

.service-icon{

    width:47px;
    height:47px;

    margin-bottom:17px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(255,255,255,.27);

    border-radius:13px;

    background:
        rgba(255,255,255,.10);

    backdrop-filter:
        blur(10px);

    font-size:21px;

    color:#73c7ff;
}

.service-content h3{

    margin:0 0 10px;

    font-size:27px;
    line-height:1.05;

    letter-spacing:-.025em;

    color:#fff;
}

.service-web
.service-content h3{

    font-size:43px;
}

.service-process
.service-content h3{

    font-size:35px;
}

.service-content p{

    max-width:390px;

    margin:0;

    color:
        rgba(255,255,255,.78);

    font-size:14px;
    line-height:1.55;
}

.service-link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:21px;

    color:#fff;

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

.service-link b{

    display:grid;

    place-items:center;

    width:29px;
    height:29px;

    border-radius:50%;

    background:#168cff;

    transition:
        transform .3s ease;
}

.nortiq-service-box:hover
.service-link b{

    transform:
        translateX(5px);
}

.service-number{

    position:absolute;

    top:25px;
    right:28px;

    font-family:
        Consolas,
        monospace;

    font-size:12px;

    color:
        rgba(255,255,255,.65);

    letter-spacing:.15em;
}

.nortiq-service-box{

    opacity:0;

    transition:
        opacity .85s ease,
        transform .95s
        cubic-bezier(.16,.8,.25,1);
}

.service-web{

    transform:
        translateX(-90px);
}

.service-app{

    transform:
        translateY(-75px);
}

.service-data{

    transform:
        translateX(90px);
}

.service-process{

    transform:
        translateY(90px);
}

.nortiq-service-box.service-show{

    opacity:1;

    transform:
        translate(0,0);
}

.service-app{
    transition-delay:.10s;
}

.service-data{
    transition-delay:.18s;
}

.service-process{
    transition-delay:.12s;
}

@media(max-width:1000px){

    .nortiq-services-new{

        padding:
            80px 30px;

    }

    .nortiq-services-layout{

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            430px 300px 300px;

        grid-template-areas:

            "web web"
            "app data"
            "process process";

    }

    .service-web
    .service-overlay{

        justify-content:flex-end;

        background:
            linear-gradient(
                180deg,
                transparent,
                rgba(4,18,31,.92)
            );

    }

}

@media(max-width:650px){

    .nortiq-services-new{

        padding:
            65px 16px;

    }

    .nortiq-services-head h2{

        font-size:39px;

    }

    .nortiq-services-layout{

        display:grid;

        grid-template-columns:1fr;

        grid-template-rows:
            390px
            290px
            290px
            320px;

        grid-template-areas:

            "web"
            "app"
            "data"
            "process";

        border-radius:17px;

    }

    .service-web
    .service-overlay,

    .service-process
    .service-overlay{

        padding:28px;

        justify-content:flex-end;

        background:
            linear-gradient(
                180deg,
                transparent 15%,
                rgba(4,18,31,.93)
            );

    }

    .nortiq-service-box
    .service-overlay{

        padding:27px;

    }

    .service-web
    .service-content h3,
    .service-process
    .service-content h3{

        font-size:29px;

    }

    .service-content h3{

        font-size:24px;

    }

    .service-web,
    .service-app,
    .service-data,
    .service-process{

        transform:
            translateY(45px);

    }

}

.nortiq-services-new{
    position:relative !important;
    padding:95px max(45px,calc((100% - 1500px)/2)) 110px !important;
    background:linear-gradient(180deg,#f6f9fc 0%,#eef5fb 100%) !important;
    overflow:hidden !important;
}

.nortiq-services-head{
    max-width:720px !important;
    margin:0 0 52px 0 !important;
}

.nortiq-services-kicker{
    display:block !important;
    margin-bottom:13px !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.27em !important;
    color:#168cff !important;
}

.nortiq-services-head h2{
    margin:0 !important;
    font-size:52px !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
    color:#07182e !important;
}

.nortiq-services-head h2 span{
    color:#7d5be7 !important;
}

.nortiq-services-head p{
    max-width:620px !important;
    margin:18px 0 0 !important;
    font-size:16px !important;
    line-height:1.6 !important;
    color:#607186 !important;
}

.nortiq-services-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.48fr) minmax(0,1fr) !important;
    grid-template-rows:285px 285px 300px !important;
    grid-template-areas:
        "web app"
        "web data"
        "process process" !important;

    gap:1px !important;
    max-width:1500px !important;
    margin:0 auto !important;

    background:#c9d5df !important;
    border:1px solid #c9d5df !important;
    border-radius:22px !important;
    overflow:hidden !important;

    box-shadow:0 24px 60px rgba(25,58,88,.11) !important;
}

.service-web{grid-area:web !important;}
.service-app{grid-area:app !important;}
.service-data{grid-area:data !important;}
.service-process{grid-area:process !important;}

.nortiq-service-box{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;

    background:#071827 !important;
    color:#fff !important;
    text-decoration:none !important;

    opacity:0;

    transition:
        opacity .75s ease,
        transform .95s cubic-bezier(.16,.8,.25,1) !important;
}

.nortiq-service-box .service-photo{
    position:absolute !important;
    inset:0 !important;
}

.nortiq-service-box .service-photo img{
    width:100% !important;
    height:100% !important;
    display:block !important;

    object-fit:cover !important;
    object-position:center !important;

    transition:transform .8s cubic-bezier(.16,.8,.25,1) !important;
}

.nortiq-service-box:hover .service-photo img{
    transform:scale(1.045) !important;
}

.nortiq-service-box .service-overlay{
    position:absolute !important;
    inset:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;

    padding:32px !important;

    background:
        linear-gradient(
            180deg,
            rgba(4,18,31,.02) 8%,
            rgba(4,18,31,.32) 48%,
            rgba(4,18,31,.94) 100%
        ) !important;
}

.service-web .service-overlay{
    justify-content:center !important;
    padding:48px !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,18,31,.94) 0%,
            rgba(4,18,31,.74) 42%,
            rgba(4,18,31,.18) 74%,
            rgba(4,18,31,.04) 100%
        ) !important;
}

.service-process .service-overlay{
    justify-content:center !important;
    padding:46px !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,18,31,.95) 0%,
            rgba(4,18,31,.72) 37%,
            rgba(4,18,31,.20) 66%,
            rgba(4,18,31,.04) 100%
        ) !important;
}

.service-content{
    position:relative !important;
    max-width:430px !important;
    z-index:5 !important;
}

.service-icon{
    width:46px !important;
    height:46px !important;

    margin-bottom:15px !important;

    display:grid !important;
    place-items:center !important;

    border:1px solid rgba(255,255,255,.28) !important;
    border-radius:13px !important;

    background:rgba(255,255,255,.10) !important;
    color:#7bd0ff !important;

    font-size:20px !important;
}

.service-content h3{
    margin:0 0 9px !important;

    font-size:25px !important;
    line-height:1.08 !important;

    color:#fff !important;
}

.service-web .service-content h3{
    font-size:42px !important;
}

.service-process .service-content h3{
    font-size:34px !important;
}

.service-content p{
    max-width:390px !important;
    margin:0 !important;

    font-size:14px !important;
    line-height:1.5 !important;

    color:rgba(255,255,255,.82) !important;
}

.service-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:11px !important;

    margin-top:19px !important;

    color:#fff !important;

    font-size:13px !important;
    font-weight:700 !important;
}

.service-link b{
    width:29px !important;
    height:29px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:50% !important;
    background:#168cff !important;

    transition:transform .25s ease !important;
}

.nortiq-service-box:hover .service-link b{
    transform:translateX(5px) !important;
}

.service-number{
    position:absolute !important;

    top:24px !important;
    right:27px !important;

    font-family:Consolas,monospace !important;
    font-size:12px !important;
    font-weight:700 !important;

    letter-spacing:.15em !important;

    color:rgba(255,255,255,.70) !important;
}

.nortiq-service-box.service-show{
    opacity:1 !important;
    transform:translate(0,0) !important;
}

.service-app{
    transition-delay:.08s !important;
}

.service-data{
    transition-delay:.16s !important;
}

.service-process{
    transition-delay:.10s !important;
}

@media(max-width:1000px){

    .nortiq-services-new{
        padding:75px 28px 90px !important;
    }

    .nortiq-services-layout{
        grid-template-columns:1fr 1fr !important;
        grid-template-rows:420px 290px 300px !important;
        grid-template-areas:
            "web web"
            "app data"
            "process process" !important;
    }

}

@media(max-width:650px){

    .nortiq-services-new{
        padding:60px 15px 75px !important;
    }

    .nortiq-services-head h2{
        font-size:38px !important;
    }

    .nortiq-services-layout{
        grid-template-columns:1fr !important;
        grid-template-rows:380px 280px 280px 310px !important;
        grid-template-areas:
            "web"
            "app"
            "data"
            "process" !important;
    }

    .service-web,
    .service-app,
    .service-data,
    .service-process{
        transform:translateY(40px);
    }

}

.nortiq-clientbar{
    position:relative;
    z-index:10;

    width:100%;

    padding:32px 0 34px;

    background:#ffffff;

    border-top:1px solid #dce7f0;
    border-bottom:1px solid #dce7f0;
}

.nortiq-clientbar-title{
    margin-bottom:27px;

    text-align:center;

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

    font-weight:600;

    letter-spacing:.32em;

    text-transform:uppercase;

    color:#60758a;
}

.nortiq-clientbar-logos{
    width:min(1500px,calc(100% - 80px));

    margin:0 auto;

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

    align-items:center;
}

.nortiq-client-logo{
    position:relative;

    min-height:40px;

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

    padding:0 25px;

    color:#788696;

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

    font-weight:800;

    text-align:center;

    transition:
        color .25s ease,
        transform .25s ease,
        opacity .25s ease;
}

.nortiq-client-logo:not(:last-child)::after{
    content:"";

    position:absolute;

    right:0;
    top:50%;

    width:1px;
    height:22px;

    transform:translateY(-50%);

    background:#e3eaf0;
}

.nortiq-client-logo:hover{
    color:#168cff;
    transform:translateY(-2px);
}

.nortiq-client-logo img{
    display:block;

    max-width:155px;
    max-height:42px;

    width:auto;
    height:auto;

    object-fit:contain;

    filter:grayscale(1);
    opacity:.58;

    transition:
        filter .25s ease,
        opacity .25s ease,
        transform .25s ease;
}

.nortiq-client-logo:hover img{
    filter:grayscale(0);
    opacity:1;
    transform:scale(1.04);
}

@media(max-width:900px){

    .nortiq-clientbar-logos{
        width:calc(100% - 40px);
        grid-template-columns:repeat(3,1fr);
        row-gap:25px;
    }

    .nortiq-client-logo::after{
        display:none;
    }

}

@media(max-width:600px){

    .nortiq-clientbar{
        padding:27px 0 30px;
    }

    .nortiq-clientbar-title{
        padding:0 20px;

        margin-bottom:23px;

        font-size:8px;
        line-height:1.6;
    }

    .nortiq-clientbar-logos{
        grid-template-columns:repeat(2,1fr);

        gap:22px 10px;
    }

    .nortiq-client-logo{
        font-size:13px;
        padding:0 8px;
    }

}

.nortiq-clientbar{
    position:relative !important;
    z-index:20 !important;

    width:100% !important;

    padding:29px 0 30px !important;

    overflow:hidden !important;

    background:#fff !important;

    border-top:1px solid #e0e8ef !important;
    border-bottom:1px solid #e0e8ef !important;
}

.nortiq-clientbar-title{
    position:relative !important;
    z-index:5 !important;

    margin:0 0 25px !important;

    text-align:center !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:650 !important;

    letter-spacing:.30em !important;

    color:#65788b !important;
}

.nortiq-client-marquee{
    position:relative !important;

    width:100% !important;

    overflow:hidden !important;
}

.nortiq-client-marquee::before,
.nortiq-client-marquee::after{
    content:"";

    position:absolute !important;

    top:0 !important;
    bottom:0 !important;

    width:90px !important;

    z-index:10 !important;

    pointer-events:none !important;
}

.nortiq-client-marquee::before{
    left:0 !important;

    background:
        linear-gradient(
            90deg,
            #fff 0%,
            rgba(255,255,255,0) 100%
        ) !important;
}

.nortiq-client-marquee::after{
    right:0 !important;

    background:
        linear-gradient(
            270deg,
            #fff 0%,
            rgba(255,255,255,0) 100%
        ) !important;
}

.nortiq-client-track{
    display:flex !important;

    width:max-content !important;

    will-change:transform !important;

    animation:
        nortiqClientScroll
        24s
        linear
        infinite !important;
}

.nortiq-client-set{
    display:flex !important;
    align-items:center !important;

    flex-shrink:0 !important;
}

.nortiq-client-logo{
    position:relative !important;

    width:300px !important;
    min-width:300px !important;
    height:48px !important;

    padding:0 35px !important;

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

    flex-shrink:0 !important;

    color:#778696 !important;

    font-size:16px !important;
    font-weight:800 !important;

    white-space:nowrap !important;

    text-align:center !important;
}

.nortiq-client-logo::after{
    content:"" !important;

    position:absolute !important;

    right:0 !important;
    top:50% !important;

    width:1px !important;
    height:22px !important;

    transform:translateY(-50%) !important;

    background:#e1e8ee !important;
}

.nortiq-client-logo img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:165px !important;
    max-height:42px !important;

    object-fit:contain !important;

    filter:grayscale(1) !important;

    opacity:.60 !important;

    transition:
        filter .25s ease,
        opacity .25s ease !important;
}

.nortiq-client-logo:hover img{
    filter:grayscale(0) !important;
    opacity:1 !important;
}

@keyframes nortiqClientScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

@media(max-width:700px){

    .nortiq-clientbar{
        padding:25px 0 27px !important;
    }

    .nortiq-clientbar-title{
        padding:0 20px !important;

        margin-bottom:20px !important;

        font-size:8px !important;
        line-height:1.5 !important;
    }

    .nortiq-client-logo{
        width:210px !important;
        min-width:210px !important;

        padding:0 25px !important;

        font-size:13px !important;
    }

    .nortiq-client-marquee::before,
    .nortiq-client-marquee::after{
        width:35px !important;
    }

    .nortiq-client-track{
        animation-duration:20s !important;
    }

}

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

    .nortiq-client-track{
        animation-play-state:paused !important;
    }

}

.scroll-more,
.scroll-down,
.hero-scroll,
.scroll-indicator,
a[href="#diensten"].scroll-more,
a[href="#diensten"].scroll-down {
    display:none !important;
}

.hero-scroll-cue{display:none!important}

.nortiq-new-scroll{display:none!important}

.logo-strip,
.logos-strip,
.trust-strip,
.client-strip,
.clients-strip,
.old-clientbar,
.old-logo-strip {
    display:none !important;
}

#over,
.about,
.about-section,
.about-wrap,
.over,
.over-section {
    background:#ffffff !important;
margin-top:0 !important;
}

#over::before,
#over::after,
.about::before,
.about::after,
.about-section::before,
.about-section::after {
    background:#ffffff !important;
}

section:has(.about-grid),
section:has(.about-content),
section:has(.about-image) {
    background:#ffffff !important;
}

section:has(.about-grid) {
    padding-top:70px !important;
}

#over,.about,.about-section,.about-wrap,.over,.over-section{border-top:none!important;border-bottom:none!important;box-shadow:none!important}

#over,
#over::before,
#over::after,
.about,
.about::before,
.about::after,
.about-section,
.about-section::before,
.about-section::after,
.over,
.over::before,
.over::after,
.over-section,
.over-section::before,
.over-section::after {
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
}

section:has(+ #over),
section:has(+ .about),
section:has(+ .about-section),
section:has(+ .over-section) {
    border-bottom: 0 !important;
}

#over,
.about,
.about-section,
.over,
.over-section,
section:has(.about-grid),
section:has(.about-content) {
    background: #fff !important;
}

#over{
    position:relative !important;
    background:#fff !important;
    overflow:hidden !important;
    border:0 !important;
}

#over .two{
    position:relative !important;
    grid-template-columns:1.05fr .95fr !important;
    gap:85px !important;
    align-items:center !important;
}

#over .eyebrow{
    color:#168cff !important;
    font-weight:800 !important;
    letter-spacing:.28em !important;
}

#over h2{
    max-width:650px !important;
    font-size:48px !important;
    line-height:1.02 !important;
    margin-bottom:22px !important;
}

#over p{
    max-width:690px !important;
}

#over .two > div:last-child{
    position:relative !important;
    z-index:2 !important;
    padding:46px 22px 34px 42px !important;
}

#over .two > div:last-child::before{
    content:"" !important;

    position:absolute !important;

    left:-30px !important;
    top:-20px !important;

    width:108% !important;
    height:108% !important;

    z-index:-2 !important;

    background:
        linear-gradient(
            145deg,
            #e6f4ff 0%,
            #dff0ff 48%,
            #edf7ff 100%
        ) !important;

    border-radius:
        42% 58% 52% 48% /
        46% 42% 58% 54% !important;

    transform:rotate(-3deg) !important;
}

#over .two > div:last-child::after{
    content:"" !important;

    position:absolute !important;

    right:-10px !important;
    bottom:-5px !important;

    width:180px !important;
    height:150px !important;

    z-index:-1 !important;

    background:#f2eaff !important;

    border-radius:
        55% 45% 65% 35% /
        45% 60% 40% 55% !important;

    opacity:.75 !important;

    transform:rotate(14deg) !important;
}

#over .about-img{
    position:relative !important;

    width:94% !important;
    margin-left:auto !important;

    display:block !important;

    border-radius:18px !important;

    box-shadow:
        0 22px 48px
        rgba(25,60,95,.16) !important;

    transform:rotate(.5deg) !important;

    transition:
        transform .45s ease,
        box-shadow .45s ease !important;
}

#over .about-img:hover{
    transform:
        rotate(0deg)
        translateY(-6px)
        scale(1.01) !important;

    box-shadow:
        0 30px 60px
        rgba(25,60,95,.22) !important;
}

#over .two > div:last-child{
    --about-note:"Van idee naar impact";
}

#over .two > div:last-child .about-img{
    z-index:3 !important;
}

#over .two > div:last-child > *:first-child{
    position:relative;
}

#over .stats{
    display:grid !important;

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

    gap:14px !important;

    margin:35px 0 30px !important;
}

#over .stats > div{
    position:relative !important;

    min-height:76px !important;

    padding:
        13px 12px
        13px 49px !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            145deg,
            #f7fbff,
            #edf7ff
        ) !important;

    border:
        1px solid
        #dcecf8 !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}

#over .stats > div:hover{
    transform:translateY(-4px) !important;

    box-shadow:
        0 12px 28px
        rgba(30,100,160,.10) !important;
}

#over .stats > div::before{
    position:absolute !important;

    left:11px !important;
    top:17px !important;

    width:28px !important;
    height:28px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:50% !important;

    background:#168cff !important;

    color:#fff !important;

    font-size:14px !important;
    font-weight:800 !important;
}

#over .stats > div:nth-child(1)::before{
    content:"â—†" !important;
}

#over .stats > div:nth-child(2)::before{
    content:"↯" !important;
}

#over .stats > div:nth-child(3)::before{
    content:"â–¥" !important;
}

#over .stats strong{
    font-size:19px !important;
    line-height:1.15 !important;
    margin-bottom:4px !important;
}

#over .stats small{
    font-size:11px !important;
    line-height:1.35 !important;
    color:#66788b !important;
}

#over .btn.primary{
    border-radius:9px !important;

    box-shadow:
        0 10px 24px
        rgba(19,137,255,.18) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}

#over .btn.primary:hover{
    transform:translateY(-3px) !important;

    box-shadow:
        0 15px 30px
        rgba(19,137,255,.27) !important;
}

#over .two > div:last-child::marker{
    display:none;
}

@media(max-width:1100px){

    #over .two{
        grid-template-columns:1fr !important;
        gap:45px !important;
    }

    #over .two > div:last-child{
        max-width:760px !important;
        margin:0 auto !important;
    }

}

@media(max-width:650px){

    #over{
        padding-top:65px !important;
        padding-bottom:65px !important;
    }

    #over h2{
        font-size:37px !important;
    }

    #over .stats{
        grid-template-columns:1fr !important;
    }

    #over .two > div:last-child{
        padding:
            30px 10px
            20px 20px !important;
    }

    #over .about-img{
        width:100% !important;
    }

}

.about-playful{
    position:relative !important;
    overflow:hidden !important;

    background:#ffffff !important;

    padding:88px 0 96px !important;

    border:0 !important;
}

.about-playful-grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,.95fr) !important;

    gap:70px !important;

    align-items:center !important;
}

.about-playful-copy{
    position:relative !important;
    z-index:5 !important;
}

.about-playful-copy .eyebrow{
    margin-bottom:17px !important;

    color:#168cff !important;

    font-size:11px !important;
    font-weight:800 !important;

    letter-spacing:.30em !important;
}

.about-playful-copy h2{
    max-width:640px !important;

    margin:0 0 22px !important;

    font-size:48px !important;
    line-height:1.03 !important;

    letter-spacing:-.045em !important;

    color:#07182e !important;
}

.about-playful-copy > p{
    max-width:650px !important;

    margin:0 !important;

    color:#627389 !important;

    font-size:15px !important;
    line-height:1.65 !important;
}

.about-playful-points{
    display:flex !important;

    gap:34px !important;

    margin:32px 0 28px !important;
}

.about-point{
    display:flex !important;

    align-items:center !important;

    gap:10px !important;

    min-width:0 !important;

    background:transparent !important;

    border:0 !important;

    padding:0 !important;
}

.about-point-icon{
    width:35px !important;
    height:35px !important;

    flex:0 0 35px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:50% !important;

    background:#eaf5ff !important;

    color:#168cff !important;

    font-size:17px !important;
    font-weight:800 !important;
}

.about-point strong{
    display:block !important;

    margin:0 0 3px !important;

    color:#07182e !important;

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

.about-point small{
    display:block !important;

    color:#75869a !important;

    font-size:9px !important;
    line-height:1.3 !important;

    white-space:nowrap !important;
}

.about-playful-btn{
    min-height:44px !important;

    padding:0 20px !important;

    border-radius:7px !important;

    font-size:13px !important;

    box-shadow:none !important;
}

.about-playful-btn span{
    font-size:18px !important;
}

.about-playful-visual{
    position:relative !important;

    min-height:420px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.about-blob{
    position:absolute !important;

    left:1% !important;
    top:1% !important;

    width:98% !important;
    height:98% !important;

    z-index:1 !important;

    background:
        linear-gradient(
            145deg,
            #e9f5ff 0%,
            #dcefff 55%,
            #edf7ff 100%
        ) !important;

    border-radius:
        39% 61% 58% 42% /
        48% 42% 58% 52% !important;

    transform:
        rotate(-5deg)
        scale(.97) !important;
}

.about-blob::after{
    content:"" !important;

    position:absolute !important;

    right:-20px !important;
    top:55px !important;

    width:150px !important;
    height:170px !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(143,105,255,.14),
            rgba(143,105,255,0) 70%
        ) !important;
}

.about-playful-img{
    position:relative !important;

    z-index:3 !important;

    width:78% !important;
    max-width:570px !important;

    margin-top:25px !important;

    display:block !important;

    border-radius:17px !important;

    box-shadow:
        0 20px 45px
        rgba(28,65,100,.17) !important;

    transform:rotate(.4deg) !important;
}

.about-handnote{
    position:absolute !important;

    top:-8px !important;
    right:4% !important;

    z-index:5 !important;

    width:120px !important;

    color:#168cff !important;

    font-family:
        "Segoe Print",
        "Comic Sans MS",
        cursive !important;

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

    font-style:italic !important;

    transform:rotate(-7deg) !important;

    text-align:center !important;
}

.about-handnote span{
    display:block !important;
}

.about-handnote svg{
    width:72px !important;
    height:52px !important;

    display:block !important;

    margin:3px auto 0 !important;

    overflow:visible !important;
}

.about-handnote path{
    fill:none !important;

    stroke:#168cff !important;
    stroke-width:2 !important;

    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

@media(max-width:1100px){

    .about-playful-grid{
        grid-template-columns:1fr !important;

        gap:45px !important;
    }

    .about-playful-visual{
        max-width:760px !important;

        margin:0 auto !important;

        width:100% !important;
    }

}

@media(max-width:700px){

    .about-playful{
        padding:65px 0 70px !important;
    }

    .about-playful-copy h2{
        font-size:38px !important;
    }

    .about-playful-points{
        flex-direction:column !important;

        gap:17px !important;
    }

    .about-playful-visual{
        min-height:300px !important;
    }

    .about-playful-img{
        width:88% !important;
    }

    .about-handnote{
        right:0 !important;
        top:-8px !important;
    }

}

.about-playful{
    padding:72px 0 78px !important;
    background:#fff !important;
}

.about-playful-grid{
    grid-template-columns:1fr 1fr !important;
    gap:38px !important;
    align-items:center !important;
}

.about-playful-copy{
    max-width:620px !important;
}

.about-playful-copy .eyebrow{
    margin-bottom:14px !important;
    font-size:10px !important;
}

.about-playful-copy h2{
    max-width:560px !important;

    font-size:43px !important;
    line-height:1.04 !important;

    margin:0 0 18px !important;
}

.about-playful-copy > p{
    max-width:600px !important;

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

.about-playful-points{
    display:flex !important;

    align-items:center !important;

    gap:28px !important;

    margin:27px 0 25px !important;
}

.about-point{
    gap:9px !important;
}

.about-point-icon{
    width:32px !important;
    height:32px !important;

    flex:0 0 32px !important;

    background:#eaf5ff !important;

    color:#168cff !important;

    font-size:15px !important;
}

.about-point strong{
    font-size:13px !important;
}

.about-point small{
    font-size:9px !important;
}

.about-playful-btn{
    min-height:42px !important;

    padding:0 18px !important;

    font-size:12px !important;

    border-radius:7px !important;
}

.about-playful-visual{
    position:relative !important;

    min-height:360px !important;

    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.about-blob{
    left:7% !important;
    top:10% !important;

    width:84% !important;
    height:78% !important;

    background:
        linear-gradient(
            145deg,
            #e8f5ff 0%,
            #dcefff 58%,
            #edf7ff 100%
        ) !important;

    border-radius:
        39% 61% 52% 48% /
        45% 42% 58% 55% !important;

    transform:
        rotate(-6deg)
        scale(1) !important;
}

.about-blob::after{
    right:-25px !important;
    top:30px !important;

    width:130px !important;
    height:140px !important;

    opacity:.42 !important;
}

.about-playful-img{
    width:72% !important;
    max-width:500px !important;

    margin:16px 0 0 !important;

    border-radius:15px !important;

    transform:none !important;

    box-shadow:
        0 16px 36px
        rgba(25,60,95,.15) !important;
}

.about-handnote{
    top:4px !important;
    right:9% !important;

    width:110px !important;

    font-size:12px !important;

    transform:rotate(-6deg) !important;
}

.about-handnote svg{
    width:64px !important;
    height:46px !important;

    margin-top:0 !important;
}

@media(min-width:1400px){

    .about-playful-grid{
        max-width:1450px !important;
    }

    .about-playful-copy{
        padding-left:10px !important;
    }

}

@media(max-width:900px){

    .about-playful-grid{
        grid-template-columns:1fr !important;
        gap:35px !important;
    }

    .about-playful-visual{
        min-height:330px !important;
    }

    .about-playful-img{
        width:78% !important;
    }

}

.about-blob{
    display:none !important;
}

.about-playful-visual{
    position:relative !important;

    min-height:370px !important;

    display:block !important;

    overflow:visible !important;
}

.about-shape{
    position:absolute !important;

    pointer-events:none !important;

    z-index:1 !important;
}

.about-shape-1{
    width:82% !important;
    height:245px !important;

    left:9% !important;
    top:22px !important;

    background:#e4f2ff !important;

    border-radius:
        45% 55% 54% 46% /
        36% 42% 58% 64% !important;

    transform:
        rotate(5deg) !important;
}

.about-shape-2{
    width:64% !important;
    height:205px !important;

    left:1% !important;
    bottom:27px !important;

    background:#dcefff !important;

    border-radius:
        58% 42% 60% 40% /
        45% 57% 43% 55% !important;

    transform:
        rotate(-12deg) !important;
}

.about-shape-3{
    width:44% !important;
    height:210px !important;

    right:0 !important;
    top:78px !important;

    background:#edf7ff !important;

    border-radius:
        40% 60% 44% 56% /
        57% 42% 58% 43% !important;

    transform:
        rotate(13deg) !important;
}

.about-playful-img{
    position:absolute !important;

    z-index:4 !important;

    width:71% !important;
    max-width:none !important;

    height:auto !important;

    right:7% !important;
    top:72px !important;

    margin:0 !important;

    border-radius:15px !important;

    transform:none !important;

    box-shadow:
        0 16px 38px
        rgba(26,60,90,.15) !important;
}

.about-handnote{
    position:absolute !important;

    z-index:8 !important;

    top:3px !important;
    right:3% !important;

    width:115px !important;

    font-size:12px !important;
    line-height:1.15 !important;

    color:#168cff !important;

    transform:rotate(-7deg) !important;
}

.about-handnote svg{
    width:64px !important;
    height:48px !important;

    margin:
        0 0 0
        8px !important;
}

.about-playful{
    padding:72px 0 74px !important;
}

.about-playful-grid{
    grid-template-columns:
        .95fr
        1.05fr !important;

    gap:54px !important;

    align-items:center !important;
}

.about-playful-copy{
    max-width:590px !important;
}

.about-playful-copy h2{
    max-width:520px !important;

    font-size:42px !important;
    line-height:1.03 !important;

    margin-bottom:17px !important;
}

.about-playful-copy > p{
    max-width:580px !important;

    font-size:13px !important;
    line-height:1.6 !important;
}

.about-playful-points{
    gap:30px !important;

    margin:
        25px 0
        24px !important;
}

.about-point{
    background:none !important;
    border:0 !important;
    padding:0 !important;
}

.about-point-icon{
    width:31px !important;
    height:31px !important;

    flex:0 0 31px !important;

    background:#e8f4ff !important;
}

.about-point strong{
    font-size:12px !important;
}

.about-point small{
    font-size:8px !important;
}

@media(max-width:1000px){

    .about-playful-grid{
        grid-template-columns:1fr !important;
    }

    .about-playful-visual{
        max-width:700px !important;
        width:100% !important;

        margin:0 auto !important;
    }

}

@media(max-width:650px){

    .about-playful-visual{
        min-height:290px !important;
    }

    .about-playful-img{
        width:78% !important;
        right:6% !important;
        top:60px !important;
    }

    .about-shape-1{
        height:190px !important;
    }

    .about-shape-2{
        height:160px !important;
    }

    .about-shape-3{
        height:150px !important;
    }

}

.about-playful-visual{
    min-height:350px !important;
}

.about-shape-1{
    width:72% !important;
    height:175px !important;

    left:13% !important;
    top:28px !important;

    background:#e8f4ff !important;

    border-radius:
        46% 54% 56% 44% /
        48% 38% 62% 52% !important;

    transform:rotate(4deg) !important;
}

.about-shape-2{
    width:54% !important;
    height:145px !important;

    left:3% !important;
    bottom:38px !important;

    background:#deefff !important;

    border-radius:
        60% 40% 52% 48% /
        52% 58% 42% 48% !important;

    transform:rotate(-8deg) !important;
}

.about-shape-3{
    width:31% !important;
    height:145px !important;

    right:4% !important;
    top:84px !important;

    background:#edf7ff !important;

    border-radius:
        48% 52% 46% 54% /
        44% 56% 44% 56% !important;

    transform:rotate(9deg) !important;
}

.about-playful-img{
    width:66% !important;

    right:7% !important;
    top:70px !important;

    border-radius:14px !important;

    box-shadow:
        0 14px 34px
        rgba(25,60,95,.14) !important;
}

.about-handnote{
    top:8px !important;
    right:5% !important;

    width:105px !important;

    font-size:11px !important;
}

.about-handnote svg{
    width:58px !important;
    height:42px !important;

    margin-left:6px !important;
}

.about-playful-grid{
    grid-template-columns:.95fr 1.05fr !important;
    gap:46px !important;
}

.about-playful-copy{
    max-width:560px !important;
}

.about-playful-copy h2{
    font-size:39px !important;
    max-width:500px !important;
}

.about-playful-copy > p{
    font-size:12.5px !important;
    max-width:560px !important;
}

.about-playful-points{
    gap:26px !important;
    margin-top:22px !important;
}

.about-point-icon{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
}

.about-point strong{
    font-size:11.5px !important;
}

.about-point small{
    font-size:7.5px !important;
}

.about-playful-visual{
    position:relative !important;
    min-height:360px !important;
    overflow:visible !important;
}

.about-playful-img{
    position:absolute !important;

    width:70% !important;
    max-width:none !important;

    right:5% !important;
    top:72px !important;

    margin:0 !important;

    z-index:10 !important;

    transform:none !important;
}

.about-shape-1{
    width:67% !important;
    height:155px !important;

    left:19% !important;
    top:22px !important;

    z-index:1 !important;

    transform:rotate(4deg) !important;
}

.about-shape-2{
    width:52% !important;
    height:145px !important;

    left:10% !important;
    bottom:28px !important;

    z-index:2 !important;

    transform:rotate(-9deg) !important;
}

.about-shape-3{
    width:29% !important;
    height:155px !important;

    right:0 !important;
    top:100px !important;

    z-index:3 !important;

    transform:rotate(10deg) !important;
}

.about-handnote{
    top:9px !important;
    right:4% !important;

    z-index:20 !important;
}

.about-playful-grid{
    grid-template-columns:.93fr 1.07fr !important;
    gap:32px !important;
}

.about-shape-1{
    width:67% !important;
    height:155px !important;

    left:23% !important;
    top:27px !important;

    transform:rotate(16deg) !important;

    z-index:1 !important;
left:25% !important;
    top:32px !important;

    transform:rotate(28deg) !important;
    transform-origin:center center !important;
}

.about-shape-3{
    transform:rotate(180deg) !important;
    
transform:rotate(90deg) !important;
    
transform:rotate(10deg) !important;
    transform-origin:center center !important;
}

.about-point-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;

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

    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    overflow:visible !important;
}

.about-point-icon img{
    display:block !important;

    width:38px !important;
    height:38px !important;

    max-width:none !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;
}

.about-point{
    display:flex !important;
    align-items:center !important;

    gap:10px !important;
}

.about-point strong{
    display:block !important;

    margin:0 0 3px !important;

    font-size:12px !important;
    font-weight:750 !important;

    color:#07182e !important;
}

.about-point small{
    display:block !important;

    font-size:8px !important;
    line-height:1.3 !important;

    color:#73859a !important;
}

@media (max-width: 1200px){

    .about-visual{
        position:relative !important;
        width:min(100%, 720px) !important;
        aspect-ratio:720 / 470 !important;
        margin-left:auto !important;
        margin-right:auto !important;
        overflow:visible !important;
    }

    .about-visual img{
        position:absolute !important;
        width:72% !important;
        height:auto !important;
        left:16% !important;
        top:22% !important;
        z-index:5 !important;
    }

    .about-shape-1,
    .about-shape-2,
    .about-shape-3{
        position:absolute !important;
        z-index:1 !important;
        margin:0 !important;
    }

    .about-shape-1{
        width:65% !important;
        height:36% !important;
        left:18% !important;
        top:10% !important;
        transform:rotate(28deg) !important;
        transform-origin:center !important;
    }

    .about-shape-2{
        width:48% !important;
        height:34% !important;
        left:2% !important;
        top:54% !important;
    }

    .about-shape-3{
        width:30% !important;
        height:38% !important;
        right:5% !important;
        left:auto !important;
        top:36% !important;
        transform:rotate(10deg) !important;
        transform-origin:center !important;
    }

    .about-note{
        position:absolute !important;
        right:10% !important;
        top:7% !important;
        z-index:10 !important;
    }
}

@media (max-width: 800px){

    .about-visual{
        width:100% !important;
        aspect-ratio:720 / 470 !important;
    }

}

.about-playful-visual{
    position:relative !important;

    width:100% !important;
    max-width:720px !important;

    height:auto !important;
    min-height:0 !important;

    aspect-ratio:720 / 470 !important;

    margin-left:auto !important;
    margin-right:auto !important;

    overflow:visible !important;
}

.about-playful-img{
    position:absolute !important;

    width:70% !important;
    height:auto !important;

    right:5% !important;
    top:22% !important;

    margin:0 !important;

    z-index:10 !important;

    border-radius:3% !important;

    transform:none !important;
}

.about-shape-1{
    position:absolute !important;

    width:67% !important;
    height:33% !important;

    left:25% !important;
    top:7% !important;

    z-index:1 !important;

    transform:rotate(28deg) !important;
    transform-origin:center center !important;
}

.about-shape-2{
    position:absolute !important;

    width:52% !important;
    height:31% !important;

    left:10% !important;
    top:56% !important;

    bottom:auto !important;

    z-index:2 !important;

    transform:rotate(-9deg) !important;
    transform-origin:center center !important;
}

.about-shape-3{
    position:absolute !important;

    width:29% !important;
    height:33% !important;

    right:0 !important;
    left:auto !important;

    top:36% !important;

    z-index:3 !important;

    transform:rotate(10deg) !important;
    transform-origin:center center !important;
}

.about-handnote{
    position:absolute !important;

    width:16% !important;

    right:4% !important;
    top:4% !important;

    z-index:20 !important;

    font-size:clamp(9px,1vw,12px) !important;
}

.about-handnote svg{
    width:58% !important;
    height:auto !important;

    margin-left:8% !important;
}

@media(max-width:1100px){

    .about-playful-visual{
        width:100% !important;
        max-width:620px !important;

        aspect-ratio:720 / 470 !important;

        height:auto !important;
        min-height:0 !important;
    }

}

@media(max-width:700px){

    .about-playful-visual{
        width:100% !important;
        max-width:520px !important;

        aspect-ratio:720 / 470 !important;

        height:auto !important;
        min-height:0 !important;
    }

}

@media (max-width:1200px){

    .journey-section{
        padding:80px 0 70px !important;
        overflow:hidden !important;
    }

    .journey-intro{
        width:100% !important;
        max-width:620px !important;
        margin:0 auto 35px !important;
        text-align:center !important;
    }

    .journey-intro h2{
        font-size:52px !important;
        line-height:1 !important;
    }

    .journey-intro p{
        margin:0 auto !important;
        max-width:420px !important;
    }

    .journey{
        position:relative !important;

        width:min(100%, 1100px) !important;
        max-width:1100px !important;

        aspect-ratio:1100 / 650 !important;

        min-height:0 !important;
        height:auto !important;

        margin:0 auto !important;

        transform:none !important;

        overflow:visible !important;
    }

    .journey-route{
        position:absolute !important;

        left:0 !important;
        top:13% !important;
        bottom:auto !important;

        width:100% !important;
        height:58% !important;

        z-index:1 !important;
    }

    .journey > .journey-image-wrap,
    .journey-image-wrap{
        position:absolute !important;

        width:12.5% !important;
        aspect-ratio:1 / 1 !important;

        height:auto !important;
        min-width:0 !important;
        min-height:0 !important;

        transform:translate(-50%,-50%) !important;

        margin:0 !important;

        z-index:20 !important;
    }

    .journey-image-wrap img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
    }

    .journey-number{
        width:34% !important;
        height:34% !important;

        top:-12% !important;
        right:-8% !important;

        font-size:clamp(10px,1.3vw,14px) !important;

        border-width:4px !important;
    }

    .journey-step{
        position:absolute !important;

        width:22% !important;

        transform:none !important;

        z-index:10 !important;
    }

    .journey-step .journey-card{
        width:100% !important;

        padding:14px 15px 15px !important;

        border-radius:13px !important;

        margin:0 !important;
    }

    .journey-step .journey-icon{
        width:38px !important;
        height:38px !important;

        margin-bottom:9px !important;
    }

    .journey-step .journey-card h3{
        font-size:clamp(14px,1.5vw,18px) !important;
    }

    .journey-step .journey-card p{
        font-size:clamp(10px,1vw,12.5px) !important;
    }

    .journey-note{
        font-size:clamp(9px,1vw,13px) !important;
    }

    .journey-note svg{
        width:55px !important;
        height:auto !important;
    }

    .journey-footer{
        position:absolute !important;

        left:0 !important;
        right:0 !important;

        bottom:1% !important;

        margin:0 !important;

        transform:none !important;
    }

}

@media (max-width:900px){

    .journey{
        width:100% !important;
        aspect-ratio:900 / 650 !important;
    }

    .journey-step{
        width:24% !important;
    }

    .journey-image-wrap{
        width:13.5% !important;
    }

}

@media (max-width:650px){

    .journey-section{
        padding:60px 0 !important;
    }

    .journey-intro h2{
        font-size:40px !important;
    }

    .journey{
        aspect-ratio:auto !important;

        display:grid !important;
        grid-template-columns:1fr !important;

        gap:28px !important;
    }

    .journey-route,
    .journey-note{
        display:none !important;
    }

    .journey-step,
    .journey-step-1,
    .journey-step-2,
    .journey-step-3,
    .journey-step-4{
        position:relative !important;

        inset:auto !important;

        width:100% !important;

        transform:none !important;

        display:block !important;
    }

    .journey-image-wrap{
        position:relative !important;

        width:120px !important;
        height:120px !important;

        left:auto !important;
        top:auto !important;

        transform:none !important;

        margin:0 auto -28px !important;

        z-index:20 !important;
    }

    .journey-step .journey-card{
        padding-top:45px !important;
    }

    .journey-footer{
        position:relative !important;

        bottom:auto !important;

        margin-top:35px !important;
    }

}

@media (max-width:1200px){

    .journey{
        transform:
            translateY(-180px)
            scale(.78) !important;

        transform-origin:
            top center !important;

        width:128% !important;

        margin-left:-14% !important;

        margin-bottom:-170px !important;
    }

}

@media (max-width:1000px){

    .journey{
        transform:
            translateY(-180px)
            scale(.68) !important;

        transform-origin:
            top center !important;

        width:147% !important;

        margin-left:-23.5% !important;

        margin-bottom:-240px !important;
    }

}

@media (max-width:800px){

    .journey{
        transform:
            translateY(-180px)
            scale(.58) !important;

        transform-origin:
            top center !important;

        width:172% !important;

        margin-left:-36% !important;

        margin-bottom:-310px !important;
    }

}

@media (max-width:1200px){

    .journey-section{
        overflow:hidden !important;
    }

    .journey{
        position:relative !important;
        display:block !important;

        min-height:880px !important;
        height:auto !important;

        margin-top:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:0 !important;

        transform:none !important;
        transform-origin:top left !important;

        overflow:visible !important;
    }

    .journey-route{
        display:block !important;

        position:absolute !important;

        left:0 !important;
        top:auto !important;
        bottom:245px !important;

        width:100% !important;
        height:450px !important;

        transform:none !important;

        overflow:visible !important;
    }

    .journey-step,
    .journey-step-1,
    .journey-step-2,
    .journey-step-3,
    .journey-step-4{
        position:absolute !important;

        display:block !important;

        width:235px !important;

        margin:0 !important;

        transform:none !important;

        z-index:15 !important;
    }

    .journey-step-1{
        left:2% !important;
        right:auto !important;
        top:355px !important;
    }

    .journey-step-2{
        left:31% !important;
        right:auto !important;
        top:40px !important;
    }

    .journey-step-3{
        left:56% !important;
        right:auto !important;
        top:365px !important;
    }

    .journey-step-4{
        left:auto !important;
        right:0 !important;
        top:55px !important;
    }

    .journey-step .journey-card{
        width:235px !important;
        height:auto !important;

        margin:0 !important;

        padding:17px 18px 18px !important;
    }

    .journey > .journey-image-wrap{
        position:absolute !important;

        width:140px !important;
        height:140px !important;
        min-width:140px !important;
        min-height:140px !important;

        margin:0 !important;

        transform:translate(-50%,-50%) !important;

        z-index:30 !important;
    }

    .journey-note{
        display:block !important;
    }

    .journey-footer{
        position:relative !important;

        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        margin-top:140px !important;

        transform:translateY(-40px) !important;
    }

}

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

    .journey{
        width:125% !important;
        zoom:.80;
    }

}

@media (min-width:801px) and (max-width:1000px){

    .journey{
        width:147.1% !important;
        zoom:.68;
    }

}

@media (min-width:651px) and (max-width:800px){

    .journey{
        width:181.82% !important;
        zoom:.55;
    }

}

@media (min-width:501px) and (max-width:650px){

    .journey{
        width:222.23% !important;
        zoom:.45;
    }

}

@media (max-width:500px){

    .journey-section{
        padding-top:55px !important;
        padding-bottom:45px !important;
    }

    .journey-intro{
        width:calc(100% - 30px) !important;

        margin:
            0 auto
            35px !important;

        text-align:center !important;
    }

    .journey-intro h2{
        font-size:42px !important;
        line-height:.98 !important;
    }

    .journey-intro p{
        max-width:390px !important;

        margin:0 auto !important;

        font-size:15px !important;
    }

    .journey{
        width:294.12% !important;

        zoom:.34;

        margin:0 !important;

        transform:none !important;
    }

}

.journey-cross{
    padding:0 12px !important;
    color:#8ca1b7 !important;
}

@media (min-width:651px) and (max-width:1000px){

    .journey{
        width:142.86% !important;
        zoom:.70 !important;

        margin-left:-21.43% !important;
        margin-bottom:-150px !important;

        transform:none !important;
    }

}

@media (max-width:650px){

    .journey-section{
        position:relative !important;

        padding-top:45px !important;
        padding-bottom:35px !important;

        min-height:0 !important;
        height:auto !important;

        overflow:hidden !important;
    }

    .journey-intro{
        position:relative !important;

        width:calc(100% - 32px) !important;
        max-width:470px !important;

        margin:0 auto 25px !important;

        text-align:center !important;

        z-index:50 !important;
    }

    .journey-intro h2{
        font-size:42px !important;
        line-height:.98 !important;

        margin-bottom:20px !important;
    }

    .journey-intro p{
        max-width:390px !important;

        margin:0 auto !important;

        font-size:15px !important;
        line-height:1.55 !important;
    }

    .journey{
        position:relative !important;

        display:block !important;

        width:200% !important;

        min-height:760px !important;
        height:760px !important;

        margin:
            0 0
            -335px
            -50% !important;

        zoom:.50 !important;

        transform:none !important;
        transform-origin:top center !important;

        overflow:visible !important;
    }

    .journey-route{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        transform:none !important;
    }

    .journey-note{
        display:block !important;
    }

    .journey-footer{
        position:absolute !important;

        left:50% !important;
        bottom:10px !important;

        width:70% !important;

        margin:0 !important;

        transform:translateX(-50%) !important;
    }

    .journey-footer,
    .journey-footer *{
        font-size:10px !important;
        letter-spacing:.24em !important;
    }

    .journey-cross{
        padding:0 8px !important;
    }

}

@media (max-width:400px){

    .journey{
        width:222.22% !important;

        zoom:.45 !important;

        margin-left:-61.11% !important;

        margin-bottom:-350px !important;
    }

}

@media (max-width:1000px){

    .journey-section{
        overflow:hidden !important;
        padding-top:60px !important;
        padding-bottom:40px !important;
    }

    .journey-intro{
        position:relative !important;
        width:calc(100% - 32px) !important;
        max-width:520px !important;
        margin:0 auto 35px !important;
        text-align:center !important;
        z-index:50 !important;
    }

    .journey-intro h2{
        font-size:44px !important;
        line-height:1 !important;
        margin-bottom:20px !important;
    }

    .journey-intro p{
        max-width:420px !important;
        margin:0 auto !important;
        font-size:15px !important;
        line-height:1.55 !important;
    }

    .journey{
        position:relative !important;

        display:block !important;

        width:1400px !important;
        max-width:none !important;

        height:880px !important;
        min-height:880px !important;

        left:50% !important;
        margin-left:-700px !important;
        margin-top:0 !important;

        overflow:visible !important;

        transform-origin:top center !important;

        grid-template-columns:none !important;
        gap:0 !important;
    }

    .journey-route{
        display:block !important;

        position:absolute !important;

        left:0 !important;
        top:auto !important;
        bottom:245px !important;

        width:1400px !important;
        height:450px !important;

        max-width:none !important;

        z-index:1 !important;

        transform:none !important;
    }

    .journey-step,
    .journey-step-1,
    .journey-step-2,
    .journey-step-3,
    .journey-step-4{
        position:absolute !important;

        display:block !important;

        width:235px !important;

        inset:auto !important;

        margin:0 !important;

        opacity:1 !important;

        transform:none !important;

        z-index:15 !important;
    }

    .journey-step .journey-card{
        width:235px !important;

        margin:0 !important;

        padding:17px 18px 18px !important;

        position:relative !important;

        border-radius:15px !important;
    }

    .journey-step .journey-icon{
        width:42px !important;
        height:42px !important;

        margin-bottom:11px !important;
    }

    .journey-step .journey-card h3{
        font-size:18px !important;
        line-height:1.15 !important;
        margin:0 0 6px !important;
    }

    .journey-step .journey-card p{
        font-size:12.5px !important;
        line-height:1.42 !important;
        margin:0 !important;
    }

    .journey > .journey-image-wrap{
        position:absolute !important;

        width:140px !important;
        height:140px !important;

        min-width:140px !important;
        min-height:140px !important;

        margin:0 !important;

        transform:translate(-50%,-50%) !important;

        z-index:30 !important;

        overflow:visible !important;
    }

    .journey > .journey-image-wrap .journey-image{
        width:100% !important;
        height:100% !important;

        border-radius:50% !important;

        object-fit:cover !important;
    }

    .journey-number{
        width:48px !important;
        height:48px !important;

        top:-13px !important;
        right:-8px !important;

        font-size:14px !important;

        z-index:50 !important;
    }

    .journey-note{
        display:block !important;
        position:absolute !important;
    }

    .journey-footer{
        position:absolute !important;

        left:50% !important;
        bottom:20px !important;

        width:700px !important;

        margin:0 !important;

        transform:translateX(-50%) !important;

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

        gap:30px !important;

        z-index:20 !important;
    }

    .journey-footer p{
        white-space:nowrap !important;
    }

}

@media (max-width:1000px){

    .journey-section{
        overflow:hidden !important;
        padding-top:55px !important;
        padding-bottom:40px !important;
    }

    .journey-intro{
        position:relative !important;
        width:calc(100% - 30px) !important;
        max-width:520px !important;
        margin:0 auto 35px !important;
        text-align:center !important;
        z-index:100 !important;
    }

    .journey-intro h2{
        font-size:44px !important;
        line-height:1 !important;
        margin:0 0 20px !important;
    }

    .journey-intro p{
        max-width:420px !important;
        margin:0 auto !important;
        font-size:15px !important;
        line-height:1.55 !important;
    }

    .journey{
        position:relative !important;

        display:block !important;
        grid-template-columns:none !important;

        width:1400px !important;
        max-width:none !important;

        height:760px !important;
        min-height:760px !important;

        left:50% !important;
        right:auto !important;

        margin-left:-700px !important;
        margin-top:0 !important;

        zoom:1 !important;

        transform-origin:top center !important;

        overflow:visible !important;
    }

    .journey-route{
        display:block !important;

        position:absolute !important;

        left:0 !important;
        top:auto !important;
        bottom:165px !important;

        width:1400px !important;
        height:450px !important;

        max-width:none !important;

        z-index:1 !important;

        transform:none !important;
    }

    .journey-step,
    .journey-step-1,
    .journey-step-2,
    .journey-step-3,
    .journey-step-4{
        display:block !important;
        position:absolute !important;

        width:235px !important;

        inset:auto !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;

        z-index:20 !important;
    }

    .journey-step-1{
        left:2% !important;
        top:355px !important;
    }

    .journey-step-2{
        left:31% !important;
        top:40px !important;
    }

    .journey-step-3{
        left:56% !important;
        top:365px !important;
    }

    .journey-step-4{
        right:0 !important;
        left:auto !important;
        top:55px !important;
    }

    .journey-card{
        display:block !important;

        width:235px !important;

        opacity:1 !important;
        visibility:visible !important;

        margin:0 !important;

        padding:17px 18px 18px !important;

        border-radius:15px !important;
    }

    .journey-image-wrap{
        display:block !important;

        position:relative !important;

        width:140px !important;
        height:140px !important;

        min-width:140px !important;
        min-height:140px !important;

        opacity:1 !important;
        visibility:visible !important;

        margin-left:auto !important;
        margin-right:auto !important;

        transform:none !important;

        z-index:40 !important;
    }

    .journey-image{
        display:block !important;

        width:100% !important;
        height:100% !important;

        opacity:1 !important;
        visibility:visible !important;

        object-fit:cover !important;
        border-radius:50% !important;
    }

    .journey-number{
        display:flex !important;
        opacity:1 !important;
        visibility:visible !important;

        width:48px !important;
        height:48px !important;

        font-size:14px !important;

        z-index:60 !important;
    }

    .journey-note,
    .journey-note-top,
    .journey-note-end{
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    .journey-footer{
        display:flex !important;

        position:absolute !important;

        left:50% !important;
        bottom:0 !important;

        width:700px !important;

        margin:0 !important;

        transform:translateX(-50%) !important;

        justify-content:center !important;
        align-items:center !important;

        gap:30px !important;

        opacity:1 !important;
        visibility:visible !important;
    }

}

@media (max-width:600px){

    .journey-intro h2{
        font-size:40px !important;
    }

}

.nortiq-choice-section{
    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 20% 50%,
            rgba(19,137,255,.09),
            transparent 33%
        ),
        radial-gradient(
            circle at 85% 45%,
            rgba(19,137,255,.07),
            transparent 34%
        ),
        linear-gradient(
            110deg,
            #061a2d 0%,
            #082744 58%,
            #062038 100%
        );

    color:#fff;

    padding:72px 0 76px;
}

.nortiq-choice-bg-shape{
    position:absolute;
    pointer-events:none;

    width:520px;
    height:520px;

    border:2px solid rgba(19,137,255,.07);

    border-radius:50%;

    z-index:0;
}

.nortiq-choice-shape-left{
    left:-290px;
    bottom:-350px;
}

.nortiq-choice-shape-right{
    right:-240px;
    bottom:-320px;
}

.nortiq-choice-grid{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1.15fr .85fr;

    gap:80px;

    align-items:center;
}

.nortiq-choice-left{
    min-width:0;
}

.nortiq-choice-kicker{
    margin-bottom:20px;

    color:#6cb9ff;

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

    letter-spacing:.28em;

    text-transform:uppercase;
}

.nortiq-choice-left h2{
    margin:0;

    max-width:780px;

    color:#fff;

    font-size:48px;
    line-height:1.12;

    letter-spacing:-.035em;
}

.nortiq-choice-left h2 span{
    color:#168cff;
}

.nortiq-choice-benefits{
    display:grid;

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

    gap:35px;

    margin-top:43px;
}

.nortiq-choice-item{
    min-width:0;
}

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

    width:54px;
    height:54px;

    margin-bottom:15px;

    border-radius:13px;

    background:
        linear-gradient(
            145deg,
            rgba(27,103,164,.33),
            rgba(11,57,94,.72)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(90,181,255,.07);
}

.nortiq-choice-icon svg{
    display:block;

    width:29px;
    height:29px;

    fill:none;

    stroke:#299cff;
    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.nortiq-choice-item strong{
    display:block;

    margin-bottom:7px;

    color:#fff;

    font-size:16px;
    font-weight:750;
}

.nortiq-choice-item p{
    margin:0;

    color:#aebfd0;

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

.nortiq-choice-cta{
    position:relative;

    padding:38px 40px 34px;

    border:
        1px solid
        rgba(36,154,239,.43);

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(7,37,62,.88),
            rgba(5,29,50,.77)
        );

    box-shadow:
        0 20px 55px
        rgba(0,0,0,.08);
}

.nortiq-choice-cta h3{
    margin:0 0 19px;

    color:#fff;

    font-size:25px;
    line-height:1.2;

    letter-spacing:-.02em;
}

.nortiq-choice-cta > p{
    max-width:570px;

    margin:0 0 25px;

    color:#e1ebf3;

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

.nortiq-choice-button{
    display:inline-flex;
    align-items:center;

    gap:22px;

    min-height:58px;

    padding:0 25px;

    border-radius:9px;

    background:
        linear-gradient(
            135deg,
            #2298ff,
            #087df0
        );

    color:#fff;

    font-size:15px;
    font-weight:750;

    box-shadow:
        0 10px 24px
        rgba(19,137,255,.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.nortiq-choice-button span{
    font-size:23px;

    line-height:1;

    transition:transform .25s ease;
}

.nortiq-choice-button:hover{
    transform:translateY(-3px);

    box-shadow:
        0 15px 30px
        rgba(19,137,255,.28);
}

.nortiq-choice-button:hover span{
    transform:translateX(4px);
}

.nortiq-choice-meta{
    display:flex;
    align-items:center;

    gap:10px;

    margin-top:27px;

    color:#9eb3c7;

    font-size:13px;
}

.nortiq-choice-meta svg{
    width:22px;
    height:22px;

    flex:0 0 22px;

    fill:none;

    stroke:#3da7ff;
    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.nortiq-choice-meta b{
    margin:0 7px;

    color:#70889f;

    font-weight:400;
}

@media(max-width:1250px){

    .nortiq-choice-grid{
        gap:45px;
    }

    .nortiq-choice-left h2{
        font-size:42px;
    }

    .nortiq-choice-benefits{
        gap:22px;
    }

    .nortiq-choice-cta{
        padding:34px 30px;
    }

}

@media(max-width:950px){

    .nortiq-choice-section{
        padding:65px 0;
    }

    .nortiq-choice-grid{
        grid-template-columns:1fr;

        gap:48px;
    }

    .nortiq-choice-left h2{
        max-width:700px;

        font-size:44px;
    }

    .nortiq-choice-benefits{
        max-width:750px;
    }

    .nortiq-choice-cta{
        max-width:720px;
    }

}

@media(max-width:650px){

    .nortiq-choice-section{
        padding:55px 0;
    }

    .nortiq-choice-kicker{
        font-size:10px;

        margin-bottom:14px;
    }

    .nortiq-choice-left h2{
        font-size:34px;
        line-height:1.08;
    }

    .nortiq-choice-benefits{
        grid-template-columns:
            1fr 1fr;

        gap:28px 20px;

        margin-top:34px;
    }

    .nortiq-choice-icon{
        width:48px;
        height:48px;
    }

    .nortiq-choice-item strong{
        font-size:15px;
    }

    .nortiq-choice-item p{
        font-size:12px;
    }

    .nortiq-choice-cta{
        padding:27px 22px;

        border-radius:14px;
    }

    .nortiq-choice-cta h3{
        font-size:23px;
    }

    .nortiq-choice-cta > p{
        font-size:14px;
    }

    .nortiq-choice-button{
        width:100%;

        justify-content:center;

        padding:0 18px;
    }

    .nortiq-choice-meta{
        align-items:flex-start;

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

    .nortiq-choice-meta b{
        margin:0 3px;
    }

}

@media(max-width:420px){

    .nortiq-choice-left h2{
        font-size:30px;
    }

    .nortiq-choice-benefits{
        grid-template-columns:1fr 1fr;
        gap:24px 12px;
    }

}

.cases,
.cases-section,
#cases,
section.cases,
section#cases {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.nortiq-choice-v2,
.nortiq-choice-section,
.nortiq-white-cta,
section.nortiq-choice-v2,
section.nortiq-choice-section {
    background: #edf7ff !important;
    background-color: #edf7ff !important;
}

.nortiq-choice-v2::before,
.nortiq-choice-v2::after,
.nortiq-choice-section::before,
.nortiq-choice-section::after {
    background-color: transparent;
}

.services-grid,
.services-mosaic,
.services-layout,
.services-showcase,
.services-showcase-inner,
.services-grid-wrapper,
.services-mosaic-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

.services-grid::before,
.services-grid::after,
.services-mosaic::before,
.services-mosaic::after,
.services-showcase::before,
.services-showcase::after {
    background: transparent !important;
    background-color: transparent !important;
}

.nortiq-services-new{
    background-color:#edf5fc !important;
}

.nortiq-services-layout{
    background:transparent !important;
    background-color:transparent !important;
}

.nortiq-services-layout::before,
.nortiq-services-layout::after{
    background:transparent !important;
    background-color:transparent !important;
}

.nortiq-services-layout{
    gap:2px !important;
}

.nortiq-service-box{
    position:relative !important;
}

.service-number{
    display:none !important;
}

.nortiq-service-box{
    border:0 !important;
    outline:0 !important;
}

.nortiq-services-layout{
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    outline: none !important;

    box-shadow: none !important;

    gap: 2px !important;
}

.nortiq-services-layout::before,
.nortiq-services-layout::after{
    content: none !important;
    display: none !important;
}

.nortiq-services-layout > div:not(.nortiq-service-box){
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    box-shadow: none !important;
}

.nortiq-service-box{
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;
    outline: none !important;

    box-shadow: none !important;
}

.nortiq-service-box img{
    display: block !important;
}

.nortiq-services-new{
    background: #edf5fc !important;
    background-color: #edf5fc !important;
}

.nortiq-new-visual{
    overflow:hidden !important;
}

.nortiq-new-visual img{
    width:112% !important;
    max-width:none !important;

    height:100% !important;

    object-fit:cover !important;

    transform:translateX(-7%) !important;

    object-position:center center !important;
}

@media(max-width:1100px){

    .nortiq-new-visual img{
        width:108% !important;
        transform:translateX(-5%) !important;
    }

}

.nortiq-new-visual > img{
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
}

.nortiq-new-visual::after{

    width:47%;
    height:100%;

    background:linear-gradient(
        90deg,
        #f3f7fb 0%,
        #f3f7fb 12%,
        rgba(243,247,251,.99) 24%,
        rgba(243,247,251,.95) 38%,
        rgba(243,247,251,.78) 56%,
        rgba(243,247,251,.48) 72%,
        rgba(243,247,251,.18) 88%,
        rgba(243,247,251,0) 100%
    );
content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:55%;
    z-index:10;
    pointer-events:none;

    background:linear-gradient(
        90deg,
        #f3f7fb 0%,
        #f3f7fb 18%,
        rgba(243,247,251,.98) 32%,
        rgba(243,247,251,.90) 46%,
        rgba(243,247,251,.68) 62%,
        rgba(243,247,251,.38) 76%,
        rgba(243,247,251,.14) 89%,
        rgba(243,247,251,0) 100%
    );
width:28% !important;

    background:linear-gradient(
        90deg,
        #f3f7fb 0%,
        rgba(243,247,251,.95) 20%,
        rgba(243,247,251,.72) 45%,
        rgba(243,247,251,.40) 68%,
        rgba(243,247,251,.15) 85%,
        rgba(243,247,251,0) 100%
    ) !important;
width:31% !important;

    background:linear-gradient(
        90deg,
        #f3f7fb 0%,
        rgba(243,247,251,.96) 20%,
        rgba(243,247,251,.76) 45%,
        rgba(243,247,251,.43) 68%,
        rgba(243,247,251,.16) 85%,
        rgba(243,247,251,0) 100%
    ) !important;
width:36% !important;

    background:linear-gradient(
        90deg,
        #f3f7fb 0%,
        rgba(243,247,251,.99) 12%,
        rgba(243,247,251,.94) 28%,
        rgba(243,247,251,.78) 44%,
        rgba(243,247,251,.55) 60%,
        rgba(243,247,251,.32) 74%,
        rgba(243,247,251,.15) 86%,
        rgba(243,247,251,.05) 94%,
        rgba(243,247,251,0) 100%
    ) !important;
}

.service-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:46px !important;
    height:46px !important;

    border-radius:12px !important;

    color:#5fd8ff !important;

    font-size:27px !important;
    font-weight:700 !important;
    line-height:1 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.04)
        ) !important;

    border:
        1px solid
        rgba(255,255,255,.28) !important;

    box-shadow:
        inset 0 0 18px rgba(30,151,255,.08),
        0 8px 20px rgba(0,0,0,.12) !important;

    text-shadow:
        0 0 12px rgba(44,184,255,.55) !important;
}

.service-phone{
    font-size:31px !important;
}

.service-process .service-icon{
    font-size:29px !important;
}

.service-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;

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

    padding:9px !important;

    border-radius:12px !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}

.service-icon img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:30px !important;
    max-height:30px !important;

    object-fit:contain !important;

    position:static !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
}

.service-phone img{
    max-width:24px !important;
    max-height:30px !important;
}

.service-web .service-icon img{
    max-width:30px !important;
    max-height:30px !important;
}

.service-data .service-icon img{
    max-width:29px !important;
    max-height:29px !important;
}

.service-process .service-icon img{
    max-width:29px !important;
    max-height:29px !important;
}

.service-phone img{
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    object-fit:contain !important;
}

.service-process .service-icon img{
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    object-fit:contain !important;
}

.journey-note-top{
    top:95px !important;
}

.journey-note-top .journey-note-arrow{
    margin-top:4px !important;
}

.journey-note-end{
    right:2.5% !important;
    bottom:130px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    text-align:left !important;
}

.journey-note-end .journey-note-arrow{
    display:block !important;

    width:72px !important;
    height:56px !important;

    margin:0 0 2px -8px !important;

    transform:none !important;
}

.journey-note-end{
    transform:rotate(-3deg) !important;
}

@media (min-width:1001px){

    .journey-note-top{
        position:absolute !important;

        left:38% !important;
        right:auto !important;
        top:115px !important;
        bottom:auto !important;

        transform:rotate(-4deg) !important;

        z-index:30 !important;
    }

    .journey-note-top .journey-note-arrow{
        display:block !important;

        width:64px !important;
        height:52px !important;

        margin:2px 0 0 -5px !important;

        transform:none !important;
    }

    .journey-note-end{
        position:absolute !important;

        right:5.5% !important;
        left:auto !important;

        bottom:150px !important;
        top:auto !important;

        width:150px !important;

        text-align:left !important;

        transform:rotate(-4deg) !important;

        z-index:30 !important;
    }

    .journey-note-end .journey-note-arrow{
        position:absolute !important;

        left:-10px !important;
        top:-62px !important;

        width:70px !important;
        height:58px !important;

        margin:0 !important;

        transform:none !important;

        overflow:visible !important;
    }

    .journey-note-end .journey-note-arrow path{
        transform-box:fill-box !important;
        transform-origin:center !important;
    }

}

@media (min-width:1001px){

    .journey-note-top{
        left:36.5% !important;
        top:130px !important;
    }

    .journey-note-end{
        right:6.5% !important;
        bottom:155px !important;
    }

    .journey-note-end .journey-note-arrow{
        left:-2px !important;
        top:-52px !important;
        width:62px !important;
        height:50px !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        position:absolute !important;

        right:4.5% !important;
        bottom:145px !important;

        left:auto !important;
        top:auto !important;

        width:150px !important;
        text-align:left !important;

        transform:rotate(-3deg) !important;
        z-index:30 !important;
    }

    .journey-note-end .journey-note-arrow{
        position:absolute !important;

        left:25px !important;
        top:-75px !important;

        width:95px !important;
        height:75px !important;

        margin:0 !important;

        transform:scaleX(-1) rotate(-8deg) !important;

        transform-origin:center !important;
        overflow:visible !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        position:absolute !important;

        right:5.2% !important;
        bottom:145px !important;
        left:auto !important;
        top:auto !important;

        width:155px !important;
        text-align:left !important;

        transform:rotate(-4deg) !important;
        z-index:30 !important;
    }

    .journey-note-end .journey-note-arrow{
        position:absolute !important;

        left:-2px !important;
        top:-72px !important;

        width:82px !important;
        height:68px !important;

        margin:0 !important;

        transform:scaleX(1) rotate(-2deg) !important;
        transform-origin:center !important;

        overflow:visible !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        right:0.5% !important;
        left:auto !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        right:-5% !important;
        left:auto !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        right:-10.5% !important;
        left:auto !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        right:-10.5% !important;
        left:auto !important;

        bottom:165px !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        right:-10.5% !important;
        left:auto !important;
        bottom:185px !important;
    }

}

@media (min-width:1001px){

    .journey-note-end{
        right:-10.5% !important;
        left:auto !important;
        bottom:190px !important;
    }

}

@media (min-width:1001px){
    .journey-note-end{
        right:-10.5% !important;
        left:auto !important;
        bottom:195px !important;
    }
}

@media (min-width:1001px){
    .journey-note-end{
        right:-10.5% !important;
        left:auto !important;
        bottom:200px !important;
    }
}

.journey-intro h2{
    color:#173B67 !important;
}

.journey-note-arrow path,
.journey-note-arrow line,
.journey-note-arrow polyline,
.journey-note-arrow polygon{
    stroke:#1389ff !important;
}

.journey-note-arrow polygon{
    fill:#1389ff !important;
}

.journey-note-start,
.journey-note-start span,
.journey-note-start p,
.journey-note-start div{
    color:#173B67 !important;
}

.journey-note-start .journey-note-arrow,
.journey-note-start .journey-note-arrow path,
.journey-note-start .journey-note-arrow line,
.journey-note-start .journey-note-arrow polyline{
    stroke:#1389ff !important;
}

.journey-note-start .journey-note-arrow polygon{
    stroke:#1389ff !important;
    fill:#1389ff !important;
}

.journey-idee-impact-text{
    color:#173B67 !important;
    -webkit-text-fill-color:#173B67 !important;
}

.journey-note-arrow,
.journey-note-arrow path,
.journey-note-arrow line,
.journey-note-arrow polyline{
    stroke:#1389ff !important;
}

.journey-note-arrow polygon{
    stroke:#1389ff !important;
    fill:#1389ff !important;
}

#over .two > div:last-child::before,
#over .two > div:last-child::after{
    color:#456988 !important;
    -webkit-text-fill-color:#456988 !important;
}

.about-handnote,
.about-handnote span{
    color:#456988 !important;
    -webkit-text-fill-color:#456988 !important;
}

.about-handnote svg path{
    stroke:#168cff !important;
    fill:none !important;
}

#over .about-icon,
#over .about-feature-icon,
#over .about-benefit-icon,
#over .about-value-icon{
    background:#ffffff !important;
}

#over .icon-box{
    background:#ffffff !important;
}

#over .about-tags,
#over .about-values,
#over .about-keywords,
#over .about-meta{
    display:none !important;
}

#over .about-handnote-end svg,
#over .about-note-end svg,
#over .about-handnote:last-of-type svg{
    transform:rotate(180deg) !important;
    transform-origin:center center !important;
}

#over .about-handnote-end .about-arrow,
#over .about-note-end .about-arrow{
    transform:rotate(180deg) !important;
    transform-origin:center center !important;
}

@media (min-width:1001px){

    .about-handnote-end .about-arrow,
    .about-handnote-end svg,
    .about-note-end .about-arrow,
    .about-note-end svg{
        position:absolute !important;

        left:50% !important;
        top:-75px !important;

        transform:translateX(-50%) rotate(180deg) !important;
        transform-origin:center center !important;

        margin:0 !important;
    }
}

.about-handnote{
    overflow:visible !important;
}

.about-handnote svg{
    position:absolute !important;

    left:58% !important;
    top:-58px !important;

    width:64px !important;
    height:46px !important;

    margin:0 !important;

    transform:translateX(-50%) rotate(180deg) !important;

position:static !important;

    left:auto !important;
    top:auto !important;

    width:58% !important;
    height:auto !important;

    margin-top:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:8% !important;

    transform:none !important;

    overflow:visible !important;
transform:rotate(180deg) !important;
    
transform:scaleY(-1) !important;
    transform-origin:center center !important;
}

.about-handnote svg path{
    transform:none !important;
    transform-origin:center center !important;
}

.about-handnote svg{
    position:static !important;
    width:58% !important;
    height:auto !important;

    margin-top:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:8% !important;

    transform:none !important;
    transform-origin:center center !important;
}

.about-handnote svg path{
    transform:none !important;
}

.nortiq-white-scribble-bottom{
    position:absolute !important;
    overflow:visible !important;
}

.nortiq-white-scribble-bottom svg{
    position:absolute !important;

    left:50% !important;
    top:-58px !important;

    width:72px !important;
    height:58px !important;

    margin:0 !important;

    transform:translateX(-50%) !important;
    transform-origin:center center !important;

    overflow:visible !important;
}

.nortiq-white-scribble-bottom svg path{
    transform:none !important;
}

.about-handnote svg.about-arrow-down-final{
    transform:none !important;
    rotate:none !important;
    scale:none !important;

    position:static !important;

    width:58% !important;
    height:auto !important;

    margin-top:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:8% !important;
}

.about-handnote svg.about-arrow-down-final path{
    transform:none !important;
    rotate:none !important;
    scale:none !important;

    stroke:#168cff !important;
    fill:none !important;
}

.about-playful-visual .about-handnote > svg.about-arrow-down-final{
    display:block !important;

    position:static !important;

    width:58% !important;
    height:auto !important;

    margin:0 0 0 8% !important;

    transform:none !important;
    -webkit-transform:none !important;

    rotate:none !important;
    scale:none !important;

    direction:ltr !important;
}

.about-playful-visual .about-handnote > svg.about-arrow-down-final path{
    transform:none !important;
    -webkit-transform:none !important;
    rotate:none !important;
    scale:none !important;
}

.about-playful-visual .about-handnote > svg.about-arrow-down-final{
    transform:rotate(90deg) !important;
    
transform:scaleY(-1) !important;
    transform-origin:center center !important;
}

.nortiq-white-feature-icon,
.nortiq-white-feature .nortiq-white-feature-icon,
.nortiq-white-features .nortiq-white-feature-icon{
    background:#ffffff !important;
    background-color:#ffffff !important;
}

.about-point-icon{
    background:#ffffff !important;
    background-color:#ffffff !important;
}

.about-point-icon::before,
.about-point-icon::after{
    background:transparent !important;
}

.about-point-icon img{
    background:transparent !important;
}

.about-playful-points .about-point-icon{
    background:#168cff !important;
    background-color:#168cff !important;
}

.about-playful-points .about-point-icon img{
    filter:brightness(0) invert(1) !important;
    background:transparent !important;
}

.about-playful-points .about-point-icon::before,
.about-playful-points .about-point-icon::after{
    background:transparent !important;
}

.about-playful-points .about-point-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;

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

    background:#168cff !important;
    background-color:#168cff !important;

    border:1px solid rgba(0,110,220,.18) !important;
    border-radius:15px !important;

    box-shadow:
        0 8px 20px rgba(20,100,180,.12),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    padding:0 !important;
    overflow:hidden !important;
}

.about-playful-points .about-point-icon img{
    width:28px !important;
    height:28px !important;
    object-fit:contain !important;

    filter:brightness(0) invert(1) !important;
    background:transparent !important;
}

.about-playful-points .about-point-icon::before,
.about-playful-points .about-point-icon::after{
    display:none !important;
}

.nortiq-services-new h2 span{
    color:#8b5cf6 !important;
}

.journey-intro h2 span{
    color:#8b5cf6 !important;
}

.nortiq-white-copy h2 span,
.nortiq-white-section h2 span{
    color:#8b5cf6 !important;
}

.purple-title-accent{
    color:#8b5cf6 !important;
}

.case-card,
.case-item,
.cases-grid > article,
.cases-grid > a{
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease !important;

    transform:translateY(0) scale(1) !important;
    transform-origin:center center !important;
}

.case-card:hover,
.case-item:hover,
.cases-grid > article:hover,
.cases-grid > a:hover{
    transform:translateY(-10px) scale(1.035) !important;

    box-shadow:
        0 24px 50px rgba(20,55,90,.20),
        0 8px 20px rgba(20,55,90,.10) !important;

    position:relative !important;
    z-index:20 !important;
}

.nortiq-white-copy{
    animation:nortiqTextIn .85s cubic-bezier(.16,.8,.25,1) both;
}

.nortiq-white-benefit{
    opacity:0;
    animation:nortiqBenefitIn .65s cubic-bezier(.16,.8,.25,1) forwards;
}

.nortiq-white-benefit:nth-child(1){ animation-delay:.18s; }
.nortiq-white-benefit:nth-child(2){ animation-delay:.30s; }
.nortiq-white-benefit:nth-child(3){ animation-delay:.42s; }
.nortiq-white-benefit:nth-child(4){ animation-delay:.54s; }

.nortiq-white-visual img,
.nortiq-white-image{
    animation:nortiqImageIn 1s cubic-bezier(.16,.8,.25,1) .15s both;
}

.nortiq-white-card,
.nortiq-white-contact,
.nortiq-white-cta{
    animation:nortiqCardIn .9s cubic-bezier(.16,.8,.25,1) .38s both;
}

.nortiq-white-section .handnote,
.nortiq-white-section [class*="note"]{
    animation:nortiqNoteIn .8s ease .75s both;
}

@keyframes nortiqTextIn{
    0%{
        opacity:0;
        transform:translateX(-45px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes nortiqBenefitIn{
    0%{
        opacity:0;
        transform:translateY(25px) scale(.94);
    }
    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes nortiqImageIn{
    0%{
        opacity:0;
        transform:translateX(55px) rotate(2deg) scale(.94);
    }
    100%{
        opacity:1;
        transform:translateX(0) rotate(0) scale(1);
    }
}

@keyframes nortiqCardIn{
    0%{
        opacity:0;
        transform:translateY(45px) scale(.94);
    }
    65%{
        opacity:1;
        transform:translateY(-4px) scale(1.01);
    }
    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes nortiqNoteIn{
    0%{
        opacity:0;
        transform:translateY(12px) rotate(-6deg) scale(.85);
    }
    100%{
        opacity:1;
    }
}

.nortiq-white-benefit{
    transition:transform .25s ease !important;
}

.nortiq-white-benefit:hover{
    transform:translateY(-5px) !important;
}

.nortiq-white-benefit:hover .nortiq-white-icon{
    transform:rotate(-5deg) scale(1.08) !important;
}

.nortiq-white-icon{
    transition:transform .25s cubic-bezier(.2,.8,.2,1) !important;
}

@media (prefers-reduced-motion:reduce){
    .nortiq-white-copy,
    .nortiq-white-benefit,
    .nortiq-white-visual img,
    .nortiq-white-image,
    .nortiq-white-card,
    .nortiq-white-contact,
    .nortiq-white-cta,
    .nortiq-white-section .handnote,
    .nortiq-white-section [class*="note"]{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }
}

.nortiq-white-copy,
.nortiq-white-benefit,
.nortiq-white-visual,
.nortiq-white-card,
.nortiq-white-contact,
.nortiq-white-cta{
    opacity:0 !important;
    transition:
        opacity .85s ease,
        transform .85s cubic-bezier(.16,.8,.25,1) !important;
}

.nortiq-white-copy{
    transform:translateX(-30px) !important;
}

.nortiq-white-benefit{
    transform:translateY(22px) !important;
}

.nortiq-white-visual{
    transform:translateX(35px) !important;
}

.nortiq-white-card,
.nortiq-white-contact,
.nortiq-white-cta{
    transform:translateY(30px) !important;
}

.nortiq-fade-visible{
    opacity:1 !important;
    transform:translate(0,0) !important;
}

.nortiq-white-benefit:hover{
    transform:none !important;
}

.nortiq-white-benefit:hover .nortiq-white-icon{
    transform:none !important;
}

.nortiq-white-benefit:nth-child(1){ transition-delay:.10s !important; }
.nortiq-white-benefit:nth-child(2){ transition-delay:.20s !important; }
.nortiq-white-benefit:nth-child(3){ transition-delay:.30s !important; }
.nortiq-white-benefit:nth-child(4){ transition-delay:.40s !important; }

.nortiq-white-copy .eyebrow,
.nortiq-white-copy h2,
.nortiq-white-copy .nortiq-white-lead{
    opacity:0 !important;
    transform:translateY(20px) !important;

    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.16,.8,.25,1) !important;
}

.nortiq-white-copy .eyebrow{
    transition-delay:.05s !important;
}

.nortiq-white-copy h2{
    transition-delay:.15s !important;
}

.nortiq-white-copy .nortiq-white-lead{
    transition-delay:.25s !important;
}

.nortiq-white-benefit{
    opacity:0 !important;
    transform:translateY(25px) !important;

    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.16,.8,.25,1) !important;
}

.nortiq-white-benefit:nth-child(1){
    transition-delay:.30s !important;
}

.nortiq-white-benefit:nth-child(2){
    transition-delay:.40s !important;
}

.nortiq-white-benefit:nth-child(3){
    transition-delay:.50s !important;
}

.nortiq-white-benefit:nth-child(4){
    transition-delay:.60s !important;
}

.nortiq-white-copy .eyebrow.nortiq-fade-visible,
.nortiq-white-copy h2.nortiq-fade-visible,
.nortiq-white-copy .nortiq-white-lead.nortiq-fade-visible,
.nortiq-white-benefit.nortiq-fade-visible{
    opacity:1 !important;
    transform:translateY(0) !important;
}

.nortiq-white-benefit.nortiq-fade-visible{
    transition:
        opacity .7s ease,
        transform .25s cubic-bezier(.2,.8,.2,1),
        filter .25s ease !important;
}

.nortiq-white-benefit.nortiq-fade-visible:hover{
    transform:translateY(-7px) scale(1.035) !important;
    filter:drop-shadow(0 12px 14px rgba(25,70,110,.13)) !important;
    position:relative !important;
    z-index:10 !important;
}

.nortiq-white-benefit.nortiq-fade-visible:hover .nortiq-white-icon{
    transform:scale(1.07) !important;
    box-shadow:
        0 12px 25px rgba(25,70,110,.12),
        inset 0 0 0 1px #dceaf6 !important;
}

.nortiq-white-icon{
    transition:
        transform .25s cubic-bezier(.2,.8,.2,1),
        box-shadow .25s ease !important;
}

.case{
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease !important;
    transform:translateY(0) scale(1) !important;
    position:relative !important;
}

.case:hover{
    transform:translateY(-8px) scale(1.025) !important;
    box-shadow:
        0 24px 50px rgba(20,55,90,.18),
        0 8px 18px rgba(20,55,90,.08) !important;
    z-index:10 !important;
}

.case img{
    transition:transform .35s cubic-bezier(.2,.8,.2,1) !important;
}

.case:hover img{
    transform:scale(1.025) !important;
}

.nortiq-footer-new{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 100%,rgba(0,140,255,.13),transparent 32%),
        radial-gradient(circle at 78% 100%,rgba(139,92,246,.16),transparent 35%),
        linear-gradient(135deg,#061725 0%,#071421 48%,#07111e 100%);
    color:#fff;
    padding:70px 4% 0;
}

.nortiq-footer-new::before{
    content:"";
    position:absolute;
    width:650px;
    height:2px;
    left:-100px;
    bottom:72px;
    background:linear-gradient(
        90deg,
        transparent,
        #168cff,
        #8b5cf6,
        transparent
    );
    transform:rotate(-8deg);
    opacity:.6;
}

.nortiq-footer-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    pointer-events:none;
}

.nortiq-footer-new .glow-left{
    width:260px;
    height:260px;
    left:-150px;
    bottom:-130px;
    background:rgba(0,145,255,.25);
}

.nortiq-footer-new .glow-right{
    width:330px;
    height:330px;
    right:-100px;
    bottom:-190px;
    background:rgba(139,92,246,.22);
}

.nortiq-footer-inner{
    max-width:1540px;
    margin:auto;

    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1.25fr .8fr 1fr 1.25fr;
    gap:65px;

    padding:48px 55px;

    border:1px solid rgba(120,155,255,.28);
    border-radius:22px;

    background:linear-gradient(
        135deg,
        rgba(255,255,255,.045),
        rgba(255,255,255,.015)
    );

    box-shadow:
        0 25px 70px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.05);

    backdrop-filter:blur(12px);
}

.nortiq-footer-logo{
    width:165px;
    max-width:100%;
    height:auto;
    object-fit:contain;
    margin-bottom:22px;
}

.nortiq-footer-brand p{
    margin:0;
    color:#c8d4df;
    font-size:15px;
    line-height:1.65;
}

.nortiq-footer-socials{
    display:flex;
    gap:12px;
    margin-top:27px;
}

.nortiq-footer-socials a{
    width:43px;
    height:43px;

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

    border-radius:11px;

    color:#fff;
    text-decoration:none;

    font-size:19px;
    font-weight:700;

    border:1px solid rgba(120,100,255,.55);

    background:
        linear-gradient(
            145deg,
            rgba(139,92,246,.18),
            rgba(0,140,255,.10)
        );

    box-shadow:
        inset 0 0 15px rgba(139,92,246,.08);

    transition:.25s ease;
}

.nortiq-footer-socials a:hover{
    transform:translateY(-4px);
    border-color:#8b5cf6;
    box-shadow:0 10px 25px rgba(90,70,255,.20);
}

.nortiq-footer-links,
.nortiq-footer-contact{
    border-left:1px solid rgba(120,145,180,.20);
    padding-left:55px;
}

.nortiq-footer-new h3{
    margin:0;
    font-size:19px;
    color:#fff;
}

.footer-title-line{
    display:block;
    width:48px;
    height:3px;

    margin:14px 0 24px;

    border-radius:10px;

    background:linear-gradient(
        90deg,
        #8b5cf6,
        #168cff
    );
}

.nortiq-footer-links > a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    max-width:175px;

    padding:7px 0;

    color:#d9e3eb;
    text-decoration:none;

    font-size:15px;

    transition:.2s ease;
}

.nortiq-footer-links > a > span{
    color:#8b5cf6;
    font-size:24px;
    line-height:15px;
}

.nortiq-footer-links > a:hover{
    color:#fff;
    transform:translateX(4px);
}

.footer-contact-row{
    display:flex;
    align-items:center;
    gap:15px;
    margin:15px 0;
    color:#d9e3eb;
}

.footer-contact-row a{
    color:#d9e3eb;
    text-decoration:none;
}

.footer-contact-icon{
    width:43px;
    height:43px;

    flex:0 0 43px;

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

    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            rgba(139,92,246,.22),
            rgba(0,140,255,.13)
        );

    border:1px solid rgba(120,100,255,.55);

    color:#fff;
}

.nortiq-footer-statement{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
    position:relative;
}

.footer-script{
    font-family:"Segoe Script","Brush Script MT",cursive;
    font-size:39px;
    line-height:.93;
    font-weight:400;

    transform:rotate(-6deg);

    color:#fff;

    text-shadow:
        0 0 20px rgba(139,92,246,.20);
}

.footer-script span{
    margin-left:25px;
}

.footer-script-line{
    width:120px;
    height:3px;

    margin:18px 0 30px;

    transform:rotate(-7deg);

    background:linear-gradient(
        90deg,
        #c026ff,
        #168cff
    );
}

.footer-values{
    font-size:12px;
    letter-spacing:4px;
    color:#8b5cf6;
    white-space:nowrap;
}

.footer-values b{
    color:#168cff;
    padding:0 4px;
}

.nortiq-footer-bottom{
    max-width:1540px;
    margin:30px auto 0;

    min-height:70px;

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

    border-top:1px solid rgba(120,150,180,.22);

    color:#8398aa;
    font-size:13px;

    position:relative;
    z-index:2;
}

.nortiq-footer-bottom > div{
    display:flex;
    align-items:center;
    gap:14px;
}

.nortiq-footer-bottom a{
    color:#9aabba;
    text-decoration:none;
    transition:.2s;
}

.nortiq-footer-bottom a:hover{
    color:#fff;
}

.nortiq-footer-bottom i{
    width:1px;
    height:14px;
    display:block;

    background:linear-gradient(
        #8b5cf6,
        #168cff
    );
}

@media(max-width:1000px){

    .nortiq-footer-new{
        padding:40px 20px 0;
    }

    .nortiq-footer-inner{
        grid-template-columns:1fr 1fr;
        gap:40px;
        padding:40px 30px;
    }

    .nortiq-footer-links,
    .nortiq-footer-contact{
        padding-left:0;
        border-left:0;
    }

    .nortiq-footer-statement{
        align-items:flex-start;
        text-align:left;
    }

    .nortiq-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
        padding:22px 0;
    }
}

@media(max-width:650px){

    .nortiq-footer-inner{
        grid-template-columns:1fr;
    }

    .footer-script{
        font-size:34px;
    }

    .footer-values{
        white-space:normal;
        line-height:2;
    }

    .nortiq-footer-bottom > div{
        flex-wrap:wrap;
    }
}

.nortiq-footer-v3{
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            110deg,
            #061625 0%,
            #081629 35%,
            #0a1831 65%,
            #071527 100%
        );

    color:#ffffff;

    padding:0 5% !important;
}

.footer-v3-glow{
    position:absolute;
    pointer-events:none;
    border-radius:50%;
    filter:blur(100px);
}

.footer-v3-purple{
    width:500px;
    height:300px;

    left:24%;
    bottom:-190px;

    background:rgba(139,92,246,.42);
}

.footer-v3-blue{
    width:520px;
    height:300px;

    right:8%;
    bottom:-200px;

    background:rgba(22,140,255,.27);
}

.footer-v3-main{
    width:100%;
    max-width:1360px;

    margin:0 auto;

    min-height:235px;

    display:grid;

    grid-template-columns:
        1.55fr
        1px
        .72fr
        1.05fr
        .85fr;

    align-items:center;

    gap:55px;

    position:relative;
    z-index:2;
}

.footer-v3-brand img{
    display:block;

    width:210px !important;
    height:auto !important;

    object-fit:contain;

    margin:0 0 18px 0;
}

.footer-v3-brand p{
    margin:0;

    color:#d6dee7;

    font-size:14px;
    line-height:1.55;
}

.footer-v3-divider{
    width:1px;
    height:145px;

    background:linear-gradient(
        to bottom,
        transparent,
        rgba(139,92,246,.65),
        rgba(22,140,255,.40),
        transparent
    );
}

.footer-v3-links{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.footer-v3-links h3,
.footer-v3-contact h3{
    margin:0 0 16px;

    font-size:17px;
    font-weight:700;

    color:#ffffff;
}

.footer-v3-links a{
    color:#d4dce5;

    text-decoration:none;

    font-size:13px;

    padding:3px 0;

    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-v3-links a:hover{
    color:#9b6cff;
    transform:translateX(3px);
}

.footer-v3-contact{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.footer-v3-contact-row{
    display:flex;
    align-items:center;

    gap:11px;

    margin:5px 0;

    color:#d4dce5;

    font-size:13px;
}

.footer-v3-contact-row a{
    color:#d4dce5;
    text-decoration:none;
}

.footer-v3-contact-row a:hover{
    color:#ffffff;
}

.footer-v3-contact-icon{
    width:20px;

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

    color:#ffffff;
}

.footer-v3-values{
    display:flex;
    flex-direction:column;

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

    gap:7px;
}

.footer-v3-values span{
    font-size:15px;
    font-weight:500;

    letter-spacing:4px;

    color:#9b6cff;
}

.footer-v3-values span:nth-child(2){
    color:#8b5cf6;
}

.footer-v3-values span:nth-child(3){
    color:#707cff;
}

.footer-v3-values i{
    display:block;

    width:32px;
    height:2px;

    margin-top:10px;

    background:linear-gradient(
        90deg,
        #8b5cf6,
        #168cff
    );
}

.footer-v3-bottom{
    width:100%;
    max-width:1360px;

    min-height:60px;

    margin:0 auto;

    border-top:1px solid rgba(125,145,170,.25);

    display:flex;

    align-items:center;
    justify-content:space-between;

    position:relative;
    z-index:2;

    color:#8799aa;

    font-size:12px;
}

.footer-v3-services{
    display:flex;
    align-items:center;

    gap:13px;
}

.footer-v3-services a{
    color:#8799aa;

    text-decoration:none;

    transition:color .2s ease;
}

.footer-v3-services a:hover{
    color:#ffffff;
}

.footer-v3-services b{
    width:1px;
    height:12px;

    display:block;

    background:linear-gradient(
        to bottom,
        #8b5cf6,
        #168cff
    );
}

.nortiq-footer-v3::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent 5%,
        rgba(22,140,255,.35),
        rgba(139,92,246,.65),
        rgba(22,140,255,.35),
        transparent 95%
    );
}

@media(max-width:1000px){

    .footer-v3-main{
        grid-template-columns:1.4fr 1fr 1fr;
        gap:40px;

        padding:45px 0;
    }

    .footer-v3-divider{
        display:none;
    }

    .footer-v3-values{
        grid-column:2 / 4;
    }

}

@media(max-width:650px){

    .nortiq-footer-v3{
        padding:0 25px !important;
    }

    .footer-v3-main{
        display:grid;

        grid-template-columns:1fr;

        gap:35px;

        padding:45px 0 35px;
    }

    .footer-v3-brand img{
        width:180px !important;
    }

    .footer-v3-values{
        grid-column:auto;
    }

    .footer-v3-bottom{
        flex-direction:column;

        align-items:flex-start;

        gap:18px;

        padding:22px 0;
    }

    .footer-v3-services{
        flex-wrap:wrap;
    }

}

.footer-v3-brand img{
    width:210px !important;
    height:auto !important;

    filter:
        brightness(1.75)
        contrast(1.08)
        drop-shadow(0 0 5px rgba(139,92,246,.28))
        drop-shadow(0 0 9px rgba(22,140,255,.18)) !important;

    opacity:1 !important;
}

.footer-v3-brand{
    position:relative !important;
}

.footer-v3-brand::before{
    content:"" !important;
    position:absolute !important;

    width:230px !important;
    height:120px !important;

    left:-10px !important;
    top:-12px !important;

    background:radial-gradient(
        ellipse at center,
        rgba(95,90,255,.12) 0%,
        rgba(22,140,255,.05) 45%,
        transparent 72%
    ) !important;

    filter:blur(10px) !important;
    pointer-events:none !important;
}

.footer-v3-brand img,
.footer-v3-brand p{
    position:relative !important;
    z-index:2 !important;
}

.nav .brand,
.navbar .brand,
header .brand{
    position:relative !important;
    isolation:isolate !important;
}

.nav .brand::before,
.navbar .brand::before,
header .brand::before{
    content:"" !important;
    position:absolute !important;

    width:150px !important;
    height:85px !important;

    left:50% !important;
    top:50% !important;

    transform:translate(-50%,-50%) !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(139,92,246,.20) 0%,
            rgba(22,140,255,.10) 42%,
            transparent 72%
        ) !important;

    filter:blur(11px) !important;

    z-index:-1 !important;
    pointer-events:none !important;
}

.nav .brand img,
.navbar .brand img,
header .brand img{
    position:relative !important;
    z-index:2 !important;

    filter:
        brightness(1.12)
        contrast(1.06)
        drop-shadow(0 0 5px rgba(139,92,246,.25))
        drop-shadow(0 0 8px rgba(22,140,255,.16)) !important;
}

.cases-head h2{
    font-family:"Aptos Display","Aptos","Inter","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(38px,4.2vw,64px) !important;
    line-height:.98 !important;
    font-weight:750 !important;
    letter-spacing:-.045em !important;
    color:#071a2f !important;
    margin-top:10px !important;
    margin-bottom:28px !important;
}

.cases-head h2 span{
    color:#8b5cf6 !important;
    font:inherit !important;
}

.cases-head h2{
    font-family:"Aptos Display","Aptos","Inter","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(38px,4.2vw,64px) !important;
    line-height:.98 !important;
    font-weight:750 !important;
    letter-spacing:-.045em !important;
    color:#071a2f !important;
    margin:10px 0 28px !important;
}

.cases-head h2 br{
    display:block !important;
    content:"" !important;
}

.nortiq-services-new{
    background:#eef8ff !important;
    border:0 !important;
}

.about-playful{
    background:
        linear-gradient(
            180deg,
            #eef8ff 0%,
            #f4faff 7%,
            #fbfdff 15%,
            #ffffff 25%,

            #ffffff 75%,

            #fbfdff 85%,
            #f4faff 93%,
            #eef8ff 100%
        ) !important;

    border:0 !important;
}

.journey-section{
    background:#eef8ff !important;
    border:0 !important;
}

#cases{
    background:
        linear-gradient(
            180deg,
            #eef8ff 0%,
            #f4faff 7%,
            #fbfdff 15%,
            #ffffff 25%,
            #ffffff 100%
        ) !important;

    border:0 !important;
}

.nortiq-white-cta{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 8%,
            #f4faff 16%,
            #eef8ff 26%,
            #eef8ff 100%
        ) !important;

    border:0 !important;
}

.nortiq-services-new,
.about-playful,
.journey-section,
#cases,
.nortiq-white-cta{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none;
}

.nortiq-services-new{
    background:
        linear-gradient(
            to bottom,
            #eef8ff 0%,
            #eef8ff 78%,
            #f3faff 88%,
            #f9fdff 95%,
            #ffffff 100%
        ) !important;

    border-bottom:0 !important;
}

.about-playful{
    background:
        linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffffff 72%,
            #f9fcff 86%,
            #f3f9fe 94%,
            #eef8ff 100%
        ) !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

.journey-section{
    background:
        linear-gradient(
            to bottom,
            #eef8ff 0%,
            #edf7ff 15%,
            #edf7ff 76%,
            #f3faff 87%,
            #f9fdff 95%,
            #ffffff 100%
        ) !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

#cases{
    background:
        linear-gradient(
            to bottom,
            #ffffff 0%,
            #ffffff 78%,
            #f9fcff 90%,
            #f4faff 96%,
            #eef8ff 100%
        ) !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

.nortiq-white-cta{
    background:
        linear-gradient(
            to bottom,
            #eef8ff 0%,
            #edf7ff 18%,
            #edf7ff 82%,
            #f2f9fe 92%,
            #f8fcff 100%
        ) !important;

    border-top:0 !important;
}

.nortiq-services-new,
.about-playful,
.journey-section,
#cases,
.nortiq-white-cta{
    border-top-color:transparent !important;
    border-bottom-color:transparent !important;
}

#over.about-playful{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 60%,
            #fdfefe 67%,
            #f9fcff 74%,
            #f5faff 81%,
            #f1f8fd 88%,
            #edf6fc 94%,
            #eaf4fc 100%
        ) !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

#werkwijze.journey-section{
    background:
        radial-gradient(
            ellipse 68% 52% at 50% 42%,
            rgba(255,255,255,.48) 0%,
            rgba(255,255,255,.18) 48%,
            rgba(255,255,255,0) 76%
        ),
        linear-gradient(
            180deg,
            #eaf4fc 0%,
            #eaf4fc 58%,
            #edf6fc 65%,
            #f1f8fd 72%,
            #f5faff 79%,
            #f9fcff 86%,
            #fdfefe 93%,
            #ffffff 100%
        ) !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

#cases.section{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 58%,
            #fdfefe 65%,
            #f9fcff 72%,
            #f5faff 79%,
            #f1f8fd 86%,
            #edf6fc 93%,
            #eaf4fc 100%
        ) !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

.nortiq-white-cta{
    background:#eaf4fc !important;

    border-top:0 !important;
    border-bottom:0 !important;
}

#over,
#werkwijze,
#cases,
.nortiq-white-cta{
    border-top:0 !important;
    border-bottom:0 !important;
    outline:0 !important;
}

.nortiq-reviews{
    position:relative !important;
    overflow:hidden !important;

    padding:105px 0 95px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 70%,
            #fbfdff 84%,
            #f2f8fd 94%,
            #eaf4fc 100%
        ) !important;

    border:0 !important;
}

.nortiq-reviews-wrap{
    position:relative !important;
    z-index:3 !important;
}

.nortiq-review-orb{
    position:absolute !important;
    pointer-events:none !important;
    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(214,237,255,.80) 0%,
            rgba(229,244,255,.48) 52%,
            rgba(255,255,255,0) 72%
        ) !important;
}

.nortiq-review-orb-one{
    width:470px !important;
    height:470px !important;
    left:-250px !important;
    top:-190px !important;
}

.nortiq-review-orb-two{
    width:560px !important;
    height:560px !important;
    right:-300px !important;
    bottom:-310px !important;
}

.nortiq-reviews-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 330px !important;

    align-items:end !important;
    gap:80px !important;

    margin-bottom:55px !important;
}

.nortiq-reviews-title{
    max-width:720px !important;
}

.nortiq-reviews-title .eyebrow{
    margin-bottom:15px !important;

    color:#168cff !important;

    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.28em !important;
}

.nortiq-reviews-title h2{
    margin:0 !important;

    color:#071a2f !important;

    font-size:58px !important;
    line-height:1.01 !important;

    font-weight:750 !important;

    letter-spacing:-.05em !important;
}

.nortiq-reviews-title h2 span{
    color:#8b5cf6 !important;
}

.nortiq-reviews-title > p{
    max-width:650px !important;

    margin:23px 0 0 !important;

    color:#5d7187 !important;

    font-size:16px !important;
    line-height:1.65 !important;
}

.nortiq-review-score{
    padding:27px 29px !important;

    background:rgba(255,255,255,.88) !important;

    border:1px solid #dceaf5 !important;
    border-radius:18px !important;

    box-shadow:
        0 18px 45px rgba(26,70,110,.08) !important;
}

.nortiq-score-top{
    display:flex !important;
    align-items:center !important;

    gap:18px !important;
}

.nortiq-score-top > strong{
    color:#071a2f !important;

    font-size:48px !important;
    line-height:1 !important;

    letter-spacing:-.06em !important;
}

.nortiq-stars,
.nortiq-review-stars{
    color:#168cff !important;

    font-size:15px !important;
    letter-spacing:2px !important;
}

.nortiq-score-top span{
    display:block !important;

    margin-top:5px !important;

    color:#60758a !important;

    font-size:11px !important;
    font-weight:700 !important;
}

.nortiq-score-line{
    height:1px !important;

    margin:20px 0 15px !important;

    background:#e1ebf4 !important;
}

.nortiq-review-score small{
    color:#7a8da0 !important;

    font-size:10px !important;
}

.nortiq-review-grid{
    display:grid !important;

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

    gap:24px !important;
}

.nortiq-review-card{
    position:relative !important;

    min-height:310px !important;

    padding:29px 29px 25px !important;

    background:rgba(255,255,255,.94) !important;

    border:1px solid #dce9f4 !important;

    border-radius:18px !important;

    box-shadow:
        0 14px 35px rgba(31,72,109,.07) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease !important;
}

.nortiq-review-card:hover{
    transform:translateY(-7px) !important;

    box-shadow:
        0 22px 48px rgba(31,72,109,.13) !important;
}

.nortiq-review-featured{
    transform:translateY(-12px) !important;

    border-color:#cfe5f7 !important;

    box-shadow:
        0 20px 48px rgba(31,72,109,.11) !important;
}

.nortiq-review-featured:hover{
    transform:translateY(-19px) !important;
}

.nortiq-review-card-top{
    display:grid !important;

    grid-template-columns:50px minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:13px !important;
}

.nortiq-review-avatar{
    width:50px !important;
    height:50px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            135deg,
            #168cff,
            #6269f5
        ) !important;

    color:#ffffff !important;

    font-size:12px !important;
    font-weight:900 !important;

    box-shadow:
        0 8px 18px rgba(22,140,255,.18) !important;
}

.nortiq-review-person strong{
    display:block !important;

    color:#0a1d32 !important;

    font-size:14px !important;
}

.nortiq-review-person span{
    display:block !important;

    margin-top:4px !important;

    color:#7a8da0 !important;

    font-size:10px !important;
}

.nortiq-review-quote{
    height:35px !important;

    margin-top:22px !important;

    color:#d5ebff !important;

    font-family:Georgia,serif !important;

    font-size:58px !important;
    line-height:1 !important;
}

.nortiq-review-card > p{
    margin:7px 0 27px !important;

    color:#536b82 !important;

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

.nortiq-review-bottom{
    margin-top:auto !important;

    padding-top:18px !important;

    border-top:1px solid #e6eef5 !important;
}

.nortiq-review-bottom span{
    display:block !important;

    margin-bottom:5px !important;

    color:#168cff !important;

    font-size:8px !important;
    font-weight:900 !important;

    letter-spacing:.22em !important;
}

.nortiq-review-bottom strong{
    color:#5e7388 !important;

    font-size:10px !important;
    font-weight:700 !important;
}

.nortiq-review-footer{
    display:flex !important;

    justify-content:center !important;
    align-items:center !important;

    gap:17px !important;

    margin-top:48px !important;

    color:#8093a6 !important;

    font-size:8px !important;
    font-weight:800 !important;

    letter-spacing:.25em !important;
}

.nortiq-review-footer-line{
    width:62px !important;
    height:1px !important;

    background:#9bcfff !important;
}

.nortiq-review-footer b{
    margin:0 7px !important;

    color:#168cff !important;
}

.nortiq-review-handnote{
    position:absolute !important;

    right:20px !important;
    top:-34px !important;

    color:#5d7791 !important;

    font-family:"Segoe Print","Comic Sans MS",cursive !important;

    font-size:11px !important;
    font-style:italic !important;

    line-height:1.35 !important;

    transform:rotate(-4deg) !important;
}

.nortiq-review-handnote svg{
    display:block !important;

    width:75px !important;
    height:48px !important;

    margin:3px 0 0 -34px !important;

    overflow:visible !important;
}

.nortiq-review-handnote path{
    fill:none !important;

    stroke:#168cff !important;
    stroke-width:2 !important;

    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

@media(max-width:1000px){

    .nortiq-reviews-head{
        grid-template-columns:1fr !important;
        gap:35px !important;
    }

    .nortiq-review-score{
        max-width:330px !important;
    }

    .nortiq-review-grid{
        grid-template-columns:1fr !important;
    }

    .nortiq-review-featured{
        transform:none !important;
    }

    .nortiq-review-featured:hover{
        transform:translateY(-7px) !important;
    }

    .nortiq-review-handnote{
        display:none !important;
    }

}

@media(max-width:650px){

    .nortiq-reviews{
        padding:70px 0 !important;
    }

    .nortiq-reviews-title h2{
        font-size:40px !important;
    }

    .nortiq-reviews-title > p{
        font-size:14px !important;
    }

    .nortiq-review-card-top{
        grid-template-columns:46px 1fr !important;
    }

    .nortiq-review-stars{
        grid-column:2 !important;
    }

}

.nortiq-new-nav{
    position:fixed !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    z-index:999999 !important;

    background:#f4f7fb !important;

    transform:none !important;
}

.nortiq-new-nav > *{
    position:relative;
    z-index:2;
}

body{
    padding-top:0 !important;
}

@media(max-width:900px){

    .nortiq-new-nav{
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;

        z-index:999999 !important;
    }

}

.nortiq-new-nav{
    position:fixed !important;
    top:0 !important;

    left:50% !important;
    right:auto !important;

    width:calc(100% - 80px) !important;
    max-width:1500px !important;

    transform:translateX(-50%) !important;

    margin:0 !important;

    z-index:999999 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#f4f7fb !important;
}

.nortiq-new-logo{
    margin-right:auto !important;
}

.nortiq-new-navlinks{
    margin-left:auto !important;
}

.nortiq-new-navcta{
    margin-left:32px !important;
}

@media(max-width:900px){

    .nortiq-new-nav{
        left:20px !important;
        right:20px !important;

        width:auto !important;
        max-width:none !important;

        transform:none !important;
    }

}

.nortiq-new-nav{
    position:fixed !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;
    max-width:none !important;

    transform:none !important;

    margin:0 !important;

    z-index:999999 !important;

    background:#f4f7fb !important;

    box-sizing:border-box !important;

    padding-left:max(40px, calc((100vw - 1360px) / 2)) !important;
    padding-right:max(40px, calc((100vw - 1360px) / 2)) !important;
}

.nortiq-hero-new{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;

    overflow:hidden !important;
}

.nortiq-new-visual{
    max-width:none !important;

    margin-right:
        calc(
            -1 * max(
                40px,
                calc((100vw - 1360px) / 2)
            )
        ) !important;
}

.nortiq-new-visual img{
    width:100% !important;
    max-width:none !important;

    display:block !important;
}

@media(max-width:900px){

    .nortiq-new-nav{
        left:0 !important;
        right:0 !important;

        width:100% !important;

        padding-left:20px !important;
        padding-right:20px !important;
    }

    .nortiq-new-visual{
        margin-right:0 !important;
    }

}

.nortiq-white-cta{
    border-top:0 !important;
    outline:0 !important;

    background:
        linear-gradient(
            180deg,

            #ffffff 0%,
            #ffffff 2%,

            #fdfefe 7%,
            #f9fcff 13%,
            #f5faff 19%,
            #f1f8fd 25%,
            #edf6fc 31%,
            #eaf4fc 38%,

            #eaf4fc 100%
        ) !important;
}

.nortiq-white-cta::before,
.nortiq-white-cta::after{
    border-top:0 !important;
}

#over{
    border-bottom:0 !important;
}

.nortiq-review-orb,
.nortiq-review-orb-one,
.nortiq-review-orb-two{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    background:none !important;
    box-shadow:none !important;
}

#over.nortiq-reviews,
.nortiq-reviews{
    border-top:0 !important;
    border-bottom:0 !important;

    outline:0 !important;

    box-shadow:none !important;
}

#over.nortiq-reviews::before,
#over.nortiq-reviews::after,
.nortiq-reviews::before,
.nortiq-reviews::after{
    border:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;

    outline:0 !important;
    box-shadow:none !important;

    background-image:none !important;
}

#over.nortiq-reviews + section{
    border-top:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

.nortiq-white-cta{
    border-top:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

.nortiq-review-card.is-center,
.nortiq-review-card.is-center:hover,
.nortiq-review-featured.is-center,
.nortiq-review-featured.is-center:hover{

    box-shadow:
        0 12px 35px rgba(35,95,145,.07),
        0 3px 12px rgba(35,95,145,.035) !important;
}

.nortiq-review-grid.is-moving .nortiq-review-card.is-next-center{
    box-shadow:
        0 12px 35px rgba(35,95,145,.07),
        0 3px 12px rgba(35,95,145,.035) !important;
}

.nortiq-review-card.is-center,
.nortiq-review-card.is-center:hover,
.nortiq-review-featured.is-center,
.nortiq-review-featured.is-center:hover{
    box-shadow:
        0 2px 28px -12px rgba(25,72,115,.16),
        0 -2px 18px -10px rgba(25,72,115,.08) !important;
}

.nortiq-review-grid.is-moving .nortiq-review-card.is-next-center{
    box-shadow:
        0 2px 28px -12px rgba(25,72,115,.16),
        0 -2px 18px -10px rgba(25,72,115,.08) !important;
}

.nortiq-review-card.is-center,
.nortiq-review-card.is-center:hover,
.nortiq-review-featured.is-center,
.nortiq-review-featured.is-center:hover{
    box-shadow:
        0 -8px 25px -12px rgba(25,72,115,.16),
        0 -3px 14px -9px rgba(25,72,115,.08) !important;
}

.nortiq-review-grid.is-moving .nortiq-review-card.is-next-center{
    box-shadow:
        0 -8px 25px -12px rgba(25,72,115,.16),
        0 -3px 14px -9px rgba(25,72,115,.08) !important;
}

.nortiq-review-card.is-center,
.nortiq-review-card.is-center:hover,
.nortiq-review-featured.is-center,
.nortiq-review-featured.is-center:hover{

    box-shadow:
        0 -22px 30px -18px rgba(25,72,115,.18),
        0 -12px 20px -15px rgba(25,72,115,.10) !important;
}

.nortiq-review-grid.is-moving .nortiq-review-card.is-next-center{

    box-shadow:
        0 -22px 30px -18px rgba(25,72,115,.18),
        0 -12px 20px -15px rgba(25,72,115,.10) !important;
}

.nortiq-review-card.is-center::after,
.nortiq-review-featured.is-center::after{
    box-shadow:none !important;
    filter:none !important;
}

.nortiq-review-card.is-center,
.nortiq-review-card.is-center:hover,
.nortiq-review-featured.is-center,
.nortiq-review-featured.is-center:hover{

    box-shadow:
        0 -14px 30px -18px rgba(25,72,115,.18),
        10px -2px 24px -20px rgba(25,72,115,.12),
        -10px -2px 24px -20px rgba(25,72,115,.12) !important;
}

.nortiq-review-grid.is-moving .nortiq-review-card.is-next-center{
    box-shadow:
        0 -14px 30px -18px rgba(25,72,115,.18),
        10px -2px 24px -20px rgba(25,72,115,.12),
        -10px -2px 24px -20px rgba(25,72,115,.12) !important;
}

.nortiq-review-card.is-center::before,
.nortiq-review-card.is-center::after,
.nortiq-review-featured.is-center::before,
.nortiq-review-featured.is-center::after{
    box-shadow:none !important;
    filter:none !important;
}

.nortiq-review-grid{
    box-shadow:none !important;
    filter:none !important;
}

.nortiq-services-new .service-link b{
    width:28px !important;
    height:28px !important;

    min-width:28px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 0 0 10px !important;

    border-radius:50% !important;

    background:#168cff !important;

    color:#ffffff !important;

    font-size:17px !important;

    font-weight:900 !important;

    line-height:1 !important;
    text-align:center !important;

    font-family:Arial, sans-serif !important;

    box-sizing:border-box !important;

    text-indent:0 !important;
}

.nortiq-services-new .service-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
}

.nortiq-services-new .service-link b{
    transform:none !important;
}

.nortiq-services-new .service-box:hover .service-link b{
    transform:translateX(2px) !important;
}

.nortiq-services-new .service-link b{
    width:34px !important;
    min-width:34px !important;

    border-radius:999px !important;

    color:#ffffff !important;
    font-size:17px !important;
    font-weight:900 !important;
    line-height:1 !important;

    text-align:center !important;
    text-indent:0 !important;

width:28px !important;
    min-width:28px !important;
    height:28px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;

    padding:0 !important;
    margin-left:10px !important;

    border-radius:50% !important;
    background:#168cff !important;

    font-size:0 !important;
    color:transparent !important;

    box-sizing:border-box !important;
}

.nortiq-services-new .service-link b::before{
    content:"" !important;

    position:absolute !important;

    width:11px !important;
    height:3px !important;

    left:8px !important;
    top:50% !important;

    background:#ffffff !important;
    border-radius:3px !important;

    transform:translateY(-50%) !important;
}

.nortiq-services-new .service-link b::after{
    content:"" !important;

    position:absolute !important;

    width:7px !important;
    height:7px !important;

    left:12px !important;
    top:50% !important;

    border-top:3px solid #ffffff !important;
    border-right:3px solid #ffffff !important;

    transform:
        translateY(-50%)
        rotate(45deg) !important;

    box-sizing:border-box !important;
}

.nortiq-services-new .service-box:hover .service-link b{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
}

.nortiq-new-navcta span,
.nortiq-hero-new a span,
.cases-head a,
.case a,
.nortiq-white-cta a{
    --nortiq-arrow-size: 16px;
}

.nortiq-new-navcta span,
.nortiq-hero-new a span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:16px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.cases-head a,
.case a{
    font-weight:700 !important;
letter-spacing:-0.15px !important;
}

.case a{
    margin-top:auto;
    align-self:flex-end;
}

.nortiq-white-cta a{
    font-weight:700 !important;
}

.nortiq-white-cta a span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:17px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.nortiq-new-navcta span,
.nortiq-hero-new .nortiq-new-btn span,
.nortiq-white-cta a span{
    -webkit-text-stroke:.35px currentColor !important;
}

.nortiq-new-navcta,
.nortiq-hero-new a,
.nortiq-white-cta a{
    min-width:unset;
}

#cases,
.journey-section,
.nortiq-reviews,
#over.nortiq-reviews,
.nortiq-white-cta{
    background-image:
        url("../img/nortiq-bg-shapes.png") !important;

    background-repeat:no-repeat !important;

    background-position:
        center center !important;

    background-size:
        cover !important;
}

#cases{
    background-position:center 42% !important;
}

.journey-section{
    background-position:center 55% !important;
}

.nortiq-reviews,
#over.nortiq-reviews{
    background-position:center 48% !important;
}

.nortiq-white-cta{
    background-position:center center !important;
}

#cases::before,
#cases::after,
.journey-section::before,
.journey-section::after,
.nortiq-reviews::before,
.nortiq-reviews::after,
#over.nortiq-reviews::before,
#over.nortiq-reviews::after,
.nortiq-white-cta::before,
.nortiq-white-cta::after{
    content:none !important;
    display:none !important;
}

.cases-head::before,
.cases-head::after,
.journey-intro::before,
.journey-intro::after,
.nortiq-review-head::before,
.nortiq-review-head::after,
.nortiq-white-copy::before,
.nortiq-white-copy::after{
    content:none !important;
    display:none !important;
}

.nortiq-page-background{
    position:relative !important;
    isolation:isolate !important;

    background-color:#f5faff !important;

    background-image:
        url("../img/nortiq-page-bg.png") !important;

    background-repeat:no-repeat !important;
    background-position:center top !important;

    background-size:100% 100% !important;

    overflow:hidden !important;
}

.nortiq-page-background .nortiq-services-new,
.nortiq-page-background #diensten,

.nortiq-page-background #cases,
.nortiq-page-background .cases,
.nortiq-page-background .cases-section,

.nortiq-page-background .journey-section,
.nortiq-page-background #werkwijze,

.nortiq-page-background .nortiq-reviews,
.nortiq-page-background #over.nortiq-reviews,

.nortiq-page-background .nortiq-white-cta,
.nortiq-page-background .nortiq-choice-v2,
.nortiq-page-background .nortiq-choice-section{
    background-color:transparent !important;
    background-image:none !important;
}

.nortiq-page-background #cases::before,
.nortiq-page-background #cases::after,

.nortiq-page-background .journey-section::before,
.nortiq-page-background .journey-section::after,

.nortiq-page-background .nortiq-reviews::before,
.nortiq-page-background .nortiq-reviews::after,

.nortiq-page-background #over.nortiq-reviews::before,
.nortiq-page-background #over.nortiq-reviews::after,

.nortiq-page-background .nortiq-white-cta::before,
.nortiq-page-background .nortiq-white-cta::after{
    content:none !important;
    display:none !important;
}

.nortiq-page-background .cases-head::before,
.nortiq-page-background .cases-head::after,

.nortiq-page-background .journey-intro::before,
.nortiq-page-background .journey-intro::after,

.nortiq-page-background .nortiq-review-head::before,
.nortiq-page-background .nortiq-review-head::after,

.nortiq-page-background .nortiq-white-copy::before,
.nortiq-page-background .nortiq-white-copy::after{
    content:none !important;
    display:none !important;
}

.nortiq-page-background section{
    position:relative !important;
    z-index:1 !important;
}

.nortiq-page-background .case,
.nortiq-page-background .nortiq-review-card,
.nortiq-page-background .nortiq-review-featured{
    background:#ffffff !important;
}

.nortiq-page-background{

    background-size:100% auto !important;

    background-repeat:repeat-y !important;

    background-position:center top !important;
}

@media (min-width:1400px){

    .nortiq-page-background{
        background-size:1600px auto !important;
    }

}

@media (min-width:1900px){

    .nortiq-page-background{
        background-size:1700px auto !important;
    }

}

.nortiq-page-background{

    background-repeat:repeat-y !important;

    background-size:100% auto !important;

    background-color:#f5faff !important;

    background-image:
        url("../img/nortiq-page-bg.png") !important;

    background-repeat:no-repeat !important;

    background-position:center top !important;

    background-size:100% 100% !important;
position:relative !important;
    isolation:isolate !important;
}

.nortiq-page-background::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    background:
        rgba(248,252,255,.68) !important;

    pointer-events:none !important;
}

.nortiq-page-background > section{
    position:relative !important;
    z-index:1 !important;
}

.nortiq-page-background > .section{
    position:relative !important;
    z-index:1 !important;
}

.nortiq-page-background .case,
.nortiq-page-background .nortiq-review-card,
.nortiq-page-background .nortiq-review-featured,
.nortiq-page-background .nortiq-white-card{
    position:relative !important;
    z-index:2 !important;
}

.nortiq-page-background{
    position:relative !important;
    isolation:isolate !important;

    background-color:#f5faff !important;

    background-image:
        url("../img/nortiq-page-bg.png") !important;

    background-repeat:no-repeat !important;

    background-position:center top !important;

    background-size:100% 100% !important;
}

.nortiq-page-background::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    background:rgba(248,252,255,.68) !important;

    pointer-events:none !important;
}

.nortiq-page-background .nortiq-services-new,
.nortiq-page-background #diensten,

.nortiq-page-background #cases,
.nortiq-page-background .cases,
.nortiq-page-background .cases-section,

.nortiq-page-background .journey-section,
.nortiq-page-background #werkwijze,

.nortiq-page-background .nortiq-reviews,
.nortiq-page-background #over.nortiq-reviews,

.nortiq-page-background .nortiq-white-cta,
.nortiq-page-background .nortiq-choice-v2,
.nortiq-page-background .nortiq-choice-section{
    background-color:transparent !important;
    background-image:none !important;

    position:relative !important;
    z-index:1 !important;
}

.logo-bar,
.logo-bar *,
.nortiq-page-background .logo-bar,
.nortiq-page-background .logo-bar *{
    color:#071a2f !important;
}

.logo-bar{
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.24em !important;
}

.case p,
.case div p,
.casegrid .case p{
    color:#071a2f !important;
color:#5f748b !important;
}

.logo-bar{
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:.24em !important;
}

.logo-bar,
.logo-bar span,
.logo-bar strong,
.logo-bar b,
.logo-bar a{
    color:#071a2f !important;
}

.logo-bar{
    font-size:13px !important;
    font-weight:700 !important;
}

.logo-bar::before,
.logo-bar::after{
    color:initial !important;
}

.nortiq-white-note-top,
.nortiq-white-handnote-top,
.nortiq-white-note-one{
    position:absolute !important;

    left:47.5% !important;
    right:auto !important;

    top:65px !important;
    bottom:auto !important;

    transform:none !important;

    z-index:4 !important;

    width:175px !important;

    pointer-events:none !important;
}

.nortiq-white-note-top svg,
.nortiq-white-handnote-top svg,
.nortiq-white-note-one svg{
    position:relative !important;

    left:72px !important;
    top:2px !important;

    width:60px !important;
    height:auto !important;

    transform:none !important;
}

.nortiq-white-note-bottom,
.nortiq-white-handnote-bottom,
.nortiq-white-note-two{
    position:absolute !important;

    right:7% !important;
    left:auto !important;

    bottom:48px !important;
    top:auto !important;

    transform:none !important;

    z-index:4 !important;

    width:190px !important;

    pointer-events:none !important;
}

.nortiq-white-note-bottom svg,
.nortiq-white-handnote-bottom svg,
.nortiq-white-note-two svg{
    position:relative !important;

    left:15px !important;
    top:-4px !important;

    width:65px !important;
    height:auto !important;
}

.nortiq-white-card,
.nortiq-white-cta-card{
    position:relative !important;
    z-index:5 !important;
}

@media (max-width:900px){

    .nortiq-white-note-top,
    .nortiq-white-handnote-top,
    .nortiq-white-note-one,

    .nortiq-white-note-bottom,
    .nortiq-white-handnote-bottom,
    .nortiq-white-note-two{
        display:none !important;
    }

}

.nortiq-hero-new{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.nortiq-clientbar{
    margin-top:0 !important;
    padding-top:26px !important;
}

.nortiq-hero-new + .nortiq-clientbar{
    margin-top:0 !important;
}

.nortiq-clientbar-title,
.nortiq-clientbar-head{
    margin-top:0 !important;
    padding-top:0 !important;
}

.nortiq-white-scribble-top{
    position:absolute !important;

    left:2% !important;
    top:18px !important;

    margin:0 !important;

    transform:rotate(-4deg) !important;

    z-index:20 !important;
    overflow:visible !important;
}

.nortiq-white-scribble-top svg{
    display:block !important;

    position:relative !important;

    width:72px !important;
    height:50px !important;

    margin:3px 0 0 32px !important;

    left:auto !important;
    top:auto !important;

    transform:none !important;

    overflow:visible !important;
}

.nortiq-white-scribble-top svg path{
    transform:none !important;
}

.nortiq-white-scribble-bottom{
    position:absolute !important;

    right:-2% !important;
    bottom:20px !important;

    left:auto !important;
    top:auto !important;

    margin:0 !important;

    transform:rotate(-5deg) !important;

    z-index:20 !important;
    overflow:visible !important;
}

.nortiq-white-scribble-bottom svg{
    display:block !important;

    position:absolute !important;

    width:72px !important;
    height:58px !important;

    left:-54px !important;
    top:-52px !important;

    margin:0 !important;

    transform:rotate(180deg) !important;
    transform-origin:center center !important;

    overflow:visible !important;
}

@media (min-width:1001px){

    .nortiq-white-scribble-top{
        top:12px !important;
        left:2% !important;
    }

    .nortiq-white-scribble-bottom{
        right:-2% !important;
        bottom:20px !important;
    }
}

@media (min-width:1001px){

    .nortiq-white-scribble-top{
        top:-35px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-top{
        top:-85px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-top{
        top:-105px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-bottom{
        bottom:75px !important;
        top:auto !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-card,
    .nortiq-white-cta-card{
        transform:translateY(45px) !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-card,
    .nortiq-white-cta-card{
        transform:translateY(80px) !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-card,
    .nortiq-white-cta-card{
        transform:translateY(150px) !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-top{
        top:15px !important;
        bottom:auto !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-bottom svg{
        left:-24px !important;
        top:-52px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-bottom svg{
        left:45px !important;
        top:-52px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-bottom svg{
        left:110px !important;
        top:-52px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-bottom svg{
        left:180px !important;
        top:-52px !important;
    }

}

@media (min-width:1001px){

    .nortiq-white-scribble-bottom svg{
        left:155px !important;
        top:-35px !important;
    }

}

.nortiq-new-navlinks a,
.nortiq-diensten-navlinks a{
    position:relative !important;
    text-decoration:none !important;
}

.nortiq-new-navlinks a::after,
.nortiq-diensten-navlinks a::after{
    content:"" !important;
    position:absolute !important;

    left:50% !important;
    bottom:-7px !important;

    width:0 !important;
    height:2px !important;

    background:#071a2f !important;
    border-radius:10px !important;

    transform:translateX(-50%) !important;
    transition:width .25s ease !important;
}

.nortiq-new-navlinks a:hover::after,
.nortiq-diensten-navlinks a:hover::after{
    width:100% !important;
}

.nortiq-new-navlinks a.nortiq-current-page::after,
.nortiq-diensten-navlinks a.nortiq-current-page::after{
    width:100% !important;
}

.nortiq-new-navlinks a{
    position:relative !important;
    display:inline-block !important;
}

.nortiq-new-navlinks a::after{
    content:"" !important;
    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:-10px !important;

    width:100% !important;
    height:3px !important;

    border-radius:5px !important;

    background:linear-gradient(
        90deg,
        #1389ff,
        #8b5cf6
    ) !important;

    transform:scaleX(0) !important;
    transform-origin:center !important;

    transition:transform .2s ease !important;
}

.nortiq-new-navlinks a.nortiq-current-page::after{
    transform:scaleX(1) !important;
}

.nortiq-new-navlinks a:hover::after{
    transform:scaleX(1) !important;
}

.nortiq-process-home-bg{
    position:relative !important;

    background-color:#f5faff !important;

    background-image:
        url("../img/nortiq-page-bg.png") !important;

    background-repeat:no-repeat !important;

    background-position:center center !important;

    background-size:cover !important;

    overflow:hidden !important;
}

.nortiq-process-home-bg::before,
.nortiq-process-home-bg::after{
    background-color:transparent !important;
}

.nortiq-process-home-bg > div{
    position:relative !important;
}

.nortiq-process-home-bg .nortiq-process-grid,
.nortiq-process-home-bg .nortiq-process-card,
.nortiq-process-home-bg .process-grid,
.nortiq-process-home-bg .process-card,
.nortiq-process-home-bg .process-panel,
.nortiq-process-home-bg .process-inner,
.nortiq-process-home-bg .nortiq-process-inner,
.nortiq-process-home-bg .nortiq-process-panel{
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.97) 0%,
            rgba(248,252,255,.97) 30%,
            rgba(238,247,255,.97) 65%,
            rgba(216,233,255,.97) 100%
        ) !important;
}

.nortiq-process-home-bg img{
    opacity:1 !important;
}

@media(max-width:760px){

    .nortiq-process-home-bg{
        background-image:
            url("../img/nortiq-page-bg.png") !important;

        background-size:cover !important;
        background-position:center center !important;
    }
}

.ni-page{margin:0;background:#f5f9fd;color:#071a2f;font-family:inherit}.ni-page *{box-sizing:border-box}.ni-page .nortiq-new-nav{position:relative;z-index:20}.ni-hero{position:relative;overflow:hidden;padding:88px 0 96px;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 54%,#f3edff 100%)}.ni-hero:before,.ni-hero:after{content:"";position:absolute;border:2px solid rgba(139,92,246,.12);border-radius:50%;pointer-events:none}.ni-hero:before{width:650px;height:650px;right:-300px;top:-320px}.ni-hero:after{width:380px;height:380px;left:-230px;bottom:-250px}.ni-wrap{width:min(1450px,calc(100% - 80px));margin:auto;position:relative;z-index:2}.ni-kicker{display:block;margin-bottom:15px;color:#1389ff;font-size:12px;font-weight:850;letter-spacing:.22em;text-transform:uppercase}.ni-hero h1,.ni-section h2{margin:0;color:#071a2f;letter-spacing:-.045em}.ni-hero h1{max-width:900px;font-size:clamp(48px,6vw,82px);line-height:.98}.ni-hero h1 span,.ni-section h2 span{color:#7f5cf2}.ni-hero p{max-width:720px;margin:24px 0 0;color:#5f748b;font-size:18px;line-height:1.72}.ni-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.ni-btn{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;border-radius:13px;background:#1389ff;color:#fff!important;text-decoration:none;font-weight:800}.ni-btn.alt{background:#071a2f}.ni-section{padding:96px 0;position:relative}.ni-section.soft{background:linear-gradient(135deg,#edf7ff,#f7f3ff)}.ni-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.ni-section h2{font-size:clamp(38px,4vw,58px);line-height:1.04;max-width:760px}.ni-head p{max-width:520px;color:#5f748b;line-height:1.7}.ni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ni-card{background:#fff;border:1px solid #dce8f3;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(15,56,95,.06)}.ni-card img{display:block;width:100%;height:260px;object-fit:cover}.ni-card-body{padding:27px}.ni-card h3{font-size:22px;margin:0 0 10px}.ni-card p{color:#5f748b;line-height:1.65;margin:0 0 18px}.ni-link{color:#087cf0;text-decoration:none;font-weight:800}.ni-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:14px;background:linear-gradient(135deg,#1389ff,#8b5cf6);color:#fff;font-size:20px}.ni-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ni-feature{padding:30px;background:#fff;border:1px solid #dce8f3;border-radius:22px}.ni-feature b{display:block;font-size:19px;margin-bottom:9px}.ni-feature p{margin:0;color:#5f748b;line-height:1.6}.ni-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.ni-step{position:relative;padding:32px 28px;background:#fff;border:1px solid #dce8f3;border-radius:22px;counter-increment:step}.ni-step:before{content:"0" counter(step);display:block;margin-bottom:42px;color:#1389ff;font-weight:900;font-size:13px;letter-spacing:.12em}.ni-step h3{font-size:21px;margin:0 0 10px}.ni-step p{margin:0;color:#5f748b;line-height:1.65}.ni-cta{padding:50px;border-radius:28px;background:#061e36;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.ni-cta h2{color:#fff;font-size:clamp(34px,4vw,54px);max-width:760px}.ni-cta p{color:#b9cad9}.ni-casegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ni-case{background:#fff;border-radius:23px;overflow:hidden;border:1px solid #dce8f3;box-shadow:0 18px 50px rgba(15,56,95,.06)}.ni-case-media{height:270px;background:#e8f2fb;overflow:hidden}.ni-case-media img{width:100%;height:100%;object-fit:cover}.ni-case-copy{padding:26px}.ni-case-tag{display:inline-flex;padding:7px 10px;border-radius:99px;background:#eaf4ff;color:#087cf0;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.ni-case h3{font-size:23px;margin:14px 0 8px}.ni-case p{color:#5f748b;line-height:1.65;margin:0}.ni-empty{grid-column:1/-1;padding:45px;border:1px dashed #bfd1e3;border-radius:22px;text-align:center;color:#5f748b;background:rgba(255,255,255,.7)}.ni-values{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.ni-values-main{padding:48px;border-radius:28px;background:#071a2f;color:#fff}.ni-values-main h2{color:#fff}.ni-values-main p{color:#b9cad9;font-size:17px;line-height:1.75}.ni-values-list{display:grid;gap:14px}.ni-value{padding:24px;background:#fff;border:1px solid #dce8f3;border-radius:20px}.ni-value strong{display:block;margin-bottom:6px;font-size:18px}.ni-value span{color:#5f748b;line-height:1.55}.ni-footer-space{padding-bottom:95px}.ni-page .nortiq-current-page{position:relative;color:#071a2f!important}.ni-page .nortiq-current-page:after{content:"";position:absolute;left:18%;right:18%;bottom:-10px;height:2px;border-radius:3px;background:#1389ff}
@media(max-width:1000px){.ni-grid,.ni-casegrid{grid-template-columns:repeat(2,1fr)}.ni-feature-grid,.ni-steps{grid-template-columns:repeat(2,1fr)}.ni-values{grid-template-columns:1fr}.ni-head{display:block}.ni-head p{margin-top:18px}}@media(max-width:720px){.ni-wrap{width:min(100% - 38px,1450px)}.ni-hero{padding:65px 0 72px}.ni-section{padding:70px 0}.ni-grid,.ni-casegrid,.ni-feature-grid,.ni-steps{grid-template-columns:1fr}.ni-card img,.ni-case-media{height:220px}.ni-cta{padding:34px 25px;display:block}.ni-cta .ni-actions{margin-top:25px}}

.services-section .service-card h3,
.services-section .service-featured h3,
.service-card h3,
.service-featured h3 {
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}

.service-featured h3,
.service-featured h2,
.services-featured h3,
.services-featured h2 {
    font-family: inherit !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.05 !important;
}

.nortiq-page-background {
    position: relative !important;
    isolation: isolate !important;

    background-color: #f5faff !important;
    background-image: url("../img/nortiq-page-bg.png") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 100% !important;

    padding-top: 35px !important;
    padding-bottom: 70px !important;
}

.nortiq-page-background > section {
    position: relative !important;
    z-index: 1 !important;

    background-color: transparent !important;
    background-image: none !important;
}

.nortiq-page-background > section + section {
    margin-top: 45px !important;
}

.nortiq-page-background .nortiq-services-new {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.nortiq-page-background #cases {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.nortiq-page-background .journey-section {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.nortiq-page-background .nortiq-reviews {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.nortiq-page-background > section {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.nortiq-page-background::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;

    background: rgba(248,252,255,.42) !important;

    pointer-events: none !important;
}

@media (max-width: 760px) {

    .nortiq-page-background {
        padding-top: 15px !important;
        padding-bottom: 45px !important;
        background-size: auto 100% !important;
    }

    .nortiq-page-background > section + section {
        margin-top: 25px !important;
    }
}

.websites-hero-visual {
    position: absolute !important;
    overflow: hidden !important;
}

.websites-hero-visual::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    z-index: 20 !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 34% !important;

    pointer-events: none !important;

    background: linear-gradient(
        90deg,
        #f4f7fb 0%,
        rgba(244,247,251,.98) 10%,
        rgba(244,247,251,.88) 24%,
        rgba(244,247,251,.65) 40%,
        rgba(244,247,251,.38) 56%,
        rgba(244,247,251,.16) 72%,
        rgba(244,247,251,.04) 88%,
        transparent 100%
    ) !important;
}

.nw-integrations {
    position: relative !important;
    border-top: 0 !important;
    background: #f3f7fc !important;
}

.nw-integrations::before {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    z-index: 0 !important;

    left: 0 !important;
    right: 0 !important;
    top: -100px !important;

    height: 105px !important;

    pointer-events: none !important;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(246,249,253,.18) 25%,
        rgba(243,247,252,.48) 50%,
        rgba(243,247,252,.78) 75%,
        #f3f7fc 100%
    ) !important;
}

.nw-integrations > * {
    position: relative !important;
    z-index: 1 !important;
}

.nw-integrations {
    position: relative !important;
    overflow: visible !important;

    background:
        linear-gradient(
            to bottom,
            #ffffff 0px,
            #ffffff 5px,
            #fdfefe 45px,
            #fafcff 90px,
            #f7fafe 140px,
            #f5f8fd 190px,
            #f3f7fc 250px,
            #f3f7fc 100%
        ) !important;

    border-top: 0 !important;
    box-shadow: none !important;
}

.nw-integrations::before {
    content: "" !important;
    display: block !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    top: -180px !important;
    height: 180px !important;

    z-index: 0 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            to bottom,

            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.98) 5%,

            #ffffff 15%,
            #fdfefe 32%,
            #fafcff 50%,
            #f7fafe 68%,
            #f5f8fd 84%,
            #f3f7fc 100%
        ) !important;
}

.nw-integrations::after {
    content: none !important;
    display: none !important;
}

.nw-integrations > * {
    position: relative !important;
    z-index: 2 !important;
}

html body .nw-page {
    background: #f3f7fc !important;
    background-image: none !important;
}

html body .nw-build {
    background: #f3f7fc !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body .nw-integrations {
    background: #f3f7fc !important;
    background-image: none !important;
    box-shadow: none !important;
    border-top: 0 !important;
}

html body .nw-split {
    background: #ffffff !important;
    background-image: none !important;
}

html body .nw-build::before,
html body .nw-build::after,
html body .nw-split::before,
html body .nw-split::after,
html body .nw-integrations::before,
html body .nw-integrations::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.nq-cases-page{
    background:#f7faff;
    color:#071a2f;
}

.nq-cases-wrap{
    width:min(1360px,calc(100% - 80px));
    margin:0 auto;
}

.nq-cases-hero{
    position:relative;
    overflow:hidden;

    padding:95px 0 105px;

    background:
        radial-gradient(
            circle at 88% 5%,
            rgba(19,137,255,.09),
            transparent 28%
        ),
        radial-gradient(
            circle at 7% 60%,
            rgba(139,92,246,.055),
            transparent 25%
        ),
        #f7faff;
}

.nq-cases-hero-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1.5fr)
        minmax(280px,.65fr);

    gap:100px;

    align-items:end;
}

.nq-cases-kicker{
    display:block;

    margin-bottom:18px;

    color:#1389ff;

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

    font-weight:900;

    letter-spacing:.23em;

    text-transform:uppercase;
}

.nq-cases-intro h1{
    margin:0;

    color:#071a2f;

    font-size:64px;
    line-height:.98;

    letter-spacing:-.052em;

    font-weight:900;
}

.nq-cases-intro h1 span{
    color:#5861ff;
}

.nq-cases-intro-text{
    padding-bottom:5px;
}

.nq-cases-intro-text p{
    max-width:390px;

    margin:0;

    color:#62758a;

    font-size:15px;
    line-height:1.75;
}

.nq-case-filters{
    position:relative;
    z-index:3;

    display:flex;
    flex-wrap:wrap;

    gap:10px;

    margin-top:45px;
    margin-bottom:38px;
}

.nq-case-filter{
    appearance:none;

    min-height:39px;

    padding:0 19px;

    border:
        1px solid #d7e2ee;

    border-radius:999px;

    background:#fff;

    color:#40566d;

    font-family:inherit;
    font-size:12px;
    font-weight:750;

    cursor:pointer;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.nq-case-filter:hover{
    transform:translateY(-2px);

    border-color:#9bc9f4;

    color:#0879e8;
}

.nq-case-filter.active{
    border-color:#1389ff;

    background:#1389ff;

    color:#fff;

    box-shadow:
        0 8px 20px rgba(19,137,255,.22);
}

.nq-cases-grid{
    position:relative;
    z-index:2;

    display:grid;

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

    gap:25px;
}

.nq-case-card{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;

    overflow:hidden;

    border:
        1px solid #d9e4ee;

    border-radius:17px;

    background:#fff;

    color:#071a2f;

    text-decoration:none;

    box-shadow:
        0 8px 28px rgba(28,61,94,.07);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease;
}

.nq-case-card:hover{
    transform:translateY(-8px);

    border-color:
        rgba(19,137,255,.35);

    box-shadow:
        0 22px 48px rgba(27,67,105,.14);
}

.nq-case-image{
    position:relative;

    width:100%;

    aspect-ratio:16 / 8.7;

    overflow:hidden;

    background:#eaf2f9;
}

.nq-case-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .55s cubic-bezier(.2,.8,.2,1);
}

.nq-case-card:hover .nq-case-image img{
    transform:scale(1.045);
}

.nq-case-placeholder{
    width:100%;
    height:100%;

    display:grid;
    place-items:center;

    background:
        linear-gradient(
            135deg,
            #071a2f,
            #0b3558
        );

    color:#fff;

    font-size:20px;
    font-weight:900;

    letter-spacing:.18em;
}

.nq-case-content{
    position:relative;

    display:flex;

    justify-content:space-between;
    align-items:flex-end;

    gap:25px;

    flex:1;

    padding:22px 21px 21px;
}

.nq-case-text{
    min-width:0;
}

.nq-case-category{
    display:block;

    margin-bottom:8px;

    color:#667d93;

    font-size:10px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.08em;
}

.nq-case-card h2{
    margin:0 0 7px;

    color:#071a2f;

    font-size:20px;
    line-height:1.15;

    letter-spacing:-.025em;

    font-weight:850;
}

.nq-case-card p{
    display:-webkit-box;

    overflow:hidden;

    margin:0;

    color:#718398;

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

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.nq-case-arrow{
    width:38px;
    height:38px;

    flex:0 0 38px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:#1389ff;

    color:#fff;

    font-size:18px;
    font-weight:500;

    box-shadow:
        0 7px 18px rgba(19,137,255,.25);

    transition:
        transform .25s ease,
        background .25s ease;
}

.nq-case-card:hover .nq-case-arrow{
    transform:
        translateX(3px);

    background:#5861ff;
}

.nq-cases-loading,
.nq-cases-empty{
    grid-column:1 / -1;

    padding:55px;

    border:
        1px dashed #cbd9e7;

    border-radius:17px;

    background:#fff;

    color:#6c8095;

    text-align:center;

    font-size:14px;
}

.nq-cases-bottom{
    padding:0 0 105px;

    background:#f7faff;
}

.nq-cases-cta{
    position:relative;

    overflow:hidden;

    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:50px;

    padding:48px 55px;

    border-radius:22px;

    background:
        radial-gradient(
            circle at 85% 150%,
            rgba(139,92,246,.35),
            transparent 35%
        ),
        linear-gradient(
            115deg,
            #06192c,
            #082844
        );

    box-shadow:
        0 20px 45px rgba(6,25,44,.15);
}

.nq-cases-cta h2{
    margin:0 0 14px;

    color:#fff;

    font-size:38px;
    line-height:1.05;

    letter-spacing:-.04em;
}

.nq-cases-cta h2 span{
    color:#72baff;
}

.nq-cases-cta p{
    max-width:620px;

    margin:0;

    color:#b7c9da;

    font-size:14px;
    line-height:1.65;
}

.nq-cases-cta-button{
    position:relative;
    z-index:2;

    flex:0 0 auto;

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding:16px 23px;

    border-radius:999px;

    background:#1389ff;

    color:#fff;

    font-size:13px;
    font-weight:800;

    text-decoration:none;

    box-shadow:
        0 10px 25px rgba(19,137,255,.25);

    transition:
        transform .25s ease,
        background .25s ease;
}

.nq-cases-cta-button:hover{
    transform:translateY(-3px);

    background:#5861ff;
}

@media(max-width:1050px){

    .nq-cases-hero-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .nq-cases-intro h1{
        font-size:54px;
    }

    .nq-cases-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media(max-width:700px){

    .nq-cases-wrap{
        width:calc(100% - 36px);
    }

    .nq-cases-hero{
        padding:65px 0 75px;
    }

    .nq-cases-intro h1{
        font-size:42px;
    }

    .nq-case-filters{
        margin-top:32px;
        margin-bottom:28px;
    }

    .nq-case-filter{
        padding:0 14px;
        font-size:11px;
    }

    .nq-cases-grid{
        grid-template-columns:1fr;
    }

    .nq-cases-bottom{
        padding-bottom:70px;
    }

    .nq-cases-cta{
        align-items:flex-start;
        flex-direction:column;

        padding:35px 28px;
    }

    .nq-cases-cta h2{
        font-size:31px;
    }

}

html body .nq-cases-page,
html body .nq-cases-page *,
html body .nq-case-filter,
html body .nq-case-card,
html body .nq-cases-cta-button{
    font-family:Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .nq-case-category{
    display:inline-flex !important;
    align-items:center !important;

    width:max-content !important;

    margin:0 0 10px !important;

    padding:5px 9px !important;

    border-radius:6px !important;

    background:#eef6ff !important;

    color:#1389ff !important;

    font-family:Inter, "Segoe UI", Arial, sans-serif !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.04em !important;

    text-transform:none !important;
}

html body .nq-case-card h2{
    font-family:Inter, "Segoe UI", Arial, sans-serif !important;

    font-weight:800 !important;
}

html body .nq-case-card p{
    font-family:Inter, "Segoe UI", Arial, sans-serif !important;

    font-weight:400 !important;
}

html body .nq-case-filter{
    font-family:Inter, "Segoe UI", Arial, sans-serif !important;

    font-weight:650 !important;
}

html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,video,svg,iframe{max-width:100%}

.nortiq-mobile-toggle{display:none}

@media (max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{width:100%;min-width:0;margin:0;overflow-x:hidden}

  .nortiq-new-nav{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;max-width:none!important;height:72px!important;
    margin:0!important;padding:0 18px!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    background:rgba(244,247,251,.97)!important;backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(7,24,39,.07);z-index:999999!important;
  }
  .nortiq-new-logo{display:flex!important;align-items:center!important;margin:0!important;min-width:0}
  .nortiq-new-logo img{height:43px!important;width:auto!important;max-width:155px!important}
  .nortiq-new-navcta{display:none!important}
  .nortiq-mobile-toggle{
    display:flex;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:11px;
    background:#071827;align-items:center;justify-content:center;flex-direction:column;gap:5px;
    padding:0;cursor:pointer;margin-left:auto
  }
  .nortiq-mobile-toggle i{display:block;width:20px;height:2px;background:#fff;border-radius:4px;transition:.2s}
  .nortiq-mobile-toggle.is-open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nortiq-mobile-toggle.is-open i:nth-child(2){opacity:0}
  .nortiq-mobile-toggle.is-open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nortiq-new-navlinks{
    display:none!important;position:absolute!important;top:72px!important;left:12px!important;right:12px!important;
    margin:0!important;padding:10px!important;gap:0!important;flex-direction:column!important;align-items:stretch!important;
    background:#fff!important;border:1px solid #e1eaf2!important;border-radius:16px!important;
    box-shadow:0 18px 45px rgba(7,24,39,.14)!important
  }
  .nortiq-new-navlinks.is-open{display:flex!important}
  .nortiq-new-navlinks a{display:block!important;width:100%!important;padding:13px 14px!important;font-size:14px!important;border-radius:10px!important}
  .nortiq-new-navlinks a:hover{background:#f3f8fd!important}

  .wrap,.ni-wrap,.nq-cases-wrap,.nortiq-new-inner,.nortiq-white-grid,.nortiq-reviews-wrap{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:18px!important;padding-right:18px!important
  }

  .nortiq-hero-new{width:100%!important;min-height:auto!important;padding-top:72px!important;overflow:hidden!important}
  .nortiq-new-inner{display:block!important;min-height:0!important;padding-top:52px!important;padding-bottom:52px!important}
  .nortiq-new-copy{max-width:100%!important;padding:0!important}
  .nortiq-new-kicker{font-size:10px!important;line-height:1.4!important;letter-spacing:.22em!important;margin-bottom:16px!important}
  .nortiq-new-copy h1{font-size:clamp(42px,13vw,58px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin-bottom:20px!important}
  .nortiq-new-copy>p{max-width:100%!important;font-size:15px!important;line-height:1.62!important}
  .nortiq-new-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;margin-top:26px!important}
  .nortiq-new-btn{width:100%!important;min-height:50px!important;padding:0 18px!important}
  .nortiq-new-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;margin-top:34px!important}
  .nortiq-new-stats>div{min-width:0!important;margin:0!important;padding:0 10px!important;text-align:center!important;border-right:1px solid #ccd4dc!important}
  .nortiq-new-stats>div:first-child{padding-left:0!important}.nortiq-new-stats>div:last-child{padding-right:0!important;border-right:0!important}
  .nortiq-new-stats strong{font-size:20px!important}.nortiq-new-stats span{font-size:9px!important;line-height:1.35!important}
  .nortiq-new-visual{position:absolute!important;inset:72px 0 0 auto!important;width:100%!important;height:auto!important;opacity:.08!important;margin:0!important;pointer-events:none!important}
  .nortiq-new-scroll{display:none!important}

  .ni-grid,.ni-feature-grid,.ni-steps,.ni-casegrid,.nq-cases-grid,.nortiq-white-benefits{
    grid-template-columns:1fr!important
  }
  .ni-values,.nortiq-white-grid{grid-template-columns:1fr!important}
  .ni-head,.ni-cta,.nq-cases-cta{flex-direction:column!important;align-items:flex-start!important}
  .ni-hero{padding:120px 0 62px!important}.ni-section{padding:62px 0!important}
  .ni-hero h1{font-size:clamp(40px,12vw,54px)!important}.ni-hero p{font-size:16px!important}
  .ni-head{gap:14px!important;margin-bottom:28px!important}.ni-section h2{font-size:clamp(34px,10vw,46px)!important}
  .ni-card img,.ni-case-media{height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}
  .ni-card-body,.ni-case-copy{padding:22px!important}.ni-feature,.ni-step{padding:24px!important}
  .ni-cta{padding:30px 24px!important;border-radius:22px!important}.ni-btn{width:100%!important;justify-content:center!important}

  .nortiq-white-cta{padding:62px 0!important}
  .nortiq-white-grid{display:block!important}
  .nortiq-white-copy h2{font-size:clamp(38px,11vw,48px)!important;line-height:1.02!important}
  .nortiq-white-lead{font-size:15px!important}
  .nortiq-white-benefits{gap:22px!important;margin-top:32px!important}
  .nortiq-white-benefit{display:grid!important;grid-template-columns:52px 1fr!important;column-gap:14px!important;align-items:start!important}
  .nortiq-white-icon{grid-row:1/3!important;width:52px!important;height:52px!important;margin:0!important}
  .nortiq-white-values{gap:10px!important;letter-spacing:.16em!important;flex-wrap:wrap!important}
  .nortiq-white-visual{position:relative!important;min-height:390px!important;margin-top:36px!important}
  .nortiq-white-photo-back{width:82%!important;height:235px!important;right:5%!important}
  .nortiq-white-photo{width:82%!important;height:235px!important;right:8%!important}
  .nortiq-white-card{width:88%!important;left:0!important;padding:24px!important}

  .journey-section{padding:62px 0!important}.journey-intro{width:100%!important;margin-bottom:34px!important}
  .journey-intro h2{font-size:clamp(36px,10vw,44px)!important}.journey{grid-template-columns:1fr!important;gap:24px!important}
  .journey-step{width:100%!important;max-width:100%!important}.journey-card{width:100%!important}
  .journey-footer{gap:10px!important}.journey-footer-line{width:22px!important}

  .nq-cases-hero{padding:112px 0 58px!important}.nq-cases-intro h1{font-size:clamp(40px,12vw,50px)!important}
  .nq-case-filters{display:flex!important;overflow-x:auto!important;max-width:100%!important;padding-bottom:6px!important;scrollbar-width:none}
  .nq-case-filters::-webkit-scrollbar{display:none}.nq-case-filter{flex:0 0 auto!important}
  .nq-cases-cta{padding:28px 22px!important;gap:24px!important}.nq-cases-cta-button{width:100%!important;justify-content:center!important}

  [class*="orb"],[class*="blob"],[class*="dots"]{max-width:100vw}
  pre,code{max-width:100%;overflow-x:auto}
  table{max-width:100%}
}

@media (max-width:390px){
  .wrap,.ni-wrap,.nq-cases-wrap,.nortiq-new-inner,.nortiq-white-grid,.nortiq-reviews-wrap{padding-left:15px!important;padding-right:15px!important}
  .nortiq-new-nav{padding-left:15px!important;padding-right:15px!important}
  .nortiq-new-copy h1{font-size:40px!important}
  .nortiq-new-stats span{font-size:8px!important}
}

@media (max-width:650px){
  .journey-section{
    overflow:hidden!important;
    padding:54px 0 58px!important;
  }
  .journey-section>.wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .journey-intro{
    width:100%!important;
    max-width:430px!important;
    margin:0 auto 38px!important;
    padding:0!important;
    text-align:center!important;
  }
  .journey-intro .eyebrow{font-size:11px!important;letter-spacing:.28em!important}
  .journey-intro h2{
    font-size:42px!important;
    line-height:1.02!important;
    margin:8px 0 18px!important;
  }
  .journey-intro p{
    max-width:360px!important;
    font-size:15px!important;
    line-height:1.55!important;
    margin:0 auto!important;
  }

  .journey{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;
    width:100%!important;max-width:430px!important;
    height:auto!important;min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    zoom:1!important;
    transform:none!important;
    overflow:visible!important;
  }
  .journey-route,.journey-note{display:none!important}

  .journey-step,
  .journey-step-1,.journey-step-2,.journey-step-3,.journey-step-4{
    position:relative!important;
    inset:auto!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    opacity:1!important;visibility:visible!important;
    transform:none!important;
    order:initial!important;
  }

  .journey > .journey-image-wrap{display:none!important}
  .journey-step .journey-image-wrap{display:none!important}

  .journey-step .journey-card,
  .journey-card{
    position:relative!important;
    width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;
    margin:0!important;
    padding:22px 22px 21px 76px!important;
    border-radius:17px!important;
    box-shadow:0 10px 28px rgba(36,77,115,.09)!important;
    transform:none!important;
  }
  .journey-card::before{
    content:"";
    position:absolute;
    left:21px;top:22px;
    width:40px;height:40px;
    border-radius:50%;
    background:#1389ff;
    box-shadow:0 7px 16px rgba(19,137,255,.22);
  }
  .journey-step-1 .journey-card::after{content:"01"}
  .journey-step-2 .journey-card::after{content:"02"}
  .journey-step-3 .journey-card::after{content:"03"}
  .journey-step-4 .journey-card::after{content:"04"}
  .journey-card::after{
    position:absolute;
    left:21px;top:22px;
    width:40px;height:40px;
    display:grid;place-items:center;
    color:#fff;font-size:12px;font-weight:800;
  }
  .journey-card .journey-icon{display:none!important}
  .journey-card h3{
    font-size:19px!important;
    line-height:1.2!important;
    margin:0 0 7px!important;
  }
  .journey-card p{
    font-size:14px!important;
    line-height:1.5!important;
    margin:0!important;
  }

  .journey-footer{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:430px!important;
    margin:28px auto 0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    gap:10px!important;
  }
  .journey-footer-line{flex:1 1 auto!important;width:auto!important;min-width:12px!important}
  .journey-footer p{
    flex:0 1 auto!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:8px!important;
    line-height:1.5!important;
    letter-spacing:.14em!important;
  }
  .journey-cross{padding:0 4px!important}
}

.journey-mobile{display:none}
@media (max-width:650px){
  #werkwijze.journey-section{
    min-height:0!important;
    height:auto!important;
    padding:54px 0 56px!important;
    overflow:hidden!important;
  }
  #werkwijze .journey-intro{margin-bottom:30px!important}
  #werkwijze .journey{display:none!important}
  #werkwijze .journey-mobile{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:430px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  #werkwijze .journey-mobile-card{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:15px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:20px!important;
    position:relative!important;
    inset:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(207,224,238,.95)!important;
    border-radius:17px!important;
    box-shadow:0 10px 28px rgba(36,77,115,.09)!important;
  }
  #werkwijze .journey-mobile-number{
    display:grid!important;
    place-items:center!important;
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    background:#168cff!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:0 7px 16px rgba(19,137,255,.22)!important;
  }
  #werkwijze .journey-mobile-card h3{
    margin:1px 0 6px!important;
    color:#081a30!important;
    font-size:19px!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
  }
  #werkwijze .journey-mobile-card p{
    margin:0!important;
    color:#5d738b!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  #werkwijze .journey-footer{
    margin:27px auto 0!important;
    position:relative!important;
    inset:auto!important;
  }
}

@media (max-width:650px){
  
  .nortiq-services-new{padding-left:18px!important;padding-right:18px!important}
  .nortiq-services-head{
    width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;
    text-align:center!important
  }
  .nortiq-services-head p{margin-left:auto!important;margin-right:auto!important;max-width:390px!important}
  .nortiq-services-kicker{justify-content:center!important;text-align:center!important}

  #cases .wrap,#cases .nq-cases-wrap,.cases .wrap,.cases-section .wrap{
    width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:18px!important;padding-right:18px!important
  }
  .cases-head,.nq-cases-head{
    width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;
    text-align:center!important
  }
  .cases-head h2,.cases-head p,.cases-head .eyebrow,.nq-cases-head h2,.nq-cases-head p{
    text-align:center!important;margin-left:auto!important;margin-right:auto!important
  }

  .nortiq-reviews-wrap{max-width:430px!important;margin-left:auto!important;margin-right:auto!important}
  .nortiq-reviews-head{
    grid-template-columns:1fr!important;gap:28px!important;align-items:center!important;
    width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important
  }
  .nortiq-reviews-title{max-width:100%!important;margin:0 auto!important;text-align:center!important}
  .nortiq-reviews-title>p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .nortiq-review-score{width:100%!important;max-width:330px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .nortiq-score-top{justify-content:center!important}
  .nortiq-review-grid{grid-template-columns:1fr!important;width:100%!important}
  .nortiq-reviews-empty,.nortiq-review-empty,.reviews-empty{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

  .nortiq-footer-new{padding-left:18px!important;padding-right:18px!important}
  .nortiq-footer-inner{
    width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;
    padding:36px 22px!important;text-align:center!important
  }
  .nortiq-footer-brand,.nortiq-footer-links,.nortiq-footer-contact,.nortiq-footer-statement{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;border-left:0!important;text-align:center!important;align-items:center!important
  }
  .nortiq-footer-logo{display:block!important;margin-left:auto!important;margin-right:auto!important}
  .nortiq-footer-socials{justify-content:center!important}
  .nortiq-footer-links>a{margin-left:auto!important;margin-right:auto!important;justify-content:center!important;gap:12px!important}
  .footer-title-line{margin-left:auto!important;margin-right:auto!important}
  .footer-contact-row{justify-content:center!important;text-align:left!important;width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .nortiq-footer-statement{align-items:center!important;text-align:center!important}
  .nortiq-footer-bottom{
    width:100%!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;
    align-items:center!important;text-align:center!important;padding:22px 0!important
  }
  .nortiq-footer-bottom>div{justify-content:center!important;width:100%!important}
}

.nortiq-client-track.is-static{width:100%!important;animation:none!important;transform:none!important;justify-content:center!important;}
.nortiq-client-track.is-static .nortiq-client-set{width:min(100%,1800px)!important;justify-content:center!important;margin:0 auto!important;}
.nortiq-client-track.is-static .nortiq-client-logo{flex:1 1 0!important;min-width:0!important;max-width:300px!important;}
.nortiq-client-track.is-moving{width:max-content!important;animation:nortiqClientScroll 24s linear infinite!important;}
.nortiq-client-logo img{max-width:170px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
@media(max-width:700px){.nortiq-client-track.is-static .nortiq-client-set{width:100%!important}.nortiq-client-track.is-static .nortiq-client-logo{width:auto!important;min-width:0!important;padding:0 12px!important}.nortiq-client-track.is-static .nortiq-client-logo img{max-width:105px!important;max-height:38px!important}.nortiq-client-track.is-moving{animation-duration:20s!important}}

.nortiq-client-logo img,
.nortiq-client-logo:hover img{
  filter:none !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  max-width:220px !important;
  max-height:76px !important;
  object-fit:contain !important;
}
.nortiq-client-logo{
  min-height:96px !important;
  padding:10px 28px !important;
}
@media (max-width:700px){
  .nortiq-client-logo img,
  .nortiq-client-track.is-static .nortiq-client-logo img{
    max-width:145px !important;
    max-height:58px !important;
  }
  .nortiq-client-logo{min-height:78px !important;padding:8px 16px !important;}
}

.nortiq-client-logo,
.nortiq-client-logo:hover {
  min-height: 150px !important;
  padding: 12px 30px !important;
  transform: none !important;
}

.nortiq-client-logo img,
.nortiq-client-logo:hover img,
.nortiq-client-track.is-static .nortiq-client-logo img,
.nortiq-client-track.is-moving .nortiq-client-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 360px !important;
  max-height: 130px !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (max-width:700px) {
  .nortiq-client-logo,
  .nortiq-client-logo:hover {
    min-height: 105px !important;
    padding: 8px 14px !important;
  }

  .nortiq-client-logo img,
  .nortiq-client-logo:hover img,
  .nortiq-client-track.is-static .nortiq-client-logo img,
  .nortiq-client-track.is-moving .nortiq-client-logo img {
    max-width: 210px !important;
    max-height: 82px !important;
  }
}