.pricingTable{ background: #fff; font-family: 'Sora', sans-serif; text-align: center; padding: 0 0 15px; margin-top: 25px; box-shadow: 10px 20px 10px rgba(0,0,0,0.1),-10px 0 10px rgba(0,0,0,0.1); } .pricingTable .pricingTable-header{ color: #fff; background-color: #12BDC4; padding: 45px 15px 45px 20px; margin: -25px 0 25px; border-radius: 0 20px 0 0; box-shadow: 4px -4px 0 0 rgba(255,255,255,0.5) inset,-5px 5px 10px rgba(0,0,0,0.2); display: inline-block; position: relative; } .pricingTable .pricingTable-header:before{ content: ''; background: linear-gradient(to right bottom,transparent 45%, #05878c 50%); height: 25px; width: 15px; position: absolute; left: -15px; top: 0; } .pricingTable .title{ font-size: 25px; font-weight: 700; text-transform: uppercase; margin: 0 0 25px; } .pricingTable .price-value{ font-size: 80px; font-weight: 700; line-height: 80px; } .pricingTable .pricing-content{ background-color: #12BDC4; padding: 20px 0 0; margin: 0 0 15px; list-style: none; } .pricingTable .pricing-content li{ color: #fff; font-size: 15px; font-weight: 500; line-height: 22px; padding: 12px; } .pricingTable .pricing-content li:nth-child(even){ background-color: rgba(0,0,0,0.2); } .pricingTable .pricingTable-signup a{ color: #12BDC4; font-size: 28px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover{ text-shadow: 3px 3px 0 rgba(0,0,0,0.3); } .pricingTable.green .pricingTable-header, .pricingTable.green .pricing-content{ background-color: #76C712; } .pricingTable.green .pricingTable-header:before{ background: linear-gradient(to right bottom,transparent 45%, #57910b 50%); } .pricingTable.green .pricingTable-signup a{ color: #76C712; } @media only screen and (max-width: 990px){ .pricingTable{ margin-bottom: 50px; } }