/* ==========================================================
   VBC Framework
   Suitable For
========================================================== */

.vbc-suitable-for{
    padding:0 0 56px;
    background:var(--vbc-color-background);
}

.vbc-suitable-for__box{
    position:relative;
    padding:28px 44px;
    background:var(--vbc-color-surface);
    border:1px solid var(--vbc-color-border);
}

.vbc-suitable-for__grid{
    display:grid;
    grid-template-columns:minmax(0, 300px) 1fr;
    gap:40px;
    align-items:center;
}

.vbc-suitable-for__media{
    max-width:100%;
    overflow:hidden;
    aspect-ratio:1;
}

.vbc-suitable-for__media img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.vbc-suitable-for__eyebrow{
    font-family:var(--vbc-font-heading);
    font-size:15px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--vbc-color-accent);
    margin:0 0 10px;
}

.vbc-suitable-for__heading{
    font-family:var(--vbc-font-heading);
    font-size:18px;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--vbc-color-heading);
    margin:0 0 12px;
    line-height:1.2;
}

.vbc-suitable-for__text{
    color:var(--vbc-color-body);
    font-size:15px;
    line-height:1.6;
    margin:0 0 12px;
}

.vbc-suitable-for__disclaimer{
    font-size:13px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#8D867F;
    margin:0;
}

@media (max-width:767px){

    .vbc-suitable-for__box{
        padding:24px;
    }

    .vbc-suitable-for__grid{
        grid-template-columns:1fr;
    }

    .vbc-suitable-for__media{
        max-width:60%;
        margin:0 auto 32px;
    }
    
    .vbc-suitable-for{
    padding:20px 0 0;
    background:var(--vbc-color-background);
}

}