Panel rotate corner color

22222

11111111111111

..






......

<div class="row row2 rowtut" style="background-color: white; border: 0px; box-sizing: border-box; color: #25283d; font-family: ProximaNovaSoft-Regular; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px -15px 0px 5px; padding: 0px; vertical-align: baseline;">
<div class="col-sm-4 col-index" style="border: 0px; box-sizing: border-box; float: left; font: inherit; margin: 0px; min-height: 1px; padding: 0px 15px; position: relative; vertical-align: baseline; width: 351.214px;">
<div class="offer offer-radius offer-info" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 1px solid rgb(91, 192, 222); box-sizing: border-box; font: inherit; margin: 6px 0px !important; overflow: hidden; padding: 0px; vertical-align: baseline;">
<div class="shape" style="border-color: rgba(255, 255, 255, 0) rgb(91, 192, 222) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-image: initial; border-style: solid; border-width: 0px 70px 40px 0px; box-sizing: border-box; float: right; font: inherit; height: 0px; margin: 0px; padding: 0px; transform: rotate(360deg); vertical-align: baseline; width: 0px;">
<div class="shape-text" style="border: 0px; box-sizing: border-box; color: white; font-family: inherit; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; position: relative; right: -40px; top: 2px; transform: rotate(30deg); vertical-align: baseline; white-space: nowrap;">
22222</div>
</div>
<div class="offer-content" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 12px 20px; vertical-align: baseline;">
11111111111111</div>
</div>
</div>
</div>