.elementor-89 .elementor-element.elementor-element-33a1cf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-33a1cf5{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS *//* --- Button styling for your menu --- */
.elementor-89 .elementor-nav-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.elementor-89 .elementor-nav-menu > li > a.elementor-item {
  display: inline-block;
  background: var(--e-global-color-primary, #3b82f6);
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  line-height: 1;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.elementor-89 .elementor-nav-menu > li > a.elementor-item:hover,
.elementor-89 .elementor-nav-menu > li > a.elementor-item:focus-visible {
  background: var(--e-global-color-primary, #3b82f6);
  color: #fff;
  outline: none;
}

.elementor-89 .current-menu-item > a.elementor-item,
.elementor-89 .current-menu-ancestor > a.elementor-item {
  background: var(--e-global-color-primary, #3b82f6);
  color: #fff;
}

/* --- Sticky behavior --- */
/* The outer sticky bar stays full width */
.elementor-89 {
  width: 100%;
  transition: background-color .25s ease, transform .25s ease;
  transform-origin: top center;
}

/* Default (at top): make the FIRST inner container full width */
.elementor-89:not(.is-shrunk) > .e-con:first-child,
.elementor-89:not(.is-shrunk) > .elementor-container:first-child {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
  transition: max-width .3s ease, padding .25s ease, border-radius .25s ease, transform .25s ease, background-color .25s ease;
  transform-origin: top center;
}

/* After scroll: shrink the FIRST inner container to content width and center it */
.elementor-89.is-shrunk > .e-con:first-child,
.elementor-89.is-shrunk > .elementor-container:first-child {
  width: auto !important;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 10px;
  border-radius: 12px;

  /* fallback then var() to satisfy strict parsers */
  background-color: rgba(255, 255, 255, .85);
  background-color: var(--e-global-color-secondary, rgba(255, 255, 255, .85));

  -webkit-backdrop-filter: saturate(120%) blur(6px);
  backdrop-filter: saturate(120%) blur(6px);
  transform: scale(0.98);
}

/* Keep your menu buttons tidy if they wrap */
.elementor-89 .menu-container .elementor-nav-menu { flex-wrap: wrap; gap: 12px; }

/* Optional: disable shrinking on small screens */
@media (max-width: 767px) {
  .elementor-89.is-shrunk > .e-con:first-child,
  .elementor-89.is-shrunk > .elementor-container:first-child {
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    transform: none;
    border-radius: 0;
    background-color: inherit;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 0;
  }
}/* End custom CSS */