/* Media query breakpoints */
/* montserrat-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat Light";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Light italic";
  font-style: italic;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Italic";
  font-style: italic;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat 500";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat 500 italic";
  font-style: italic;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Semi";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Semi italic";
  font-style: italic;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Bold italic";
  font-style: italic;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Mansalva";
  font-style: normal;
  src: url("/themes/custom/manos_unidas/assets/fonts/Mansalva/Mansalva.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-200 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraLight.woff2") format("woff2");
}
/* source-serif-4-200italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraLightItalic.woff2") format("woff2");
}
/* source-serif-4-300 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Light.woff2") format("woff2");
}
/* source-serif-4-300italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-LightItalic.woff2") format("woff2");
}
/* source-serif-4-400 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Regular.woff2") format("woff2");
}
/* source-serif-4-400italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Italic.woff2") format("woff2");
}
/* source-serif-4-500 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Medium.woff2") format("woff2");
}
/* source-serif-4-500italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-MediumItalic.woff2") format("woff2");
}
/* source-serif-4-600 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-SemiBold.woff2") format("woff2");
}
/* source-serif-4-600italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-SemiBoldItalic.woff2") format("woff2");
}
/* source-serif-4-700 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Bold.woff2") format("woff2");
}
/* source-serif-4-700italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-BoldItalic.woff2") format("woff2");
}
/* source-serif-4-800 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraBold.woff2") format("woff2");
}
/* source-serif-4-800italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-ExtraBoldItalic.woff2") format("woff2");
}
/* source-serif-4-900 */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-Black.woff2") format("woff2");
}
/* source-serif-4-900italic */
@font-face {
  font-display: swap;
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/source_Serif_4/SourceSerif4-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.block__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-smx);
}
@media (min-width: 576px) {
  .block__kpis {
    gap: var(--spacing-lg);
  }
}
.block__kpis > .kpi-item {
  flex: 0 0 100%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .block__kpis > .kpi-item {
    flex: 0 0 calc(50% - 30px);
  }
}
@media (min-width: 992px) {
  .block__kpis > .kpi-item {
    flex: 0 0 calc(25% - 30px);
  }
}
.block__kpis.separator-line > .kpi-item {
  position: relative;
}
.block__kpis.separator-line > .kpi-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--gray-700);
}
@media (min-width: 768px) {
  .block__kpis.separator-line > .kpi-item::after {
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: unset;
    right: -20px;
  }
}
.block__kpis.separator-line > .kpi-item:last-child::after {
  content: none;
}
.block__kpis.columns-3 {
  gap: var(--spacing-mdx);
}
@media (min-width: 576px) {
  .block__kpis.columns-3 {
    row-gap: var(--spacing-lg);
    -moz-column-gap: var(--spacing-lg);
         column-gap: var(--spacing-lg);
  }
}
.block__kpis.columns-3 > .kpi-item {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .block__kpis.columns-3 > .kpi-item {
    flex: 0 0 calc(33.33% - var(--spacing-lg));
  }
}
.block__kpis.columns-3 > .kpi-item .c-kpi__content {
  gap: var(--spacing-xxs);
}
@media (min-width: 576px) {
  .block__kpis.columns-3 > .kpi-item .c-kpi__content {
    height: 100%;
    justify-content: space-between;
    gap: var(--spacing-md);
  }
}
.block__kpis.columns-3 > .kpi-item .c-kpi__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-xs);
}
@media (min-width: 768px) {
  .block__kpis.columns-3 > .kpi-item .c-kpi__header {
    flex-direction: column;
    align-items: unset;
  }
}
@media (min-width: 768px) {
  .block__kpis.columns-4.separator-line > .kpi-item:nth-child(2)::after {
    content: none;
  }
}
@media (min-width: 992px) {
  .block__kpis.columns-4.separator-line > .kpi-item:nth-child(2)::after {
    content: "";
  }
}
.block__kpis.arrow-right::before {
  flex: 0 0 calc(25% - 30px - 32px);
  width: 100%;
  height: auto;
  margin-top: -40px;
  margin-left: 32px;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='312' height='205' viewBox='0 0 312 205' fill='none'%3E%3Cpath d='M3.55762 1.5C3.55762 0.671576 2.88605 1.54972e-06 2.05762 0C1.22919 -1.54972e-06 0.557619 0.67157 0.557617 1.5L3.55762 1.5ZM310.618 194.561C311.204 193.975 311.204 193.025 310.618 192.439L301.072 182.893C300.487 182.308 299.537 182.308 298.951 182.893C298.365 183.479 298.365 184.429 298.951 185.015L307.436 193.5L298.951 201.985C298.365 202.571 298.365 203.521 298.951 204.107C299.537 204.692 300.487 204.692 301.072 204.107L310.618 194.561ZM2.05762 1.5L0.557617 1.5C0.557507 59.1479 20.7126 107.652 69.6169 141.669C118.417 175.613 195.658 195 309.558 195V193.5V192C195.9 192 119.391 172.637 71.33 139.206C23.3736 105.848 3.55751 58.3521 3.55762 1.5L2.05762 1.5Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 992px) {
  .block__kpis.arrow-right::before {
    content: "";
  }
}
.block__kpis.text-white.arrow-right::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='312' height='205' viewBox='0 0 312 205' fill='none'%3E%3Cpath d='M3.55762 1.5C3.55762 0.671576 2.88605 1.54972e-06 2.05762 0C1.22919 -1.54972e-06 0.557619 0.67157 0.557617 1.5L3.55762 1.5ZM310.618 194.561C311.204 193.975 311.204 193.025 310.618 192.439L301.072 182.893C300.487 182.308 299.537 182.308 298.951 182.893C298.365 183.479 298.365 184.429 298.951 185.015L307.436 193.5L298.951 201.985C298.365 202.571 298.365 203.521 298.951 204.107C299.537 204.692 300.487 204.692 301.072 204.107L310.618 194.561ZM2.05762 1.5L0.557617 1.5C0.557507 59.1479 20.7126 107.652 69.6169 141.669C118.417 175.613 195.658 195 309.558 195V193.5V192C195.9 192 119.391 172.637 71.33 139.206C23.3736 105.848 3.55751 58.3521 3.55762 1.5L2.05762 1.5Z' fill='white'/%3E%3C/svg%3E");
}
.block__kpis.text-blue.arrow-right::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='312' height='205' viewBox='0 0 312 205' fill='none'%3E%3Cpath d='M3.55762 1.5C3.55762 0.671576 2.88605 1.54972e-06 2.05762 0C1.22919 -1.54972e-06 0.557619 0.67157 0.557617 1.5L3.55762 1.5ZM310.618 194.561C311.204 193.975 311.204 193.025 310.618 192.439L301.072 182.893C300.487 182.308 299.537 182.308 298.951 182.893C298.365 183.479 298.365 184.429 298.951 185.015L307.436 193.5L298.951 201.985C298.365 202.571 298.365 203.521 298.951 204.107C299.537 204.692 300.487 204.692 301.072 204.107L310.618 194.561ZM2.05762 1.5L0.557617 1.5C0.557507 59.1479 20.7126 107.652 69.6169 141.669C118.417 175.613 195.658 195 309.558 195V193.5V192C195.9 192 119.391 172.637 71.33 139.206C23.3736 105.848 3.55751 58.3521 3.55762 1.5L2.05762 1.5Z' fill='%23003764'/%3E%3C/svg%3E");
}
.block__kpis.text-center .c-kpi__header {
  justify-content: center;
}

.c-kpi__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
@media (min-width: 576px) {
  .c-kpi__content {
    gap: var(--spacing-xs);
  }
}
.c-kpi__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  align-items: center;
}
@media (min-width: 576px) {
  .c-kpi__header {
    flex-direction: row;
  }
}
.c-kpi__icon svg {
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
  .c-kpi__icon svg {
    width: 60px;
    height: 60px;
  }
}
.c-kpi__title {
  font-family: var(--bold);
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.c-kpi__text p {
  margin: 0;
  font-family: var(--medium);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: 0.0125rem;
}
.c-kpi__subtitle {
  width: 100%;
  font-family: var(--medium);
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.0125rem;
  margin: 0;
}
@media (min-width: 576px) {
  .c-kpi__subtitle {
    margin: -10px 0 0;
  }
}
.c-kpi .btn {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  padding: 8px 24px;
  border-radius: 999px;
  font-family: var(--medium);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--base-trans);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid var(--white);
  color: var(--white);
  color: var(--black);
}
@media (min-width: 1200px) {
  .c-kpi .btn {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.c-kpi .btn:hover {
  font-family: var(--bold);
}
.c-kpi .btn:hover {
  background-color: var(--white);
  color: var(--black);
}

.title-big .c-kpi__title {
  font-size: 1.375rem;
  line-height: 1.75rem;
}
@media (min-width: 576px) {
  .title-big .c-kpi__title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
@media (min-width: 992px) {
  .title-big .c-kpi__title {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .title-big .c-kpi__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.title-medium .c-kpi__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 576px) {
  .title-medium .c-kpi__title {
    font-size: 1.375rem;
  }
}

.title-very-big .c-kpi__title {
  font-size: 1.75rem;
  line-height: 1.75rem;
}
@media (min-width: 576px) {
  .title-very-big .c-kpi__title {
    font-size: 2.125rem;
    line-height: 2rem;
  }
}
@media (min-width: 992px) {
  .title-very-big .c-kpi__title {
    font-size: 2.625rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .title-very-big .c-kpi__title {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}

[class*=bg-kpi-] .kpi-item .paragraph {
  height: 100%;
}
[class*=bg-kpi-] .c-kpi {
  padding: 24px;
  border-radius: 24px;
}
[class*=bg-kpi-] .c-kpi__icon svg {
  width: 36px;
  height: 36px;
  padding: 4px;
  border-radius: 100%;
  background-color: var(--black);
}
[class*=bg-kpi-] .c-kpi__icon svg path {
  color: var(--white) !important;
}
[class*=bg-kpi-] .c-kpi .btn:hover span {
  text-decoration: underline;
  font-family: var(--bold);
}
[class*=bg-kpi-] .c-kpi .btn span {
  color: var(--primary-color);
  font-family: var(--medium);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.0125rem;
}
[class*=bg-kpi-] .c-kpi .btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00004 15.1422L12.214 10.9282C13.5608 9.58136 14.2343 8.90792 14.2343 8.07108C14.2343 7.23425 13.5608 6.56081 12.214 5.21394L8.00004 1.00002' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.929008 8.07105H13.6569' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00004 15.1422L12.214 10.9282C13.5608 9.58136 14.2343 8.90792 14.2343 8.07108C14.2343 7.23425 13.5608 6.56081 12.214 5.21394L8.00004 1.00002' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.929008 8.07105H13.6569' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.bg-kpi-neutral .c-kpi {
  background-color: var(--gray-100);
}

.bg-kpi-blue .c-kpi {
  background-color: var(--primary-color-100);
}

.bg-kpi-yellow .c-kpi {
  background-color: var(--secondary-color-100);
}

.bg-kpi-white .c-kpi {
  background-color: var(--white);
}

.title-color-neutral .c-kpi__title {
  color: var(--gray-100);
}

.title-color-blue .c-kpi__title {
  color: var(--primary-color-900);
}

.title-color-yellow .c-kpi__title {
  color: var(--secondary-color-100);
}

.title-color-white .c-kpi__title {
  color: var(--white);
}

.block__kpis.background-button-color-blue .c-kpi .btn {
  background-color: var(--primary-color-900) !important;
  border-color: var(--primary-color-900) !important;
}
.block__kpis.background-button-color-blue .c-kpi .btn:hover {
  background-color: var(--primary-color-900) !important;
  border-color: var(--primary-color-900) !important;
}

.block__kpis.background-button-color-neutral .c-kpi .btn {
  background-color: var(--gray-100) !important;
  border-color: var(--gray-100) !important;
}
.block__kpis.background-button-color-neutral .c-kpi .btn:hover {
  background-color: var(--gray-100) !important;
  border-color: var(--gray-100) !important;
}

.block__kpis.background-button-color-white .c-kpi .btn {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}
.block__kpis.background-button-color-white .c-kpi .btn:hover {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.block__kpis.button-title-color-blue .c-kpi .btn {
  color: var(--primary-color-900) !important;
}
.block__kpis.button-title-color-blue .c-kpi .btn span {
  color: var(--primary-color-900) !important;
}
.block__kpis.button-title-color-blue .c-kpi .btn:hover {
  color: var(--primary-color-900) !important;
}
.block__kpis.button-title-color-blue .c-kpi .btn:hover span {
  color: var(--primary-color-900) !important;
}

.block__kpis.button-title-color-neutral .c-kpi .btn {
  color: var(--gray-100) !important;
}
.block__kpis.button-title-color-neutral .c-kpi .btn span {
  color: var(--gray-100) !important;
}
.block__kpis.button-title-color-neutral .c-kpi .btn:hover {
  color: var(--gray-100) !important;
}
.block__kpis.button-title-color-neutral .c-kpi .btn:hover span {
  color: var(--gray-100) !important;
}

.block__kpis.button-title-color-white .c-kpi .btn {
  color: var(--white) !important;
}
.block__kpis.button-title-color-white .c-kpi .btn span {
  color: var(--white) !important;
}
.block__kpis.button-title-color-white .c-kpi .btn:hover {
  color: var(--white) !important;
}
.block__kpis.button-title-color-white .c-kpi .btn:hover span {
  color: var(--white) !important;
}

.icon-sizebig .c-kpi__icon svg {
  width: 60px;
  height: 60px;
}
@media (min-width: 576px) {
  .icon-sizebig .c-kpi__icon svg {
    width: 80px;
    height: 80px;
  }
}

.layout-twocols .block__kpis.columns-3 > .kpi-item .c-kpi__header, .layout-twocols .block__kpis.columns-4 > .kpi-item .c-kpi__header,
.block__kpis.layout-twocols.columns-3 > .kpi-item .c-kpi__header,
.block__kpis.layout-twocols.columns-4 > .kpi-item .c-kpi__header {
  flex-direction: column;
  align-items: unset;
}

.layout-onecol .block__kpis.columns-3 > .kpi-item .c-kpi__header, .layout-onecol .block__kpis.columns-4 > .kpi-item .c-kpi__header,
.block__kpis.layout-onecol.columns-3 > .kpi-item .c-kpi__header,
.block__kpis.layout-onecol.columns-4 > .kpi-item .c-kpi__header {
  flex-direction: row;
  align-items: center;
}

.title-big .c-kpi__header,
.title-medium .c-kpi__header,
.title-very-big .c-kpi__header {
  display: flex;
  flex-direction: column;
  align-items: unset;
}
.title-big.block__kpis > .kpi-item .c-kpi__header,
.title-big .block__kpis > .kpi-item .c-kpi__header,
.title-medium.block__kpis > .kpi-item .c-kpi__header,
.title-medium .block__kpis > .kpi-item .c-kpi__header,
.title-very-big.block__kpis > .kpi-item .c-kpi__header,
.title-very-big .block__kpis > .kpi-item .c-kpi__header {
  display: flex;
  flex-direction: column;
  align-items: unset;
}

.layout-onecol .block__kpis.title-big > .kpi-item .c-kpi__header, .layout-onecol .block__kpis.title-medium > .kpi-item .c-kpi__header, .layout-onecol .block__kpis.title-very-big > .kpi-item .c-kpi__header,
.layout-twocols .block__kpis.title-big > .kpi-item .c-kpi__header,
.layout-twocols .block__kpis.title-medium > .kpi-item .c-kpi__header,
.layout-twocols .block__kpis.title-very-big > .kpi-item .c-kpi__header {
  display: flex;
  flex-direction: column;
  align-items: unset;
}
.layout-onecol .title-big .block__kpis > .kpi-item .c-kpi__header,
.layout-onecol .title-medium .block__kpis > .kpi-item .c-kpi__header,
.layout-onecol .title-very-big .block__kpis > .kpi-item .c-kpi__header,
.layout-twocols .title-big .block__kpis > .kpi-item .c-kpi__header,
.layout-twocols .title-medium .block__kpis > .kpi-item .c-kpi__header,
.layout-twocols .title-very-big .block__kpis > .kpi-item .c-kpi__header {
  display: flex;
  flex-direction: column;
  align-items: unset;
}
/*# sourceMappingURL=kpis.css.map */
