Droid Mining Solutions

Contact Us

Have Questions? Reach Out To Us

Get In Touch

 

Address

T1-T4, Rameshwaram Apartment,
Plot no.24, Nagpur, Maharashtra
440024

Email

info@droidminingsolutions.com

Phone

+91 8149259405

/* * 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; }