.advantages {
  padding: 120px 0;
}

.advantages .section-name {
  text-align: center;
}

.advantages .title {
  margin-bottom: 80px;
  text-align: center;
}

.advantages-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.advantages-item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: var(--border-radius-secondary);
  width: calc(100% / 3 - 27px);
  border: 1px solid var(--primary-color);
}

.advantages-item img {
  border-radius: var(--border-radius-secondary);
  object-fit: cover;
  margin-bottom: 20px;
  width: 100%;
  height: 300px;
}

.advantages-item:nth-child(even) {
  background-color: var(--primary-color);
}

.advantages-item:nth-child(even) .advantages-nmb,
.advantages-item:nth-child(even) .descr,
.advantages-item:nth-child(even) .subtitle {
  color: var(--text-secondary);
}

.advantages-nmb {
  margin-bottom: 8px;
}

.advantages-item .subtitle {
  margin-bottom: 15px;
}

.advantages-item .descr {
  margin-bottom: 30px;
}

.primary-btn {
  margin-top: auto;
}

@media screen and (max-width: 1240px) {
  .advantages-list {
    gap: 20px;
  }

  .advantages-item {
    width: calc(100% / 3 - 14px);
  }
}

@media screen and (max-width: 768px) {
  .advantages-item {
    width: calc(100% / 2 - 10px);
  }
}

@media screen and (max-width: 500px) {
  .advantages-list {
    gap: 40px;
  }

  .advantages-item {
    width: 100%;
  }
}

/* === Cooperation === */

.cooperation {
  padding: 80px 0 160px;
}

.cooperation-content {
  width: calc((100% - 80px) / 2);
}
.cooperation-content .title {
  margin-bottom: 30px;
}
.cooperation-content .descr:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .cooperation-content {
    width: 100%;
  }
}
