Green Container box design is "clipped-corner rectangle" 
You can recreate exactly the clipped‑corner box you uploaded using a simple clip-path polygon. Here’s the clean, production‑ready CSS you can drop straight into Custom Code → CSS or any stylesheet.

Developers usually create this look using:

• clip-path: polygon(...)

• border-radius (for rounded chamfers, though yours is sharp)

• transform tricks

• SVG shapes

 how to build this in code, look for “CSS chamfered corners” or “CSS clipped corner box.”

.clipped-box {
  width: 300px;          /* adjust as needed */
  height: 150px;         /* adjust as needed */
  background: #1e73be;   /* your blue fill */
  border: 6px solid #ff7f32; /* your orange border */
  clip-path: polygon(
    10% 0%,   /* top-left cut */
    90% 0%,   /* top-right cut */
    100% 20%, /* right-top diagonal */
    100% 80%, /* right-bottom diagonal */
    90% 100%, /* bottom-right cut */
    10% 100%, /* bottom-left cut */
    0% 80%,   /* left-bottom diagonal */
    0% 20%    /* left-top diagonal */
  );
}

What this does

• clip-path turns the rectangle into an 8‑sided polygon with chamfered (cut) corners.

• The percentages control how deep each corner cut is.

• The border stays perfectly aligned because the shape is clipped after the border is drawn.

If you want the corners deeper, shallower, sharper, or perfectly symmetrical, tell me:

• Width & height of your box

• How big the corner cuts should be (in px or %)