/* School Stats Section */
.school-stats-section .container {
  display: flex;
  flex-direction: column;
  gap: var(--container-gap);
}

.school-stats-section .title {
  font-size: var(--h1-font-size-mobile);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height-mobile);
  text-align: left;
  cursor: pointer;
}

.school-stats-section .school-stats-panel {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}

.school-stats-section .school-stats-card {
  min-height: 114px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-radius: 12px;
  background-color: #f9f7f7;
}

.school-stats-section .school-stats-card .content {
  display: flex;
  flex-direction: column;
}

.school-stats-section .school-stats-card .description {
  display: flex;
  flex-direction: column;
  padding: 10px 4px 10px 20px;
}

.school-stats-section .school-stats-card .description h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
}

.school-stats-section .school-stats-card .description p {
  font-size: var(--font-size-mobile);
  font-weight: var(--font-weight-mobile);
  line-height: var(--line-height-mobile);
  text-align: left;
}

.school-stats-section .school-stats-card .content-image {
  max-width: 104px;
  height: auto;
  display: flex;
  align-items: flex-end;
  padding: 0px;
}

.school-stats-section .school-stats-card .content-image img {
  border-radius: 12px;
  align-self: flex-end;
  padding: 0px;
  max-width: 100%;
  height: auto;
}

@media (min-width: 1280px) {
  .school-stats-section .container {
    gap: 60px;
  }

  .school-stats-section .school-stats-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 36px;
  }

  .school-stats-section .school-stats-card {
    max-height: 206px;
    max-width: 582px;
    height: 100%;
    width: 100%;
  }

  .school-stats-section .school-stats-card .content {
    max-width: 296px;
    width: 100%;
  }

  .school-stats-section .school-stats-card .description {
    gap: 16px;
    padding: 40px 16px 40px 20px;
  }

  .school-stats-section .school-stats-card .content-image {
    max-width: 100%;
    max-height: 206px;
    padding: 0px 20px 0px 0px;
    display: flex;
    align-items: flex-end;
  }

  .school-stats-section .school-stats-card .content-image img {
    max-width: 100%;
    max-height: 206px;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}