.advantages {
    background-color: var(--silver);

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 5% 40px;
}

.adv_image { grid-area: img; }
.adv_name { grid-area: name; }
.adv_text { grid-area: text; }

.adv_box {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-areas: 'img name' 'text text';

    padding: 20px;
}

.adv_image, .adv_name {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adv_image {
    box-sizing: border-box;
    min-width: 0;
    /* width: 100%;
    height: auto; */

    padding: 10px;
}

.adv_image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.adv_name p {
    text-align: center;
}

.adv_text p {
    text-align: center;
    /* text-align: justify; */
    margin: 20px 0 20px;
}

/* -------------------------------------------------- TABLET -------------------------------------- */
@media (min-width: 768px) {
    .advantages {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 20px;

        padding: 20px 5% 20px;
    }
}



/* -------------------------------------------------- NOTEBOOK -------------------------------------- */
@media (min-width: 1024px) {
    .advantages {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        padding: 20px 4% 16px;
    }

    .adv_box {
        grid-template-columns: auto;
        grid-template-rows: calc(var(--vh) * 18) 6rem auto;
        grid-template-areas: 'img' 'name' 'text';
    }

    .adv_image {
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
    }

    .adv_image img {
        width: 100%;
        height: 80%;
        object-fit: contain;
    }

    .adv_text p {
        margin: 0;
    }
}




/* ----------------------------------------------------- Standard Display ----------------------------- */
@media (min-width: 1440px) {
    .adv_box {
        grid-template-rows: calc(var(--vh) * 14) 6rem auto;
        padding: 20px 6% 16px;
    }
}