.rounded-corners {
  border-radius: 15px !important;
  overflow: hidden;
}

/* LOGIN GADGET BASE STYLING */
#id_Uzz4Fna,
#id_Uzz4Fna * {
  color: #ffffff !important;
  font-family: 'Fira Sans', sans-serif !important;
}

/* LOGIN GADGET CARVE-OUTS (things that must be dark) */
#id_Uzz4Fna .profileBox a,
#id_Uzz4Fna .loginActionRememberMe label,
#id_Uzz4Fna .loginPasswordForgot a {
  color: #000000 !important;
}

/* FONT IMPORT + OVERRIDES */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap');

#id_yOhi7Wr,
#id_yOhi7Wr * {
  font-family: 'Fira Sans', sans-serif !important;
}

h1, h2 {
  text-transform: none !important;
}

h1, h2, h3, h4 {
  font-family: Verdana, sans-serif !important;
  font-weight: 700 !important;
}

/* FORM BUTTON RULE */
#id_FTi7I7o button {
  background-color: #1D3354 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
}

#id_FTi7I7o button:hover {
  background-color: #FEC15F !important;
}

/* MOBILE FIXES */
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
  .your-main-container-class {
    width: 100%;
    box-sizing: border-box;
  }
}

/* =========================
   NAV MENU FIX (CORRECTED)
   - Top-level menu stays white
   - Dropdown default is dark (on light background)
   - Dropdown hover/active flips to white
   ========================= */

/* Top-level menu items */
.WaGadgetMenuHorizontal .menuInner > ul > li > a,
.WaGadgetMenuHorizontal .menuInner > ul > li > a:hover,
.WaGadgetMenuHorizontal .menuInner > ul > li > a:focus,
.WaGadgetMenuHorizontal .menuInner > ul > li > a.active {
  color: #ffffff !important;
}

/* Dropdown (level 2+) DEFAULT state on light background */
.WaGadgetMenuHorizontal .menuInner .menuLevel2 a,
.WaGadgetMenuHorizontal .menuInner .menuLevel3 a {
  color: #000000 !important;
}

/* Dropdown (level 2+) HOVER / ACTIVE state */
.WaGadgetMenuHorizontal .menuInner .menuLevel2 a:hover,
.WaGadgetMenuHorizontal .menuInner .menuLevel2 a:focus,
.WaGadgetMenuHorizontal .menuInner .menuLevel2 a.active,
.WaGadgetMenuHorizontal .menuInner .menuLevel3 a:hover,
.WaGadgetMenuHorizontal .menuInner .menuLevel3 a:focus,
.WaGadgetMenuHorizontal .menuInner .menuLevel3 a.active {
  color: #ffffff !important;
}

/* If you have any vertical menus elsewhere */
.WaGadgetMenuVertical .menuInner a {
  color: #ffffff !important;
}
.WaGadgetMenuVertical .menuInner .menuLevel2 a,
.WaGadgetMenuVertical .menuInner .menuLevel3 a {
  color: #000000 !important;
}
.WaGadgetMenuVertical .menuInner .menuLevel2 a:hover,
.WaGadgetMenuVertical .menuInner .menuLevel2 a.active,
.WaGadgetMenuVertical .menuInner .menuLevel3 a:hover,
.WaGadgetMenuVertical .menuInner .menuLevel3 a.active {
  color: #ffffff !important;
}