:root {
  --blank-value: 80px;
}

.vision .values__text p, .vision p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.vision .values__text h4, .vision .values__title, .vision__content h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.vision .values__title, .vision__content h3 {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 100%;
  color: #2d3549;
}

.vision {
  padding: 128px 0 121px 0;
}
.vision__content {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 64px;
}
.vision__content .mission-text {
  max-width: 476px;
}
.vision__content h3 {
  font-weight: 500;
  color: #2d3549;
  margin-bottom: 10px;
}
.vision p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75;
  color: #4c4f52;
  margin: 0;
}
.vision__text {
  max-width: 536px;
}
.vision__divider {
  margin: 80px 0;
  background-color: #eeeeee;
  height: 1px;
}
.vision .values__title {
  color: #2d3549;
  text-align: center;
  margin-bottom: 37px;
}
.vision .values__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.vision .values__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 25px;
}
.vision .values__item:nth-child(2n) {
  border-right: none;
}
.vision .values__media {
  width: 215px;
}
.vision .values__media img {
  max-height: 210px;
}
.vision .values__text {
  max-width: 277px;
}
.vision .values__text h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.688rem;
  margin-bottom: 4px;
}
.vision .values__text p {
  font-size: 1rem;
  font-weight: 300;
  color: #4c4f52;
  margin: 0;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  :root {
    --blank-value: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .vision {
    padding: 60px 0 120px 0;
  }
  .vision__content {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .vision__content .mission-text {
    text-align: center;
  }
  .vision__content h3 {
    font-size: 1.375rem;
  }
  .vision__text {
    text-align: center;
  }
  .vision__divider {
    margin: 70px 0;
  }
  .vision .values__list {
    grid-template-columns: 1fr;
  }
  .vision .values__item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: none;
    padding: 45px 0 35px 0;
  }
  .vision .values__item:last-child {
    border-bottom: none;
  }
  .vision .values__text {
    max-width: 240px;
    text-align: center;
  }
}
@media only screen and (min-width: 769px) {
  .vision .values__item:nth-child(n+3) {
    border-bottom: none;
  }
}