/***************************************
* Content Boxes
****************************************/
.vii-content-boxes-wrap {
    container:content-boxes-container/inline-size;
}
.vii-content-boxes {
    --vii-spacing-paragraph:16px;
    --layout-gap:16px;
    --item-w:100%;
    --boxes-max-w:unset;

    gap:var(--layout-gap);
    max-width:var(--boxes-max-w);
}
.vii-content-boxes.layout-grid {
    --item-w:calc(50% - (var(--layout-gap) / 2));
    --layout-gap:24px;
    --boxes-max-w:894px;
}
.vii-content-boxes.layout-grid:has(.has-title) {
    --boxes-max-w:unset;
    --layout-gap:24px;
}
.vii-content-boxes__item {
    width:var(--item-w);
    padding:var(--vii-spacing-24);
    border:1px solid var(--vii-color-light-gold);
}
.vii-content-boxes__item.has-title {
    padding:0;border:none;
}
.vii-content-boxes__item-heading {
    padding:16px;
}
.vii-content-boxes__item.has-title .vii-content-boxes__item-content {
    padding:24px;
    box-shadow:0 11px 25px rgba(0, 0, 0, 0.1), 0 45px 45px rgba(0, 0, 0, 0.09), 0 101px 61px rgba(0, 0, 0, 0.05), 0 180px 72px rgba(0, 0, 0, 0.01), 0 282px 79px rgba(0, 0, 0, 0);
}


/***************************************
* Content Boxes Responsive
****************************************/
@media only screen and (min-width:1700px) {
    .vii-content-boxes.layout-grid {
        --boxes-max-w:62.083vw;
    }
}
@media only screen and (max-width:1024px) {
    .vii-content-boxes,
    .vii-content-boxes.layout-grid {
        --layout-gap:var(--vii-gap-container);
    }
    .vii-content-boxes__item,
    .vii-content-boxes__item.has-title .vii-content-boxes__item-content {
        padding:var(--vii-gap-container);
    }
}
@container content-boxes-container (max-width:768px) {
    .vii-content-boxes.layout-grid {
        --item-w:100%;
    }
}