.pricingTable{
font-family: 'Mukta', sans-serif;
text-align: center;
padding: 0 20px;
position: relative;
z-index: 1;
}
.pricingTable:before{
content: '';
background-color: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
top: 100px;
bottom: 0;
right: 0;
z-index: -1;
}
.pricingTable .pricingTable-header{
background: linear-gradient(#36D1DC, #5B86E5);
width: 200px;
height: 200px;
padding: 60px 15px;
margin: 0 auto 25px;
border-radius: 50%;
}
.pricingTable .title{
color: #272727;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 10px;
}
.pricingTable .price-value{ color: #fff; }
.pricingTable .price-value .amount{
font-size: 55px;
font-weight: 500;
line-height: 50px;
}
.pricingTable .price-value .amount-sm{
font-size: 25px;
font-weight: 400;
margin: -2px 0 0;
vertical-align: top;
display: inline-block;
}
.pricingTable .pricing-content{
padding: 0;
margin: 0 0 15px;
list-style: none;
}
.pricingTable .pricing-content li{
color: #333;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
line-height: 25px;
padding-bottom: 10px;
margin: 0 0 12px;
border-bottom: 2px solid #e7e7e7;
}
.pricingTable .pricing-content li:last-child{ margin-bottom: 0; }
.pricingTable .pricingTable-signup{
background: linear-gradient(#36D1DC, #5B86E5);
padding: 100px 10px 20px;
margin: 0 -20px;
clip-path: polygon(50% 45%, 101% 0, 101% 100%, 0 100%, 0 0);
}
.pricingTable .pricingTable-signup a{
color: #fff;
background: #272727;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 30px 0;
border: 2px solid transparent;
border-radius: 10px;
display: inline-block;
transition: all 0.5s;
}
.pricingTable .pricingTable-signup a:hover{
color: #272727;
background: #fff;
text-shadow: 4px 4px 0 #e7e7e7;
border-color: #272727;
}
.pricingTable.green .pricingTable-header,
.pricingTable.green .pricingTable-signup{
background: linear-gradient(#38ef7d, #11998e);
}
@media only screen and (max-width: 990px) {
.pricingTable{ margin-bottom: 40px; }
}