.pricingTable{
background: linear-gradient(to bottom,#00cfb5,#008874);
font-family: 'Open Sans', sans-serif;
font-size: 0;
text-align: center;
padding: 5px 5px 20px;
border-radius: 30px;
}
.pricingTable .pricingTable-header{
color: #008874;
background: linear-gradient(to right,#f6f6f6,#fff,#f6f6f6);
padding: 20px 5px;
margin: 0 0 10px;
border: 4px solid #fff;
border-radius: 25px;
}
.pricingTable .title{
font-size: 30px;
font-weight: 700;
text-transform:uppercase;
letter-spacing: 1px;
margin: 0;
}
.pricingTable .rating{
color: #008874;
background: #fff;
width: 120px;
height: 90px;
padding: 10px 20px 10px 0;
margin: 0;
border-radius: 15px 0 0 0;
list-style: none;
display: inline-block;
clip-path: polygon(0 0, 60% 0, 100% 100%, 0 100%);
}
.pricingTable .rating li:nth-child(1){
font-size: 30px;
margin: 0 0 10px;
display: block;
}
.pricingTable .rating li:nth-child(2){
font-size: 10px;
margin-right: 25px;
display: inline-block;
vertical-align: top;
}
.pricingTable .rating li:nth-child(3){
font-size: 20px;
display: inline-block;
}
.pricingTable .price-value{
color: #fff;
width: calc(100% - 120px);
display: inline-block;
}
.pricingTable .price-value .amount{
font-size: 40px;
font-weight: 700;
line-height: 40px;
margin-bottom: 3px;
display: block;
}
.pricingTable .price-value .duration{
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
display: block;
}
.pricingTable .pricing-content{
background: #fff;
padding: 20px 15px;
margin: 0 0 20px;
border-radius: 0 20px 20px;
list-style: none;
}
.pricingTable .pricing-content li{
color: #333;
font-size: 17px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #d1d1d1;
}
.pricingTable .pricing-content li:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.pricingTable .pricingTable-signup a{
color: #fff;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
transition: all 0.3s;
}
.pricingTable .pricingTable-signup a:hover{
letter-spacing: 3px;
text-shadow: 5px 5px 3px rgba(0,0,0,0.4);
}
.pricingTable.orange{ background: linear-gradient(to bottom,#ff7f50,#ff6348); }
.pricingTable.orange .title,
.pricingTable.orange .rating{ color: #ff6348; }
.pricingTable.blue{ background: linear-gradient(to bottom,#4b7bec,#2049aa); }
.pricingTable.blue .title,
.pricingTable.blue .rating{ color: #2049aa; }
@media only screen and (max-width: 990px){
.pricingTable{ margin: 0 0 40px; }
}