.elementor-496 .elementor-element.elementor-element-8d7fd72{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown a, .elementor-496 .elementor-element.elementor-element-dc45597 .elementor-menu-toggle{color:#F1F3F5;fill:#F1F3F5;}.elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown{background-color:#1C232A;}.elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown a.elementor-item-active{color:#4AA2FF;background-color:#20272E;}.elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown .elementor-item, .elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-weight:500;}.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-496 .elementor-element.elementor-element-7596c5d .elementor-button{background-color:#1479FF;font-family:"Inter", Sans-serif;font-weight:600;fill:#FFFFFF;color:#FFFFFF;}.elementor-496 .elementor-element.elementor-element-7596c5d .elementor-button-content-wrapper{flex-direction:row-reverse;}#elementor-popup-modal-496 .dialog-widget-content{background-color:#11161B;border-style:solid;border-color:#28313A;box-shadow:2px 18px 45px 3px rgba(0, 0, 0, 0.3);}#elementor-popup-modal-496{background-color:#000000;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-496 .dialog-message{width:640px;height:380px;align-items:flex-start;}#elementor-popup-modal-496 .dialog-close-button{display:flex;}@media(max-width:1024px){#elementor-popup-modal-496 .dialog-message{width:360px;padding:22px 22px 22px 22px;}#elementor-popup-modal-496{justify-content:flex-end;align-items:flex-start;}#elementor-popup-modal-496 .dialog-widget-content{border-width:1px 1px 1px 1px;border-radius:14px 14px 14px 14px;}}@media(max-width:767px){.elementor-496 .elementor-element.elementor-element-8d7fd72{--content-width:100%;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:88px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:18px;--padding-left:14px;--padding-right:14px;}.elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown .elementor-item, .elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-496 .elementor-element.elementor-element-dc45597 .elementor-nav-menu--dropdown a{padding-left:16px;padding-right:16px;padding-top:14px;padding-bottom:14px;}.elementor-496 .elementor-element.elementor-element-7596c5d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;}.elementor-496 .elementor-element.elementor-element-7596c5d .elementor-button{font-size:15px;border-radius:8px 8px 8px 8px;}#elementor-popup-modal-496 .dialog-message{height:100vh;}#elementor-popup-modal-496{justify-content:center;}#elementor-popup-modal-496 .dialog-widget-content{border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}}/* Start custom CSS for container, class: .elementor-element-8d7fd72 */<div class="fx-mobile-menu">

    <a href="/" class="fx-menu-item active">
        <span>Home</span>
        <span class="fx-arrow">→</span>
    </a>

    <a href="/about-us/" class="fx-menu-item">
        <span>About Us</span>
        <span class="fx-arrow">→</span>
    </a>

    <a href="/products/" class="fx-menu-item">
        <span>Products</span>
        <span class="fx-arrow">→</span>
    </a>

    <a href="/technology/" class="fx-menu-item">
        <span>Technology</span>
        <span class="fx-arrow">→</span>
    </a>

    <a href="/industries/" class="fx-menu-item">
        <span>Industries</span>
        <span class="fx-arrow">→</span>
    </a>

    <a href="/contact/" class="fx-menu-item">
        <span>Contact</span>
        <span class="fx-arrow">→</span>
    </a>

</div>

<style>
.fx-mobile-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fx-menu-item {
    width: 100%;
    min-height: 54px;

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

    padding: 0 16px;
    box-sizing: border-box;

    background: transparent;

    border: 1px solid transparent;
    border-radius: 9px;

    color: #F1F3F5;
    text-decoration: none;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;

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

.fx-menu-item:hover {
    background: #1C232A;
    color: #4AA2FF;

    border-color: rgba(255,255,255,0.06);

    transform: translateX(3px);
}

.fx-menu-item.active {
    background: #1C232A;
    color: #4AA2FF;

    border-color: rgba(74,162,255,0.16);
}

.fx-arrow {
    font-size: 17px;
    opacity: 0.55;
    transition: transform 0.25s ease;
}

.fx-menu-item:hover .fx-arrow {
    transform: translateX(3px);
    opacity: 1;
}
</style>/* End custom CSS */