.elementor-1252 .elementor-element.elementor-element-32aa9aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1252 .elementor-element.elementor-element-32aa9aa:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-32aa9aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F35C05;}.elementor-1252 .elementor-element.elementor-element-22fd0cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-36457a9{--display:flex;--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;--justify-content:flex-end;--align-items:center;}.elementor-1252 .elementor-element.elementor-element-397ed1e .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1252 .elementor-element.elementor-element-397ed1e .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1252 .elementor-element.elementor-element-397ed1e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-397ed1e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-397ed1e{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-1252 .elementor-element.elementor-element-397ed1e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1252 .elementor-element.elementor-element-397ed1e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-93a31d7{--grid-template-columns:repeat(0, auto);--icon-size:19px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1252 .elementor-element.elementor-element-93a31d7 .elementor-widget-container{text-align:center;}.elementor-1252 .elementor-element.elementor-element-93a31d7 .elementor-social-icon{background-color:#F35C05;--icon-padding:0.3em;}.elementor-1252 .elementor-element.elementor-element-93a31d7 .elementor-social-icon i{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-93a31d7 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-93a31d7 .elementor-icon{border-radius:20px 20px 20px 20px;}.elementor-1252 .elementor-element.elementor-element-1fa7096{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1252 .elementor-element.elementor-element-1fa7096:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-1fa7096 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-090d4ca{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-5140e68{--display:flex;--justify-content:center;}.elementor-1252 .elementor-element.elementor-element-93e1de7{text-align:center;}.elementor-1252 .elementor-element.elementor-element-93e1de7 img{width:64%;}.elementor-1252 .elementor-element.elementor-element-dfc3c72{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-menu-toggle{margin:0 auto;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu .elementor-item{font-weight:600;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--main .elementor-item:hover, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--main .elementor-item:focus{color:#EE662B;fill:#EE662B;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#EE662B;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-underline .elementor-item:after, .elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-overline .elementor-item:before, .elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-double-line .elementor-item:before, .elementor-1252 .elementor-element.elementor-element-dafedb2 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a:hover, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a:focus, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a.highlighted, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-menu-toggle:hover, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a:hover, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a:focus, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a.highlighted{background-color:#F35C05;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:#F35C05;}.elementor-1252 .elementor-element.elementor-element-88043d4{--display:flex;--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;--justify-content:center;--align-items:center;}.elementor-1252 .elementor-element.elementor-element-c875c92 .elementor-button{background-color:#F35C05;font-size:16px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-1252 .elementor-element.elementor-element-c875c92 .elementor-button:hover, .elementor-1252 .elementor-element.elementor-element-c875c92 .elementor-button:focus{background-color:#F35C05;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1252 .elementor-element.elementor-element-5140e68{--width:26%;}.elementor-1252 .elementor-element.elementor-element-88043d4{--width:16%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1252 .elementor-element.elementor-element-88043d4{--width:20%;}}@media(max-width:1024px){.elementor-1252 .elementor-element.elementor-element-93e1de7 img{width:75%;}.elementor-1252 .elementor-element.elementor-element-dafedb2 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-1252 .elementor-element.elementor-element-c875c92 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-1252 .elementor-element.elementor-element-36457a9{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-93a31d7{width:100%;max-width:100%;}.elementor-1252 .elementor-element.elementor-element-5140e68{--width:45%;}.elementor-1252 .elementor-element.elementor-element-dfc3c72{--width:45%;}}/* Start custom CSS for nav-menu, class: .elementor-element-dafedb2 *//* ========================================================================== PREMIUM MEGA MENU REDESIGN (COMPLETE CENTERED POSITIONING VERSION) ========================================================================== */ @media (min-width: 992px) { /* Force parent item to provide global positioning context */ li.menu-item-1030, li.menu-item-2658, li.menu-item-2659 { position: static !important; /* Changed to static to let dropdowns center relative to the navbar row */ } /* Force the main menu container ul to be the absolute width anchor point */ .elementor-nav-menu--main, ul.elementor-nav-menu { position: relative !important; } /* ========================================================================== 1. SERVICES DROPDOWN DESIGN (Menu Item 1030) ========================================================================== */ li.menu-item-1030:hover > ul.sub-menu.elementor-nav-menu--dropdown { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 25px !important; width: 950px !important; max-width: calc(100vw - 40px) !important; padding: 38px !important; background: linear-gradient( 135deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95) ) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border-radius: 28px !important; border: 1px solid rgba(255,255,255,0.4) !important; box-shadow: 0 30px 80px rgba(0,0,0,0.12), 0 10px 25px rgba(243,92,5,0.08) !important; position: absolute !important; top: 100% !important; /*margin-top: 15px !important; */ left: 50% !important; transform: translateX(-50%) !important; right: auto !important; z-index: 9999 !important; overflow: hidden !important; box-sizing: border-box !important; } /* Top Gradient Border */ li.menu-item-1030:hover > ul.sub-menu.elementor-nav-menu--dropdown::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 5px !important; background: linear-gradient( 90deg, #f35c05, #ff8a00, #f35c05 ) !important; } /* Service Items */ li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item { break-inside: avoid !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* Service Links */ li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.menu-link { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 15px 18px !important; border-radius: 16px !important; background: rgba(243,92,5,0.03) !important; font-size: 14px !important; font-weight: 600 !important; color: #222 !important; transition: all 0.3s ease !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left Accent Border */ li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.menu-link::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 4px !important; height: 100% !important; background: linear-gradient( 180deg, #f35c05, #ff8a00 ) !important; opacity: 0 !important; transition: 0.3s ease !important; } /* Hover Effect */ li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.menu-link:hover { background: linear-gradient( 135deg, #f35c05, #ff7b2c ) !important; color: #ffffff !important; transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 12px 25px rgba(243,92,5,0.25) !important; } /* Show Accent Border on Hover */ li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.menu-link:hover::before { opacity: 1 !important; } /* Shine Animation */ li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.menu-link::after { content: "" !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.25), transparent ) !important; transition: 0.5s !important; } li.menu-item-1030 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.menu-link:hover::after { left: 100% !important; } /* ========================================================================== 2. PACKAGES & FLEET DROPDOWN DESIGN (Menu Items 2658 & 2659) ========================================================================== */ li.menu-item-2658:hover > ul.sub-menu.elementor-nav-menu--dropdown, li.menu-item-2659:hover > ul.sub-menu.elementor-nav-menu--dropdown { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: flex-start !important; gap: 15px !important; width: 1140px !important; max-width: calc(100vw - 40px) !important; padding: 24px 20px !important; background: linear-gradient( 135deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95) ) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border-radius: 28px !important; border: 1px solid rgba(255,255,255,0.5) !important; box-shadow: 0 30px 80px rgba(0,0,0,0.12), 0 10px 30px rgba(243,92,5,0.08) !important; /* PERFECT GLOBAL ROW CENTERING LOGIC WITHOUT SCREEN ESCAPE */ position: absolute !important; top: 100% !important; margin-top: 0px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; z-index: 9999 !important; overflow: hidden !important; box-sizing: border-box !important; } /* Glow Top Border */ li.menu-item-2658:hover > ul.sub-menu.elementor-nav-menu--dropdown::before, li.menu-item-2659:hover > ul.sub-menu.elementor-nav-menu--dropdown::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 5px !important; background: linear-gradient( 90deg, #f35c05, #ff8a00, #f35c05 ) !important; } /* Mega Menu Columns */ li.menu-item-2658 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item-has-children, li.menu-item-2659 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item-has-children { display: flex !important; flex-direction: column !important; flex: 1 !important; min-width: 200px !important; position: relative !important; padding: 0 !important; margin: 0 !important; } /* Category Headers */ li.menu-item-2658 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item-has-children > a.menu-link, li.menu-item-2659 > ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item-has-children > a.menu-link { display: flex !important; align-items: center !important; justify-content: space-between !important; font-size: 13px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; color: #103639 !important; padding: 0 0 14px 0 !important; margin: 0 0 18px 0 !important; border-bottom: 2px solid rgba(243,92,5,0.12) !important; border-radius: 0 !important; background: transparent !important; pointer-events: none !important; position: relative !important; } /* Nested Submenu */ li.menu-item-2658 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu, li.menu-item-2659 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu { display: flex !important; flex-direction: column !important; gap: 8px !important; position: relative !important; width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } /* Menu Items */ li.menu-item-2658 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item, li.menu-item-2659 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Links */ li.menu-item-2658 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link, li.menu-item-2659 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 13px 16px !important; border-radius: 14px !important; font-size: 14px !important; font-weight: 500 !important; color: #222 !important; background: rgba(243,92,5,0.03) !important; transition: all 0.3s ease !important; position: relative !important; overflow: hidden !important; } /* Hover Effect */ li.menu-item-2658 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link:hover, li.menu-item-2659 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link:hover { background: linear-gradient( 135deg, #f35c05, #ff7b2c ) !important; color: #ffffff !important; transform: translateX(6px) scale(1.02) !important; box-shadow: 0 10px 25px rgba(243,92,5,0.25) !important; } /* Animated Shine Effect */ li.menu-item-2658 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link::after, li.menu-item-2659 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link::after { content: "" !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.25), transparent ) !important; transition: 0.5s !important; } li.menu-item-2658 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link:hover::after, li.menu-item-2659 ul.sub-menu.elementor-nav-menu--dropdown ul.sub-menu li.menu-item a.menu-link:hover::after { left: 100% !important; } } /* ========================================================================== PARENT ANCHOR PATCH FOR SCROLLING MEGA MENU ========================================================================== */ /* Forces the navigation container to hold layout context during sticky scroll */ .elementor-widget-nav-menu, .elementor-nav-menu--main, .elementor-menu-toggle { position: relative !important; } /* Ensures the header wrapper row handles absolute positioning constraints safely */ .elementor-row, .elementor-container { position: relative !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88043d4 */.text-color{ color: #ee662b; }/* End custom CSS */