/* Start custom CSS *//* Full hello bar styling lives here: the theme renders this template after <head>, so Elementor's atomic (V4) element styles are never enqueued for it. */
#hellobar .e-con {
  width: 100%; box-sizing: border-box; display: flex; flex-direction: row;
  justify-content: space-between; align-items: center; gap: 24px; padding: 21px 40px;
  background: linear-gradient(90deg, #000099 1.582%, #000034 100%);
}
#hellobar .e-con p {
  margin: 0; font-family: Poppins, sans-serif; font-weight: 500; font-size: 18px; line-height: 28px;
  color: #FFFFFF; text-align: left; font-variant-emoji: normal;
}
#hellobar .e-con a.e-button-base {
  display: inline-block; flex: 0 0 auto; white-space: nowrap; padding: 0; border: 0; border-radius: 0;
  background: transparent; font-family: Poppins, sans-serif; font-weight: 500; font-size: 16px; line-height: 28px;
  color: #FFFFFF; text-decoration: underline; text-align: center; transition: opacity .2s;
}
#hellobar .e-con a.e-button-base:hover { opacity: .8; color: #FFFFFF; }
@media (max-width: 767px) {
  #hellobar .e-con { flex-direction: column; justify-content: center; gap: 10px; padding: 10px 11px; }
  #hellobar .e-con p { text-align: center; }
  #hellobar .e-con a.e-button-base { padding: 2px 12px; border-radius: 10px; background: #FFFFFF; color: #01049B; text-decoration: none; }
  #hellobar .e-con a.e-button-base:hover { color: #01049B; }
}
/* Room for the theme's close button (only when it is enabled) */
#hellobar:has(> .hellobar-close-btn) .e-con { padding-right: 72px; }
@media (max-width: 767px) {
  #hellobar:has(> .hellobar-close-btn) .e-con { padding-left: 36px; padding-right: 36px; }
}/* End custom CSS */