.elementor-18 .elementor-element.elementor-element-1406493{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:150px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-1406493:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-1406493 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0520B5 0%, #6D81EF 100%);}.elementor-18 .elementor-element.elementor-element-ef0f8f6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.3em;letter-spacing:0.5px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-af81ba8{--display:flex;--justify-content:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-7631cfc{--divider-border-style:solid;--divider-color:#F7CE7C;--divider-border-width:8px;}.elementor-18 .elementor-element.elementor-element-7631cfc .elementor-divider-separator{width:28%;margin:0 auto;margin-left:0;}.elementor-18 .elementor-element.elementor-element-7631cfc .elementor-divider{text-align:left;padding-block-start:10px;padding-block-end:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-e7dd3e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-48d8f0c .elementor-button{background-color:#61CE7000;font-family:"Red Hat Display", Sans-serif;font-weight:700;letter-spacing:0.4px;fill:#F7CE7C;color:#F7CE7C;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-48d8f0c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-48d8f0c .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-ef0f8f6{--width:70%;}.elementor-18 .elementor-element.elementor-element-af81ba8{--width:35%;}}/* Start custom CSS for heading, class: .elementor-element-fd3293b */.elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title {
    font-family: "Graphik", "Arial", sans-serif;
    font-size: clamp(52px, 7vw, 100px);
    font-weight: 800;
    line-height: 0.88;
    letter-spacing: -0.055em;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 850px;
    margin: 0;
}

.elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title .highlight {
    color: #F7CE7C;
    position: relative;
    display: inline-block;
}

.elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title .arrow {
    color: #F7CE7C;
    display: inline-block;
    margin: 0 8px;
    font-weight: 800;
    transition: transform 0.3s ease;
}

.elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title:hover .arrow {
    transform: translateX(8px);
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title {
        font-size: clamp(50px, 8vw, 75px);
        max-width: 700px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title {
        font-size: clamp(42px, 12vw, 58px);
        line-height: 0.92;
        letter-spacing: -0.045em;
        max-width: 100%;
    }

    .elementor-18 .elementor-element.elementor-element-fd3293b .elementor-heading-title .arrow {
        margin: 0 3px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1406493 *//* =====================================================
   ESSENDCORP — TECHNOLOGY ANIMATED HERO
   Blue Gradient + Digital Network Animation
   ===================================================== */

.elementor-18 .elementor-element.elementor-element-1406493 {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            115deg,
            #0520B5 0%,
            #1638C9 38%,
            #4965DF 72%,
            #6D81EF 100%
        );
}


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

.elementor-18 .elementor-element.elementor-element-1406493::before {
    content: "";
    position: absolute;
    inset: -10%;

    background-image:
        linear-gradient(
            rgba(255,255,255,0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,0.055) 1px,
            transparent 1px
        );

    background-size: 65px 65px;

    transform: perspective(700px) rotateX(58deg) scale(1.4);

    transform-origin: center bottom;

    opacity: .45;

    animation:
        techGrid 14s linear infinite;

    z-index: 0;
}


/* =====================================================
   DIGITAL NETWORK / TECHNOLOGY LINES
   ===================================================== */

.elementor-18 .elementor-element.elementor-element-1406493::after {
    content: "";

    position: absolute;

    width: 850px;
    height: 850px;

    right: -120px;
    top: 50%;

    transform: translateY(-50%);

    background:

        /* NODE 1 */
        radial-gradient(
            circle at 18% 28%,
            rgba(255,255,255,.9) 0 3px,
            transparent 4px
        ),

        /* NODE 2 */
        radial-gradient(
            circle at 42% 18%,
            rgba(255,255,255,.75) 0 3px,
            transparent 4px
        ),

        /* NODE 3 */
        radial-gradient(
            circle at 65% 35%,
            rgba(255,255,255,.9) 0 4px,
            transparent 5px
        ),

        /* NODE 4 */
        radial-gradient(
            circle at 82% 20%,
            rgba(255,255,255,.7) 0 3px,
            transparent 4px
        ),

        /* NODE 5 */
        radial-gradient(
            circle at 72% 65%,
            rgba(255,255,255,.9) 0 3px,
            transparent 4px
        ),

        /* NODE 6 */
        radial-gradient(
            circle at 45% 72%,
            rgba(255,255,255,.75) 0 4px,
            transparent 5px
        ),

        /* NODE 7 */
        radial-gradient(
            circle at 20% 62%,
            rgba(255,255,255,.8) 0 3px,
            transparent 4px
        ),

        /* CONNECTION LINES */

        linear-gradient(
            25deg,
            transparent 47%,
            rgba(255,255,255,.18) 48%,
            rgba(255,255,255,.18) 48.3%,
            transparent 49%
        ),

        linear-gradient(
            155deg,
            transparent 48%,
            rgba(255,255,255,.14) 49%,
            rgba(255,255,255,.14) 49.3%,
            transparent 50%
        ),

        linear-gradient(
            70deg,
            transparent 49%,
            rgba(255,255,255,.16) 50%,
            rgba(255,255,255,.16) 50.3%,
            transparent 51%
        );

    opacity: .75;

    filter: blur(.15px);

    animation:
        networkMove 18s ease-in-out infinite alternate;

    z-index: 1;
}


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

.elementor-18 .elementor-element.elementor-element-1406493 .elementor-widget-wrap::before,
.elementor-18 .elementor-element.elementor-element-1406493 > .e-con-inner::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: 12%;
    top: 20%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.18) 0%,
            rgba(255,255,255,.07) 25%,
            transparent 68%
        );

    filter: blur(20px);

    animation:
        digitalGlow 7s ease-in-out infinite alternate;

    pointer-events: none;

    z-index: 1;
}


/* =====================================================
   TECH PARTICLES
   ===================================================== */

.elementor-18 .elementor-element.elementor-element-1406493 .elementor-widget-wrap::after,
.elementor-18 .elementor-element.elementor-element-1406493 > .e-con-inner::after {
    content: "";

    position: absolute;

    inset: 0;

    background-image:

        radial-gradient(
            circle at 15% 25%,
            rgba(255,255,255,.7) 0 1px,
            transparent 2px
        ),

        radial-gradient(
            circle at 30% 70%,
            rgba(255,255,255,.55) 0 1px,
            transparent 2px
        ),

        radial-gradient(
            circle at 52% 30%,
            rgba(255,255,255,.65) 0 1px,
            transparent 2px
        ),

        radial-gradient(
            circle at 67% 78%,
            rgba(255,255,255,.5) 0 1px,
            transparent 2px
        ),

        radial-gradient(
            circle at 83% 42%,
            rgba(255,255,255,.75) 0 1px,
            transparent 2px
        ),

        radial-gradient(
            circle at 91% 70%,
            rgba(255,255,255,.55) 0 1px,
            transparent 2px
        );

    background-size:
        180px 180px,
        230px 230px,
        260px 260px,
        200px 200px,
        280px 280px,
        240px 240px;

    opacity: .6;

    animation:
        particlesMove 16s linear infinite;

    pointer-events: none;

    z-index: 1;
}


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

@keyframes techGrid {

    0% {
        transform:
            perspective(700px)
            rotateX(58deg)
            scale(1.4)
            translateY(0);
    }

    100% {
        transform:
            perspective(700px)
            rotateX(58deg)
            scale(1.4)
            translateY(65px);
    }
}


@keyframes networkMove {

    0% {
        transform:
            translate3d(0,0,0)
            rotate(0deg)
            scale(1);
    }

    50% {
        transform:
            translate3d(-45px,25px,0)
            rotate(2deg)
            scale(1.04);
    }

    100% {
        transform:
            translate3d(25px,-35px,0)
            rotate(-2deg)
            scale(.97);
    }
}


@keyframes digitalGlow {

    0% {
        transform:
            translate3d(0,0,0)
            scale(.8);

        opacity: .35;
    }

    50% {
        transform:
            translate3d(-80px,40px,0)
            scale(1.15);

        opacity: .65;
    }

    100% {
        transform:
            translate3d(50px,-50px,0)
            scale(.95);

        opacity: .4;
    }
}


@keyframes particlesMove {

    0% {
        transform:
            translate3d(0,0,0);
    }

    50% {
        transform:
            translate3d(-30px,-25px,0);
    }

    100% {
        transform:
            translate3d(25px,30px,0);
    }
}


/* =====================================================
   CONTENT ALWAYS ABOVE ANIMATION
   ===================================================== */

.elementor-18 .elementor-element.elementor-element-1406493 .e-con-inner,
.elementor-18 .elementor-element.elementor-element-1406493 .elementor-widget,
.elementor-18 .elementor-element.elementor-element-1406493 .elementor-container,
.elementor-18 .elementor-element.elementor-element-1406493 .elementor-column {
    position: relative;
    z-index: 5;
}


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

@media (max-width: 767px) {

    .elementor-18 .elementor-element.elementor-element-1406493::before {
        background-size: 45px 45px;

        opacity: .25;

        transform:
            perspective(500px)
            rotateX(55deg)
            scale(1.5);
    }

    .elementor-18 .elementor-element.elementor-element-1406493::after {
        width: 600px;
        height: 600px;

        right: -260px;

        opacity: .55;
    }

    .elementor-18 .elementor-element.elementor-element-1406493 .elementor-widget-wrap::before,
    .elementor-18 .elementor-element.elementor-element-1406493 > .e-con-inner::before {
        width: 280px;
        height: 280px;

        right: -50px;
        top: 30%;
    }

    .elementor-18 .elementor-element.elementor-element-1406493 .elementor-widget-wrap::after,
    .elementor-18 .elementor-element.elementor-element-1406493 > .e-con-inner::after {
        opacity: .35;
    }
}/* End custom CSS */