:root {
--saaspricing-primary:#54595F;
--saaspricing-wild-sand:#F7F7F7;
--saaspricing-platinum:#DEE1E2;
--saaspricing-boulder:#4E4E4E;
--saaspricing-mako:#474F53;
--saaspricing-secondary:#474F53;
--saaspricing-white:#ffffff;
--saaspricing-black:#000000;
--saaspricing-dark-gray:#505050;
--saaspricing-box-shadow:#00000015;
--saaspricing-yellow:#f4b400;
}
svg, img {
display: unset;
}
.saaspricing-table p, .saaspricing-table h1,
.saaspricing-table h2, .saaspricing-table h3,
.saaspricing-table h4, .saaspricing-table h5,
.saaspricing-table h6 {
margin: 0;
padding: 0;
}
.saaspricing-table {
table-layout: fixed;
min-width: 830px;
width: 100%;
border: unset;
margin-bottom: 0;
overflow: hidden;
border-collapse: collapse;
}
.saaspricing-table tr td{
border: none;
text-align: unset;
}
.saaspricing-table tr.saaspricing-ribbon-table-row td.saaspricing-blank {
border-left: none !important;
border-right: none !important;
}
.saaspricing-table tbody>tr:nth-child(odd)>td, 
.saaspricing-table tbody>tr:nth-child(odd)>th {
background-color: transparent;
}
.saaspricing-horizontal .saaspricing-horizontal-sidebar a,
.saaspricing-cards-all .saaspricing-card a,
.saaspricing-table .saaspricing-table-main a,
.saaspricing-table .saaspricing-cta-main a {
text-decoration: none;
}
.saasp-horizontal-divider hr{
opacity: unset;
color: var(--saaspricing-mako);
border-top: none !important;
border-left: none !important;
border-right: none !important;
background-color: transparent !important;
}
.saaspricing-table-description {
font-size: 16px;
color: var(--saaspricing-boulder);
max-height: 150px;
overflow-y: auto;
}
.saaspricing-price-table-head small {
font-size: 14px;
font-weight: 400;
color: var(--saaspricing-white);
}
.saaspricing-table .saaspricing-table-title-description {
vertical-align: middle;
padding: 30px;
}
.saaspricing-table-main, .saaspricing-feature-list {
border-right: 1px solid var(--saaspricing-white);
}
.saaspricing-feature-list span {
color: var(--saaspricing-mako);
font-size: 16px;
}
.saaspricing-table tr td:first-child {
border-left: 1px solid transparent;
}
.saaspricing-cell span {
font-weight: 500;
}
.saaspricing-table .saaspricing-price-table-help svg {
color: var(--saaspricing-primary);
}
.saaspricing-table .saaspricing-feature-list td {
padding: 10px 30px 10px 30px;
font-size: 14px;
}
.saaspricing-table .saaspricing-ribbon-table-row .saaspricing-ribbon-wrapper {
border: none;
padding: 0;
}
.saaspricing-table .saaspricing-ribbon-table-row:hover {
background: none;
}
.saaspricing-table .fa-times {
color: var(--saaspricing-boulder);
}
.saaspricing-table .saaspricing-ribbon-table-row .saasp-hidden {
visibility: hidden;
border: none !important;
}
.saaspricing-table .saaspricing-price-table-head td {
font-size: 18px;
font-weight: bold;
text-transform: capitalize;
min-width: 220px;
padding: 20px 30px;
}
.saaspricing-table .saaspricing-table-head {
background-color: var(--saaspricing-primary);
}
.saaspricing-table .saaspricing-price {
padding: 30px 30px 30px 30px;
font-size: 20px;
font-weight: 600;
position: relative;
vertical-align: top;
}
.saaspricing-table .saaspricing-ribbon-table-row .saaspricing-common-ribbon {
color: var(--saaspricing-white);
text-transform: capitalize;
font-size: 16px;
font-weight: 400;
background-color: var(--saaspricing-black);
padding: 15px 30px;
}
.saaspricing-table .saaspricing-blank {
border: none;
}
.saaspricing-table img {
max-width: 80px;
}
.saaspricing-table .saaspricing-heading-title {
font-size: 18px;
color: var(--saaspricing-white);
font-weight: bold;
}
.saaspricing-table .saaspricing-table-title {
font-size: 26px;
font-weight: 600;
color: var(--saaspricing-mako);
margin: 0;
line-height: normal;
}
.saaspricing-p-vertical-header, .saaspricing-vertical-header {
padding: 40px 40px 0 40px;
}
.saaspricing-vertical-pricing-card .saaspricing-vertical-title, 
.saaspricing-horizontal .saaspricing-horizontal-title {
font-size: 26px;
font-weight: 600;
color: var(--saaspricing-mako);
margin-bottom: 0;
line-height: normal;
}
.saaspricing-cards-all .saaspricing-vertical-description,
.saaspricing-horizontal .saaspricing-horizontal-description {
font-size: 16px;
font-weight: 400;
color: var(--saaspricing-boulder);
margin: 0;
}
.saaspricing-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border-radius: 5px;
}
.saaspricing-card-footer {
padding: 0 40px;
margin: 0 0 20px 0;
}
.saaspricing-cta-card {
padding: 10px 40px 10px 40px;
}
.saaspricing-cards-all {
overflow: hidden;
height: 100%;
}
.saaspricing-cards-all .row {
height: 100%;
}
.saaspricing-heading {
font-size: 50px;
}
.saasprcing-vertical-pricing, .saasprcing-horizontal-pricing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
line-height: .8;
gap:5px;
}
.saaspricing-vertical-body-alignment {
color: var(--saaspricing-primary);
}
.saaspricing-vertical-justify {
width: -webkit-fill-available;
}
.saaspricing-card-header {
padding: 8px 40px;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
background-color: var(--saaspricing-black);
}
.saaspricing-card-header .saaspricing-ribbon-title small {
font-size: 20px;
color: var(--saaspricing-white);
}
.saaspricing-horizontal {
overflow: hidden;
}
.saaspricing-horizontal .saaspricing-horizontal-header .saaspricing-border-bottom {
border-color: var(--saaspricing-platinum);
}
.saaspricing-horizontal-header{
padding: 40px 40px 30px 40px;
}
.saasspricing-pricing-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: var(--saaspricing-primary);
}
.saaspricing-original-slashed-price, 
.saaspricing-price-symbol, 
.saaspricing-fraction-price {
line-height: .8;
}
.saaspricing-vertical-padding:last-child {
padding-bottom: 0;
} .saaspricing-ribbon, .saaspricing-horizontal-ribbon {
position: absolute;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
width: 40px;
border-radius: 50px;
color: var(--saaspricing-white);
right: 10px;
top: 15px;
overflow: hidden;
}
.saaspricing-horizontal-ribbon {
border-radius: 50px;
font-weight: bold;
font-size: 20px;
background-color: var(--saaspricing-black);
padding: 30px;
}
.saaspricing-horizontal-left-position {
left: 25px;
}
.saaspricing-horizontal-right-position {
right: 25px;
top:20px
}
.saaspricing-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.saaspricing-border-bottom {
border-bottom: 1px solid var(--saaspricing-boulder);
}
.saaspricing-horizontal-title, 
.saaspricing-horizontal-description,
.saaspricing-horizontal-feature-title {
word-wrap: break-word;
}
.saaspricing-ribbon-title {
font-size: 20px;
font-weight: 600;
} .saasprcing-vertical-pricing {
padding: 32px 40px 15px 40px;
}
.saasprcing-horizontal-pricing {
padding: 32px 0 15px 0;
}
.saaspricing-price-text{
font-size: 42px;
font-weight: bold;
}
.saaspricing-original-slashed-price {
font-size: 20px;
font-weight: bold;
}
.saaspricing-period, .saaspricing-vertical-period,
.saaspricing-horizontal-period {
font-size: 16px;
font-weight: 400;
line-height: 1;
}
.saaspricing-vertical-price, 
.saaspricing-horizontal-price, 
.saaspricing-vertical-symbol, 
.saaspricing-horizontal-symbol {
font-size: 42px;
font-weight: bold;
}
.saaspricing-vertical-original, .saaspricing-horizontal-original {
font-size: 20px;
font-weight: bold;
} .saaspricing-horizontal-countdown {
padding: 15px 0 0 0;
}
.saaspricing-vertical-countdown {
padding: 10px 40px 0 40px;
}
.saaspricing-vertical-countdown .saaspricing-countdown {
white-space: nowrap;
border-radius: 5px;
color: var(--saaspricing-mako);
padding: 15px 30px;
border-color: var(--saaspricing-color);
border: 1px solid;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.saaspricing-horizontal-countdown .saaspricing-countdown {
white-space: nowrap;
border-radius: 5px;
color: var(--saaspricing-white);
padding: 15px 30px;
border-color: var(--saaspricing-white);
border: 1px solid;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.saaspricing-align-super {
vertical-align: super;
} .saaspricing-star-icon {
padding: 20px 0 10px 0;
}
.saaspricing-horizontal .saaspricing-star-icon {
padding: 30px 0 0 0;
}
.saaspricing-cards-all .saaspricing-star-icon {
padding: 20px 40px 0 40px;
}
.saaspricing-cards-all .saaspricing-star-icon.no-gap {
padding: 10px 40px 10px 40px;
}
.saaspricing-star-icon small {
color: var( --saaspricing-boulder);
font-weight: 600;
font-size: 16px;
}
.saaspricing-horizontal .saaspricing-star-icon small {
color: var(--saaspricing-white);
font-weight: 600;
font-size: 16px;
} .saaspricing-horizontal .saaspricing-horizontal-feature-title {
color: var(--saaspricing-mako);
font-weight: 600;
font-size: 22px;
margin: 0;
padding: 0 0 20px 0;
}
.sasspricing-horizontal-left {
background-color: var(--saaspricing-wild-sand);
}
.saaspricing-horizontal-description {
padding-bottom: 24;
}
.saaspricing-horizontal-feature-list {
padding:30px 40px 40px 40px;
}
.saaspricing-horizontal .saaspricing-horizontal-slogan-title {
font-size: 22px;
font-weight: 600;
margin:0;
}
.saaspricing-vertical-pricing-card ol {
padding:0;
margin:0;
}
.saaspricing-vertical-feature .saaspricing-features-title {
font-weight: 600;
color: var(--saaspricing-mako);
font-size: 22px;
}
.saaspricing-vertical-feature {
padding: 15px 40px 30px 40px;
text-align: center;
}
.saaspricing-vertical-feature li small , .saasp-horizontal-icon-wrapper small {
font-size: 16px;
color: var(--saaspricing-mako);
font-weight: 500;
}
.saaspricing-vertical-feature li svg,
.saasp-horizontal-icon-wrapper svg,
.saaspricing-cell-icon svg {
fill: var(--saaspricing-primary);
} .saaspricing-horizontal-sidebar {
background: var(--saaspricing-primary);
color: var(--saaspricing-white);
padding: 68px 48px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} .saaspricing-primary-btn, .saaspricing-primary-btn:hover, .wp-block-post-content a:where(:not(.wp-element-button)), a:not([href]):not([tabindex])
, a:not([href]):not([tabindex]):hover {
color: var(--saaspricing-white);
}
.saaspricing-horizontal a:not([href]):not([tabindex]), .saaspricing-horizontal-primary, .saaspricing-horizontal-primary:hover {
color: var(--saaspricing-dark-gray);
}
.saaspricng-horizontal-secondary-main a:not([href]):not([tabindex]) {
color: var(--saaspricing-white);
border: none;
}
.saaspricing-table .saaspricing-cta-main .saaspricing-secondary-btn, 
.saaspricing-table .saaspricing-cta-main .saaspricing-secondary-btn:hover {
background-color: transparent;
color: var(--saaspricing-secondary);
font-weight: 600;
text-decoration: underline;
margin-top: 20px;
padding: 0;
}
.saaspricing-cards-all .saaspricng-secondary-main .saaspricing-vertical-secondary,
.saaspricing-cards-all .saaspricng-secondary-main .saaspricing-vertical-secondary:hover {
background-color: transparent;
color: var(--saaspricing-secondary);
font-weight: 600;
text-decoration: underline;
}
.saaspricng-horizontal-secondary-main {
width: 100%;
margin-top: 10px; 
}
.saaspricing-horizontal .saaspricng-horizontal-secondary-main .saaspricing-horizontal-secondary {
background-color: transparent;
color: var(--saaspricing-white);
font-weight: 600;
text-decoration: underline;
}
.saaspricing-horizontal-pricing-left {
-ms-flex-item-align: start;
align-self: flex-start;
text-align: left;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:start;
}
.saaspricing-horizontal-pricing-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.saaspricing-horizontal-pricing-right {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
text-align: right;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:end;
}
.saaspricing-table .saaspricing-table-main .saaspricing-price .saaspricing-primary-btn {
margin-top: 20px;
}
.saaspricing-table .saaspricing-footer-cta .saaspricing-primary-btn {
margin: 30px 0 0 0;
}
.saaspricing-main .saaspricing-table .saaspricing-footer-cta {
vertical-align: top;
padding: 10px 0px 40px 0;
}
.saaspricing-xsm-btn {
font-size: 14px;
padding: 10px 20px;
color: var(--saaspricing-white);
background-color: var(--saaspricing-secondary);
font-weight: 600;
}
.saaspricing-sm-btn {
font-size: 16px;
padding: 13.5px 35px;
color: var(--saaspricing-white);
background-color: var(--saaspricing-secondary);
font-weight: 600;
}
.saaspricing-m-btn {
font-size: 18px;
padding: 15px 35px;
color: var(--saaspricing-white);
background-color: var(--saaspricing-secondary);
font-weight: 600;
}
.saaspricing-l-btn {
font-size: 20px;
padding: 20px 40px;
color: var(--saaspricing-white);
background-color: var(--saaspricing-secondary);
font-weight: 600;
}
.saaspricing-xl-btn {
font-size: 22px;
padding: 25px 50px;
color: var(--saaspricing-white);
background-color: var(--saaspricing-secondary);
font-weight: 600;
}
.saaspricing-xl-btn:hover, .saaspricing-l-btn:hover, .saaspricing-m-btn:hover, 
.saaspricing-sm-btn:hover, .saaspricing-xsm-btn:hover {
color: var(--saaspricing-white);
background-color: var(--saaspricing-secondary);
}
.saaspricing-cards-all .saaspricing-vertical-primary {
margin: 10px 0 20px 0;
}
.saaspricing-horizontal-primary, .saaspricing-horizontal-primary:hover {
margin: 30px 0 0 0;
background-color: var(--saaspricing-white);
color: var( --saaspricing-dark-gray);
}
.saaspricing-star-right {
-webkit-transform: scalex(-1);
-ms-transform: scalex(-1);
transform: scalex(-1);
margin-left: -23px;
}
.saaspricing-yellow {
color: var(--saaspricing-yellow);
}
.saaspricing-fs-sm {
font-size: 12px;
}
.saaspricing-fraction-price {
vertical-align: super;
font-size: 16px;
}
.saaspricing-table .saaspricing-table-body svg {
cursor: pointer;
}
.saaspricing-table-background {
background-color: var(--saaspricing-wild-sand);
}
.saaspricing-icons i, .saaspricing-icons-half i, .saaspricing-icons-none i {
display: inline-block;
position: relative;
font-style: normal;
cursor: default;
}
.saaspricing-icons i::after,  .saaspricing-icons-half i::after, .saaspricing-icons-none i::after{
content: "\f005";
display: block;
font-size: inherit;
position: absolute;
overflow: hidden;
color: #f0ad4e;
top: 0;
left: 0;
width: 100%;
}
.saaspricing-primary-spacing svg, .saaspricing-secondary-btn span svg,
.saaspricing-primary-btn svg, .saaspricing-secondary-spacing svg,
.saaspricing-vertical-padding svg{
height: 16px;
width: 16px;
}
.saaspricing-primary-spacing svg, .saaspricing-primary-btn svg,
.saaspricing-horizontal-secondary .saaspricing-secondary-spacing svg{
fill: var(--saaspricing-white);
}
.saaspricing-horizontal-primary .saaspricing-primary-spacing svg,
.saaspricing-secondary-spacing svg, .saaspricing-secondary-btn span svg{
fill: var(--saaspricing-primary);
}
.saaspricing-icons i::after{
width: 100%; 
}
.saaspricing-icons-half i::after {
width: 50%;
}
.saaspricing-icons-none i::after {
width: 0;
}
.saaspricing-feature-list:not(:last-child) .saaspricing-feature-main {
border-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
.saaspricing-w-sm-100 {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.saaspricing-row-reverse {
flex-direction: column-reverse;
}
.saaspricing-horizontal-wrapper {
row-gap: 0 !important;
}
}
@media screen and (max-width: 350px) {
.saaspricing-ribbon {
position: unset;
margin-bottom: 15px;
}
}