.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; } }