Resistence Guide

<input type="radio" className="tabs_radio" name="tabs-prod" id="tab-1" checked="true">

<label htmlFor="tab-1" className="tabs_label">Resistence

Resistence	Color
Extra Soft	Tan
Soft	Yellow
Medium	Red
Firm	Green
Extra Firm	Blue

<input type="radio" className="tabs_radio" name="tabs-prod" id="tab-2">

<label htmlFor="tab-2" className="tabs_label">How resistence is defined

Choose the best resistence for you using the following guidelines

The resistence level is force in pounds required to bend the bar into a “U” shape.

<textarea className="raw-html"></p><p>@import url("https://use.typekit.net/yss8ayd.css");</p><p>body {</p><p> margin: 0 auto;</p><p> padding: 0;</p><p> text-align: center;</p><p> font-family: ff-good-web-pro, sans-serif;</p><p> overflow-wrap: break-word;</p><p> color: #2A2E33;</p><p>}</p><p>p, h1, h2, h3, h4, h5, h6, ul {</p><p> font-family: ff-good-web-pro, sans-serif;</p><p> overflow-wrap: break-word;</p><p> color: #2A2E33;</p><p>}</p><p>div.tabs-wrapper {</p><p> padding: 20px;</p><p>}</p><p>.tabs {</p><p> display: flex;</p><p> flex-wrap: wrap;</p><p> width: 100%;</p><p> max-width: 460px;</p><p> margin: 0 auto;</p><p>}</p><p>.tabs_label {</p><p> cursor: pointer;</p><p> max-width: 180px;</p><p> text-align: center;</p><p> margin: 0 auto;</p><p> font-size: 16px;</p><p> font-weight: bold;</p><p>}</p><p>.tabs_radio {</p><p> display: none;</p><p>}</p><p>.tabs_content {</p><p> order: 1;</p><p> width: 100%;</p><p> margin-top: 2em;</p><p> line-height: 1.2;</p><p> font-size: 16px;</p><p> display: none;</p><p>}</p><p>.tabs_radio:checked + .tabs_label {</p><p> color: #9E9D8F;</p><p> border-bottom: 2px solid #9E9D8F;</p><p> padding: 0 1em 8px;</p><p>}</p><p>.tabs_radio:checked + .tabs_label + .tabs_content {</p><p> display: initial;</p><p>}</p><p>table {</p><p> width: 100%;</p><p> margin: 0;</p><p> padding: 0;</p><p> border-collapse: collapse;</p><p> border-spacing: 0;</p><p>}</p><p>table tr {</p><p> padding: 4px;</p><p>}</p><p>table th, table td {</p><p> padding: 10px;</p><p> text-align: center;</p><p> border: 1px solid #2A2E33;</p><p>}</p><p>table th {</p><p> text-transform: uppercase;</p><p> font-size: 14px;</p><p> letter-spacing: 0;</p><p> background-color: #EBEAE6;</p><p>}</p><p>@media screen and (max-width: 600px) {</p><p>table {</p><p>}</p><p>table thead {</p><p> display: none;</p><p>}</p><p>table tr {</p><p> display: block;</p><p>}</p><p>table td {</p><p> display: block;</p><p> text-align: right;</p><p> font-size: 14px;</p><p>}</p><p>table td:nth-child(n+2) {</p><p> border-bottom: 0.1em solid #2a2e33;</p><p> border-top: none;</p><p>}</p><p>table td:last-child {</p><p> border-bottom: 0.1em solid #2a2e33;</p><p> border-top: none;</p><p>}</p><p>table td:before {</p><p> content: attr(data-label);</p><p> float: left;</p><p> text-transform: capitalize;</p><p> font-weight: bold;</p><p>}</p><p>}</p></div></div></div></div></main> <footer></footer> </body></p></div></div></div></div></main> <footer></footer> </body>