.benefit-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: -1px -3px 7px rgb(0 0 0 / 60%);
    max-width: 670px;
    margin: 20px;
}
.benefit-icon {
    color: var(--color-blackish);
    width: 100%;
    height: auto;
}
.benefit-heading {
    text-transform: capitalize;
    /* font-size: 260%; */
    /* font-size: calc(1.6rem + 1vw); */
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1600 - 300)));
    margin: 2rem 1rem 1rem 1rem;
    font-weight: 600;
}
.benefit-box {
    display: flex;
    justify-content: center;
    /* max-width: 670px; */
    /* margin: 20px 5px 0px 5px; */
    /* box-shadow: 2px 4px 7px rgb(0 0 0 / 60%); */
}
.benefit-title {
    color: var(--color-blackish);
    text-transform: capitalize;
    /* font-size: 1.8rem; */
    font-size: calc(18px + (29 - 18) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 800;
}
.icon-container {
    width: 110px;
}
.box {
    /* box-shadow: 2px 4px 7px rgb(0 0 0 / 60%); */
    margin: 16px 20px 16px 20px;
    /* background-color: rgb(0 0 0 / 1%); */
    background-color: white;
}
.benefit-learn {
    text-align: center;
    margin-bottom: 10px;
}
@media (max-width: 496px) {
    .benefit-icon {
        /* display: none; */
        margin-top: 15px;
    }
    .benefit-box > .col-9 {
        width: 100%;
        margin-bottom: 0px;
    }
    .box {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .benefit-heading {
        text-align: center;
        margin-bottom: 0px;
    }
    .benefit-title {
        text-align: center;
    }
}