.elementor-48 .elementor-element.elementor-element-d24f171{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9d61c21 *//* =========================================================
   MIGLOX — BUSINESS VERTICALS
========================================================= */

.miglox-verticals-page {

    --mv-black: #080a0b;
    --mv-dark: #101416;
    --mv-graphite: #1b2023;

    --mv-silver: #b8bdc1;
    --mv-light: #e7e8e6;
    --mv-muted: #777e83;

    --mv-ivory: #efede7;
    --mv-sand: #d0c5b1;

    --mv-teal: #536c70;

    color: #171b1d;

    overflow: hidden;

    font-family:
        "Inter",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


.miglox-verticals-page *,
.miglox-verticals-page *::before,
.miglox-verticals-page *::after {

    box-sizing: border-box;

}


.miglox-verticals-page a {

    text-decoration: none;

}


.mv-container {

    width:
        min(1440px, 92%);

    margin:
        0 auto;

}


/* =========================================================
   HERO
========================================================= */

.mv-hero {

    position:
        relative;

    min-height:
        800px;

    padding:
        210px 0 115px;

    display:
        flex;

    align-items:
        flex-end;

    overflow:
        hidden;

    color:
        #ffffff;

    background:
        #080a0b;

}


.mv-hero-bg {

    position:
        absolute;

    inset:
        0;

    background-image:
        url("https://miglox.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-3-2026-08_06_38-PM.png");

    background-size:
        cover;

    background-position:
        center;

    opacity:
        .30;

    filter:
        saturate(.65)
        contrast(1.1);

    transform:
        scale(1.04);

}


.mv-hero-overlay {

    position:
        absolute;

    inset:
        0;

    background:

        linear-gradient(
            90deg,
            rgba(5,7,8,.98),
            rgba(5,7,8,.72),
            rgba(5,7,8,.30)
        ),

        linear-gradient(
            0deg,
            rgba(5,7,8,.95),
            transparent 65%
        );

}


.mv-hero-lines {

    position:
        absolute;

    inset:
        0;

    opacity:
        .045;

    background-image:

        linear-gradient(
            rgba(255,255,255,.12) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.12) 1px,
            transparent 1px
        );

    background-size:
        100px 100px;

}


.mv-eyebrow {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    margin-bottom:
        42px;

    color:
        #93999e;

    font-size:
        9px;

    letter-spacing:
        3px;

}


.mv-eyebrow span {

    width:
        42px;

    height:
        1px;

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

}


.mv-hero-grid {

    position:
        relative;

    z-index:
        2;

    display:
        grid;

    grid-template-columns:
        1.2fr .55fr;

    gap:
        100px;

    align-items:
        end;

}


.mv-hero-title h1 {

    margin:
        0;

    font-size:
        clamp(80px, 10vw, 145px);

    line-height:
        .82;

    letter-spacing:
        -9px;

    font-weight:
        300;

}


.mv-hero-title h1 span {

    background:
        linear-gradient(
            110deg,
            #727b80,
            #e5e6e8 35%,
            #929da0 62%,
            #e0e1e3
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    font-weight:
        500;

}


.mv-hero-description {

    padding-bottom:
        5px;

}


.mv-hero-number {

    display:
        flex;

    align-items:
        flex-end;

    gap:
        12px;

    color:
        #d4d6d8;

    font-size:
        50px;

    font-weight:
        200;

    line-height:
        1;

}


.mv-hero-number small {

    padding-bottom:
        3px;

    color:
        #666d72;

    font-size:
        7px;

    line-height:
        1.35;

    letter-spacing:
        1.5px;

}


.mv-hero-description p {

    max-width:
        380px;

    margin:
        25px 0;

    color:
        #8c9398;

    font-size:
        12px;

    line-height:
        1.9;

}


.mv-scroll {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        18px;

    color:
        #c9cccf;

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        1.8px;

    text-transform:
        uppercase;

}


.mv-scroll span {

    width:
        32px;

    height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

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

    transition:
        .3s ease;

}


.mv-scroll:hover span {

    background:
        #ffffff;

    color:
        #111;

}


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

.mv-intro {

    padding:
        135px 0;

    background:
        linear-gradient(
            135deg,
            #f2f0eb,
            #e2e6e5
        );

}


.mv-section-tag {

    display:
        flex;

    align-items:
        center;

    gap:
        14px;

    color:
        #777e83;

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        2.8px;

}


.mv-section-tag span {

    color:
        #9ca2a6;

    font-size:
        8px;

}


.mv-section-tag.light {

    color:
        #858d92;

}


.mv-section-tag.light span {

    color:
        #c3c6c8;

}


.mv-intro-grid {

    display:
        grid;

    grid-template-columns:
        1fr .75fr;

    gap:
        120px;

    margin-top:
        60px;

}


.mv-intro-grid h2 {

    margin:
        0;

    font-size:
        clamp(50px, 6vw, 85px);

    line-height:
        .93;

    letter-spacing:
        -5px;

    font-weight:
        300;

}


.mv-intro-grid h2 span {

    color:
        #747b80;

    font-weight:
        400;

}


.mv-intro-copy {

    padding-top:
        8px;

}


.mv-intro-copy p {

    margin:
        0 0 22px;

    color:
        #737a7f;

    font-size:
        12px;

    line-height:
        1.9;

}


.mv-intro-copy .mv-lead {

    color:
        #343a3e;

    font-size:
        17px;

    line-height:
        1.65;

}


/* =========================================================
   CLUSTERS
========================================================= */

.mv-clusters {

    padding:
        120px 0 150px;

    color:
        #ffffff;

    background:
        #0c0f11;

}


.mv-clusters-heading {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    padding-bottom:
        55px;

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

}


.mv-clusters-heading p {

    max-width:
        350px;

    margin:
        0;

    color:
        #737a7f;

    font-size:
        11px;

    line-height:
        1.8;

}


/* =========================================================
   CLUSTER CARD
========================================================= */

.mv-cluster {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    min-height:
        560px;

    border-bottom:
        1px solid
        rgba(255,255,255,.09);

}


.mv-cluster-image {

    position:
        relative;

    overflow:
        hidden;

    min-height:
        500px;

}


.mv-cluster-image::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,.15),
            rgba(0,0,0,.48)
        );

}


.mv-cluster-image img {

    width:
        100%;

    height:
        100%;

    min-height:
        500px;

    display:
        block;

    object-fit:
        cover;

    filter:
        saturate(.72)
        contrast(1.05);

    transition:
        transform .8s
        cubic-bezier(.16,1,.3,1),
        filter .5s ease;

}


.mv-cluster:hover
.mv-cluster-image img {

    transform:
        scale(1.06);

    filter:
        saturate(.95)
        contrast(1.05);

}


.mv-cluster-content {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        60px 1fr;

    gap:
        35px;

    align-items:
        center;

    padding:
        70px;

    background:
        linear-gradient(
            145deg,
            #171b1e,
            #0e1113
        );

}


.mv-cluster.reverse
.mv-cluster-image {

    order:
        2;

}


.mv-cluster.reverse
.mv-cluster-content {

    order:
        1;

}


.mv-cluster-number {

    align-self:
        start;

    padding-top:
        7px;

    color:
        #596166;

    font-size:
        9px;

    letter-spacing:
        2px;

}


.mv-cluster-label {

    display:
        block;

    margin-bottom:
        18px;

    color:
        #a79e8e;

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        2.5px;

}


.mv-cluster-content h3 {

    max-width:
        500px;

    margin:
        0 0 24px;

    color:
        #e4e5e6;

    font-size:
        clamp(42px, 4vw, 67px);

    line-height:
        .91;

    letter-spacing:
        -4px;

    font-weight:
        300;

}


.mv-cluster-content h3 em {

    display:
        block;

    color:
        #6f777c;

    font-style:
        normal;

    font-weight:
        400;

}


.mv-cluster-content p {

    max-width:
        490px;

    margin:
        0;

    color:
        #7e858a;

    font-size:
        11px;

    line-height:
        1.9;

}


.mv-focus {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        28px;

    color:
        #a3a8ac;

    font-size:
        8px;

    letter-spacing:
        .7px;

}


.mv-focus i {

    width:
        3px;

    height:
        3px;

    display:
        block;

    border-radius:
        50%;

    background:
        #80786b;

}


/* =========================================================
   STATEMENT
========================================================= */

.mv-statement {

    position:
        relative;

    min-height:
        670px;

    padding:
        130px 0;

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

    color:
        #ffffff;

    background:
        #090c0e;

}


.mv-statement-bg {

    position:
        absolute;

    inset:
        0;

    background:

        radial-gradient(
            circle at 70% 50%,
            rgba(73,101,107,.25),
            transparent 35%
        ),

        radial-gradient(
            circle at 20% 20%,
            rgba(190,174,139,.08),
            transparent 30%
        );

}


.mv-statement h2 {

    position:
        relative;

    max-width:
        1000px;

    margin:
        50px 0 30px;

    font-size:
        clamp(55px, 7vw, 100px);

    line-height:
        .9;

    letter-spacing:
        -6px;

    font-weight:
        300;

}


.mv-statement h2 em {

    color:
        #c0b59f;

    font-style:
        normal;

    font-weight:
        400;

}


.mv-statement p {

    position:
        relative;

    max-width:
        560px;

    margin:
        0;

    color:
        #7f878c;

    font-size:
        13px;

    line-height:
        1.9;

}


.mv-statement-line {

    position:
        relative;

    width:
        90px;

    height:
        1px;

    margin:
        38px 0 25px;

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

}


.mv-statement strong {

    position:
        relative;

    color:
        #c0c4c7;

    font-size:
        8px;

    letter-spacing:
        3px;

}


/* =========================================================
   CTA
========================================================= */

.mv-cta {

    padding:
        120px 0;

    background:
        linear-gradient(
            135deg,
            #edece7,
            #d9dddc
        );

}


.mv-cta-inner {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        70px;

}


.mv-cta-label {

    color:
        #747b80;

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        3px;

}


.mv-cta h2 {

    margin:
        30px 0 20px;

    font-size:
        clamp(55px, 7vw, 100px);

    line-height:
        .88;

    letter-spacing:
        -6px;

    font-weight:
        300;

}


.mv-cta h2 span {

    color:
        #737a7f;

    font-weight:
        500;

}


.mv-cta p {

    margin:
        0;

    color:
        #747b80;

    font-size:
        11px;

}


.mv-cta-actions {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        stretch;

    gap:
        10px;

    min-width:
        235px;

}


.mv-primary-btn {

    min-height:
        54px;

    padding:
        0 8px 0 20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    color:
        #f2f3f3;

    background:
        #202529;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1.3px;

    text-transform:
        uppercase;

}


.mv-primary-btn span {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #202529;

    background:
        linear-gradient(
            135deg,
            #e1e1e2,
            #858b90
        );

    font-size:
        15px;

}


.mv-secondary-btn {

    min-height:
        50px;

    padding:
        0 18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    color:
        #343a3e;

    border:
        1px solid
        rgba(35,39,42,.25);

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        1.3px;

    text-transform:
        uppercase;

}


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

@media (max-width: 1000px) {

    .mv-hero-grid {

        grid-template-columns:
            1fr;

        gap:
            50px;

    }


    .mv-intro-grid {

        grid-template-columns:
            1fr;

        gap:
            50px;

    }


    .mv-cluster {

        grid-template-columns:
            1fr;

    }


    .mv-cluster.reverse
    .mv-cluster-image {

        order:
            1;

    }


    .mv-cluster.reverse
    .mv-cluster-content {

        order:
            2;

    }


    .mv-cluster-image,
    .mv-cluster-image img {

        min-height:
            430px;

    }


    .mv-cta-inner {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .mv-cta-actions {

        width:
            100%;

        max-width:
            330px;

    }

}


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

@media (max-width: 600px) {

    .mv-container {

        width:
            90%;

    }


    .mv-hero {

        min-height:
            700px;

        padding:
            165px 0 80px;

    }


    .mv-hero-title h1 {

        font-size:
            clamp(58px, 15vw, 80px);

        letter-spacing:
            -5px;

    }


    .mv-hero-number {

        font-size:
            40px;

    }


    .mv-intro {

        padding:
            85px 0;

    }


    .mv-intro-grid h2 {

        font-size:
            clamp(45px, 12vw, 62px);

        letter-spacing:
            -3px;

    }


    .mv-clusters {

        padding:
            85px 0 100px;

    }


    .mv-clusters-heading {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            25px;

    }


    .mv-cluster {

        min-height:
            auto;

    }


    .mv-cluster-image,
    .mv-cluster-image img {

        min-height:
            330px;

    }


    .mv-cluster-content {

        grid-template-columns:
            35px 1fr;

        gap:
            15px;

        padding:
            45px 25px;

    }


    .mv-cluster-content h3 {

        font-size:
            42px;

        letter-spacing:
            -3px;

    }


    .mv-focus {

        line-height:
            1.7;

    }


    .mv-statement {

        min-height:
            570px;

        padding:
            90px 0;

    }


    .mv-statement h2 {

        font-size:
            clamp(48px, 12vw, 65px);

        letter-spacing:
            -3px;

    }


    .mv-cta {

        padding:
            85px 0;

    }


    .mv-cta h2 {

        font-size:
            clamp(48px, 12vw, 65px);

        letter-spacing:
            -3px;

    }

}/* End custom CSS */