/* === Services === */

.services {
  padding: 80px 0;
}

.services:last-child {
  padding-bottom: 160px;
}

.services:nth-child(2) {
  padding-top: 160px;
}

.services-content {
  width: calc((100% - 90px) / 2);
}

.services-content .title {
  margin-bottom: 16px;
}

.services-content .descr:not(:last-child) {
  margin-bottom: 12px;
}

.services-content-wrap {
  display: flex;
  gap: 16px;
}

.services-content-wrap .descr {
  margin: 0;
}

.services-content-img {
  width: 120px;
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .services:nth-child(even) .container-flex {
    flex-direction: column-reverse;
  }

  .services-content {
    width: 100%;
  }
}