.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-1204 .elementor-element.elementor-element-0056ca0{--display:flex;--min-height:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999999;}.elementor-1204 .elementor-element.elementor-element-0056ca0:not(.elementor-motion-effects-element-type-background), .elementor-1204 .elementor-element.elementor-element-0056ca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-html .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-html .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-1204 .elementor-element.elementor-element-578020c{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:32px;--padding-right:32px;}.elementor-1204 .elementor-element.elementor-element-578020c.e-con{--align-self:center;}.elementor-widget-theme-site-logo .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-theme-site-logo .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Inter;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1204 .elementor-element.elementor-element-8523477{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1204 .elementor-element.elementor-element-8523477 img{width:230px;max-width:230px;}.elementor-widget-image .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-image .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Inter;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1204 .elementor-element.elementor-element-c2416b6 img{width:230px;max-width:230px;}.elementor-widget-uael-nav-menu ul.uael-nav-menu .menu-item a.uael-menu-item.elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-uael-nav-menu ul.uael-nav-menu .menu-item a.uael-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-uael-nav-menu .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-uael-nav-menu .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item{font-family:var( --e-global-typography-primary-font-family ), Inter;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item:not(.elementor-button), .elementor-widget-uael-nav-menu .sub-menu a.uael-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item:not(.elementor-button):hover, .elementor-widget-uael-nav-menu .sub-menu a.uael-sub-menu-item:hover, .elementor-widget-uael-nav-menu .menu-item.current-menu-item a.uael-menu-item:not(.elementor-button), .elementor-widget-uael-nav-menu .menu-item a.uael-menu-item.highlighted:not(.elementor-button), .elementor-widget-uael-nav-menu .menu-item a.uael-menu-item:not(.elementor-button):focus{color:var( --e-global-color-accent );}.elementor-widget-uael-nav-menu .uael-nav-menu-layout:not(.uael-pointer__framed) .menu-item.parent a.uael-menu-item:before, .elementor-widget-uael-nav-menu .uael-nav-menu-layout:not(.uael-pointer__framed) .menu-item.parent a.uael-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-uael-nav-menu .uael-nav-menu-layout:not(.uael-pointer__framed) .menu-item.parent .sub-menu .uael-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-uael-nav-menu .uael-pointer__framed .menu-item.parent a.uael-menu-item:before, .elementor-widget-uael-nav-menu .uael-pointer__framed .menu-item.parent a.uael-menu-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-uael-nav-menu .sub-menu li a.uael-sub-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown li a.uael-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown li a.uael-sub-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown-expandible li a.uael-menu-item{font-family:var( --e-global-typography-accent-font-family ), Inter;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-nav-menu .uael-nav-menu__toggle .uael-nav-menu-label{color:var( --e-global-color-text );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item.elementor-button{font-family:var( --e-global-typography-primary-font-family ), Inter;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item,.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-sub-menu-item{padding-left:24px;padding-right:24px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu li a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-sub-menu-item{padding-left:12px;padding-right:12px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-sub-menu-item{padding-top:16px;padding-bottom:16px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-nav-menu__toggle{text-align:right;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item{font-family:"Inter", Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item:not(.elementor-button), .elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu a.uael-sub-menu-item{color:#FFFFFF;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-dropdown-expandible{background-color:#FFFFFF00;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item:not(.elementor-button):hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu a.uael-sub-menu-item:hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item.current-menu-item a.uael-menu-item:not(.elementor-button), .elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item.highlighted:not(.elementor-button), .elementor-1204 .elementor-element.elementor-element-0a3bc7c .menu-item a.uael-menu-item:not(.elementor-button):focus{color:#B45309;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .elementor-menu-toggle, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-menu-item:not(.elementor-button), .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-sub-menu-item:not(.elementor-button), .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-sub-menu-item{color:#080B11;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-nav-menu nav.uael-dropdown-expandible, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-nav-menu nav.uael-dropdown-expandible .menu-item a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-nav-menu nav.uael-dropdown-expandible .menu-item .sub-menu, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown .menu-item a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown .menu-item a.uael-sub-menu-item{background-color:#FFFFFF;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu a.uael-sub-menu-item:hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .elementor-menu-toggle:hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-menu-item:not(.elementor-button):hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-sub-menu-item:not(.elementor-button):hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-nav-menu nav.uael-dropdown-expandible li a.uael-menu-item:hover, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-nav-menu nav.uael-dropdown-expandible li a.uael-sub-menu-item:hover{color:#B45309;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu li a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li a.uael-sub-menu-item, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li a.uael-menu-item{font-family:"Inter", Inter;font-size:14px;font-weight:500;letter-spacing:0px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav .sub-menu, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav:not(.uael-nav-menu__layout-horizontal) .sub-menu.sub-menu-open, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible{border-style:solid;border-width:0.716667px 0.716667px 0.716667px 0.716667px;border-color:#E2E8F0;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu{border-radius:12px 12px 12px 12px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu li.menu-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu li.menu-item:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px;overflow:hidden;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown{border-radius:12px 12px 12px 12px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li.menu-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li.menu-item:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px;overflow:hidden;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible{border-radius:12px 12px 12px 12px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li.menu-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li.menu-item:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px;overflow:hidden;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c .sub-menu li.menu-item:not(:last-child), .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown li.menu-item:not(:last-child), .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:none;}.elementor-1204 .elementor-element.elementor-element-7fe3f4a{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-icon .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1204 .elementor-element.elementor-element-8ddc004 .elementor-icon-wrapper{text-align:center;}.elementor-1204 .elementor-element.elementor-element-8ddc004 .elementor-icon{font-size:18px;}.elementor-1204 .elementor-element.elementor-element-8ddc004 .elementor-icon svg{height:18px;}.elementor-1204 .elementor-element.elementor-element-b8ac3d5 .elementor-icon-wrapper{text-align:center;}.elementor-1204 .elementor-element.elementor-element-b8ac3d5 .elementor-icon{font-size:18px;}.elementor-1204 .elementor-element.elementor-element-b8ac3d5 .elementor-icon svg{height:18px;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-uael-nav-menu .sub-menu li a.uael-sub-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown li a.uael-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown li a.uael-sub-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown-expandible li a.uael-menu-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item.elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1204 .elementor-element.elementor-element-0a3bc7c.uael-nav-menu__breakpoint-tablet nav.uael-nav-menu__layout-horizontal ul.sub-menu{margin-top:0px;}.elementor-1204 .elementor-element.elementor-element-7fe3f4a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}}@media(max-width:767px){.elementor-1204 .elementor-element.elementor-element-578020c{--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;}.elementor-1204 .elementor-element.elementor-element-578020c.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1204 .elementor-element.elementor-element-8523477 img{width:200px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-uael-nav-menu .sub-menu li a.uael-sub-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown li a.uael-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown li a.uael-sub-menu-item, .elementor-widget-uael-nav-menu nav.uael-dropdown-expandible li a.uael-menu-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-uael-nav-menu .menu-item a.uael-menu-item.elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-nav-menu__layout-horizontal ul.sub-menu, .elementor-1204 .elementor-element.elementor-element-0a3bc7c nav.uael-nav-menu__layout-expandible.menu-is-active, .elementor-1204 .elementor-element.elementor-element-0a3bc7c .uael-dropdown.menu-is-active{margin-top:16px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c.uael-nav-menu__breakpoint-mobile nav.uael-nav-menu__layout-horizontal ul.sub-menu{margin-top:0px;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c{width:var( --container-widget-width, 21px );max-width:21px;--container-widget-width:21px;--container-widget-flex-grow:0;}.elementor-1204 .elementor-element.elementor-element-0a3bc7c > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1204 .elementor-element.elementor-element-7fe3f4a{--width:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1204 .elementor-element.elementor-element-7fe3f4a{--width:80px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1204 .elementor-element.elementor-element-7fe3f4a{--width:200px;}}/* Start custom CSS for html, class: .elementor-element-520e60f *//* ========================================================== TECKNOLOGICS MOBILE MENU ONLY ALIGNMENT FIX DESKTOP / TABLET UNCHANGED ========================================================== */ @media (max-width: 767px) { /* ====================================================== MOBILE MENU CONTAINER ====================================================== */ .tech-main-menu .uael-nav-menu { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } /* ====================================================== TOP LEVEL MENU ITEMS ====================================================== */ .tech-main-menu .uael-nav-menu > li { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ====================================================== TOP LEVEL MENU LINKS ====================================================== */ .tech-main-menu .uael-nav-menu > li > .uael-has-submenu-container { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tech-main-menu .uael-nav-menu > li > .uael-has-submenu-container > a { width: 100% !important; box-sizing: border-box !important; text-align: left !important; margin: 0 !important; } /* ====================================================== KEEP UAE MOBILE DROPDOWN BEHAVIOUR ONLY ALIGNMENT ====================================================== */ .tech-main-menu .uael-nav-menu .sub-menu { box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } /* ====================================================== INDUSTRIES ====================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; padding: 8px 12px !important; margin-left: 0 !important; margin-right: 0 !important; } .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a { width: 100% !important; box-sizing: border-box !important; padding: 10px 10px 10px 42px !important; margin: 0 !important; text-align: left !important; } /* ====================================================== RESOURCES ====================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; padding: 8px 12px !important; margin-left: 0 !important; margin-right: 0 !important; } .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a { width: 100% !important; box-sizing: border-box !important; padding: 10px 10px 10px 42px !important; margin: 0 !important; text-align: left !important; } /* ====================================================== SOLUTIONS ====================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; padding: 10px 12px !important; margin-left: 0 !important; margin-right: 0 !important; } .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; } .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a { width: 100% !important; box-sizing: border-box !important; text-align: left !important; } /* ====================================================== SERVICES ====================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; overflow: visible !important; } /* LEFT SERVICE PANEL */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > .teck-left-services-box { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* SERVICE GROUPS */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* SERVICE TITLE */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container > a { width: 100% !important; box-sizing: border-box !important; text-align: left !important; } /* SERVICE CHILD MENU */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* SERVICE CHILD LINKS */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu > li > a { width: 100% !important; box-sizing: border-box !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } /* ====================================================== REMOVE INLINE PADDING FROM INDUSTRIES / RESOURCES ====================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a[style], .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a[style] { padding-left: 42px !important; } /* ====================================================== MOBILE MENU ARROW KEEP TOP LEVEL ARROW ====================================================== */ .tech-main-menu .uael-nav-menu > li > .uael-has-submenu-container > a > .sub-arrow { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; width: auto !important; min-width: auto !important; margin-left: auto !important; padding: 0 !important; } /* ====================================================== PREVENT HORIZONTAL OVERFLOW ====================================================== */ .tech-main-menu { max-width: 100% !important; box-sizing: border-box !important; overflow-x: hidden !important; } }/* End custom CSS */ /* Start custom CSS for theme-site-logo, class: .elementor-element-8523477 *//* ========================================================== TECKNOLOGICS RESOURCES DROPDOWN SAME DESIGN AS INDUSTRIES RESOURCES ONLY ========================================================== */ /* ========================================================== RESOURCES DROPDOWN CONTAINER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu { position: absolute !important; top: 100% !important; left: 0 !important; width: 260px !important; min-width: 260px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 4px !important; margin-top: 8px !important; padding: 12px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12), 0 5px 16px rgba(15, 23, 42, 0.05) !important; z-index: 99999 !important; overflow: hidden !important; } /* ========================================================== RESOURCES LIST ITEMS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; list-style: none !important; } /* ========================================================== RESOURCES LINKS ICON LEFT + 10PX GAP + TEXT ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 40px !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 10px 8px 42px !important; border-radius: 8px !important; background: transparent !important; color: #0f172a !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important; text-decoration: none !important; white-space: nowrap !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* ========================================================== ICON BASE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a::before { content: "" !important; position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; width: 22px !important; height: 22px !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 18px 18px !important; flex-shrink: 0 !important; } /* ========================================================== INSIGHTS ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources #menu-item-266 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='m7 15 4-4 3 2 5-6'/%3E%3C/svg%3E") !important; } /* ========================================================== CASE STUDIES ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources #menu-item-267 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E") !important; } /* ========================================================== DOCUMENTATION ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources #menu-item-268 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E") !important; } /* ========================================================== SUPPORT ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources #menu-item-269 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 0 1 16 0'/%3E%3Cpath d='M4 12v5a2 2 0 0 0 2 2h2v-7H4ZM20 12v5a2 2 0 0 1-2 2h-2v-7h4Z'/%3E%3Cpath d='M12 19v2h4'/%3E%3C/svg%3E") !important; } /* ========================================================== FAQ ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources #menu-item-270 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 4.4 1.6c-.9.9-1.9 1.3-1.9 2.9'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") !important; } /* ========================================================== HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a:hover { background: rgba(255, 247, 237, 0.8) !important; color: #b45309 !important; } /* ========================================================== REMOVE INLINE 32px PADDING RESOURCES ONLY ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a { padding-left: 42px !important; } /* ========================================================== REMOVE CHILD ARROWS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a .sub-arrow { display: none !important; width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== DESKTOP ========================================================== */ @media (min-width: 1025px) { .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu { width: 260px !important; min-width: 260px !important; left: 0 !important; padding: 12px !important; } } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) and (min-width: 768px) { .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu { width: 260px !important; min-width: 260px !important; max-width: calc(100vw - 32px) !important; left: 0 !important; padding: 12px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu { position: static !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; padding: 10px !important; margin: 0 !important; border-radius: 12px !important; box-shadow: none !important; } .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a { min-height: 44px !important; padding: 9px 10px 9px 42px !important; font-size: 14px !important; } .tech-main-menu .uael-nav-menu .menu-resources > .sub-menu > li > a::before { left: 10px !important; width: 22px !important; height: 22px !important; background-size: 18px 18px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2416b6 *//* ========================================================== TECKNOLOGICS INDUSTRIES DROPDOWN INDUSTRIES ONLY ========================================================== */ /* ========================================================== INDUSTRIES DROPDOWN CONTAINER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu { position: absolute !important; top: 100% !important; left: 0 !important; width: 260px !important; min-width: 260px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 4px !important; margin-top: 8px !important; padding: 12px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12), 0 5px 16px rgba(15, 23, 42, 0.05) !important; z-index: 99999 !important; overflow: hidden !important; } /* ========================================================== INDUSTRY LIST ITEMS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; list-style: none !important; } /* ========================================================== INDUSTRY LINKS ICON LEFT + 10PX GAP + TEXT ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 40px !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 10px 8px 42px !important; border-radius: 8px !important; background: transparent !important; color: #0f172a !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important; text-decoration: none !important; white-space: nowrap !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* ========================================================== ICON BASE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a::before { content: "" !important; position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; width: 22px !important; height: 22px !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 18px 18px !important; flex-shrink: 0 !important; } /* ========================================================== ENTERPRISE ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry #menu-item-258 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V5l7-3 7 3v16'/%3E%3Cpath d='M9 8h1M14 8h1M9 12h1M14 12h1M9 16h1M14 16h1'/%3E%3C/svg%3E") !important; } /* ========================================================== HEALTHCARE ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry #menu-item-260 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.65A4 4 0 0 1 19 11c0 5.65-7 10-7 10Z'/%3E%3Cpath d='M9 11h6M12 8v6'/%3E%3C/svg%3E") !important; } /* ========================================================== EDUCATION ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry #menu-item-261 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-5 9 5-9 5-9-5Z'/%3E%3Cpath d='M7 12v5c3 2 7 2 10 0v-5'/%3E%3Cpath d='M21 10v6'/%3E%3C/svg%3E") !important; } /* ========================================================== RETAIL ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry #menu-item-262 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='m4 10 2-6h12l2 6'/%3E%3Cpath d='M9 14h6v6H9z'/%3E%3C/svg%3E") !important; } /* ========================================================== HOSPITALITY ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry #menu-item-263 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16v7H4z'/%3E%3Cpath d='M4 12V9a3 3 0 0 1 6 0v3'/%3E%3Cpath d='M10 12V9a3 3 0 0 1 6 0v3'/%3E%3Cpath d='M4 19v2M20 19v2'/%3E%3C/svg%3E") !important; } /* ========================================================== PROFESSIONAL SERVICES ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry #menu-item-264 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E") !important; } /* ========================================================== HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a:hover { background: rgba(255, 247, 237, 0.8) !important; color: #b45309 !important; } /* ========================================================== REMOVE INLINE 74px PADDING INDUSTRIES ONLY ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a { padding-left: 42px !important; } /* ========================================================== REMOVE CHILD ARROWS ONLY IF INDUSTRY CHILD ITEMS HAVE ONE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a .sub-arrow { display: none !important; width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== DESKTOP ========================================================== */ @media (min-width: 1025px) { .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu { width: 260px !important; min-width: 260px !important; left: 0 !important; padding: 12px !important; } } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) and (min-width: 768px) { .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu { width: 260px !important; min-width: 260px !important; max-width: calc(100vw - 32px) !important; left: 0 !important; padding: 12px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu { position: static !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; padding: 10px !important; margin: 0 !important; border-radius: 12px !important; box-shadow: none !important; } .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a { min-height: 44px !important; padding: 9px 10px 9px 42px !important; font-size: 14px !important; } .tech-main-menu .uael-nav-menu .menu-industry > .sub-menu > li > a::before { left: 10px !important; width: 22px !important; height: 22px !important; background-size: 18px 18px !important; } }/* End custom CSS */ /* Start custom CSS for uael-nav-menu, class: .elementor-element-0a3bc7c *//* ========================================================== TECKNOLOGICS SERVICES MEGA MENU FINAL SERVICE CSS LEFT PANEL + RIGHT SERVICE CONTENT RIGHT-SIDE SERVICE ARROWS REMOVED ========================================================== */ /* ========================================================== MAIN SERVICES MEGA MENU ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu { position: absolute !important; top: 100% !important; left: -128px !important; width: 880px !important; min-width: 880px !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 20px !important; padding: 24px !important; margin-top: 8px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12), 0 6px 18px rgba(15, 23, 42, 0.06) !important; z-index: 99999 !important; overflow: visible !important; } /* ========================================================== REMOVE DEFAULT LIST STYLING ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li { margin: 0 !important; padding: 0 !important; min-width: 0 !important; width: auto !important; background: transparent !important; border: 0 !important; } /* ========================================================== REMOVE OLD LEFT CARD PSEUDO ELEMENTS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu::before { content: none !important; display: none !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu::after { content: none !important; display: none !important; } /* ========================================================== LEFT SERVICES BOX ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu .teck-left-services-box { grid-column: 1 / span 4 !important; grid-row: 1 / span 3 !important; min-height: 290px !important; width: 100% !important; box-sizing: border-box !important; padding: 24px !important; background: #f8fafc !important; border: 1px solid rgba(226,232,240,.6) !important; border-radius: 12px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; align-self: stretch !important; } /* ========================================================== LEFT PANEL CONTENT ========================================================== */ .teck-left-panel-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== LEFT PANEL ICON ========================================================== */ .teck-services-icon { width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 16px !important; border-radius: 12px !important; background: rgba(254,243,199,.7) !important; color: #b45309 !important; } .teck-services-icon svg { width: 23px !important; height: 23px !important; } /* ========================================================== LEFT PANEL TITLE ========================================================== */ .teck-left-services-box h4 { margin: 0 0 8px 0 !important; padding: 0 !important; color: #0f172a !important; font-family: "Inter",sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 24px !important; text-transform: none !important; } /* ========================================================== LEFT PANEL DESCRIPTION ========================================================== */ .teck-left-services-box p { margin: 0 !important; padding: 0 !important; max-width: 250px !important; color: #475569 !important; font-family: "Inter",sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; } /* ========================================================== VIEW ALL SERVICES LINK ========================================================== */ .teck-view-services { display: inline-flex !important; align-items: center !important; gap: 5px !important; width: fit-content !important; margin: 0 !important; padding: 0 !important; color: #0f172a !important; background: transparent !important; border: 0 !important; font-family: "Inter",sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 18px !important; text-decoration: none !important; transition: color 0.2s ease, transform 0.2s ease !important; } .teck-view-services:hover { color: #b45309 !important; transform: translateX(2px) !important; } .teck-view-services svg { width: 16px !important; height: 16px !important; display: block !important; } /* ========================================================== WEB SOLUTIONS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > #menu-item-234 { grid-column: 5 / span 4 !important; grid-row: 1 !important; } /* ========================================================== CLOUD & HOSTING ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > #menu-item-238 { grid-column: 9 / span 4 !important; grid-row: 1 !important; } /* ========================================================== MANAGED IT SERVICES ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > #menu-item-239 { grid-column: 5 / span 4 !important; grid-row: 2 !important; } /* ========================================================== CYBERSECURITY ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > #menu-item-256 { grid-column: 9 / span 4 !important; grid-row: 2 !important; } /* ========================================================== AI / IOT / AUTOMATION ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > #menu-item-257 { grid-column: 5 / span 8 !important; grid-row: 3 !important; padding-top: 10px !important; border-top: 1px solid #f1f5f9 !important; } /* ========================================================== SERVICE GROUP CONTAINER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== SERVICE GROUP TITLE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container > a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 28px !important; box-sizing: border-box !important; margin: 0 0 8px 0 !important; padding: 0 0 0 28px !important; background: transparent !important; color: #0f172a !important; border: 0 !important; font-family: "Inter",sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 18px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================== SERVICE ICON BASE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container > a::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; display: block !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 18px 18px !important; } /* ========================================================== WEB SOLUTIONS ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service #menu-item-234 > .uael-has-submenu-container > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H4z'/%3E%3Cpath d='M8 21h8M12 16v5'/%3E%3C/svg%3E") !important; } /* ========================================================== CLOUD ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service #menu-item-238 > .uael-has-submenu-container > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.7-9h1.8a4.5 4.5 0 0 1 0 9Z'/%3E%3C/svg%3E") !important; } /* ========================================================== MANAGED SERVICES ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service #menu-item-239 > .uael-has-submenu-container > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a3 3 0 0 1 3 3v1h1a3 3 0 0 1 3 3v1h1v4h-2v-1h-1v1h-2v-1h-1v1H8v-1H7v1H5v-4h1v-1a3 3 0 0 1 3-3h1V6a3 3 0 0 1 2-3Z'/%3E%3C/svg%3E") !important; } /* ========================================================== SECURITY ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service #menu-item-256 > .uael-has-submenu-container > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.8-8 10-4.6-1.2-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") !important; } /* ========================================================== AI / AUTOMATION ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service #menu-item-257 > .uael-has-submenu-container > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 1v3M12 1v3M15 1v3M9 20v3M12 20v3M15 20v3M20 9h3M20 12h3M20 15h3M1 9h3M1 12h3M1 15h3'/%3E%3Cpath d='M9 12h6M12 9v6'/%3E%3C/svg%3E") !important; } /* ========================================================== REMOVE RIGHT-SIDE ARROWS ONLY ========================================================== */ /* Service group arrows */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container > a > .sub-arrow { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Child service arrows */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu > li > a > .sub-arrow { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== SECOND LEVEL SUBMENU ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu { position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important; transform: none !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ========================================================== CHILD MENU ITEMS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ========================================================== CHILD LINKS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu > li > a { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 2px 0 !important; background: transparent !important; color: #475569 !important; border: 0 !important; font-family: "Inter",sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 19px !important; text-decoration: none !important; transition: color 0.2s ease, transform 0.2s ease !important; } /* ========================================================== CHILD LINK HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .sub-menu > li > a:hover { color: #b45309 !important; transform: translateX(2px) !important; } /* ========================================================== RESTORE SERVICE GROUP TITLE PADDING ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container > a { padding-left: 28px !important; padding-right: 0 !important; } /* ========================================================== AI / IOT CHILD LINKS = 2 COLUMNS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service #menu-item-257 > .sub-menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 18px !important; row-gap: 0 !important; } /* ========================================================== SERVICE GROUP HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li > .uael-has-submenu-container > a:hover { color: #b45309 !important; } /* ========================================================== DESKTOP ========================================================== */ @media (min-width: 1025px) { .tech-main-menu .uael-nav-menu .menu-service > .sub-menu { width: 880px !important; min-width: 880px !important; left: -128px !important; padding: 24px !important; } } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) and (min-width: 768px) { .tech-main-menu .uael-nav-menu .menu-service > .sub-menu { width: 720px !important; min-width: 720px !important; max-width: calc(100vw - 32px) !important; left: 50% !important; transform: translateX(-50%) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; padding: 20px !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > .teck-left-services-box { grid-column: 1 / -1 !important; grid-row: auto !important; min-height: 170px !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li { grid-column: auto !important; grid-row: auto !important; } .tech-main-menu .uael-nav-menu .menu-service #menu-item-257 { grid-column: 1 / -1 !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .tech-main-menu .uael-nav-menu .menu-service > .sub-menu { position: static !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; display: block !important; padding: 16px !important; margin: 0 !important; border-radius: 14px !important; box-shadow: none !important; transform: none !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > .teck-left-services-box { display: flex !important; width: 100% !important; min-height: auto !important; margin-bottom: 20px !important; padding: 20px !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li { display: block !important; width: 100% !important; margin-bottom: 18px !important; } .tech-main-menu .uael-nav-menu .menu-service > .sub-menu > li:last-child { margin-bottom: 0 !important; } .tech-main-menu .uael-nav-menu .menu-service #menu-item-257 > .sub-menu { display: block !important; } .tech-main-menu .teck-left-services-box p { max-width: 100% !important; } } /* ========================================================== SOLUTIONS DROPDOWN ONLY SOLUTIONS MENU ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu { width: 360px !important; min-width: 360px !important; padding: 16px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.04) !important; box-sizing: border-box !important; margin-top: 8px !important; } /* ========================================================== SOLUTIONS CHILD ITEMS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li { margin: 0 !important; padding: 0 !important; min-height: 0 !important; } /* ========================================================== SOLUTIONS MENU ITEMS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a { position: relative !important; display: block !important; width: 100% !important; box-sizing: border-box !important; min-height: 52px !important; padding: 7px 10px 7px 54px !important; margin: 0 !important; border-radius: 8px !important; background: transparent !important; color: #080b11 !important; font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; text-decoration: none !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* ========================================================== SOLUTIONS HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a:hover { background: rgba(255, 247, 237, 0.8) !important; color: #b45309 !important; } /* ========================================================== SOLUTIONS ICON ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a::before { content: "" !important; position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; display: block !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; margin: 0 !important; box-sizing: border-box !important; border-radius: 8px !important; background-color: rgba(254, 243, 199, 0.7) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 18px 18px !important; z-index: 2 !important; transition: background-color 0.2s ease !important; } /* ========================================================== ICON HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a:hover::before { background-color: #fde68a !important; transform: translateY(-50%) !important; } /* ========================================================== DIGITAL SOLUTIONS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-233 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C45B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E") !important; } /* ========================================================== CLOUD SOLUTIONS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-252 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C45B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.7-9h1.8a4.5 4.5 0 0 1 0 9Z'/%3E%3C/svg%3E") !important; } /* ========================================================== MANAGED IT ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-253 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C45B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='7' rx='1.5'/%3E%3Crect x='4' y='14' width='16' height='7' rx='1.5'/%3E%3Cpath d='M8 6.5h.01M8 17.5h.01'/%3E%3C/svg%3E") !important; } /* ========================================================== CYBERSECURITY ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-254 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C45B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.8-8 10-4.6-1.2-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") !important; } /* ========================================================== AI & AUTOMATION ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-255 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C45B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 1v3M12 1v3M15 1v3M9 20v3M12 20v3M15 20v3M20 9h3M20 12h3M20 15h3M1 9h3M1 12h3M1 15h3'/%3E%3Cpath d='M9 12h6M12 9v6'/%3E%3C/svg%3E") !important; } /* ========================================================== ICON SIZE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-233 > a::before, .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-252 > a::before, .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-253 > a::before, .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-254 > a::before, .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-255 > a::before { background-repeat: no-repeat !important; background-position: center center !important; background-size: 18px 18px !important; } /* ========================================================== DESCRIPTIONS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-233 > a::after { content: "Modern web & enterprise applications"; } .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-252 > a::after { content: "Scalable cloud hosting & VPS solutions"; } .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-253 > a::after { content: "24/7 SRE & proactive infrastructure"; } .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-254 > a::after { content: "Zero-trust architecture & WAF defense"; } .tech-main-menu .uael-nav-menu .menu-solutions #menu-item-255 > a::after { content: "Governed intelligent automation workflows"; } /* ========================================================== DESCRIPTION STYLE ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a::after { display: block !important; width: 100% !important; max-width: 245px !important; margin: 1px 0 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: "Inter", sans-serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 15px !important; white-space: normal !important; text-align: left !important; } /* ========================================================== DESCRIPTION HOVER ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a:hover::after { color: #64748b !important; } /* ========================================================== GAP BETWEEN SOLUTIONS ITEMS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li + li { margin-top: 4px !important; } /* ========================================================== REMOVE ARROW ONLY FROM SOLUTIONS ========================================================== */ .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a .sub-arrow { display: none !important; } /* ========================================================== MOBILE / TABLET — SOLUTIONS ONLY ========================================================== */ @media (max-width: 1024px) { .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu { width: 100% !important; min-width: 0 !important; padding: 18px !important; border-radius: 14px !important; } .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a { min-height: 58px !important; padding: 8px 6px 8px 58px !important; font-size: 16px !important; line-height: 22px !important; } .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a::before { left: 6px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; background-size: 21px 21px !important; } .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li > a::after { max-width: 100% !important; margin-top: 1px !important; font-size: 13px !important; line-height: 18px !important; } .tech-main-menu .uael-nav-menu .menu-solutions > .sub-menu > li + li { margin-top: 9px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7fe3f4a *//* ========================================================== EXACT HTML TEMPLATE STYLE FOR SEARCH & USER ICONS ========================================================== */ /* Target Search Button & User Icon Wrapper inside Elementor Header */ .header .hfe-search-button-wrapper, .header .elementor-widget-icon, .header .elementor-widget-hfe-search-button { display: flex !important; align-items: center !important; justify-content: center !important; } /* Base style matching the template buttons (w-8 h-8, rounded-full, glass) */ .header .hfe-search-icon-toggle, .header .elementor-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; border-radius: 9999px !important; background-color: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; cursor: pointer !important; } /* Icon / Text color inside normal state */ .header .hfe-search-icon-toggle i, .header .hfe-search-icon-toggle svg, .header .elementor-icon svg, .header .elementor-icon i { color: #ffffff !important; fill: #ffffff !important; font-size: 16px !important; width: 16px !important; height: 16px !important; } .header .hfe-search-icon-toggle:hover, .header .elementor-icon:hover { background-color: rgba(255, 255, 255, 0.25) !important; } /* Hide the search text input field if it expands, keep it icon-toggle style */ .header .hfe-search-form__input { display: none !important; } /* ========================================================== SCROLLED STATE (Dark buttons for light glass background) ========================================================== */ .header.is-scrolled .hfe-search-icon-toggle, .header.is-scrolled .elementor-icon { background-color: #000000 !important; border: 1px solid #000000 !important; } .header.is-scrolled .hfe-search-icon-toggle i, .header.is-scrolled .hfe-search-icon-toggle svg, .header.is-scrolled .elementor-icon svg, .header.is-scrolled .elementor-icon i { color: #ffffff !important; fill: #ffffff !important; } .header.is-scrolled .hfe-search-icon-toggle:hover, .header.is-scrolled .elementor-icon:hover { background-color: #1e293b !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578020c *//* Main Header Container & Sticky Style */ .header { position: fixed !important; top: 20px !important; left: 50% !important; transform: translateX(-50%) !important; width: calc(100% - 2rem) !important; max-width: 1280px !important; height: 70px !important; min-height: 70px !important; max-height: 70px !important; z-index: 99999 !important; background: transparent !important; box-shadow: none !important; border: 1px solid transparent !important; border-radius: 9999px !important; display: flex !important; align-items: center !important; will-change: background, backdrop-filter, box-shadow, height !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; transition: background 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, height 0.3s ease !important; } /* Normal State Menu Text */ .header .uael-menu-item { color: rgba(255, 255, 255, 0.9) !important; font-family: 'Inter', sans-serif !important; font-weight: 500 !important; } .header .uael-menu-item:hover { color: #B45309 !important; } /* Instant Sub-Menu Icons Visibility */ .header .sub-arrow, .header .uael-menu-toggle, .header .uael-menu-toggle i, .header .uael-menu-item .sub-arrow, .header .uael-menu-item span.sub-arrow i, .header .uael-nav-menu .menu-item.parent .sub-arrow { opacity: 1 !important; visibility: visible !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: none !important; } /* Action Buttons Normal State */ .header .search-bar-btn, .header .user-account-btn { background-color: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; color: #ffffff !important; } /* Logo Switching Defaults */ .scrolled-logo { display: none !important; } .normal-logo { display: inline-block !important; } /* ========================================================== SCROLLED STATE STYLING ========================================================== */ .header.is-scrolled { height: 58px !important; min-height: 58px !important; max-height: 58px !important; background: rgba(255, 255, 255, 0.65) !important; backdrop-filter: blur(16px) saturate(180%) !important; -webkit-backdrop-filter: blur(16px) saturate(180%) !important; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; border-radius: 9999px !important; } .header.is-scrolled img { width: 170px !important; } .header.is-scrolled .uael-menu-item { color: #0f172a !important; } .header.is-scrolled .uael-menu-item:hover { color: #B45309 !important; } .header.is-scrolled .search-bar-btn, .header.is-scrolled .user-account-btn { background-color: #000000 !important; border: 1px solid #000000 !important; color: #ffffff !important; } .header.is-scrolled .normal-logo { display: none !important; } .header.is-scrolled .scrolled-logo { display: inline-block !important; } /* ========================================================== DROPDOWN & MEGA MENU ANIMATION ========================================================== */ .nav-item { position: relative; } .mega-menu, .dropdown-menu { opacity: 0; visibility: hidden; transform: translateY(8px); transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; } .nav-item:hover .mega-menu, .nav-item:hover .dropdown-menu, .nav-item:focus-within .mega-menu, .nav-item:focus-within .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* ========================================================== HAMBURGER & MOBILE TOGGLE STYLING ========================================================== */ .header .uael-nav-menu__toggle { color: #ffffff !important; transform: translateY(5px) !important; } .header .uael-nav-menu__toggle .uael-nav-menu-icon, .header .uael-nav-menu__toggle .uael-nav-menu-icon svg, .header .uael-nav-menu__toggle .uael-nav-menu-icon svg path { color: #ffffff !important; fill: #ffffff !important; } .header.is-scrolled .uael-nav-menu__toggle { color: rgb(0, 0, 0) !important; transform: translateY(5px) !important; } .header.is-scrolled .uael-nav-menu__toggle .uael-nav-menu-icon, .header.is-scrolled .uael-nav-menu__toggle .uael-nav-menu-icon svg, .header.is-scrolled .uael-nav-menu__toggle .uael-nav-menu-icon svg path { color: rgb(0, 0, 0) !important; fill: rgb(0, 0, 0) !important; } /* ========================================================== RESPONSIVE & MEDIA QUERIES ========================================================== */ @media (max-width: 1024px) { body, html { overflow-x: hidden !important; width: 100% !important; } .header { width: calc(100% - 2rem) !important; padding-right: 16px !important; padding-left: 16px !important; } } @media (max-width: 767px) { .header { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } .header .elementor-nav-menu--main, .header .elementor-nav-menu__container { flex: 1 1 auto !important; min-width: 0 !important; white-space: nowrap !important; } .header .elementor-menu-toggle, .header .uael-menu-toggle { flex: 0 0 auto !important; width: 44px !important; height: 44px !important; margin-left: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; } }/* End custom CSS */