.pricingTable{
color: #fff;
background: linear-gradient(to bottom, #692a92, #915fa8);
font-family: 'Mukta', sans-serif;
text-align: center;
padding: 10px 10px 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
overflow: hidden;
position: relative;
}
.pricingTable:before,
.pricingTable:after{
content: "";
background: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #692a92;
box-shadow: 0 0 1px 8px #fff;
position: absolute;
top: 100px;
right: 20px;
}
.pricingTable:after{
width: 20px;
height: 20px;
box-shadow: 0 0 1px 4px #fff;
top: 35px;
right: 50px;
}
.pricingTable .pricingTable-header{ margin: 0 0 40px; }
.pricingTable .pricingTable-header:before{
content: "";
background: #fff;
width: 200px;
height: 200px;
border-radius: 50%;
position: absolute;
top: -30px;
left: -30px;
}
.pricingTable .price-value{
color: #692a92;
background: #fff;
width: 140px;
height: 140px;
padding: 25px 10px;
border: 3px solid #692a92;
border-radius: 50%;
position: relative;
}
.pricingTable .price-value:before{
content: "";
border: 2px solid #692a92;
border-radius: 50%;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
}
.pricingTable .price-value .currency{
font-size: 35px;
line-height: 35px;
display: inline-block;
vertical-align: top;
margin: 0 -3px 0 0;
}
.pricingTable .price-value .amount{
font-size: 65px;
line-height: 70px;
display: inline-block;
}
.pricingTable .price-value .duration{
font-size: 16px;
text-transform: capitalize;
display: block;
margin-top: -7px;
}
.pricingTable .pricing-content{
border: 2px solid #fff;
padding: 23px 10px 45px;
margin: 0 20px;
}
.pricingTable .title{
font-family: 'Teko', sans-serif;
font-size: 60px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
.pricingTable .pricing-content ul{
text-align: left;
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.pricingTable .pricing-content ul li{
font-size: 17px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 0 0 20px;
margin: 0 0 10px;
position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
top: 7px;
left: 0;
}
.pricingTable .pricingTable-signup a{
color: #692a92;
background: #fff;
font-size: 25px;
font-weight: 500;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 1px;
width: 60%;
display: block;
margin: -22px auto 0;
transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.pricingTable.blue{ background: linear-gradient(to bottom, #253e81, #0e5ca6); }
.pricingTable.blue:before,
.pricingTable.blue:after,
.pricingTable.blue .price-value,
.pricingTable.blue .price-value:before{
border-color: #253e81;
color: #253e81;
}
.pricingTable.blue .pricingTable-signup a{ color: #253e81; }
.pricingTable.red{ background: linear-gradient(to bottom, #cc1438, #ef5823); }
.pricingTable.red:before,
.pricingTable.red:after,
.pricingTable.red .price-value,
.pricingTable.red .price-value:before{
border-color: #cc1438;
color: #cc1438;
}
.pricingTable.red .pricingTable-signup a{ color: #cc1438; }
@media only screen and (max-width: 990px){
.pricingTable{ margin-bottom: 40px; }
}