.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: 458px;
    display: flex;
    justify-content: center;
    margin: 0 auto !important;
}

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

.concenpt_card {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
    padding: 2rem;
}

.concenpt_card::before {
    content: "";
    position: absolute;
    inset: 0;
    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-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

@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 !important;
    }

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

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