.trapezoid-container {
  width: 200px;
  height: 100px;
  background-color: #4CAF50;
  position: relative;
  margin: 50px auto;
  clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.trapezoid-container::before, .trapezoid-container::after {
  content: '';
  position: absolute;
  background-color: #FF810E;
}

/* Bottom border */
.trapezoid-container::before {
  width: 200px;
  height: 5px; /* Adjust thickness of the bottom border */
  bottom: -5px;
  left: 0;
  clip-path: polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%);
}

/* Left and Right borders */
.trapezoid-container::after {
  width: 5px; /* Adjust thickness of the side borders */
  height: 100%;
  top: 0;
}

/* Left border */
.trapezoid-container::after {
  left: -5px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/* Right border */
.trapezoid-container::after {
  left: auto;
  right: -5px;
}