/* Premium content components extracted from Woody 16613. */

:root {
  --fg-ui-bg: #070b12;
  --fg-ui-surface: rgba(17, 25, 37, 0.92);
  --fg-ui-surface-2: rgba(12, 18, 28, 0.96);
  --fg-ui-text: #f4f7fb;
  --fg-ui-text-soft: rgba(244, 247, 251, 0.78);
  --fg-ui-muted: #95a5bb;
  --fg-ui-line: rgba(255, 255, 255, 0.08);
  --fg-ui-accent: #ff9c2f;
  --fg-ui-accent-2: #ff6b2c;
  --fg-ui-cool: #49c2ff;
  --fg-ui-shadow: 0 22px 50px rgba(0, 0, 0, 0.24);
  --fg-ui-shadow-soft: 0 16px 36px rgba(0, 0, 0, 0.18);
  --fg-ui-radius: 24px;
  --fg-ui-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fg-ui-heading: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  font-size: 62.5%;
  background-color: #08111b !important;
}

body,
body button,
body input,
body select,
body textarea,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]),
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) button,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) input,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) select,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) textarea {
  font-family: var(--fg-ui-body);
}

body,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) {
  font-size: 1.6rem;
  line-height: 1.65;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) h4,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) h5,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) h6 {
  font-family: var(--fg-ui-heading);
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) a {
  transition: color 0.24s ease, background-color 0.24s ease, border-color 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .explanation-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .comparison-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .solution-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .story-intro,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .pro-tip,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .tip-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .highlight-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .toc,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content section.faq,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content section[class*="faq"],
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details {
  max-width: 100%;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(17, 25, 37, 0.96), rgba(12, 18, 28, 0.98)) !important;
  background-color: rgba(12, 18, 28, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: var(--fg-ui-shadow-soft) !important;
  padding: 20px 22px;
  color: var(--fg-ui-text) !important;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta {
  border-color: rgba(255, 156, 47, 0.28);
  box-shadow: var(--fg-ui-shadow-soft), inset 4px 0 0 rgba(255, 156, 47, 0.75);
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .explanation-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .toc,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details {
  border-color: rgba(73, 194, 255, 0.24);
  box-shadow: var(--fg-ui-shadow-soft), inset 4px 0 0 rgba(73, 194, 255, 0.72);
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details + details,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .pro-tip + .pro-tip,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box + .cta-box {
  margin-top: 14px;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details summary {
  cursor: pointer;
  color: #fff;
  font-weight: 800;
  list-style: none;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details summary::-webkit-details-marker {
  display: none;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box a,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta a {
  color: #fff !important;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .explanation-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .comparison-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .solution-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .story-intro *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .pro-tip *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .tip-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .highlight-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .toc *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content section.faq *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content section[class*="faq"] *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details * {
  color: inherit;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta h4,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box h4,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box h1,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box h2,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box h3,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details summary,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .pro-tip strong,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .tip-box strong {
  color: #fff !important;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .message-box li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .info-box li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .notice-box li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .explanation-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .comparison-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .solution-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .story-intro p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .pro-tip p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .tip-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .highlight-box p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .toc p,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .toc li,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content details p {
  color: var(--fg-ui-text-soft) !important;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box .wp-block-button__link,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta .wp-block-button__link,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box a.button,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .fc-cta a.button,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .cta-box .btn,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .mistake-box .btn,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .solution-box .btn,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .warning-box .btn,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .pro-tip .btn {
  background: linear-gradient(135deg, var(--fg-ui-accent), var(--fg-ui-accent-2)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 40px rgba(255, 107, 44, 0.24);
  color: #fff !important;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .cta-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .mistake-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .solution-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .explanation-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .warning-box,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .pro-tip,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .toc {
  background: linear-gradient(180deg, rgba(17, 25, 37, 0.96), rgba(12, 18, 28, 0.98)) !important;
  background-color: rgba(12, 18, 28, 0.98) !important;
}

body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .cta-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .mistake-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .solution-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .explanation-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .warning-box *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .pro-tip *,
body:is(.fg-flatsome-premium, .wp-theme-flatsome, [class*="flatsome"]) .entry-content .content-wrapper .toc * {
  color: inherit !important;
}