.pricingTable{
color: #383e4a;
font-family: 'Roboto', sans-serif;
text-align: center;
padding: 0 25px 25px;
position: relative;
z-index: 1;
}
.pricingTable:before{
content: "";
background: linear-gradient(to right, #9fcd37, #72bb43);
width: 250px;
height: 350px;
border-radius: 10px 10px 10px 20px;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.pricingTable .pricing-content{
background-color: #fff;
padding: 35px 15px 30px;
border-radius: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.1),10px -10px 0 rgba(0,0,0,0.05);
}
.pricingTable .title{
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 20px;
position: relative;
}
.pricingTable .pricing-content ul{
text-align: left;
padding: 0;
margin: 0 0 30px;
list-style: none;
display: inline-block;
}
.pricingTable .pricing-content ul li{
color: #999;
font-size: 17px;
line-height: 25px;
padding: 8px 0 8px 35px;
border-bottom: 1px solid #ccc;
position: relative;
}
.pricingTable .pricing-content ul li:first-child{ border-top: 1px solid #ccc; }
.pricingTable .pricing-content ul li:before{
color: #6cc13d;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 900;
position: absolute;
top: 8px;
left: 0;
}
.pricingTable .pricing-content ul li.disable:before{
color: #525963;
content: "\f00d";
}
.pricingTable .price-value { margin: 0 0 25px; }
.pricingTable .price-value .amount{
font-size: 50px;
line-height: 50px;
display: block;
}
.pricingTable .price-value .duration{
font-size: 20px;
line-height: 20px;
font-weight: 400;
display: block;
}
.pricingTable .pricingTable-signup a{
color: #fff;
background: linear-gradient(to bottom, #9fcd37, #72bb43);
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 14px;
transition: all 0.5s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{ text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); }
.pricingTable.purple:before{ background: linear-gradient(to right, #c95799, #9f54ab); }
.pricingTable.purple .pricing-content ul li:before { color: #c95799; }
.pricingTable.purple .pricing-content ul li.disable:before{ color: #525963; }
.pricingTable.purple .pricingTable-signup a{ background: linear-gradient(to bottom, #c95799, #9f54ab); }
.pricingTable.orange:before{ background: linear-gradient(to right, #f0891f, #da382a); }
.pricingTable.orange .pricing-content ul li:before{ color: #f0891f; }
.pricingTable.orange .pricing-content ul li.disable:before{ color: #525963; }
.pricingTable.orange .pricingTable-signup a{ background: linear-gradient(to bottom, #f0891f, #da382a); }
@media only screen and (max-width: 990px){
.pricingTable{ margin-bottom: 40px; }
}
