:root {
  --text: #4c4f6a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text);
}

.font-size-20 {
  font-size: 20px;
}

.bg-mid-blue {
  background-color: #276ab7;
}

.rounded-2xl {
  border-radius: 16px;
}

.upcoming-webinar-container {
  position: relative;
  top: -72px;
}

/* Overrides */
.btn-primary {
  background-color: var(--color-primary);
  position: relative;
}
.btn-secondary {
  background-color: var(--color-secondary);
}

.rbt-btn:hover {
  background-color: var(--color-primary);
}
.rbt-btn.btn-secondary:hover {
  background-color: var(--color-secondary);
}

.btn-primary:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.cs-mainmenu li a {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: normal !important;
}