.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}



/* ==========================================================================
   TrackTech Custom Header & Footer Styles (Shonde Abiola Damilare Redesign)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600;700&display=swap');

/* Apply global font stack overrides */
body, p, span, li, a, input, select, textarea, button, .elementor-widget-text-editor, .elementor-button {
  font-family: "Jost", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .site-title a, .elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

/* Base Body Styles */
body {
  background-color: #050B14 !important;
  color: #f8fafc !important;
}

/* Fixed Header Styles */
header#site-header.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
  background: rgba(5, 11, 20, 0.94) !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.18) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.3s ease !important;
  padding: 0 5vw !important;
}

/* Push page content down to prevent overlapping */
body.page-template-elementor_header_footer, 
body.elementor-page {
  padding-top: 82px !important;
}

/* Header inner layout */
header#site-header.site-header .header-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Brand styling with circle logo */
header#site-header.site-header .site-branding {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

header#site-header.site-header .site-branding::before {
  content: "SA" !important;
  grid-row: span 2 !important;
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #c9a84c !important;
  border-radius: 50% !important;
  color: #c9a84c !important;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  transition: all 0.3s ease !important;
}

header#site-header.site-header .site-title {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

header#site-header.site-header .site-title a {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

header#site-header.site-header .site-description {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  color: #c9a84c !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
}

/* Navigation menu */
header#site-header.site-header nav.site-navigation {
  display: flex !important;
  align-items: center !important;
}

header#site-header.site-header nav.site-navigation ul.menu {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header#site-header.site-header nav.site-navigation ul.menu li {
  margin: 0 !important;
  padding: 0 !important;
}

header#site-header.site-header nav.site-navigation ul.menu li a {
  color: rgba(245, 240, 232, 0.78) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

header#site-header.site-header nav.site-navigation ul.menu li a:hover,
header#site-header.site-header nav.site-navigation ul.menu li.current-menu-item a {
  color: #c9a84c !important; /* Gold */
}

/* Last menu item is a CTA button like in the referenced folder */
header#site-header.site-header nav.site-navigation ul.menu li:last-child a {
  border: 1px solid #c9a84c !important;
  color: #c9a84c !important;
  padding: 0.65rem 1.2rem !important;
  margin-left: 0.75rem !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

header#site-header.site-header nav.site-navigation ul.menu li:last-child a:hover {
  background: #c9a84c !important;
  color: #050B14 !important;
}

/* Mobile Toggler Styles */
header#site-header.site-header button.site-navigation-toggle {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  display: none !important;
}

header#site-header.site-header .site-navigation-toggle-holder.show {
  display: block !important;
}

header#site-header.site-header .site-navigation-toggle-icon,
header#site-header.site-header .site-navigation-toggle-icon::before,
header#site-header.site-header .site-navigation-toggle-icon::after {
  background-color: #c9a84c !important;
}

/* Mobile Dropdown Menu */
header#site-header.site-header .site-navigation-dropdown {
  background-color: #050B14 !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.28) !important;
  position: absolute !important;
  top: 82px !important;
  left: 0 !important;
  right: 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu {
  list-style: none !important;
  padding: 1.5rem !important;
  margin: 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li {
  margin: 0 0 1rem 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li:last-child {
  margin-bottom: 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li a {
  color: rgba(245, 240, 232, 0.78) !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  text-decoration: none !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li a:hover,
header#site-header.site-header .site-navigation-dropdown ul.menu li.current-menu-item a {
  color: #c9a84c !important;
}

/* Footer customization */
footer#site-footer.site-footer {
  background-color: #050B14 !important;
  color: #f8fafc !important;
  border-top: 1px solid rgba(201, 168, 76, 0.28) !important;
  padding: 50px 5vw 30px !important;
}

footer#site-footer.site-footer .footer-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1.5rem !important;
  padding: 0 !important;
}

footer#site-footer.site-footer .site-branding {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Brand mark circle in footer */
footer#site-footer.site-footer .site-branding::before {
  content: "SA" !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #c9a84c !important;
  border-radius: 50% !important;
  color: #c9a84c !important;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

footer#site-footer.site-footer .site-description {
  color: #c9a84c !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer#site-footer.site-footer .copyright {
  margin: 0 !important;
  padding: 0 !important;
}

footer#site-footer.site-footer .copyright p {
  color: #94a3b8 !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.85rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Media Queries for responsive navbar */
@media (max-width: 980px) {
  header#site-header.site-header button.site-navigation-toggle {
    display: block !important;
  }
  header#site-header.site-header nav.site-navigation {
    display: none !important;
  }
}