/**
 * BoxBuilder Architecture
 *
 * Copyright (c) Niup Technologies
 * 
 * SCSS of application statistics

 **/
.statistics {
  position: relative;
  min-height: 300px;
  height: auto;
}
.statistics__content {
  margin: 0 auto;
  background-color: var(--primary_light_bg);
  align-items: baseline !important;
  padding-bottom: 0;
}
.statistics__content .statistics__cards {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;
  flex-wrap: wrap;
  row-gap: 20px;
  gap: 120px;
  align-items: baseline;
}
.statistics__content .statistics__cards .card__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.statistics__content .statistics__cards .stat-card {
  text-align: center;
  max-width: 290px;
  width: 100%;
}
.statistics__content .statistics__cards .stat-card .stat-card__image {
  max-height: 100px;
  height: auto;
  max-width: 140px;
  width: 100%;
  object-fit: contain;
}
.statistics__content .statistics__cards .stat-card .stat-card__image svg path {
  stroke: var(--primary_fill);
}
.statistics__content .statistics__cards .stat-card .stat-card__image.desktop {
  display: flex;
}
.statistics__content .statistics__cards .stat-card .stat-card__image.tablet, .statistics__content .statistics__cards .stat-card .stat-card__image.mobile {
  display: none;
}
.statistics__content .statistics__cards .stat-card .stat-card__number {
  font-size: var(--font_size_1);
  color: var(--primary_txt);
  width: 100%;
}
.statistics__content .statistics__cards .stat-card .stat-card__text {
  font-size: var(--font_size_6);
  color: var(--c-scale-10_txt);
}
.statistics__content .statistics__image {
  max-height: 778px;
  width: 100%;
  height: auto;
}
.statistics__content .statistics__image .stat-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 192rem;
  max-height: 778px;
}
.statistics__content .statistics__image .stat-image.desktop {
  display: flex;
}
.statistics__content .statistics__image .stat-image.tablet, .statistics__content .statistics__image .stat-image.mobile {
  display: none;
}
.statistics__content.round-corners {
  border-top-left-radius: 8%;
  border-top-right-radius: 8%;
}
.statistics .oval {
  max-height: 92px;
  height: 100%;
  width: 100%;
  background-color: var(--primary_light_bg);
  border-radius: 50%;
  position: absolute;
  top: -56px;
  margin-top: 10px;
}
.statistics .oval.hide {
  display: none;
}

/******* BREAKPOINTS *******/
/* @container **/
.c-s-max-width-1880 .oval {
  max-width: unset;
}

/* container@ **/
/* @container **/
.c-s-max-width-1200 .statistics__content {
  padding-top: 60px;
  padding-bottom: 0;
}
.c-s-max-width-1200 .statistics__content .statistics__cards {
  gap: 150px;
}

/* container@ **/
/* @container **/
.c-s-max-width-792 .statistics__content {
  padding-bottom: 0;
}
.c-s-max-width-792 .statistics__content .statistics__cards {
  flex-wrap: wrap;
}
.c-s-max-width-792 .statistics__content .statistics__cards .stat-card {
  gap: 15px;
}

/* container@ **/
/* @container **/
.c-s-max-width-768 .statistics__content {
  padding-bottom: 0;
}
.c-s-max-width-768 .statistics__content .statistics__cards {
  max-width: unset;
}
.c-s-max-width-768 .statistics__content .statistics__cards .stat-card {
  padding: 0 30px;
  max-width: unset;
  min-height: unset;
  max-height: unset;
}
.c-s-max-width-768 .statistics__content .statistics__cards .stat-card__image.tablet {
  display: flex;
}
.c-s-max-width-768 .statistics__content .statistics__cards .stat-card__image.desktop, .c-s-max-width-768 .statistics__content .statistics__cards .stat-card__image.mobile {
  display: none;
}
.c-s-max-width-768 .statistics__content .statistics__cards .stat-card .stat-card__number * {
  font-size: var(--font_size_2);
  line-height: var(--font_size_2);
}
.c-s-max-width-768 .statistics__content .statistics__image .stat-image.tablet {
  display: flex;
}
.c-s-max-width-768 .statistics__content .statistics__image .stat-image.desktop, .c-s-max-width-768 .statistics__content .statistics__image .stat-image.mobile {
  display: none;
}

/* container@ **/
/* @container **/
.c-s-max-width-480 .statistics__content {
  padding-top: 60px;
}
.c-s-max-width-480 .statistics__content .statistics__cards {
  gap: 100px;
}
.c-s-max-width-480 .statistics__content .statistics__cards .stat-card__image {
  max-width: unset;
}
.c-s-max-width-480 .statistics__content .statistics__cards .stat-card__image.mobile {
  display: flex;
}
.c-s-max-width-480 .statistics__content .statistics__cards .stat-card__image.desktop, .c-s-max-width-480 .statistics__content .statistics__cards .stat-card__image.tablet {
  display: none;
}
.c-s-max-width-480 .statistics__content .statistics__image .stat-image.mobile {
  display: flex;
}
.c-s-max-width-480 .statistics__content .statistics__image .stat-image.desktop, .c-s-max-width-480 .statistics__content .statistics__image .stat-image.tablet {
  display: none;
}

/* container@ **/
/* @container **/
.c-s-max-width-350 .statistics__content {
  padding: 45px 0 60px 0;
}
.c-s-max-width-350 .statistics__content .statistics__cards {
  gap: 80px;
}

/* container@ **/