.elementor-216 .elementor-element.elementor-element-d18b456{--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;}/* Start custom CSS for html, class: .elementor-element-654d182 *//* ===============================
   FORCE FIX: dark strip + text color
   Paste at END of your CSS
================================ */

/* 1) Ensure header/topbar backgrounds are exactly what we want */
.nxp-topbar,
.nxp-main,
.nxp-header{
  background: #ffffff !important;
  background-image: none !important;
}

/* 2) Remove any theme pseudo overlay on header containers */
.nxp-header::before,
.nxp-header::after,
.nxp-topbar::before,
.nxp-topbar::after,
.nxp-main::before,
.nxp-main::after{
  content: none !important;
  display: none !important;
}

/* 3) Force menu/link colors (theme is making them white) */
.nxp-header .nxp-link,
.nxp-header .nxp-ddbtn,
.nxp-header .nxp-item,
.nxp-header .nxp-toptext,
.nxp-header .nxp-toplink,
.nxp-header .nxp-dot{
  color: #0b1220 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* 4) Keep hover professional (no white hover box) */
.nxp-header .nxp-link:hover,
.nxp-header .nxp-ddbtn:hover,
.nxp-header .nxp-item:hover,
.nxp-header .nxp-toplink:hover{
  background: transparent !important;
  color: #0f9d9a !important;
}

/* 5) Fix blank round button / theme button style conflicts */
.nxp-header .nxp-btn{
  color:#0b1220 !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.14) !important;
  box-shadow:none !important;
}
.nxp-header .nxp-btn-primary{
  background:#0f9d9a !important;
  border-color:#0f9d9a !important;
  color:#fff !important;
}

/* 6) Ensure nothing outside header adds spacing/overlay look */
.nxp-header{
  margin:0 !important;
  padding:0 !important;
}/* End custom CSS */