.pricingTable{
color: #fff;
background: linear-gradient(to bottom,#178a79,#178a79,#28EBCB);
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 20px 0 0;
margin: 0 15px;
border-radius: 5px;
box-shadow: 0 0 20px -5px rgba(0,0,0,0.4);
}
.pricingTable .pricingTable-header{
background: #28EBCB;
padding: 15px 15px;
margin: 0 -15px 30px;
box-shadow: 15px 15px 30px rgba(0,0,0,0.3);
}
.pricingTable .title{
font-size: 33px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
margin: 0;
}
.pricingTable .price-value{ margin: 0 0 20px; }
.pricingTable .price-value .amount{
font-size: 45px;
font-weight: 600;
line-height: 40px;
display: inline-block;
}
.pricingTable .price-value .duration{
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
transform: translateY(-3px);
}
.pricingTable .pricing-content{
background: linear-gradient(to bottom,#151515 71%,transparent 81%);
padding: 80px 30px 15px;
border-radius: 100% 100% 0 0;
}
.pricingTable .pricing-content ul{
display: inline-block;
text-align: left;
padding: 0;
margin: 0 0 50px;
list-style: none;
}
.pricingTable .pricing-content ul li{
font-size: 16px;
letter-spacing: 1px;
padding: 0 0 0 30px;
margin: 0 0 12px;
position: relative;
}
.pricingTable .pricing-content ul li.disable{ opacity: 0.5; }
.pricingTable .pricing-content ul li:before{
content: "\f00c";
color: #07eacc;
font-size: 18px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 0;
top: 0;
}
.pricingTable .pricing-content ul li.disable:before{
content: "\f00d";
left: 3px;
}
.pricingTable .pricingTable-signup a{
color: #fff;
background: #151515;
font-size: 22px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
padding: 6px 25px;
border-radius: 5px;
display: inline-block;
transition: all 0.3s ease;
}
.pricingTable .pricingTable-signup a:hover{
letter-spacing: 2px;
box-shadow: 0 0 20px -5px #151515;
}
.pricingTable.purple{ background: linear-gradient(to bottom,#616894,#616894,#b784ff ); }
.pricingTable.purple .pricingTable-header{ background: #b784ff; }
.pricingTable.purple .pricing-content ul li:before{ color: #b784ff; }
.pricingTable.pink{ background: linear-gradient(to bottom,#955063,#955063,#ff59a6); }
.pricingTable.pink .pricingTable-header{ background: #ff59a6; }
.pricingTable.pink .pricing-content ul li:before{ color: #ff59a6; }
@media only screen and (max-width: 990px){
.pricingTable{ margin: 0 15px 40px; }
}
@media only screen and (max-width: 576px){
.pricingTable .pricing-content ul li{ font-size: 14px; }
}