[data-max-columns] {
  display: grid; }
  @media (min-width: 992px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 575.98px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 992px) {
    [data-max-columns][data-max-columns="3"] {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 991.98px) {
    [data-max-columns][data-max-columns="3"] {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 575.98px) {
    [data-max-columns][data-max-columns="3"] {
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 576px) {
    [data-max-columns][data-max-columns="2"] {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 575.98px) {
    [data-max-columns][data-max-columns="2"] {
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 15px; } }
  [data-max-columns][data-max-columns="auto"] {
    justify-content: center; }
    @media (min-width: 576px) {
      [data-max-columns][data-max-columns="auto"] {
        /* autoprefixer: ignore next */
        grid-template-columns: repeat(auto-fit, minmax(auto, 280px));
        grid-template-rows: auto;
        grid-gap: 15px; } }
    @media (max-width: 575.98px) {
      [data-max-columns][data-max-columns="auto"] {
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: active) and (min-width: 992px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991.98px), (-ms-high-contrast: active) and (min-width: 768px) and (max-width: 991.98px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 576px) and (max-width: 767.98px), (-ms-high-contrast: active) and (min-width: 576px) and (max-width: 767.98px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (max-width: 575.98px), (-ms-high-contrast: active) and (max-width: 575.98px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: 100%;
    grid-template-rows: repeat(20, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  [data-max-columns][data-max-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 576px) and (max-width: 767.98px), (-ms-high-contrast: active) and (min-width: 576px) and (max-width: 767.98px) {
  [data-max-columns][data-max-columns="3"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (max-width: 575.98px), (-ms-high-contrast: active) and (max-width: 575.98px) {
  [data-max-columns][data-max-columns="3"] {
    grid-template-columns: 100%;
    grid-template-rows: repeat(20, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: active) and (min-width: 576px) {
  [data-max-columns][data-max-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (max-width: 575.98px), (-ms-high-contrast: active) and (max-width: 575.98px) {
  [data-max-columns][data-max-columns="2"] {
    grid-template-columns: 100%;
    grid-template-rows: repeat(20, minmax(1px, auto));
    grid-gap: 15px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    [data-max-columns][data-max-columns="auto"] {
      grid-template-columns: 100%;
      grid-template-rows: repeat(20, minmax(1px, auto));
      grid-gap: 15px; } }

.stats {
  background-color: #02a7af; }
  .stats [data-max-columns] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 120px;
    grid-gap: 20px;
    justify-content: center; }
    @media (min-width: 1200px) {
      .stats [data-max-columns] {
        padding: 142px 233px; } }
    @media (max-width: 991.98px) {
      .stats [data-max-columns] {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 767.98px) {
      .stats [data-max-columns] {
        grid-template-columns: 1fr !important;
        justify-items: center;
        align-content: center; } }
  .stats-item {
    background-color: #fff;
    padding: 15px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 100%;
    height: 385px;
    width: 385px; }
    @media (max-width: 1199.98px) {
      .stats-item {
        height: 300px;
        width: 300px; } }
    @media (max-width: 767.98px) {
      .stats-item {
        height: 385px;
        width: 385px; } }
    @media (max-width: 575.98px) {
      .stats-item {
        height: 325px;
        width: 325px; } }
    .stats-item .stat-number {
      color: #327e86;
      text-align: center;
      font-family: "Roboto Slab", serif;
      font-size: 100px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
    .stats-item .stat-details {
      color: #000;
      text-align: center;
      font-family: "Roboto", sans-serif;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
      .stats-item .stat-details {
        font-size: 20px; }
      @media (min-width: 575px) {
        .stats-item .stat-details {
          font-size: calc(20px + 4 * (100vw - 575px) / 1025); } }
      @media (min-width: 1600px) {
        .stats-item .stat-details {
          font-size: 24px; } }
      @media (max-width: 767.98px) {
        .stats-item .stat-details {
          font-size: 18px; } }