.pricingTable{ background-color: #fff; font-family: 'Poppins', sans-serif; text-align: center; margin: 0 20px; box-shadow: 0 0 10px -5px rgba(0,0,0,0.7); border-radius: 30px; } .pricingTable .pricingTable-header{ color: #fff; background: linear-gradient(to bottom,#f25e74 15px, #EE0024 15px); padding: 20px 10px 10px; margin: 0 0 5px; border-radius: 30px 30px 0 0; position: relative; z-index: 1; } .pricingTable .title{ font-size: 30px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 5px; } .pricingTable .price-value{ background-color: #f25e74; font-size: 40px; font-weight: 600; line-height: 102px; height: 110px; width: 110px; margin: 0 auto; border: 4px solid #EE0024; border-radius: 50%; box-shadow: 0 0 10px -5px rgba(0,0,0,0.6); } .pricingTable .price-value:after{ content: ''; background-color: #f25e74; height: 85px; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5); position: absolute; left: -10px; right: -10px; bottom: 20px; z-index: -1; } .pricingTable .price-value span{ font-weight: 300; display: inline-block; } .pricingTable .content-list{ padding: 25px 0 30px; margin: 0; list-style: none; display: inline-block; } .pricingTable .content-list li{ color: #333; font-size: 16px; text-transform: capitalize; text-align: left; padding: 0 0 2px 25px; margin: 0 0 20px; border-bottom: 2px solid #EE0024; position: relative; } .pricingTable .content-list li.disable{ color: #d1d1d1; } .pricingTable .content-list li:last-child{ margin-bottom: 0; } .pricingTable .content-list li:before{ content: "\f00c"; color: #EE0024; font-family: "Font Awesome 5 Free"; font-size: 17px; font-weight: 900; position: absolute; top: 0; left: 0; } .pricingTable .content-list li.disable:before{ content: "\f00d"; color: #d1d1d1; } .pricingTable .pricingTable-signup{ background: linear-gradient(to top,#d60625 15px, #EE0024 15px); padding: 10px 10px 25px; border-radius: 0 0 30px 30px; } .pricingTable .pricingTable-signup a{ color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; display: inline-block; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover{ font-style: italic; letter-spacing: 2px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); } .pricingTable.blue .pricingTable-header{ background: linear-gradient(to bottom,#353e7f 15px, #060F5E 15px); } .pricingTable.blue .price-value{ background-color: #353e7f; border-color: #060F5E; } .pricingTable.blue .price-value:after{ background-color: #353e7f; } .pricingTable.blue .content-list li{ border-bottom-color: #060F5E; } .pricingTable.blue .content-list li:before{ color: #060F5E; } .pricingTable.blue .content-list li.disable:before{ color: #d1d1d1; } .pricingTable.blue .pricingTable-signup{ background: linear-gradient(to top,#14207f 15px, #060F5E 15px); } .pricingTable.green .pricingTable-header{ background: linear-gradient(to bottom,#25b26e 15px, #00934D 15px); } .pricingTable.green .price-value{ background-color: #25b26e; border-color: #00934D; } .pricingTable.green .price-value:after{ background-color: #25b26e; } .pricingTable.green .content-list li{ border-bottom-color: #00934D; } .pricingTable.green .content-list li:before{ color: #00934D; } .pricingTable.green .pricingTable-signup{ background: linear-gradient(to top,#017c41 15px, #00934D 15px); } @media only screen and (max-width: 990px){ .pricingTable{ margin-bottom: 30px; } }