MIF_E31211958/public/dist/css/pages/pricing-page.css

80 lines
1.5 KiB
CSS

/*
Template Name: Admin Template
Author: Wrappixel
File: scss
*/
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/*Theme Colors*/
/**
* Table Of Content
*
* 1. Color system
* 2. Options
* 3. Body
* 4. Typography
* 5. Breadcrumbs
* 6. Cards
* 7. Dropdowns
* 8. Buttons
* 9. Typography
* 10. Progress bars
* 11. Tables
* 12. Forms
* 14. Component
*/
/*******************
Pricing Page
******************/
.pricing-box {
position: relative;
text-align: center;
margin-top: 30px; }
.featured-plan {
margin-top: 0px; }
.featured-plan .pricing-body {
padding: 60px 0;
background: #f8f9fa;
border: 1px solid #e9ecef; }
.featured-plan .price-table-content .price-row {
border-top: 1px solid rgba(120, 130, 140, 0.13); }
.pricing-body {
border-radius: 0px;
border-top: 1px solid rgba(120, 130, 140, 0.13);
border-bottom: 5px solid rgba(120, 130, 140, 0.13);
vertical-align: middle;
padding: 30px 0;
position: relative; }
.pricing-body h2 {
position: relative;
font-size: 56px;
margin: 20px 0 10px;
font-weight: 500; }
.pricing-body h2 span {
position: absolute;
font-size: 15px;
top: -10px;
margin-left: -10px; }
.price-table-content .price-row {
padding: 20px 0;
border-top: 1px solid rgba(120, 130, 140, 0.13); }
.pricing-plan {
padding: 0 15px; }
.pricing-plan .no-padding {
padding: 0px; }
.price-lable {
position: absolute;
top: -10px;
padding: 5px 10px;
margin: 0 auto;
display: inline-block;
width: 100px;
left: 0px;
right: 0px; }