<p>h2{</p>

<p>text-align:center;<br />
font-weight:700;<br />
color:#000;<br />
line-height:1.3;<br />
padding:10px;<br />
font-size: clamp(20px, 5vw, 36px);</p>

<p>}</p>

<p>&nbsp;</p>

<p>.pricing-table-3{ background-color:#FFF; margin:15px auto; box-shadow:0px 0px 25px rgba(0,0,0,0.1); max-width:300px; border-radius:0px 10px 0px 10px; overflow:hidden; position:relative; min-height:250px; transition:all ease-in-out 0.25s; } .pricing-table-3:hover{ transform:scale(1.1,1.1); cursor:pointer; } .pricing-table-3.basic .price{ background-color:#28b6f6; color:#FFF; } .pricing-table-3.premium .price{ background-color:#ff9f00; color:#FFF; } .pricing-table-3.business .price{ background-color:#c3185c; color:#FFF; } .pricing-table-3 .pricing-table-header{ background-color:#212121; color:#FFF; padding:20px 0px 0px 20px; position:absolute; z-index:5; } .pricing-table-3 .pricing-table-header p{ font-size:12px; opacity:0.7; } .pricing-table-3 .pricing-table-header::before{ content:&quot;&quot;; position:absolute; left:-50px; right:-180px; height:125px; top:-50px; background-color:#212121; z-index:-1; transform:rotate(-20deg) } .pricing-table-3 .price{ position:absolute; top:0px; text-align:right; padding:110px 20px 0px 0px; right:0px; left:0px; font-size:20px; z-index:4; } .pricing-table-3 .price::before{ content:&quot;&quot;; position:absolute; left:0px; right:0px; height:100px; bottom:-25px; background-color:inherit; transform:skewY(10deg); z-index:-1; box-shadow:0px 5px 0px 5px rgba(0,0,0,0.05); } .pricing-table-3 .pricing-body{ padding:20px; padding-top:200px; } .pricing-table-3 .pricing-table-ul li{ color:rgba(0,0,0,0.7); font-size:13px; padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); } .pricing-table-3 .pricing-table-ul .fa{ margin-right:10px; } .pricing-table-3.basic .pricing-table-ul .fa{ color:#28b6f6; } .pricing-table-3.premium .pricing-table-ul .fa{ color:#ff9f00; } .pricing-table-3.business .pricing-table-ul .fa{ color:#c3185c; } .pricing-table-3 .view-more{ margin:10px 20px; display:block; text-align:center; background-color:#212121; padding:10px 0px; color:#FFF; } .pricing-table-3 .pricing-table-header::before { content: &quot;&quot;; position: absolute; left: -50px; right: -180px; height: 125px; top: -50px; background-color: #212121; z-index: -1; transform: rotate(-20deg); } .pricing-table-3 .price::before { content: &quot;&quot;; position: absolute; left: 0px; right: 0px; height: 100px; bottom: -25px; background-color: inherit; transform: skewY(10deg); z-index: -1; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 0px 5px; } .pricing-table-3 .price::before { content: &quot;&quot;; position: absolute; left: 0px; right: 0px; height: 100px; bottom: -25px; background-color: inherit; transform: skewY(10deg); z-index: -1; box-shadow: 0px 5px 0px 5px rgba(0, 0, 0, 0.05); } .pricing-table-3 .price::before { content: &quot;&quot;; position: absolute; left: 0px; right: 0px; height: 100px; bottom: -25px; background-color: inherit; transform: skewY(10deg); z-index: -1; box-shadow: 0px 5px 0px 5px rgba(0, 0, 0, 0.05); }</p>