.elementor-2018 .elementor-element.elementor-element-7654e2e{--display:flex;}.elementor-2018 .elementor-element.elementor-element-cf35701{--display:flex;}.elementor-2018 .elementor-element.elementor-element-ffd1ac3{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2018 .elementor-element.elementor-element-8508ca1{--display:flex;}.elementor-2018 .elementor-element.elementor-element-f2adb63{--display:flex;}.elementor-2018 .elementor-element.elementor-element-867dda1{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* SCOTSMAN AI Pricing page CSS v16 */
:root {
--sai-navy: #1B2A4E;
--sai-navy-deep: #0E1A35;
--sai-navy-mid: #2D4A7C;
--sai-orange: #C97B1E;
--sai-orange-light: #E89B4D;
--sai-green: #16A34A;
--sai-rag-red: #DC2626;
--sai-rag-amber: #D97706;
--sai-rag-green: #16A34A;
--sai-paper: #FAFAF7;
--sai-light: #F1F1ED;
--sai-white: #FFFFFF;
--sai-ink: #2A2F45;
--sai-slate: #475569;
--sai-muted: #94A3B8;
--sai-rule: #E2E8F0;
--sai-on-dark-1: #FFFFFF;
--sai-on-dark-2: #C9D4E8;
--sai-on-dark-3: #B8C4DA;
--sai-on-dark-4: #94A3B8;
--sai-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
--sai-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--sai-display: var(--sai-sans);
--sai-fs-h1: 56px;
--sai-fs-h2: 40px;
--sai-fs-lead: 21px;
--sai-fs-eyebrow: 13px;
--sai-section-y-desktop: 104px;
--sai-section-y-mobile: 64px;
--sai-container-max: 1200px;
--sai-container-pad: 32px;
--sai-radius-sm: 6px;
--sai-radius: 8px;
--sai-radius-lg: 12px;
--sai-radius-xl: 14px;
--sai-radius-pill: 999px;
--sai-shadow-card: 0 1px 2px rgba(14,26,53,0.04), 0 2px 8px rgba(14,26,53,0.05);
--sai-shadow-lift: 0 20px 50px rgba(27,42,78,0.25);
--sai-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--sai-dur-fast: 150ms;
--sai-dur: 250ms;
}
/* ---------- Page-edge reset ---------- */
body:has(.sai-pricing-page) .entry-content,
body:has(.sai-pricing-page) .page-content,
body:has(.sai-pricing-page) .site-main,
body:has(.sai-pricing-page) .content-area,
body:has(.sai-pricing-page) .elementor-location-single,
body:has(.sai-pricing-page) .elementor-widget-theme-post-content,
body:has(.sai-pricing-page) .elementor-widget-theme-post-content > .elementor-widget-container {
margin-top: 0 !important;
padding-top: 0 !important;
}
body:has(.sai-pricing-page) .entry-title,
body:has(.sai-pricing-page) .page-title {
display: none !important;
}
/* ---------- Scoped base and Elementor gap neutralisation ---------- */
.sai-pricing-page,
.sai-pricing-page * {
box-sizing: border-box;
}
.sai-pricing-page {
font-family: var(--sai-sans) !important;
color: var(--sai-ink, #2A2F45);
line-height: 1.6;
background: var(--sai-paper, #FAFAF7);
overflow-x: hidden;
}
.sai-pricing-page img,
.sai-pricing-page svg,
.sai-pricing-page iframe,
.sai-pricing-page video {
max-width: 100%;
height: auto;
}
.sai-pricing-page .sai-pricing-section,
.sai-pricing-page section,
.sai-pricing-page .hero-light,
.sai-pricing-page .tint,
.sai-pricing-page .dark,
.sai-pricing-page .light {
position: relative;
padding: var(--sai-section-y-desktop) 0 !important;
margin: 0 !important;
font-family: var(--sai-sans) !important;
overflow: visible;
}
.sai-pricing-page .hero-light {
padding: 110px 0 60px !important;
background: var(--sai-paper, #FAFAF7) !important;
overflow: hidden !important;
}
.sai-pricing-page .tint {
padding-top: 48px !important;
background: var(--sai-light, #F1F1ED) !important;
}
.sai-pricing-page .dark {
background: var(--sai-navy-deep, #0E1A35) !important;
color: var(--sai-on-dark-1, #FFFFFF) !important;
}
.sai-pricing-page .light {
background: var(--sai-paper, #FAFAF7) !important;
}
.sai-pricing-page .e-con,
.sai-pricing-page .e-con-inner,
.sai-pricing-page .elementor-container,
.sai-pricing-page .elementor-column,
.sai-pricing-page .elementor-widget-wrap,
.sai-pricing-page .elementor-widget,
.sai-pricing-page .elementor-widget-container {
--gap: 0 !important;
--row-gap: 0 !important;
--column-gap: 0 !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
}
.sai-pricing-page .elementor-widget,
.sai-pricing-page .elementor-widget:not(:last-child),
.sai-pricing-page .elementor-widget-container,
.sai-pricing-page .elementor-heading-title,
.sai-pricing-page h1,
.sai-pricing-page h2,
.sai-pricing-page h3,
.sai-pricing-page h4,
.sai-pricing-page p,
.sai-pricing-page ul,
.sai-pricing-page li,
.sai-pricing-page figure {
margin: 0 !important;
padding-top: 0;
padding-bottom: 0;
}
.sai-pricing-page p:empty {
display: none !important;
}
/* ---------- Source container ---------- */
.sai-pricing-page .container,
.sai-pricing-page .container.e-con,
.sai-pricing-page .container.elementor-element,
.sai-pricing-page .sai-pricing-container,
.sai-pricing-page .sai-pricing-section > .e-con-inner,
.sai-pricing-page .hero-light > .e-con-inner,
.sai-pricing-page .tint > .e-con-inner,
.sai-pricing-page .dark > .e-con-inner,
.sai-pricing-page .light > .e-con-inner {
width: 100% !important;
max-width: var(--sai-container-max, 1200px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--sai-container-pad, 32px) !important;
padding-right: var(--sai-container-pad, 32px) !important;
}
/* ---------- Source typography ---------- */
.sai-pricing-page .eyebrow,
.sai-pricing-page .eyebrow .elementor-heading-title {
font-family: var(--sai-sans) !important;
font-size: var(--sai-fs-eyebrow, 13px) !important;
font-weight: 700 !important;
letter-spacing: 1.6px !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
color: var(--sai-orange, #C97B1E) !important;
display: block !important;
}
.sai-pricing-page h1,
.sai-pricing-page .display,
.sai-pricing-page .display .elementor-heading-title,
.sai-pricing-page .sai-pricing-hero-title,
.sai-pricing-page .sai-pricing-hero-title .elementor-heading-title {
font-family: var(--sai-display) !important;
font-size: 56px !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -1.4px !important;
color: var(--sai-navy, #1B2A4E) !important;
}
.sai-pricing-page h2,
.sai-pricing-page .sai-pricing-section-title,
.sai-pricing-page .sai-pricing-section-title .elementor-heading-title {
font-family: var(--sai-display) !important;
font-size: 40px !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: -0.8px !important;
color: var(--sai-navy, #1B2A4E) !important;
}
.sai-pricing-page .lead,
.sai-pricing-page .lead p,
.sai-pricing-page .lead .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .dark h1,
.sai-pricing-page .dark h2,
.sai-pricing-page .dark h3,
.sai-pricing-page .dark .elementor-heading-title,
.sai-pricing-page .dark .sai-pricing-section-title,
.sai-pricing-page .dark .sai-pricing-section-title .elementor-heading-title {
color: var(--sai-on-dark-1, #FFFFFF) !important;
}
.sai-pricing-page .dark p,
.sai-pricing-page .dark .elementor-widget-text-editor,
.sai-pricing-page .dark .elementor-widget-container {
color: var(--sai-on-dark-2, #C9D4E8) !important;
}
/* ============================================================
S1 Hero - source: section.hero-light
============================================================ */
.sai-pricing-page .hero-light .container,
.sai-pricing-page .hero-light .sai-pricing-container {
text-align: center !important;
position: relative !important;
z-index: 2 !important;
}
/* Source hero has no visible content image/widget. Do not add a hero photo Elementor widget. */
.sai-pricing-page .hero-light::after {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
background: linear-gradient(180deg, rgba(250,250,247,0.7) 0%, rgba(250,250,247,0.95) 80%, var(--sai-paper, #FAFAF7) 100%) !important;
}
.sai-pricing-page .hero-light .eyebrow {
margin-bottom: 0 !important;
}
.sai-pricing-page .hero-light .display,
.sai-pricing-page .hero-light .display .elementor-heading-title,
.sai-pricing-page .hero-light .sai-pricing-hero-title,
.sai-pricing-page .hero-light .sai-pricing-hero-title .elementor-heading-title {
max-width: 980px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.sai-pricing-page .hero-light .lead,
.sai-pricing-page .hero-light .lead p,
.sai-pricing-page .hero-light .lead .elementor-widget-container {
margin: 24px auto 0 !important;
max-width: 700px !important;
text-align: center !important;
}
/* ============================================================
S2 Three steps / Pricing cards
============================================================ */
.sai-pricing-page .tint .eyebrow {
margin-bottom: 0 !important;
}
.sai-pricing-page .tint h2,
.sai-pricing-page .tint .sai-pricing-section-title,
.sai-pricing-page .tint .sai-pricing-section-title .elementor-heading-title {
max-width: 820px !important;
margin: 0 !important;
}
.sai-pricing-page .cards,
.sai-pricing-page .cards.e-con,
.sai-pricing-page .cards.elementor-element {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 28px !important;
margin: 48px 0 0 0 !important;
padding: 0 !important;
width: 100% !important;
}
.sai-pricing-page .card,
.sai-pricing-page .card.e-con,
.sai-pricing-page .card.elementor-element {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
border-radius: 14px !important;
padding: 36px 30px !important;
min-width: 0 !important;
min-height: 0 !important;
overflow: visible !important;
}
/* v3: Do not use the generic state classes `live` or `soon` in Elementor.
They can collide with Elementor/plugin styles. Use `sai-card-live` and
`sai-card-soon` instead. These prefixed classes reproduce the source states. */
.sai-pricing-page .card.live:not(.sai-card-live),
.sai-pricing-page .card.soon:not(.sai-card-soon) {
/* Neutralise accidental legacy state classes without affecting source styling. */
}
.sai-pricing-page .card.sai-card-live {
background: var(--sai-navy, #1B2A4E) !important;
color: #FFFFFF !important;
box-shadow: var(--sai-shadow-lift) !important;
border: 0 !important;
}
.sai-pricing-page .card.sai-card-live::before {
content: 'LIVE NOW' !important;
position: absolute !important;
top: -10px !important;
right: 24px !important;
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
padding: 4px 12px !important;
border-radius: 999px !important;
font-family: var(--sai-sans) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
z-index: 3 !important;
}
.sai-pricing-page .card.sai-card-soon {
background: #FFFFFF !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
box-shadow: none !important;
}
.sai-pricing-page .card .step,
.sai-pricing-page .card .step .elementor-heading-title,
.sai-pricing-page .card .step .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
margin: 0 0 16px 0 !important;
}
.sai-pricing-page .card.sai-card-live .step,
.sai-pricing-page .card.sai-card-live .step .elementor-heading-title,
.sai-pricing-page .card.sai-card-live .step .elementor-widget-container {
color: #E89B4D !important;
}
.sai-pricing-page .card.sai-card-soon .step,
.sai-pricing-page .card.sai-card-soon .step .elementor-heading-title,
.sai-pricing-page .card.sai-card-soon .step .elementor-widget-container {
color: var(--sai-muted, #94A3B8) !important;
}
.sai-pricing-page .card .nm,
.sai-pricing-page .card .nm .elementor-heading-title,
.sai-pricing-page .card .nm .elementor-widget-container {
font-family: var(--sai-display) !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.5px !important;
margin: 0 0 14px 0 !important;
}
.sai-pricing-page .card.sai-card-live .nm,
.sai-pricing-page .card.sai-card-live .nm .elementor-heading-title,
.sai-pricing-page .card.sai-card-live .nm .elementor-widget-container {
color: #FFFFFF !important;
}
.sai-pricing-page .card.sai-card-soon .nm,
.sai-pricing-page .card.sai-card-soon .nm .elementor-heading-title,
.sai-pricing-page .card.sai-card-soon .nm .elementor-widget-container {
color: var(--sai-navy, #1B2A4E) !important;
}
.sai-pricing-page .card .price,
.sai-pricing-page .card .price .elementor-heading-title,
.sai-pricing-page .card .price .elementor-widget-container {
font-family: var(--sai-display) !important;
font-size: 36px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -1px !important;
margin: 0 !important;
}
.sai-pricing-page .card.sai-card-live .price,
.sai-pricing-page .card.sai-card-live .price .elementor-heading-title,
.sai-pricing-page .card.sai-card-live .price .elementor-widget-container {
color: #FFFFFF !important;
}
.sai-pricing-page .card.sai-card-soon .price,
.sai-pricing-page .card.sai-card-soon .price .elementor-heading-title,
.sai-pricing-page .card.sai-card-soon .price .elementor-widget-container {
color: var(--sai-slate, #475569) !important;
font-size: 22px !important;
}
.sai-pricing-page .card .price small {
font-size: 14px !important;
font-weight: 400 !important;
opacity: 0.7 !important;
}
.sai-pricing-page .card .status,
.sai-pricing-page .card .status p,
.sai-pricing-page .card .status .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 14px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
margin: 12px 0 24px 0 !important;
min-height: 40px !important;
}
.sai-pricing-page .card.sai-card-live .status,
.sai-pricing-page .card.sai-card-live .status p,
.sai-pricing-page .card.sai-card-live .status .elementor-widget-container {
color: #C9D4E8 !important;
}
.sai-pricing-page .card.sai-card-soon .status,
.sai-pricing-page .card.sai-card-soon .status p,
.sai-pricing-page .card.sai-card-soon .status .elementor-widget-container {
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .card .feat,
.sai-pricing-page .card .feat.elementor-widget,
.sai-pricing-page .card .feat .elementor-widget-container,
.sai-pricing-page .card .feat ul {
list-style: none !important;
flex-grow: 1 !important;
margin: 0 0 28px 0 !important;
padding: 0 !important;
}
.sai-pricing-page .card .feat li {
position: relative !important;
list-style: none !important;
font-size: 14.5px !important;
line-height: 1.4 !important;
padding: 8px 0 8px 26px !important;
margin: 0 !important;
}
.sai-pricing-page .card .feat li::before {
content: '\2713' !important;
position: absolute !important;
left: 0 !important;
top: 8px !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
.sai-pricing-page .card.sai-card-live .feat li {
color: #C9D4E8 !important;
}
.sai-pricing-page .card.sai-card-live .feat li::before {
color: var(--sai-green, #16A34A) !important;
}
.sai-pricing-page .card.sai-card-soon .feat li {
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .card.sai-card-soon .feat li::before {
color: var(--sai-muted, #94A3B8) !important;
}
.sai-pricing-page .card-cta,
.sai-pricing-page .card-cta.elementor-widget a,
.sai-pricing-page .card-cta .elementor-button,
.sai-pricing-page .card-cta a {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px !important;
border-radius: 8px !important;
font-family: var(--sai-sans) !important;
font-weight: 700 !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: transform 150ms var(--sai-ease) !important;
box-shadow: none !important;
}
.sai-pricing-page .card.sai-card-live .card-cta,
.sai-pricing-page .card.sai-card-live .card-cta a,
.sai-pricing-page .card.sai-card-live .card-cta .elementor-button {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
}
.sai-pricing-page .card.sai-card-live .card-cta:hover,
.sai-pricing-page .card.sai-card-live .card-cta a:hover,
.sai-pricing-page .card.sai-card-live .card-cta .elementor-button:hover {
transform: translateY(-1px) !important;
}
.sai-pricing-page .card.sai-card-soon .card-cta,
.sai-pricing-page .card.sai-card-soon .card-cta a,
.sai-pricing-page .card.sai-card-soon .card-cta .elementor-button {
background: transparent !important;
border: 1px solid var(--sai-muted, #94A3B8) !important;
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .card.sai-card-soon .card-cta:hover,
.sai-pricing-page .card.sai-card-soon .card-cta a:hover,
.sai-pricing-page .card.sai-card-soon .card-cta .elementor-button:hover {
border-color: var(--sai-navy, #1B2A4E) !important;
color: var(--sai-navy, #1B2A4E) !important;
}
/* ============================================================
S3 What's included
============================================================ */
.sai-pricing-page .dark .eyebrow,
.sai-pricing-page .dark .eyebrow .elementor-heading-title {
color: #E89B4D !important;
}
.sai-pricing-page .dark h2,
.sai-pricing-page .dark .sai-pricing-section-title,
.sai-pricing-page .dark .sai-pricing-section-title .elementor-heading-title {
max-width: 820px !important;
}
.sai-pricing-page .incl,
.sai-pricing-page .incl.e-con,
.sai-pricing-page .incl.elementor-element {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 22px 40px !important;
row-gap: 22px !important;
column-gap: 40px !important;
margin: 40px 0 0 0 !important;
padding: 0 !important;
}
.sai-pricing-page .incl-item,
.sai-pricing-page .incl-item.elementor-widget,
.sai-pricing-page .incl-item .elementor-widget-container,
.sai-pricing-page .incl-item p {
position: relative !important;
font-family: var(--sai-sans) !important;
font-size: 16px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
color: #C9D4E8 !important;
padding: 0 0 0 32px !important;
margin: 0 !important;
}
.sai-pricing-page .incl-item::before {
content: '\2713' !important;
position: absolute !important;
left: 0 !important;
top: 2px !important;
color: var(--sai-green, #16A34A) !important;
font-weight: 700 !important;
font-size: 18px !important;
line-height: 1 !important;
}
.sai-pricing-page .incl-item b,
.sai-pricing-page .incl-item strong {
display: block !important;
color: #FFFFFF !important;
font-weight: 600 !important;
margin-bottom: 4px !important;
}
.sai-pricing-page .always-on,
.sai-pricing-page .always-on.e-con,
.sai-pricing-page .always-on.elementor-element {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
row-gap: 16px !important;
column-gap: 16px !important;
margin: 40px 0 0 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
.sai-pricing-page .ao-card,
.sai-pricing-page .ao-card.e-con,
.sai-pricing-page .ao-card.elementor-element {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
padding: 22px 24px !important;
border-radius: 12px !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(233,155,77,0.28) !important;
box-shadow: none !important;
}
.sai-pricing-page .ao-card > .e-con-inner {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
}
.sai-pricing-page .ao-icon,
.sai-pricing-page .ao-icon svg {
width: 26px !important;
height: 26px !important;
color: var(--sai-orange-light, #E89B4D) !important;
stroke-width: 1.5 !important;
margin: 0 0 4px 0 !important;
}
.sai-pricing-page .ao-label,
.sai-pricing-page .ao-label .elementor-heading-title,
.sai-pricing-page .ao-label .elementor-widget-container {
font-family: var(--sai-display) !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.5px !important;
color: #FFFFFF !important;
margin: 0 !important;
}
.sai-pricing-page .ao-sub,
.sai-pricing-page .ao-sub p,
.sai-pricing-page .ao-sub .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 14px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
color: var(--sai-on-dark-3, #B8C4DA) !important;
margin: 0 !important;
}
.sai-pricing-page .sai-pricing-language-note,
.sai-pricing-page .sai-pricing-language-note p,
.sai-pricing-page .sai-pricing-language-note .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 12px !important;
line-height: 1.55 !important;
font-style: italic !important;
color: var(--sai-on-dark-4, #94A3B8) !important;
margin: 14px 0 0 0 !important;
max-width: 680px !important;
}
.sai-pricing-page .pull-center,
.sai-pricing-page .pull-center p,
.sai-pricing-page .pull-center .elementor-widget-container {
text-align: center !important;
font-family: var(--sai-sans) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
font-style: italic !important;
color: #E89B4D !important;
margin: 48px 0 0 0 !important;
}
/* ============================================================
S4 Why GBP 75 / ROI
============================================================ */
.sai-pricing-page .grid-2,
.sai-pricing-page .grid-2.e-con,
.sai-pricing-page .grid-2.elementor-element {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 56px !important;
row-gap: 56px !important;
column-gap: 56px !important;
align-items: center !important;
margin: 48px 0 0 0 !important;
padding: 0 !important;
}
.sai-pricing-page .sai-pricing-roi-copy p,
.sai-pricing-page .sai-pricing-roi-copy .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 17.5px !important;
line-height: 1.6 !important;
font-weight: 400 !important;
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .sai-pricing-roi-copy b,
.sai-pricing-page .sai-pricing-roi-copy strong {
color: var(--sai-navy, #1B2A4E) !important;
font-weight: 700 !important;
}
.sai-pricing-page .sai-pricing-roi-copy .sai-p2,
.sai-pricing-page .sai-pricing-roi-copy .sai-p2 p,
.sai-pricing-page .sai-pricing-roi-copy .sai-p2 .elementor-widget-container {
margin-top: 18px !important;
}
.sai-pricing-page .sai-roi-mini,
.sai-pricing-page .sai-roi-mini.e-con,
.sai-pricing-page .sai-roi-mini.elementor-element {
display: flex !important;
gap: 32px !important;
row-gap: 32px !important;
column-gap: 32px !important;
margin: 32px 0 0 0 !important;
padding: 24px !important;
background: #FFFFFF !important;
border-radius: 12px !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
}
.sai-pricing-page .sai-roi-num,
.sai-pricing-page .sai-roi-num .elementor-heading-title,
.sai-pricing-page .sai-roi-num .elementor-widget-container {
font-family: var(--sai-display) !important;
font-size: 32px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -1px !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
}
.sai-pricing-page .sai-roi-num.orange,
.sai-pricing-page .sai-roi-num.orange .elementor-heading-title,
.sai-pricing-page .sai-roi-num.orange .elementor-widget-container {
color: var(--sai-orange, #C97B1E) !important;
}
.sai-pricing-page .sai-roi-label,
.sai-pricing-page .sai-roi-label p,
.sai-pricing-page .sai-roi-label .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: var(--sai-muted, #94A3B8) !important;
margin: 4px 0 0 0 !important;
}
.sai-pricing-page .sai-pricing-disclaimer,
.sai-pricing-page .sai-pricing-disclaimer p,
.sai-pricing-page .sai-pricing-disclaimer .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 11px !important;
line-height: 1.45 !important;
color: var(--sai-muted, #94A3B8) !important;
font-style: italic !important;
margin: 14px 0 0 0 !important;
}
.sai-pricing-page .coq-bars,
.sai-pricing-page .coq-bars.e-con,
.sai-pricing-page .coq-bars.elementor-element {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
row-gap: 22px !important;
column-gap: 0 !important;
margin: 8px 0 0 0 !important;
padding: 0 !important;
}
.sai-pricing-page .coq-bars .row,
.sai-pricing-page .coq-bars .row.e-con,
.sai-pricing-page .coq-bars .row.elementor-element {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.sai-pricing-page .coq-bars .row .lbl,
.sai-pricing-page .coq-bars .row .lbl .elementor-widget-container,
.sai-pricing-page .coq-bars .row .lbl p {
font-family: var(--sai-sans) !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
margin: 0 0 8px 0 !important;
color: var(--sai-ink, #2A2F45) !important;
}
.sai-pricing-page .coq-bars .row .bar,
.sai-pricing-page .coq-bars .row .bar .elementor-heading-title,
.sai-pricing-page .coq-bars .row .bar .elementor-widget-container {
display: flex !important;
align-items: center !important;
height: 40px !important;
border-radius: 8px !important;
padding-left: 16px !important;
color: #FFFFFF !important;
font-family: var(--sai-sans) !important;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 !important;
}
.sai-pricing-page .coq-bars .row.big .bar,
.sai-pricing-page .coq-bars .row.big .bar .elementor-heading-title,
.sai-pricing-page .coq-bars .row.big .bar .elementor-widget-container {
background: var(--sai-orange, #C97B1E) !important;
width: 100% !important;
}
.sai-pricing-page .coq-bars .row.small .bar,
.sai-pricing-page .coq-bars .row.small .bar .elementor-heading-title,
.sai-pricing-page .coq-bars .row.small .bar .elementor-widget-container {
background: var(--sai-navy-mid, #2D4A7C) !important;
width: 4% !important;
min-width: 92px !important;
font-size: 12px !important;
padding-left: 10px !important;
}
.sai-pricing-page .testimonial,
.sai-pricing-page .testimonial.e-con,
.sai-pricing-page .testimonial.elementor-element {
display: grid !important;
grid-template-columns: 140px 1fr !important;
gap: 24px !important;
row-gap: 24px !important;
column-gap: 24px !important;
align-items: center !important;
margin: 36px 0 0 0 !important;
padding: 28px 32px !important;
background: var(--sai-light, #F1F1ED) !important;
border-radius: 12px !important;
}
.sai-pricing-page .sai-linkfresh-logo,
.sai-pricing-page .sai-linkfresh-logo.e-con,
.sai-pricing-page .sai-linkfresh-logo.elementor-element,
.sai-pricing-page .sai-linkfresh-logo .elementor-widget-container {
width: 140px !important;
height: 88px !important;
background: #FFFFFF !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-family: var(--sai-display) !important;
font-weight: 800 !important;
font-size: 18px !important;
letter-spacing: 0.5px !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
padding: 0 !important;
}
.sai-pricing-page .testimonial p,
.sai-pricing-page .testimonial .sai-testimonial-copy,
.sai-pricing-page .testimonial .sai-testimonial-copy .elementor-widget-container {
font-family: var(--sai-serif) !important;
font-style: italic !important;
font-size: 18px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
}
.sai-pricing-page .testimonial .attr,
.sai-pricing-page .testimonial .attr p,
.sai-pricing-page .testimonial .attr .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-style: normal !important;
font-size: 14px !important;
line-height: 1.45 !important;
color: var(--sai-slate, #475569) !important;
margin: 14px 0 0 0 !important;
font-weight: 500 !important;
}
.sai-pricing-page .cta-wrap,
.sai-pricing-page .cta-wrap.e-con,
.sai-pricing-page .cta-wrap.elementor-element {
text-align: center !important;
margin: 56px 0 0 0 !important;
padding: 0 !important;
}
.sai-pricing-page .btn-go,
.sai-pricing-page .btn-go a,
.sai-pricing-page .btn-go .elementor-button,
.sai-pricing-page a.btn-go {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
padding: 16px 36px !important;
border-radius: 8px !important;
font-family: var(--sai-sans) !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 1.2 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
transition: transform 150ms var(--sai-ease) !important;
border: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
.sai-pricing-page .btn-go:hover,
.sai-pricing-page .btn-go a:hover,
.sai-pricing-page .btn-go .elementor-button:hover,
.sai-pricing-page a.btn-go:hover {
transform: translateY(-2px) !important;
}
.sai-pricing-page .btn-go .arrow {
transition: transform 250ms var(--sai-ease) !important;
}
.sai-pricing-page .btn-go:hover .arrow {
transform: translateX(3px) !important;
}
/* ============================================================
Optional footer source lock, only if this page footer is built locally
============================================================ */
.sai-pricing-page footer.site,
.sai-pricing-page .sai-pricing-footer {
background: var(--sai-navy-deep, #0E1A35) !important;
color: var(--sai-on-dark-2, #C9D4E8) !important;
padding: 64px 0 32px !important;
border-top: 1px solid rgba(255,255,255,0.06) !important;
}
.sai-pricing-page footer.site .inner,
.sai-pricing-page .sai-pricing-footer .inner {
display: grid !important;
grid-template-columns: 1.4fr 1fr 1fr 1fr !important;
gap: 48px !important;
}
.sai-pricing-page footer.site h4,
.sai-pricing-page .sai-pricing-footer h4 {
font-family: var(--sai-sans) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
color: var(--sai-orange-light, #E89B4D) !important;
margin: 0 0 18px 0 !important;
}
.sai-pricing-page footer.site a,
.sai-pricing-page .sai-pricing-footer a {
color: var(--sai-on-dark-2, #C9D4E8) !important;
text-decoration: none !important;
font-size: 14px !important;
line-height: 1.9 !important;
display: block !important;
}
.sai-pricing-page footer.site .bottom,
.sai-pricing-page .sai-pricing-footer .bottom {
border-top: 1px solid rgba(255,255,255,0.08) !important;
margin-top: 48px !important;
padding-top: 24px !important;
display: flex !important;
justify-content: space-between !important;
gap: 16px !important;
font-size: 12px !important;
color: var(--sai-on-dark-4, #94A3B8) !important;
}
/* ============================================================
Motion helpers
============================================================ */
/* ============================================================
Responsive source behaviour
============================================================ */
@media (max-width: 880px) {
:root {
--sai-fs-h1: 36px;
--sai-fs-h2: 28px;
--sai-fs-lead: 18px;
--sai-container-pad: 20px;
}
.sai-pricing-page .sai-pricing-section,
.sai-pricing-page section,
.sai-pricing-page .tint,
.sai-pricing-page .dark,
.sai-pricing-page .light {
padding: var(--sai-section-y-mobile, 64px) 0 !important;
}
.sai-pricing-page .hero-light {
padding: 80px 0 56px !important;
}
.sai-pricing-page h1,
.sai-pricing-page .display,
.sai-pricing-page .display .elementor-heading-title,
.sai-pricing-page .sai-pricing-hero-title,
.sai-pricing-page .sai-pricing-hero-title .elementor-heading-title {
font-size: var(--sai-fs-h1, 36px) !important;
}
.sai-pricing-page h2,
.sai-pricing-page .sai-pricing-section-title,
.sai-pricing-page .sai-pricing-section-title .elementor-heading-title {
font-size: var(--sai-fs-h2, 28px) !important;
}
.sai-pricing-page .lead,
.sai-pricing-page .lead p,
.sai-pricing-page .lead .elementor-widget-container {
font-size: var(--sai-fs-lead, 18px) !important;
margin-top: 16px !important;
}
.sai-pricing-page .cards,
.sai-pricing-page .cards.e-con,
.sai-pricing-page .cards.elementor-element,
.sai-pricing-page .grid-2,
.sai-pricing-page .grid-2.e-con,
.sai-pricing-page .grid-2.elementor-element {
grid-template-columns: 1fr !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 28px !important;
}
.sai-pricing-page .incl,
.sai-pricing-page .incl.e-con,
.sai-pricing-page .incl.elementor-element {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
.sai-pricing-page .always-on,
.sai-pricing-page .always-on.e-con,
.sai-pricing-page .always-on.elementor-element {
grid-template-columns: 1fr !important;
}
.sai-pricing-page footer.site .inner,
.sai-pricing-page .sai-pricing-footer .inner {
grid-template-columns: 1fr 1fr !important;
gap: 32px !important;
}
}
@media (max-width: 600px) {
:root {
--sai-container-pad: 16px;
--sai-section-y-mobile: 56px;
--sai-fs-h1: 30px;
--sai-fs-h2: 24px;
--sai-fs-lead: 16px;
}
.sai-pricing-page .card,
.sai-pricing-page .card.e-con,
.sai-pricing-page .card.elementor-element {
padding: 30px 24px !important;
}
.sai-pricing-page .sai-roi-mini,
.sai-pricing-page .sai-roi-mini.e-con,
.sai-pricing-page .sai-roi-mini.elementor-element {
flex-direction: column !important;
gap: 18px !important;
}
.sai-pricing-page .testimonial,
.sai-pricing-page .testimonial.e-con,
.sai-pricing-page .testimonial.elementor-element {
grid-template-columns: 1fr !important;
}
.sai-pricing-page .btn-go,
.sai-pricing-page .btn-go a,
.sai-pricing-page .btn-go .elementor-button,
.sai-pricing-page a.btn-go {
width: 100% !important;
}
.sai-pricing-page footer.site .inner,
.sai-pricing-page .sai-pricing-footer .inner {
grid-template-columns: 1fr !important;
gap: 28px !important;
}
.sai-pricing-page footer.site .bottom,
.sai-pricing-page .sai-pricing-footer .bottom {
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
}
}
@media (max-width: 380px) {
:root {
--sai-fs-h1: 26px;
--sai-fs-h2: 22px;
}
}
/* ============================================================
v5 namespaced Section 1 + Section 2 Elementor build classes
Use these classes in Elementor instead of generic source classes.
This prevents collisions with theme/plugin .card, .live, .soon,
.step, .price, .status and similar global body.elementor-page-2018s.
============================================================ */
.sai-pricing-page .sai-pricing-eyebrow,
.sai-pricing-page .sai-pricing-eyebrow .elementor-heading-title,
.sai-pricing-page .sai-pricing-eyebrow .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: var(--sai-fs-eyebrow, 13px) !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 1.8px !important;
text-transform: uppercase !important;
color: var(--sai-orange, #C97B1E) !important;
margin: 0 0 18px 0 !important;
}
.sai-pricing-page .hero-light .sai-pricing-eyebrow {
margin-bottom: 0 !important;
}
.sai-pricing-page .sai-pricing-hero-title,
.sai-pricing-page .sai-pricing-hero-title .elementor-heading-title {
font-family: var(--sai-display) !important;
font-size: var(--sai-fs-h1, 56px) !important;
font-weight: 700 !important;
line-height: 1.05 !important;
letter-spacing: -2.2px !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
max-width: 980px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.sai-pricing-page .sai-pricing-hero-lead,
.sai-pricing-page .sai-pricing-hero-lead p,
.sai-pricing-page .sai-pricing-hero-lead .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: var(--sai-fs-lead, 21px) !important;
line-height: 1.5 !important;
font-weight: 400 !important;
color: var(--sai-slate, #475569) !important;
margin: 24px auto 0 !important;
max-width: 700px !important;
text-align: center !important;
}
.sai-pricing-page .tint .sai-pricing-eyebrow {
margin-bottom: 0 !important;
}
.sai-pricing-page .sai-pricing-cards,
.sai-pricing-page .sai-pricing-cards.e-con,
.sai-pricing-page .sai-pricing-cards.elementor-element {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 28px !important;
margin: 48px 0 0 0 !important;
padding: 0 !important;
width: 100% !important;
align-items: stretch !important;
}
.sai-pricing-page .sai-pricing-card,
.sai-pricing-page .sai-pricing-card.e-con,
.sai-pricing-page .sai-pricing-card.elementor-element {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
border-radius: 14px !important;
padding: 36px 30px !important;
min-width: 0 !important;
min-height: 0 !important;
overflow: visible !important;
--gap: 0 !important;
--row-gap: 0 !important;
--column-gap: 0 !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live {
background: var(--sai-navy, #1B2A4E) !important;
color: #FFFFFF !important;
box-shadow: var(--sai-shadow-lift) !important;
border: 0 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live::before {
content: 'LIVE NOW' !important;
position: absolute !important;
top: -10px !important;
right: 24px !important;
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
padding: 4px 12px !important;
border-radius: 999px !important;
font-family: var(--sai-sans) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
z-index: 3 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon {
background: #FFFFFF !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
box-shadow: none !important;
}
.sai-pricing-page .sai-card-step,
.sai-pricing-page .sai-card-step .elementor-heading-title,
.sai-pricing-page .sai-card-step .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
margin: 0 0 16px 0 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-step,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-step .elementor-heading-title,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-step .elementor-widget-container {
color: #E89B4D !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-step,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-step .elementor-heading-title,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-step .elementor-widget-container {
color: var(--sai-muted, #94A3B8) !important;
}
.sai-pricing-page .sai-card-name,
.sai-pricing-page .sai-card-name .elementor-heading-title,
.sai-pricing-page .sai-card-name .elementor-widget-container {
font-family: var(--sai-display) !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.5px !important;
margin: 0 0 14px 0 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-name,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-name .elementor-heading-title,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-name .elementor-widget-container {
color: #FFFFFF !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-name,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-name .elementor-heading-title,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-name .elementor-widget-container {
color: var(--sai-navy, #1B2A4E) !important;
}
.sai-pricing-page .sai-card-price,
.sai-pricing-page .sai-card-price .elementor-heading-title,
.sai-pricing-page .sai-card-price .elementor-widget-container {
font-family: var(--sai-display) !important;
font-size: 36px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -1px !important;
margin: 0 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-price,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-price .elementor-heading-title,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-price .elementor-widget-container {
color: #FFFFFF !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-price,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-price .elementor-heading-title,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-price .elementor-widget-container {
color: var(--sai-slate, #475569) !important;
font-size: 22px !important;
}
.sai-pricing-page .sai-card-price small {
font-size: 14px !important;
font-weight: 400 !important;
opacity: 0.7 !important;
}
.sai-pricing-page .sai-card-status,
.sai-pricing-page .sai-card-status p,
.sai-pricing-page .sai-card-status .elementor-widget-container {
font-family: var(--sai-sans) !important;
font-size: 14px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
margin: 12px 0 24px 0 !important;
min-height: 40px !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-status,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-status p,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-status .elementor-widget-container {
color: #C9D4E8 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-status,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-status p,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-status .elementor-widget-container {
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .sai-card-features,
.sai-pricing-page .sai-card-features.elementor-widget,
.sai-pricing-page .sai-card-features .elementor-widget-container,
.sai-pricing-page .sai-card-features ul {
list-style: none !important;
flex-grow: 1 !important;
margin: 0 0 28px 0 !important;
padding: 0 !important;
}
.sai-pricing-page .sai-card-features li {
position: relative !important;
list-style: none !important;
font-size: 14.5px !important;
line-height: 1.4 !important;
padding: 8px 0 8px 26px !important;
margin: 0 !important;
}
.sai-pricing-page .sai-card-features li::before {
content: '\2713' !important;
position: absolute !important;
left: 0 !important;
top: 8px !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-features li {
color: #C9D4E8 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-features li::before {
color: var(--sai-green, #16A34A) !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-features li {
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-features li::before {
color: var(--sai-muted, #94A3B8) !important;
}
.sai-pricing-page .sai-card-cta,
.sai-pricing-page .sai-card-cta.elementor-widget a,
.sai-pricing-page .sai-card-cta .elementor-button,
.sai-pricing-page .sai-card-cta a {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px !important;
border-radius: 8px !important;
font-family: var(--sai-sans) !important;
font-weight: 700 !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: transform 150ms var(--sai-ease) !important;
box-shadow: none !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta a,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta .elementor-button {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta:hover,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta a:hover,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta .elementor-button:hover {
transform: translateY(-1px) !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta a,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta .elementor-button {
background: transparent !important;
border: 1px solid var(--sai-muted, #94A3B8) !important;
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta:hover,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta a:hover,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta .elementor-button:hover {
border-color: var(--sai-navy, #1B2A4E) !important;
color: var(--sai-navy, #1B2A4E) !important;
}
@media (max-width: 900px) {
.sai-pricing-page .sai-pricing-cards,
.sai-pricing-page .sai-pricing-cards.e-con,
.sai-pricing-page .sai-pricing-cards.elementor-element {
grid-template-columns: 1fr !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 28px !important;
}
}
@media (max-width: 600px) {
.sai-pricing-page .sai-pricing-card,
.sai-pricing-page .sai-pricing-card.e-con,
.sai-pricing-page .sai-pricing-card.elementor-element {
padding: 30px 24px !important;
}
.sai-pricing-page .sai-pricing-hero-title,
.sai-pricing-page .sai-pricing-hero-title .elementor-heading-title {
font-size: var(--sai-fs-h1, 30px) !important;
}
.sai-pricing-page .sai-pricing-hero-lead,
.sai-pricing-page .sai-pricing-hero-lead p,
.sai-pricing-page .sai-pricing-hero-lead .elementor-widget-container {
font-size: var(--sai-fs-lead, 16px) !important;
margin-top: 16px !important;
}
}
/* ============================================================
v6 safe card states - no pseudo-element badge on card container
Use these in Elementor:
- First card: sai-pricing-card sai-pricing-card-primary
- Other cards: sai-pricing-card sai-pricing-card-secondary
Optional separate badge widget inside the first card:
- sai-live-badge
============================================================ */
/* Kill all earlier/legacy generated live-card pseudo badges.
This prevents the green circle/overlay produced when a pseudo-element
is applied to an Elementor container. */
.sai-pricing-page .sai-card-live::before,
.sai-pricing-page .sai-pricing-card.sai-card-live::before,
.sai-pricing-page .card.sai-card-live::before,
.sai-pricing-page .sai-pricing-card-primary::before,
.sai-pricing-page .sai-pricing-card-secondary::before {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.sai-pricing-page .sai-pricing-card-primary,
.sai-pricing-page .sai-pricing-card-primary.e-con,
.sai-pricing-page .sai-pricing-card-primary.elementor-element {
background: var(--sai-navy, #1B2A4E) !important;
color: #FFFFFF !important;
box-shadow: var(--sai-shadow-lift) !important;
border: 0 !important;
}
.sai-pricing-page .sai-pricing-card-secondary,
.sai-pricing-page .sai-pricing-card-secondary.e-con,
.sai-pricing-page .sai-pricing-card-secondary.elementor-element {
background: #FFFFFF !important;
color: var(--sai-ink, #2A2F45) !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
box-shadow: none !important;
}
/* Optional badge as a normal widget, not a pseudo-element. */
.sai-pricing-page .sai-live-badge,
.sai-pricing-page .sai-live-badge.elementor-widget,
.sai-pricing-page .sai-live-badge .elementor-widget-container,
.sai-pricing-page .sai-live-badge .elementor-heading-title {
position: absolute !important;
top: -10px !important;
right: 24px !important;
z-index: 4 !important;
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
max-width: max-content !important;
height: auto !important;
min-height: 0 !important;
align-items: center !important;
justify-content: center !important;
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
border-radius: 999px !important;
padding: 4px 12px !important;
margin: 0 !important;
box-shadow: none !important;
font-family: var(--sai-sans) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.sai-pricing-page .sai-pricing-card-primary .sai-card-step,
.sai-pricing-page .sai-pricing-card-primary .sai-card-step .elementor-heading-title,
.sai-pricing-page .sai-pricing-card-primary .sai-card-step .elementor-widget-container {
color: var(--sai-orange-light, #E89B4D) !important;
}
.sai-pricing-page .sai-pricing-card-secondary .sai-card-step,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-step .elementor-heading-title,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-step .elementor-widget-container {
color: var(--sai-muted, #94A3B8) !important;
}
.sai-pricing-page .sai-pricing-card-primary .sai-card-name,
.sai-pricing-page .sai-pricing-card-primary .sai-card-name .elementor-heading-title,
.sai-pricing-page .sai-pricing-card-primary .sai-card-name .elementor-widget-container,
.sai-pricing-page .sai-pricing-card-primary .sai-card-price,
.sai-pricing-page .sai-pricing-card-primary .sai-card-price .elementor-heading-title,
.sai-pricing-page .sai-pricing-card-primary .sai-card-price .elementor-widget-container {
color: #FFFFFF !important;
}
.sai-pricing-page .sai-pricing-card-secondary .sai-card-name,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-name .elementor-heading-title,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-name .elementor-widget-container {
color: var(--sai-navy, #1B2A4E) !important;
}
.sai-pricing-page .sai-pricing-card-secondary .sai-card-price,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-price .elementor-heading-title,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-price .elementor-widget-container {
color: var(--sai-slate, #475569) !important;
font-size: 22px !important;
}
.sai-pricing-page .sai-pricing-card-primary .sai-card-status,
.sai-pricing-page .sai-pricing-card-primary .sai-card-status p,
.sai-pricing-page .sai-pricing-card-primary .sai-card-status .elementor-widget-container,
.sai-pricing-page .sai-pricing-card-primary .sai-card-features li {
color: var(--sai-on-dark-2, #C9D4E8) !important;
}
.sai-pricing-page .sai-pricing-card-secondary .sai-card-status,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-status p,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-status .elementor-widget-container,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-features li {
color: var(--sai-slate, #475569) !important;
}
.sai-pricing-page .sai-pricing-card-primary .sai-card-features li::before {
color: var(--sai-green, #16A34A) !important;
}
.sai-pricing-page .sai-pricing-card-secondary .sai-card-features li::before {
color: var(--sai-muted, #94A3B8) !important;
}
.sai-pricing-page .sai-pricing-card-primary .sai-card-cta,
.sai-pricing-page .sai-pricing-card-primary .sai-card-cta a,
.sai-pricing-page .sai-pricing-card-primary .sai-card-cta .elementor-button {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
}
.sai-pricing-page .sai-pricing-card-secondary .sai-card-cta,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-cta a,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-cta .elementor-button {
background: transparent !important;
border: 1px solid var(--sai-muted, #94A3B8) !important;
color: var(--sai-slate, #475569) !important;
}
/* ============================================================
v7 card CTA source-fidelity lock
Source .card-cta is one clickable element only:
text-align:center; padding:14px; border-radius:8px;
font-weight:700; font-size:15px; display:block.
The two "soon" CTAs have one 1px muted border on that element only.
Elementor Button widgets add wrapper layers. These rules remove padding,
borders and backgrounds from wrappers, then style only the actual link.
============================================================ */
/* 1) Neutralise Elementor/button widget wrapper layers so they cannot add
extra size, background, border or a second outline. */
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta.elementor-widget-button,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button-wrapper {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
transform: none !important;
}
/* 2) Style one clickable element only, matching the source .card-cta. */
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card a.sai-card-cta {
box-sizing: border-box !important;
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 14px !important;
border-radius: 8px !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
box-shadow: none !important;
outline: 0 !important;
transition: transform 150ms var(--sai-ease, cubic-bezier(.2,.7,.2,1)), border-color 150ms var(--sai-ease, cubic-bezier(.2,.7,.2,1)), color 150ms var(--sai-ease, cubic-bezier(.2,.7,.2,1)) !important;
}
/* 3) Remove Elementor span-level padding/line-height effects inside Button widgets. */
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button-content-wrapper,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button-text,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
color: inherit !important;
}
/* 4) Primary/live card CTA: green fill, no border. */
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta .elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card-primary a.sai-card-cta,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta .elementor-button {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta a:hover,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta .elementor-button:hover,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta a:hover,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-cta .elementor-button:hover {
transform: translateY(-1px) !important;
}
/* 5) Secondary/soon card CTAs: exactly one source border, on the clickable element only. */
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta .elementor-button-wrapper,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta .elementor-button-wrapper {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta .elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card-secondary a.sai-card-cta,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta .elementor-button {
background: transparent !important;
color: var(--sai-slate, #475569) !important;
border: 1px solid var(--sai-muted, #94A3B8) !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta a:hover,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta .elementor-button:hover,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta a:hover,
body .elementor .sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-cta .elementor-button:hover {
color: var(--sai-navy, #1B2A4E) !important;
border-color: var(--sai-navy, #1B2A4E) !important;
}
/* ============================================================
v8 namespaced Section 3 - What's included
Use these classes in Elementor instead of generic source classes:
- section: sai-pricing-included-section
- grid: sai-pricing-included-grid
- item: sai-pricing-included-item
- always-on grid: sai-pricing-always-on
- cards: sai-pricing-ao-card
- icon HTML widget: sai-pricing-ao-icon-html
- SVG: sai-pricing-ao-svg
- label/sub: sai-pricing-ao-label / sai-pricing-ao-sub
- pull line: sai-pricing-custom-note
============================================================ */
body .elementor .sai-pricing-page .sai-pricing-included-section,
.sai-pricing-page .sai-pricing-included-section {
position: relative !important;
padding: var(--sai-section-y-desktop, 104px) 0 !important;
margin: 0 !important;
background: var(--sai-navy-deep, #0E1A35) !important;
color: var(--sai-on-dark-1, #FFFFFF) !important;
overflow: visible !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-eyebrow,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-eyebrow .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-eyebrow .elementor-widget-container {
color: var(--sai-orange-light, #E89B4D) !important;
margin: 0 0 22px 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-section-title .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-included-section h2 {
max-width: 820px !important;
color: #FFFFFF !important;
margin: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-grid,
body .elementor .sai-pricing-page .sai-pricing-included-grid.e-con,
body .elementor .sai-pricing-page .sai-pricing-included-grid.elementor-element {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 22px 40px !important;
row-gap: 22px !important;
column-gap: 40px !important;
margin: 40px 0 0 0 !important;
padding: 0 !important;
width: 100% !important;
align-items: start !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-item,
body .elementor .sai-pricing-page .sai-pricing-included-item.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-included-item .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-included-item p {
position: relative !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 16px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
color: var(--sai-on-dark-2, #C9D4E8) !important;
padding: 0 0 0 32px !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-item::before {
content: '\2713' !important;
position: absolute !important;
left: 0 !important;
top: 2px !important;
color: var(--sai-green, #16A34A) !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1 !important;
width: auto !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-item b,
body .elementor .sai-pricing-page .sai-pricing-included-item strong {
display: block !important;
color: #FFFFFF !important;
font-weight: 600 !important;
margin: 0 0 4px 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-always-on,
body .elementor .sai-pricing-page .sai-pricing-always-on.e-con,
body .elementor .sai-pricing-page .sai-pricing-always-on.elementor-element {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
row-gap: 16px !important;
column-gap: 16px !important;
margin: 40px 0 0 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
align-items: stretch !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-card,
body .elementor .sai-pricing-page .sai-pricing-ao-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-ao-card.elementor-element {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 0 !important;
padding: 22px 24px !important;
border-radius: 12px !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(233,155,77,0.28) !important;
box-shadow: none !important;
overflow: visible !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-card > .e-con-inner {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-icon-html,
body .elementor .sai-pricing-page .sai-pricing-ao-icon-html.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-ao-icon-html .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-ao-icon-html p {
display: block !important;
width: 26px !important;
height: 26px !important;
margin: 0 0 4px 0 !important;
padding: 0 !important;
line-height: 0 !important;
color: var(--sai-orange-light, #E89B4D) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-svg,
body .elementor .sai-pricing-page .sai-pricing-ao-icon-html svg {
display: block !important;
width: 26px !important;
height: 26px !important;
color: var(--sai-orange-light, #E89B4D) !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.5 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-label,
body .elementor .sai-pricing-page .sai-pricing-ao-label .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-ao-label .elementor-widget-container {
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: -0.5px !important;
color: #FFFFFF !important;
margin: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-sub,
body .elementor .sai-pricing-page .sai-pricing-ao-sub p,
body .elementor .sai-pricing-page .sai-pricing-ao-sub .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 14px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
color: var(--sai-on-dark-3, #B8C4DA) !important;
margin: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-language-note,
body .elementor .sai-pricing-page .sai-pricing-language-note p,
body .elementor .sai-pricing-page .sai-pricing-language-note .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 12px !important;
line-height: 1.55 !important;
font-style: italic !important;
font-weight: 400 !important;
color: var(--sai-on-dark-4, #94A3B8) !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
max-width: 680px !important;
}
body .elementor .sai-pricing-page .sai-pricing-custom-note,
body .elementor .sai-pricing-page .sai-pricing-custom-note p,
body .elementor .sai-pricing-page .sai-pricing-custom-note .elementor-widget-container {
text-align: center !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
font-style: italic !important;
color: var(--sai-orange-light, #E89B4D) !important;
margin: 48px 0 0 0 !important;
padding: 0 !important;
}
@media (max-width: 900px) {
body .elementor .sai-pricing-page .sai-pricing-included-grid,
body .elementor .sai-pricing-page .sai-pricing-included-grid.e-con,
body .elementor .sai-pricing-page .sai-pricing-included-grid.elementor-element,
body .elementor .sai-pricing-page .sai-pricing-always-on,
body .elementor .sai-pricing-page .sai-pricing-always-on.e-con,
body .elementor .sai-pricing-page .sai-pricing-always-on.elementor-element {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 600px) {
body .elementor .sai-pricing-page .sai-pricing-included-section,
.sai-pricing-page .sai-pricing-included-section {
padding: var(--sai-section-y-mobile, 64px) 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-ao-card,
body .elementor .sai-pricing-page .sai-pricing-ao-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-ao-card.elementor-element {
padding: 22px 20px !important;
}
}
/* ============================================================
v9 source-fidelity lock - Section 4 / Why GBP 75
Fully namespaced Elementor classes. Do not use generic source
classes such as grid-2, coq-bars, row, big, small, testimonial,
cta-wrap or btn-go in Elementor.
============================================================ */
body .elementor .sai-pricing-page .sai-pricing-roi-section,
.sai-pricing-page .sai-pricing-roi-section {
background: var(--sai-paper, #FAFAF7) !important;
color: var(--sai-ink, #2A2F45) !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-section .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-roi-section .sai-pricing-section-title .elementor-heading-title {
max-width: 820px !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-grid,
body .elementor .sai-pricing-page .sai-pricing-roi-grid.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-grid.elementor-element,
.sai-pricing-page .sai-pricing-roi-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 56px !important;
row-gap: 56px !important;
column-gap: 56px !important;
align-items: center !important;
margin: 48px 0 0 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-copy,
body .elementor .sai-pricing-page .sai-pricing-roi-copy.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-copy.elementor-element,
body .elementor .sai-pricing-page .sai-pricing-roi-visual,
body .elementor .sai-pricing-page .sai-pricing-roi-visual.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-visual.elementor-element {
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text,
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text p,
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 17.5px !important;
line-height: 1.6 !important;
font-weight: 400 !important;
color: var(--sai-slate, #475569) !important;
margin: 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text b,
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text strong {
color: var(--sai-navy, #1B2A4E) !important;
font-weight: 700 !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text.sai-pricing-roi-copy-text-spaced,
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text-spaced,
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text-spaced p,
body .elementor .sai-pricing-page .sai-pricing-roi-copy-text-spaced .elementor-widget-container {
margin-top: 18px !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-mini,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.elementor-element {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 32px !important;
row-gap: 32px !important;
column-gap: 32px !important;
margin: 32px 0 0 0 !important;
padding: 24px !important;
background: #FFFFFF !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-metric,
body .elementor .sai-pricing-page .sai-pricing-roi-metric.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-metric.elementor-element {
display: block !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-num,
body .elementor .sai-pricing-page .sai-pricing-roi-num .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-roi-num .elementor-widget-container {
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-size: 32px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -1px !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-num-orange,
body .elementor .sai-pricing-page .sai-pricing-roi-num-orange .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-roi-num-orange .elementor-widget-container {
color: var(--sai-orange, #C97B1E) !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-label,
body .elementor .sai-pricing-page .sai-pricing-roi-label p,
body .elementor .sai-pricing-page .sai-pricing-roi-label .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 12px !important;
line-height: 1.4 !important;
font-weight: 400 !important;
color: var(--sai-muted, #94A3B8) !important;
margin: 4px 0 0 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-disclaimer,
body .elementor .sai-pricing-page .sai-pricing-disclaimer p,
body .elementor .sai-pricing-page .sai-pricing-disclaimer .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 11px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
font-style: italic !important;
color: var(--sai-muted, #94A3B8) !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-coq-bars,
body .elementor .sai-pricing-page .sai-pricing-coq-bars.e-con,
body .elementor .sai-pricing-page .sai-pricing-coq-bars.elementor-element {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
row-gap: 22px !important;
column-gap: 0 !important;
margin: 8px 0 0 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-coq-row,
body .elementor .sai-pricing-page .sai-pricing-coq-row.e-con,
body .elementor .sai-pricing-page .sai-pricing-coq-row.elementor-element {
display: block !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-coq-label,
body .elementor .sai-pricing-page .sai-pricing-coq-label p,
body .elementor .sai-pricing-page .sai-pricing-coq-label .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-coq-label .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: var(--sai-ink, #2A2F45) !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-coq-bar,
body .elementor .sai-pricing-page .sai-pricing-coq-bar .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-coq-bar .elementor-widget-container {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
height: 40px !important;
border-radius: 8px !important;
padding: 0 0 0 16px !important;
color: #FFFFFF !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 700 !important;
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-coq-row-large .sai-pricing-coq-bar,
body .elementor .sai-pricing-page .sai-pricing-coq-row-large .sai-pricing-coq-bar .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-coq-row-large .sai-pricing-coq-bar .elementor-widget-container {
background: var(--sai-orange, #C97B1E) !important;
width: 100% !important;
}
body .elementor .sai-pricing-page .sai-pricing-coq-row-small .sai-pricing-coq-bar,
body .elementor .sai-pricing-page .sai-pricing-coq-row-small .sai-pricing-coq-bar .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-coq-row-small .sai-pricing-coq-bar .elementor-widget-container {
background: var(--sai-navy-mid, #2D4A7C) !important;
width: 4% !important;
min-width: 92px !important;
font-size: 12px !important;
padding-left: 10px !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial,
body .elementor .sai-pricing-page .sai-pricing-testimonial.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial.elementor-element {
display: grid !important;
grid-template-columns: 140px 1fr !important;
gap: 24px !important;
row-gap: 24px !important;
column-gap: 24px !important;
align-items: center !important;
margin: 36px 0 0 0 !important;
padding: 28px 32px !important;
background: var(--sai-light, #F1F1ED) !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo.elementor-element,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo .elementor-widget-container {
width: 140px !important;
height: 88px !important;
background: #FFFFFF !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-weight: 800 !important;
font-size: 18px !important;
line-height: 1 !important;
letter-spacing: 0.5px !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-copy,
body .elementor .sai-pricing-page .sai-pricing-testimonial-copy p,
body .elementor .sai-pricing-page .sai-pricing-testimonial-copy .elementor-widget-container {
font-family: var(--sai-serif, Fraunces, Georgia, serif) !important;
font-style: italic !important;
font-size: 18px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-attr,
body .elementor .sai-pricing-page .sai-pricing-testimonial-attr p,
body .elementor .sai-pricing-page .sai-pricing-testimonial-attr .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-style: normal !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
color: var(--sai-slate, #475569) !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-cta-wrap,
body .elementor .sai-pricing-page .sai-pricing-cta-wrap.e-con,
body .elementor .sai-pricing-page .sai-pricing-cta-wrap.elementor-element {
text-align: center !important;
margin: 56px 0 0 0 !important;
padding: 0 !important;
gap: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-cta-wrap .elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-main-cta,
body .elementor .sai-pricing-page .sai-pricing-main-cta.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-main-cta.elementor-widget-button,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-button-wrapper {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-align: center !important;
}
body .elementor .sai-pricing-page .sai-pricing-main-cta a,
body .elementor .sai-pricing-page .sai-pricing-main-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-button,
body .elementor .sai-pricing-page a.sai-pricing-main-cta {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
padding: 16px 36px !important;
border-radius: 8px !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 1.2 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
border: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
min-height: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-main-cta a:hover,
body .elementor .sai-pricing-page .sai-pricing-main-cta a.elementor-button:hover,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-button:hover,
body .elementor .sai-pricing-page a.sai-pricing-main-cta:hover {
transform: translateY(-2px) !important;
}
body .elementor .sai-pricing-page .sai-pricing-main-cta .sai-pricing-cta-arrow {
display: inline-block !important;
transition: transform 250ms var(--sai-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}
body .elementor .sai-pricing-page .sai-pricing-main-cta:hover .sai-pricing-cta-arrow,
body .elementor .sai-pricing-page .sai-pricing-main-cta a:hover .sai-pricing-cta-arrow,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-button:hover .sai-pricing-cta-arrow {
transform: translateX(3px) !important;
}
@media (max-width: 900px) {
body .elementor .sai-pricing-page .sai-pricing-roi-grid,
body .elementor .sai-pricing-page .sai-pricing-roi-grid.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-grid.elementor-element {
grid-template-columns: 1fr !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-mini,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.elementor-element {
flex-wrap: wrap !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial,
body .elementor .sai-pricing-page .sai-pricing-testimonial.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial.elementor-element {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 600px) {
body .elementor .sai-pricing-page .sai-pricing-main-cta a,
body .elementor .sai-pricing-page .sai-pricing-main-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-button,
body .elementor .sai-pricing-page a.sai-pricing-main-cta {
width: 100% !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial,
body .elementor .sai-pricing-page .sai-pricing-testimonial.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial.elementor-element {
padding: 24px !important;
}
}
/* ============================================================
v10 live-vs-source fidelity lock
Applied after auditing the live Elementor source against the
uploaded SCOTSMAN_AI_Pricing.html source.
Source values restored here:
- Eyebrow: 13px, 700, 1.6px letter-spacing, margin-bottom 22px
- Hero display: 56px, line-height 1.08, letter-spacing -2px
- Section cards: exact source padding/gaps/CTA sizes
- Included / always-on / ROI / testimonial source gaps and colours
- Elementor widget wrappers are neutralised, styling lives on the
intended source-equivalent layer only.
============================================================ */
/* Page-wide Elementor wrapper hardening */
body .elementor .sai-pricing-page,
body .elementor .sai-pricing-page * {
box-sizing: border-box !important;
}
body .elementor .sai-pricing-page .e-con,
body .elementor .sai-pricing-page .e-con-inner,
body .elementor .sai-pricing-page .elementor-widget,
body .elementor .sai-pricing-page .elementor-widget-container {
--gap: 0 !important;
--row-gap: 0 !important;
--column-gap: 0 !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
}
body .elementor .sai-pricing-page .elementor-widget,
body .elementor .sai-pricing-page .elementor-widget:not(:last-child),
body .elementor .sai-pricing-page .elementor-widget-container,
body .elementor .sai-pricing-page .elementor-heading-title,
body .elementor .sai-pricing-page p,
body .elementor .sai-pricing-page ul,
body .elementor .sai-pricing-page li {
margin: 0 !important;
}
/* Source section backgrounds and section padding */
body .elementor .sai-pricing-page .sai-pricing-section.hero-light,
body .elementor .sai-pricing-page .hero-light {
position: relative !important;
overflow: hidden !important;
padding: 110px 0 60px !important;
background: var(--sai-paper, #FAFAF7) !important;
}
body .elementor .sai-pricing-page .sai-pricing-section.tint,
body .elementor .sai-pricing-page .tint {
padding-top: 48px !important;
padding-bottom: var(--sai-section-y-desktop, 104px) !important;
background: var(--sai-light, #F1F1ED) !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-section {
padding: var(--sai-section-y-desktop, 104px) 0 !important;
background: var(--sai-navy-deep, #0E1A35) !important;
color: var(--sai-on-dark-1, #FFFFFF) !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-section {
padding: var(--sai-section-y-desktop, 104px) 0 !important;
background: var(--sai-paper, #FAFAF7) !important;
}
/* Source container */
body .elementor .sai-pricing-page .sai-pricing-container,
body .elementor .sai-pricing-page .container.sai-pricing-container,
body .elementor .sai-pricing-page .sai-pricing-section > .e-con-inner {
width: 100% !important;
max-width: var(--sai-container-max, 1200px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--sai-container-pad, 32px) !important;
padding-right: var(--sai-container-pad, 32px) !important;
}
/* Source typography: eyebrow is 1.6px tracking and always has 22px bottom gap before the heading. */
body .elementor .sai-pricing-page .eyebrow,
body .elementor .sai-pricing-page .eyebrow .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-eyebrow,
body .elementor .sai-pricing-page .sai-pricing-eyebrow .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-eyebrow .elementor-widget-container {
display: inline-block !important;
font-family: var(--sai-sans, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 1.6px !important;
text-transform: uppercase !important;
color: var(--sai-orange, #C97B1E) !important;
margin: 0 0 22px 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-eyebrow,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-eyebrow .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-eyebrow .elementor-widget-container {
color: var(--sai-orange-light, #E89B4D) !important;
}
/* Source hero H1/display treatment. This styles the live H2 visually, but the widget should still be changed to H1 for source-faithful structure. */
body .elementor .sai-pricing-page .hero-light .display,
body .elementor .sai-pricing-page .hero-light .display .elementor-heading-title,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-title,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-title .elementor-heading-title {
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-size: 56px !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -2px !important;
color: var(--sai-navy, #1B2A4E) !important;
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
body .elementor .sai-pricing-page .hero-light .lead,
body .elementor .sai-pricing-page .hero-light .lead p,
body .elementor .sai-pricing-page .hero-light .lead .elementor-widget-container,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-lead,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-lead p,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-lead .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 21px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
color: var(--sai-slate, #475569) !important;
max-width: 700px !important;
margin: 24px auto 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* Section headings */
body .elementor .sai-pricing-page .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-section-title .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-section h2.elementor-heading-title {
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-size: 40px !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: -0.8px !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .tint .sai-pricing-section-title,
body .elementor .sai-pricing-page .tint .sai-pricing-section-title .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-section-title .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-roi-section .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-roi-section .sai-pricing-section-title .elementor-heading-title {
max-width: 820px !important;
}
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-included-section .sai-pricing-section-title .elementor-heading-title {
color: #FFFFFF !important;
}
/* Source card grid and cards */
body .elementor .sai-pricing-page .sai-pricing-cards,
body .elementor .sai-pricing-page .sai-pricing-cards.e-con,
body .elementor .sai-pricing-page .sai-pricing-cards.elementor-element {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 28px !important;
align-items: stretch !important;
margin: 48px 0 0 0 !important;
padding: 0 !important;
width: 100% !important;
}
body .elementor .sai-pricing-page .sai-pricing-card,
body .elementor .sai-pricing-page .sai-pricing-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-card.elementor-element {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
padding: 36px 30px !important;
border-radius: 14px !important;
min-height: 0 !important;
gap: 0 !important;
overflow: visible !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary {
background: var(--sai-navy, #1B2A4E) !important;
color: #FFFFFF !important;
box-shadow: var(--sai-shadow-lift, 0 20px 50px rgba(27,42,78,0.25)) !important;
border: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary {
background: #FFFFFF !important;
color: var(--sai-ink, #2A2F45) !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
box-shadow: none !important;
}
/* Generated badges stay off. Use an actual .sai-live-badge widget for source fidelity without Elementor pseudo-element collisions. */
body .elementor .sai-pricing-page .sai-pricing-card::before,
body .elementor .sai-pricing-page .sai-pricing-card::after,
body .elementor .sai-pricing-page .sai-pricing-card-primary::before,
body .elementor .sai-pricing-page .sai-pricing-card-primary::after,
body .elementor .sai-pricing-page .sai-pricing-card-secondary::before,
body .elementor .sai-pricing-page .sai-pricing-card-secondary::after {
content: none !important;
display: none !important;
}
body .elementor .sai-pricing-page .sai-live-badge,
body .elementor .sai-pricing-page .sai-live-badge .elementor-heading-title,
body .elementor .sai-pricing-page .sai-live-badge .elementor-widget-container {
position: absolute !important;
top: -10px !important;
right: 24px !important;
z-index: 4 !important;
display: inline-flex !important;
width: auto !important;
height: auto !important;
max-width: max-content !important;
padding: 4px 12px !important;
border-radius: 999px !important;
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
white-space: nowrap !important;
}
body .elementor .sai-pricing-page .sai-card-step,
body .elementor .sai-pricing-page .sai-card-step .elementor-heading-title,
body .elementor .sai-pricing-page .sai-card-step .elementor-widget-container {
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
margin: 0 0 16px 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-step,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-step .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-step .elementor-widget-container {
color: var(--sai-orange-light, #E89B4D) !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-step,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-step .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-step .elementor-widget-container {
color: var(--sai-muted, #94A3B8) !important;
}
body .elementor .sai-pricing-page .sai-card-name,
body .elementor .sai-pricing-page .sai-card-name .elementor-heading-title,
body .elementor .sai-pricing-page .sai-card-name .elementor-widget-container {
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-size: 28px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
letter-spacing: -0.5px !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-card-price,
body .elementor .sai-pricing-page .sai-card-price .elementor-heading-title,
body .elementor .sai-pricing-page .sai-card-price .elementor-widget-container {
font-family: var(--sai-display, Inter, system-ui, sans-serif) !important;
font-size: 36px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -1px !important;
margin: 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-price,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-price .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-price .elementor-widget-container {
font-size: 22px !important;
color: var(--sai-slate, #475569) !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-name,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-name .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-price,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-price .elementor-widget-container {
color: #FFFFFF !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-name,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-name .elementor-heading-title {
color: var(--sai-navy, #1B2A4E) !important;
}
body .elementor .sai-pricing-page .sai-card-price small {
font-size: 14px !important;
font-weight: 400 !important;
opacity: 0.7 !important;
}
body .elementor .sai-pricing-page .sai-card-status,
body .elementor .sai-pricing-page .sai-card-status p,
body .elementor .sai-pricing-page .sai-card-status .elementor-widget-container {
font-size: 14px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
min-height: 40px !important;
margin: 12px 0 24px 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-status,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-status p,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-status .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-features li {
color: var(--sai-on-dark-2, #C9D4E8) !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-status,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-status p,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-status .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-features li {
color: var(--sai-slate, #475569) !important;
}
body .elementor .sai-pricing-page .sai-card-features,
body .elementor .sai-pricing-page .sai-card-features .elementor-widget-container,
body .elementor .sai-pricing-page .sai-card-features ul {
list-style: none !important;
flex-grow: 1 !important;
margin: 0 0 28px 0 !important;
padding: 0 !important;
}
body .elementor .sai-pricing-page .sai-card-features li {
position: relative !important;
list-style: none !important;
font-size: 14.5px !important;
line-height: 1.4 !important;
padding: 8px 0 8px 26px !important;
margin: 0 !important;
}
body .elementor .sai-pricing-page .sai-card-features li::before {
content: '\2713' !important;
position: absolute !important;
left: 0 !important;
top: 8px !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
background: transparent !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-features li::before { color: var(--sai-green, #16A34A) !important; }
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-features li::before { color: var(--sai-muted, #94A3B8) !important; }
/* Source card CTA: clickable link is the only styled layer. */
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button-wrapper {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-card .sai-card-cta .elementor-button {
display: block !important;
width: 100% !important;
min-height: 0 !important;
padding: 14px !important;
border-radius: 8px !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-cta .elementor-button {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta a,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-cta .elementor-button {
background: transparent !important;
color: var(--sai-slate, #475569) !important;
border: 1px solid var(--sai-muted, #94A3B8) !important;
}
/* Included / always-on source lock */
body .elementor .sai-pricing-page .sai-pricing-included-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 22px 40px !important;
margin: 40px 0 0 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-always-on {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
margin: 40px 0 0 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-language-note,
body .elementor .sai-pricing-page .sai-pricing-language-note p,
body .elementor .sai-pricing-page .sai-pricing-language-note .elementor-widget-container {
font-size: 12px !important;
line-height: 1.55 !important;
font-style: italic !important;
color: var(--sai-on-dark-4, #94A3B8) !important;
max-width: 680px !important;
margin: 14px 0 0 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-custom-note,
body .elementor .sai-pricing-page .sai-pricing-custom-note p,
body .elementor .sai-pricing-page .sai-pricing-custom-note .elementor-widget-container {
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
font-style: italic !important;
color: var(--sai-orange-light, #E89B4D) !important;
text-align: center !important;
margin: 48px 0 0 0 !important;
}
/* ROI source lock */
body .elementor .sai-pricing-page .sai-pricing-roi-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 56px !important;
align-items: center !important;
margin: 48px 0 0 0 !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo .elementor-widget-container {
text-transform: uppercase !important;
}
body .elementor .sai-pricing-page .sai-pricing-main-cta a,
body .elementor .sai-pricing-page .sai-pricing-main-cta a.elementor-button,
body .elementor .sai-pricing-page .sai-pricing-main-cta .elementor-button {
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
padding: 16px 36px !important;
border-radius: 8px !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
text-decoration: none !important;
border: 0 !important;
}
@media (max-width: 900px) {
body .elementor .sai-pricing-page .sai-pricing-cards,
body .elementor .sai-pricing-page .sai-pricing-included-grid,
body .elementor .sai-pricing-page .sai-pricing-always-on,
body .elementor .sai-pricing-page .sai-pricing-roi-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 600px) {
body .elementor .sai-pricing-page .sai-pricing-section,
body .elementor .sai-pricing-page .sai-pricing-included-section,
body .elementor .sai-pricing-page .sai-pricing-roi-section {
padding-top: var(--sai-section-y-mobile, 64px) !important;
padding-bottom: var(--sai-section-y-mobile, 64px) !important;
}
body .elementor .sai-pricing-page .hero-light {
padding: 78px 0 48px !important;
}
body .elementor .sai-pricing-page .sai-pricing-container,
body .elementor .sai-pricing-page .container.sai-pricing-container,
body .elementor .sai-pricing-page .sai-pricing-section > .e-con-inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
body .elementor .sai-pricing-page .hero-light .display,
body .elementor .sai-pricing-page .hero-light .display .elementor-heading-title,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-title,
body .elementor .sai-pricing-page .hero-light .sai-pricing-hero-title .elementor-heading-title {
font-size: 34px !important;
letter-spacing: -1.2px !important;
}
body .elementor .sai-pricing-page .sai-pricing-section-title,
body .elementor .sai-pricing-page .sai-pricing-section-title .elementor-heading-title {
font-size: 28px !important;
}
}
/* ============================================================
v11 ROI metric text lock - Elementor Text Editor inner fix
The live build uses Text Editor widgets for the ROI numbers, so Elementor
wraps 10:1 / 13:1 / 20:1 in
. Source is 32px display text, with 20:1 orange.
============================================================ */
body .elementor .sai-pricing-page .sai-pricing-roi-mini,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.elementor-element {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 32px !important;
row-gap: 32px !important;
column-gap: 32px !important;
margin: 32px 0 0 0 !important;
padding: 24px !important;
background: #FFFFFF !important;
border: 1px solid var(--sai-rule, #E2E8F0) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric.elementor-element {
display: block !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num .elementor-widget-container p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num span {
font-family: var(--sai-display, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;
font-size: 32px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -1px !important;
color: var(--sai-navy, #1B2A4E) !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
text-decoration: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange .elementor-widget-container p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-num-orange span,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric:last-child .sai-pricing-roi-num,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric:last-child .sai-pricing-roi-num .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric:last-child .sai-pricing-roi-num p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-metric:last-child .sai-pricing-roi-num .elementor-widget-container p {
color: var(--sai-orange, #C97B1E) !important;
}
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label.elementor-widget,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label .elementor-widget-container,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label .elementor-heading-title,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label .elementor-widget-container p,
body .elementor .sai-pricing-page .sai-pricing-roi-mini .sai-pricing-roi-label span {
font-family: var(--sai-sans, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
color: var(--sai-muted, #94A3B8) !important;
text-align: left !important;
margin: 4px 0 0 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
@media (max-width: 600px) {
body .elementor .sai-pricing-page .sai-pricing-roi-mini,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.e-con,
body .elementor .sai-pricing-page .sai-pricing-roi-mini.elementor-element {
gap: 22px !important;
row-gap: 22px !important;
column-gap: 22px !important;
flex-wrap: wrap !important;
}
}
/* ============================================================
v12 correction - LIVE NOW badge fidelity and de-duplication
Source badge is a single absolute pill on the first card:
top:-10px; right:24px; green background; 4px 12px padding.
In Elementor, only the OUTER widget should be positioned.
The inner widget-container and heading-title must not also be
absolute, otherwise the top offset stacks and the badge floats
too high. Only the heading text layer gets the green pill.
============================================================ */
body .elementor .sai-pricing-page .sai-pricing-card-primary,
body .elementor .sai-pricing-page .sai-pricing-card-primary.e-con,
body .elementor .sai-pricing-page .sai-pricing-card-primary.elementor-element {
position: relative !important;
overflow: visible !important;
}
/* Remove every generated/legacy badge or stray decoration layer. */
body .elementor .sai-pricing-page .sai-pricing-card-primary::before,
body .elementor .sai-pricing-page .sai-pricing-card-primary::after,
body .elementor .sai-pricing-page .sai-pricing-card::before,
body .elementor .sai-pricing-page .sai-pricing-card::after,
body .elementor .sai-pricing-page .sai-live-badge::before,
body .elementor .sai-pricing-page .sai-live-badge::after,
body .elementor .sai-pricing-page .sai-live-badge .elementor-widget-container::before,
body .elementor .sai-pricing-page .sai-live-badge .elementor-widget-container::after,
body .elementor .sai-pricing-page .sai-live-badge .elementor-heading-title::before,
body .elementor .sai-pricing-page .sai-live-badge .elementor-heading-title::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* Position only the Elementor widget wrapper. No visible shape here. */
body .elementor .sai-pricing-page .sai-pricing-card-primary > .sai-live-badge,
body .elementor .sai-pricing-page .sai-pricing-card-primary > .sai-live-badge.elementor-widget,
body .elementor .sai-pricing-page .sai-live-badge.elementor-widget {
position: absolute !important;
top: -10px !important;
right: 24px !important;
left: auto !important;
bottom: auto !important;
z-index: 20 !important;
display: block !important;
width: auto !important;
min-width: 0 !important;
max-width: max-content !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
overflow: visible !important;
}
/* The Elementor container inside the widget is layout-only. */
body .elementor .sai-pricing-page .sai-live-badge > .elementor-widget-container,
body .elementor .sai-pricing-page .sai-live-badge .elementor-widget-container {
position: static !important;
inset: auto !important;
display: block !important;
width: auto !important;
min-width: 0 !important;
max-width: max-content !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
overflow: visible !important;
}
/* Only this actual text layer is the green source pill. */
body .elementor .sai-pricing-page .sai-live-badge .elementor-heading-title,
body .elementor .sai-pricing-page .sai-live-badge .elementor-widget-container > *,
body .elementor .sai-pricing-page .sai-live-badge div.elementor-heading-title {
position: static !important;
inset: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: max-content !important;
height: auto !important;
min-height: 0 !important;
padding: 4px 12px !important;
margin: 0 !important;
background: var(--sai-green, #16A34A) !important;
color: #FFFFFF !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-family: var(--sai-sans, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
text-decoration: none !important;
transform: none !important;
}
/* Keep the first real card content below the badge exactly as source padding dictates. */
body .elementor .sai-pricing-page .sai-pricing-card-primary > .sai-live-badge + .sai-card-step {
margin-top: 0 !important;
}
/* ============================================================
v13 mobile pricing-card stack lock
Issue: the live Elementor pricing card wrapper is an e-flex container
(.sai-pricing-cards.e-flex), so grid-template-columns alone may not take
effect on mobile if Elementor keeps the wrapper in flex layout.
This final cascade forces the three pricing cards to stack vertically while
keeping desktop/tablet layout untouched above 900px.
============================================================ */
@media (max-width: 900px) {
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards.e-con,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards.e-flex,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards.elementor-element,
body.elementor-page-19 .elementor-19 .sai-pricing-page .elementor-element-8c3d706,
body .elementor .sai-pricing-page .sai-pricing-cards,
body .elementor .sai-pricing-page .sai-pricing-cards.e-con,
body .elementor .sai-pricing-page .sai-pricing-cards.e-flex,
body .elementor .sai-pricing-page .sai-pricing-cards.elementor-element {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
grid-template-columns: 1fr !important;
gap: 28px !important;
row-gap: 28px !important;
column-gap: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: visible !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards > .sai-pricing-card,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards > .sai-pricing-card.e-con,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards > .sai-pricing-card.elementor-element,
body.elementor-page-19 .elementor-19 .sai-pricing-page .elementor-element-960f9b7,
body.elementor-page-19 .elementor-19 .sai-pricing-page .elementor-element-605e784,
body.elementor-page-19 .elementor-19 .sai-pricing-page .elementor-element-e6c9ab8,
body .elementor .sai-pricing-page .sai-pricing-cards > .sai-pricing-card,
body .elementor .sai-pricing-page .sai-pricing-cards > .sai-pricing-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-cards > .sai-pricing-card.elementor-element {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 0 auto !important;
align-self: stretch !important;
grid-column: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
overflow: visible !important;
}
}
@media (max-width: 600px) {
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards,
body.elementor-page-19 .elementor-19 .sai-pricing-page .elementor-element-8c3d706,
body .elementor .sai-pricing-page .sai-pricing-cards {
gap: 24px !important;
row-gap: 24px !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card.e-con,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card.elementor-element,
body .elementor .sai-pricing-page .sai-pricing-card,
body .elementor .sai-pricing-page .sai-pricing-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-card.elementor-element {
padding: 30px 24px !important;
}
}
/* ============================================================
mobile pricing-card breathing room
Issue: the live Elementor Pricing structure has an Elementor
e-con-inner wrapper outside the source-equivalent .sai-pricing-container.
Earlier CSS gave both layers horizontal padding, creating double mobile
gutters. The uploaded source keeps gutters, but only on the source
.container: 20px below 880px and 16px below 600px. This final cascade
removes the duplicate outer wrapper padding and lets the inner container
own the source gutter.
============================================================ */
body.elementor-page-19 .elementor-19 .sai-pricing-page,
body.elementor-page-19 .elementor-19 .sai-pricing-page * {
min-width: 0 !important;
box-sizing: border-box !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page {
overflow-x: hidden !important;
}
/* Elementor boxed section wrapper: neutralise as layout shell only. */
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-section > .e-con-inner,
body.elementor-page-19 .elementor-19 .sai-pricing-page .hero-light > .e-con-inner,
body.elementor-page-19 .elementor-19 .sai-pricing-page .tint > .e-con-inner,
body.elementor-page-19 .elementor-19 .sai-pricing-page .dark > .e-con-inner,
body.elementor-page-19 .elementor-19 .sai-pricing-page .light > .e-con-inner,
body .elementor .sai-pricing-page .sai-pricing-section > .e-con-inner,
body .elementor .sai-pricing-page .hero-light > .e-con-inner,
body .elementor .sai-pricing-page .tint > .e-con-inner,
body .elementor .sai-pricing-page .dark > .e-con-inner,
body .elementor .sai-pricing-page .light > .e-con-inner {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Source-equivalent container owns the gutters. */
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-container,
body.elementor-page-19 .elementor-19 .sai-pricing-page .container.sai-pricing-container,
body .elementor .sai-pricing-page .sai-pricing-container,
body .elementor .sai-pricing-page .container.sai-pricing-container {
width: 100% !important;
max-width: var(--sai-container-max, 1200px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--sai-container-pad, 32px) !important;
padding-right: var(--sai-container-pad, 32px) !important;
}
@media (max-width: 880px) {
body.elementor-page-19 .elementor-19 .sai-pricing-page,
body .elementor .sai-pricing-page {
--sai-container-pad: 20px !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-cards,
body .elementor .sai-pricing-page .sai-pricing-cards {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-card,
body .elementor .sai-pricing-page .sai-pricing-card.e-con {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-card-name,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-card-name .elementor-heading-title,
body .elementor .sai-pricing-page .sai-card-name,
body .elementor .sai-pricing-page .sai-card-name .elementor-heading-title {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
}
}
@media (max-width: 600px) {
body.elementor-page-19 .elementor-19 .sai-pricing-page,
body .elementor .sai-pricing-page {
--sai-container-pad: 16px !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card.e-con,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card.elementor-element,
body .elementor .sai-pricing-page .sai-pricing-card,
body .elementor .sai-pricing-page .sai-pricing-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-card.elementor-element {
padding-left: 22px !important;
padding-right: 22px !important;
}
}
@media (max-width: 380px) {
body.elementor-page-19 .elementor-19 .sai-pricing-page,
body .elementor .sai-pricing-page {
--sai-container-pad: 14px !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-pricing-card.e-con,
body .elementor .sai-pricing-page .sai-pricing-card,
body .elementor .sai-pricing-page .sai-pricing-card.e-con {
padding-left: 18px !important;
padding-right: 18px !important;
}
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-card-name,
body.elementor-page-19 .elementor-19 .sai-pricing-page .sai-card-name .elementor-heading-title,
body .elementor .sai-pricing-page .sai-card-name,
body .elementor .sai-pricing-page .sai-card-name .elementor-heading-title {
font-size: 25px !important;
line-height: 1.12 !important;
letter-spacing: -0.35px !important;
}
}
/* v15 - Pricing testimonial quote pill */
body .elementor .sai-pricing-page .sai-pricing-testimonial,
body .elementor .sai-pricing-page .sai-pricing-testimonial.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial.elementor-element,
.sai-pricing-page .testimonial,
.sai-pricing-page .testimonial.e-con,
.sai-pricing-page .testimonial.elementor-element {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
width: 100% !important;
margin: 36px 0 0 0 !important;
padding: 28px 32px !important;
background: var(--sai-light, #F1F1ED) !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo.elementor-element,
body .elementor .sai-pricing-page .sai-pricing-testimonial-logo .elementor-widget-container,
.sai-pricing-page .sai-linkfresh-logo,
.sai-pricing-page .sai-linkfresh-logo.e-con,
.sai-pricing-page .sai-linkfresh-logo.elementor-element,
.sai-pricing-page .sai-linkfresh-logo .elementor-widget-container {
display: none !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-copy,
body .elementor .sai-pricing-page .sai-pricing-testimonial-copy p,
body .elementor .sai-pricing-page .sai-pricing-testimonial-copy .elementor-widget-container,
.sai-pricing-page .testimonial .sai-testimonial-copy,
.sai-pricing-page .testimonial .sai-testimonial-copy p,
.sai-pricing-page .testimonial .sai-testimonial-copy .elementor-widget-container,
.sai-pricing-page .testimonial p {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
grid-column: 1 / -1 !important;
font-family: var(--sai-serif, Fraunces, Georgia, serif) !important;
font-style: italic !important;
font-size: 18px !important;
line-height: 1.45 !important;
font-weight: 400 !important;
color: var(--sai-navy, #1B2A4E) !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
body .elementor .sai-pricing-page .sai-pricing-testimonial-attr,
body .elementor .sai-pricing-page .sai-pricing-testimonial-attr p,
body .elementor .sai-pricing-page .sai-pricing-testimonial-attr .elementor-widget-container,
.sai-pricing-page .testimonial .attr,
.sai-pricing-page .testimonial .attr p,
.sai-pricing-page .testimonial .attr .elementor-widget-container {
display: block !important;
width: 100% !important;
max-width: none !important;
grid-column: 1 / -1 !important;
font-family: var(--sai-sans, Inter, system-ui, sans-serif) !important;
font-style: normal !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
color: var(--sai-slate, #475569) !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
text-align: left !important;
}
@media (max-width: 600px) {
body .elementor .sai-pricing-page .sai-pricing-testimonial,
body .elementor .sai-pricing-page .sai-pricing-testimonial.e-con,
body .elementor .sai-pricing-page .sai-pricing-testimonial.elementor-element,
.sai-pricing-page .testimonial,
.sai-pricing-page .testimonial.e-con,
.sai-pricing-page .testimonial.elementor-element {
padding: 24px 22px !important;
}
}
/* v16 bullet encoding guard */
.sai-pricing-page .card .feat li::before,
.sai-pricing-page .incl-item::before,
.sai-pricing-page .sai-card-features li::before,
body .elementor .sai-pricing-page .sai-pricing-included-item::before,
body .elementor .sai-pricing-page .sai-card-features li::before {
content: '\2713' !important;
}
.sai-pricing-page .card.sai-card-live .feat li::before,
.sai-pricing-page .sai-pricing-card.sai-card-live .sai-card-features li::before,
.sai-pricing-page .sai-pricing-card-primary .sai-card-features li::before,
body .elementor .sai-pricing-page .sai-pricing-card-primary .sai-card-features li::before,
body .elementor .sai-pricing-page .sai-pricing-included-item::before {
color: var(--sai-green, #16A34A) !important;
}
.sai-pricing-page .card.sai-card-soon .feat li::before,
.sai-pricing-page .sai-pricing-card.sai-card-soon .sai-card-features li::before,
.sai-pricing-page .sai-pricing-card-secondary .sai-card-features li::before,
body .elementor .sai-pricing-page .sai-pricing-card-secondary .sai-card-features li::before {
color: var(--sai-muted, #94A3B8) !important;
}/* End custom CSS */