.elementor-1006 .elementor-element.elementor-element-8ad73b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-d8e7e2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-0192b2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-5cdcc44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-efd312e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-6b704e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-4d793d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-1bcf10b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-21ed7a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-85416b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-6ec789c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-f6e6ba3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-a300334{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-89554d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-8e410e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1006 .elementor-element.elementor-element-0fa8a71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-093a926 *//* ==========================================================
   GENIE TOUCH MEDIA
   PREMIUM HERO
   BRAND: #9414CB / BLACK / WHITE
   ========================================================== */


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

.gtm-hero-premium {

    --gtm-purple: #9414CB;

    --gtm-purple-light: #B84BE5;

    --gtm-black: #050505;

    --gtm-black-2: #0B0B0D;

    --gtm-white: #FFFFFF;

    --gtm-text: #E9E9EC;

    --gtm-muted: #97979F;

    --gtm-border:
        rgba(255,255,255,.09);

    position: relative;

    width: 100%;

    min-height: 820px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 78% 45%,
            rgba(148,20,203,.16),
            transparent 30%
        ),

        radial-gradient(
            circle at 8% 90%,
            rgba(148,20,203,.08),
            transparent 28%
        ),

        var(--gtm-black);

    color:
        var(--gtm-white);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    isolation: isolate;

}


/* ==========================================================
   BACKGROUND GRID
   ========================================================== */

.gtm-hero-bg-grid {

    position: absolute;

    inset: 0;

    z-index: -5;

    background-image:

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

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

    background-size:
        70px 70px;

    mask-image:
        radial-gradient(
            ellipse at center,
            black 15%,
            transparent 82%
        );

}


/* ==========================================================
   BACKGROUND GLOWS
   ========================================================== */

.gtm-hero-glow {

    position: absolute;

    z-index: -4;

    border-radius: 50%;

    filter:
        blur(110px);

    pointer-events: none;

}


.gtm-hero-glow-1 {

    width:
        560px;

    height:
        560px;

    right:
        -180px;

    top:
        100px;

    background:
        rgba(148,20,203,.17);

}


.gtm-hero-glow-2 {

    width:
        420px;

    height:
        420px;

    left:
        -230px;

    bottom:
        -200px;

    background:
        rgba(148,20,203,.12);

}


/* ==========================================================
   MAIN CONTAINER
   ========================================================== */

.gtm-hero-inner {

    position:
        relative;

    width:
        min(1320px, calc(100% - 64px));

    min-height:
        765px;

    margin:
        0 auto;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(500px, .88fr);

    align-items:
        center;

    gap:
        65px;

}


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

.gtm-hero-content {

    position:
        relative;

    z-index:
        10;

}


/* ==========================================================
   EYEBROW
   ========================================================== */

.gtm-hero-eyebrow {

    width:
        fit-content;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    padding:
        9px 13px;

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

    border-radius:
        100px;

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

    backdrop-filter:
        blur(15px);

    color:
        #B5B5BC;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .14em;

}


.gtm-eyebrow-indicator {

    width:
        7px;

    height:
        7px;

    flex-shrink:
        0;

    border-radius:
        50%;

    background:
        var(--gtm-purple);

    box-shadow:

        0 0 0 5px
        rgba(148,20,203,.12),

        0 0 18px
        rgba(148,20,203,.8);

    animation:
        gtmEyebrowPulse 2s
        ease-in-out infinite;

}


.gtm-hero-eyebrow em {

    color:
        var(--gtm-purple-light);

    font-style:
        normal;

}


/* ==========================================================
   H1
   ========================================================== */

.gtm-hero-title {

    max-width:
        790px;

    margin:
        28px 0 0;

    font-size:
        clamp(48px, 5.35vw, 78px);

    line-height:
        .98;

    font-weight:
        760;

    letter-spacing:
        -.058em;

}


.gtm-hero-title span {

    display:
        block;

    margin-top:
        8px;

    background:

        linear-gradient(
            100deg,
            #FFFFFF 0%,
            #FFFFFF 20%,
            #C15AE8 65%,
            #9414CB 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

}


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

.gtm-hero-description {

    max-width:
        680px;

    margin:
        28px 0 0;

    color:
        var(--gtm-muted);

    font-size:
        16px;

    line-height:
        1.75;

}


.gtm-hero-description strong {

    color:
        #DADADF;

    font-weight:
        500;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

.gtm-hero-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    flex-wrap:
        wrap;

    margin-top:
        32px;

}


.gtm-hero-btn {

    min-height:
        56px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    text-decoration:
        none;

    border-radius:
        100px;

    font-size:
        13px;

    font-weight:
        700;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        border-color .3s ease;

}


/* PRIMARY */

.gtm-hero-btn-primary {

    gap:
        18px;

    padding:
        0 9px 0 23px;

    color:
        #FFFFFF;

    background:
        var(--gtm-purple);

    box-shadow:
        0 18px 45px
        rgba(148,20,203,.28);

}


.gtm-hero-btn-primary:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 23px 60px
        rgba(148,20,203,.46);

}


.gtm-btn-icon {

    width:
        38px;

    height:
        38px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        #FFFFFF;

    color:
        var(--gtm-purple);

}


.gtm-btn-icon svg {

    width:
        17px;

    height:
        17px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* SECONDARY */

.gtm-hero-btn-secondary {

    gap:
        10px;

    padding:
        0 21px;

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

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

    color:
        #E5E5E8;

}


.gtm-hero-btn-secondary:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(148,20,203,.45);

    background:
        rgba(148,20,203,.07);

}


.gtm-secondary-icon {

    width:
        27px;

    height:
        27px;

    display:
        grid;

    place-items:
        center;

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

    border-radius:
        9px;

    color:
        var(--gtm-purple-light);

}


.gtm-secondary-icon svg {

    width:
        14px;

    height:
        14px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* ==========================================================
   PROOF
   ========================================================== */

.gtm-hero-proof {

    display:
        flex;

    align-items:
        center;

    gap:
        18px;

    margin-top:
        48px;

}


.gtm-proof-block {

    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;

}


.gtm-proof-block strong {

    color:
        #F1F1F3;

    font-size:
        12px;

    letter-spacing:
        .03em;

}


.gtm-proof-block span {

    color:
        #686870;

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

}


.gtm-proof-separator {

    width:
        1px;

    height:
        28px;

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

}


/* ==========================================================
   RIGHT VISUAL
   ========================================================== */

.gtm-hero-visual {

    position:
        relative;

    height:
        650px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    perspective:
        1200px;

}


/* ==========================================================
   RINGS
   ========================================================== */

.gtm-visual-ring {

    position:
        absolute;

    border-radius:
        50%;

    pointer-events:
        none;

    transform:
        rotateX(65deg)
        rotateZ(-16deg);

}


.gtm-ring-outer {

    width:
        650px;

    height:
        650px;

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

}


.gtm-ring-inner {

    width:
        490px;

    height:
        490px;

    border:
        1px solid
        rgba(148,20,203,.16);

}


/* ==========================================================
   DOTS
   ========================================================== */

.gtm-visual-dot {

    position:
        absolute;

    width:
        5px;

    height:
        5px;

    border-radius:
        50%;

    background:
        var(--gtm-purple-light);

    box-shadow:
        0 0 15px
        rgba(184,75,229,.8);

    animation:
        gtmDotFloat 4s
        ease-in-out infinite;

}


.gtm-dot-1 {

    top:
        12%;

    left:
        17%;

}


.gtm-dot-2 {

    top:
        20%;

    right:
        8%;

    animation-delay:
        -1s;

}


.gtm-dot-3 {

    bottom:
        16%;

    right:
        15%;

    animation-delay:
        -2s;

}


/* ==========================================================
   GROWTH CARD
   ========================================================== */

.gtm-growth-card {

    position:
        relative;

    z-index:
        5;

    width:
        515px;

    padding:
        25px;

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

    border-radius:
        26px;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );

    backdrop-filter:
        blur(28px);

    -webkit-backdrop-filter:
        blur(28px);

    box-shadow:

        0 50px 110px
        rgba(0,0,0,.55),

        inset 0 1px 0
        rgba(255,255,255,.07);

    transform-style:
        preserve-3d;

    transition:
        transform .15s ease;

}


/* ==========================================================
   CARD HEADER
   ========================================================== */

.gtm-growth-header {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

}


.gtm-growth-label {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #696970;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .15em;

}


.gtm-growth-header h2 {

    margin:
        0;

    color:
        #F0F0F2;

    font-size:
        20px;

    line-height:
        1;

    letter-spacing:
        -.04em;

}


.gtm-live-indicator {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    padding:
        7px 10px;

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

    border-radius:
        100px;

    color:
        #777780;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        .12em;

}


.gtm-live-indicator span {

    width:
        5px;

    height:
        5px;

    border-radius:
        50%;

    background:
        #72DC87;

    box-shadow:
        0 0 10px
        #72DC87;

}


/* ==========================================================
   CORE
   ========================================================== */

.gtm-growth-core {

    position:
        relative;

    height:
        265px;

    margin-top:
        5px;

}


.gtm-core-orbit {

    position:
        absolute;

    width:
        205px;

    height:
        205px;

    left:
        50%;

    top:
        50%;

    border:
        1px dashed
        rgba(148,20,203,.27);

    border-radius:
        50%;

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

    animation:
        gtmCoreRotate
        18s
        linear
        infinite;

}


.gtm-orbit-dot {

    position:
        absolute;

    top:
        9px;

    left:
        50%;

    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        var(--gtm-purple-light);

    box-shadow:
        0 0 18px
        rgba(184,75,229,.9);

}


/* ==========================================================
   CENTRAL CORE
   ========================================================== */

.gtm-central-core {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        112px;

    height:
        112px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(184,75,229,.4);

    border-radius:
        50%;

    background:

        radial-gradient(
            circle,
            rgba(148,20,203,.35),
            rgba(148,20,203,.07) 58%,
            transparent 72%
        );

    box-shadow:

        0 0 55px
        rgba(148,20,203,.20),

        inset 0 0 30px
        rgba(148,20,203,.12);

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

}


.gtm-central-inner {

    width:
        73px;

    height:
        73px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

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

    border-radius:
        50%;

    background:
        #0A0A0C;

}


.gtm-central-inner small {

    color:
        #6C6C74;

    font-size:
        6px;

    font-weight:
        800;

    letter-spacing:
        .14em;

}


.gtm-central-inner strong {

    margin-top:
        3px;

    color:
        #FFFFFF;

    font-size:
        13px;

    letter-spacing:
        .04em;

}


.gtm-central-inner span {

    margin-top:
        1px;

    color:
        var(--gtm-purple-light);

    font-size:
        18px;

}


/* ==========================================================
   GROWTH NODES
   ========================================================== */

.gtm-growth-node {

    position:
        absolute;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

}


.gtm-node-icon {

    width:
        40px;

    height:
        40px;

    display:
        grid;

    place-items:
        center;

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

    border-radius:
        12px;

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

    color:
        var(--gtm-purple-light);

    backdrop-filter:
        blur(10px);

}


.gtm-node-icon svg {

    width:
        18px;

    height:
        18px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-growth-node strong {

    display:
        block;

    color:
        #DCDCE0;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .08em;

}


.gtm-growth-node span {

    display:
        block;

    margin-top:
        3px;

    color:
        #66666E;

    font-size:
        7px;

}


.gtm-node-seo {

    left:
        15px;

    top:
        50%;

    transform:
        translateY(-50%);

}


.gtm-node-ads {

    right:
        15px;

    top:
        50%;

    transform:
        translateY(-50%);

}


.gtm-node-social {

    top:
        8px;

    left:
        50%;

    transform:
        translateX(-50%);

}


.gtm-node-web {

    bottom:
        8px;

    left:
        50%;

    transform:
        translateX(-50%);

}


/* ==========================================================
   PERFORMANCE
   ========================================================== */

.gtm-performance-grid {

    display:
        grid;

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

    gap:
        8px;

}


.gtm-performance-card {

    padding:
        11px;

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

    border-radius:
        12px;

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

}


.gtm-performance-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

}


.gtm-performance-top span {

    color:
        #64646C;

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .09em;

}


.gtm-performance-top b {

    color:
        var(--gtm-purple-light);

    font-size:
        11px;

}


.gtm-performance-card > strong {

    display:
        block;

    margin-top:
        6px;

    color:
        #EEEEF0;

    font-size:
        19px;

    letter-spacing:
        -.04em;

}


.gtm-progress {

    height:
        3px;

    margin-top:
        9px;

    overflow:
        hidden;

    border-radius:
        10px;

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

}


.gtm-progress span {

    display:
        block;

    height:
        100%;

    border-radius:
        inherit;

    background:
        linear-gradient(
            90deg,
            #9414CB,
            #B84BE5
        );

}


/* ==========================================================
   CURRENT FOCUS
   ========================================================== */

.gtm-current-focus {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-top:
        10px;

    padding:
        12px 13px;

    border:
        1px solid
        rgba(148,20,203,.14);

    border-radius:
        12px;

    background:
        rgba(148,20,203,.045);

}


.gtm-current-focus small {

    display:
        block;

    color:
        #64646C;

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .12em;

}


.gtm-current-focus strong {

    display:
        block;

    margin-top:
        5px;

    color:
        #D9D9DE;

    font-size:
        9px;

    transition:
        opacity .2s ease;

}


.gtm-focus-status {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #96969D;

    font-size:
        7px;

}


.gtm-focus-status span {

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #72DC87;

    box-shadow:
        0 0 10px
        #72DC87;

}


/* ==========================================================
   FLOATING CARDS
   ========================================================== */

.gtm-floating-card {

    position:
        absolute;

    z-index:
        10;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    padding:
        12px 14px;

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

    border-radius:
        14px;

    background:
        rgba(8,8,10,.84);

    backdrop-filter:
        blur(16px);

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.4);

    animation:
        gtmFloatingCard
        4s
        ease-in-out
        infinite;

}


.gtm-floating-seo {

    top:
        80px;

    right:
        -15px;

}


.gtm-floating-lead {

    bottom:
        80px;

    left:
        -25px;

    animation-delay:
        -2s;

}


.gtm-floating-card-icon {

    width:
        30px;

    height:
        30px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        9px;

    background:
        rgba(148,20,203,.13);

    color:
        var(--gtm-purple-light);

}


.gtm-floating-card-icon svg {

    width:
        16px;

    height:
        16px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-floating-card small {

    display:
        block;

    color:
        #66666E;

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .1em;

}


.gtm-floating-card strong {

    display:
        block;

    margin-top:
        4px;

    color:
        #E5E5E8;

    font-size:
        11px;

}


.gtm-new-lead-dot {

    width:
        9px;

    height:
        9px;

    border-radius:
        50%;

    background:
        #72DC87;

    box-shadow:
        0 0 14px
        #72DC87;

}


/* ==========================================================
   INFINITE SLIDER
   ========================================================== */

.gtm-infinite-bar {

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    width:
        100%;

    height:
        55px;

    overflow:
        hidden;

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

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

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

    /* Critical */

    contain:
        layout paint;

}


/*
   IMPORTANT:
   The track contains TWO EXACTLY
   IDENTICAL groups.
*/

.gtm-infinite-track {

    display:
        flex;

    width:
        max-content;

    height:
        100%;

    flex-shrink:
        0;

    will-change:
        transform;

    animation:
        gtmInfiniteMove
        30s
        linear
        infinite;

}


/*
   Each group must have the same
   structure and must never shrink.
*/

.gtm-infinite-group {

    display:
        flex;

    align-items:
        center;

    flex-shrink:
        0;

    gap:
        25px;

    padding-right:
        25px;

    white-space:
        nowrap;

}


.gtm-infinite-group span {

    display:
        block;

    flex-shrink:
        0;

    color:
        #64646C;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .15em;

    white-space:
        nowrap;

}


.gtm-infinite-group i {

    display:
        block;

    flex-shrink:
        0;

    color:
        #9414CB;

    font-size:
        8px;

    line-height:
        1;

    font-style:
        normal;

}


/*
   Because both groups are identical,
   moving exactly 50% creates the
   seamless loop.
*/

@keyframes gtmInfiniteMove {

    from {

        transform:
            translate3d(0,0,0);

    }

    to {

        transform:
            translate3d(-50%,0,0);

    }

}


/* ==========================================================
   ANIMATIONS
   ========================================================== */

@keyframes gtmEyebrowPulse {

    0%,
    100% {

        transform:
            scale(1);

        opacity:
            1;

    }

    50% {

        transform:
            scale(.7);

        opacity:
            .55;

    }

}


@keyframes gtmDotFloat {

    0%,
    100% {

        transform:
            translateY(0);

        opacity:
            .45;

    }

    50% {

        transform:
            translateY(-13px);

        opacity:
            1;

    }

}


@keyframes gtmCoreRotate {

    from {

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to {

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


@keyframes gtmFloatingCard {

    0%,
    100% {

        transform:
            translateY(0);

    }

    50% {

        transform:
            translateY(-9px);

    }

}


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

@media (max-width: 1150px) {

    .gtm-hero-inner {

        width:
            min(900px, calc(100% - 50px));

        grid-template-columns:
            1fr;

        gap:
            20px;

        padding:
            70px 0 80px;

    }


    .gtm-hero-content {

        text-align:
            center;

    }


    .gtm-hero-eyebrow {

        margin:
            0 auto;

    }


    .gtm-hero-title {

        margin-left:
            auto;

        margin-right:
            auto;

    }


    .gtm-hero-description {

        margin-left:
            auto;

        margin-right:
            auto;

    }


    .gtm-hero-actions {

        justify-content:
            center;

    }


    .gtm-hero-proof {

        justify-content:
            center;

    }


    .gtm-hero-visual {

        height:
            620px;

    }


    .gtm-infinite-bar {

        position:
            relative;

    }


    .gtm-hero-premium {

        min-height:
            auto;

    }

}


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

@media (max-width: 650px) {

    .gtm-hero-inner {

        width:
            calc(100% - 30px);

        padding:
            45px 0 35px;

        gap:
            12px;

    }


    .gtm-hero-eyebrow {

        font-size:
            7px;

        padding:
            8px 10px;

    }


    .gtm-hero-eyebrow em {

        display:
            none;

    }


    .gtm-hero-title {

        margin-top:
            22px;

        font-size:
            clamp(38px, 10.5vw, 52px);

        line-height:
            1;

    }


    .gtm-hero-description {

        margin-top:
            21px;

        font-size:
            14px;

        line-height:
            1.7;

    }


    .gtm-hero-actions {

        flex-direction:
            column;

        width:
            100%;

        margin-top:
            25px;

    }


    .gtm-hero-btn {

        width:
            100%;

        min-height:
            53px;

    }


    .gtm-hero-proof {

        gap:
            10px;

        margin-top:
            34px;

    }


    .gtm-proof-block strong {

        font-size:
            10px;

    }


    .gtm-proof-block span {

        font-size:
            6px;

    }


    .gtm-proof-separator {

        height:
            22px;

    }


    /* RIGHT VISUAL */

    .gtm-hero-visual {

        height:
            470px;

        margin-top:
            5px;

    }


    .gtm-growth-card {

        width:
            100%;

        padding:
            18px;

        border-radius:
            21px;

    }


    .gtm-growth-header h2 {

        font-size:
            17px;

    }


    .gtm-live-indicator {

        display:
            none;

    }


    .gtm-growth-core {

        height:
            205px;

    }


    .gtm-core-orbit {

        width:
            165px;

        height:
            165px;

    }


    .gtm-central-core {

        width:
            88px;

        height:
            88px;

    }


    .gtm-central-inner {

        width:
            59px;

        height:
            59px;

    }


    .gtm-central-inner strong {

        font-size:
            11px;

    }


    .gtm-central-inner span {

        font-size:
            16px;

    }


    .gtm-node-icon {

        width:
            33px;

        height:
            33px;

        border-radius:
            10px;

    }


    .gtm-node-icon svg {

        width:
            14px;

        height:
            14px;

    }


    .gtm-growth-node strong {

        font-size:
            7px;

    }


    .gtm-growth-node span {

        font-size:
            6px;

    }


    .gtm-node-seo {

        left:
            2px;

    }


    .gtm-node-ads {

        right:
            2px;

    }


    .gtm-performance-grid {

        gap:
            5px;

    }


    .gtm-performance-card {

        padding:
            8px;

    }


    .gtm-performance-top span {

        font-size:
            5px;

    }


    .gtm-performance-top b {

        display:
            none;

    }


    .gtm-performance-card > strong {

        font-size:
            15px;

    }


    .gtm-floating-card {

        transform:
            scale(.76);

    }


    .gtm-floating-seo {

        top:
            38px;

        right:
            -5px;

    }


    .gtm-floating-lead {

        bottom:
            30px;

        left:
            -5px;

    }


    .gtm-ring-outer {

        width:
            450px;

        height:
            450px;

    }


    .gtm-ring-inner {

        width:
            350px;

        height:
            350px;

    }


    /* SLIDER */

    .gtm-infinite-bar {

        height:
            48px;

    }


    .gtm-infinite-group {

        gap:
            18px;

        padding-right:
            18px;

    }


    .gtm-infinite-group span {

        font-size:
            7px;

        letter-spacing:
            .12em;

    }


    .gtm-infinite-group i {

        font-size:
            7px;

    }


    .gtm-infinite-track {

        animation-duration:
            22s;

    }

}


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

@media (max-width: 390px) {

    .gtm-hero-title {

        font-size:
            36px;

    }


    .gtm-hero-proof {

        gap:
            7px;

    }


    .gtm-proof-separator {

        margin:
            0 1px;

    }


    .gtm-growth-core {

        height:
            185px;

    }


    .gtm-current-focus {

        padding:
            10px;

    }


    .gtm-current-focus strong {

        max-width:
            160px;

        font-size:
            8px;

    }


    .gtm-focus-status {

        display:
            none;

    }

}


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

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

    .gtm-hero-premium *,
    .gtm-hero-premium *::before,
    .gtm-hero-premium *::after {

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e94016b *//* =========================================================
   GENIE TOUCH MEDIA
   INTERACTIVE GROWTH DIAGNOSTIC
   BRAND: #9414CB / BLACK / WHITE
   ========================================================= */


.gtm-growth-diagnostic {

    --gtm-purple: #9414CB;
    --gtm-purple-light: #B84BE5;

    --gtm-black: #050505;
    --gtm-card: #0B0B0D;

    --gtm-white: #FFFFFF;
    --gtm-text: #E8E8EC;
    --gtm-muted: #8C8C95;

    position: relative;

    width: 100%;

    padding:
        125px 0 115px;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(148,20,203,.07),
            transparent 35%
        ),

        #050505;

    color: white;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    isolation: isolate;

}


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

.gtm-diagnostic-grid {

    position: absolute;

    inset: 0;

    z-index: -3;

    background-image:

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

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

    background-size:
        60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        );

}


.gtm-diagnostic-glow {

    position: absolute;

    z-index: -2;

    width: 450px;

    height: 450px;

    left: 50%;

    top: 50%;

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

    border-radius: 50%;

    background:
        rgba(148,20,203,.09);

    filter:
        blur(120px);

}


/* =========================================================
   CONTAINER
   ========================================================= */

.gtm-diagnostic-container {

    width:
        min(1180px, calc(100% - 50px));

    margin:
        auto;

}


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

.gtm-diagnostic-heading {

    text-align:
        center;

    max-width:
        760px;

    margin:
        0 auto 55px;

}


.gtm-section-label {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    color:
        var(--gtm-purple-light);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .18em;

}


.gtm-section-label span {

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        var(--gtm-purple);

    box-shadow:
        0 0 12px
        rgba(148,20,203,.8);

}


.gtm-diagnostic-heading h2 {

    margin:
        18px 0 0;

    color:
        #F2F2F4;

    font-size:
        clamp(38px, 4.3vw, 58px);

    line-height:
        1.02;

    letter-spacing:
        -.055em;

    font-weight:
        740;

}


.gtm-diagnostic-heading h2 span {

    display:
        block;

    background:
        linear-gradient(
            100deg,
            #FFFFFF,
            #B84BE5,
            #9414CB
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

}


.gtm-diagnostic-heading p {

    max-width:
        590px;

    margin:
        20px auto 0;

    color:
        var(--gtm-muted);

    font-size:
        14px;

    line-height:
        1.7;

}


/* =========================================================
   MAIN BOX
   ========================================================= */

.gtm-diagnostic-box {

    display:
        grid;

    grid-template-columns:
        .9fr 1.1fr;

    min-height:
        510px;

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

    border-radius:
        26px;

    overflow:
        hidden;

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

    box-shadow:
        0 40px 100px
        rgba(0,0,0,.35);

}


/* =========================================================
   LEFT OPTIONS
   ========================================================= */

.gtm-diagnostic-options {

    padding:
        30px;

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

    background:
        rgba(0,0,0,.18);

}


.gtm-diagnostic-small-title {

    margin-bottom:
        18px;

    color:
        #64646C;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .15em;

}


/* =========================================================
   OPTION
   ========================================================= */

.gtm-diagnostic-option {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    padding:
        13px;

    margin-bottom:
        7px;

    border:
        1px solid
        transparent;

    border-radius:
        14px;

    background:
        transparent;

    color:
        white;

    text-align:
        left;

    cursor:
        pointer;

    font-family:
        inherit;

    transition:
        all .25s ease;

}


.gtm-diagnostic-option:hover {

    border-color:
        rgba(148,20,203,.18);

    background:
        rgba(148,20,203,.045);

    transform:
        translateX(4px);

}


.gtm-diagnostic-option.active {

    border-color:
        rgba(148,20,203,.28);

    background:
        linear-gradient(
            90deg,
            rgba(148,20,203,.12),
            rgba(148,20,203,.025)
        );

}


.gtm-option-icon {

    width:
        43px;

    height:
        43px;

    flex-shrink:
        0;

    display:
        grid;

    place-items:
        center;

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

    border-radius:
        12px;

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

    color:
        #A94BD0;

}


.gtm-diagnostic-option.active
.gtm-option-icon {

    border-color:
        rgba(148,20,203,.35);

    background:
        rgba(148,20,203,.12);

    color:
        #C05AE7;

}


.gtm-option-icon svg {

    width:
        19px;

    height:
        19px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-option-content {

    min-width:
        0;

    flex:
        1;

}


.gtm-option-content strong {

    display:
        block;

    color:
        #DCDCE1;

    font-size:
        11px;

    font-weight:
        700;

}


.gtm-option-content small {

    display:
        block;

    margin-top:
        4px;

    color:
        #66666E;

    font-size:
        8px;

    line-height:
        1.4;

}


.gtm-option-arrow {

    color:
        #55555D;

    font-size:
        16px;

    transition:
        all .25s ease;

}


.gtm-diagnostic-option.active
.gtm-option-arrow {

    color:
        var(--gtm-purple-light);

    transform:
        translateX(3px);

}


/* =========================================================
   RIGHT RESULT
   ========================================================= */

.gtm-diagnostic-result {

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        45px;

    background:

        radial-gradient(
            circle at 70% 40%,
            rgba(148,20,203,.10),
            transparent 40%
        );

}


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

.gtm-result-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        40px;

}


.gtm-result-top > span {

    color:
        #65656D;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .15em;

}


.gtm-result-live {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #696970;

    font-size:
        7px;

    font-weight:
        700;

}


.gtm-result-live i {

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #72DC87;

    box-shadow:
        0 0 10px
        #72DC87;

}


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

.gtm-result-content {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        20px;

    transition:
        opacity .2s ease,
        transform .2s ease;

}


.gtm-result-icon {

    width:
        58px;

    height:
        58px;

    flex-shrink:
        0;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(148,20,203,.3);

    border-radius:
        17px;

    background:
        rgba(148,20,203,.09);

    color:
        #B84BE5;

}


.gtm-result-icon svg {

    width:
        25px;

    height:
        25px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-result-content small {

    display:
        block;

    color:
        #66666E;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        .14em;

}


.gtm-result-content h3 {

    margin:
        7px 0 0;

    color:
        #F0F0F2;

    font-size:
        27px;

    line-height:
        1.1;

    letter-spacing:
        -.04em;

}


.gtm-result-content p {

    max-width:
        500px;

    margin:
        13px 0 0;

    color:
        #898991;

    font-size:
        12px;

    line-height:
        1.7;

}


/* =========================================================
   STATS
   ========================================================= */

.gtm-result-stats {

    display:
        grid;

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

    gap:
        8px;

    margin-top:
        38px;

}


.gtm-result-stats > div {

    padding:
        13px;

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

    border-radius:
        12px;

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

}


.gtm-result-stats span {

    display:
        block;

    color:
        #606068;

    font-size:
        6px;

    font-weight:
        800;

    letter-spacing:
        .12em;

}


.gtm-result-stats strong {

    display:
        block;

    margin-top:
        7px;

    color:
        #D9D9DE;

    font-size:
        10px;

}


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

.gtm-diagnostic-cta {

    width:
        fit-content;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        14px;

    margin-top:
        22px;

    padding:
        8px 8px 8px 18px;

    border-radius:
        100px;

    background:
        var(--gtm-purple);

    color:
        white;

    text-decoration:
        none;

    font-size:
        11px;

    font-weight:
        700;

    box-shadow:
        0 15px 35px
        rgba(148,20,203,.22);

    transition:
        all .3s ease;

}


.gtm-diagnostic-cta:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 20px 45px
        rgba(148,20,203,.4);

}


.gtm-diagnostic-cta-icon {

    width:
        32px;

    height:
        32px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        white;

    color:
        var(--gtm-purple);

}


.gtm-diagnostic-cta-icon svg {

    width:
        14px;

    height:
        14px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


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

.gtm-diagnostic-bottom {

    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    gap:
        6px;

    margin-top:
        24px;

    color:
        #62626A;

    font-size:
        9px;

}


.gtm-bottom-dot {

    width:
        5px;

    height:
        5px;

    border-radius:
        50%;

    background:
        #72DC87;

}


.gtm-diagnostic-bottom a {

    margin-left:
        5px;

    color:
        #A94BD0;

    text-decoration:
        none;

}


.gtm-diagnostic-bottom a:hover {

    color:
        #C05AE7;

}


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

@media (max-width: 850px) {

    .gtm-growth-diagnostic {

        padding:
            90px 0;

    }


    .gtm-diagnostic-box {

        grid-template-columns:
            1fr;

    }


    .gtm-diagnostic-options {

        border-right:
            none;

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

    }


    .gtm-diagnostic-result {

        min-height:
            420px;

    }

}


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

@media (max-width: 600px) {

    .gtm-growth-diagnostic {

        padding:
            75px 0;

    }


    .gtm-diagnostic-container {

        width:
            calc(100% - 30px);

    }


    .gtm-diagnostic-heading {

        margin-bottom:
            35px;

    }


    .gtm-diagnostic-heading h2 {

        font-size:
            38px;

    }


    .gtm-diagnostic-heading p {

        font-size:
            13px;

    }


    .gtm-diagnostic-box {

        border-radius:
            20px;

    }


    .gtm-diagnostic-options {

        padding:
            18px;

    }


    .gtm-diagnostic-option {

        padding:
            10px;

    }


    .gtm-option-icon {

        width:
            37px;

        height:
            37px;

    }


    .gtm-option-content strong {

        font-size:
            10px;

    }


    .gtm-option-content small {

        font-size:
            7px;

    }


    .gtm-diagnostic-result {

        padding:
            25px 20px;

    }


    .gtm-result-top {

        margin-bottom:
            28px;

    }


    .gtm-result-content {

        gap:
            13px;

    }


    .gtm-result-icon {

        width:
            45px;

        height:
            45px;

        border-radius:
            13px;

    }


    .gtm-result-icon svg {

        width:
            19px;

        height:
            19px;

    }


    .gtm-result-content h3 {

        font-size:
            22px;

    }


    .gtm-result-content p {

        font-size:
            11px;

    }


    .gtm-result-stats {

        margin-top:
            28px;

    }


    .gtm-result-stats > div {

        padding:
            10px;

    }


    .gtm-result-stats strong {

        font-size:
            8px;

    }


    .gtm-diagnostic-bottom {

        flex-wrap:
            wrap;

        text-align:
            center;

        line-height:
            1.7;

    }

}


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

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

    .gtm-growth-diagnostic *,
    .gtm-growth-diagnostic *::before,
    .gtm-growth-diagnostic *::after {

        transition:
            none !important;

        animation:
            none !important;

    }

}

/* =========================================================
   GENIE TOUCH MEDIA
   TYPOGRAPHY UPGRADE
   ========================================================= */

.gtm-growth-diagnostic {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


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

.gtm-section-label {
    font-size: 11px;
    letter-spacing: .16em;
    font-weight: 800;
}

.gtm-section-label span {
    width: 7px;
    height: 7px;
}


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

.gtm-diagnostic-heading h2 {
    font-size: clamp(44px, 5vw, 64px);
    line-height: 1.02;
    letter-spacing: -.055em;
    font-weight: 750;
}

.gtm-diagnostic-heading p {
    max-width: 680px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.7;
    color: #96969F;
}


/* =========================================================
   LEFT SIDE TITLE
   ========================================================= */

.gtm-diagnostic-small-title {
    margin-bottom: 20px;
    font-size: 10px;
    letter-spacing: .14em;
}


/* =========================================================
   OPTION BUTTONS
   ========================================================= */

.gtm-diagnostic-option {
    min-height: 72px;
    gap: 15px;
    padding: 13px 15px;
    border-radius: 15px;
}


/* ICON */

.gtm-option-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
}

.gtm-option-icon svg {
    width: 20px;
    height: 20px;
}


/* OPTION TEXT */

.gtm-option-content strong {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
}

.gtm-option-content small {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.5;
    color: #777780;
}


/* ARROW */

.gtm-option-arrow {
    font-size: 19px;
}


/* =========================================================
   RIGHT RESULT
   ========================================================= */

.gtm-result-top > span {
    font-size: 10px;
    letter-spacing: .14em;
}

.gtm-result-live {
    font-size: 9px;
}


/* RESULT ICON */

.gtm-result-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
}

.gtm-result-icon svg {
    width: 28px;
    height: 28px;
}


/* RESULT TEXT */

.gtm-result-content small {
    font-size: 9px;
    letter-spacing: .13em;
}

.gtm-result-content h3 {
    margin-top: 8px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -.045em;
}

.gtm-result-content p {
    max-width: 530px;
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.75;
    color: #96969F;
}


/* =========================================================
   STATS
   ========================================================= */

.gtm-result-stats {
    gap: 10px;
    margin-top: 40px;
}

.gtm-result-stats > div {
    padding: 16px;
    border-radius: 13px;
}

.gtm-result-stats span {
    font-size: 8px;
    letter-spacing: .12em;
}

.gtm-result-stats strong {
    margin-top: 8px;
    font-size: 13px;
}


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

.gtm-diagnostic-cta {
    margin-top: 25px;
    padding: 9px 9px 9px 21px;
    font-size: 14px;
    gap: 18px;
}

.gtm-diagnostic-cta-icon {
    width: 36px;
    height: 36px;
}

.gtm-diagnostic-cta-icon svg {
    width: 16px;
    height: 16px;
}


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

.gtm-diagnostic-bottom {
    margin-top: 28px;
    font-size: 11px;
}

.gtm-diagnostic-bottom a {
    font-weight: 700;
}


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

@media (max-width: 850px) {

    .gtm-diagnostic-heading h2 {
        font-size: clamp(40px, 7vw, 54px);
    }

    .gtm-diagnostic-heading p {
        font-size: 16px;
    }

    .gtm-diagnostic-result {
        min-height: 450px;
    }

}


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

@media (max-width: 600px) {

    .gtm-growth-diagnostic {
        padding: 75px 0;
    }


    .gtm-section-label {
        font-size: 9px;
    }


    .gtm-diagnostic-heading h2 {
        font-size: 38px;
        line-height: 1.04;
    }


    .gtm-diagnostic-heading p {
        font-size: 14px;
        line-height: 1.7;
    }


    .gtm-diagnostic-small-title {
        font-size: 9px;
    }


    .gtm-diagnostic-option {
        min-height: 68px;
        padding: 11px;
    }


    .gtm-option-icon {
        width: 42px;
        height: 42px;
    }


    .gtm-option-content strong {
        font-size: 13px;
    }


    .gtm-option-content small {
        font-size: 10px;
    }


    .gtm-option-arrow {
        font-size: 17px;
    }


    .gtm-result-content h3 {
        font-size: 25px;
    }


    .gtm-result-content p {
        font-size: 13px;
        line-height: 1.7;
    }


    .gtm-result-icon {
        width: 54px;
        height: 54px;
    }


    .gtm-result-icon svg {
        width: 23px;
        height: 23px;
    }


    .gtm-result-stats {
        margin-top: 30px;
    }


    .gtm-result-stats strong {
        font-size: 11px;
    }


    .gtm-diagnostic-cta {
        font-size: 13px;
    }


    .gtm-diagnostic-bottom {
        font-size: 10px;
    }

}


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

@media (max-width: 390px) {

    .gtm-diagnostic-heading h2 {
        font-size: 34px;
    }

    .gtm-option-content strong {
        font-size: 12px;
    }

    .gtm-option-content small {
        font-size: 9px;
    }

    .gtm-result-content h3 {
        font-size: 22px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69696f1 *//* =========================================================
   GENIE TOUCH MEDIA
   GROWTH ENGINE
   ========================================================= */

.gtm-growth-engine {

    --gtm-purple: #9414CB;
    --gtm-purple-light: #B84BE5;

    position: relative;

    width: 100%;

    padding:
        130px 0 120px;

    overflow: hidden;

    background:
        #050505;

    color:
        #FFFFFF;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    isolation: isolate;

}


/* =========================================================
   BACKGROUND
   ========================================================= */

.gtm-engine-grid {

    position: absolute;

    inset: 0;

    z-index: -3;

    background-image:

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

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

    background-size:
        65px 65px;

    mask-image:
        radial-gradient(
            ellipse at center,
            black 20%,
            transparent 80%
        );

}


.gtm-engine-glow {

    position: absolute;

    z-index: -2;

    border-radius: 50%;

    filter:
        blur(120px);

    pointer-events: none;

}


.gtm-engine-glow-left {

    width:
        450px;

    height:
        450px;

    left:
        -250px;

    top:
        30%;

    background:
        rgba(148,20,203,.08);

}


.gtm-engine-glow-right {

    width:
        500px;

    height:
        500px;

    right:
        -250px;

    bottom:
        10%;

    background:
        rgba(148,20,203,.07);

}


/* =========================================================
   CONTAINER
   ========================================================= */

.gtm-engine-container {

    width:
        min(1220px, calc(100% - 50px));

    margin:
        auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.gtm-engine-header {

    max-width:
        760px;

    margin:
        0 auto 65px;

    text-align:
        center;

}


.gtm-engine-label {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    color:
        var(--gtm-purple-light);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .17em;

}


.gtm-engine-label span {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--gtm-purple);

    box-shadow:
        0 0 14px
        rgba(148,20,203,.8);

}


.gtm-engine-header h2 {

    margin:
        20px 0 0;

    color:
        #F2F2F4;

    font-size:
        clamp(44px, 5vw, 64px);

    line-height:
        1.02;

    letter-spacing:
        -.055em;

    font-weight:
        750;

}


.gtm-engine-header h2 span {

    background:
        linear-gradient(
            100deg,
            #FFFFFF,
            #B84BE5,
            #9414CB
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

}


.gtm-engine-header p {

    max-width:
        650px;

    margin:
        23px auto 0;

    color:
        #92929A;

    font-size:
        16px;

    line-height:
        1.75;

}


/* =========================================================
   ENGINE MAIN BOX
   ========================================================= */

.gtm-engine {

    display:
        grid;

    grid-template-columns:
        280px minmax(380px,1fr) 350px;

    min-height:
        620px;

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

    border-radius:
        28px;

    overflow:
        hidden;

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

    box-shadow:
        0 50px 120px
        rgba(0,0,0,.35);

}


/* =========================================================
   NAVIGATION
   ========================================================= */

.gtm-engine-navigation {

    padding:
        32px 24px;

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

    background:
        rgba(0,0,0,.18);

}


.gtm-engine-nav-title {

    margin:
        0 0 18px 8px;

    color:
        #66666E;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .15em;

}


.gtm-engine-nav {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    padding:
        15px 11px;

    margin-bottom:
        6px;

    border:
        1px solid
        transparent;

    border-radius:
        14px;

    background:
        transparent;

    color:
        #FFFFFF;

    font-family:
        inherit;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        all .3s ease;

}


.gtm-engine-nav:hover {

    background:
        rgba(148,20,203,.045);

    border-color:
        rgba(148,20,203,.15);

}


.gtm-engine-nav.active {

    background:
        rgba(148,20,203,.10);

    border-color:
        rgba(148,20,203,.28);

}


.gtm-engine-number {

    width:
        34px;

    height:
        34px;

    display:
        grid;

    place-items:
        center;

    flex-shrink:
        0;

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

    border-radius:
        10px;

    color:
        #696970;

    font-size:
        9px;

    font-weight:
        800;

}


.gtm-engine-nav.active
.gtm-engine-number {

    border-color:
        rgba(148,20,203,.4);

    background:
        rgba(148,20,203,.12);

    color:
        #C15AE8;

}


.gtm-engine-nav-content {

    flex:
        1;

}


.gtm-engine-nav-content strong {

    display:
        block;

    color:
        #DADAE0;

    font-size:
        13px;

}


.gtm-engine-nav-content small {

    display:
        block;

    margin-top:
        4px;

    color:
        #66666E;

    font-size:
        9px;

}


.gtm-engine-nav-arrow {

    color:
        #55555D;

    font-size:
        17px;

}


.gtm-engine-nav.active
.gtm-engine-nav-arrow {

    color:
        #B84BE5;

}


/* =========================================================
   CENTER VISUAL
   ========================================================= */

.gtm-engine-visual {

    position:
        relative;

    min-height:
        620px;

    overflow:
        hidden;

    background:

        radial-gradient(
            circle at center,
            rgba(148,20,203,.07),
            transparent 48%
        );

}


/* =========================================================
   ORBITS
   ========================================================= */

.gtm-engine-orbit {

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    border-radius:
        50%;

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

}


.orbit-one {

    width:
        360px;

    height:
        360px;

    border:
        1px dashed
        rgba(148,20,203,.18);

    animation:
        gtmEngineRotate
        22s
        linear
        infinite;

}


.orbit-two {

    width:
        500px;

    height:
        500px;

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

    transform:
        translate(-50%,-50%)
        rotate(25deg)
        scaleY(.48);

}


/* =========================================================
   CENTRAL CORE
   ========================================================= */

.gtm-engine-core {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        155px;

    height:
        155px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(148,20,203,.35);

    border-radius:
        50%;

    background:

        radial-gradient(
            circle,
            rgba(148,20,203,.27),
            rgba(148,20,203,.05) 65%,
            transparent
        );

    box-shadow:
        0 0 80px
        rgba(148,20,203,.17);

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

}


.gtm-engine-core::before {

    content:
        "";

    position:
        absolute;

    inset:
        10px;

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

    border-radius:
        50%;

}


.gtm-engine-core-inner {

    position:
        relative;

    width:
        98px;

    height:
        98px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

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

    border-radius:
        50%;

    background:
        #09090B;

}


.gtm-engine-core-inner span {

    color:
        #777780;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .18em;

}


.gtm-engine-core-inner strong {

    margin-top:
        5px;

    color:
        #FFFFFF;

    font-size:
        14px;

    letter-spacing:
        .05em;

}


.gtm-engine-core-inner small {

    margin-top:
        4px;

    color:
        #9414CB;

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        .15em;

}


/* =========================================================
   NODES
   ========================================================= */

.gtm-engine-node {

    position:
        absolute;

    z-index:
        4;

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

}


.gtm-node-circle {

    width:
        42px;

    height:
        42px;

    display:
        grid;

    place-items:
        center;

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

    border-radius:
        50%;

    background:
        #0A0A0C;

    color:
        #A94BD0;

    font-size:
        9px;

    font-weight:
        800;

    box-shadow:
        0 0 25px
        rgba(148,20,203,.08);

}


.gtm-engine-node small {

    color:
        #777780;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .12em;

}


/* NODE POSITIONS */

.node-strategy {

    top:
        14%;

    left:
        50%;

    transform:
        translateX(-50%);

}


.node-seo {

    top:
        42%;

    left:
        9%;

}


.node-social {

    bottom:
        18%;

    left:
        18%;

}


.node-ads {

    top:
        42%;

    right:
        9%;

}


.node-web {

    bottom:
        18%;

    right:
        18%;

}


/* =========================================================
   CONNECTING LINES
   ========================================================= */

.gtm-engine-line {

    position:
        absolute;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(148,20,203,.35),
            transparent
        );

    transform-origin:
        left center;

}


.line-one {

    width:
        135px;

    top:
        29%;

    left:
        50%;

    transform:
        rotate(90deg);

}


.line-two {

    width:
        170px;

    top:
        47%;

    left:
        24%;

    transform:
        rotate(8deg);

}


.line-three {

    width:
        160px;

    top:
        60%;

    left:
        26%;

    transform:
        rotate(30deg);

}


.line-four {

    width:
        170px;

    top:
        47%;

    right:
        24%;

    transform:
        rotate(172deg);

}


/* =========================================================
   RIGHT INFORMATION
   ========================================================= */

.gtm-engine-information {

    padding:
        55px 40px;

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

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

}


.gtm-engine-info-label {

    color:
        #62626A;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .13em;

}


.gtm-engine-info-label span {

    color:
        #B84BE5;

}


.gtm-engine-info-content {

    margin-top:
        30px;

    transition:
        opacity .2s ease,
        transform .2s ease;

}


.gtm-engine-info-icon {

    width:
        55px;

    height:
        55px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(148,20,203,.3);

    border-radius:
        16px;

    background:
        rgba(148,20,203,.08);

    color:
        #B84BE5;

}


.gtm-engine-info-icon svg {

    width:
        24px;

    height:
        24px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.6;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-engine-info-content h3 {

    margin:
        22px 0 0;

    color:
        #F1F1F3;

    font-size:
        30px;

    line-height:
        1.08;

    letter-spacing:
        -.045em;

}


.gtm-engine-info-content p {

    margin:
        16px 0 0;

    color:
        #92929A;

    font-size:
        14px;

    line-height:
        1.75;

}


/* =========================================================
   SERVICE TAGS
   ========================================================= */

.gtm-engine-services {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        23px;

}


.gtm-engine-services span {

    padding:
        8px 10px;

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

    border-radius:
        100px;

    color:
        #85858D;

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

    font-size:
        8px;

}


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

.gtm-engine-cta {

    width:
        fit-content;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        15px;

    margin-top:
        28px;

    padding:
        8px 8px 8px 18px;

    border-radius:
        100px;

    background:
        #9414CB;

    color:
        white;

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        700;

    transition:
        all .3s ease;

}


.gtm-engine-cta:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 40px
        rgba(148,20,203,.35);

}


.gtm-engine-cta b {

    width:
        33px;

    height:
        33px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        white;

    color:
        #9414CB;

}


.gtm-engine-cta svg {

    width:
        15px;

    height:
        15px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


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

.gtm-engine-bottom {

    display:
        flex;

    align-items:
        center;

    gap:
        20px;

    margin-top:
        35px;

}


.gtm-engine-bottom-line {

    flex:
        1;

    height:
        1px;

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

}


.gtm-engine-bottom p {

    margin:
        0;

    color:
        #6D6D75;

    font-size:
        11px;

    text-align:
        center;

    white-space:
        nowrap;

}


.gtm-engine-bottom strong {

    color:
        #A94BD0;

}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes gtmEngineRotate {

    from {

        transform:
            translate(-50%,-50%)
            rotate(0deg);

    }

    to {

        transform:
            translate(-50%,-50%)
            rotate(360deg);

    }

}


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

@media (max-width: 1050px) {

    .gtm-engine {

        grid-template-columns:
            240px 1fr;

    }


    .gtm-engine-information {

        grid-column:
            1 / -1;

        border-left:
            none;

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

        min-height:
            380px;

    }


    .gtm-engine-visual {

        min-height:
            560px;

    }

}


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

@media (max-width: 700px) {

    .gtm-growth-engine {

        padding:
            85px 0;

    }


    .gtm-engine-container {

        width:
            calc(100% - 30px);

    }


    .gtm-engine-header {

        margin-bottom:
            40px;

    }


    .gtm-engine-header h2 {

        font-size:
            39px;

    }


    .gtm-engine-header p {

        font-size:
            14px;

    }


    .gtm-engine {

        grid-template-columns:
            1fr;

        border-radius:
            21px;

    }


    .gtm-engine-navigation {

        padding:
            20px;

        border-right:
            none;

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

    }


    .gtm-engine-nav {

        min-height:
            60px;

    }


    .gtm-engine-nav-content strong {

        font-size:
            12px;

    }


    .gtm-engine-nav-content small {

        font-size:
            8px;

    }


    .gtm-engine-visual {

        min-height:
            430px;

    }


    .orbit-one {

        width:
            270px;

        height:
            270px;

    }


    .orbit-two {

        width:
            350px;

        height:
            350px;

    }


    .gtm-engine-core {

        width:
            120px;

        height:
            120px;

    }


    .gtm-engine-core-inner {

        width:
            76px;

        height:
            76px;

    }


    .gtm-engine-core-inner strong {

        font-size:
            11px;

    }


    .gtm-engine-node {

        transform:
            scale(.85);

    }


    .node-strategy {

        top:
            12%;

    }


    .node-seo {

        left:
            3%;

    }


    .node-ads {

        right:
            3%;

    }


    .node-social {

        bottom:
            12%;

        left:
            8%;

    }


    .node-web {

        bottom:
            12%;

        right:
            8%;

    }


    .gtm-engine-information {

        padding:
            35px 25px;

    }


    .gtm-engine-info-content h3 {

        font-size:
            26px;

    }


    .gtm-engine-info-content p {

        font-size:
            13px;

    }


    .gtm-engine-bottom {

        margin-top:
            25px;

    }


    .gtm-engine-bottom-line {

        display:
            none;

    }


    .gtm-engine-bottom p {

        width:
            100%;

        white-space:
            normal;

        line-height:
            1.7;

    }

}

/* =========================================================
   GENIE TOUCH MEDIA — READABILITY UPGRADE
   Growth Engine Section
   ========================================================= */

/* Main section description */
.gtm-engine-header p {
    font-size: 18px;
    line-height: 1.75;
    color: #A3A3AB;
}


/* Left navigation heading */
.gtm-engine-nav-title {
    font-size: 11px;
    letter-spacing: .14em;
}


/* Left navigation items */
.gtm-engine-nav {
    min-height: 76px;
    padding: 15px 13px;
}


/* Number */
.gtm-engine-number {
    width: 42px;
    height: 42px;
    font-size: 11px;
}


/* Navigation title */
.gtm-engine-nav-content strong {
    font-size: 15px;
    line-height: 1.35;
}


/* Navigation description */
.gtm-engine-nav-content small {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.45;
    color: #85858D;
}


/* Navigation arrow */
.gtm-engine-nav-arrow {
    font-size: 20px;
}


/* Center node labels */
.gtm-engine-node small {
    font-size: 10px;
    letter-spacing: .12em;
}


/* Center node numbers */
.gtm-node-circle {
    width: 46px;
    height: 46px;
    font-size: 10px;
}


/* Right side step indicator */
.gtm-engine-info-label {
    font-size: 11px;
}


/* Right side icon */
.gtm-engine-info-icon {
    width: 62px;
    height: 62px;
}


/* Right side heading */
.gtm-engine-info-content h3 {
    font-size: 34px;
    line-height: 1.1;
}


/* Right side paragraph */
.gtm-engine-info-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #A0A0A8;
}


/* Service tags */
.gtm-engine-services span {
    padding: 10px 13px;
    font-size: 10px;
    color: #96969E;
}


/* CTA */
.gtm-engine-cta {
    padding: 10px 10px 10px 21px;
    font-size: 14px;
}


/* CTA icon */
.gtm-engine-cta b {
    width: 37px;
    height: 37px;
}


/* Bottom statement */
.gtm-engine-bottom p {
    font-size: 13px;
    line-height: 1.6;
}


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

@media (max-width: 1050px) {

    .gtm-engine-header p {
        font-size: 17px;
    }

    .gtm-engine-nav-content strong {
        font-size: 14px;
    }

    .gtm-engine-nav-content small {
        font-size: 10px;
    }

    .gtm-engine-info-content h3 {
        font-size: 32px;
    }

    .gtm-engine-info-content p {
        font-size: 15px;
    }

}


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

@media (max-width: 700px) {

    .gtm-engine-header p {
        font-size: 15px;
        line-height: 1.7;
    }


    .gtm-engine-nav {
        min-height: 70px;
    }


    .gtm-engine-number {
        width: 40px;
        height: 40px;
        font-size: 10px;
    }


    .gtm-engine-nav-content strong {
        font-size: 14px;
    }


    .gtm-engine-nav-content small {
        font-size: 10px;
        line-height: 1.4;
    }


    .gtm-engine-nav-arrow {
        font-size: 18px;
    }


    .gtm-engine-info-label {
        font-size: 10px;
    }


    .gtm-engine-info-icon {
        width: 56px;
        height: 56px;
    }


    .gtm-engine-info-content h3 {
        font-size: 28px;
    }


    .gtm-engine-info-content p {
        font-size: 14px;
        line-height: 1.75;
    }


    .gtm-engine-services span {
        font-size: 10px;
        padding: 9px 12px;
    }


    .gtm-engine-cta {
        font-size: 13px;
    }


    .gtm-engine-bottom p {
        font-size: 12px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e70357 *//* =========================================================
   GENIE TOUCH MEDIA
   INTERACTIVE SERVICES — V5
   BRAND: #9414CB
   ========================================================= */

.gtm-services-v5 {

    --purple: #9414CB;
    --purple-light: #C45AEF;

    --white: #F5F5F7;
    --text: #C7C7CE;
    --muted: #92929B;

    position: relative;

    width: 100%;

    padding: 145px 0 125px;

    overflow: hidden;

    background: #050505;

    color: white;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

}


/* =========================================================
   BACKGROUND
   ========================================================= */

.gtm-services-v5-grid {

    position: absolute;

    inset: 0;

    background-image:

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

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

    background-size:
        65px 65px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        );

    pointer-events: none;

}


.gtm-services-v5-glow {

    position: absolute;

    width: 650px;

    height: 650px;

    left: -350px;

    top: 25%;

    border-radius: 50%;

    background:
        rgba(148,20,203,.10);

    filter:
        blur(150px);

    pointer-events: none;

}


/* =========================================================
   CONTAINER
   ========================================================= */

.gtm-services-v5-container {

    width:
        min(1220px, calc(100% - 50px));

    margin:
        auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.gtm-services-v5-header {

    max-width:
        850px;

    margin:
        0 auto 70px;

    text-align:
        center;

}


.gtm-services-v5-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    color:
        var(--purple-light);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .17em;

}


.gtm-services-v5-eyebrow span {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--purple);

    box-shadow:
        0 0 15px
        rgba(148,20,203,.9);

}


.gtm-services-v5-header h2 {

    margin:
        22px 0 0;

    color:
        var(--white);

    font-size:
        clamp(44px, 5vw, 64px);

    line-height:
        1.03;

    letter-spacing:
        -.055em;

    font-weight:
        750;

}


.gtm-services-v5-header h2 em {

    font-style:
        normal;

    background:
        linear-gradient(
            100deg,
            #FFFFFF,
            #C45AEF,
            #9414CB
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

}


.gtm-services-v5-header p {

    max-width:
        720px;

    margin:
        25px auto 0;

    color:
        var(--muted);

    font-size:
        17px;

    line-height:
        1.8;

}


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.gtm-services-v5-layout {

    display:
        grid;

    grid-template-columns:
        .78fr 1.22fr;

    gap:
        18px;

}


/* =========================================================
   SERVICE NAV
   ========================================================= */

.gtm-services-v5-nav {

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

}


/* =========================================================
   SERVICE BUTTON
   ========================================================= */

.gtm-service-v5-btn {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        34px 48px 1fr 30px;

    align-items:
        center;

    gap:
        12px;

    width:
        100%;

    min-height:
        78px;

    padding:
        12px 16px;

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

    border-radius:
        16px;

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

    color:
        white;

    text-align:
        left;

    cursor:
        pointer;

    transition:
        all .3s ease;

}


.gtm-service-v5-btn:hover {

    transform:
        translateX(5px);

    border-color:
        rgba(148,20,203,.28);

    background:
        rgba(148,20,203,.045);

}


/* ACTIVE */

.gtm-service-v5-btn.active {

    border-color:
        rgba(148,20,203,.45);

    background:
        linear-gradient(
            100deg,
            rgba(148,20,203,.13),
            rgba(148,20,203,.035)
        );

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

}


.gtm-service-v5-number {

    color:
        #55555E;

    font-size:
        10px;

    font-weight:
        800;

}


.gtm-service-v5-btn.active
.gtm-service-v5-number {

    color:
        var(--purple-light);

}


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

.gtm-service-v5-icon {

    width:
        45px;

    height:
        45px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(148,20,203,.23);

    border-radius:
        13px;

    background:
        rgba(148,20,203,.055);

    color:
        #8C8C95;

    transition:
        all .3s ease;

}


.gtm-service-v5-btn.active
.gtm-service-v5-icon {

    color:
        var(--purple-light);

    border-color:
        rgba(148,20,203,.5);

    background:
        rgba(148,20,203,.12);

}


.gtm-service-v5-icon svg {

    width:
        20px;

    height:
        20px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-service-v5-name {

    color:
        #B8B8C0;

    font-size:
        15px;

    font-weight:
        650;

}


.gtm-service-v5-btn.active
.gtm-service-v5-name {

    color:
        #F2F2F4;

}


.gtm-service-v5-arrow {

    color:
        #55555D;

    font-size:
        20px;

    transition:
        all .3s ease;

}


.gtm-service-v5-btn.active
.gtm-service-v5-arrow {

    color:
        var(--purple-light);

    transform:
        translateX(4px);

}


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

.gtm-services-v5-content {

    position:
        relative;

    min-height:
        570px;

    padding:
        45px;

    overflow:
        hidden;

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

    border-radius:
        23px;

    background:

        radial-gradient(
            circle at 85% 15%,
            rgba(148,20,203,.13),
            transparent 38%
        ),

        rgba(255,255,255,.025);

}


/* =========================================================
   BIG NUMBER
   ========================================================= */

.gtm-services-v5-big-number {

    position:
        absolute;

    top:
        15px;

    right:
        25px;

    color:
        rgba(148,20,203,.045);

    font-size:
        170px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        -.08em;

    pointer-events:
        none;

}


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

.gtm-services-v5-content-top {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

}


.gtm-services-v5-content-icon {

    width:
        54px;

    height:
        54px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(148,20,203,.35);

    border-radius:
        15px;

    background:
        rgba(148,20,203,.08);

    color:
        var(--purple-light);

}


.gtm-services-v5-content-icon svg {

    width:
        24px;

    height:
        24px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.gtm-services-v5-tag {

    color:
        #777780;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .13em;

}


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

.gtm-services-v5-content h3 {

    position:
        relative;

    z-index:
        2;

    max-width:
        650px;

    margin:
        32px 0 0;

    color:
        #F4F4F6;

    font-size:
        clamp(34px, 4vw, 48px);

    line-height:
        1.04;

    letter-spacing:
        -.045em;

    font-weight:
        750;

}


.gtm-services-v5-content h3 span {

    color:
        var(--purple-light);

}


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

.gtm-services-v5-description {

    position:
        relative;

    z-index:
        2;

    max-width:
        650px;

    margin:
        22px 0 0;

    color:
        #92929B;

    font-size:
        16px;

    line-height:
        1.8;

}


/* =========================================================
   FEATURES
   ========================================================= */

.gtm-services-v5-features {

    position:
        relative;

    z-index:
        2;

    display:
        grid;

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

    gap:
        1px;

    margin-top:
        35px;

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

    border-radius:
        15px;

    overflow:
        hidden;

}


.gtm-services-v5-features > div {

    min-height:
        105px;

    padding:
        18px;

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

}


.gtm-services-v5-features span {

    display:
        block;

    color:
        var(--purple-light);

    font-size:
        9px;

    font-weight:
        800;

}


.gtm-services-v5-features strong {

    display:
        block;

    margin-top:
        8px;

    color:
        #E4E4E8;

    font-size:
        13px;

    font-weight:
        700;

}


.gtm-services-v5-features p {

    margin:
        5px 0 0;

    color:
        #73737C;

    font-size:
        11px;

    line-height:
        1.5;

}


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

.gtm-services-v5-cta {

    position:
        relative;

    z-index:
        2;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        18px;

    margin-top:
        28px;

    padding:
        13px 17px 13px 20px;

    border:
        1px solid
        rgba(148,20,203,.4);

    border-radius:
        10px;

    background:
        rgba(148,20,203,.08);

    color:
        #F1F1F3;

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        700;

    transition:
        all .3s ease;

}


.gtm-services-v5-cta b {

    display:
        grid;

    place-items:
        center;

    width:
        27px;

    height:
        27px;

    border-radius:
        7px;

    background:
        var(--purple);

    color:
        white;

    font-size:
        15px;

    transition:
        transform .3s ease;

}


.gtm-services-v5-cta:hover {

    transform:
        translateY(-3px);

    border-color:
        var(--purple);

    background:
        rgba(148,20,203,.15);

}


.gtm-services-v5-cta:hover b {

    transform:
        translateX(4px);

}


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

.gtm-services-v5-bottom {

    display:
        flex;

    align-items:
        center;

    gap:
        20px;

    margin-top:
        45px;

}


.gtm-services-v5-bottom > span {

    flex:
        1;

    height:
        1px;

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

}


.gtm-services-v5-bottom p {

    margin:
        0;

    color:
        #696971;

    font-size:
        13px;

    white-space:
        nowrap;

}


.gtm-services-v5-bottom strong {

    color:
        var(--purple-light);

}


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

.gtm-services-v5-content.gtm-service-changing
> *:not(.gtm-services-v5-big-number) {

    animation:
        gtmServiceFade
        .3s
        ease
        forwards;

}


@keyframes gtmServiceFade {

    from {

        opacity:
            0;

        transform:
            translateY(8px);

    }

    to {

        opacity:
            1;

        transform:
            translateY(0);

    }

}


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

@media (max-width: 1000px) {

    .gtm-services-v5-layout {

        grid-template-columns:
            1fr;

    }


    .gtm-services-v5-nav {

        display:
            grid;

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

    }


    .gtm-services-v5-content {

        min-height:
            550px;

    }

}


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

@media (max-width: 768px) {

    .gtm-services-v5 {

        padding:
            105px 0 90px;

    }


    .gtm-services-v5-container {

        width:
            calc(100% - 40px);

    }


    .gtm-services-v5-header {

        margin-bottom:
            50px;

    }


    .gtm-services-v5-header p {

        font-size:
            16px;

    }


    .gtm-services-v5-content {

        padding:
            32px;

    }

}


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

@media (max-width: 600px) {

    .gtm-services-v5 {

        padding:
            85px 0 75px;

    }


    .gtm-services-v5-container {

        width:
            calc(100% - 30px);

    }


    .gtm-services-v5-eyebrow {

        font-size:
            9px;

    }


    .gtm-services-v5-header {

        margin-bottom:
            38px;

    }


    .gtm-services-v5-header h2 {

        font-size:
            38px;

    }


    .gtm-services-v5-header p {

        margin-top:
            18px;

        font-size:
            14px;

        line-height:
            1.7;

    }


    /* NAV */

    .gtm-services-v5-nav {

        grid-template-columns:
            1fr;

        gap:
            7px;

    }


    .gtm-service-v5-btn {

        grid-template-columns:
            27px 42px 1fr 25px;

        min-height:
            67px;

        gap:
            9px;

        padding:
            9px 12px;

        border-radius:
            13px;

    }


    .gtm-service-v5-icon {

        width:
            40px;

        height:
            40px;

        border-radius:
            11px;

    }


    .gtm-service-v5-name {

        font-size:
            13px;

    }


    /* CONTENT */

    .gtm-services-v5-content {

        min-height:
            570px;

        padding:
            25px;

        border-radius:
            18px;

    }


    .gtm-services-v5-big-number {

        font-size:
            110px;

        right:
            15px;

    }


    .gtm-services-v5-content-icon {

        width:
            48px;

        height:
            48px;

    }


    .gtm-services-v5-content h3 {

        margin-top:
            25px;

        font-size:
            34px;

    }


    .gtm-services-v5-description {

        margin-top:
            18px;

        font-size:
            14px;

        line-height:
            1.7;

    }


    .gtm-services-v5-features {

        margin-top:
            27px;

    }


    .gtm-services-v5-features > div {

        min-height:
            100px;

        padding:
            14px;

    }


    .gtm-services-v5-features strong {

        font-size:
            12px;

    }


    .gtm-services-v5-features p {

        font-size:
            10px;

    }


    /* BOTTOM */

    .gtm-services-v5-bottom {

        margin-top:
            30px;

    }


    .gtm-services-v5-bottom > span {

        display:
            none;

    }


    .gtm-services-v5-bottom p {

        width:
            100%;

        text-align:
            center;

        white-space:
            normal;

        font-size:
            11px;

        line-height:
            1.7;

    }

}


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

@media (max-width: 390px) {

    .gtm-services-v5-content {

        padding:
            21px;

    }


    .gtm-services-v5-content h3 {

        font-size:
            31px;

    }


    .gtm-services-v5-features > div {

        min-height:
            95px;

        padding:
            12px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c1ea5a *//* ==========================================================
   GENIE TOUCH MEDIA
   IMMERSIVE GROWTH SYSTEM
   COMPLETE CSS
   Brand: #9414CB
   Hover: White / Silver
   ========================================================== */


/* ==========================================================
   ROOT
   ========================================================== */

.genie-growth-system {

    --gtm-purple: #9414CB;
    --gtm-purple-light: #C85AF1;

    --gtm-white: #F7F7F8;
    --gtm-soft-white: #D8D8DD;

    --gtm-text: #B5B5BD;
    --gtm-muted: #777780;

    --gtm-black: #050505;
    --gtm-panel: #0B0B0C;

    position: relative;

    width: 100%;

    padding: 145px 0 105px;

    overflow: hidden;

    background:
        #050505;

    color: #FFFFFF;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    isolation: isolate;

}


/* ==========================================================
   RESET
   ========================================================== */

.genie-growth-system *,
.genie-growth-system *::before,
.genie-growth-system *::after {

    box-sizing: border-box;

}


/* ==========================================================
   BACKGROUND GRID
   ========================================================== */

.ggs-grid {

    position: absolute;

    inset: 0;

    z-index: -5;

    pointer-events: none;

    background-image:

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

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

    background-size:
        68px 68px;

}


/* ==========================================================
   BACKGROUND GLOWS
   ========================================================== */

.ggs-glow {

    position: absolute;

    width: 560px;

    height: 560px;

    border-radius: 50%;

    filter: blur(150px);

    pointer-events: none;

    z-index: -4;

}


.ggs-glow-1 {

    left: -380px;

    top: 8%;

    background:
        rgba(148,20,203,.065);

}


.ggs-glow-2 {

    right: -350px;

    bottom: -180px;

    background:
        rgba(148,20,203,.055);

}


/* ==========================================================
   CONTAINER
   ========================================================== */

.ggs-container {

    width:
        min(
            1240px,
            calc(100% - 60px)
        );

    margin:
        0 auto;

}


/* ==========================================================
   HEADER
   ========================================================== */

.ggs-header {

    max-width: 900px;

    margin:
        0 0 85px;

}


.ggs-eyebrow {

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        var(--gtm-purple-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .17em;

    line-height: 1;

}


.ggs-eyebrow span {

    width: 7px;

    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background:
        var(--gtm-purple);

    box-shadow:
        0 0 16px
        rgba(148,20,203,.8);

    animation:
        ggsPulse 2.2s ease-in-out infinite;

}


@keyframes ggsPulse {

    0%,
    100% {

        box-shadow:
            0 0 5px
            rgba(148,20,203,.4);

    }

    50% {

        box-shadow:
            0 0 22px
            rgba(148,20,203,.9);

    }

}


/* HEADER TITLE */

.ggs-header h2 {

    margin:
        25px 0 0;

    max-width: 900px;

    color:
        var(--gtm-white);

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

    line-height:
        .9;

    font-weight:
        850;

    letter-spacing:
        -.075em;

}


.ggs-header h2 em {

    color:
        var(--gtm-purple-light);

    font-style:
        normal;

}


/* HEADER DESCRIPTION */

.ggs-header p {

    max-width: 700px;

    margin:
        30px 0 0;

    color:
        var(--gtm-text);

    font-size: 18px;

    line-height:
        1.75;

}


/* ==========================================================
   JOURNEY AREA
   ========================================================== */

.ggs-journey {

    position: relative;

    width: 100%;

    height: 290px;

}


/* ==========================================================
   MAIN JOURNEY LINE
   ========================================================== */

.ggs-line {

    position: absolute;

    left: 3%;

    right: 3%;

    top: 50%;

    height: 1px;

    transform:
        translateY(-50%);

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

}


/* Purple progress */

.ggs-line-progress {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(148,20,203,.15),
            rgba(148,20,203,.7),
            rgba(200,90,241,.18)
        );

}


/* ==========================================================
   MOVING LIGHT
   ========================================================== */

.ggs-moving-light {

    position: absolute;

    top: 50%;

    left: 0;

    width: 90px;

    height: 2px;

    transform:
        translateY(-50%);

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #FFFFFF,
            var(--gtm-purple-light)
        );

    box-shadow:
        0 0 12px
        rgba(255,255,255,.5),

        0 0 28px
        rgba(148,20,203,.55);

    animation:
        ggsTravel 4.5s linear infinite;

    pointer-events: none;

}


@keyframes ggsTravel {

    0% {

        left: -5%;

        opacity: 0;

    }

    8% {

        opacity: 1;

    }

    90% {

        opacity: 1;

    }

    100% {

        left: 100%;

        opacity: 0;

    }

}


/* ==========================================================
   STAGE
   ========================================================== */

.ggs-stage {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 150px;

    height: 120px;

    padding: 15px;

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

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

    border-radius: 14px;

    outline: none;

    background:
        rgba(8,8,9,.96);

    color:
        #FFFFFF;

    font-family: inherit;

    cursor: pointer;

    appearance: none;

    -webkit-appearance: none;

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    transition:
        transform .3s cubic-bezier(.2,.8,.2,1),
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;

}


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

.ggs-stage:nth-of-type(1) {

    left: 4%;

}


.ggs-stage:nth-of-type(2) {

    left: 27%;

}


.ggs-stage:nth-of-type(3) {

    left: 50%;

}


.ggs-stage:nth-of-type(4) {

    left: 73%;

}


.ggs-stage:nth-of-type(5) {

    left: 96%;

}


/* ==========================================================
   NORMAL HOVER
   WHITE — NOT PURPLE
   ========================================================== */

.ggs-stage:hover {

    transform:
        translate(-50%,-50%)
        translateY(-8px);

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

    background:
        #111112;

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.4);

}


/* ==========================================================
   ACTIVE
   ========================================================== */

.ggs-stage.active {

    border-color:
        var(--gtm-purple);

    background:
        linear-gradient(
            145deg,
            rgba(148,20,203,.10),
            rgba(10,10,11,.97)
        );

    box-shadow:
        0 0 40px
        rgba(148,20,203,.12);

}


/* Active hover becomes WHITE */

.ggs-stage.active:hover {

    border-color:
        rgba(255,255,255,.75);

    background:
        #111112;

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.45);

}


/* ==========================================================
   STAGE NUMBER
   ========================================================== */

.ggs-number {

    color:
        #505058;

    font-size: 10px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: .12em;

    transition:
        color .25s ease;

}


.ggs-stage.active
.ggs-number {

    color:
        var(--gtm-purple-light);

}


.ggs-stage:hover
.ggs-number {

    color:
        #FFFFFF;

}


/* ==========================================================
   STAGE DOT
   ========================================================== */

.ggs-dot {

    width: 8px;

    height: 8px;

    margin:
        9px 0;

    border-radius: 50%;

    background:
        #44444B;

    transition:
        background .25s ease,
        box-shadow .25s ease;

}


.ggs-stage.active
.ggs-dot {

    background:
        var(--gtm-purple-light);

    box-shadow:
        0 0 14px
        rgba(148,20,203,.8);

}


.ggs-stage:hover
.ggs-dot {

    background:
        #FFFFFF;

    box-shadow:
        0 0 12px
        rgba(255,255,255,.5);

}


/* ==========================================================
   STAGE TITLE
   ========================================================== */

.ggs-stage strong {

    color:
        #B8B8BF;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .1em;

    transition:
        color .25s ease;

}


.ggs-stage.active strong {

    color:
        #FFFFFF;

}


.ggs-stage:hover strong {

    color:
        #FFFFFF;

}


/* ==========================================================
   STAGE SUBTEXT
   ========================================================== */

.ggs-stage small {

    margin-top: 6px;

    color:
        #5F5F67;

    font-size: 8px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .1em;

    transition:
        color .25s ease;

}


.ggs-stage:hover small {

    color:
        #A8A8AF;

}


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

.ggs-content {

    display: grid;

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

    gap:
        100px;

    align-items:
        end;

    padding-top:
        65px;

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

    transition:
        opacity .2s ease,
        transform .2s ease;

}


.ggs-content.changing {

    opacity:
        .35;

    transform:
        translateY(7px);

}


/* ==========================================================
   LEFT COPY
   ========================================================== */

.ggs-copy {

    min-width:
        0;

}


.ggs-stage-label {

    color:
        var(--gtm-purple-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .15em;

}


.ggs-copy h3 {

    max-width:
        850px;

    margin:
        18px 0 0;

    color:
        var(--gtm-white);

    font-size:
        clamp(
            46px,
            5vw,
            74px
        );

    line-height:
        .94;

    font-weight:
        850;

    letter-spacing:
        -.065em;

}


.ggs-copy h3 span {

    display:
        block;

    color:
        var(--gtm-purple-light);

}


.ggs-copy > p {

    max-width:
        700px;

    margin:
        27px 0 0;

    color:
        #9A9AA3;

    font-size:
        18px;

    line-height:
        1.75;

}


/* ==========================================================
   TAGS
   ========================================================== */

.ggs-tags {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        9px;

    margin-top:
        28px;

}


.ggs-tags span {

    display:
        inline-flex;

    align-items:
        center;

    min-height:
        35px;

    padding:
        0 14px;

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

    border-radius:
        50px;

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

    color:
        #AFAFB7;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .05em;

    transition:
        border-color .25s ease,
        background .25s ease,
        color .25s ease,
        transform .25s ease;

}


.ggs-tags span:hover {

    border-color:
        rgba(255,255,255,.55);

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

    color:
        #FFFFFF;

    transform:
        translateY(-2px);

}


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

.ggs-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    min-width:
        215px;

    height:
        55px;

    margin-top:
        33px;

    padding:
        0 8px 0 20px;

    border:
        1px solid
        transparent;

    border-radius:
        10px;

    background:
        var(--gtm-purple);

    color:
        #FFFFFF;

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        800;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}


.ggs-button:hover {

    background:
        #FFFFFF;

    border-color:
        #FFFFFF;

    color:
        #050505;

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 40px
        rgba(255,255,255,.10);

}


.ggs-button b {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        39px;

    height:
        39px;

    border-radius:
        8px;

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

    color:
        #FFFFFF;

    font-size:
        18px;

    transition:
        background .25s ease,
        color .25s ease;

}


.ggs-button:hover b {

    background:
        #050505;

    color:
        #FFFFFF;

}


/* ==========================================================
   INSIGHT PANEL
   ========================================================== */

.ggs-insight {

    position:
        relative;

    min-height:
        300px;

    padding:
        30px;

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

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025),
            transparent
        );

}


/* ==========================================================
   INSIGHT HEADER
   ========================================================== */

.ggs-insight-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

}


.ggs-insight-header > span {

    color:
        #606068;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .15em;

}


.ggs-insight-header i {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    color:
        #707078;

    font-size:
        8px;

    font-style:
        normal;

    font-weight:
        700;

}


.ggs-insight-header i b {

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #63E88A;

    box-shadow:
        0 0 10px
        rgba(99,232,138,.65);

}


/* ==========================================================
   INSIGHT NUMBER
   ========================================================== */

.ggs-big-number {

    margin-top:
        48px;

    color:
        rgba(148,20,203,.18);

    font-size:
        78px;

    line-height:
        .8;

    font-weight:
        900;

    letter-spacing:
        -.08em;

}


/* ==========================================================
   INSIGHT TITLE
   ========================================================== */

.ggs-insight h4 {

    margin:
        20px 0 0;

    color:
        #FFFFFF;

    font-size:
        26px;

    line-height:
        1.1;

    font-weight:
        750;

}


.ggs-insight p {

    max-width:
        270px;

    margin:
        10px 0 0;

    color:
        #7D7D86;

    font-size:
        14px;

    line-height:
        1.65;

}


/* ==========================================================
   INSIGHT LINE
   ========================================================== */

.ggs-mini-line {

    position:
        relative;

    width:
        100%;

    height:
        1px;

    margin-top:
        35px;

    overflow:
        hidden;

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

}


.ggs-mini-line span {

    position:
        absolute;

    left:
        0;

    top:
        0;

    width:
        38%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #FFFFFF,
            var(--gtm-purple)
        );

    animation:
        ggsMiniFlow 2.4s ease-in-out infinite;

}


@keyframes ggsMiniFlow {

    0% {

        transform:
            translateX(-120%);

    }

    100% {

        transform:
            translateX(360%);

    }

}


/* ==========================================================
   NEXT
   ========================================================== */

.ggs-next {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-top:
        20px;

}


.ggs-next small {

    color:
        #515159;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .13em;

}


.ggs-next strong {

    color:
        var(--gtm-purple-light);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .08em;

}


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

.ggs-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        20px;

    margin-top:
        85px;

    padding-top:
        25px;

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

}


.ggs-bottom span,
.ggs-bottom strong {

    color:
        #55555E;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .14em;

    transition:
        color .25s ease;

}


.ggs-bottom span:hover {

    color:
        #FFFFFF;

}


.ggs-bottom strong {

    color:
        var(--gtm-purple-light);

}


.ggs-bottom i {

    display:
        block;

    width:
        45px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25)
        );

}


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

@media (max-width: 1050px) {

    .ggs-container {

        width:
            calc(100% - 45px);

    }


    .ggs-content {

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

        gap:
            50px;

    }


    .ggs-stage {

        width:
            125px;

        height:
            105px;

    }


    .ggs-copy h3 {

        font-size:
            53px;

    }

}


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

@media (max-width: 700px) {

    .genie-growth-system {

        padding:
            90px 0 70px;

    }


    .ggs-container {

        width:
            calc(100% - 28px);

    }


    .ggs-header {

        margin-bottom:
            55px;

    }


    .ggs-header h2 {

        font-size:
            48px;

    }


    .ggs-header p {

        margin-top:
            24px;

        font-size:
            15px;

        line-height:
            1.7;

    }


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

    .ggs-journey {

        height:
            auto;

        padding-left:
            15px;

    }


    .ggs-line {

        left:
            24px;

        top:
            0;

        bottom:
            0;

        width:
            1px;

        height:
            auto;

        transform:
            none;

    }


    .ggs-line-progress {

        width:
            1px;

        height:
            100%;

        background:
            linear-gradient(
                180deg,
                rgba(148,20,203,.15),
                rgba(148,20,203,.7),
                rgba(148,20,203,.1)
            );

    }


    .ggs-moving-light {

        left:
            23px;

        top:
            0;

        width:
            2px;

        height:
            55px;

        transform:
            none;

        animation:
            ggsMobileTravel 4.5s linear infinite;

    }


    @keyframes ggsMobileTravel {

        0% {

            top:
                -10%;

            opacity:
                0;

        }

        10% {

            opacity:
                1;

        }

        90% {

            opacity:
                1;

        }

        100% {

            top:
                100%;

            opacity:
                0;

        }

    }


    /* ==============================================
       STAGES
       ============================================== */

    .ggs-stage {

        position:
            relative;

        left:
            auto !important;

        top:
            auto !important;

        width:
            100%;

        height:
            75px;

        margin:
            0 0 12px;

        padding:
            10px 18px 10px 55px;

        transform:
            none;

        flex-direction:
            row;

        justify-content:
            flex-start;

        border-radius:
            12px;

    }


    .ggs-stage:hover {

        transform:
            translateX(5px);

    }


    .ggs-stage.active:hover {

        transform:
            translateX(5px);

    }


    .ggs-number {

        margin-right:
            12px;

    }


    .ggs-dot {

        position:
            absolute;

        left:
            20px;

        margin:
            0;

    }


    .ggs-stage strong {

        font-size:
            11px;

    }


    .ggs-stage small {

        margin:
            0 0 0 10px;

    }


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

    .ggs-content {

        display:
            flex;

        flex-direction:
            column;

        gap:
            45px;

        margin-top:
            50px;

        padding-top:
            45px;

    }


    .ggs-copy h3 {

        font-size:
            45px;

    }


    .ggs-copy > p {

        font-size:
            15px;

        line-height:
            1.7;

    }


    .ggs-insight {

        width:
            100%;

        min-height:
            auto;

    }


    .ggs-bottom {

        margin-top:
            55px;

    }

}


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

@media (max-width: 430px) {

    .ggs-container {

        width:
            calc(100% - 22px);

    }


    .ggs-header h2 {

        font-size:
            41px;

    }


    .ggs-header p {

        font-size:
            14px;

    }


    .ggs-copy h3 {

        font-size:
            39px;

    }


    .ggs-copy > p {

        font-size:
            14px;

    }


    .ggs-stage {

        height:
            70px;

    }


    .ggs-stage small {

        display:
            none;

    }


    .ggs-big-number {

        font-size:
            62px;

    }


    .ggs-insight h4 {

        font-size:
            23px;

    }


    .ggs-bottom {

        gap:
            10px;

    }


    .ggs-bottom i {

        width:
            20px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22fd9cd *//* ==========================================================
   GENIE TOUCH MEDIA
   RESULTS WALL
   ========================================================== */

.gtm-results-wall{

    --purple:#9414CB;
    --purple-light:#C85AF1;

    position:relative;

    width:100%;

    padding:
        145px 0 110px;

    overflow:hidden;

    background:#050505;

    color:#fff;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    isolation:isolate;

}


.gtm-results-wall *,
.gtm-results-wall *::before,
.gtm-results-wall *::after{

    box-sizing:border-box;

}


/* ==========================================================
   BACKGROUND
   ========================================================== */

.gtm-results-bg{

    position:absolute;

    inset:0;

    z-index:-5;

    background-image:

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

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

    background-size:
        70px 70px;

}


.gtm-results-glow{

    position:absolute;

    width:600px;

    height:600px;

    left:50%;

    top:40%;

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

    border-radius:50%;

    background:
        rgba(148,20,203,.06);

    filter:
        blur(150px);

    z-index:-3;

    pointer-events:none;

}


/* ==========================================================
   CONTAINER
   ========================================================== */

.gtm-results-container{

    width:
        min(
            1200px,
            calc(100% - 60px)
        );

    margin:
        0 auto;

}


/* ==========================================================
   HEADER
   ========================================================== */

.gtm-results-top{

    margin-bottom:
        90px;

}


.gtm-results-label{

    display:flex;

    align-items:center;

    gap:10px;

    color:
        var(--purple-light);

    font-size:11px;

    font-weight:800;

    letter-spacing:.16em;

}


.gtm-results-label span{

    width:7px;

    height:7px;

    border-radius:50%;

    background:
        var(--purple);

    box-shadow:
        0 0 15px
        rgba(148,20,203,.7);

}


.gtm-results-heading{

    display:grid;

    grid-template-columns:
        1fr
        380px;

    gap:70px;

    align-items:end;

    margin-top:25px;

}


.gtm-results-heading h2{

    margin:0;

    color:#F7F7F8;

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

    line-height:.9;

    letter-spacing:-.075em;

    font-weight:850;

}


.gtm-results-heading h2 em{

    display:block;

    color:
        var(--purple-light);

    font-style:normal;

}


.gtm-results-heading p{

    margin:0;

    color:#888891;

    font-size:16px;

    line-height:1.75;

}


/* ==========================================================
   CANVAS
   ========================================================== */

.gtm-results-canvas{

    position:relative;

    min-height:
        650px;

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

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

}


/* ==========================================================
   CENTER
   ========================================================== */

.gtm-result-center{

    position:absolute;

    left:50%;

    top:50%;

    z-index:5;

    width:360px;

    height:360px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

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

    text-align:center;

}


.gtm-center-orbit{

    position:absolute;

    inset:0;

    border:
        1px solid
        rgba(148,20,203,.18);

    border-radius:50%;

    animation:
        gtmOrbit 12s linear infinite;

}


.gtm-center-orbit::before{

    content:"";

    position:absolute;

    width:9px;

    height:9px;

    top:25px;

    left:50%;

    border-radius:50%;

    background:
        #FFFFFF;

    box-shadow:
        0 0 15px
        rgba(255,255,255,.7);

}


@keyframes gtmOrbit{

    from{

        transform:
            rotate(0deg);

    }

    to{

        transform:
            rotate(360deg);

    }

}


.gtm-result-center > span{

    color:
        #66666F;

    font-size:9px;

    font-weight:800;

    letter-spacing:.16em;

}


.gtm-result-center h3{

    margin:
        18px 0 0;

    color:#F7F7F8;

    font-size:48px;

    line-height:.95;

    font-weight:850;

    letter-spacing:-.06em;

}


.gtm-result-center h3 em{

    display:block;

    color:
        var(--purple-light);

    font-style:normal;

}


.gtm-result-center p{

    max-width:250px;

    margin:
        20px auto 0;

    color:#777780;

    font-size:13px;

    line-height:1.7;

}


/* ==========================================================
   RESULT ITEMS
   ========================================================== */

.gtm-result-item{

    position:absolute;

    width:260px;

    padding:25px;

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

    border-radius:14px;

    background:
        rgba(10,10,11,.9);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;

}


.gtm-result-item:hover{

    border-color:
        rgba(255,255,255,.55);

    background:
        #111112;

    transform:
        translateY(-8px);

}


/* positions */

.result-one{

    left:0;

    top:65px;

}


.result-two{

    right:0;

    top:65px;

}


.result-three{

    left:0;

    bottom:65px;

}


.result-four{

    right:0;

    bottom:65px;

}


/* ==========================================================
   ITEM HEADER
   ========================================================== */

.gtm-result-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

}


.gtm-result-top span{

    color:#65656D;

    font-size:8px;

    font-weight:800;

    letter-spacing:.13em;

}


.gtm-result-top b{

    color:#4E4E56;

    font-size:9px;

}


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

.gtm-result-number{

    display:block;

    margin-top:30px;

    color:
        var(--purple-light);

    font-size:58px;

    line-height:.9;

    font-weight:850;

    letter-spacing:-.06em;

}


.gtm-result-item p{

    margin:
        12px 0 0;

    color:#BDBDC4;

    font-size:13px;

    font-weight:600;

}


.gtm-result-item small{

    display:block;

    margin-top:15px;

    color:#55555D;

    font-size:8px;

    font-weight:800;

    letter-spacing:.12em;

}


/* ==========================================================
   BOTTOM NOTE
   ========================================================== */

.gtm-results-note{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    margin-top:22px;

}


.gtm-results-note span{

    color:#505058;

    font-size:9px;

}


.gtm-results-note a{

    color:#AFAFB7;

    font-size:10px;

    font-weight:700;

    text-decoration:none;

    transition:
        color .25s ease;

}


.gtm-results-note a:hover{

    color:#FFFFFF;

}


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

.gtm-results-bottom{

    display:flex;

    align-items:center;

    gap:20px;

    margin-top:100px;

}


.gtm-results-bottom span{

    color:#55555D;

    font-size:10px;

    font-weight:800;

    letter-spacing:.14em;

}


.gtm-results-bottom div{

    flex:1;

    height:1px;

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

}


.gtm-results-bottom strong{

    color:
        var(--purple-light);

    font-size:12px;

    letter-spacing:.08em;

}


/* ==========================================================
   SCROLL ANIMATION
   ========================================================== */

.gtm-result-item{

    opacity:.35;

}


.gtm-results-visible
.gtm-result-item{

    animation:
        gtmResultIn
        .8s
        cubic-bezier(.2,.8,.2,1)
        forwards;

}


.gtm-results-visible
.result-one{

    animation-delay:
        .1s;

}


.gtm-results-visible
.result-two{

    animation-delay:
        .25s;

}


.gtm-results-visible
.result-three{

    animation-delay:
        .4s;

}


.gtm-results-visible
.result-four{

    animation-delay:
        .55s;

}


@keyframes gtmResultIn{

    from{

        opacity:0;

        transform:
            translateY(35px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


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

@media(max-width:900px){

    .gtm-results-container{

        width:
            calc(100% - 40px);

    }


    .gtm-results-heading{

        grid-template-columns:
            1fr;

        gap:25px;

    }


    .gtm-results-heading p{

        max-width:600px;

    }


    .gtm-results-canvas{

        min-height:
            700px;

    }


    .gtm-result-center{

        width:300px;

        height:300px;

    }


    .gtm-result-center h3{

        font-size:40px;

    }


    .gtm-result-item{

        width:220px;

    }

}


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

@media(max-width:650px){

    .gtm-results-wall{

        padding:
            90px 0 75px;

    }


    .gtm-results-container{

        width:
            calc(100% - 28px);

    }


    .gtm-results-top{

        margin-bottom:
            60px;

    }


    .gtm-results-heading h2{

        font-size:
            50px;

    }


    .gtm-results-heading p{

        font-size:
            14px;

    }


    .gtm-results-canvas{

        min-height:
            900px;

    }


    /* CENTER */

    .gtm-result-center{

        top:50%;

        width:250px;

        height:250px;

    }


    .gtm-center-orbit{

        width:250px;

        height:250px;

    }


    .gtm-result-center h3{

        font-size:
            34px;

    }


    .gtm-result-center p{

        max-width:
            190px;

        font-size:
            11px;

    }


    /* ITEMS */

    .gtm-result-item{

        width:
            calc(50% - 8px);

        padding:
            18px;

    }


    .result-one{

        left:0;

        top:35px;

    }


    .result-two{

        right:0;

        top:35px;

    }


    .result-three{

        left:0;

        bottom:35px;

    }


    .result-four{

        right:0;

        bottom:35px;

    }


    .gtm-result-number{

        font-size:
            40px;

    }


    .gtm-result-item p{

        font-size:
            11px;

    }


    .gtm-results-note{

        display:block;

    }


    .gtm-results-note a{

        display:block;

        margin-top:
            12px;

    }


    .gtm-results-bottom{

        margin-top:
            60px;

    }

}


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

@media(max-width:420px){

    .gtm-results-container{

        width:
            calc(100% - 22px);

    }


    .gtm-results-heading h2{

        font-size:
            42px;

    }


    .gtm-results-canvas{

        min-height:
            820px;

    }


    .gtm-result-center{

        width:
            210px;

        height:
            210px;

    }


    .gtm-center-orbit{

        width:
            210px;

        height:
            210px;

    }


    .gtm-result-center h3{

        font-size:
            29px;

    }


    .gtm-result-center p{

        margin-top:
            12px;

        font-size:
            10px;

    }


    .gtm-result-item{

        padding:
            14px;

    }


    .gtm-result-number{

        margin-top:
            22px;

        font-size:
            32px;

    }


    .gtm-result-item p{

        font-size:
            10px;

    }


    .gtm-result-item small{

        font-size:
            7px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9ff942 *//* ============================================================
   GENIE TOUCH MEDIA
   CLIENT SHOWCASE — COMPLETE FRESH CSS
   ============================================================ */


/* ============================================================
   BRAND VARIABLES
   ============================================================ */

.gtm-client-universe {

    --gtm-purple: #9414CB;
    --gtm-purple-light: #A91BDD;

    --gtm-black: #050505;
    --gtm-black-2: #080808;

    --gtm-white: #FFFFFF;

    --gtm-text: #B5B5BD;
    --gtm-muted: #66666E;

    --gtm-border: rgba(255,255,255,.09);

    position: relative;

    width: 100%;

    padding: 150px 0 110px;

    overflow: hidden;

    background: #050505 !important;

    color: #FFFFFF !important;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    isolation: isolate;

}


/* ============================================================
   GLOBAL RESET
   ============================================================ */

.gtm-client-universe *,
.gtm-client-universe *::before,
.gtm-client-universe *::after {

    box-sizing: border-box;

}


.gtm-client-universe button {

    font-family: inherit;

}


/* ============================================================
   BACKGROUND GRID
   ============================================================ */

.gtm-cu-grid {

    position: absolute;

    inset: 0;

    z-index: -10;

    pointer-events: none;

    opacity: .8;

    background-image:

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

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

    background-size:
        70px 70px;

}


/* ============================================================
   BACKGROUND PURPLE ATMOSPHERE
   ============================================================ */

.gtm-cu-glow {

    position: absolute;

    width: 650px;

    height: 650px;

    top: 48%;

    left: 50%;

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

    border-radius: 50%;

    background:
        rgba(148,20,203,.035);

    filter:
        blur(170px);

    pointer-events: none;

    z-index: -9;

}


/* ============================================================
   CONTAINER
   ============================================================ */

.gtm-cu-container {

    position: relative;

    width:
        min(
            1220px,
            calc(100% - 60px)
        );

    margin:
        0 auto;

}


/* ============================================================
   HEADER
   ============================================================ */

.gtm-cu-header {

    max-width:
        900px;

    margin:
        0 0 90px;

}


/* ============================================================
   EYEBROW
   ============================================================ */

.gtm-cu-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin:
        0;

    color:
        #9414CB !important;

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


.gtm-cu-eyebrow span {

    display:
        block;

    width:
        7px;

    height:
        7px;

    flex:
        0 0 7px;

    border-radius:
        50%;

    background:
        #9414CB;

    box-shadow:
        0 0 15px
        rgba(148,20,203,.65);

}


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

.gtm-cu-header h2 {

    margin:
        25px 0 0 !important;

    max-width:
        900px;

    color:
        #FFFFFF !important;

    font-size:
        clamp(
            54px,
            7vw,
            92px
        ) !important;

    line-height:
        .91 !important;

    letter-spacing:
        -.075em !important;

    font-weight:
        850 !important;

}


.gtm-cu-header h2 em {

    display:
        block;

    color:
        #FFFFFF !important;

    font-style:
        normal;

}


.gtm-cu-header h2 em::after {

    content:
        ".";

    color:
        #9414CB;

}


/* ============================================================
   HEADER DESCRIPTION
   ============================================================ */

.gtm-cu-header p {

    max-width:
        720px;

    margin:
        30px 0 0 !important;

    color:
        #B5B5BD !important;

    font-size:
        17px !important;

    line-height:
        1.75 !important;

}


/* ============================================================
   MAIN SHOWCASE
   ============================================================ */

.gtm-cu-experience {

    position:
        relative;

    min-height:
        610px;

    display:
        grid;

    grid-template-columns:
        minmax(240px, 1fr)
        500px
        minmax(240px, 1fr);

    align-items:
        center;

    gap:
        50px;

}


/* ============================================================
   CLIENT NAVIGATION WRAPPER
   ============================================================ */

.gtm-cu-orbit {

    position:
        relative !important;

    top:
        auto !important;

    left:
        auto !important;

    right:
        auto !important;

    transform:
        none !important;

    display:
        flex;

    flex-direction:
        column;

    width:
        100%;

    z-index:
        20;

}


/* ============================================================
   CLIENT ITEM
   ============================================================ */

.gtm-client-universe .gtm-cu-client {

    position:
        relative !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        92px !important;

    display:
        grid !important;

    grid-template-columns:
        42px
        minmax(0,1fr)
        30px !important;

    align-items:
        center !important;

    gap:
        14px !important;

    padding:
        18px 10px !important;

    margin:
        0 !important;

    border:
        0 !important;

    border-top:
        1px solid
        rgba(255,255,255,.08) !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    color:
        #626269 !important;

    outline:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    text-decoration:
        none !important;

    cursor:
        pointer;

    transition:
        all .35s cubic-bezier(.2,.7,.2,1);

}


/* Last item */

.gtm-client-universe
.gtm-cu-orbit
.gtm-cu-client:last-child {

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

}


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

.gtm-client-universe
.gtm-cu-client::before {

    content:
        "";

    color:
        #44444B !important;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .1em;

    transition:
        color .3s ease;

}


/* Support existing numbering */

.gtm-client-universe
.gtm-cu-client[data-client="0"]::before {

    content:
        "01";

}


.gtm-client-universe
.gtm-cu-client[data-client="1"]::before {

    content:
        "02";

}


.gtm-client-universe
.gtm-cu-client[data-client="2"]::before {

    content:
        "03";

}


.gtm-client-universe
.gtm-cu-client[data-client="3"]::before {

    content:
        "04";

}


/* ============================================================
   CLIENT NAME
   ============================================================ */

.gtm-client-universe
.gtm-cu-client > span:last-child {

    display:
        block;

    min-width:
        0;

    overflow:
        hidden;

    color:
        #626269 !important;

    font-size:
        15px !important;

    line-height:
        1.25;

    font-weight:
        750 !important;

    letter-spacing:
        -.025em;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;

    transform:
        translateX(0);

    transition:
        all .35s ease;

}


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

.gtm-client-universe
.gtm-cu-client::after {

    content:
        "↗";

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    color:
        #44444B !important;

    font-size:
        14px;

    transition:
        all .35s ease;

}


/* ============================================================
   PURPLE ACTIVE INDICATOR
   ============================================================ */

.gtm-client-universe
.gtm-cu-client .gtm-cu-client-dot {

    position:
        absolute !important;

    top:
        50% !important;

    left:
        0 !important;

    width:
        0 !important;

    height:
        32px !important;

    transform:
        translateY(-50%) !important;

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

    background:
        #9414CB !important;

    box-shadow:
        0 0 18px
        rgba(148,20,203,.5) !important;

    transition:
        width .35s ease !important;

}


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

.gtm-client-universe
.gtm-cu-client:hover {

    background:
        rgba(148,20,203,.045) !important;

    background-color:
        rgba(148,20,203,.045) !important;

    border-top:
        1px solid
        rgba(148,20,203,.32) !important;

    color:
        #FFFFFF !important;

    transform:
        translateX(6px) !important;

    box-shadow:
        none !important;

}


.gtm-client-universe
.gtm-cu-client:hover::before {

    color:
        #9414CB !important;

}


.gtm-client-universe
.gtm-cu-client:hover
> span:last-child {

    color:
        #FFFFFF !important;

    transform:
        translateX(4px);

}


.gtm-client-universe
.gtm-cu-client:hover::after {

    color:
        #FFFFFF !important;

    transform:
        translate(
            3px,
            -3px
        );

}


.gtm-client-universe
.gtm-cu-client:hover
.gtm-cu-client-dot {

    width:
        3px !important;

}


/* ============================================================
   ACTIVE CLIENT
   ============================================================ */

.gtm-client-universe
.gtm-cu-client.active {

    background:
        linear-gradient(
            90deg,
            rgba(148,20,203,.09),
            rgba(148,20,203,.025),
            transparent
        ) !important;

    background-color:
        rgba(148,20,203,.055) !important;

    border-top:
        1px solid
        rgba(148,20,203,.42) !important;

    color:
        #FFFFFF !important;

    transform:
        translateX(6px) !important;

    box-shadow:
        inset 0 0 35px
        rgba(148,20,203,.025) !important;

}


.gtm-client-universe
.gtm-cu-client.active::before {

    color:
        #9414CB !important;

}


.gtm-client-universe
.gtm-cu-client.active
> span:last-child {

    color:
        #FFFFFF !important;

    transform:
        translateX(4px);

}


.gtm-client-universe
.gtm-cu-client.active::after {

    color:
        #FFFFFF !important;

    transform:
        translate(
            3px,
            -3px
        );

}


.gtm-client-universe
.gtm-cu-client.active
.gtm-cu-client-dot {

    width:
        4px !important;

}


/* ============================================================
   ACTIVE HOVER
   ============================================================ */

.gtm-client-universe
.gtm-cu-client.active:hover {

    background:
        linear-gradient(
            90deg,
            rgba(148,20,203,.12),
            rgba(148,20,203,.035),
            transparent
        ) !important;

    background-color:
        rgba(148,20,203,.07) !important;

    border-top-color:
        rgba(148,20,203,.55) !important;

}


/* ============================================================
   CENTER ORBIT
   ============================================================ */

.gtm-cu-center {

    position:
        relative;

    width:
        500px;

    height:
        500px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    justify-self:
        center;

    transition:
        opacity .35s ease,
        transform .35s ease;

}


/* JS transition state */

.gtm-cu-center.changing {

    opacity:
        .25;

    transform:
        scale(.965);

}


/* ============================================================
   OUTER RINGS
   ============================================================ */

.gtm-cu-ring {

    position:
        absolute;

    border-radius:
        50%;

    pointer-events:
        none;

}


.ring-one {

    inset:
        0;

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

    animation:
        gtmOrbitOne
        28s
        linear
        infinite;

}


.ring-two {

    inset:
        58px;

    border:
        1px dashed
        rgba(255,255,255,.055);

    animation:
        gtmOrbitTwo
        35s
        linear
        infinite;

}


@keyframes gtmOrbitOne {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


@keyframes gtmOrbitTwo {

    from {
        transform:
            rotate(360deg);
    }

    to {
        transform:
            rotate(0deg);
    }

}


/* ============================================================
   ORBIT DOTS
   ============================================================ */

.ring-one::before {

    content:
        "";

    position:
        absolute;

    top:
        25px;

    left:
        50%;

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #FFFFFF;

    box-shadow:
        0 0 15px
        rgba(255,255,255,.55);

}


.ring-one::after {

    content:
        "";

    position:
        absolute;

    right:
        50%;

    bottom:
        25px;

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #9414CB;

    box-shadow:
        0 0 16px
        rgba(148,20,203,.65);

}


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

.gtm-cu-center-content {

    position:
        relative;

    z-index:
        5;

    width:
        325px;

    text-align:
        center;

}


/* ============================================================
   LOGO CONTAINER
   ============================================================ */

.gtm-cu-logo {

    width:
        112px;

    height:
        112px;

    margin:
        0 auto 24px;

    padding:
        13px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

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

    border-radius:
        17px;

    background:
        #FFFFFF;

    box-shadow:
        0 25px 60px
        rgba(0,0,0,.45);

}


.gtm-cu-logo img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        contain;

    object-position:
        center;

}


/* ============================================================
   CATEGORY
   ============================================================ */

.gtm-cu-category {

    margin:
        0;

    color:
        #9414CB !important;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


/* ============================================================
   CLIENT NAME
   ============================================================ */

.gtm-cu-center h3 {

    margin:
        14px 0 0 !important;

    color:
        #FFFFFF !important;

    font-size:
        31px !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -.05em !important;

    font-weight:
        850 !important;

}


/* ============================================================
   CLIENT DESCRIPTION
   ============================================================ */

.gtm-cu-center p {

    max-width:
        310px;

    margin:
        16px auto 0 !important;

    color:
        #85858D !important;

    font-size:
        13px !important;

    line-height:
        1.7 !important;

}


/* ============================================================
   SERVICE TAGS
   ============================================================ */

.gtm-cu-tags {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;

    margin:
        20px 0 0;

}


.gtm-cu-tags span {

    padding:
        7px 11px;

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

    border-radius:
        50px;

    background:
        transparent;

    color:
        #77777F !important;

    font-size:
        8px;

    line-height:
        1;

    font-weight:
        700;

    transition:
        all .25s ease;

}


.gtm-cu-tags span:hover {

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

    border-color:
        rgba(255,255,255,.25);

    color:
        #FFFFFF !important;

}


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

.gtm-client-universe
.gtm-cu-button {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        18px;

    width:
        215px;

    height:
        56px;

    margin:
        25px auto 0 !important;

    padding:
        6px 7px 6px 20px !important;

    border:
        1px solid
        #9414CB !important;

    border-radius:
        9px !important;

    background:
        #9414CB !important;

    background-color:
        #9414CB !important;

    color:
        #FFFFFF !important;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none !important;

    cursor:
        pointer;

    box-shadow:
        none;

    transform:
        none;

    transition:
        all .3s cubic-bezier(.2,.7,.2,1);

}


.gtm-client-universe
.gtm-cu-button b {

    width:
        42px;

    height:
        42px;

    flex:
        0 0 42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        0;

    border-radius:
        8px;

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

    color:
        #FFFFFF !important;

    font-size:
        21px;

    font-weight:
        400;

    transition:
        all .3s ease;

}


.gtm-client-universe
.gtm-cu-button:hover {

    background:
        #A91BDD !important;

    background-color:
        #A91BDD !important;

    border-color:
        #A91BDD !important;

    color:
        #FFFFFF !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 40px
        rgba(148,20,203,.28);

}


.gtm-client-universe
.gtm-cu-button:hover b {

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

    color:
        #FFFFFF !important;

    transform:
        translateX(3px);

}


/* ============================================================
   BOTTOM DIVIDER
   ============================================================ */

.gtm-cu-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        16px;

    margin:
        70px 0 0;

    padding:
        25px 0 0;

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

}


.gtm-cu-bottom span {

    color:
        #55555D !important;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .12em;

}


.gtm-cu-bottom strong {

    color:
        #9414CB !important;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .12em;

}


.gtm-cu-bottom i {

    width:
        28px;

    height:
        1px;

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

}


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

@media (max-width: 1050px) {

    .gtm-cu-experience {

        grid-template-columns:
            190px
            420px
            190px;

        gap:
            20px;

    }


    .gtm-cu-center {

        width:
            420px;

        height:
            420px;

    }


    .gtm-cu-client {

        min-height:
            82px !important;

    }

}


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

@media (max-width: 760px) {

    .gtm-client-universe {

        padding:
            90px 0 70px;

    }


    .gtm-cu-container {

        width:
            calc(100% - 28px);

    }


    .gtm-cu-header {

        margin-bottom:
            60px;

    }


    .gtm-cu-header h2 {

        font-size:
            48px !important;

    }


    .gtm-cu-header p {

        font-size:
            14px !important;

    }


    /* Main */

    .gtm-cu-experience {

        display:
            flex;

        flex-direction:
            column;

        gap:
            35px;

        min-height:
            auto;

    }


    /* Center */

    .gtm-cu-center {

        order:
            1;

        width:
            320px;

        height:
            320px;

    }


    .ring-two {

        inset:
            35px;

    }


    .gtm-cu-center-content {

        width:
            225px;

    }


    .gtm-cu-logo {

        width:
            78px;

        height:
            78px;

        padding:
            9px;

        margin-bottom:
            16px;

        border-radius:
            14px;

    }


    .gtm-cu-center h3 {

        font-size:
            24px !important;

    }


    .gtm-cu-center p {

        font-size:
            11px !important;

    }


    /* Client navigation */

    .gtm-cu-orbit {

        order:
            2;

        width:
            100%;

    }


    .gtm-cu-client-universe
    .gtm-cu-client {

        min-height:
            70px !important;

        grid-template-columns:
            34px
            minmax(0,1fr)
            25px !important;

        padding:
            15px 8px !important;

    }


    .gtm-client-universe
    .gtm-cu-client
    > span:last-child {

        font-size:
            13px !important;

    }


    /* CTA */

    .gtm-client-universe
    .gtm-cu-button {

        width:
            195px;

        height:
            53px;

    }


    /* Bottom */

    .gtm-cu-bottom {

        margin-top:
            45px;

    }

}


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

@media (max-width: 420px) {

    .gtm-cu-container {

        width:
            calc(100% - 22px);

    }


    .gtm-cu-header h2 {

        font-size:
            40px !important;

    }


    .gtm-cu-center {

        width:
            285px;

        height:
            285px;

    }


    .gtm-cu-center-content {

        width:
            205px;

    }


    .gtm-cu-logo {

        width:
            64px;

        height:
            64px;

        padding:
            7px;

    }


    .gtm-cu-center h3 {

        font-size:
            21px !important;

    }


    .gtm-cu-center p {

        margin-top:
            9px !important;

        font-size:
            10px !important;

    }


    .gtm-cu-tags {

        margin-top:
            12px;

    }


    .gtm-cu-tags span {

        padding:
            6px 8px;

        font-size:
            7px;

    }


    .gtm-client-universe
    .gtm-cu-button {

        width:
            175px;

        height:
            51px;

        padding:
            5px 6px 5px 13px !important;

        font-size:
            9px;

    }


    .gtm-client-universe
    .gtm-cu-button b {

        width:
            39px;

        height:
            39px;

        flex-basis:
            39px;

    }

}


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

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

    .gtm-client-universe *,
    .gtm-client-universe *::before,
    .gtm-client-universe *::after {

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-345fc93 *//* ==========================================================
   GENIE TOUCH MEDIA
   RESULTS / CASE STUDY SECTION
   ========================================================== */

.gtm-results {

    --purple: #9414CB;
    --purple-light: #A91BDD;

    --black: #050505;
    --white: #FFFFFF;

    --text: #B7B7BF;
    --muted: #686870;

    position: relative;

    width: 100%;

    padding: 145px 0 105px;

    overflow: hidden;

    background: #050505 !important;

    color: #FFFFFF !important;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    isolation: isolate;
}


/* ==========================================================
   RESET
   ========================================================== */

.gtm-results *,
.gtm-results *::before,
.gtm-results *::after {
    box-sizing: border-box;
}


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

.gtm-results-grid {

    position: absolute;

    inset: 0;

    z-index: -5;

    pointer-events: none;

    background-image:

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

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

    background-size:
        72px 72px;
}


/* ==========================================================
   CONTAINER
   ========================================================== */

.gtm-results-container {

    width:
        min(
            1220px,
            calc(100% - 60px)
        );

    margin:
        0 auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.gtm-results-header {

    max-width:
        900px;

    margin-bottom:
        90px;
}


.gtm-results-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    color:
        var(--purple);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .18em;
}


.gtm-results-eyebrow span {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--purple);

    box-shadow:
        0 0 15px
        rgba(148,20,203,.65);
}


.gtm-results-header h2 {

    margin:
        25px 0 0;

    max-width:
        900px;

    font-size:
        clamp(
            54px,
            7vw,
            90px
        );

    line-height:
        .91;

    letter-spacing:
        -.075em;

    font-weight:
        850;

    color:
        #FFFFFF !important;
}


.gtm-results-header h2 em {

    display:
        block;

    font-style:
        normal;

    color:
        #FFFFFF;
}


.gtm-results-header h2 em::after {

    content:
        ".";

    color:
        var(--purple);
}


.gtm-results-header p {

    max-width:
        700px;

    margin:
        30px 0 0;

    color:
        var(--text) !important;

    font-size:
        17px;

    line-height:
        1.75;
}


/* ==========================================================
   MAIN STAGE
   ========================================================== */

.gtm-results-stage {

    display:
        grid;

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

    min-height:
        520px;

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

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


/* ==========================================================
   LEFT
   ========================================================== */

.gtm-results-intro {

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        65px 65px 65px 0;

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


.gtm-results-index {

    margin-bottom:
        28px;

    color:
        #606068;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .16em;
}


.gtm-results-index strong {

    margin-left:
        8px;

    color:
        var(--purple);
}


.gtm-results-intro h3 {

    max-width:
        470px;

    margin:
        0;

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

    line-height:
        .98;

    letter-spacing:
        -.055em;

    font-weight:
        800;

    color:
        #FFFFFF;
}


.gtm-results-intro h3 span {

    color:
        var(--purple);
}


.gtm-results-intro p {

    max-width:
        450px;

    margin:
        25px 0 0;

    color:
        #92929A;

    font-size:
        15px;

    line-height:
        1.75;
}


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

.gtm-results-cta {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        space-between;

    width:
        225px;

    height:
        56px;

    margin-top:
        32px;

    padding:
        6px 7px 6px 19px;

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

    border-radius:
        9px;

    background:
        var(--purple);

    color:
        #FFFFFF !important;

    text-decoration:
        none !important;

    font-size:
        11px;

    font-weight:
        800;

    transition:
        all .3s ease;
}


.gtm-results-cta b {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        8px;

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

    font-size:
        20px;

    font-weight:
        400;

    transition:
        all .3s ease;
}


.gtm-results-cta:hover {

    background:
        var(--purple-light);

    border-color:
        var(--purple-light);

    transform:
        translateY(-3px);

    box-shadow:
        0 15px 40px
        rgba(148,20,203,.25);
}


.gtm-results-cta:hover b {

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

    transform:
        translateX(3px);
}


/* ==========================================================
   RIGHT PANEL
   ========================================================== */

.gtm-results-panel {

    position:
        relative;

    padding:
        55px 55px 45px;

    background:
        linear-gradient(
            135deg,
            rgba(148,20,203,.045),
            transparent 50%
        );
}


/* ==========================================================
   PANEL HEADER
   ========================================================== */

.gtm-results-panel-top {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        30px;

    padding-bottom:
        25px;

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


.gtm-results-panel-top span {

    color:
        #66666E;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .17em;
}


.gtm-results-panel-top h4 {

    max-width:
        500px;

    margin:
        12px 0 0;

    color:
        #FFFFFF;

    font-size:
        22px;

    line-height:
        1.2;

    letter-spacing:
        -.035em;
}


.gtm-results-status {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    white-space:
        nowrap;

    color:
        #777780;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .12em;
}


.gtm-results-status i {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #53E28A;

    box-shadow:
        0 0 12px
        rgba(83,226,138,.5);
}


/* ==========================================================
   METRICS
   ========================================================== */

.gtm-metrics {

    display:
        grid;

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

    padding:
        35px 0;

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


.gtm-metric {

    padding:
        0 25px;

    border-right:
        1px solid
        rgba(255,255,255,.07);
}


.gtm-metric:first-child {

    padding-left:
        0;
}


.gtm-metric:last-child {

    border-right:
        0;

    padding-right:
        0;
}


.gtm-metric strong {

    display:
        block;

    color:
        #FFFFFF;

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

    line-height:
        1;

    letter-spacing:
        -.06em;

    font-weight:
        850;
}


.gtm-metric span {

    display:
        block;

    margin-top:
        12px;

    color:
        #FFFFFF;

    font-size:
        12px;

    font-weight:
        800;
}


.gtm-metric small {

    display:
        block;

    margin-top:
        7px;

    color:
        #66666E;

    font-size:
        10px;

    line-height:
        1.5;
}


/* ==========================================================
   PERFORMANCE CHART
   ========================================================== */

.gtm-performance {

    padding-top:
        30px;
}


.gtm-performance-head {

    display:
        flex;

    justify-content:
        space-between;

    margin-bottom:
        18px;
}


.gtm-performance-head span {

    color:
        #65656D;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .15em;
}


.gtm-performance-head strong {

    color:
        var(--purple);

    font-size:
        9px;

    letter-spacing:
        .13em;
}


/* ==========================================================
   CHART
   ========================================================== */

.gtm-performance-chart {

    position:
        relative;

    height:
        150px;

    overflow:
        hidden;

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

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:
        100% 50px;
}


/* ==========================================================
   CHART LINE
   ========================================================== */

.gtm-chart-line {

    position:
        absolute;

    left:
        0;

    bottom:
        12px;

    width:
        100%;

    height:
        100%;

    opacity:
        0;

    transform:
        scaleX(0);

    transform-origin:
        left center;

    background:
        linear-gradient(
            135deg,
            transparent 0%,
            transparent 9%,
            var(--purple) 10%,
            var(--purple) 20%,
            transparent 21%,
            transparent 26%,
            var(--purple) 27%,
            var(--purple) 42%,
            transparent 43%,
            transparent 48%,
            var(--purple) 49%,
            var(--purple) 72%,
            transparent 73%,
            transparent 77%,
            var(--purple) 78%,
            var(--purple) 100%
        );

    clip-path:
        polygon(
            0 82%,
            10% 75%,
            22% 78%,
            34% 58%,
            47% 63%,
            59% 40%,
            70% 47%,
            82% 20%,
            92% 27%,
            100% 5%,
            100% 8%,
            92% 30%,
            82% 23%,
            70% 50%,
            59% 43%,
            47% 66%,
            34% 61%,
            22% 81%,
            10% 78%,
            0 85%
        );

    transition:
        transform 1.8s cubic-bezier(.2,.7,.2,1),
        opacity .5s ease;
}


.gtm-chart-line.gtm-chart-active {

    opacity:
        1;

    transform:
        scaleX(1);
}


/* ==========================================================
   CHART POINTS
   ========================================================== */

.gtm-chart-point {

    position:
        absolute;

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #FFFFFF;

    box-shadow:
        0 0 12px
        rgba(255,255,255,.4);
}


.point-1 {

    left:
        20%;

    bottom:
        34%;
}


.point-2 {

    left:
        40%;

    bottom:
        47%;
}


.point-3 {

    left:
        60%;

    bottom:
        59%;
}


.point-4 {

    left:
        80%;

    bottom:
        77%;
}


.point-5 {

    right:
        1%;

    bottom:
        90%;

    background:
        var(--purple);

    box-shadow:
        0 0 16px
        rgba(148,20,203,.7);
}


/* ==========================================================
   CHART LABELS
   ========================================================== */

.gtm-chart-labels {

    display:
        flex;

    justify-content:
        space-between;

    padding-top:
        13px;

    color:
        #55555D;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .12em;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.gtm-results-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        16px;

    margin-top:
        35px;

    color:
        #55555D;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .12em;
}


.gtm-results-footer i {

    width:
        25px;

    height:
        1px;

    background:
        rgba(255,255,255,.12);
}


.gtm-results-footer strong {

    color:
        var(--purple);
}


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

@media (max-width: 900px) {

    .gtm-results-stage {

        grid-template-columns:
            1fr;

    }


    .gtm-results-intro {

        padding:
            55px 0;

        border-right:
            0;

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

    }


    .gtm-results-panel {

        padding:
            50px 0;
    }

}


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

@media (max-width: 600px) {

    .gtm-results {

        padding:
            90px 0 70px;
    }


    .gtm-results-container {

        width:
            calc(100% - 28px);
    }


    .gtm-results-header {

        margin-bottom:
            60px;
    }


    .gtm-results-header h2 {

        font-size:
            47px;
    }


    .gtm-results-header p {

        font-size:
            14px;
    }


    .gtm-results-intro h3 {

        font-size:
            39px;
    }


    .gtm-results-intro p {

        font-size:
            14px;
    }


    .gtm-results-panel {

        padding:
            40px 0;
    }


    .gtm-results-panel-top {

        flex-direction:
            column;

        gap:
            18px;
    }


    .gtm-results-panel-top h4 {

        font-size:
            20px;
    }


    .gtm-metrics {

        grid-template-columns:
            1fr;

        gap:
            25px;

        padding:
            30px 0;
    }


    .gtm-metric {

        padding:
            0 0 22px;

        border-right:
            0;

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


    .gtm-metric:last-child {

        padding-bottom:
            0;

        border-bottom:
            0;
    }


    .gtm-metric strong {

        font-size:
            45px;
    }


    .gtm-performance-chart {

        height:
            125px;
    }


    .gtm-results-footer {

        flex-wrap:
            wrap;

        gap:
            10px;

        font-size:
            8px;
    }

}


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

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

    .gtm-results *,
    .gtm-results *::before,
    .gtm-results *::after {

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74960c5 *//* =========================================================
   GENIE TOUCH MEDIA
   60 SECOND GROWTH CHECK
   ========================================================= */

.gtm-60sec-lead {

  --sixty-purple: #9414CB;
  --sixty-purple-light: #A91BDD;

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 85px 0;

  background: #050505 !important;

  color: #fff !important;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

}


/* RESET */

.gtm-60sec-lead *,
.gtm-60sec-lead *::before,
.gtm-60sec-lead *::after {

  box-sizing: border-box;

}


/* =========================================================
   BACKGROUND
   ========================================================= */

.gtm-60sec-bg {

  position: absolute;

  inset: 0;

  overflow: hidden;

  pointer-events: none;

}


/* GRID */

.gtm-60sec-grid {

  position: absolute;

  inset: 0;

  opacity: .35;

  background-image:

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

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

  background-size:
    65px 65px;

}


/* PURPLE GLOW */

.gtm-60sec-glow {

  position: absolute;

  width: 500px;

  height: 500px;

  top: -300px;

  right: 12%;

  border-radius: 50%;

  background:
    rgba(148,20,203,.18);

  filter:
    blur(110px);

  animation:
    sixtyGlow
    11s
    ease-in-out
    infinite;

}


@keyframes sixtyGlow {

  0%,
  100% {

    transform:
      translate(0,0)
      scale(1);

  }

  50% {

    transform:
      translate(-100px,100px)
      scale(1.2);

  }

}


/* SCANNING LINE */

.gtm-60sec-scan {

  position: absolute;

  top: 0;

  left: -25%;

  width: 25%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--sixty-purple),
      transparent
    );

  box-shadow:
    0 0 15px
    rgba(148,20,203,.6);

  animation:
    sixtyScan
    8s
    linear
    infinite;

}


@keyframes sixtyScan {

  0% {

    left: -25%;

    opacity: 0;

  }

  15% {

    opacity: 1;

  }

  85% {

    opacity: .8;

  }

  100% {

    left: 125%;

    opacity: 0;

  }

}


/* ORBIT */

.gtm-60sec-ring {

  position: absolute;

  width: 650px;

  height: 280px;

  right: -300px;

  top: 50%;

  border:
    1px solid
    rgba(148,20,203,.10);

  border-radius: 50%;

  transform:
    rotate(-18deg);

  animation:
    sixtyOrbit
    18s
    linear
    infinite;

}


@keyframes sixtyOrbit {

  0%,
  100% {

    transform:
      rotate(-18deg)
      translateX(0);

  }

  50% {

    transform:
      rotate(-18deg)
      translateX(-80px);

  }

}


/* =========================================================
   WRAP
   ========================================================= */

.gtm-60sec-wrap {

  position: relative;

  z-index: 2;

  width:
    min(
      1180px,
      calc(100% - 50px)
    );

  margin: 0 auto;

  display: grid;

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

  gap: 80px;

  align-items: center;

}


/* =========================================================
   LEFT
   ========================================================= */

.gtm-60sec-copy {

  max-width: 650px;

}


.gtm-60sec-label {

  display:
    flex;

  align-items:
    center;

  gap: 8px;

  color:
    var(--sixty-purple);

  font-size:
    9px;

  font-weight:
    800;

  letter-spacing:
    .17em;

}


.gtm-60sec-label span {

  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    var(--sixty-purple);

  box-shadow:
    0 0 13px
    rgba(148,20,203,.9);

  animation:
    sixtyPulse
    2s
    ease-in-out
    infinite;

}


@keyframes sixtyPulse {

  0%,
  100% {

    transform:
      scale(.8);

    opacity:
      .6;

  }

  50% {

    transform:
      scale(1.2);

    opacity:
      1;

  }

}


/* HEADING */

.gtm-60sec-copy h2 {

  margin:
    20px 0 0 !important;

  color:
    #fff !important;

  font-size:
    clamp(
      45px,
      5.3vw,
      68px
    ) !important;

  line-height:
    .95 !important;

  letter-spacing:
    -.07em !important;

  font-weight:
    850 !important;

}


.gtm-60sec-copy h2 strong {

  display:
    block;

  color:
    var(--sixty-purple);

  font-weight:
    inherit;

}


/* DESCRIPTION */

.gtm-60sec-copy > p {

  max-width:
    570px;

  margin:
    24px 0 0 !important;

  color:
    #85858E !important;

  font-size:
    15px !important;

  line-height:
    1.7 !important;

}


/* =========================================================
   PROMISES
   ========================================================= */

.gtm-60sec-promises {

  display:
    grid;

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

  max-width:
    580px;

  margin-top:
    34px;

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

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

}


.gtm-60sec-promises div {

  min-height:
    78px;

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  padding:
    0 15px 0 0;

}


.gtm-60sec-promises div + div {

  padding-left:
    15px;

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

}


.gtm-60sec-promises span {

  color:
    var(--sixty-purple);

  font-size:
    8px;

  font-weight:
    800;

}


.gtm-60sec-promises strong {

  margin-top:
    6px;

  color:
    #A4A4AB;

  font-size:
    10px;

  font-weight:
    700;

}


/* NOTE */

.gtm-60sec-note {

  display:
    flex;

  align-items:
    center;

  gap:
    8px;

  margin-top:
    20px;

  color:
    #4E4E56;

  font-size:
    9px;

}


.gtm-60sec-note span {

  color:
    var(--sixty-purple);

}


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

.gtm-60sec-card {

  position:
    relative;

  padding:
    27px;

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

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

  backdrop-filter:
    blur(22px);

  -webkit-backdrop-filter:
    blur(22px);

  box-shadow:
    0 35px 90px
    rgba(0,0,0,.45);

  animation:
    sixtyCard
    6s
    ease-in-out
    infinite;

}


@keyframes sixtyCard {

  0%,
  100% {

    transform:
      translateY(0);

  }

  50% {

    transform:
      translateY(-6px);

  }

}


/* CARD TOP */

.gtm-60sec-card-top {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  padding-bottom:
    17px;

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

}


.gtm-60sec-live {

  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  color:
    #777780;

  font-size:
    8px;

  font-weight:
    800;

  letter-spacing:
    .11em;

}


.gtm-60sec-live span {

  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    #51D993;

  box-shadow:
    0 0 10px
    rgba(81,217,147,.7);

  animation:
    sixtyLive
    1.8s
    ease-in-out
    infinite;

}


@keyframes sixtyLive {

  0%,
  100% {

    opacity:
      .5;

  }

  50% {

    opacity:
      1;

  }

}


.gtm-60sec-time {

  color:
    #45454D;

  font-size:
    7px;

  font-weight:
    800;

}


/* =========================================================
   SCANNER
   ========================================================= */

.gtm-60sec-scanner {

  margin:
    20px 0;

  padding:
    15px;

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

  background:
    #080808;

}


.gtm-60sec-scanner-top {

  display:
    flex;

  justify-content:
    space-between;

  margin-bottom:
    10px;

}


.gtm-60sec-scanner-top span {

  color:
    #44444C;

  font-size:
    7px;

  font-weight:
    800;

  letter-spacing:
    .12em;

}


.gtm-60sec-url {

  display:
    flex;

  align-items:
    center;

  gap:
    5px;

  padding:
    11px;

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

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

}


.gtm-60sec-url span {

  color:
    #414149;

  font-size:
    9px;

}


.gtm-60sec-url strong {

  flex:
    1;

  color:
    #73737B;

  font-size:
    10px;

  font-weight:
    600;

}


.gtm-60sec-url i {

  color:
    var(--sixty-purple);

  font-style:
    normal;

}


/* ANALYSIS */

.gtm-60sec-analysis {

  display:
    grid;

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

  gap:
    5px;

  margin-top:
    8px;

}


.gtm-60sec-analysis div {

  display:
    flex;

  align-items:
    center;

  gap:
    5px;

  padding:
    8px;

  color:
    #4C4C54;

  font-size:
    7px;

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

}


.gtm-60sec-analysis span {

  width:
    4px;

  height:
    4px;

  border-radius:
    50%;

  background:
    var(--sixty-purple);

  animation:
    sixtyDot
    2s
    ease-in-out
    infinite;

}


.gtm-60sec-analysis div:nth-child(2) span {

  animation-delay:
    .4s;

}


.gtm-60sec-analysis div:nth-child(3) span {

  animation-delay:
    .8s;

}


@keyframes sixtyDot {

  0%,
  100% {

    opacity:
      .3;

  }

  50% {

    opacity:
      1;

    box-shadow:
      0 0 8px
      var(--sixty-purple);

  }

}


.gtm-60sec-analysis b {

  margin-left:
    auto;

  color:
    #36363E;

}


/* =========================================================
   FORM
   ========================================================= */

.gtm-60sec-form {

  padding-top:
    2px;

}


.gtm-60sec-field {

  margin-bottom:
    14px;

}


.gtm-60sec-field label {

  display:
    block;

  margin-bottom:
    7px;

  color:
    #55555D;

  font-size:
    7px;

  font-weight:
    800;

  letter-spacing:
    .13em;

}


.gtm-60sec-field input {

  width:
    100%;

  height:
    44px;

  padding:
    0 12px;

  outline:
    none !important;

  border:
    1px solid
    rgba(255,255,255,.08) !important;

  border-radius:
    5px;

  background:
    rgba(255,255,255,.025) !important;

  color:
    #fff !important;

  font-family:
    inherit;

  font-size:
    11px;

  transition:
    .25s ease;

}


.gtm-60sec-field input::placeholder {

  color:
    #45454D;

}


.gtm-60sec-field input:focus {

  border-color:
    rgba(148,20,203,.65) !important;

  background:
    rgba(148,20,203,.035) !important;

}


/* ROW */

.gtm-60sec-row {

  display:
    grid;

  grid-template-columns:
    1fr 1fr;

  gap:
    10px;

}


/* =========================================================
   BUTTON
   ========================================================= */

.gtm-60sec-button {

  width:
    100%;

  height:
    52px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  padding:
    5px 6px 5px 17px;

  margin-top:
    4px;

  border:
    0 !important;

  border-radius:
    6px;

  background:
    var(--sixty-purple) !important;

  color:
    #fff !important;

  cursor:
    pointer;

  font-family:
    inherit;

  font-size:
    10px;

  font-weight:
    800;

  transition:
    .3s ease;

}


.gtm-60sec-button b {

  width:
    40px;

  height:
    40px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    5px;

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

  font-size:
    17px;

  transition:
    .3s ease;

}


.gtm-60sec-button:hover {

  background:
    var(--sixty-purple-light) !important;

  transform:
    translateY(-2px);

  box-shadow:
    0 14px 35px
    rgba(148,20,203,.25);

}


.gtm-60sec-button:hover b {

  transform:
    translate(
      3px,
      -3px
    );

}


/* =========================================================
   PRIVACY
   ========================================================= */

.gtm-60sec-small {

  display:
    flex;

  justify-content:
    center;

  align-items:
    center;

  gap:
    6px;

  margin-top:
    11px;

  color:
    #3F3F47;

  font-size:
    7px;

}


.gtm-60sec-small span {

  color:
    #4FD18B;

}


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

@media (max-width: 850px) {

  .gtm-60sec-wrap {

    width:
      calc(100% - 40px);

    grid-template-columns:
      1fr;

    gap:
      50px;

  }


  .gtm-60sec-copy {

    max-width:
      720px;

  }


  .gtm-60sec-card {

    width:
      100%;

    max-width:
      600px;

  }

}


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

@media (max-width: 600px) {

  .gtm-60sec-lead {

    padding:
      65px 0;

  }


  .gtm-60sec-wrap {

    width:
      calc(100% - 28px);

  }


  .gtm-60sec-copy h2 {

    font-size:
      43px !important;

  }


  .gtm-60sec-copy > p {

    font-size:
      14px !important;

  }


  .gtm-60sec-promises {

    grid-template-columns:
      1fr;

  }


  .gtm-60sec-promises div + div {

    padding-left:
      0;

    border-left:
      0;

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

  }


  .gtm-60sec-card {

    padding:
      20px;

  }


  .gtm-60sec-row {

    grid-template-columns:
      1fr;

    gap:
      0;

  }


  .gtm-60sec-analysis {

    grid-template-columns:
      1fr;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db13abd *//* =========================================================
   GENIE TOUCH MEDIA
   MINIMAL PREMIUM ANIMATED FOOTER
   ========================================================= */

.gtm-min-footer {

  --mf-purple: #9414CB;
  --mf-purple-light: #A91BDD;

  position: relative;

  width: 100%;

  overflow: hidden;

  background: #050505 !important;

  color: #fff !important;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

}


/* =========================================================
   RESET
   ========================================================= */

.gtm-min-footer *,
.gtm-min-footer *::before,
.gtm-min-footer *::after {

  box-sizing: border-box;

}


/* =========================================================
   BACKGROUND
   ========================================================= */

.gtm-mf-bg {

  position: absolute;

  inset: 0;

  overflow: hidden;

  pointer-events: none;

}


/* =========================================================
   PURPLE GLOW
   ========================================================= */

.gtm-mf-glow {

  position: absolute;

  border-radius: 50%;

  filter: blur(110px);

  opacity: .22;

}


.gtm-mf-glow-1 {

  width: 300px;

  height: 300px;

  top: -220px;

  left: 28%;

  background:
    rgba(148,20,203,.55);

  animation:
    mfGlowOne
    10s
    ease-in-out
    infinite;

}


.gtm-mf-glow-2 {

  width: 260px;

  height: 260px;

  right: 15%;

  bottom: -210px;

  background:
    rgba(148,20,203,.45);

  animation:
    mfGlowTwo
    13s
    ease-in-out
    infinite;

}


@keyframes mfGlowOne {

  0%,
  100% {

    transform:
      translate3d(
        0,
        0,
        0
      )
      scale(1);

  }

  50% {

    transform:
      translate3d(
        100px,
        70px,
        0
      )
      scale(1.25);

  }

}


@keyframes mfGlowTwo {

  0%,
  100% {

    transform:
      translate3d(
        0,
        0,
        0
      )
      scale(1);

  }

  50% {

    transform:
      translate3d(
        -80px,
        -60px,
        0
      )
      scale(1.2);

  }

}


/* =========================================================
   ORBITS
   ========================================================= */

.gtm-mf-orbit {

  position: absolute;

  border:
    1px solid
    rgba(148,20,203,.10);

  border-radius: 50%;

}


.orbit-1 {

  width: 480px;

  height: 180px;

  right: -100px;

  top: 25px;

  transform:
    rotate(-15deg);

  animation:
    mfOrbitOne
    18s
    linear
    infinite;

}


.orbit-2 {

  width: 350px;

  height: 130px;

  right: -40px;

  top: 50px;

  transform:
    rotate(-15deg);

  border-color:
    rgba(255,255,255,.035);

  animation:
    mfOrbitTwo
    22s
    linear
    infinite;

}


@keyframes mfOrbitOne {

  from {

    transform:
      rotate(-15deg)
      translateX(0);

  }

  50% {

    transform:
      rotate(-15deg)
      translateX(-70px);

  }

  to {

    transform:
      rotate(-15deg)
      translateX(0);

  }

}


@keyframes mfOrbitTwo {

  from {

    transform:
      rotate(-15deg)
      translateX(0);

  }

  50% {

    transform:
      rotate(-15deg)
      translateX(60px);

  }

  to {

    transform:
      rotate(-15deg)
      translateX(0);

  }

}


/* =========================================================
   SUBTLE STAR / PARTICLE FIELD
   ========================================================= */

.gtm-mf-stars {

  position: absolute;

  inset: 0;

  opacity: .35;

  background-image:
    radial-gradient(
      circle,
      rgba(255,255,255,.28) 1px,
      transparent 1.5px
    );

  background-size:
    85px 85px;

  animation:
    mfStars
    25s
    linear
    infinite;

}


@keyframes mfStars {

  from {

    transform:
      translateY(0);

  }

  to {

    transform:
      translateY(-85px);

  }

}


/* =========================================================
   SCANNING LIGHT
   ========================================================= */

.gtm-mf-scan {

  position: absolute;

  top: 0;

  left: -20%;

  width: 20%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(148,20,203,.8),
      transparent
    );

  animation:
    mfScan
    8s
    linear
    infinite;

}


@keyframes mfScan {

  0% {

    left: -25%;

    opacity: 0;

  }

  15% {

    opacity: 1;

  }

  80% {

    opacity: .8;

  }

  100% {

    left: 125%;

    opacity: 0;

  }

}


/* =========================================================
   CONTAINER
   ========================================================= */

.gtm-mf-container {

  position: relative;

  z-index: 2;

  width:
    min(
      1180px,
      calc(100% - 50px)
    );

  margin: 0 auto;

}


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

.gtm-mf-top {

  min-height: 125px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap: 40px;

}


.gtm-mf-logo {

  display: inline-block;

  color: #fff !important;

  text-decoration: none !important;

  font-size: 25px;

  font-weight: 900;

  letter-spacing: -.07em;

}


.gtm-mf-logo span {

  color:
    var(--mf-purple);

}


.gtm-mf-brand p {

  margin:
    9px 0 0 !important;

  color:
    #66666F !important;

  font-size:
    11px !important;

}


.gtm-mf-contact {

  display:
    inline-flex;

  align-items:
    center;

  gap: 13px;

  padding:
    7px 7px 7px 17px;

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

  border-radius:
    7px;

  color:
    #fff !important;

  text-decoration:
    none !important;

  font-size:
    10px;

  font-weight:
    750;

  transition:
    .3s ease;

}


.gtm-mf-contact b {

  width:
    32px;

  height:
    32px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  background:
    var(--mf-purple);

  border-radius:
    5px;

  font-size:
    14px;

  transition:
    .3s ease;

}


.gtm-mf-contact:hover {

  border-color:
    var(--mf-purple);

  transform:
    translateY(-2px);

}


.gtm-mf-contact:hover b {

  transform:
    translate(
      2px,
      -2px
    );

}


/* =========================================================
   DIVIDER
   ========================================================= */

.gtm-mf-divider {

  width: 100%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.09),
      rgba(148,20,203,.25),
      rgba(255,255,255,.06)
    );

}


/* =========================================================
   LINKS
   ========================================================= */

.gtm-mf-links {

  display:
    grid;

  grid-template-columns:
    1fr 1fr 1.4fr;

  gap:
    70px;

  padding:
    38px 0;

}


.gtm-mf-group {

  display:
    flex;

  flex-direction:
    column;

}


.gtm-mf-group > span {

  margin-bottom:
    15px;

  color:
    #45454D;

  font-size:
    8px;

  font-weight:
    800;

  letter-spacing:
    .16em;

}


.gtm-mf-group > a {

  width:
    fit-content;

  margin-bottom:
    9px;

  color:
    #6B6B73 !important;

  text-decoration:
    none !important;

  font-size:
    11px;

  transition:
    .25s ease;

}


.gtm-mf-group > a:hover {

  color:
    #fff !important;

  transform:
    translateX(4px);

}


/* =========================================================
   CONNECT
   ========================================================= */

.gtm-mf-connect > a {

  color:
    #C4C4C9 !important;

  font-size:
    12px;

}


.gtm-mf-social {

  display:
    flex;

  gap:
    6px;

  margin-top:
    8px;

}


.gtm-mf-social a {

  width:
    29px;

  height:
    29px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

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

  color:
    #62626A !important;

  text-decoration:
    none !important;

  font-size:
    7px;

  font-weight:
    800;

  transition:
    .25s ease;

}


.gtm-mf-social a:hover {

  color:
    #fff !important;

  background:
    var(--mf-purple);

  border-color:
    var(--mf-purple);

  transform:
    translateY(-3px);

  box-shadow:
    0 8px 20px
    rgba(148,20,203,.18);

}


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

.gtm-mf-bottom {

  min-height:
    50px;

  display:
    grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:
    center;

  gap:
    20px;

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

  color:
    #3E3E46;

  font-size:
    8px;

}


.gtm-mf-bottom div {

  display:
    flex;

  gap:
    18px;

}


.gtm-mf-bottom a {

  color:
    #494951 !important;

  text-decoration:
    none !important;

  transition:
    .2s ease;

}


.gtm-mf-bottom a:hover {

  color:
    #fff !important;

}


.gtm-mf-location {

  text-align:
    right;

  letter-spacing:
    .12em;

}


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

@media (max-width: 800px) {

  .gtm-mf-container {

    width:
      calc(100% - 40px);

  }

  .gtm-mf-links {

    gap:
      35px;

  }

}


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

@media (max-width: 600px) {

  .gtm-mf-container {

    width:
      calc(100% - 28px);

  }


  .gtm-mf-top {

    min-height:
      120px;

    align-items:
      flex-start;

    justify-content:
      center;

    flex-direction:
      column;

    gap:
      18px;

  }


  .gtm-mf-links {

    grid-template-columns:
      1fr 1fr;

    gap:
      30px 20px;

    padding:
      30px 0;

  }


  .gtm-mf-connect {

    grid-column:
      span 2;

  }


  .gtm-mf-bottom {

    grid-template-columns:
      1fr;

    gap:
      9px;

    padding:
      15px 0;

  }


  .gtm-mf-location {

    text-align:
      left;

  }


  .gtm-mf-orbit {

    opacity:
      .5;

  }

}


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

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

  .gtm-min-footer *,
  .gtm-min-footer *::before,
  .gtm-min-footer *::after {

    animation:
      none !important;

    transition:
      none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c00ce *//* =========================================================
   GENIE TOUCH MEDIA
   PREMIUM HERO — COMPLETE CSS
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');


/* =========================================================
   RESET
   ========================================================= */

.gtm-hero-v3,
.gtm-hero-v3 *,
.gtm-hero-v3 *::before,
.gtm-hero-v3 *::after {
    box-sizing: border-box;
}


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

.gtm-hero-v3 {

    --gtm-purple: #9414CB;
    --gtm-purple-light: #B84BE5;
    --gtm-green: #72DC87;

    position: relative;

    width: 100%;
    min-height: 850px;

    overflow: hidden;

    background: #050505;

    color: #ffffff;

    font-family:
        'Poppins',
        sans-serif;

    isolation: isolate;
}


/* =========================================================
   BACKGROUND GRID
   ========================================================= */

.gtm-hero-v3-grid {

    position: absolute;

    inset: 0;

    z-index: -20;

    pointer-events: none;

    background-image:

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

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

    background-size: 72px 72px;

    mask-image:
        radial-gradient(
            ellipse at center,
            black 10%,
            transparent 88%
        );

    -webkit-mask-image:
        radial-gradient(
            ellipse at center,
            black 10%,
            transparent 88%
        );
}


/* =========================================================
   AMBIENT GLOWS
   ========================================================= */

.gtm-hero-v3-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(110px);

    z-index: -10;
}


.gtm-glow-a {

    width: 560px;
    height: 560px;

    right: -190px;
    top: 50px;

    background:
        rgba(148,20,203,.13);

    animation:
        gtmBackgroundGlow
        9s
        ease-in-out
        infinite;
}


.gtm-glow-b {

    width: 360px;
    height: 360px;

    left: -180px;
    bottom: -150px;

    background:
        rgba(148,20,203,.065);
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.gtm-hero-v3-inner {

    position: relative;

    width:
        min(1340px, calc(100% - 60px));

    min-height: 795px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        46% 54%;

    align-items: center;
}


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

.gtm-hero-v3-content {

    position: relative;

    z-index: 100;

    padding-right: 25px;
}


/* =========================================================
   TOP KICKER
   ========================================================= */

.gtm-v3-kicker {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #85858D;

    font-size: 9px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: .14em;
}


.gtm-v3-kicker span {

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gtm-purple);

    box-shadow:
        0 0 14px
        var(--gtm-purple);

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


.gtm-v3-kicker em {

    margin-left: 14px;

    color:
        var(--gtm-purple);

    font-style: normal;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.gtm-v3-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 39px;

    color: #686870;

    font-size: 9px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: .14em;
}


.gtm-v3-eyebrow b {

    color:
        var(--gtm-purple);

    font-weight: 700;
}


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

.gtm-v3-title {

    margin:
        20px 0 0;

    padding: 0;

    font-size:
        clamp(58px, 6.2vw, 91px);

    line-height: .89;

    letter-spacing:
        -.065em;

    font-weight: 800;

    text-transform: uppercase;
}


.gtm-v3-title span {

    display: block;

    margin: 0;

    padding: 0;
}


.gtm-v3-purple {

    color:
        var(--gtm-purple);
}


.gtm-v3-outline {

    color: transparent;

    -webkit-text-stroke:
        1.5px
        rgba(255,255,255,.70);

    text-shadow:
        none;
}


/* =========================================================
   MAIN DESCRIPTION
   ========================================================= */

.gtm-v3-lead {

    max-width: 600px;

    margin:
        29px 0 0;

    color: #B6B6BD;

    font-size: 14px;

    line-height: 1.75;

    font-weight: 400;
}


/* =========================================================
   SEO DESCRIPTION
   ========================================================= */

.gtm-v3-seo {

    max-width: 610px;

    margin:
        12px 0 0;

    color: #77777F;

    font-size: 10px;

    line-height: 1.75;

    font-weight: 400;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.gtm-v3-actions {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-top: 30px;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.gtm-v3-primary {

    min-width: 208px;

    height: 56px;

    padding:
        0 9px 0 21px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #9414CB 0%,
            #A91BDD 100%
        );

    color: #ffffff !important;

    text-decoration: none !important;

    font-family:
        'Poppins',
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    box-shadow:
        0 18px 45px
        rgba(148,20,203,.25);

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


.gtm-v3-primary b {

    width: 38px;
    height: 38px;

    display: grid;

    place-items: center;

    border-radius: 8px;

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

    color: #ffffff;

    font-size: 20px;

    font-weight: 400;
}


.gtm-v3-primary:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 24px 60px
        rgba(148,20,203,.40);
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.gtm-v3-secondary {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #85858D !important;

    text-decoration: none !important;

    font-family:
        'Poppins',
        sans-serif;

    font-size: 9px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: .11em;

    white-space: nowrap;
}


.gtm-v3-secondary i {

    display: block;

    width: 38px;
    height: 1px;

    background:
        #5B5B63;

    transition:
        width .3s ease,
        background .3s ease;
}


.gtm-v3-secondary:hover {

    color:
        #ffffff !important;
}


.gtm-v3-secondary:hover i {

    width: 55px;

    background:
        var(--gtm-purple);
}


/* =========================================================
   PROCESS BAR
   ========================================================= */

.gtm-v3-process {

    display: flex;

    align-items: center;

    gap: 17px;

    margin-top: 42px;
}


.gtm-v3-process div {

    display: flex;

    flex-direction: column;

    gap: 5px;
}


.gtm-v3-process strong {

    color:
        var(--gtm-purple);

    font-size: 9px;

    line-height: 1;

    font-weight: 700;
}


.gtm-v3-process span {

    color: #66666E;

    font-size: 7px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: .10em;
}


.gtm-v3-process > i {

    width: 21px;
    height: 1px;

    background:
        rgba(255,255,255,.11);
}


/* =========================================================
   RIGHT VISUAL AREA
   ========================================================= */

.gtm-v3-visual {

    position: relative;

    width: 100%;

    height: 650px;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* =========================================================
   ARTWORK AURA
   ========================================================= */

.gtm-v3-aura {

    position: absolute;

    width: 530px;
    height: 530px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(148,20,203,.29) 0%,
            rgba(148,20,203,.11) 44%,
            transparent 73%
        );

    filter:
        blur(24px);

    z-index: 1;

    animation:
        gtmAura
        5s
        ease-in-out
        infinite;
}


.gtm-v3-aura-inner {

    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background:
        rgba(148,20,203,.16);

    filter:
        blur(60px);

    z-index: 2;

    animation:
        gtmAuraInner
        4s
        ease-in-out
        infinite;
}


/* =========================================================
   OUTER ORBIT
   ========================================================= */

.gtm-v3-orbit {

    position: absolute;

    left: 50%;
    top: 50%;

    border-radius: 50%;

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

    pointer-events: none;
}


.gtm-v3-orbit-outer {

    width: 555px;
    height: 555px;

    border:
        1px solid
        rgba(148,20,203,.28);

    z-index: 20;

    animation:
        gtmOrbit
        28s
        linear
        infinite;
}


/* =========================================================
   INNER ORBIT
   ========================================================= */

.gtm-v3-orbit-inner {

    width: 410px;
    height: 410px;

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

    z-index: 21;

    animation:
        gtmOrbitReverse
        20s
        linear
        infinite;
}


/* =========================================================
   ORBIT DOTS
   ========================================================= */

.gtm-v3-orbit-dot {

    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--gtm-purple-light);

    box-shadow:
        0 0 12px
        var(--gtm-purple),

        0 0 24px
        rgba(148,20,203,.55);
}


.od-1 {

    left: 22%;
    top: 11%;
}


.od-2 {

    right: 8%;
    top: 31%;
}


.od-3 {

    right: 20%;
    bottom: 12%;
}


.od-4 {

    left: 8%;
    bottom: 27%;
}


.od-5 {

    right: 23%;
    top: 17%;
}


/* =========================================================
   MAIN IMAGE
   ========================================================= */

.gtm-v3-art {

    position: absolute;

    left: 50%;
    top: 50%;

    width: 425px;
    height: 425px;

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

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    pointer-events: none;
}


.gtm-v3-art-glow {

    position: absolute;

    width: 78%;
    height: 78%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(148,20,203,.30),
            rgba(148,20,203,.07) 52%,
            transparent 73%
        );

    filter:
        blur(25px);
}


.gtm-v3-art img {

    position: relative;

    width: 100%;
    height: 100%;

    display: block;

    object-fit:
        contain;

    object-position:
        center;

    z-index: 5;

    filter:
        drop-shadow(
            0 35px 50px
            rgba(0,0,0,.65)
        )

        drop-shadow(
            0 0 35px
            rgba(148,20,203,.20)
        );

    animation:
        gtmArtworkFloat
        6s
        ease-in-out
        infinite;
}


/* =========================================================
   STAT CARDS
   ========================================================= */

.gtm-v3-stat {

    position: absolute;

    width: 190px;

    padding: 17px;

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

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(25,25,29,.96),
            rgba(7,7,9,.90)
        );

    box-shadow:

        0 25px 60px
        rgba(0,0,0,.48),

        inset 0 1px 0
        rgba(255,255,255,.07);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    z-index: 70;
}


/* =========================================================
   VISIBILITY CARD
   ========================================================= */

.gtm-stat-left {

    left: -2%;

    top: 7%;

    animation:
        gtmCardLeft
        6s
        ease-in-out
        infinite;
}


/* =========================================================
   LEADS CARD
   ========================================================= */

.gtm-stat-right {

    right: -2%;

    bottom: 7%;

    animation:
        gtmCardRight
        7s
        ease-in-out
        infinite;
}


/* =========================================================
   STAT HEADER
   ========================================================= */

.gtm-stat-header {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #85858D;

    font-size: 8px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: .10em;
}


.gtm-stat-header b {

    margin-left: auto;

    color: #4C4C54;

    font-size: 8px;

    font-weight: 600;
}


/* =========================================================
   STATUS DOT
   ========================================================= */

.gtm-stat-dot {

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background:
        var(--gtm-purple-light);

    box-shadow:
        0 0 11px
        var(--gtm-purple);
}


.gtm-stat-dot.green {

    background:
        var(--gtm-green);

    box-shadow:
        0 0 11px
        var(--gtm-green);
}


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

.gtm-stat-number {

    display: flex;

    align-items: flex-start;

    margin-top: 14px;
}


.gtm-stat-number strong {

    display: block;

    min-width: 90px;

    color: #ffffff;

    font-size: 31px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: -.055em;

    font-variant-numeric:
        tabular-nums;
}


.gtm-stat-number span {

    margin:
        3px 0 0 3px;

    color:
        var(--gtm-purple-light);

    font-size: 12px;

    line-height: 1;

    font-weight: 700;
}


/* =========================================================
   PROGRESS TRACK
   IMPORTANT:
   NO CSS ANIMATION HERE.
   JAVASCRIPT CONTROLS WIDTH.
   ========================================================= */

.gtm-progress {

    position: relative;

    width: 100%;
    height: 5px;

    margin-top: 14px;

    overflow: hidden;

    border-radius: 20px;

    background:
        rgba(255,255,255,.08);
}


/* =========================================================
   PROGRESS FILL
   ========================================================= */

.gtm-progress-fill {

    display: block;

    width: 0%;

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #9414CB 0%,
            #B84BE5 100%
        );

    box-shadow:
        0 0 13px
        rgba(148,20,203,.55);

    /*
       VERY IMPORTANT:
       no animation here.
       JS controls this.
    */

    transition: none !important;
}


.gtm-v3-stat small {

    display: block;

    margin-top: 10px;

    color: #66666E;

    font-size: 7px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: .08em;
}


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

.gtm-v3-chip {

    position: absolute;

    display: flex;

    align-items: center;

    gap: 8px;

    min-width: 112px;

    padding:
        9px 12px;

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

    border-radius: 100px;

    background:
        rgba(8,8,11,.90);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.35);

    backdrop-filter:
        blur(15px);

    -webkit-backdrop-filter:
        blur(15px);

    z-index: 80;
}


.gtm-v3-chip > span {

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background:
        var(--gtm-purple);

    box-shadow:
        0 0 10px
        var(--gtm-purple);
}


.gtm-v3-chip small {

    display: block;

    color: #66666E;

    font-size: 6px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: .10em;
}


.gtm-v3-chip strong {

    display: block;

    margin-top: 2px;

    color: #D0D0D5;

    font-size: 8px;

    line-height: 1.3;

    font-weight: 600;
}


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

.chip-search {

    right: 2%;

    top: 21%;

    animation:
        gtmChipFloat
        5s
        ease-in-out
        infinite;
}


/* =========================================================
   REACH CHIP
   ========================================================= */

.chip-reach {

    left: 3%;

    bottom: 25%;

    animation:
        gtmChipFloat
        5s
        ease-in-out
        infinite;

    animation-delay:
        -1.5s;
}


/* =========================================================
   OPTIMIZED CHIP

   IMPORTANT:
   THIS IS ABOVE THE LEADS CARD.
   ========================================================= */

.chip-conversion {

    right: 1%;

    bottom: 31%;

    animation:
        gtmChipFloat
        5s
        ease-in-out
        infinite;

    animation-delay:
        -3s;
}


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

.gtm-v3-connector {

    position: absolute;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(148,20,203,.80),
            transparent
        );

    opacity: .50;

    transform-origin:
        left center;

    z-index: 35;
}


.connector-a {

    width: 110px;

    left: 17%;

    top: 28%;

    transform:
        rotate(18deg);
}


.connector-b {

    width: 95px;

    right: 19%;

    top: 28%;

    transform:
        rotate(-23deg);
}


.connector-c {

    width: 100px;

    right: 20%;

    bottom: 23%;

    transform:
        rotate(24deg);
}


/* =========================================================
   PARTICLES
   ========================================================= */

.gtm-v3-particle {

    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
        var(--gtm-purple-light);

    box-shadow:
        0 0 12px
        var(--gtm-purple);

    z-index: 40;
}


.particle-a {

    left: 28%;

    top: 15%;
}


.particle-b {

    right: 22%;

    top: 18%;
}


.particle-c {

    left: 23%;

    bottom: 17%;
}


.particle-d {

    right: 8%;

    bottom: 31%;
}


/* =========================================================
   BOTTOM MARQUEE
   ========================================================= */

.gtm-v3-marquee {

    position: absolute;

    left: 0;
    right: 0;

    bottom: 0;

    height: 53px;

    overflow: hidden;

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

    background:
        rgba(255,255,255,.015);
}


.gtm-v3-marquee-track {

    display: flex;

    width: max-content;

    height: 100%;

    animation:
        gtmMarquee
        35s
        linear
        infinite;
}


.gtm-v3-marquee-content {

    display: flex;

    align-items: center;

    gap: 25px;

    padding-right: 25px;

    white-space: nowrap;
}


.gtm-v3-marquee-content span {

    color: #66666E;

    font-size: 8px;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: .13em;
}


.gtm-v3-marquee-content i {

    color:
        var(--gtm-purple);

    font-size: 8px;

    font-style: normal;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes gtmPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.65);
        opacity: .45;
    }
}


@keyframes gtmBackgroundGlow {

    0%,
    100% {
        transform:
            translate(0,0);
    }

    50% {
        transform:
            translate(-30px,20px);
    }
}


@keyframes gtmAura {

    0%,
    100% {
        transform: scale(.94);
        opacity: .55;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}


@keyframes gtmAuraInner {

    0%,
    100% {
        transform: scale(.90);
        opacity: .35;
    }

    50% {
        transform: scale(1.12);
        opacity: .78;
    }
}


@keyframes gtmArtworkFloat {

    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-9px)
            scale(1.015);
    }
}


@keyframes gtmOrbit {

    from {
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }
}


@keyframes gtmOrbitReverse {

    from {
        transform:
            translate(-50%,-50%)
            rotate(360deg);
    }

    to {
        transform:
            translate(-50%,-50%)
            rotate(0deg);
    }
}


@keyframes gtmCardLeft {

    0%,
    100% {
        transform:
            translate3d(0,0,0);
    }

    50% {
        transform:
            translate3d(8px,-11px,0);
    }
}


@keyframes gtmCardRight {

    0%,
    100% {
        transform:
            translate3d(0,0,0);
    }

    50% {
        transform:
            translate3d(-8px,10px,0);
    }
}


@keyframes gtmChipFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-8px);
    }
}


@keyframes gtmMarquee {

    from {
        transform:
            translateX(0);
    }

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

/* =========================================================
   RESPONSIVE SYSTEM
   GENIE TOUCH MEDIA HERO
   MOBILE-FIRST COMPOSITION
   ========================================================= */


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

@media (max-width: 1100px) {

    .gtm-hero-v3 {
        min-height: auto;
        overflow: hidden;
    }

    .gtm-hero-v3-inner {
        width: min(900px, calc(100% - 48px));
        min-height: auto;

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

        padding: 70px 0 85px;
    }

    /* CONTENT */

    .gtm-hero-v3-content {
        padding: 0;
        text-align: center;
        z-index: 100;
    }

    .gtm-v3-kicker,
    .gtm-v3-eyebrow {
        justify-content: center;
    }

    .gtm-v3-lead,
    .gtm-v3-seo {
        margin-left: auto;
        margin-right: auto;
    }

    .gtm-v3-actions {
        justify-content: center;
    }

    .gtm-v3-process {
        justify-content: center;
    }

    /* VISUAL */

    .gtm-v3-visual {
        width: 100%;
        height: 620px;
        margin-top: 25px;

        overflow: visible;
    }

    /* ART */

    .gtm-v3-art {
        width: 440px;
        height: 440px;
    }

    .gtm-v3-aura {
        width: 520px;
        height: 520px;
    }

    .gtm-v3-aura-inner {
        width: 300px;
        height: 300px;
    }

    /* ORBITS */

    .gtm-v3-orbit-outer {
        width: 560px;
        height: 560px;
    }

    .gtm-v3-orbit-inner {
        width: 415px;
        height: 415px;
    }

    /* CARDS */

    .gtm-stat-left {
        left: 3%;
        top: 9%;
    }

    .gtm-stat-right {
        right: 3%;
        bottom: 9%;
    }

    /* CHIPS */

    .chip-search {
        right: 5%;
        top: 17%;
    }

    .chip-reach {
        left: 5%;
        bottom: 26%;
    }

    .chip-conversion {
        right: 8%;
        bottom: 29%;
    }
}


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

@media (max-width: 767px) {

    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .gtm-hero-v3 {

        width: 100%;

        min-height: 0;

        overflow: hidden;
    }


    /* -----------------------------------------------------
       MAIN CONTAINER
       ----------------------------------------------------- */

    .gtm-hero-v3-inner {

        width: calc(100% - 32px);

        min-height: 0;

        display: flex;

        flex-direction: column;

        padding:
            34px 0 55px;

        margin: 0 auto;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .gtm-hero-v3-content {

        width: 100%;

        padding: 0;

        text-align: center;

        z-index: 100;
    }


    /* -----------------------------------------------------
       TOP LABEL
       ----------------------------------------------------- */

    .gtm-v3-kicker {

        justify-content: center;

        font-size: 7px;

        letter-spacing: .12em;

        white-space: nowrap;
    }


    .gtm-v3-kicker span {

        width: 5px;
        height: 5px;

        flex-basis: 5px;
    }


    .gtm-v3-kicker em {

        display: none;
    }


    /* -----------------------------------------------------
       EYEBROW
       ----------------------------------------------------- */

    .gtm-v3-eyebrow {

        justify-content: center;

        margin-top: 25px;

        font-size: 7px;

        letter-spacing: .10em;
    }


    /* -----------------------------------------------------
       MAIN TITLE
       ----------------------------------------------------- */

    .gtm-v3-title {

        width: 100%;

        margin-top: 16px;

        font-size:
            clamp(46px, 15vw, 68px);

        line-height: .88;

        letter-spacing:
            -.065em;

        text-align: center;
    }


    .gtm-v3-outline {

        -webkit-text-stroke:
            1px rgba(255,255,255,.70);
    }


    /* -----------------------------------------------------
       DESCRIPTION
       ----------------------------------------------------- */

    .gtm-v3-lead {

        width: 100%;

        max-width: 480px;

        margin:
            22px auto 0;

        font-size: 12px;

        line-height: 1.7;

        color: #B7B7BE;
    }


    /* -----------------------------------------------------
       SEO TEXT
       ----------------------------------------------------- */

    .gtm-v3-seo {

        width: 100%;

        max-width: 460px;

        margin:
            12px auto 0;

        font-size: 9px;

        line-height: 1.7;

        color: #777780;
    }


    /* -----------------------------------------------------
       BUTTON AREA
       ----------------------------------------------------- */

    .gtm-v3-actions {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 13px;

        margin-top: 24px;
    }


    .gtm-v3-primary {

        width: 100%;

        min-width: 0;

        height: 54px;

        padding:
            0 8px 0 19px;

        border-radius: 9px;

        font-size: 9px;
    }


    .gtm-v3-primary b {

        width: 38px;
        height: 38px;
    }


    .gtm-v3-secondary {

        justify-content: center;

        font-size: 8px;
    }


    /* -----------------------------------------------------
       PROCESS
       ----------------------------------------------------- */

    .gtm-v3-process {

        width: 100%;

        justify-content: space-between;

        gap: 4px;

        margin-top: 29px;
    }


    .gtm-v3-process div {

        flex-shrink: 0;

        gap: 4px;
    }


    .gtm-v3-process strong {

        font-size: 8px;
    }


    .gtm-v3-process span {

        font-size: 6px;

        letter-spacing: .07em;
    }


    .gtm-v3-process > i {

        flex: 1;

        max-width: 24px;

        min-width: 5px;
    }


    /* =====================================================
       VISUAL
       ===================================================== */

    .gtm-v3-visual {

        position: relative;

        width: calc(100% + 32px);

        height: 430px;

        margin-left: -16px;

        margin-top: 18px;

        overflow: hidden;
    }


    /* =====================================================
       ARTWORK
       ===================================================== */

    .gtm-v3-art {

        left: 50%;
        top: 50%;

        width: 285px;
        height: 285px;

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


    .gtm-v3-art img {

        width: 100%;
        height: 100%;

        object-fit: contain;

        object-position: center;

        max-width: none;
    }


    /* =====================================================
       PURPLE GLOW
       ===================================================== */

    .gtm-v3-aura {

        width: 350px;
        height: 350px;

        filter: blur(20px);
    }


    .gtm-v3-aura-inner {

        width: 220px;
        height: 220px;

        filter: blur(45px);
    }


    /* =====================================================
       ORBITS
       ===================================================== */

    .gtm-v3-orbit-outer {

        width: 350px;
        height: 350px;
    }


    .gtm-v3-orbit-inner {

        width: 275px;
        height: 275px;
    }


    .gtm-v3-orbit-dot {

        width: 5px;
        height: 5px;
    }


    /* =====================================================
       VISIBILITY CARD
       TOP LEFT
       ===================================================== */

    .gtm-v3-stat {

        width: 142px;

        padding: 12px;

        border-radius: 12px;
    }


    .gtm-stat-left {

        left: 4px;

        top: 7%;

        z-index: 70;
    }


    /* =====================================================
       LEADS CARD
       BOTTOM RIGHT
       ===================================================== */

    .gtm-stat-right {

        right: 4px;

        bottom: 6%;

        z-index: 70;
    }


    /* =====================================================
       CARD TYPOGRAPHY
       ===================================================== */

    .gtm-stat-header {

        gap: 6px;

        font-size: 6px;
    }


    .gtm-stat-header b {

        font-size: 6px;
    }


    .gtm-stat-dot {

        width: 5px;
        height: 5px;

        flex-basis: 5px;
    }


    .gtm-stat-number {

        margin-top: 10px;
    }


    .gtm-stat-number strong {

        min-width: 65px;

        font-size: 23px;

        letter-spacing: -.06em;
    }


    .gtm-stat-number span {

        margin-top: 2px;

        font-size: 8px;
    }


    .gtm-progress {

        height: 4px;

        margin-top: 11px;
    }


    .gtm-v3-stat small {

        margin-top: 7px;

        font-size: 5px;

        letter-spacing: .06em;
    }


    /* =====================================================
       SEARCH CHIP
       TOP RIGHT
       ===================================================== */

    .chip-search {

        right: 3px;

        top: 23%;

        min-width: 96px;

        padding:
            8px 10px;

        transform:
            scale(.72);

        transform-origin:
            right center;

        z-index: 80;
    }


    /* =====================================================
       REACH CHIP
       LEFT SIDE
       ===================================================== */

    .chip-reach {

        left: 3px;

        bottom: 27%;

        min-width: 96px;

        padding:
            8px 10px;

        transform:
            scale(.72);

        transform-origin:
            left center;

        z-index: 80;
    }


    /* =====================================================
       OPTIMIZED CHIP

       CRITICAL:
       IT SITS ABOVE LEADS.
       NEVER UNDER THE LEADS CARD.
       ===================================================== */

    .chip-conversion {

        right: 8px;

        bottom: 25%;

        min-width: 100px;

        padding:
            8px 10px;

        transform:
            scale(.72);

        transform-origin:
            right center;

        z-index: 90;
    }


    /* =====================================================
       CONNECTORS
       ===================================================== */

    .gtm-v3-connector {

        opacity: .20;

        pointer-events: none;
    }


    .connector-a {

        width: 65px;

        left: 23%;

        top: 30%;
    }


    .connector-b {

        width: 55px;

        right: 20%;

        top: 31%;
    }


    .connector-c {

        width: 60px;

        right: 21%;

        bottom: 25%;
    }


    /* =====================================================
       PARTICLES
       ===================================================== */

    .gtm-v3-particle {

        width: 3px;
        height: 3px;
    }


    /* =====================================================
       BOTTOM MARQUEE
       ===================================================== */

    .gtm-v3-marquee {

        position: relative;

        width: 100%;

        height: 43px;

        margin-top: 0;
    }


    .gtm-v3-marquee-content {

        gap: 17px;

        padding-right: 17px;
    }


    .gtm-v3-marquee-content span {

        font-size: 6px;
    }


    .gtm-v3-marquee-content i {

        font-size: 6px;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 480px) {

    .gtm-hero-v3-inner {

        width:
            calc(100% - 26px);

        padding-top: 30px;
    }


    .gtm-v3-title {

        font-size:
            clamp(43px, 14.5vw, 61px);
    }


    .gtm-v3-lead {

        font-size: 11.5px;
    }


    .gtm-v3-visual {

        height: 405px;

        width:
            calc(100% + 26px);

        margin-left: -13px;
    }


    .gtm-v3-art {

        width: 265px;
        height: 265px;
    }


    .gtm-v3-aura {

        width: 325px;
        height: 325px;
    }


    .gtm-v3-orbit-outer {

        width: 330px;
        height: 330px;
    }


    .gtm-v3-orbit-inner {

        width: 255px;
        height: 255px;
    }


    .gtm-v3-stat {

        width: 134px;

        padding: 11px;
    }


    .gtm-stat-left {

        left: 2px;

        top: 8%;
    }


    .gtm-stat-right {

        right: 2px;

        bottom: 7%;
    }


    .gtm-stat-number strong {

        font-size: 21px;
    }


    .chip-search {

        right: -2px;

        top: 24%;

        transform:
            scale(.66);
    }


    .chip-reach {

        left: -2px;

        bottom: 29%;

        transform:
            scale(.66);
    }


    .chip-conversion {

        right: 3px;

        bottom: 27%;

        transform:
            scale(.66);
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .gtm-hero-v3-inner {

        width:
            calc(100% - 22px);
    }


    .gtm-v3-title {

        font-size: 40px;
    }


    .gtm-v3-lead {

        font-size: 11px;
    }


    .gtm-v3-seo {

        font-size: 8px;
    }


    .gtm-v3-visual {

        height: 370px;

        width:
            calc(100% + 22px);

        margin-left: -11px;
    }


    .gtm-v3-art {

        width: 235px;
        height: 235px;
    }


    .gtm-v3-aura {

        width: 290px;
        height: 290px;
    }


    .gtm-v3-aura-inner {

        width: 180px;
        height: 180px;
    }


    .gtm-v3-orbit-outer {

        width: 295px;
        height: 295px;
    }


    .gtm-v3-orbit-inner {

        width: 225px;
        height: 225px;
    }


    .gtm-v3-stat {

        width: 122px;

        padding: 10px;
    }


    .gtm-stat-left {

        left: 0;

        top: 8%;
    }


    .gtm-stat-right {

        right: 0;

        bottom: 7%;
    }


    .gtm-stat-number strong {

        font-size: 19px;

        min-width: 56px;
    }


    .gtm-v3-stat small {

        font-size: 4.5px;
    }


    /*
       On very small phones,
       remove the secondary floating
       chips completely.

       The artwork + two analytics
       cards remain clean.
    */

    .gtm-v3-chip {

        display: none;
    }


    .gtm-v3-connector {

        display: none;
    }


    .gtm-v3-process {

        gap: 3px;
    }


    .gtm-v3-process span {

        font-size: 5px;
    }
}


/* =========================================================
   EXTRA SMALL DEVICES
   ========================================================= */

@media (max-width: 340px) {

    .gtm-v3-title {

        font-size: 37px;
    }


    .gtm-v3-lead {

        font-size: 10.5px;
    }


    .gtm-v3-art {

        width: 215px;
        height: 215px;
    }


    .gtm-v3-orbit-outer {

        width: 270px;
        height: 270px;
    }


    .gtm-v3-orbit-inner {

        width: 205px;
        height: 205px;
    }


    .gtm-v3-stat {

        width: 112px;

        transform:
            scale(.92);
    }


    .gtm-stat-number strong {

        font-size: 18px;
    }
}


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

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

    .gtm-hero-v3 *,
    .gtm-hero-v3 *::before,
    .gtm-hero-v3 *::after {

        animation: none !important;

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-651ea8b *//* =========================================================
   GENIE TOUCH MEDIA
   SECTION 02 — FROM ATTENTION TO GROWTH
   ========================================================= */

.gtm-growth-section {

    --growth-purple: #9414CB;
    --growth-black: #070707;
    --growth-grey: #6E6E75;

    position: relative;

    width: 100%;

    overflow: hidden;

    background: #F7F7F7;

    color: var(--growth-black);

    font-family:
        'Poppins',
        sans-serif;
}


.gtm-growth-container {

    width:
        min(1340px, calc(100% - 60px));

    margin: 0 auto;

    padding:
        110px 0 105px;
}


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

.gtm-growth-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 22px;

    border-bottom:
        1px solid
        rgba(0,0,0,.10);
}


.gtm-growth-label {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .14em;

    color: #77777D;
}


.gtm-growth-label span {

    color:
        var(--growth-purple);
}


.gtm-growth-location {

    color: #99999F;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .12em;
}


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

.gtm-growth-intro {

    display: grid;

    grid-template-columns:
        55% 45%;

    align-items: end;

    gap: 60px;

    padding:
        75px 0 90px;
}


.gtm-growth-heading-wrap {

    position: relative;
}


.gtm-growth-heading-wrap::before {

    content: "";

    position: absolute;

    left: -28px;

    top: 8px;

    width: 4px;

    height: 105px;

    border-radius: 10px;

    background:
        var(--growth-purple);
}


.gtm-growth-intro h2 {

    margin: 0;

    font-size:
        clamp(55px, 6.2vw, 90px);

    line-height: .88;

    letter-spacing:
        -.065em;

    font-weight: 800;
}


.gtm-growth-intro h2 span {

    display: block;

    color:
        var(--growth-purple);
}


.gtm-growth-intro h2 strong {

    display: block;

    color: transparent;

    -webkit-text-stroke:
        1.5px
        #171717;

    font-weight: 800;
}


.gtm-growth-description {

    max-width: 500px;

    padding-bottom: 5px;
}


.gtm-growth-main-copy {

    margin: 0;

    color: #29292E;

    font-size: 17px;

    line-height: 1.75;

    font-weight: 500;
}


.gtm-growth-seo-copy {

    margin:
        20px 0 0;

    color: #77777D;

    font-size: 11px;

    line-height: 1.8;
}


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

.gtm-growth-journey {

    position: relative;

    display: grid;

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

    border-top:
        1px solid
        rgba(0,0,0,.10);

    border-bottom:
        1px solid
        rgba(0,0,0,.10);
}


/* =========================================================
   STEP
   ========================================================= */

.gtm-growth-step {

    position: relative;

    min-height: 365px;

    padding:
        32px 35px 35px;

    border-right:
        1px solid
        rgba(0,0,0,.10);

    background:
        #F7F7F7;

    overflow: hidden;

    transition:
        background .4s ease,
        color .4s ease;
}


.gtm-growth-step:last-child {

    border-right: none;
}


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

.gtm-growth-step:hover {

    background:
        var(--growth-black);

    color: #FFFFFF;
}


.gtm-growth-step:hover .gtm-step-number {

    color:
        var(--growth-purple);
}


.gtm-growth-step:hover .gtm-step-content p {

    color:
        #A5A5AB;
}


.gtm-growth-step:hover .gtm-step-stat {

    color:
        rgba(255,255,255,.25);
}


/* =========================================================
   STEP NUMBER
   ========================================================= */

.gtm-step-number {

    color: #B5B5BA;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .08em;

    transition:
        color .4s ease;
}


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

.gtm-step-content {

    margin-top: 58px;
}


.gtm-step-line {

    width: 38px;
    height: 3px;

    margin-bottom: 25px;

    background:
        var(--growth-purple);

    transition:
        width .4s ease;
}


.gtm-growth-step:hover .gtm-step-line {

    width: 70px;
}


.gtm-step-content h3 {

    margin: 0;

    font-size: 38px;

    line-height: .95;

    letter-spacing:
        -.045em;

    font-weight: 800;
}


.gtm-step-content h3 span {

    display: block;

    color:
        var(--growth-purple);
}


.gtm-step-content p {

    max-width: 320px;

    margin:
        25px 0 0;

    color: #707077;

    font-size: 11px;

    line-height: 1.8;

    transition:
        color .4s ease;
}


/* =========================================================
   STEP STAT
   ========================================================= */

.gtm-step-stat {

    position: absolute;

    right: 30px;

    bottom: 28px;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    color: #D1D1D4;

    transition:
        color .4s ease;
}


.gtm-step-stat strong {

    font-size: 38px;

    line-height: 1;

    font-weight: 800;

    letter-spacing:
        -.06em;
}


.gtm-step-stat span {

    margin-top: 5px;

    font-size: 6px;

    font-weight: 700;

    letter-spacing: .14em;
}


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

.gtm-growth-bottom {

    display: grid;

    grid-template-columns:
        45% 55%;

    align-items: center;

    padding-top: 65px;
}


.gtm-growth-bottom-number {

    display: flex;

    align-items: baseline;

    gap: 13px;
}


.gtm-growth-bottom-number span {

    color: #88888F;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .12em;
}


.gtm-growth-bottom-number strong {

    color:
        var(--growth-black);

    font-size: 42px;

    line-height: 1;

    letter-spacing:
        -.05em;

    font-weight: 800;
}


.gtm-growth-bottom-copy {

    padding-left: 30px;

    border-left:
        1px solid
        rgba(0,0,0,.13);
}


.gtm-growth-bottom-copy p {

    margin: 0;

    color: #252529;

    font-size: 17px;

    line-height: 1.6;

    font-weight: 500;
}


.gtm-growth-bottom-copy small {

    display: block;

    margin-top: 10px;

    color: #85858B;

    font-size: 9px;

    letter-spacing: .05em;
}


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

@media (max-width: 900px) {

    .gtm-growth-container {

        width:
            calc(100% - 40px);

        padding:
            80px 0;
    }


    .gtm-growth-intro {

        grid-template-columns:
            1fr;

        gap: 35px;

        padding:
            60px 0 65px;
    }


    .gtm-growth-description {

        max-width: 650px;
    }


    .gtm-growth-journey {

        grid-template-columns:
            1fr;
    }


    .gtm-growth-step {

        min-height: 300px;

        border-right: none;

        border-bottom:
            1px solid
            rgba(0,0,0,.10);
    }


    .gtm-growth-step:last-child {

        border-bottom: none;
    }


    .gtm-growth-bottom {

        grid-template-columns:
            1fr;

        gap: 30px;
    }


    .gtm-growth-bottom-copy {

        padding-left: 0;

        padding-top: 25px;

        border-left: none;

        border-top:
            1px solid
            rgba(0,0,0,.13);
    }
}


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

@media (max-width: 600px) {

    .gtm-growth-container {

        width:
            calc(100% - 28px);

        padding:
            70px 0 65px;
    }


    .gtm-growth-top {

        padding-bottom: 17px;
    }


    .gtm-growth-label {

        font-size: 7px;
    }


    .gtm-growth-location {

        font-size: 6px;
    }


    .gtm-growth-intro {

        gap: 30px;

        padding:
            48px 0 55px;
    }


    .gtm-growth-heading-wrap::before {

        left: -13px;

        top: 5px;

        width: 3px;

        height: 78px;
    }


    .gtm-growth-intro h2 {

        font-size:
            clamp(45px, 14vw, 63px);
    }


    .gtm-growth-main-copy {

        font-size: 14px;

        line-height: 1.7;
    }


    .gtm-growth-seo-copy {

        font-size: 9px;

        line-height: 1.75;
    }


    .gtm-growth-step {

        min-height: 315px;

        padding:
            27px 23px 28px;
    }


    .gtm-step-content {

        margin-top: 43px;
    }


    .gtm-step-content h3 {

        font-size: 34px;
    }


    .gtm-step-content p {

        max-width: 90%;

        font-size: 10px;

        line-height: 1.75;
    }


    .gtm-step-stat {

        right: 22px;

        bottom: 23px;
    }


    .gtm-step-stat strong {

        font-size: 30px;
    }


    .gtm-growth-bottom {

        padding-top: 45px;
    }


    .gtm-growth-bottom-number strong {

        font-size: 35px;
    }


    .gtm-growth-bottom-copy p {

        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a4964e *//* =========================================================
   GENIE TOUCH MEDIA
   SECTION 03 — PREMIUM SERVICE BLOCKS
   COMPLETE CSS
   ========================================================= */

.gtm-block-services,
.gtm-block-services * {
    box-sizing: border-box;
}

.gtm-block-services {

    --gtm-purple: #9414CB;
    --gtm-black: #070707;
    --gtm-grey: #6E6E75;
    --gtm-white: #FFFFFF;
    --gtm-border: rgba(255,255,255,.12);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--gtm-black);

    color: var(--gtm-white);

    font-family: 'Poppins', sans-serif;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.gtm-block-container {

    width: min(1340px, calc(100% - 60px));

    margin: 0 auto;

    padding: 115px 0 100px;
}


/* =========================================================
   HEADER
   ========================================================= */

.gtm-block-header {

    display: grid;

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

    align-items: end;

    gap: 55px;

    margin-bottom: 75px;
}


/* SECTION NUMBER */

.gtm-block-header > div {

    display: flex;

    align-items: center;

    gap: 13px;

    align-self: start;
}

.gtm-block-header > div span {

    color: var(--gtm-purple);

    font-size: 12px;

    line-height: 1;

    font-weight: 700;
}

.gtm-block-header > div p {

    margin: 0;

    color: #8A8A91;

    font-size: 9px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: .14em;
}


/* MAIN HEADING */

.gtm-block-header h2 {

    margin: 0;

    color: var(--gtm-white);

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

    line-height: .84;

    letter-spacing: -.065em;

    font-weight: 800;
}

.gtm-block-header h2 em {

    display: block;

    margin-top: 4px;

    color: var(--gtm-purple);

    font-style: normal;
}


/* INTRO */

.gtm-block-intro {

    max-width: 330px;

    margin: 0;

    color: #A0A0A7;

    font-size: 13px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   SERVICE GRID
   ========================================================= */

.gtm-block-grid {

    display: grid;

    grid-template-columns:
        1.35fr .85fr .85fr;

    grid-auto-rows: 330px;

    gap: 2px;

    background:
        rgba(255,255,255,.13);
}


/* =========================================================
   SERVICE BLOCK
   ========================================================= */

.gtm-block-item {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-width: 0;

    padding: 32px;

    background: #0B0B0D;

    color: var(--gtm-white);

    text-decoration: none !important;

    overflow: hidden;

    isolation: isolate;

    transition:
        background .45s ease,
        padding .45s ease;
}


/* PURPLE ACCENT */

.gtm-block-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 4px;

    height: 0;

    background: var(--gtm-purple);

    z-index: 5;

    transition:
        height .45s ease;
}


/* SUBTLE PURPLE LIGHT */

.gtm-block-item::after {

    content: "";

    position: absolute;

    width: 220px;

    height: 220px;

    right: -130px;

    bottom: -130px;

    border-radius: 50%;

    background: var(--gtm-purple);

    opacity: 0;

    filter: blur(80px);

    z-index: -1;

    transition:
        opacity .5s ease;
}


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

.gtm-block-item:hover {

    background: var(--gtm-white);

    color: var(--gtm-black);

    padding-left: 40px;

    z-index: 5;
}

.gtm-block-item:hover::before {

    height: 100%;
}

.gtm-block-item:hover::after {

    opacity: .14;
}


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

.gtm-block-number {

    position: relative;

    z-index: 3;

    color: #67676E;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .04em;

    transition:
        color .35s ease;
}

.gtm-block-item:hover .gtm-block-number {

    color: var(--gtm-purple);
}


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

.gtm-block-content {

    position: relative;

    z-index: 3;
}


/* CATEGORY */

.gtm-block-content small {

    display: block;

    margin-bottom: 13px;

    color: #77777E;

    font-size: 8px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: .17em;

    transition:
        color .35s ease;
}

.gtm-block-item:hover
.gtm-block-content small {

    color: var(--gtm-purple);
}


/* =========================================================
   SERVICE TITLE
   ========================================================= */

.gtm-block-content h3 {

    max-width: 560px;

    margin: 0;

    color: var(--gtm-white);

    font-size:
        clamp(32px, 3.2vw, 48px);

    line-height: 1.02;

    letter-spacing: -.045em;

    font-weight: 700;

    transition:
        color .35s ease;
}


.gtm-block-content h3 strong {

    display: block;

    color: #85858C;

    font-size: inherit;

    line-height: inherit;

    font-weight: 400;

    transition:
        color .35s ease;
}


.gtm-block-item:hover
.gtm-block-content h3 {

    color: var(--gtm-black);
}


.gtm-block-item:hover
.gtm-block-content h3 strong {

    color: var(--gtm-purple);
}


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

.gtm-block-content p {

    max-width: 430px;

    margin: 16px 0 0;

    color: #77777E;

    font-size: 12px;

    line-height: 1.75;

    font-weight: 400;

    opacity: 1;

    transition:
        color .35s ease;
}


.gtm-block-item:hover
.gtm-block-content p {

    color: #5E5E65;
}


/* =========================================================
   CODE
   ========================================================= */

.gtm-block-code {

    position: relative;

    z-index: 3;

    align-self: flex-end;

    color: #4E4E55;

    font-size: 8px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .14em;

    transition:
        color .35s ease;
}


.gtm-block-item:hover
.gtm-block-code {

    color: var(--gtm-purple);
}


/* =========================================================
   BLOCK SIZES
   ========================================================= */

.gtm-block-large {

    grid-column: span 2;
}

.gtm-block-small {

    grid-column: span 1;
}


/* =========================================================
   DESKTOP LARGE BLOCK
   ========================================================= */

@media (min-width: 1101px) {

    .gtm-block-large
    .gtm-block-content h3 {

        font-size:
            clamp(38px, 3.5vw, 52px);
    }

    .gtm-block-small
    .gtm-block-content h3 {

        font-size:
            clamp(30px, 2.7vw, 40px);
    }
}


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

@media (max-width: 1100px) {

    .gtm-block-container {

        width:
            calc(100% - 48px);

        padding:
            90px 0 75px;
    }

    .gtm-block-header {

        grid-template-columns:
            130px 1fr;

        gap: 30px;

        margin-bottom: 60px;
    }

    .gtm-block-intro {

        grid-column: 2;

        max-width: 500px;
    }

    .gtm-block-grid {

        grid-template-columns:
            1fr 1fr;

        grid-auto-rows:
            310px;
    }

    .gtm-block-large,
    .gtm-block-small {

        grid-column: span 1;
    }

    .gtm-block-item {

        padding: 28px;
    }

    .gtm-block-item:hover {

        padding-left: 34px;
    }

    .gtm-block-content h3 {

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

    .gtm-block-content p {

        font-size: 11px;
    }
}


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

@media (max-width: 700px) {

    .gtm-block-container {

        width:
            calc(100% - 28px);

        padding:
            70px 0 60px;
    }

    .gtm-block-header {

        display: block;

        margin-bottom:
            42px;
    }

    .gtm-block-header > div {

        margin-bottom:
            25px;
    }

    .gtm-block-header > div span {

        font-size: 11px;
    }

    .gtm-block-header > div p {

        font-size: 8px;
    }

    .gtm-block-header h2 {

        font-size:
            clamp(52px, 15vw, 70px);

        line-height: .86;
    }

    .gtm-block-intro {

        max-width:
            100%;

        margin-top:
            25px;

        font-size:
            12px;

        line-height:
            1.75;
    }


    /* GRID */

    .gtm-block-grid {

        display:
            grid;

        grid-template-columns:
            1fr;

        grid-auto-rows:
            auto;

        gap:
            2px;
    }


    /* BLOCK */

    .gtm-block-item {

        min-height:
            285px;

        padding:
            26px;
    }


    .gtm-block-item:hover {

        padding-left:
            32px;
    }


    /* NUMBER */

    .gtm-block-number {

        font-size:
            11px;
    }


    /* CATEGORY */

    .gtm-block-content small {

        margin-bottom:
            11px;

        font-size:
            7px;
    }


    /* TITLE */

    .gtm-block-content h3 {

        max-width:
            100%;

        font-size:
            clamp(29px, 8.5vw, 37px);

        line-height:
            1.03;

        letter-spacing:
            -.04em;
    }


    .gtm-block-content h3 strong {

        font-size:
            inherit;
    }


    /* DESCRIPTION */

    .gtm-block-content p {

        max-width:
            95%;

        margin-top:
            14px;

        font-size:
            11px;

        line-height:
            1.7;

        color:
            #77777E;
    }


    /* CODE */

    .gtm-block-code {

        font-size:
            7px;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .gtm-block-container {

        width:
            calc(100% - 22px);

        padding:
            60px 0 50px;
    }

    .gtm-block-header h2 {

        font-size:
            46px;
    }

    .gtm-block-intro {

        font-size:
            11px;
    }

    .gtm-block-item {

        min-height:
            270px;

        padding:
            23px;
    }

    .gtm-block-item:hover {

        padding-left:
            29px;
    }

    .gtm-block-content h3 {

        font-size:
            27px;
    }

    .gtm-block-content p {

        font-size:
            10.5px;

        line-height:
            1.7;
    }
}


/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 340px) {

    .gtm-block-header h2 {

        font-size:
            42px;
    }

    .gtm-block-content h3 {

        font-size:
            25px;
    }

    .gtm-block-content p {

        font-size:
            10px;
    }
}


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

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

    .gtm-block-services *,
    .gtm-block-services *::before,
    .gtm-block-services *::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */