.section--trainings__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--adebeo-spacing-m);
}

.section--trainings__grid__item {
  display: flex;
  flex-direction: column;
  gap: var(--adebeo-spacing-s);
  border-radius: var(--adebeo-border-radius-xs);
  border: 2px solid var(--adebeo-color-primary);
  padding: var(--adebeo-spacing-m) var(--adebeo-spacing-xm);
}

.section--trainings__grid__item__description {
  margin: auto 0;
}

.section--trainings__grid__item__description p {
  padding-left: var(--adebeo-spacing-m);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--adebeo-spacing-s);
}

.section--trainings__grid__item__description p:before {
  content: '';
  width: 16px;
  height: 8px;
  border-bottom: 2px solid var(--adebeo-color-primary);
  border-left: 2px solid var(--adebeo-color-primary);
  transform: rotate(-45deg);
}

.section--trainings__title {
  margin-bottom: 0 !important;
}

.section--trainings__grid__item__thumbnail,
.section--trainings__grid__item__thumbnail img {
  aspect-ratio: 434 / 294;
  object-fit: cover;
  width: 100%;
  border-radius: var(--adebeo-border-radius-xs);
}

@media (max-width: 1280px) {
  .section--trainings__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .section--trainings__grid__item:first-child {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .section--trainings__grid .section--trainings__grid__item {
    flex-basis: 80vw;
    min-width: 80vw;
  }
  .section--trainings__grid__item {
    flex-basis: 400px;
    min-width: 400px;
  }
}