.work-about {
  overflow: hidden;
}

.work-about__top {
  gap: 5.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}

.work-about__col {
  display: flex;
  flex-direction: column
}

.work-about__col {
  gap: 1.5rem
}

.work-about__img {
  aspect-ratio: 40.8/32.4;
  width: 100%;
  max-height: 500px;
  display: block;
  overflow: hidden
}

.work-about__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.work-about__list {
  display: flex;
  flex-direction: column;
  gap: 2rem
}

.work-about__list .costs-card {
  background: #bdd3c7;
  color: #081d56
}

.work-about__list .costs-card__text {
  color: #081d56
}

@media (min-width: 768px) {
  .work-about {
    overflow: hidden;
  }

  .work-about__top {
    align-items: center;
    gap: 4.4rem;
    margin-bottom: 5.5rem
  }

  .work-about__col {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
  }

  .work-about__img {
    aspect-ratio: 63/43;
    grid-column: 1/2;
    grid-row: 1/2
  }

  .work-about__text {
    /*width: 50rem*/
  }

  .work-about__list {
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    display: grid;
    grid-template-columns:1fr 1fr;
    row-gap: 2rem
  }

  .work-about__list .costs-card {
    height: 100%
  }
}