:root {
  --ergo-main_bg: #f0c495;
  --ergo-main-color: rgb(52, 58, 64);
  --ergo-main-title-color: #8e0038;
  --mdc-typography-font-family: FS Me, Arial, Helvetica, sans-serif;

  /*
   * Color Palette.
   */
  --color-focus: var(--gin-color-focus);
  --drupal--brand-blue: var(--gin-color-primary);
  /* Blue variations. */
  --color-blue-100: var(--gin-color-primary-light);
  --color-blue-600: var(--gin-color-primary);
  --color-blue-700: var(--gin-color-primary-hover);
  /* Gray variations. */
  --color-gray-050: rgba(var(--gin-color-primary-light-rgb), 0.25);
  --color-gray-100: #dedfe4;
  --color-gray-300: #c1c2c7;
  --color-gray-500: #919297;
  --color-gray-600: #828388;
  --color-gray-700: #75767b;
  --color-gray-800: #55565b;
  --color-gray-900: #393a3f;
  --color-gray-950: #232429;
  /**
   * Spaces.
   */
  --space-xl: var(--gin-spacing-xl);
  --space-l: var(--gin-spacing-l);
  --space-m: var(--gin-spacing-m);
  --space-s: var(--gin-spacing-s);
  --space-xs: var(--gin-spacing-xs);
  /**
   * Font Sizes.
   */
  --font-size-base: var(--gin-font-size);
  --font-size-s: var(--gin-font-size-s);
  --font-size-xs: var(--gin-font-size-xxs);
  --font-size-xxs: 0.625rem; /* ~10px */
}
#block-ergo-material-page-title {
  display: none;
}
.hero__container {
  padding: 5rem 0;
  background: var(--ergo-main_bg);
  color: var(--ergo-main-color);
}

.hero__container .component__title {
  color: var(--ergo-main-title-color);
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  font-family: Fedra Serif,Georgia,Times New Roman,serif !important;
  margin : 0 0 48px;
}
.hero__container p {
  color: #333;
  margin: 5px 0 30px 0;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
}

.hero__container .paragraph--type--calculate-call-button {
  margin-block: 48px 2rem;
}

.hero__container .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ergo-main-title-color);
  --bs-btn-border-color: var(--ergo-main-title-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ergo-main-title-color);
  --bs-btn-hover-border-color: var(--ergo-main-title-color);
  --bs-btn-focus-shadow-rgb: 95, 38, 201;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ergo-main-title-color);
  --bs-btn-active-border-color: var(--ergo-main-title-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--ergo-main-title-color);
  --bs-btn-disabled-border-color: var(--ergo-main-title-color);

  border-radius: 40px;
  font-weight: 600;
  border: transparent;
  padding-inline: 2rem;
  padding-block: 1rem;
}

.paragraph--type--usp {
  padding-block: 2rem;
}