.concepts_grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 3rem;
  padding-top: 6rem;
}

.col-left,
.col-mid,
.col-right {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.col-mid {
  justify-content: center;
}

.card-equal {
  width: 100%;
  max-width: 400px;
  margin: 0 auto !important;
}

.concept-card {
  width: 100%;
}

.concept-card-bg {
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='458' height='417' viewBox='0 0 458 417' fill='none'%3E%3Cpath d='M17.5788 0L4.27593 48.6014L6.17635 207.69L0 393.671L75.5415 417L303.591 413.112L444.697 397.235L458 363.214L452.299 278.324L458 48.6014L431.394 5.50816L321.17 0L182.44 5.50816L17.5788 0Z' fill='%23FCF0EB'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.concept-card-inner {
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.middle-img img {
  max-width: clamp(180px, 35vw, 360px);
  height: auto;
  object-fit: contain;
}

@media (max-width: 1200px) {
  .concepts_grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 3rem;
  }

  .middle-img {
    display: none !important;
  }

  .col-left,
  .col-mid,
  .col-right {
    display: contents;
  }

  .card-equal {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .concepts_grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding-top: 1.5rem;
  }

  .concept-card-inner {
    gap: 0.5rem;
  }
}