.data-insight .component {
  background: #ffffff;
  color: #003652;
}
.data-insight .component:not(.white-background) {
  color: #ffffff;
}
.data-insight .component.darkblue-background {
  background: #003652;
}
.data-insight .component.darkblue-background .component__content_block {
  background: #154865;
}
.data-insight .component.darkteal-background {
  background: #01444c;
}
.data-insight .component.darkteal-background .component__content_block {
  background: #1d5a5d;
}
.data-insight .component__content {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1023px) {
  .data-insight .component__content {
    gap: 48px;
  }
}
.data-insight .component__header {
  display: flex;
  gap: 24px;
}
.data-insight .component__title {
  text-align: center;
}
.data-insight .component__subheading {
  text-align: center;
}
.data-insight .component__insights {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0;
}
.data-insight .component__content_block {
  background: #fbfaf8;
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  border-radius: 12px;
  flex: 1 0 30%;
  min-width: 30%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .data-insight .component__content_block {
    flex: 1 0 48%;
  }
}
@media screen and (max-width: 767px) {
  .data-insight .component__content_block {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.data-insight .component__content_block .component__top_block {
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.data-insight .component__content_block .component__top_block .component__tag {
  flex: 1 0 0;
}
.data-insight .component__content_block .component__bottom_block {
  gap: 8px;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.data-insight .component__content_block .component__bottom_block .component__content_description {
  flex: 1 0 0;
}