.pricingTable{
font-family: 'Poppins', sans-serif;
text-align: center;
padding: 0 0 17px;
position: relative;
z-index: 1;
}
.pricingTable:before{
content: '';
background-color: #fff;
height: 100%;
width: 80%;
margin: auto;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.pricingTable .pricingTable-header{ padding: 20px 20px 18px; }
.pricingTable .title{
color: rgb(21,73,97);
font-size: 30px;
font-weight: 500;
letter-spacing: 1px;
text-transform: capitalize;
margin: 0;
}
.pricingTable .pricing-content{
color: #fff;
background-color: rgba(21,73,97,0.9);
padding: 40px 20px 35px;
margin: 0 0 15px;
}
.pricingTable .pricing-content ul{
text-align: left;
padding: 0;
margin: 0 0 30px;
list-style: none;
display: inline-block;
}
.pricingTable .pricing-content ul li{
font-size: 16px;
line-height: 25px;
padding: 0 0 0 35px;
margin: 0 0 25px;
position: relative;
}
.pricingTable .pricing-content ul li:last-child{ margin-bottom: 0; }
.pricingTable .pricing-content ul li:before{
color: #3E8F00;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-size: 18px;
font-weight: 900;
position: absolute;
top: 0;
left: 0;
}
.pricingTable .pricing-content ul li.disable:before{
color: #FF4239;
content: "\f00d";
}
.pricingTable .price-value .amount{
font-size: 50px;
font-weight: 300;
line-height: 50px;
display: block;
}
.pricingTable .price-value .duration{
font-size: 16px;
font-weight: 300;
display: block;
}
.pricingTable .pricingTable-signup a{
color: rgb(21,73,97);
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
display: inline-block;
transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{ text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.pricingTable.red .title,
.pricingTable.red .pricingTable-signup a{
color: rgb(172,26,49);
}
.pricingTable.red .pricing-content{ background-color: rgba(172,26,49,0.9); }
.pricingTable.black .title,
.pricingTable.black .pricingTable-signup a{
color: rgb(50,50,50);
}
.pricingTable.black .pricing-content{ background-color: rgba(50, 50, 50, 0.9); }
@media only screen and (max-width: 990px){
.pricingTable{ margin: 0 0 40px; }
}