.elementor-238 .elementor-element.elementor-element-04f9ce6{--display:flex;--position:fixed;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;top:0px;--z-index:9999999999999;}.elementor-238 .elementor-element.elementor-element-04f9ce6::before, .elementor-238 .elementor-element.elementor-element-04f9ce6 > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-04f9ce6 > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-04f9ce6 > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-04f9ce6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-04f9ce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}body:not(.rtl) .elementor-238 .elementor-element.elementor-element-04f9ce6{left:0px;}body.rtl .elementor-238 .elementor-element.elementor-element-04f9ce6{right:0px;}.elementor-238 .elementor-element.elementor-element-dd5d7cb{--display:flex;--min-height:0px;--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-238 .elementor-element.elementor-element-dd5d7cb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-e6920d2 .mil-logo{justify-content:left;}.elementor-238 .elementor-element.elementor-element-ddbf8e0{--display:flex;--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;--align-items:flex-end;}.elementor-238 .elementor-element.elementor-element-ddbf8e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-925ca18{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99999999;}.elementor-238 .elementor-element.elementor-element-925ca18:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-925ca18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090000;background-image:url("https://techvibecreative.com/wp-content/uploads/2025/11/fht4-1-scaled.webp");background-repeat:no-repeat;background-size:cover;}.elementor-238 .elementor-element.elementor-element-f281544{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-238 .elementor-element.elementor-element-7572641{--display:flex;}.elementor-238 .elementor-element.elementor-element-7572641:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-7572641 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#54595F00;}.elementor-238 .elementor-element.elementor-element-c2176a9{--display:flex;--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-238 .elementor-element.elementor-element-c2176a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-98c3484{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 0px 0px;}.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu .elementor-item{font-size:25px;font-weight:700;line-height:30px;letter-spacing:1px;}.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:50px;padding-right:50px;}.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--main .elementor-item:focus{color:#FF9900;fill:#FF9900;}.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FF9900EB;}.elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-underline .elementor-item:after,
					 .elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-overline .elementor-item:before,
					 .elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-double-line .elementor-item:before,
					 .elementor-238 .elementor-element.elementor-element-98c3484 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--dropdown a, .elementor-238 .elementor-element.elementor-element-98c3484 .elementor-menu-toggle{color:#0BBF00;fill:#0BBF00;}.elementor-238 .elementor-element.elementor-element-98c3484 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-238 .elementor-element.elementor-element-cf7e0e0{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-238 .elementor-element.elementor-element-954c40a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-954c40a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-2355fdd{width:var( --container-widget-width, 50rem );max-width:50rem;--container-widget-width:50rem;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-2355fdd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-e006bf6{--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;}@media(max-width:1024px){.elementor-238 .elementor-element.elementor-element-f281544{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-238 .elementor-element.elementor-element-04f9ce6{--content-width:200px;--flex-wrap:nowrap;--padding-top:5px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-238 .elementor-element.elementor-element-dd5d7cb{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-238 .elementor-element.elementor-element-e6920d2{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-ddbf8e0{--width:64px;}.elementor-238 .elementor-element.elementor-element-f281544{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-238 .elementor-element.elementor-element-dd5d7cb{--width:23%;}.elementor-238 .elementor-element.elementor-element-ddbf8e0{--width:74%;}.elementor-238 .elementor-element.elementor-element-f281544{--width:60%;}.elementor-238 .elementor-element.elementor-element-7572641{--width:100%;}.elementor-238 .elementor-element.elementor-element-c2176a9{--width:100.034%;}.elementor-238 .elementor-element.elementor-element-cf7e0e0{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-2355fdd */.service-panel{
    color: white;
}/* End custom CSS */
/* Start custom CSS *//* WRAPPER */
.services-wrapper {
    display: flex;
    gap: 40px;
}

/* LEFT */
.services-left {
    width: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 40px;
}

.service-item {
    font-size: 18px;
    padding: 12px 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
}

.service-item.active,
.service-item:hover {
    color: #ff9900;
    transform: translateX(6px);
}

/* RIGHT */
.services-right {
    width: 900%;
    max-height: 420px;
    overflow-y: auto;
    padding-left: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

/* RED SCROLLBAR */
.services-right::-webkit-scrollbar {
    width: 4px;
}

.services-right::-webkit-scrollbar-thumb {
    background: #ff2b2b;
    border-radius: 10px;
}

/* PANELS */
.service-panel {
    display: none;
    animation: fadeIn 0.3s ease;
}

.service-panel p {
    font-size: 16px;
    color: #ddd;
    margin-bottom: 12px;
}

.service-panel p:hover {
    color: #fff;
}

.service-panel.active {
    display: block;
}

/* MOBILE */
.arrow {
    display: none;
}

@media (max-width: 768px) {
    .services-wrapper {
        flex-direction: column;
    }

    .services-left,
    .services-right {
        width: 100%;
    }

    .arrow {
        display: inline;
    }

    .services-right {
        max-height: none;
        overflow: hidden;
    }

    .service-panel {
        display: none;
        padding: 10px 0 20px 15px;
        animation: slideDown 0.35s ease;
    }

    .service-panel.active {
        display: block;
    }
}

/* ANIMATIONS */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*Mega Menu*/
/* TOGGLE BUTTON */
.mega-toggle-btn {
    background: none;
    border: none;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    z-index: 100000;
    position: relative;
}

.mega-toggle-btn .close-icon {
    display: none;
}

.mega-toggle-btn.active .open-icon {
    display: none;
}

.mega-toggle-btn.active .close-icon {
    display: inline;
}

/*MEGA MENU */
.mega-menu-inner {
    inset: 0;
    background: radial-gradient(circle at center, #111, #000);
    opacity: 0;
    visibility: hidden;
    transition: 0.35s ease;
    position: fixed;
    z-index: 999999;
}

.mega-menu-inner.active {
    opacity: 1;
    visibility: visible;
}

.mega-menu-inner {
    display: flex;
    align-items: center;
    top: 10px;
}

.mega-menu-inner {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 40px 60px 0px 60px;
    position: relative;
    z-index: 99999 !important;
}

.services-wrapper {
    display: grid;
    grid-template-columns: 260px 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.mega-menu-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, #000 40%, transparent 70%);
    z-index: 0;
}

/* ========================= SIMPLE MOBILE MEGA MENU FIX ========================= */
@media (max-width: 768px) {

    /* Make menu FULLSCREEN */
    .mega-menu-inner {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 80px 20px 30px !important;
        /* space for logo + close */
        max-width: none !important;
        overflow-y: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        z-index: 999999 !important;
    }

    /* Disable desktop background overlay */
    .mega-menu-inner::before {
        display: none !important;
    }

    /* Stack services normally */
    .services-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .services-left,
    .services-right {
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Remove hover movement on mobile */
    .service-item:hover {
        transform: none !important;
    }
}

html {
    overflow-y: scroll;
    scroll-behavior: auto !important;
}

header,
.elementor-sticky,
.elementor-sticky--effects {
    transition: none !important;
}

.elementor-sticky--active {
    transform: none !important;
}

.site-logo img,
.elementor-widget-theme-site-logo img {
    height: 50px;
    width: auto;
}/* End custom CSS */