.pricingTable{ background: #fff; font-family: 'Nunito Sans', sans-serif; text-align: center; padding: 35px 0px; margin: 0 20px; border-radius: 180px; border: 7px solid #9CA1A7; } .pricingTable .pricingTable-header{ margin: 0 0 25px; border-bottom: 7px solid #9CA1A7; } .pricingTable .price-value{ color: #fff; background: linear-gradient(to right,#E45E15,#F08D15); width: 200px; height: 200px; padding: 50px 0; border-radius: 50%; border: 10px solid #9CA1A7; box-shadow: 0 0 0 10px rgba(0,0,0,0.18) inset; margin: 0 auto 13px; } .pricingTable .price-value .currency{ font-size: 45px; line-height: 62px; font-weight: 800; vertical-align: top; display: inline-block; } .pricingTable .price-value .amount{ font-size: 70px; line-height: 60px; font-weight: 800; display: inline-block; } .pricingTable .price-value .duration{ font-size: 17px; font-weight: 700; text-transform: capitalize; display: block; } .pricingTable .title{ color: #fff; background: linear-gradient(to right,#E45E15,#F08D15); font-size: 35px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 18px 10px 13px; margin: 0 -20px; border-radius: 10px; } .pricingTable .pricing-content{ text-align: left; padding: 0 15px; margin: 0 0 25px; list-style: none; display: inline-block; } .pricingTable .pricing-content li{ color: #333; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 0 0 0 20px; margin: 0 0 13px; position: relative; } .pricingTable .pricing-content li:last-child{ margin-bottom: 0; } .pricingTable .pricing-content li:before{ content: ""; background: linear-gradient(to right,#E45E15,#F08D15); width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 6px; left: 0; } .pricingTable .pricing-content li.disable:before{ background: #777; } .pricingTable .pricingTable-signup a{ color: #fff; background: linear-gradient(to right,#E45E15,#F08D15); font-size: 25px; font-weight: 700; text-transform: uppercase; width: 140px; padding: 7px 10px 4px; margin: 0 auto; border-radius: 25px; display: block; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover{ text-shadow: 0 7px rgba(0,0,0,0.5); box-shadow: 0 5px 0 rgba(0,0,0,0.2); } .pricingTable.pink .price-value, .pricingTable.pink .title, .pricingTable.pink .pricing-content li:before, .pricingTable.pink .pricingTable-signup a{ background: linear-gradient(to right,#DB2651,#CB3272); } .pricingTable.pink .pricing-content li.disable:before{ background: #777; } @media only screen and (max-width: 990px){ .pricingTable{ margin-bottom: 40px; } }