<!--<div class="block">
  <div class="reqt"></div>
</div>-->


<div class="block-r"></div>

.block-r {
  height: 500px;
  width:100%;
  border:1px #cc0000 solid;

  background: linear-gradient(to right top, #f00 49.5%, #fab661 50%) no-repeat right top / 75px 50%, linear-gradient(to left top, #fab661 49.5%, #f00 50%) no-repeat right bottom / 75px 50%;
}


.reqt {
  font-family: sans-serif;
  font-weight: normal;
  /*
  padding: 5% 2rem 0;
    border-radius: 2px;
    text-align: center;
    color: #fff;
  */
  background-color: #29cb75;
  position: relative;
}

.reqt::after {
  content: '';
  padding-top: 5%;
  background: linear-gradient(to right top, transparent 49.5%, #29cb75 50%) left / 50.025% 100% no-repeat,
linear-gradient(to left top, transparent 49.5%, #29cb75 50%) right / 50.025% 100% no-repeat;
  
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
}