.large-boxes{text-align:center;& .boxes.layout-small{display:grid;gap:24px;grid-template-columns:1fr;margin:44px 0;text-align:start;@media (min-width:768px){gap:44px;grid-template-columns:repeat(4,1fr)}& .box{border-radius:8px;padding:24px 24px 36px}& .box .fa-icon{align-items:center;background:var(--color-fluent-beluga);border-radius:4px;display:inline-flex;gap:10px;justify-content:center;margin-bottom:15px;padding:8px}& .box .t-headline-micro{margin-bottom:4px}}& .boxes.layout-large{border-radius:8px;box-shadow:0 16px 32px 0 rgba(11,11,61,.12);display:grid;grid-template-columns:1fr;margin:44px 0 0;text-align:start;@media (min-width:768px){grid-template-columns:1fr 1fr}& .box{display:flex;flex-direction:column;padding:40px;@media (min-width:768px){padding-bottom:64px;padding-left:96px;padding-right:96px;padding-top:64px}}& .box h3{margin-bottom:20px}& .box ul{margin:0 0 40px;padding:0}& .box li{list-style-type:none;margin:0 0 20px;padding:0 0 0 40px;position:relative}& .box li .fa-regular{left:0;position:absolute;top:5px}& .box:has(.button) div{margin-bottom:40px}& .box:first-child{@media (min-width:768px){border-bottom-left-radius:8px;border-top-left-radius:8px}}& .box:last-child{@media (min-width:768px){border-bottom-right-radius:8px;border-top-right-radius:8px}}& .box .button{align-self:flex-start;margin-top:auto}}& .bottom-text{border-radius:8px;display:inline-block;padding:12px 24px;& strong{font-weight:700}}}