Droid Mining Solutions

Drone Based Inspection

“Inspect with Precision. Avoid Downtime”

Non-contact, drone-enabled inspections of critical mining infrastructure—boosting safety and operational efficiency.

Mines Benches - Droid Mining Solutions

Drone-based inspections provide rapid, risk-free insights into mining infrastructure conditions. By eliminating the need for manual inspections in hazardous areas, we ensure both safety and operational continuity. Ideal for haul roads, pit walls, benches, and dumps.

Focus Areas

“Inspect the Essentials, From the Air.”

Haul Road Quality Checks

Ensure safe, efficient transportation routes.

Bench Slope Monitoring

Prevent slope failure and erosion.

Pit Wall Inspections

Detect early signs of instability.

Dump Site Analysis

Assess compaction and structure of overburden dumps.

Dump Site - Droid Mining Solutions

Deliverables

“Inspection Data That Drives Action”

Footage - Droid Mining Solutions
High-res imagery
Structural defect reports
3D visual reconstructions

“Book a Drone Inspection”

Get in touch today and Book your professional survey with us now!

/* * Droid Mining Global Additional CSS * WordPress location: Appearance > Customize > Additional CSS * Paste order: 1) global CSS first, 2) page-specific CSS after it * Affected page/section: global dependencies, Astra compatibility, global header, global footer */ :root { --dms-brand: #0e3e49; --dms-primary: #083F4A; --dms-secondary: #062F38; --dms-dark: #041D24; --dms-accent: #73AEB7; --dms-orange: #F59E0B; --dms-yellow: #FFD166; --dms-white-soft: rgba(255,255,255,0.75); } .wp-ready-page, .global-site-header, .global-site-footer { font-family: 'Montserrat', sans-serif; box-sizing: border-box; } .wp-ready-page *, .wp-ready-page ::before, .wp-ready-page ::after, .global-site-header *, .global-site-header ::before, .global-site-header ::after, .global-site-footer *, .global-site-footer ::before, .global-site-footer ::after { box-sizing: border-box; } .ast-container .wp-ready-page, .entry-content .wp-ready-page { width: 100%; max-width: none; } .wp-ready-page { overflow-x: clip; } .wp-ready-page .font-mono, .wp-ready-page .font-hud, .wp-ready-page .data-stream, .global-site-header .font-mono, .global-site-footer .font-mono { font-family: 'Share Tech Mono', monospace; } .wp-ready-page :is(i, .fa, .fas), .global-site-header :is(i, .fa, .fas), .global-site-footer :is(i, .fa, .fas) { font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important; } .wp-ready-page .fab, .global-site-header .fab, .global-site-footer .fab { font-family: 'Font Awesome 6 Brands' !important; font-weight: 400 !important; } .wp-ready-page .dms-btn, .global-site-header .dms-btn, .global-site-footer .dms-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.65rem; border-radius: 999px; background: linear-gradient(135deg, var(--dms-primary), var(--dms-accent)); color: #fff !important; font-weight: 800; letter-spacing: 0.04em; transition: transform 0.35s ease, box-shadow 0.35s ease; box-shadow: 0 12px 30px rgba(8,63,74,0.25); } .wp-ready-page .dms-btn:hover, .global-site-header .dms-btn:hover, .global-site-footer .dms-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(115,174,183,0.35); } .wp-ready-page .bg-brand, .wp-ready-page .bg-brandBase { background-color: #0e3e49 !important; } .wp-ready-page .bg-brandPrimary, .wp-ready-page .bg-primaryBg, .wp-ready-page .bg-mainBg, .wp-ready-page .bg-deepTeal { background-color: #083F4A !important; } .wp-ready-page .bg-brandSecondary { background-color: #062F38 !important; } .wp-ready-page .bg-brandDark { background-color: #041D24 !important; } .wp-ready-page .bg-brandAccent, .wp-ready-page .bg-accentCyan, .wp-ready-page .bg-cyanGlow { background-color: #73AEB7 !important; } .wp-ready-page .bg-accentOrange, .wp-ready-page .bg-surveyOrange, .wp-ready-page .bg-warnOrange, .wp-ready-page .bg-indOrange { background-color: #F59E0B !important; } .wp-ready-page .text-white { color: #fff !important; } .wp-ready-page .text-softWhite { color: rgba(255,255,255,0.75) !important; } .wp-ready-page .text-brandAccent, .wp-ready-page .text-accentCyan, .wp-ready-page .text-cyanGlow { color: #73AEB7 !important; } .wp-ready-page .text-accentOrange, .wp-ready-page .text-surveyOrange, .wp-ready-page .text-warnOrange, .wp-ready-page .text-indOrange { color: #F59E0B !important; } .global-site-header /* Base Setup */ /* Icon Protection (Mandate) */ .global-site-header i, .global-site-header .fa, .global-site-header .fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .global-site-header /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } .global-site-header ::-webkit-scrollbar-track { background: #083F4A; } .global-site-header ::-webkit-scrollbar-thumb { background: #0E5B68; border-radius: 4px; } .global-site-header ::-webkit-scrollbar-thumb:hover { background: #73AEB7; } .global-site-header /* Floating Nav Animations */ .nav-capsule { transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .global-site-header .nav-scrolled .nav-capsule { padding-top: 0.75rem; padding-bottom: 0.75rem; background: rgba(8, 63, 74, 0.85); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.6); border-color: rgba(115, 174, 183, 0.2); } .global-site-header /* Mega Menu Transitions */ .mega-menu-panel { visibility: hidden; opacity: 0; transform: translateY(15px) scale(0.98); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: top center; } .global-site-header .group:hover .mega-menu-panel { visibility: visible; opacity: 1; transform: translateY(0) scale(1); } .global-site-header /* Bridge to keep hover active between nav and dropdown */ .mega-menu-bridge { position: absolute; top: 100%; left: 0; right: 0; height: 30px; background: transparent; } .global-site-header /* Interactive Mega Menu Cards */ .mega-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .global-site-header .mega-card:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(115, 174, 183, 0.4); transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.2), inset 0 0 15px rgba(115, 174, 183, 0.1); } .global-site-header /* Sub-link Hover Effects */ .sub-link { position: relative; transition: all 0.3s ease; } .global-site-header .sub-link::before { content: '>'; position: absolute; left: -15px; opacity: 0; color: #73AEB7; transform: translateX(-10px); transition: all 0.3s ease; } .global-site-header .sub-link:hover { padding-left: 15px; color: #ffffff; } .global-site-header .sub-link:hover::before { opacity: 1; transform: translateX(0); } .global-site-header /* Register Button Glow */ .btn-gradient { background: linear-gradient(135deg, #0E5B68, #1B7F8E); box-shadow: 0 0 20px rgba(115, 174, 183, 0.3); transition: all 0.4s ease; } .global-site-header .btn-gradient:hover { box-shadow: 0 0 30px rgba(115, 174, 183, 0.6); transform: translateY(-2px); } .global-site-header /* Mobile Menu Overlay */ .mobile-menu { clip-path: circle(0% at top right); transition: clip-path 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .global-site-header .mobile-menu.active { clip-path: circle(150% at top right); } .global-site-header /* Underline Hover Effect for Main Links */ .nav-link { position: relative; } .global-site-header .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background: #73AEB7; transform: scaleX(0); transform-origin: right; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .global-site-header .nav-link:hover::after { transform: scaleX(1); transform-origin: left; } .global-site-header /* Decorative Grid Background for Page */ .bg-grid { background-image: linear-gradient(rgba(115, 174, 183, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(115, 174, 183, 0.05) 1px, transparent 1px); background-size: 50px 50px; } .global-site-footer /* Base Setup & Brand Mandates */ /* Icon Protection Rule */ .global-site-footer i, .global-site-footer .fa, .global-site-footer .fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .global-site-footer /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } .global-site-footer ::-webkit-scrollbar-track { background: #041D24; } .global-site-footer ::-webkit-scrollbar-thumb { background: #083F4A; border-radius: 4px; } .global-site-footer ::-webkit-scrollbar-thumb:hover { background: #73AEB7; } .global-site-footer /* Cinematic Scroll Reveals */ .reveal { opacity: 0; filter: blur(8px); transform: translateY(40px) scale(0.98); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); } .global-site-footer .reveal.active { opacity: 1; transform: translate(0) scale(1); filter: blur(0); } .global-site-footer .delay-1 { transition-delay: 0.1s; } .global-site-footer .delay-2 { transition-delay: 0.2s; } .global-site-footer .delay-3 { transition-delay: 0.3s; } .global-site-footer /* Footer Gradient Background */ .footer-bg { background: linear-gradient(180deg, #083F4A 0%, #062F38 60%, #041D24 100%); position: relative; } .global-site-footer /* Grid Overlay Texture */ .footer-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(115, 174, 183, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(115, 174, 183, 0.03) 1px, transparent 1px); background-size: 40px 40px; z-index: 0; pointer-events: none; } .global-site-footer /* Glassmorphism Capsule (Mini CTA) */ .glass-capsule { background: rgba(8, 63, 74, 0.4); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(115, 174, 183, 0.2); border-top: 1px solid rgba(115, 174, 183, 0.5); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 30px rgba(115, 174, 183, 0.05); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .global-site-footer .glass-capsule:hover { box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 50px rgba(115, 174, 183, 0.2); transform: translateY(-5px); } .global-site-footer /* Gradient Button */ .btn-gradient { position: relative; overflow: hidden; background: linear-gradient(135deg, #062F38, #73AEB7); box-shadow: 0 0 20px rgba(115, 174, 183, 0.3); transition: all 0.4s ease; z-index: 1; } .global-site-footer .btn-gradient::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #73AEB7, #062F38); z-index: -1; opacity: 0; transition: opacity 0.4s ease; } .global-site-footer .btn-gradient:hover::before { opacity: 1; } .global-site-footer .btn-gradient:hover { box-shadow: 0 0 30px rgba(115, 174, 183, 0.6); transform: translateY(-2px); } .global-site-footer /* Footer Links Hover Effects */ .footer-link { position: relative; display: inline-flex; items-center; transition: all 0.3s ease; color: rgba(255, 255, 255, 0.7); } .global-site-footer .footer-link i { opacity: 0; transform: translateX(-10px); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); font-size: 10px; color: #73AEB7; } .global-site-footer .footer-link:hover { color: #ffffff; text-shadow: 0 0 10px rgba(115, 174, 183, 0.5); transform: translateX(5px); } .global-site-footer .footer-link:hover i { opacity: 1; transform: translateX(0); margin-right: 8px; } .global-site-footer .footer-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background: #73AEB7; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease; } .global-site-footer .footer-link:hover::after { transform: scaleX(1); transform-origin: left; } .global-site-footer /* Social Icons Glassmorphism */ .social-icon { width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(115, 174, 183, 0.2); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.7); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: hidden; } .global-site-footer .social-icon::after { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid transparent; transition: all 0.4s ease; } .global-site-footer .social-icon:hover { background: rgba(115, 174, 183, 0.1); color: #73AEB7; transform: translateY(-5px) scale(1.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(115, 174, 183, 0.4); border-color: rgba(115, 174, 183, 0.6); } .global-site-footer .social-icon:hover::after { border-color: rgba(115, 174, 183, 0.8); transform: scale(1.3); opacity: 0; } .global-site-footer /* Ripple Animation on Hover */ .social-icon:hover i { animation: socialRipple 1s infinite alternate; } .global-site-footer @keyframes socialRipple { 0% { transform: scale(1); text-shadow: 0 0 5px #73AEB7; } 100% { transform: scale(1.1); text-shadow: 0 0 15px #73AEB7; } } /* Scroll To Top Button */ .scroll-top-btn { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: rgba(8, 63, 74, 0.6); backdrop-filter: blur(10px); border: 1px solid rgba(115, 174, 183, 0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #73AEB7; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 100; box-shadow: 0 0 20px rgba(115, 174, 183, 0.2); cursor: pointer; } .scroll-top-btn.visible { opacity: 1; visibility: visible; } .global-site-footer .scroll-top-btn:hover { transform: translateY(-5px); background: rgba(115, 174, 183, 0.2); box-shadow: 0 0 30px rgba(115, 174, 183, 0.6); color: #fff; } .global-site-footer /* Floating Particles */ .footer-particle { position: absolute; background: #73AEB7; border-radius: 50%; opacity: 0.3; animation: drift linear infinite; pointer-events: none; z-index: 1; filter: blur(1px); } .global-site-footer @keyframes drift { 0% { transform: translateY(0) scale(1); opacity: 0; } 50% { opacity: 0.6; } 100% { transform: translateY(-150px) scale(0.5); opacity: 0; } } /* Ambient Glows */ .glow-orb { position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; z-index: 0; opacity: 0.4; } @media (max-width: 767px) { .wp-ready-page { font-size: 16px; line-height: 1.55; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .wp-ready-page :is(p, li, a, button, input, textarea, select, label) { font-size: max(15px, 0.95rem); line-height: 1.55; } .wp-ready-page :is(.text-\[10px\], .text-\[11px\], .text-\[12px\], .text-xs) { font-size: 12px !important; line-height: 1.35 !important; } .wp-ready-page :is(.text-sm, .text-\[13px\], .text-\[14px\]) { font-size: 15px !important; line-height: 1.5 !important; } .wp-ready-page h1 { font-size: clamp(2.35rem, 12vw, 4rem) !important; line-height: 1.02 !important; } .wp-ready-page h2 { font-size: clamp(1.9rem, 9vw, 3rem) !important; line-height: 1.08 !important; } .wp-ready-page h3 { font-size: clamp(1.28rem, 6.5vw, 2rem) !important; line-height: 1.16 !important; } .wp-ready-page :is(i, .fa, .fas, .fab, svg) { font-size: max(16px, 1em); } .global-site-header :is(a, button), .global-site-footer :is(a, p, li, button) { font-size: 15px; line-height: 1.45; } } /* * Global Header/Footer Astra color guard * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep near the end of global CSS * Affected page/section: Astra global header and footer only */ .global-site-header, .global-site-header *, .global-site-footer, .global-site-footer * { font-family: 'Montserrat', sans-serif; } .global-site-header { color: #ffffff !important; } .global-site-header .nav-capsule { background: rgba(8, 63, 74, 0.65) !important; border-color: rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .global-site-header.nav-scrolled .nav-capsule { background: rgba(8, 63, 74, 0.88) !important; border-color: rgba(115, 174, 183, 0.22) !important; } .global-site-header :is(a, button, span, p, h1, h2, h3, h4, h5, h6, li), .global-site-footer :is(a, button, span, p, h1, h2, h3, h4, h5, h6, li) { color: inherit; } .global-site-header .text-white, .global-site-header .text-white\/90, .global-site-header .hover\:text-white:hover, .global-site-header .nav-link, .global-site-header .mega-card h4, .global-site-footer .text-white, .global-site-footer .hover\:text-white:hover, .global-site-footer h4 { color: #ffffff !important; } .global-site-header .text-white\/80, .global-site-footer .text-white\/80, .global-site-footer .footer-link, .global-site-footer .footer-link span { color: rgba(255, 255, 255, 0.8) !important; } .global-site-header .text-white\/70, .global-site-header .sub-link, .global-site-footer .text-white\/70, .global-site-footer .text-white\/60, .global-site-footer p { color: rgba(255, 255, 255, 0.7) !important; } .global-site-header .text-brandAccent, .global-site-header .hover\:text-brandAccent:hover, .global-site-header .group:hover .group-hover\:text-brandAccent, .global-site-footer .text-brandAccent, .global-site-footer .hover\:text-brandAccent:hover, .global-site-footer .group:hover .group-hover\:text-brandAccent, .global-site-footer .footer-link i { color: #73AEB7 !important; } .global-site-header .text-brandPrimary, .global-site-header .group:hover .group-hover\:text-brandPrimary, .global-site-footer .text-brandPrimary, .global-site-footer .group:hover .group-hover\:text-brandPrimary { color: #083F4A !important; } .global-site-header :is(i, .fa, .fas), .global-site-footer :is(i, .fa, .fas) { color: inherit !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .global-site-header .fab, .global-site-footer .fab { color: inherit !important; font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } .global-site-header .bg-brandPrimary, .global-site-footer .bg-brandPrimary { background-color: #083F4A !important; } .global-site-header .bg-brandSecondary, .global-site-footer .bg-brandSecondary, .global-site-header .bg-brandSecondary\/95 { background-color: rgba(6, 47, 56, 0.95) !important; } .global-site-header .bg-brandAccent, .global-site-header .group:hover .group-hover\:bg-brandAccent, .global-site-footer .bg-brandAccent, .global-site-footer .group:hover .group-hover\:bg-brandAccent { background-color: #73AEB7 !important; } .global-site-header .border-brandAccent\/20, .global-site-footer .border-brandAccent\/20 { border-color: rgba(115, 174, 183, 0.2) !important; } .global-site-header .border-brandAccent\/30, .global-site-footer .border-brandAccent\/30 { border-color: rgba(115, 174, 183, 0.3) !important; } .global-site-footer { background: linear-gradient(180deg, #083F4A 0%, #062F38 60%, #041D24 100%) !important; color: #ffffff !important; } .global-site-footer .footer-bg { background: linear-gradient(180deg, #083F4A 0%, #062F38 60%, #041D24 100%) !important; } .global-site-footer .social-icon { color: #ffffff !important; display: flex !important; } .global-site-footer .social-icon:hover { color: #73AEB7 !important; } .global-site-footer .border-t:empty { display: none !important; } /* * Global Header controlled services dropdown * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep at the end of global CSS * Affected page/section: Services mega menu only */ .global-site-header .mega-menu-bridge { height: 10px !important; } .global-site-header .mega-menu-panel { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(12px) scale(0.98) !important; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease !important; } .global-site-header .global-services-menu.is-open .mega-menu-panel { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; } .global-site-header .global-services-menu.is-open > a i { transform: rotate(180deg) !important; } /* * Global Mobile Header and Footer CTA fixes * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep at the very end of global CSS * Affected page/section: Astra global header mobile/tablet menu and footer CTA */ .global-mobile-menu { position: fixed !important; inset: 0 !important; z-index: 49 !important; display: block !important; overflow-y: auto !important; padding-bottom: 2.5rem !important; background: rgba(8, 63, 74, 0.97) !important; -webkit-backdrop-filter: blur(24px) !important; backdrop-filter: blur(24px) !important; clip-path: circle(0% at top right) !important; pointer-events: none !important; transition: clip-path 0.65s cubic-bezier(0.16, 1, 0.3, 1) !important; } .global-mobile-menu.active { clip-path: circle(150% at top right) !important; pointer-events: auto !important; } .global-mobile-menu :is(a, button, span, h4, i) { color: #ffffff !important; } .global-mobile-menu .text-brandAccent, .global-mobile-menu #mobile-services-panel h4, .global-mobile-menu #mobile-services-panel > div > a, .global-mobile-menu #mobile-services-panel h4 i { color: #73AEB7 !important; } .global-mobile-menu .hover\:text-brandAccent:hover, .global-mobile-menu #mobile-services-panel h4:hover, .global-mobile-menu #mobile-services-panel > div > a:hover, .global-mobile-menu #mobile-services-panel a:hover, .global-mobile-menu #mobile-services-panel h4:hover i { color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; } .global-mobile-menu #mobile-services-panel { border-left-color: rgba(115, 174, 183, 0.36) !important; } .global-mobile-menu #mobile-services-panel a { color: rgba(255, 255, 255, 0.76) !important; } .global-site-header #mobile-menu-btn { color: #ffffff !important; background: rgba(255, 255, 255, 0.10) !important; border-color: rgba(255, 255, 255, 0.24) !important; } .global-site-header #mobile-menu-btn:hover, .global-site-header #mobile-menu-btn:focus { color: #04171c !important; background: #F59E0B !important; border-color: #F59E0B !important; } .global-site-header #mobile-menu-btn i { color: inherit !important; } .global-site-footer { overflow: visible !important; } .global-site-footer .max-w-\[1400px\] { overflow: visible !important; } .global-site-footer .glass-capsule { overflow: hidden !important; margin-top: -6rem !important; } .global-site-footer .glass-capsule .btn-gradient:hover { background: #F59E0B !important; color: #04171c !important; } .global-site-footer .glass-capsule .btn-gradient:hover i { color: #04171c !important; } @media (min-width: 1024px) { .global-mobile-menu { display: none !important; } } @media (max-width: 767px) { .global-mobile-menu .pt-28 { padding-top: 6.5rem !important; } .global-mobile-menu .text-2xl { font-size: 1.65rem !important; line-height: 1.15 !important; } .global-site-footer { margin-top: 5.5rem !important; padding-top: 5.5rem !important; } .global-site-footer .glass-capsule { margin-top: -4.5rem !important; } } /* * Global header/footer hover-only yellow accents * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep at the very end of global CSS * Affected page/section: global Astra header, Services mega menu, footer links/buttons */ .global-site-header .nav-capsule { border-color: rgba(115, 174, 183, 0.20) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important; } .global-site-header .nav-capsule:hover, .global-site-header.nav-scrolled .nav-capsule { border-color: rgba(115, 174, 183, 0.32) !important; box-shadow: 0 24px 52px rgba(0, 0, 0, 0.50) !important; } .global-site-header .nav-link { color: rgba(255, 255, 255, 0.90) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.90) !important; text-shadow: none !important; } .global-site-header .nav-link:hover, .global-site-header .nav-link:focus, .global-site-header .global-services-menu.is-open > .nav-link, .global-site-header .sub-link:hover, .global-site-header .sub-link:focus, .global-mobile-menu :is(a, button):hover, .global-mobile-menu :is(a, button):focus { color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; text-shadow: none !important; } .global-site-header .nav-link::after { background: #F59E0B !important; box-shadow: none !important; } .global-site-header .mega-menu-bridge { height: 0 !important; pointer-events: none !important; } .global-site-header .mega-menu-panel { top: calc(100% + 8px) !important; border-color: rgba(115, 174, 183, 0.22) !important; box-shadow: 0 38px 86px rgba(0, 0, 0, 0.62) !important; } .global-site-header .mega-card { border-color: rgba(115, 174, 183, 0.14) !important; background: rgba(255, 255, 255, 0.035) !important; border-radius: 16px !important; } .global-site-header .mega-card:hover { background: rgba(245, 158, 11, 0.055) !important; border-color: rgba(245, 158, 11, 0.46) !important; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.34) !important; } .global-site-header .mega-card:hover h4, .global-site-header .mega-card:hover :is(i, .fa, .fas) { color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; } .global-site-header .btn-gradient, .global-site-footer .btn-gradient, .global-mobile-menu .btn-gradient { background: linear-gradient(135deg, #0E5B68, #1B7F8E) !important; border-color: rgba(115, 174, 183, 0.36) !important; box-shadow: 0 0 20px rgba(115, 174, 183, 0.22) !important; } .global-site-header .hidden.lg\:flex a:not(.btn-gradient), .global-mobile-menu a[href*="login"] { background: transparent !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .global-site-header .btn-gradient:hover, .global-site-header .btn-gradient:focus, .global-site-footer .btn-gradient:hover, .global-site-footer .btn-gradient:focus, .global-mobile-menu .btn-gradient:hover, .global-mobile-menu .btn-gradient:focus, .global-site-header .hidden.lg\:flex a:not(.btn-gradient):hover, .global-site-header .hidden.lg\:flex a:not(.btn-gradient):focus, .global-mobile-menu a[href*="login"]:hover, .global-mobile-menu a[href*="login"]:focus { background: #F59E0B !important; color: #04171c !important; -webkit-text-fill-color: #04171c !important; border-color: #F59E0B !important; box-shadow: 0 0 26px rgba(245, 158, 11, 0.42) !important; transform: translateY(-2px); } .global-site-header .btn-gradient:hover i, .global-site-header .btn-gradient:focus i, .global-site-footer .btn-gradient:hover i, .global-site-footer .btn-gradient:focus i, .global-mobile-menu .btn-gradient:hover i, .global-mobile-menu .btn-gradient:focus i { color: #04171c !important; -webkit-text-fill-color: #04171c !important; } .global-site-footer .glass-capsule { border-color: rgba(115, 174, 183, 0.24) !important; } .global-site-footer .glass-capsule:hover { border-color: rgba(115, 174, 183, 0.38) !important; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.58) !important; } .global-site-footer h4 .bg-brandAccent, .global-site-footer .footer-link::after, .global-site-footer .border-t .absolute { background: #73AEB7 !important; box-shadow: 0 0 10px rgba(115, 174, 183, 0.45) !important; } .global-site-footer h4 .bg-brandAccent { color: #73AEB7 !important; -webkit-text-fill-color: #73AEB7 !important; } .global-site-footer .footer-link:hover, .global-site-footer .footer-link:focus, .global-site-footer .footer-link:hover i, .global-site-footer .footer-link:focus i, .global-site-footer .social-icon:hover, .global-site-footer .social-icon:focus { color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; } .global-site-footer .social-icon:hover, .global-site-footer .social-icon:focus { border-color: rgba(245, 158, 11, 0.66) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.40), 0 0 20px rgba(245, 158, 11, 0.32) !important; } .global-site-footer .grid a.group { border-color: transparent !important; box-shadow: none !important; } .global-site-footer .grid a.group:hover, .global-site-footer .grid a.group:focus { border-color: rgba(245, 158, 11, 0.38) !important; box-shadow: 0 0 16px rgba(245, 158, 11, 0.18) !important; } .global-site-footer .grid a.group:hover :is(span, i), .global-site-footer .grid a.group:focus :is(span, i) { color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; } /* * Refined header menu hover states * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep after hover-only yellow accents * Affected page/section: desktop header nav, Services mega menu, sub-service links */ .global-site-header .nav-link { display: inline-flex !important; align-items: center !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline-offset: 6px; } .global-site-header .nav-link:hover, .global-site-header .nav-link:focus, .global-site-header .global-services-menu.is-open > .nav-link { background: transparent !important; box-shadow: none !important; color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; } .global-site-header .nav-link::after { left: 50% !important; bottom: -0.45rem !important; width: 18px !important; height: 2px !important; border-radius: 999px !important; background: #F59E0B !important; box-shadow: none !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; } .global-site-header .nav-link:hover::after, .global-site-header .nav-link:focus::after, .global-site-header .global-services-menu.is-open > .nav-link::after { transform: translateX(-50%) scaleX(1) !important; } .global-site-header .mega-menu-panel { border-color: rgba(115, 174, 183, 0.22) !important; background: rgba(6, 47, 56, 0.96) !important; } .global-site-header .mega-card { position: relative !important; overflow: hidden !important; background: rgba(255, 255, 255, 0.035) !important; border-color: rgba(115, 174, 183, 0.14) !important; border-radius: 14px !important; box-shadow: none !important; } .global-site-header .mega-card::after { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 999px; background: #F59E0B; opacity: 0; transform: scaleY(0.45); transform-origin: center; transition: opacity 0.28s ease, transform 0.28s ease; } .global-site-header .mega-card:hover, .global-site-header .mega-card:focus-within { background: rgba(255, 255, 255, 0.065) !important; border-color: rgba(115, 174, 183, 0.34) !important; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.32) !important; transform: translateY(-3px) !important; } .global-site-header .mega-card:hover::after, .global-site-header .mega-card:focus-within::after { opacity: 1; transform: scaleY(1); } .global-site-header .mega-card .w-8.h-8 { background: rgba(8, 63, 74, 0.82) !important; border-color: rgba(115, 174, 183, 0.22) !important; } .global-site-header .mega-card:hover .w-8.h-8, .global-site-header .mega-card:focus-within .w-8.h-8 { background: rgba(245, 158, 11, 0.10) !important; border-color: rgba(245, 158, 11, 0.42) !important; } .global-site-header .mega-card:hover h4, .global-site-header .mega-card:focus-within h4, .global-site-header .mega-card:hover :is(i, .fa, .fas), .global-site-header .mega-card:focus-within :is(i, .fa, .fas) { color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; } .global-site-header .sub-link { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 0.48rem !important; width: auto !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; color: rgba(255, 255, 255, 0.72) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important; transition: color 0.24s ease, transform 0.24s ease !important; } .global-site-header .sub-link::before { content: "" !important; position: static !important; display: inline-block !important; width: 5px !important; height: 5px !important; flex: 0 0 5px !important; border-radius: 999px !important; background: #73AEB7 !important; opacity: 0.55 !important; transform: none !important; transition: opacity 0.24s ease, background 0.24s ease, transform 0.24s ease !important; } .global-site-header .sub-link:hover, .global-site-header .sub-link:focus { padding-left: 0 !important; color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; transform: translateX(3px) !important; } .global-site-header .sub-link:hover::before, .global-site-header .sub-link:focus::before { background: #F59E0B !important; opacity: 1 !important; transform: scale(1.15) !important; } .global-mobile-menu #mobile-services-panel a { background: transparent !important; box-shadow: none !important; } .global-mobile-menu #mobile-services-panel a:hover, .global-mobile-menu #mobile-services-panel a:focus { background: transparent !important; color: #F59E0B !important; -webkit-text-fill-color: #F59E0B !important; transform: translateX(3px); } /* * Header menu no-yellow refinement * WordPress location: Appearance > Customize > Additional CSS * Paste order: final header/menu override * Affected page/section: header top menu and Services dropdown only */ .global-site-header .nav-link:hover, .global-site-header .nav-link:focus, .global-site-header .global-services-menu.is-open > .nav-link { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; box-shadow: none !important; } .global-site-header .nav-link::after { background: #73AEB7 !important; box-shadow: none !important; } .global-site-header .mega-card::after { background: #73AEB7 !important; } .global-site-header .mega-card:hover, .global-site-header .mega-card:focus-within { background: rgba(255, 255, 255, 0.065) !important; border-color: rgba(115, 174, 183, 0.42) !important; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.32) !important; } .global-site-header .mega-card:hover .w-8.h-8, .global-site-header .mega-card:focus-within .w-8.h-8 { background: rgba(115, 174, 183, 0.12) !important; border-color: rgba(115, 174, 183, 0.46) !important; } .global-site-header .mega-card:hover h4, .global-site-header .mega-card:focus-within h4, .global-site-header .mega-card:hover :is(i, .fa, .fas), .global-site-header .mega-card:focus-within :is(i, .fa, .fas) { color: #73AEB7 !important; -webkit-text-fill-color: #73AEB7 !important; } .global-site-header .sub-link:hover, .global-site-header .sub-link:focus { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .global-site-header .sub-link:hover::before, .global-site-header .sub-link:focus::before { background: #73AEB7 !important; } .global-mobile-menu #mobile-services-panel h4:hover, .global-mobile-menu #mobile-services-panel > div > a:hover, .global-mobile-menu #mobile-services-panel a:hover, .global-mobile-menu #mobile-services-panel h4:hover i, .global-mobile-menu #mobile-services-panel h4:focus, .global-mobile-menu #mobile-services-panel > div > a:focus, .global-mobile-menu #mobile-services-panel a:focus { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; box-shadow: none !important; } .global-site-footer .glass-capsule .btn-gradient:hover, .global-site-footer .glass-capsule .btn-gradient:focus, .global-site-footer a.btn-gradient:hover, .global-site-footer a.btn-gradient:focus { background: #F59E0B !important; color: #04171c !important; -webkit-text-fill-color: #04171c !important; border-color: #F59E0B !important; box-shadow: 0 0 28px rgba(245, 158, 11, 0.44) !important; } .global-site-footer .glass-capsule .btn-gradient:hover i, .global-site-footer .glass-capsule .btn-gradient:focus i, .global-site-footer a.btn-gradient:hover i, .global-site-footer a.btn-gradient:focus i { color: #04171c !important; -webkit-text-fill-color: #04171c !important; } /* * Final fix: remove yellow block from header nav tabs * WordPress location: Appearance > Customize > Additional CSS * Paste order: very last global CSS * Affected page/section: desktop header menu tabs and footer CTA button */ .global-site-header nav.hidden.lg\:flex a.nav-link, .global-site-header nav.hidden.lg\:flex a.nav-link:hover, .global-site-header nav.hidden.lg\:flex a.nav-link:focus, .global-site-header nav.hidden.lg\:flex .global-services-menu.is-open > a.nav-link { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .global-site-header nav.hidden.lg\:flex a.nav-link:hover::after, .global-site-header nav.hidden.lg\:flex a.nav-link:focus::after, .global-site-header nav.hidden.lg\:flex .global-services-menu.is-open > a.nav-link::after { background: #73AEB7 !important; box-shadow: none !important; opacity: 1 !important; } .global-site-header nav.hidden.lg\:flex .mega-menu-panel a, .global-site-header nav.hidden.lg\:flex .mega-menu-panel a:hover, .global-site-header nav.hidden.lg\:flex .mega-menu-panel a:focus { background-image: none !important; } .global-site-header nav.hidden.lg\:flex .mega-menu-panel .sub-link:hover, .global-site-header nav.hidden.lg\:flex .mega-menu-panel .sub-link:focus { background: transparent !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .global-site-header nav.hidden.lg\:flex .mega-card:hover, .global-site-header nav.hidden.lg\:flex .mega-card:focus-within { background: rgba(255, 255, 255, 0.065) !important; border-color: rgba(115, 174, 183, 0.42) !important; } .global-site-header nav.hidden.lg\:flex .mega-card:hover::after, .global-site-header nav.hidden.lg\:flex .mega-card:focus-within::after { background: #73AEB7 !important; } .global-site-header nav.hidden.lg\:flex .mega-card:hover :is(h4, i, .fa, .fas), .global-site-header nav.hidden.lg\:flex .mega-card:focus-within :is(h4, i, .fa, .fas) { color: #73AEB7 !important; -webkit-text-fill-color: #73AEB7 !important; } .global-site-footer .glass-capsule a.btn-gradient:hover, .global-site-footer .glass-capsule a.btn-gradient:focus, .global-site-footer a.btn-gradient:hover, .global-site-footer a.btn-gradient:focus { background: #F59E0B !important; background-image: none !important; color: #04171c !important; -webkit-text-fill-color: #04171c !important; border-color: #F59E0B !important; box-shadow: 0 0 30px rgba(245, 158, 11, 0.45) !important; } .global-site-footer .glass-capsule a.btn-gradient:hover *, .global-site-footer .glass-capsule a.btn-gradient:focus *, .global-site-footer a.btn-gradient:hover *, .global-site-footer a.btn-gradient:focus * { color: #04171c !important; -webkit-text-fill-color: #04171c !important; } /* * Home Page * WordPress location: Appearance > Customize > Additional CSS * Paste order: Global Additional CSS first, then this Home page CSS * Affected page/section: Home page HTML widget only */ .home-page-wrapper { font-family: 'Montserrat', sans-serif; overflow-x: hidden; background-color: #ffffff; color: #1f2937; } .home-page-wrapper i, .home-page-wrapper .fa, .home-page-wrapper .fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .home-page-wrapper .clip-diagonal { clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); } .home-page-wrapper .clip-diagonal-reverse { clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%); } @media (max-width: 768px) { .home-page-wrapper .clip-diagonal { clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%); } .home-page-wrapper .clip-diagonal-reverse { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); } } .home-page-wrapper .blob-shape { border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%; animation: homeMorph 8s ease-in-out infinite alternate; } @keyframes homeMorph { 0% { border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%; transform: rotate(0deg); } 100% { border-radius: 70% 30% 50% 70% / 30% 70% 50% 50%; transform: rotate(10deg); } } .home-page-wrapper .video-overlay { background: linear-gradient(90deg, rgba(14,62,73,0.95) 0%, rgba(14,62,73,0.7) 45%, rgba(0,0,0,0.2) 100%); } .home-page-wrapper .reveal { opacity: 1; transform: translate(0) scale(1); transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1), transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); } .home-page-wrapper.home-js-ready .reveal { opacity: 0; } .home-page-wrapper.home-js-ready .reveal-up { transform: translateY(50px); } .home-page-wrapper.home-js-ready .reveal-left { transform: translateX(-40px); } .home-page-wrapper.home-js-ready .reveal-right { transform: translateX(40px); } .home-page-wrapper.home-js-ready .reveal-scale { transform: scale(0.95); } .home-page-wrapper .reveal.active { opacity: 1; transform: translate(0) scale(1); } .home-page-wrapper .delay-1 { transition-delay: 0.15s; } .home-page-wrapper .delay-2 { transition-delay: 0.3s; } .home-page-wrapper .delay-3 { transition-delay: 0.45s; } .home-page-wrapper .slider-wrapper { overflow: hidden; white-space: nowrap; position: relative; width: 100%; } .home-page-wrapper .slider-wrapper::before, .home-page-wrapper .slider-wrapper::after { content: ''; position: absolute; top: 0; width: 60px; height: 100%; z-index: 2; pointer-events: none; } @media (min-width: 768px) { .home-page-wrapper .slider-wrapper::before, .home-page-wrapper .slider-wrapper::after { width: 100px; } } .home-page-wrapper .slider-wrapper::before { left: 0; background: linear-gradient(to right, white, transparent); } .home-page-wrapper .slider-wrapper::after { right: 0; background: linear-gradient(to left, white, transparent); } .home-page-wrapper .slider-track { display: inline-flex; animation: homeLogoSlide 20s linear infinite; width: max-content; } .home-page-wrapper .slider-track img { height: 35px; margin: 0 25px; object-fit: contain; transition: transform 0.3s ease; } @media (min-width: 768px) { .home-page-wrapper .slider-track img { height: 50px; margin: 0 40px; } } .home-page-wrapper .slider-track img:hover { transform: scale(1.1); } @keyframes homeLogoSlide { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .home-page-wrapper .compare-wrapper { position: relative; width: 100%; max-width: 900px; margin: 0 auto; border-radius: 1rem; overflow: hidden; box-shadow: 0 15px 30px -10px rgba(14, 62, 73, 0.3); cursor: ew-resize; touch-action: none; aspect-ratio: 4 / 3; } @media (min-width: 768px) { .home-page-wrapper .compare-wrapper { border-radius: 1.5rem; box-shadow: 0 25px 50px -12px rgba(14, 62, 73, 0.3); } } .home-page-wrapper .compare-img-after { display: block; width: 100%; height: 100%; object-fit: cover; } .home-page-wrapper .compare-img-before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; clip-path: inset(0 50% 0 0); } .home-page-wrapper .compare-slider-handle { position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; background: white; transform: translateX(-50%); pointer-events: none; display: flex; align-items: center; justify-content: center; z-index: 10; } .home-page-wrapper .compare-slider-handle::before { content: ''; position: absolute; width: 36px; height: 36px; background: #0e3e49; border: 3px solid white; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.4); } .home-page-wrapper .handle-icon { position: relative; color: white; font-size: 12px; z-index: 11; } .home-page-wrapper video { max-width: none; } .home-page-wrapper .compare-wrapper img, .home-page-wrapper .slider-track img { user-select: none; -webkit-user-drag: none; } @media (max-width: 767px) { .home-page-wrapper .compare-wrapper { aspect-ratio: 4 / 3; } } /* * Home Page final brand theme guard * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep after Home base CSS * Affected page/section: Home page only */ .home-page-wrapper { --home-deep: #083F4A; --home-brand: #0e3e49; --home-dark: #04171c; --home-cyan: #73AEB7; --home-orange: #F59E0B; --home-soft: #F4F4F2; } .home-page-wrapper.text-gray-800, .home-page-wrapper .text-gray-800 { color: var(--home-brand) !important; } .home-page-wrapper .text-gray-500 { color: rgba(14, 62, 73, 0.72) !important; } .home-page-wrapper .text-gray-300 { color: rgba(255, 255, 255, 0.75) !important; } .home-page-wrapper .text-gray-200 { color: rgba(244, 244, 242, 0.9) !important; } .home-page-wrapper .text-brand, .home-page-wrapper .text-brandDark { color: var(--home-brand) !important; } .home-page-wrapper .text-accent, .home-page-wrapper .text-accentLight { color: var(--home-orange) !important; } .home-page-wrapper .bg-brand { background-color: var(--home-brand) !important; } .home-page-wrapper .bg-brandDark { background-color: var(--home-dark) !important; } .home-page-wrapper .bg-brandLight, .home-page-wrapper .bg-accent { background-color: var(--home-deep) !important; } .home-page-wrapper .bg-accentLight, .home-page-wrapper .bg-accent { background-color: var(--home-orange) !important; } .home-page-wrapper .bg-accent\/10, .home-page-wrapper .bg-accentLight\/20, .home-page-wrapper .bg-accentLight\/30 { background-color: rgba(245, 158, 11, 0.12) !important; } .home-page-wrapper :is(.bg-white.border-2, .bg-white.border, .bg-gray-50) { border-color: rgba(245, 158, 11, 0.18) !important; } .home-page-wrapper :is(.bg-white.border-2, .bg-white.border):hover { border-color: rgba(245, 158, 11, 0.42) !important; box-shadow: 0 22px 45px rgba(8, 63, 74, 0.16), 0 0 24px rgba(245, 158, 11, 0.14) !important; } .home-page-wrapper .text-white, .home-page-wrapper .text-white :is(h1, h2, h3, h4, p, span, i) { color: #ffffff !important; } .home-page-wrapper .text-white\/70 { color: rgba(255, 255, 255, 0.78) !important; } .home-page-wrapper .text-white\/80 { color: rgba(255, 255, 255, 0.86) !important; } .home-page-wrapper section:first-of-type a[href="#services"], .home-page-wrapper section:first-of-type a[href="#contact"] { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.65rem; min-height: 52px; border-radius: 0.5rem !important; border: 1px solid var(--home-orange) !important; background: rgba(8, 63, 74, 0.78) !important; color: #ffffff !important; box-shadow: 0 0 20px rgba(245, 158, 11, 0.24) !important; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.82rem; } .home-page-wrapper section:first-of-type a[href="#services"]::before, .home-page-wrapper section:first-of-type a[href="#contact"]::before { content: ""; position: absolute; inset: 0; background: var(--home-orange); transform: scaleX(0); transform-origin: right; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1); z-index: -1; } .home-page-wrapper section:first-of-type a[href="#services"]:hover::before, .home-page-wrapper section:first-of-type a[href="#contact"]:hover::before { transform: scaleX(1); transform-origin: left; } .home-page-wrapper section:first-of-type a[href="#services"]:hover, .home-page-wrapper section:first-of-type a[href="#contact"]:hover { color: var(--home-dark) !important; border-color: transparent !important; box-shadow: 0 0 28px rgba(245, 158, 11, 0.55) !important; } .home-page-wrapper .w-16.bg-accent, .home-page-wrapper .w-24.bg-accent, .home-page-wrapper .w-12.bg-accent { background-color: var(--home-orange) !important; box-shadow: 0 0 14px rgba(245, 158, 11, 0.38); } .home-page-wrapper .compare-slider-handle::before { background: var(--home-orange); border-color: #ffffff; } .home-page-wrapper .handle-icon { color: var(--home-dark) !important; } .home-page-wrapper .video-overlay { background: linear-gradient(90deg, rgba(8, 63, 74, 0.96) 0%, rgba(8, 63, 74, 0.72) 48%, rgba(4, 23, 28, 0.24) 100%) !important; } /* * Home Page CTA hover final fix * WordPress location: Appearance > Customize > Additional CSS * Paste order: keep after Home base CSS * Affected page/section: Home hero Get In Touch / Explore Services buttons */ .home-page-wrapper section:first-of-type a[href="#services"], .home-page-wrapper section:first-of-type a[href="#contact"] { isolation: isolate !important; z-index: 0 !important; } .home-page-wrapper section:first-of-type a[href="#services"]:hover, .home-page-wrapper section:first-of-type a[href="#contact"]:hover, .home-page-wrapper section:first-of-type a[href="#services"]:focus, .home-page-wrapper section:first-of-type a[href="#contact"]:focus { background: #F59E0B !important; background-color: #F59E0B !important; color: #04171c !important; border-color: #F59E0B !important; } .home-page-wrapper section:first-of-type a[href="#services"]:hover i, .home-page-wrapper section:first-of-type a[href="#contact"]:hover i, .home-page-wrapper section:first-of-type a[href="#services"]:focus i, .home-page-wrapper section:first-of-type a[href="#contact"]:focus i { color: #04171c !important; }