.elementor-16 .elementor-element.elementor-element-30033b7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--padding-block-start:20px;--padding-block-end:20px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-16 .elementor-element.elementor-element-30033b7.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-2853d2c > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-2853d2c */.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 38px 0 12px 0; /* 👈 perfect top + bottom balance */
  background: #012F64;
  transition: all 0.3s ease;
  z-index: 999;
}

/* remove extra gaps from Elementor */
.navbar * {
  margin: 0;
  padding: 0;
}

/* logo */
.logo {
  height: 50px;
  display: block;
}

/* default logo */
.light-logo {
  display: block;
}

.dark-logo {
  display: none;
}

/* scroll effect */
.navbar.scrolled {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* logo switch */
.navbar.scrolled .light-logo {
  display: none;
}

.navbar.scrolled .dark-logo {
  display: block;
}/* End custom CSS */