.pricingTable{ background: #273980; font-family: 'Lato', sans-serif; text-align: center; padding: 0 5px 30px; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .pricingTable .pricingTable-header{ color: #fff; padding: 25px 0; } .pricingTable .title{ font-size: 44px; font-weight: 700; line-height: 35px; text-transform: uppercase; margin: 0 0 10px; } .pricingTable .price-value{ color: #fff; position: relative; } .pricingTable .price-value .amount{ font-size: 45px; font-weight: 600; line-height: 44px; } .pricingTable .price-value .duration{ font-size: 25px; font-weight: 400; } .pricingTable .pricing-content{ background: #fff; padding: 15px 0; border-radius: 20px; } .pricingTable .pricing-content ul{ padding: 0 10px; margin: 0 0 20px; list-style: none; } .pricingTable .pricing-content ul li{ color: #777; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; line-height: 35px; text-transform: capitalize; text-align: left; padding: 0 35px 0 10px; margin: 0 0 10px; border-bottom: 1px solid #ccc; position: relative; } .pricingTable .pricing-content ul li:last-child{ margin-bottom: 0; } .pricingTable .pricing-content ul li:before{ content: "\f00c"; color: #fff; background: #273980; font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 900; text-align: center; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 0; right: 5px; } .pricingTable .pricing-content li.disable:before{ content: "\f00d"; } .pricingTable .pricingTable-signup a{ color: #fff; background: #273980; font-size: 25px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; line-height: 25px; padding: 7px 15px; border-radius: 50px; display: inline-block; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover{ text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.6); } .pricingTable.orange, .pricingTable.orange .pricing-content ul li:before, .pricingTable.orange .pricingTable-signup a{ background: #ff5c1c; } .pricingTable.purple, .pricingTable.purple .pricing-content ul li:before, .pricingTable.purple .pricingTable-signup a{ background: #7A114B; } @media only screen and (max-width: 990px){ .pricingTable{ margin: 0 0 40px 10px; } }