.formatto-database-sectorization,
.formatto-database-geography {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 19.9375rem;
  padding-left: 19.9375rem;
  background: var(--color-background);
}

.formatto-database-sectorization h2,
.formatto-database-sectorization p,
.formatto-database-sectorization strong,
.formatto-database-sectorization span,
.formatto-database-geography h2,
.formatto-database-geography strong,
.formatto-database-geography span {
  margin: 0;
  font-family: var(--font-body);
  text-box-edge: cap alphabetic;
}

.formatto-database-sectorization {
  align-items: flex-start;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.formatto-database-sectorization__data {
  display: flex;
  flex: 0 0 51rem;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  width: 51rem;
}

.formatto-database-sectorization__cards {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  width: 100%;
}

.formatto-database-sectorization__card {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 0 25.375rem;
  flex-direction: column;
  gap: 8%;
  align-items: center;
  justify-content: center;
  width: 25.375rem;
  height: 13.1875rem;
  overflow: hidden;
  border-radius: 2rem;
  color: var(--color-blue-50);
  background: linear-gradient(184.31deg, #0087d5 16.01%, #007bc3 80.2%);
  transition: transform 600ms ease, filter 600ms ease;
}

.formatto-database-sectorization__card--public {
  background: linear-gradient(184.31deg, rgba(0, 135, 213, 0.75) 16.01%, rgba(0, 123, 195, 0.75) 80.2%);
}

.formatto-database-sectorization__card strong {
  color: inherit;
  font-size: 4.9639375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.049625rem;
}

.formatto-database-sectorization__card span {
  color: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.015rem;
  text-align: center;
}

.formatto-database-sectorization__data > p {
  color: #004972;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.01rem;
  white-space: nowrap;
}

.formatto-database-sectorization h2,
.formatto-database-geography h2 {
  color: var(--color-blue-600);
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.035rem;
}

.formatto-database-sectorization h2 {
  flex: 0 0 auto;
  white-space: nowrap;
}

.formatto-database-geography {
  min-height: 42.5625rem;
}

.formatto-database-geography h2 {
  flex: 0 0 30.5rem;
  width: 30.5rem;
  word-break: break-word;
}

.formatto-database-geography__chart {
  position: relative;
  flex: 0 0 42.5625rem;
  width: 42.5625rem;
  height: 42.5625rem;
  overflow: hidden;
  border-radius: 625rem;
  background: var(--color-blue-50);
}

.formatto-database-geography__bubble {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 8%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 625rem;
  color: var(--color-blue-50);
  background: linear-gradient(188.26deg, rgba(0, 135, 213, 0.75) 16.01%, rgba(0, 123, 195, 0.75) 80.2%);
  text-align: center;
  transition: transform 600ms ease, filter 600ms ease;
  word-break: break-word;
}

@media (hover: hover) and (pointer: fine) {
  .formatto-database-sectorization__card:hover,
  .formatto-database-geography__bubble:hover {
    z-index: 10;
    filter: brightness(1.04);
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .formatto-database-sectorization__card,
  .formatto-database-geography__bubble {
    transition: none;
  }
}

.formatto-database-geography__bubble strong,
.formatto-database-geography__bubble span {
  color: inherit;
  font-weight: 700;
}

.formatto-database-geography__bubble--southeast {
  left: 0;
  top: 9rem;
  width: 23.25rem;
  height: 23.25rem;
  background: linear-gradient(188.26deg, #0087d5 16.01%, #007bc3 80.2%);
}

.formatto-database-geography__bubble--southeast strong {
  font-size: 5.36575rem;
  line-height: 1;
  letter-spacing: -0.053625rem;
}

.formatto-database-geography__bubble--southeast span {
  font-size: 3.1666875rem;
  line-height: 1.2;
  letter-spacing: -0.0316875rem;
}

.formatto-database-geography__bubble--south,
.formatto-database-geography__bubble--northeast {
  width: 11.625rem;
  height: 11.625rem;
}

.formatto-database-geography__bubble--south {
  left: 22.25rem;
  top: 8.4375rem;
}

.formatto-database-geography__bubble--northeast {
  left: 30.375rem;
  top: 19.1875rem;
}

.formatto-database-geography__bubble--south strong,
.formatto-database-geography__bubble--northeast strong {
  font-size: 2.682875rem;
  line-height: 1.05;
  letter-spacing: -0.026831rem;
}

.formatto-database-geography__bubble--south span,
.formatto-database-geography__bubble--northeast span {
  font-size: 1.5833125rem;
  line-height: 1.05;
  letter-spacing: -0.015831rem;
}

.formatto-database-geography__bubble--north,
.formatto-database-geography__bubble--midwest {
  width: 5.8125rem;
  height: 5.8125rem;
  background: linear-gradient(188.26deg, rgba(0, 135, 213, 0.5) 16.01%, rgba(0, 123, 195, 0.5) 80.2%);
}

.formatto-database-geography__bubble--north {
  left: 23.6875rem;
  top: 21.4375rem;
}

.formatto-database-geography__bubble--midwest {
  left: 20.625rem;
  top: 27.8125rem;
}

.formatto-database-geography__bubble--north strong,
.formatto-database-geography__bubble--midwest strong {
  font-size: 1.3414375rem;
  line-height: 1.2;
  letter-spacing: -0.013413rem;
}

.formatto-database-geography__bubble--north span,
.formatto-database-geography__bubble--midwest span {
  font-size: 0.7916875rem;
  line-height: 1.08;
  letter-spacing: -0.007919rem;
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .formatto-database-sectorization,
  .formatto-database-geography {
    padding-right: calc((100vw - 80rem) / 2);
    padding-left: calc((100vw - 80rem) / 2);
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .formatto-database-sectorization,
  .formatto-database-geography {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .formatto-database-sectorization {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .formatto-database-sectorization__data {
    flex-basis: 63.75vw;
    gap: 1.25vw;
    width: 63.75vw;
  }

  .formatto-database-sectorization__cards {
    gap: 0.3125vw;
  }

  .formatto-database-sectorization__card {
    flex-basis: 31.71875vw;
    gap: 8%;
    width: 31.71875vw;
    height: 16.484375vw;
    border-radius: 2.5vw;
  }

  .formatto-database-sectorization__card strong {
    font-size: 6.204922vw;
    letter-spacing: -0.062031vw;
  }

  .formatto-database-sectorization__card span {
    font-size: 1.875vw;
    letter-spacing: -0.01875vw;
  }

  .formatto-database-sectorization__data > p {
    font-size: 1.25vw;
    letter-spacing: -0.0125vw;
    white-space: nowrap;
  }

  .formatto-database-sectorization h2,
  .formatto-database-geography h2 {
    font-size: 4.375vw;
    letter-spacing: -0.04375vw;
  }

  .formatto-database-sectorization h2 {
    flex-basis: auto;
    width: auto;
    white-space: nowrap;
  }

  .formatto-database-geography {
    min-height: 53.203125vw;
  }

  .formatto-database-geography h2 {
    flex-basis: 38.125vw;
    width: 38.125vw;
  }

  .formatto-database-geography__chart {
    flex-basis: 53.203125vw;
    width: 53.203125vw;
    height: 53.203125vw;
  }

  .formatto-database-geography__bubble--southeast {
    top: 11.25vw;
    width: 29.0625vw;
    height: 29.0625vw;
  }

  .formatto-database-geography__bubble {
    gap: 8%;
  }

  .formatto-database-geography__bubble--southeast strong {
    font-size: 6.707188vw;
    letter-spacing: -0.067031vw;
  }

  .formatto-database-geography__bubble--southeast span {
    font-size: 3.958359vw;
    letter-spacing: -0.039609vw;
  }

  .formatto-database-geography__bubble--south,
  .formatto-database-geography__bubble--northeast {
    width: 14.53125vw;
    height: 14.53125vw;
  }

  .formatto-database-geography__bubble--south {
    left: 27.8125vw;
    top: 10.546875vw;
  }

  .formatto-database-geography__bubble--northeast {
    left: 37.96875vw;
    top: 23.984375vw;
  }

  .formatto-database-geography__bubble--south strong,
  .formatto-database-geography__bubble--northeast strong {
    font-size: 3.353594vw;
    letter-spacing: -0.033539vw;
  }

  .formatto-database-geography__bubble--south span,
  .formatto-database-geography__bubble--northeast span {
    font-size: 1.979141vw;
    letter-spacing: -0.019789vw;
  }

  .formatto-database-geography__bubble--north,
  .formatto-database-geography__bubble--midwest {
    width: 7.265625vw;
    height: 7.265625vw;
  }

  .formatto-database-geography__bubble--north {
    left: 29.609375vw;
    top: 26.796875vw;
  }

  .formatto-database-geography__bubble--midwest {
    left: 25.78125vw;
    top: 34.765625vw;
  }

  .formatto-database-geography__bubble--north strong,
  .formatto-database-geography__bubble--midwest strong {
    font-size: 1.676797vw;
    letter-spacing: -0.016766vw;
  }

  .formatto-database-geography__bubble--north span,
  .formatto-database-geography__bubble--midwest span {
    font-size: 0.989609vw;
    letter-spacing: -0.009899vw;
  }
}

@media (max-width: 767px) {
  .formatto-database-sectorization {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 10vw;
    padding: 10vw 5vw;
  }

  .formatto-database-geography {
    flex-direction: column;
    align-items: flex-start;
    gap: 10vw;
    padding: 10vw 5vw;
  }

  .formatto-database-sectorization__data,
  .formatto-database-sectorization h2,
  .formatto-database-geography h2 {
    flex-basis: auto;
    width: 90vw;
  }

  .formatto-database-sectorization__cards {
    flex-direction: column;
    gap: 2vw;
  }

  .formatto-database-sectorization__card {
    flex-basis: auto;
    gap: 8%;
    width: 90vw;
    height: 34vw;
    border-radius: 5vw;
  }

  .formatto-database-sectorization__card strong {
    font-size: 12vw;
    letter-spacing: -0.12vw;
  }

  .formatto-database-sectorization__card span {
    font-size: 4.071247vw;
    letter-spacing: -0.040712vw;
  }

  .formatto-database-sectorization__data > p {
    width: 90vw;
    font-size: 3.562341vw;
    letter-spacing: -0.035623vw;
    white-space: normal;
  }

  .formatto-database-sectorization h2,
  .formatto-database-geography h2 {
    font-size: 8.75vw;
    letter-spacing: -0.0875vw;
    white-space: normal;
  }

  .formatto-database-geography h2 {
    text-align: center;
  }

  .formatto-database-geography {
    min-height: auto;
  }

  .formatto-database-geography__chart {
    flex-basis: auto;
    width: 90vw;
    height: 90vw;
  }

  .formatto-database-geography__bubble {
    gap: 8%;
  }

  .formatto-database-geography__bubble--southeast {
    top: 19.014vw;
    width: 49.163vw;
    height: 49.163vw;
  }

  .formatto-database-geography__bubble--southeast strong {
    font-size: 11.344vw;
    letter-spacing: -0.11344vw;
  }

  .formatto-database-geography__bubble--southeast span {
    font-size: 6.694vw;
    letter-spacing: -0.06694vw;
  }

  .formatto-database-geography__bubble--south,
  .formatto-database-geography__bubble--northeast {
    width: 24.581vw;
    height: 24.581vw;
  }

  .formatto-database-geography__bubble--south {
    left: 47.038vw;
    top: 17.825vw;
  }

  .formatto-database-geography__bubble--northeast {
    left: 64.212vw;
    top: 40.543vw;
  }

  .formatto-database-geography__bubble--south strong,
  .formatto-database-geography__bubble--northeast strong {
    font-size: 5.672vw;
    letter-spacing: -0.05672vw;
  }

  .formatto-database-geography__bubble--south span,
  .formatto-database-geography__bubble--northeast span {
    font-size: 3.347vw;
    letter-spacing: -0.03347vw;
  }

  .formatto-database-geography__bubble--north,
  .formatto-database-geography__bubble--midwest {
    width: 12.29vw;
    height: 12.29vw;
  }

  .formatto-database-geography__bubble--north {
    left: 50.077vw;
    top: 45.298vw;
  }

  .formatto-database-geography__bubble--midwest {
    left: 43.599vw;
    top: 58.775vw;
  }

  .formatto-database-geography__bubble--north strong,
  .formatto-database-geography__bubble--midwest strong {
    font-size: 2.836vw;
    letter-spacing: -0.02836vw;
  }

  .formatto-database-geography__bubble--north span,
  .formatto-database-geography__bubble--midwest span {
    font-size: 1.673vw;
    letter-spacing: -0.01673vw;
  }
}