.elementor-kit-6{--e-global-color-primary:#274B78;--e-global-color-secondary:#000000;--e-global-color-text:#5F5F5F;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:65px;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:46px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:69px;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:35px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  /* change this to whatever color you want for the active button text */
  --active-color: #274b78;
  --inactive-color: inherit;
}

/* Basic reset for the left buttons so only text color will change */
a[href^="#section"] {
  color: var(--inactive-color);
  text-decoration: none;
  transition: color 200ms ease;
}

/* Active state applied by JS — only text color changes */
a.active-section-btn {
  color: var(--active-color) !important;
}

/* Optional: visible focus outline for accessibility */
a[href^="#section"]:focus {
  outline: 2px dashed rgba(39,75,120,0.25);
  outline-offset: 3px;
}

/* Optional: make left container sticky if you haven't used Elementor's sticky */
.left-side {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 20px; /* change spacing from top */
}

/* small helper for right-side sections spacing */
[id^="section"] {
  scroll-margin-top: 100px; /* prevents content hiding behind header/sticky - adjust if needed */
}/* End custom CSS */