.collaboration {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.collaboration__item {
  display: flex;
  gap: 20px;
}
.collaboration__content {
  flex: 1 1 58.3333333333%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px;
  border-radius: var(--br);
  border: 1px solid var(--stroke);
}
.collaboration__name {
  font: var(--h4);
  color: var(--head);
}
.collaboration__text {
  font: var(--p16);
  color: var(--head);
}
.collaboration__btn {
  align-self: flex-start;
  margin-top: 10px;
}
.collaboration__image {
  flex: 1 1 calc(41.6666666667% - 10px);
}
.collaboration__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: var(--br);
}

@media (max-width: 1450px) {
  .collaboration__content {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .collaboration {
    gap: 20px;
  }
  .collaboration__content {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .collaboration__item {
    gap: 0;
    border-radius: var(--br);
    border: 1px solid var(--stroke);
    overflow: hidden;
  }
  .collaboration__content {
    border-radius: 0;
    border: none;
  }
}
@media (max-width: 768px) {
  .collaboration__content {
    flex-basis: 50%;
    padding: 15px;
    gap: 10px;
  }
  .collaboration__image {
    flex-basis: 50%;
  }
}
@media (max-width: 576px) {
  .collaboration__item {
    flex-wrap: wrap;
  }
  .collaboration__content {
    flex-basis: 100%;
  }
  .collaboration__image {
    flex-basis: 100%;
    order: -1;
  }
}/*# sourceMappingURL=style.css.map */