:root {
  --vc-font-family: "Poppins", Arial, sans-serif;
  --vc-text-dark: #0f172a;
  --vc-text-body: #475569;
  --vc-text-muted: #64748b;
  --vc-text-brand: #004b8d;
}

html,
body,
button,
input,
textarea,
select,
table,
th,
td {
  font-family: var(--vc-font-family) !important;
}

body {
  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--vc-text-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.section-head h2,
.section-head h3,
.section-head-inline h2,
.section-head-inline h3,
.card h1,
.card h2,
.card h3,
.hero-panel h1,
.hero-panel h2,
.brand-block h1 {
  color: var(--vc-text-dark) !important;
}

h1,
.site-header .brand-block h1 {
  font-size: 48px !important;
  line-height: 56px !important;
  font-weight: 700 !important;
}

h2,
.section-head h2,
.section-head-inline h2,
.card h2 {
  font-size: 30px !important;
  line-height: 38px !important;
  font-weight: 600 !important;
}

h3,
.section-head h3,
.section-head-inline h3,
.card h3 {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
}

p,
li,
dd,
dt,
td,
th,
input,
textarea,
select,
.hero-copy,
.subcopy,
.records-table,
.records-table td,
.records-table th,
.mailbox-item-top span,
.mailbox-item-snippet,
.mailbox-detail-meta span,
.mailbox-rich-body,
.mailbox-rich-body-history,
.message-center-page p,
.dashboard-new-page p {
  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--vc-text-body) !important;
}

small,
label,
.eyebrow,
.muted,
.empty-state,
.helper-text,
.section-head p,
.link-card span,
.followup-meta span,
.stat-card span,
.mailbox-body-title,
.mailbox-meta-line,
.mc-logo span,
.mc-account span,
.mc-account em,
.dashboard-new-sidebar-brand span,
.dashboard-new-sidebar-foot span,
.dashboard-new-sidebar-foot small {
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  color: var(--vc-text-muted) !important;
}

label,
.top-nav a,
.nav-group-toggle,
.nav-button,
.dashboard-new-nav-link,
.mc-nav a,
.conversation-tabs button,
.lang-tabs button,
.reply-tabs button {
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: 500 !important;
}

button,
.button,
.mini-button,
.nav-button,
.message-center-action-btn,
.message-center-primary-btn,
.message-center-secondary-btn,
.message-center-chip-btn,
.dashboard-new-page button {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 600 !important;
}

a {
  color: var(--vc-text-brand);
}

.top-nav a,
.nav-group-toggle,
.nav-button,
.link-card,
.mini-button,
.message-center-conversation-item,
.mc-nav a,
.dashboard-new-nav-link {
  text-decoration: none !important;
}

.top-nav a,
.nav-group-toggle,
.nav-button,
.site-header .brand-block h1 {
  color: #ffffff !important;
}

.site-header .top-nav a,
.site-header .nav-group-toggle,
.site-header .nav-button {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
}

.site-header .nav-group-menu a,
.site-header .nav-group-label,
.site-header .header-rate .compact-title {
  font-size: 15px !important;
  line-height: 22px !important;
}

.hero-panel .eyebrow,
.section-head .eyebrow {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.hero-search input,
.message-center-global-search input,
.conversation-search input,
.reply-fields input,
.reply-editor textarea,
.dashboard-new-page input,
.dashboard-new-page textarea,
.dashboard-new-page select {
  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}

.mailbox-item-subject,
.message-center-conversation-head strong,
.dashboard-new-panel-head h2,
.dashboard-new-stat-card strong,
.stat-card strong,
.link-card strong,
.profile-grid strong,
.summary-grid strong {
  color: var(--vc-text-dark) !important;
}

@media (max-width: 430px) {
  h1,
  .site-header .brand-block h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  body,
  p,
  li,
  td,
  th,
  input,
  textarea,
  select,
  .hero-copy,
  .subcopy,
  .records-table,
  .records-table td,
  .records-table th {
    font-size: 15px !important;
    line-height: 24px !important;
  }
}
