@charset "UTF-8";
:root {
  --btn-primary-bg: var(--ast-global-color-0);
  --btn-primary-text: var(--ast-global-color-4);
  --btn-primary-border: var(--ast-global-color-0);
  --btn-primary-hover-bg: var(--ast-global-color-0);
  --btn-primary-hover-text: var(--ast-global-color-4);
  --btn-secondary-bg: var(--ast-global-color-1);
  --btn-secondary-text: var(--ast-global-color-4);
  --btn-secondary-border: var(--ast-global-color-1);
  --btn-secondary-hover-bg: var(--ast-global-color-1);
  --btn-secondary-hover-text: var(--ast-global-color-4);
  --btn-tertiary-bg: var(--ast-global-color-8);
  --btn-tertiary-text: var(--ast-global-color-4);
  --btn-tertiary-border: var(--ast-global-color-8);
  --btn-tertiary-hover-bg: var(--ast-global-color-8);
  --btn-tertiary-hover-text: var(--ast-global-color-4);
  --btn-dark-primary-bg: var(--ast-global-color-1);
  --btn-dark-primary-text: var(--ast-global-color-4);
  --btn-dark-primary-border: var(--ast-global-color-1);
  --btn-dark-primary-hover-bg: var(--ast-global-color-1);
  --btn-dark-primary-hover-text: var(--ast-global-color-4);
  --btn-dark-secondary-bg: var(--ast-global-color-4);
  --btn-dark-secondary-text: var(--ast-global-color-0);
  --btn-dark-secondary-border: var(--ast-global-color-4);
  --btn-dark-secondary-hover-bg: var(--ast-global-color-4);
  --btn-dark-secondary-hover-text: var(--ast-global-color-0);
  --btn-dark-tertiary-bg: var(--ast-global-color-8);
  --btn-dark-tertiary-text: var(--ast-global-color-4);
  --btn-dark-tertiary-border: var(--ast-global-color-8);
  --btn-dark-tertiary-hover-bg: var(--ast-global-color-8);
  --btn-dark-tertiary-hover-text: var(--ast-global-color-4);
}
:root {
  /* Primary Brand Colors */
  --brand-color: var(--ast-global-color-1);
  /* Gold/brown - STANDARDIZED */
  --brand-text: var(--ast-global-color-4);
  --alternate-brand: var(--ast-global-color-0);
  /* Navy blue */
  --alternate-brand-text: var(--ast-global-color-4);
  --heading-color: var(--ast-global-color-3);
  /* For standard headings */
  --text-color: var(--ast-global-color-2);
  /* For body text */
  --secondary-brand: var(--ast-global-color-0);
  /* Same as alternate brand - navy */
  --primary-bg: var(--ast-global-color-4);
  /* White background */
  --subtle-color: var(--ast-global-color-6);
  /* Light grey for subtle elements */
  --alternate-subtle: var(--ast-global-color-7);
  /* Alternative subtle accent */
  --supporting-color: var(--ast-global-color-1);
  /* Gold/brown for CTAs and highlights */
  --white: #ffffff;
  --black: #000000;
  /* Additional utility variables */
  --dark-brand: var(--ast-global-color-0);
  /* Navy for hero backgrounds */
  --light-accent: var(--ast-global-color-5);
  /* Light grey for accents */
  --text-light: var(--ast-global-color-4);
  /* White text for dark/coloured backgrounds */
  --text-light-alt: var(--ast-global-color-4);
  /* Alt white text */
  --cta-color: var(--ast-global-color-0);
  /* CORRECT: BPS palette primary accent */
  --cta-hover: var(--ast-global-color-0);
  /* CORRECT: BPS palette hover state */
  --button-color: var(--ast-global-color-0);
  /* Global button background */
  --button-color-text: var(--ast-global-color-4);
  /* Global button text color */
  --card-bg: var(--primary-bg);
  /* White for cards */
  --section-bg: var(--ast-global-color-5);
  /* Light grey for section backgrounds */
  --stats-bg: var(--ast-global-color-0);
  /* Navy from stats section */
  --tag-bg: var(--ast-global-color-7);
  /* Light background for tags */
  /* Light Palette Tokens — globally available for components that always need light context
   * e.g. .card inside a .dark section. Use these instead of hardcoded hex.
   * In a .light section these are redundant (cascade already sets them); they exist
   * specifically so structural components can reference them from any context. */
  --light-bg:              var(--ast-global-color-4);
  --light-bg2:             var(--ast-global-color-5);
  --light-text:            var(--ast-global-color-2);
  --light-text2:           var(--ast-global-color-6);
  --light-text3:           var(--ast-global-color-6);
  --light-text-highlight:  var(--ast-global-color-0);
  --light-border:          var(--ast-global-color-5);
  /* Dark Palette Tokens — globally available */
  --dark-bg:               var(--ast-global-color-0);
  --dark-bg2:              var(--ast-global-color-6);
  --dark-text:             var(--ast-global-color-4);
  --dark-text2:            var(--ast-global-color-5);
  /* Accent RGB — enables rgba() with brand accent: rgba(var(--accent-rgb), 0.15)
   * Derived from light-context accent (same gold in most skins).
   * Guard: when tokens use CSS vars (var(--x)) instead of hex, SCSS color
   * functions red()/green()/blue() cannot extract channels — use #0d6efd fallback. */
  --accent-rgb: 13, 110, 253;
  /* Bootstrap primary fallback — actual value set at runtime via CSS var */
  /* Status Colors */
  --danger-color: #dc3545;
  /* Red for reporting/blocking */
  --success-color: #28a745;
  /* Green for success states */
  --warning-color: #ffc107;
  /* Yellow for warnings */
  --info-color: #0dcaf0;
  /* Blue for info states */
  --font-xs:   0.75rem;
  --font-sm:   0.875rem;
  --font-base: 1rem;
  --font-md:   1.125rem;
  --font-lg:   1.25rem;
  --font-xl:   1.5rem;
  --font-2xl:  1.875rem;
  --font-3xl:  2.25rem;
  --font-4xl:  3rem;
  --font-5xl:  3.75rem;
  --font-6xl:  4.5rem;
  --font-7xl:  6rem;
  --font-8xl:  8rem;
  --font-weight-base: 400;
  --font-weight-1: 300;
  --font-weight-2: 500;
  --font-weight-3: 700;
  --font-weight-4: 700;
  /* Spacing System */
  --moa-x:    1rem;
  --moa-y-xs: 0.5rem;
  --moa-y-sd: 1rem;
  --moa-y-sm: 1rem;
  --moa-y-md: 2rem;
  --moa-y-lg: 3rem;
  --moa-y-xl: 5rem;
  --moa-y-xxl:8rem;
  /* Tablet Spacing */
  --moa-x-tablet: 15px;
  --moa-y-sd-tablet: 20px;
  --moa-y-lg-tablet: 30px;
  --moa-y-xl-tablet: 75px;
  --moa-y-xxl-tablet: 125px;
  /* Mobile Spacing */
  --moa-x-mobile: 10px;
  --moa-y-sd-mobile: 15px;
  --moa-y-lg-mobile: 20px;
  --moa-y-xl-mobile: 50px;
  --moa-y-xxl-mobile: 75px;
  /* Padding Presets */
  --moa-p-1: 20px 40px;
  --moa-p-2: 20px 70px;
  /* Spacing */
  --spacing-xs:   0.25rem;
  --spacing-sm:   0.5rem;
  --spacing-md:   0.75rem;
  --spacing-base: 1rem;
  --spacing-lg:   1.25rem;
  --spacing-xl:   1.5rem;
  --spacing-2xl:  2rem;
  --spacing-3xl:  2.5rem;
  --spacing-4xl:  3rem;
  --spacing-5xl:  4rem;
  --spacing-6xl:  5rem;
  --spacing-7xl:  6rem;
  --spacing-8xl:  8rem;
  /* Border Radius */
  /* Border Radius */
  --radius-none:  0.25rem;
  --radius-xs:    0.125rem;
  --radius-sm:    0.25rem;
  --radius-base:  0.375rem;
  --border-radius: 0.375rem;
  --radius-md:    0.5rem;
  --radius-lg:    0.75rem;
  --radius-xl:    1rem;
  --radius-2xl:   1.25rem;
  --radius-3xl:   1.5rem;
  --radius-4xl:   2rem;
  --radius-full:  50%;
  /* Shadows */
  --shadow-xs:   0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm:   0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-base: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-md:   0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg:   0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-xl:   0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --transition-fast: 0.15s ease-out;
  --transition-base: 0.3s ease-out;
  --transition-slow: 0.5s ease-out;
  --transition-all: all 0.3s ease-out;
  --transition-colors: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
  --transition-transform: transform 0.3s ease-out;
  --transition-opacity: opacity 0.3s ease-out;
  /*Base*/
  --container-sm:   600px;
  --container-md:   960px;
  --container-base: 1200px;
  --container-lg:   1400px;
  --button-padding-sm:  8px;
  --button-padding-lg:  10px 25px;
  --button-padding-xl:   15px 25px;
  --button-padding-2xl:  20px 25px;
  --border-width-sm:    1px;
  --border-width-base:  2px;
  --border-width-md:    3px;
  --border-width-lg:    4px;
  --border-width-xl:    6px;
}
.light, .light2, .light3 {
  --bg: var(--ast-global-color-4);
  --bg2: var(--ast-global-color-5);
  --text-color: var(--ast-global-color-2);
  --text-color2: var(--ast-global-color-6);
  --text-color3: var(--ast-global-color-6);
  --text-highlight: var(--ast-global-color-0);
  --text-highlight2: var(--ast-global-color-1);
  --border-color: var(--ast-global-color-5);
  --b-border-color: var(--ast-global-color-5);
  --e-border-color: var(--ast-global-color-5);
  --accent: var(--ast-global-color-0);
  --accent-text: var(--ast-global-color-4);
  --accent-2: var(--ast-global-color-1);
  --accent-text-2: var(--ast-global-color-4);
  --accent-3: var(--ast-global-color-8);
  --accent-text-3: var(--ast-global-color-4);
  --button-color: var(--ast-global-color-0);
  --button-color-text: var(--ast-global-color-4);
  --button-border-color: var(--ast-global-color-0);
  --button-ghost-color-text: var(--ast-global-color-0);
  --cta-hover: var(--ast-global-color-0);
  --icon-color: var(--ast-global-color-1);
}
.dark, .dark2, .dark3 {
  --bg: var(--ast-global-color-0);
  --bg2: var(--ast-global-color-6);
  --text-color: var(--ast-global-color-4);
  --text-color2: var(--ast-global-color-5);
  --text-color3: var(--ast-global-color-5);
  --text-highlight: var(--ast-global-color-1);
  --text-highlight2: var(--ast-global-color-4);
  --border-color: var(--ast-global-color-6);
  --b-border-color: var(--ast-global-color-6);
  --e-border-color: var(--ast-global-color-6);
  --accent: var(--ast-global-color-1);
  --accent-text: var(--ast-global-color-4);
  --accent-2: var(--ast-global-color-4);
  --accent-text-2: var(--ast-global-color-0);
  --accent-3: var(--ast-global-color-8);
  --accent-text-3: var(--ast-global-color-4);
  --button-color: var(--ast-global-color-1);
  --button-color-text: var(--ast-global-color-4);
  --button-border-color: var(--ast-global-color-1);
  --button-ghost-color-text: var(--ast-global-color-1);
  --cta-hover: var(--ast-global-color-1);
  --icon-color: var(--ast-global-color-4);
}
.bbg, .bbg svg {
  background: var(--ast-global-color-4);
  fill: var(--ast-global-color-4);
  color: var(--ast-global-color-2);
}
.bbg2, .bbg2 svg {
  background: var(--ast-global-color-5);
  fill: var(--ast-global-color-5);
  color: var(--ast-global-color-2);
}
.bbg3, .bbg3 svg {
  background: var(--ast-global-color-7);
  fill: var(--ast-global-color-7);
  color: var(--ast-global-color-2);
}
.bbg4, .bbg4 svg {
  background: var(--ast-global-color-0);
  fill: var(--ast-global-color-0);
  color: var(--ast-global-color-4);
}
.bbg5, .bbg5 svg {
  background: var(--ast-global-color-6);
  fill: var(--ast-global-color-6);
  color: var(--ast-global-color-4);
}
.bbg6, .bbg6 svg {
  background: var(--ast-global-color-2);
  fill: var(--ast-global-color-2);
  color: var(--ast-global-color-4);
}
.btxt1, .btxt1 svg {
  color: var(--ast-global-color-0);
}
.btxt2, .btxt2 svg {
  color: var(--ast-global-color-6);
}
.btxt3, .btxt3 svg {
  color: var(--ast-global-color-6);
}
.btxt4, .btxt4 svg {
  color: var(--ast-global-color-4);
}
.btxt5, .btxt5 svg {
  color: var(--ast-global-color-5);
}
.btxt6, .btxt6 svg {
  color: var(--ast-global-color-5);
}
.light2 {
  --bg: var(--ast-global-color-5);
}
.light3 {
  --bg: var(--ast-global-color-7);
}
.dark2 {
  --bg: var(--ast-global-color-6);
}
.dark3 {
  --bg: var(--ast-global-color-2);
}
.text2 h1, .text2 h2, .text2 h3, .text2 h4, .text2 h5, .text2 h6, .text2 p, .text2 a {
  color: var(--text-color2);
}
.text2 svg {
  fill: var(--text-color2);
}
.text3 h1, .text3 h2, .text3 h3, .text3 h4, .text3 h5, .text3 h6, .text3 p, .text3 a {
  color: var(--text-color3);
}
.text3 svg {
  fill: var(--text-color);
}
.text-highlight h1, .text-highlight h2, .text-highlight h3, .text-highlight h4, .text-highlight h5, .text-highlight h6, .text-highlight p, .text-highlight a {
  color: var(--text-highlight);
}
.text-highlight-2 h1, .text-highlight-2 h2, .text-highlight-2 h3, .text-highlight-2 h4, .text-highlight-2 h5, .text-highlight-2 h6, .text-highlight-2 p, .text-highlight-2 a {
  color: var(--text-highlight2);
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a {
  color: var(--ast-global-color-2);
}
.text-light svg {
  fill: var(--ast-global-color-2);
}
.text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark p, .text-dark a {
  color: var(--ast-global-color-4);
}
.text-dark svg {
  fill: var(--ast-global-color-4);
}
.button-secondary {
  --button-color: var(--accent-2);
  --button-color-text: var(--accent-text-2);
  --button-border-color: var(--accent-2);
}
.button-tertiary {
  --button-color: var(--accent-3);
  --button-color-text: var(--accent-text-3);
  --button-border-color: var(--accent-3);
}
.button-secondary .elementor-button-wrapper a:hover, .button-secondary .elementor-button-wrapper a:focus, .button-secondary a.elementor-button:hover, .button-secondary a.elementor-button:focus, .button-secondary .wp-block-button a.wp-element-button:hover, .button-secondary .wp-block-button a.wp-element-button:focus {
  background-color: var(--cta-2-hover, var(--cta-hover));
  color: var(--cta-2-hover-text, var(--cta-hover-text, var(--button-color-text)));
  border-color: var(--cta-2-hover-border, var(--cta-2-hover, var(--cta-hover)));
}
.button-tertiary .elementor-button-wrapper a:hover, .button-tertiary .elementor-button-wrapper a:focus, .button-tertiary a.elementor-button:hover, .button-tertiary a.elementor-button:focus, .button-tertiary .wp-block-button a.wp-element-button:hover, .button-tertiary .wp-block-button a.wp-element-button:focus {
  background-color: var(--cta-3-hover, var(--cta-hover));
  color: var(--cta-3-hover-text, var(--cta-hover-text, var(--button-color-text)));
  border-color: var(--cta-3-hover-border, var(--cta-3-hover, var(--cta-hover)));
}
.button-outline {
  --button-color: transparent;
  --button-color-text: var(--accent);
  --button-border-color: var(--accent);
}
.button-outline-secondary {
  --button-color: transparent;
  --button-color-text: var(--accent-2);
  --button-border-color: var(--accent-2);
}
.button-outline-tertiary {
  --button-color: transparent;
  --button-color-text: var(--accent-3);
  --button-border-color: var(--accent-3);
}
.bps-ghost {
  --button-color: transparent;
  --button-color-text: var(--accent-border, var(--accent));
  --button-border-color: var(--accent-border, var(--accent));
}
.bps-ghost .elementor-button:hover, .bps-ghost .elementor-button:focus, .bps-ghost a.elementor-button:hover, .bps-ghost a.elementor-button:focus {
  color: var(--accent-text, #fff);
}
.bps-ghost-2 {
  --button-color: transparent;
  --button-color-text: var(--accent-2-border, var(--accent-2));
  --button-border-color: var(--accent-2-border, var(--accent-2));
}
.bps-ghost-2 .elementor-button:hover, .bps-ghost-2 .elementor-button:focus, .bps-ghost-2 a.elementor-button:hover, .bps-ghost-2 a.elementor-button:focus {
  color: var(--accent-2-text, var(--accent-text, #fff));
}
.bps-ghost-3 {
  --button-color: transparent;
  --button-color-text: var(--accent-3-border, var(--accent-3));
  --button-border-color: var(--accent-3-border, var(--accent-3));
}
.bps-ghost-3 .elementor-button:hover, .bps-ghost-3 .elementor-button:focus, .bps-ghost-3 a.elementor-button:hover, .bps-ghost-3 a.elementor-button:focus {
  color: var(--accent-3-text, var(--accent-2-text, var(--accent-text, #fff)));
}
.button-small {
  --button-padding: 0.5rem 1rem;
  --button-font-size: 0.875rem;
}
.button-large {
  --button-padding: 1rem 2rem;
  --button-font-size: 1.125rem;
}
.button-extra-large {
  --button-padding: 1.25rem 2.5rem;
  --button-font-size: 1.25rem;
}
.highlight b, .highlight strong {
  color: var(--accent, var(--text-color));
}
.highlight-2 b, .highlight-2 strong {
  color: var(--accent-2, var(--accent, var(--text-color)));
}
.highlight-3 b, .highlight-3 strong {
  color: var(--accent-3, var(--accent-2, var(--accent, var(--text-color))));
}
.section.light, .section.light2, .section.light3, .section.dark, .section.dark2, .section.dark3, section.light, section.light2, section.light3, section.dark, section.dark2, section.dark3, .e-con.light, .e-con.light2, .e-con.light3, .e-con.dark, .e-con.dark2, .e-con.dark3, .elementor-section.light, .elementor-section.light2, .elementor-section.light3, .elementor-section.dark, .elementor-section.dark2, .elementor-section.dark3 {
  background-color: var(--bg);
  color: var(--text-color);
}
.section.light h1, .section.light2 h1, .section.light3 h1, .section.light h2, .section.light2 h2, .section.light3 h2, .section.light h3, .section.light2 h3, .section.light3 h3, .section.light h4, .section.light2 h4, .section.light3 h4, .section.light h5, .section.light2 h5, .section.light3 h5, .section.light h6, .section.light2 h6, .section.light3 h6, .section.light p, .section.light2 p, .section.light3 p, .section.light a, .section.light2 a, .section.light3 a, .section.dark h1, .section.dark2 h1, .section.dark3 h1, .section.dark h2, .section.dark2 h2, .section.dark3 h2, .section.dark h3, .section.dark2 h3, .section.dark3 h3, .section.dark h4, .section.dark2 h4, .section.dark3 h4, .section.dark h5, .section.dark2 h5, .section.dark3 h5, .section.dark h6, .section.dark2 h6, .section.dark3 h6, .section.dark p, .section.dark2 p, .section.dark3 p, .section.dark a, .section.dark2 a, .section.dark3 a, section.light h1, section.light2 h1, section.light3 h1, section.light h2, section.light2 h2, section.light3 h2, section.light h3, section.light2 h3, section.light3 h3, section.light h4, section.light2 h4, section.light3 h4, section.light h5, section.light2 h5, section.light3 h5, section.light h6, section.light2 h6, section.light3 h6, section.light p, section.light2 p, section.light3 p, section.light a, section.light2 a, section.light3 a, section.dark h1, section.dark2 h1, section.dark3 h1, section.dark h2, section.dark2 h2, section.dark3 h2, section.dark h3, section.dark2 h3, section.dark3 h3, section.dark h4, section.dark2 h4, section.dark3 h4, section.dark h5, section.dark2 h5, section.dark3 h5, section.dark h6, section.dark2 h6, section.dark3 h6, section.dark p, section.dark2 p, section.dark3 p, section.dark a, section.dark2 a, section.dark3 a, .e-con.light h1, .e-con.light2 h1, .e-con.light3 h1, .e-con.light h2, .e-con.light2 h2, .e-con.light3 h2, .e-con.light h3, .e-con.light2 h3, .e-con.light3 h3, .e-con.light h4, .e-con.light2 h4, .e-con.light3 h4, .e-con.light h5, .e-con.light2 h5, .e-con.light3 h5, .e-con.light h6, .e-con.light2 h6, .e-con.light3 h6, .e-con.light p, .e-con.light2 p, .e-con.light3 p, .e-con.light a, .e-con.light2 a, .e-con.light3 a, .e-con.dark h1, .e-con.dark2 h1, .e-con.dark3 h1, .e-con.dark h2, .e-con.dark2 h2, .e-con.dark3 h2, .e-con.dark h3, .e-con.dark2 h3, .e-con.dark3 h3, .e-con.dark h4, .e-con.dark2 h4, .e-con.dark3 h4, .e-con.dark h5, .e-con.dark2 h5, .e-con.dark3 h5, .e-con.dark h6, .e-con.dark2 h6, .e-con.dark3 h6, .e-con.dark p, .e-con.dark2 p, .e-con.dark3 p, .e-con.dark a, .e-con.dark2 a, .e-con.dark3 a, .elementor-section.light h1, .elementor-section.light2 h1, .elementor-section.light3 h1, .elementor-section.light h2, .elementor-section.light2 h2, .elementor-section.light3 h2, .elementor-section.light h3, .elementor-section.light2 h3, .elementor-section.light3 h3, .elementor-section.light h4, .elementor-section.light2 h4, .elementor-section.light3 h4, .elementor-section.light h5, .elementor-section.light2 h5, .elementor-section.light3 h5, .elementor-section.light h6, .elementor-section.light2 h6, .elementor-section.light3 h6, .elementor-section.light p, .elementor-section.light2 p, .elementor-section.light3 p, .elementor-section.light a, .elementor-section.light2 a, .elementor-section.light3 a, .elementor-section.dark h1, .elementor-section.dark2 h1, .elementor-section.dark3 h1, .elementor-section.dark h2, .elementor-section.dark2 h2, .elementor-section.dark3 h2, .elementor-section.dark h3, .elementor-section.dark2 h3, .elementor-section.dark3 h3, .elementor-section.dark h4, .elementor-section.dark2 h4, .elementor-section.dark3 h4, .elementor-section.dark h5, .elementor-section.dark2 h5, .elementor-section.dark3 h5, .elementor-section.dark h6, .elementor-section.dark2 h6, .elementor-section.dark3 h6, .elementor-section.dark p, .elementor-section.dark2 p, .elementor-section.dark3 p, .elementor-section.dark a, .elementor-section.dark2 a, .elementor-section.dark3 a {
  color: var(--text-color);
}
.section.light a.filled, .section.light2 a.filled, .section.light3 a.filled, .section.light button.filled, .section.light2 button.filled, .section.light3 button.filled, .section.dark a.filled, .section.dark2 a.filled, .section.dark3 a.filled, .section.dark button.filled, .section.dark2 button.filled, .section.dark3 button.filled, section.light a.filled, section.light2 a.filled, section.light3 a.filled, section.light button.filled, section.light2 button.filled, section.light3 button.filled, section.dark a.filled, section.dark2 a.filled, section.dark3 a.filled, section.dark button.filled, section.dark2 button.filled, section.dark3 button.filled, .e-con.light a.filled, .e-con.light2 a.filled, .e-con.light3 a.filled, .e-con.light button.filled, .e-con.light2 button.filled, .e-con.light3 button.filled, .e-con.dark a.filled, .e-con.dark2 a.filled, .e-con.dark3 a.filled, .e-con.dark button.filled, .e-con.dark2 button.filled, .e-con.dark3 button.filled, .elementor-section.light a.filled, .elementor-section.light2 a.filled, .elementor-section.light3 a.filled, .elementor-section.light button.filled, .elementor-section.light2 button.filled, .elementor-section.light3 button.filled, .elementor-section.dark a.filled, .elementor-section.dark2 a.filled, .elementor-section.dark3 a.filled, .elementor-section.dark button.filled, .elementor-section.dark2 button.filled, .elementor-section.dark3 button.filled {
  color: var(--accent-text);
}
.section.light a.alt, .section.light2 a.alt, .section.light3 a.alt, .section.light button.alt, .section.light2 button.alt, .section.light3 button.alt, .section.dark a.alt, .section.dark2 a.alt, .section.dark3 a.alt, .section.dark button.alt, .section.dark2 button.alt, .section.dark3 button.alt, section.light a.alt, section.light2 a.alt, section.light3 a.alt, section.light button.alt, section.light2 button.alt, section.light3 button.alt, section.dark a.alt, section.dark2 a.alt, section.dark3 a.alt, section.dark button.alt, section.dark2 button.alt, section.dark3 button.alt, .e-con.light a.alt, .e-con.light2 a.alt, .e-con.light3 a.alt, .e-con.light button.alt, .e-con.light2 button.alt, .e-con.light3 button.alt, .e-con.dark a.alt, .e-con.dark2 a.alt, .e-con.dark3 a.alt, .e-con.dark button.alt, .e-con.dark2 button.alt, .e-con.dark3 button.alt, .elementor-section.light a.alt, .elementor-section.light2 a.alt, .elementor-section.light3 a.alt, .elementor-section.light button.alt, .elementor-section.light2 button.alt, .elementor-section.light3 button.alt, .elementor-section.dark a.alt, .elementor-section.dark2 a.alt, .elementor-section.dark3 a.alt, .elementor-section.dark button.alt, .elementor-section.dark2 button.alt, .elementor-section.dark3 button.alt {
  background-color: var(--accent);
  color: var(--accent-text);
}
.section.light .nav-tabs.alt li, .section.light2 .nav-tabs.alt li, .section.light3 .nav-tabs.alt li, .section.dark .nav-tabs.alt li, .section.dark2 .nav-tabs.alt li, .section.dark3 .nav-tabs.alt li, section.light .nav-tabs.alt li, section.light2 .nav-tabs.alt li, section.light3 .nav-tabs.alt li, section.dark .nav-tabs.alt li, section.dark2 .nav-tabs.alt li, section.dark3 .nav-tabs.alt li, .e-con.light .nav-tabs.alt li, .e-con.light2 .nav-tabs.alt li, .e-con.light3 .nav-tabs.alt li, .e-con.dark .nav-tabs.alt li, .e-con.dark2 .nav-tabs.alt li, .e-con.dark3 .nav-tabs.alt li, .elementor-section.light .nav-tabs.alt li, .elementor-section.light2 .nav-tabs.alt li, .elementor-section.light3 .nav-tabs.alt li, .elementor-section.dark .nav-tabs.alt li, .elementor-section.dark2 .nav-tabs.alt li, .elementor-section.dark3 .nav-tabs.alt li {
  background-color: var(--accent);
  color: var(--accent-text);
  margin: 0 8px;
}
.section.light .nav-tabs.alt li:hover, .section.light2 .nav-tabs.alt li:hover, .section.light3 .nav-tabs.alt li:hover, .section.dark .nav-tabs.alt li:hover, .section.dark2 .nav-tabs.alt li:hover, .section.dark3 .nav-tabs.alt li:hover, section.light .nav-tabs.alt li:hover, section.light2 .nav-tabs.alt li:hover, section.light3 .nav-tabs.alt li:hover, section.dark .nav-tabs.alt li:hover, section.dark2 .nav-tabs.alt li:hover, section.dark3 .nav-tabs.alt li:hover, .e-con.light .nav-tabs.alt li:hover, .e-con.light2 .nav-tabs.alt li:hover, .e-con.light3 .nav-tabs.alt li:hover, .e-con.dark .nav-tabs.alt li:hover, .e-con.dark2 .nav-tabs.alt li:hover, .e-con.dark3 .nav-tabs.alt li:hover, .elementor-section.light .nav-tabs.alt li:hover, .elementor-section.light2 .nav-tabs.alt li:hover, .elementor-section.light3 .nav-tabs.alt li:hover, .elementor-section.dark .nav-tabs.alt li:hover, .elementor-section.dark2 .nav-tabs.alt li:hover, .elementor-section.dark3 .nav-tabs.alt li:hover {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.section.light .nav-tabs.alt li a, .section.light2 .nav-tabs.alt li a, .section.light3 .nav-tabs.alt li a, .section.light .nav-tabs.alt li button, .section.light2 .nav-tabs.alt li button, .section.light3 .nav-tabs.alt li button, .section.dark .nav-tabs.alt li a, .section.dark2 .nav-tabs.alt li a, .section.dark3 .nav-tabs.alt li a, .section.dark .nav-tabs.alt li button, .section.dark2 .nav-tabs.alt li button, .section.dark3 .nav-tabs.alt li button, section.light .nav-tabs.alt li a, section.light2 .nav-tabs.alt li a, section.light3 .nav-tabs.alt li a, section.light .nav-tabs.alt li button, section.light2 .nav-tabs.alt li button, section.light3 .nav-tabs.alt li button, section.dark .nav-tabs.alt li a, section.dark2 .nav-tabs.alt li a, section.dark3 .nav-tabs.alt li a, section.dark .nav-tabs.alt li button, section.dark2 .nav-tabs.alt li button, section.dark3 .nav-tabs.alt li button, .e-con.light .nav-tabs.alt li a, .e-con.light2 .nav-tabs.alt li a, .e-con.light3 .nav-tabs.alt li a, .e-con.light .nav-tabs.alt li button, .e-con.light2 .nav-tabs.alt li button, .e-con.light3 .nav-tabs.alt li button, .e-con.dark .nav-tabs.alt li a, .e-con.dark2 .nav-tabs.alt li a, .e-con.dark3 .nav-tabs.alt li a, .e-con.dark .nav-tabs.alt li button, .e-con.dark2 .nav-tabs.alt li button, .e-con.dark3 .nav-tabs.alt li button, .elementor-section.light .nav-tabs.alt li a, .elementor-section.light2 .nav-tabs.alt li a, .elementor-section.light3 .nav-tabs.alt li a, .elementor-section.light .nav-tabs.alt li button, .elementor-section.light2 .nav-tabs.alt li button, .elementor-section.light3 .nav-tabs.alt li button, .elementor-section.dark .nav-tabs.alt li a, .elementor-section.dark2 .nav-tabs.alt li a, .elementor-section.dark3 .nav-tabs.alt li a, .elementor-section.dark .nav-tabs.alt li button, .elementor-section.dark2 .nav-tabs.alt li button, .elementor-section.dark3 .nav-tabs.alt li button {
  color: var(--accent-text);
}
.section.light .nav-tabs.alt li a:hover, .section.light2 .nav-tabs.alt li a:hover, .section.light3 .nav-tabs.alt li a:hover, .section.light .nav-tabs.alt li button:hover, .section.light2 .nav-tabs.alt li button:hover, .section.light3 .nav-tabs.alt li button:hover, .section.dark .nav-tabs.alt li a:hover, .section.dark2 .nav-tabs.alt li a:hover, .section.dark3 .nav-tabs.alt li a:hover, .section.dark .nav-tabs.alt li button:hover, .section.dark2 .nav-tabs.alt li button:hover, .section.dark3 .nav-tabs.alt li button:hover, section.light .nav-tabs.alt li a:hover, section.light2 .nav-tabs.alt li a:hover, section.light3 .nav-tabs.alt li a:hover, section.light .nav-tabs.alt li button:hover, section.light2 .nav-tabs.alt li button:hover, section.light3 .nav-tabs.alt li button:hover, section.dark .nav-tabs.alt li a:hover, section.dark2 .nav-tabs.alt li a:hover, section.dark3 .nav-tabs.alt li a:hover, section.dark .nav-tabs.alt li button:hover, section.dark2 .nav-tabs.alt li button:hover, section.dark3 .nav-tabs.alt li button:hover, .e-con.light .nav-tabs.alt li a:hover, .e-con.light2 .nav-tabs.alt li a:hover, .e-con.light3 .nav-tabs.alt li a:hover, .e-con.light .nav-tabs.alt li button:hover, .e-con.light2 .nav-tabs.alt li button:hover, .e-con.light3 .nav-tabs.alt li button:hover, .e-con.dark .nav-tabs.alt li a:hover, .e-con.dark2 .nav-tabs.alt li a:hover, .e-con.dark3 .nav-tabs.alt li a:hover, .e-con.dark .nav-tabs.alt li button:hover, .e-con.dark2 .nav-tabs.alt li button:hover, .e-con.dark3 .nav-tabs.alt li button:hover, .elementor-section.light .nav-tabs.alt li a:hover, .elementor-section.light2 .nav-tabs.alt li a:hover, .elementor-section.light3 .nav-tabs.alt li a:hover, .elementor-section.light .nav-tabs.alt li button:hover, .elementor-section.light2 .nav-tabs.alt li button:hover, .elementor-section.light3 .nav-tabs.alt li button:hover, .elementor-section.dark .nav-tabs.alt li a:hover, .elementor-section.dark2 .nav-tabs.alt li a:hover, .elementor-section.dark3 .nav-tabs.alt li a:hover, .elementor-section.dark .nav-tabs.alt li button:hover, .elementor-section.dark2 .nav-tabs.alt li button:hover, .elementor-section.dark3 .nav-tabs.alt li button:hover {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.section.light .nav-tabs.alt li:first-child, .section.light2 .nav-tabs.alt li:first-child, .section.light3 .nav-tabs.alt li:first-child, .section.light .nav-tabs.alt li:last-child, .section.light2 .nav-tabs.alt li:last-child, .section.light3 .nav-tabs.alt li:last-child, .section.dark .nav-tabs.alt li:first-child, .section.dark2 .nav-tabs.alt li:first-child, .section.dark3 .nav-tabs.alt li:first-child, .section.dark .nav-tabs.alt li:last-child, .section.dark2 .nav-tabs.alt li:last-child, .section.dark3 .nav-tabs.alt li:last-child, section.light .nav-tabs.alt li:first-child, section.light2 .nav-tabs.alt li:first-child, section.light3 .nav-tabs.alt li:first-child, section.light .nav-tabs.alt li:last-child, section.light2 .nav-tabs.alt li:last-child, section.light3 .nav-tabs.alt li:last-child, section.dark .nav-tabs.alt li:first-child, section.dark2 .nav-tabs.alt li:first-child, section.dark3 .nav-tabs.alt li:first-child, section.dark .nav-tabs.alt li:last-child, section.dark2 .nav-tabs.alt li:last-child, section.dark3 .nav-tabs.alt li:last-child, .e-con.light .nav-tabs.alt li:first-child, .e-con.light2 .nav-tabs.alt li:first-child, .e-con.light3 .nav-tabs.alt li:first-child, .e-con.light .nav-tabs.alt li:last-child, .e-con.light2 .nav-tabs.alt li:last-child, .e-con.light3 .nav-tabs.alt li:last-child, .e-con.dark .nav-tabs.alt li:first-child, .e-con.dark2 .nav-tabs.alt li:first-child, .e-con.dark3 .nav-tabs.alt li:first-child, .e-con.dark .nav-tabs.alt li:last-child, .e-con.dark2 .nav-tabs.alt li:last-child, .e-con.dark3 .nav-tabs.alt li:last-child, .elementor-section.light .nav-tabs.alt li:first-child, .elementor-section.light2 .nav-tabs.alt li:first-child, .elementor-section.light3 .nav-tabs.alt li:first-child, .elementor-section.light .nav-tabs.alt li:last-child, .elementor-section.light2 .nav-tabs.alt li:last-child, .elementor-section.light3 .nav-tabs.alt li:last-child, .elementor-section.dark .nav-tabs.alt li:first-child, .elementor-section.dark2 .nav-tabs.alt li:first-child, .elementor-section.dark3 .nav-tabs.alt li:first-child, .elementor-section.dark .nav-tabs.alt li:last-child, .elementor-section.dark2 .nav-tabs.alt li:last-child, .elementor-section.dark3 .nav-tabs.alt li:last-child {
  margin: 0;
}
.section.light svg, .section.light2 svg, .section.light3 svg, .section.dark svg, .section.dark2 svg, .section.dark3 svg, section.light svg, section.light2 svg, section.light3 svg, section.dark svg, section.dark2 svg, section.dark3 svg, .e-con.light svg, .e-con.light2 svg, .e-con.light3 svg, .e-con.dark svg, .e-con.dark2 svg, .e-con.dark3 svg, .elementor-section.light svg, .elementor-section.light2 svg, .elementor-section.light3 svg, .elementor-section.dark svg, .elementor-section.dark2 svg, .elementor-section.dark3 svg {
  fill: var(--text-color);
}
.section.light .highlight b, .section.light2 .highlight b, .section.light3 .highlight b, .section.dark .highlight b, .section.dark2 .highlight b, .section.dark3 .highlight b, section.light .highlight b, section.light2 .highlight b, section.light3 .highlight b, section.dark .highlight b, section.dark2 .highlight b, section.dark3 .highlight b, .e-con.light .highlight b, .e-con.light2 .highlight b, .e-con.light3 .highlight b, .e-con.dark .highlight b, .e-con.dark2 .highlight b, .e-con.dark3 .highlight b, .elementor-section.light .highlight b, .elementor-section.light2 .highlight b, .elementor-section.light3 .highlight b, .elementor-section.dark .highlight b, .elementor-section.dark2 .highlight b, .elementor-section.dark3 .highlight b {
  color: var(--text-color2);
}
.section.light .wp-block-button .wp-block-button__link, .section.light2 .wp-block-button .wp-block-button__link, .section.light3 .wp-block-button .wp-block-button__link, .section.light .wp-block-button a.wp-element-button, .section.light2 .wp-block-button a.wp-element-button, .section.light3 .wp-block-button a.wp-element-button, .section.dark .wp-block-button .wp-block-button__link, .section.dark2 .wp-block-button .wp-block-button__link, .section.dark3 .wp-block-button .wp-block-button__link, .section.dark .wp-block-button a.wp-element-button, .section.dark2 .wp-block-button a.wp-element-button, .section.dark3 .wp-block-button a.wp-element-button, section.light .wp-block-button .wp-block-button__link, section.light2 .wp-block-button .wp-block-button__link, section.light3 .wp-block-button .wp-block-button__link, section.light .wp-block-button a.wp-element-button, section.light2 .wp-block-button a.wp-element-button, section.light3 .wp-block-button a.wp-element-button, section.dark .wp-block-button .wp-block-button__link, section.dark2 .wp-block-button .wp-block-button__link, section.dark3 .wp-block-button .wp-block-button__link, section.dark .wp-block-button a.wp-element-button, section.dark2 .wp-block-button a.wp-element-button, section.dark3 .wp-block-button a.wp-element-button, .e-con.light .wp-block-button .wp-block-button__link, .e-con.light2 .wp-block-button .wp-block-button__link, .e-con.light3 .wp-block-button .wp-block-button__link, .e-con.light .wp-block-button a.wp-element-button, .e-con.light2 .wp-block-button a.wp-element-button, .e-con.light3 .wp-block-button a.wp-element-button, .e-con.dark .wp-block-button .wp-block-button__link, .e-con.dark2 .wp-block-button .wp-block-button__link, .e-con.dark3 .wp-block-button .wp-block-button__link, .e-con.dark .wp-block-button a.wp-element-button, .e-con.dark2 .wp-block-button a.wp-element-button, .e-con.dark3 .wp-block-button a.wp-element-button, .elementor-section.light .wp-block-button .wp-block-button__link, .elementor-section.light2 .wp-block-button .wp-block-button__link, .elementor-section.light3 .wp-block-button .wp-block-button__link, .elementor-section.light .wp-block-button a.wp-element-button, .elementor-section.light2 .wp-block-button a.wp-element-button, .elementor-section.light3 .wp-block-button a.wp-element-button, .elementor-section.dark .wp-block-button .wp-block-button__link, .elementor-section.dark2 .wp-block-button .wp-block-button__link, .elementor-section.dark3 .wp-block-button .wp-block-button__link, .elementor-section.dark .wp-block-button a.wp-element-button, .elementor-section.dark2 .wp-block-button a.wp-element-button, .elementor-section.dark3 .wp-block-button a.wp-element-button {
  background-color: var(--button-color);
  color: var(--button-color-text);
  border-color: var(--button-color);
}
.section.light .wp-block-button .wp-block-button__link:hover, .section.light2 .wp-block-button .wp-block-button__link:hover, .section.light3 .wp-block-button .wp-block-button__link:hover, .section.light .wp-block-button .wp-block-button__link:focus, .section.light2 .wp-block-button .wp-block-button__link:focus, .section.light3 .wp-block-button .wp-block-button__link:focus, .section.light .wp-block-button .wp-block-button__link:active, .section.light2 .wp-block-button .wp-block-button__link:active, .section.light3 .wp-block-button .wp-block-button__link:active, .section.light .wp-block-button a.wp-element-button:hover, .section.light2 .wp-block-button a.wp-element-button:hover, .section.light3 .wp-block-button a.wp-element-button:hover, .section.light .wp-block-button a.wp-element-button:focus, .section.light2 .wp-block-button a.wp-element-button:focus, .section.light3 .wp-block-button a.wp-element-button:focus, .section.light .wp-block-button a.wp-element-button:active, .section.light2 .wp-block-button a.wp-element-button:active, .section.light3 .wp-block-button a.wp-element-button:active, .section.dark .wp-block-button .wp-block-button__link:hover, .section.dark2 .wp-block-button .wp-block-button__link:hover, .section.dark3 .wp-block-button .wp-block-button__link:hover, .section.dark .wp-block-button .wp-block-button__link:focus, .section.dark2 .wp-block-button .wp-block-button__link:focus, .section.dark3 .wp-block-button .wp-block-button__link:focus, .section.dark .wp-block-button .wp-block-button__link:active, .section.dark2 .wp-block-button .wp-block-button__link:active, .section.dark3 .wp-block-button .wp-block-button__link:active, .section.dark .wp-block-button a.wp-element-button:hover, .section.dark2 .wp-block-button a.wp-element-button:hover, .section.dark3 .wp-block-button a.wp-element-button:hover, .section.dark .wp-block-button a.wp-element-button:focus, .section.dark2 .wp-block-button a.wp-element-button:focus, .section.dark3 .wp-block-button a.wp-element-button:focus, .section.dark .wp-block-button a.wp-element-button:active, .section.dark2 .wp-block-button a.wp-element-button:active, .section.dark3 .wp-block-button a.wp-element-button:active, section.light .wp-block-button .wp-block-button__link:hover, section.light2 .wp-block-button .wp-block-button__link:hover, section.light3 .wp-block-button .wp-block-button__link:hover, section.light .wp-block-button .wp-block-button__link:focus, section.light2 .wp-block-button .wp-block-button__link:focus, section.light3 .wp-block-button .wp-block-button__link:focus, section.light .wp-block-button .wp-block-button__link:active, section.light2 .wp-block-button .wp-block-button__link:active, section.light3 .wp-block-button .wp-block-button__link:active, section.light .wp-block-button a.wp-element-button:hover, section.light2 .wp-block-button a.wp-element-button:hover, section.light3 .wp-block-button a.wp-element-button:hover, section.light .wp-block-button a.wp-element-button:focus, section.light2 .wp-block-button a.wp-element-button:focus, section.light3 .wp-block-button a.wp-element-button:focus, section.light .wp-block-button a.wp-element-button:active, section.light2 .wp-block-button a.wp-element-button:active, section.light3 .wp-block-button a.wp-element-button:active, section.dark .wp-block-button .wp-block-button__link:hover, section.dark2 .wp-block-button .wp-block-button__link:hover, section.dark3 .wp-block-button .wp-block-button__link:hover, section.dark .wp-block-button .wp-block-button__link:focus, section.dark2 .wp-block-button .wp-block-button__link:focus, section.dark3 .wp-block-button .wp-block-button__link:focus, section.dark .wp-block-button .wp-block-button__link:active, section.dark2 .wp-block-button .wp-block-button__link:active, section.dark3 .wp-block-button .wp-block-button__link:active, section.dark .wp-block-button a.wp-element-button:hover, section.dark2 .wp-block-button a.wp-element-button:hover, section.dark3 .wp-block-button a.wp-element-button:hover, section.dark .wp-block-button a.wp-element-button:focus, section.dark2 .wp-block-button a.wp-element-button:focus, section.dark3 .wp-block-button a.wp-element-button:focus, section.dark .wp-block-button a.wp-element-button:active, section.dark2 .wp-block-button a.wp-element-button:active, section.dark3 .wp-block-button a.wp-element-button:active, .e-con.light .wp-block-button .wp-block-button__link:hover, .e-con.light2 .wp-block-button .wp-block-button__link:hover, .e-con.light3 .wp-block-button .wp-block-button__link:hover, .e-con.light .wp-block-button .wp-block-button__link:focus, .e-con.light2 .wp-block-button .wp-block-button__link:focus, .e-con.light3 .wp-block-button .wp-block-button__link:focus, .e-con.light .wp-block-button .wp-block-button__link:active, .e-con.light2 .wp-block-button .wp-block-button__link:active, .e-con.light3 .wp-block-button .wp-block-button__link:active, .e-con.light .wp-block-button a.wp-element-button:hover, .e-con.light2 .wp-block-button a.wp-element-button:hover, .e-con.light3 .wp-block-button a.wp-element-button:hover, .e-con.light .wp-block-button a.wp-element-button:focus, .e-con.light2 .wp-block-button a.wp-element-button:focus, .e-con.light3 .wp-block-button a.wp-element-button:focus, .e-con.light .wp-block-button a.wp-element-button:active, .e-con.light2 .wp-block-button a.wp-element-button:active, .e-con.light3 .wp-block-button a.wp-element-button:active, .e-con.dark .wp-block-button .wp-block-button__link:hover, .e-con.dark2 .wp-block-button .wp-block-button__link:hover, .e-con.dark3 .wp-block-button .wp-block-button__link:hover, .e-con.dark .wp-block-button .wp-block-button__link:focus, .e-con.dark2 .wp-block-button .wp-block-button__link:focus, .e-con.dark3 .wp-block-button .wp-block-button__link:focus, .e-con.dark .wp-block-button .wp-block-button__link:active, .e-con.dark2 .wp-block-button .wp-block-button__link:active, .e-con.dark3 .wp-block-button .wp-block-button__link:active, .e-con.dark .wp-block-button a.wp-element-button:hover, .e-con.dark2 .wp-block-button a.wp-element-button:hover, .e-con.dark3 .wp-block-button a.wp-element-button:hover, .e-con.dark .wp-block-button a.wp-element-button:focus, .e-con.dark2 .wp-block-button a.wp-element-button:focus, .e-con.dark3 .wp-block-button a.wp-element-button:focus, .e-con.dark .wp-block-button a.wp-element-button:active, .e-con.dark2 .wp-block-button a.wp-element-button:active, .e-con.dark3 .wp-block-button a.wp-element-button:active, .elementor-section.light .wp-block-button .wp-block-button__link:hover, .elementor-section.light2 .wp-block-button .wp-block-button__link:hover, .elementor-section.light3 .wp-block-button .wp-block-button__link:hover, .elementor-section.light .wp-block-button .wp-block-button__link:focus, .elementor-section.light2 .wp-block-button .wp-block-button__link:focus, .elementor-section.light3 .wp-block-button .wp-block-button__link:focus, .elementor-section.light .wp-block-button .wp-block-button__link:active, .elementor-section.light2 .wp-block-button .wp-block-button__link:active, .elementor-section.light3 .wp-block-button .wp-block-button__link:active, .elementor-section.light .wp-block-button a.wp-element-button:hover, .elementor-section.light2 .wp-block-button a.wp-element-button:hover, .elementor-section.light3 .wp-block-button a.wp-element-button:hover, .elementor-section.light .wp-block-button a.wp-element-button:focus, .elementor-section.light2 .wp-block-button a.wp-element-button:focus, .elementor-section.light3 .wp-block-button a.wp-element-button:focus, .elementor-section.light .wp-block-button a.wp-element-button:active, .elementor-section.light2 .wp-block-button a.wp-element-button:active, .elementor-section.light3 .wp-block-button a.wp-element-button:active, .elementor-section.dark .wp-block-button .wp-block-button__link:hover, .elementor-section.dark2 .wp-block-button .wp-block-button__link:hover, .elementor-section.dark3 .wp-block-button .wp-block-button__link:hover, .elementor-section.dark .wp-block-button .wp-block-button__link:focus, .elementor-section.dark2 .wp-block-button .wp-block-button__link:focus, .elementor-section.dark3 .wp-block-button .wp-block-button__link:focus, .elementor-section.dark .wp-block-button .wp-block-button__link:active, .elementor-section.dark2 .wp-block-button .wp-block-button__link:active, .elementor-section.dark3 .wp-block-button .wp-block-button__link:active, .elementor-section.dark .wp-block-button a.wp-element-button:hover, .elementor-section.dark2 .wp-block-button a.wp-element-button:hover, .elementor-section.dark3 .wp-block-button a.wp-element-button:hover, .elementor-section.dark .wp-block-button a.wp-element-button:focus, .elementor-section.dark2 .wp-block-button a.wp-element-button:focus, .elementor-section.dark3 .wp-block-button a.wp-element-button:focus, .elementor-section.dark .wp-block-button a.wp-element-button:active, .elementor-section.dark2 .wp-block-button a.wp-element-button:active, .elementor-section.dark3 .wp-block-button a.wp-element-button:active {
  background-color: var(--cta-hover);
  color: var(--cta-hover-text, var(--button-color-text));
  border-color: var(--cta-hover-border, var(--cta-hover));
}
.section.light a.elementor-button, .section.light2 a.elementor-button, .section.light3 a.elementor-button, .section.dark a.elementor-button, .section.dark2 a.elementor-button, .section.dark3 a.elementor-button, section.light a.elementor-button, section.light2 a.elementor-button, section.light3 a.elementor-button, section.dark a.elementor-button, section.dark2 a.elementor-button, section.dark3 a.elementor-button, .e-con.light a.elementor-button, .e-con.light2 a.elementor-button, .e-con.light3 a.elementor-button, .e-con.dark a.elementor-button, .e-con.dark2 a.elementor-button, .e-con.dark3 a.elementor-button, .elementor-section.light a.elementor-button, .elementor-section.light2 a.elementor-button, .elementor-section.light3 a.elementor-button, .elementor-section.dark a.elementor-button, .elementor-section.dark2 a.elementor-button, .elementor-section.dark3 a.elementor-button {
  background-color: var(--button-color);
  color: var(--button-color-text);
  border-color: var(--button-color);
}
.section.light a.elementor-button:hover, .section.light2 a.elementor-button:hover, .section.light3 a.elementor-button:hover, .section.light a.elementor-button:focus, .section.light2 a.elementor-button:focus, .section.light3 a.elementor-button:focus, .section.dark a.elementor-button:hover, .section.dark2 a.elementor-button:hover, .section.dark3 a.elementor-button:hover, .section.dark a.elementor-button:focus, .section.dark2 a.elementor-button:focus, .section.dark3 a.elementor-button:focus, section.light a.elementor-button:hover, section.light2 a.elementor-button:hover, section.light3 a.elementor-button:hover, section.light a.elementor-button:focus, section.light2 a.elementor-button:focus, section.light3 a.elementor-button:focus, section.dark a.elementor-button:hover, section.dark2 a.elementor-button:hover, section.dark3 a.elementor-button:hover, section.dark a.elementor-button:focus, section.dark2 a.elementor-button:focus, section.dark3 a.elementor-button:focus, .e-con.light a.elementor-button:hover, .e-con.light2 a.elementor-button:hover, .e-con.light3 a.elementor-button:hover, .e-con.light a.elementor-button:focus, .e-con.light2 a.elementor-button:focus, .e-con.light3 a.elementor-button:focus, .e-con.dark a.elementor-button:hover, .e-con.dark2 a.elementor-button:hover, .e-con.dark3 a.elementor-button:hover, .e-con.dark a.elementor-button:focus, .e-con.dark2 a.elementor-button:focus, .e-con.dark3 a.elementor-button:focus, .elementor-section.light a.elementor-button:hover, .elementor-section.light2 a.elementor-button:hover, .elementor-section.light3 a.elementor-button:hover, .elementor-section.light a.elementor-button:focus, .elementor-section.light2 a.elementor-button:focus, .elementor-section.light3 a.elementor-button:focus, .elementor-section.dark a.elementor-button:hover, .elementor-section.dark2 a.elementor-button:hover, .elementor-section.dark3 a.elementor-button:hover, .elementor-section.dark a.elementor-button:focus, .elementor-section.dark2 a.elementor-button:focus, .elementor-section.dark3 a.elementor-button:focus {
  background-color: var(--cta-hover);
  color: var(--cta-hover-text, var(--button-color-text));
  border-color: var(--cta-hover-border, var(--cta-hover));
}
.section.light .elementor-button-wrapper a, .section.light2 .elementor-button-wrapper a, .section.light3 .elementor-button-wrapper a, .section.dark .elementor-button-wrapper a, .section.dark2 .elementor-button-wrapper a, .section.dark3 .elementor-button-wrapper a, section.light .elementor-button-wrapper a, section.light2 .elementor-button-wrapper a, section.light3 .elementor-button-wrapper a, section.dark .elementor-button-wrapper a, section.dark2 .elementor-button-wrapper a, section.dark3 .elementor-button-wrapper a, .e-con.light .elementor-button-wrapper a, .e-con.light2 .elementor-button-wrapper a, .e-con.light3 .elementor-button-wrapper a, .e-con.dark .elementor-button-wrapper a, .e-con.dark2 .elementor-button-wrapper a, .e-con.dark3 .elementor-button-wrapper a, .elementor-section.light .elementor-button-wrapper a, .elementor-section.light2 .elementor-button-wrapper a, .elementor-section.light3 .elementor-button-wrapper a, .elementor-section.dark .elementor-button-wrapper a, .elementor-section.dark2 .elementor-button-wrapper a, .elementor-section.dark3 .elementor-button-wrapper a {
  color: var(--button-color-text);
  background-color: var(--button-color);
  border-color: var(--button-color);
}
.section.light .elementor-button-wrapper a:hover, .section.light2 .elementor-button-wrapper a:hover, .section.light3 .elementor-button-wrapper a:hover, .section.light .elementor-button-wrapper a:focus, .section.light2 .elementor-button-wrapper a:focus, .section.light3 .elementor-button-wrapper a:focus, .section.dark .elementor-button-wrapper a:hover, .section.dark2 .elementor-button-wrapper a:hover, .section.dark3 .elementor-button-wrapper a:hover, .section.dark .elementor-button-wrapper a:focus, .section.dark2 .elementor-button-wrapper a:focus, .section.dark3 .elementor-button-wrapper a:focus, section.light .elementor-button-wrapper a:hover, section.light2 .elementor-button-wrapper a:hover, section.light3 .elementor-button-wrapper a:hover, section.light .elementor-button-wrapper a:focus, section.light2 .elementor-button-wrapper a:focus, section.light3 .elementor-button-wrapper a:focus, section.dark .elementor-button-wrapper a:hover, section.dark2 .elementor-button-wrapper a:hover, section.dark3 .elementor-button-wrapper a:hover, section.dark .elementor-button-wrapper a:focus, section.dark2 .elementor-button-wrapper a:focus, section.dark3 .elementor-button-wrapper a:focus, .e-con.light .elementor-button-wrapper a:hover, .e-con.light2 .elementor-button-wrapper a:hover, .e-con.light3 .elementor-button-wrapper a:hover, .e-con.light .elementor-button-wrapper a:focus, .e-con.light2 .elementor-button-wrapper a:focus, .e-con.light3 .elementor-button-wrapper a:focus, .e-con.dark .elementor-button-wrapper a:hover, .e-con.dark2 .elementor-button-wrapper a:hover, .e-con.dark3 .elementor-button-wrapper a:hover, .e-con.dark .elementor-button-wrapper a:focus, .e-con.dark2 .elementor-button-wrapper a:focus, .e-con.dark3 .elementor-button-wrapper a:focus, .elementor-section.light .elementor-button-wrapper a:hover, .elementor-section.light2 .elementor-button-wrapper a:hover, .elementor-section.light3 .elementor-button-wrapper a:hover, .elementor-section.light .elementor-button-wrapper a:focus, .elementor-section.light2 .elementor-button-wrapper a:focus, .elementor-section.light3 .elementor-button-wrapper a:focus, .elementor-section.dark .elementor-button-wrapper a:hover, .elementor-section.dark2 .elementor-button-wrapper a:hover, .elementor-section.dark3 .elementor-button-wrapper a:hover, .elementor-section.dark .elementor-button-wrapper a:focus, .elementor-section.dark2 .elementor-button-wrapper a:focus, .elementor-section.dark3 .elementor-button-wrapper a:focus {
  background-color: var(--cta-hover);
  color: var(--cta-hover-text, var(--button-color-text));
  border-color: var(--cta-hover-border, var(--cta-hover));
}
.section.light .elementor-social-icons-wrapper a, .section.light2 .elementor-social-icons-wrapper a, .section.light3 .elementor-social-icons-wrapper a, .section.dark .elementor-social-icons-wrapper a, .section.dark2 .elementor-social-icons-wrapper a, .section.dark3 .elementor-social-icons-wrapper a, section.light .elementor-social-icons-wrapper a, section.light2 .elementor-social-icons-wrapper a, section.light3 .elementor-social-icons-wrapper a, section.dark .elementor-social-icons-wrapper a, section.dark2 .elementor-social-icons-wrapper a, section.dark3 .elementor-social-icons-wrapper a, .e-con.light .elementor-social-icons-wrapper a, .e-con.light2 .elementor-social-icons-wrapper a, .e-con.light3 .elementor-social-icons-wrapper a, .e-con.dark .elementor-social-icons-wrapper a, .e-con.dark2 .elementor-social-icons-wrapper a, .e-con.dark3 .elementor-social-icons-wrapper a, .elementor-section.light .elementor-social-icons-wrapper a, .elementor-section.light2 .elementor-social-icons-wrapper a, .elementor-section.light3 .elementor-social-icons-wrapper a, .elementor-section.dark .elementor-social-icons-wrapper a, .elementor-section.dark2 .elementor-social-icons-wrapper a, .elementor-section.dark3 .elementor-social-icons-wrapper a {
  background: var(--accent);
}
.section.light .elementor-social-icons-wrapper a svg, .section.light2 .elementor-social-icons-wrapper a svg, .section.light3 .elementor-social-icons-wrapper a svg, .section.dark .elementor-social-icons-wrapper a svg, .section.dark2 .elementor-social-icons-wrapper a svg, .section.dark3 .elementor-social-icons-wrapper a svg, section.light .elementor-social-icons-wrapper a svg, section.light2 .elementor-social-icons-wrapper a svg, section.light3 .elementor-social-icons-wrapper a svg, section.dark .elementor-social-icons-wrapper a svg, section.dark2 .elementor-social-icons-wrapper a svg, section.dark3 .elementor-social-icons-wrapper a svg, .e-con.light .elementor-social-icons-wrapper a svg, .e-con.light2 .elementor-social-icons-wrapper a svg, .e-con.light3 .elementor-social-icons-wrapper a svg, .e-con.dark .elementor-social-icons-wrapper a svg, .e-con.dark2 .elementor-social-icons-wrapper a svg, .e-con.dark3 .elementor-social-icons-wrapper a svg, .elementor-section.light .elementor-social-icons-wrapper a svg, .elementor-section.light2 .elementor-social-icons-wrapper a svg, .elementor-section.light3 .elementor-social-icons-wrapper a svg, .elementor-section.dark .elementor-social-icons-wrapper a svg, .elementor-section.dark2 .elementor-social-icons-wrapper a svg, .elementor-section.dark3 .elementor-social-icons-wrapper a svg {
  fill: var(--accent-text);
}
.section.light .elementor-progress-bar, .section.light2 .elementor-progress-bar, .section.light3 .elementor-progress-bar, .section.dark .elementor-progress-bar, .section.dark2 .elementor-progress-bar, .section.dark3 .elementor-progress-bar, section.light .elementor-progress-bar, section.light2 .elementor-progress-bar, section.light3 .elementor-progress-bar, section.dark .elementor-progress-bar, section.dark2 .elementor-progress-bar, section.dark3 .elementor-progress-bar, .e-con.light .elementor-progress-bar, .e-con.light2 .elementor-progress-bar, .e-con.light3 .elementor-progress-bar, .e-con.dark .elementor-progress-bar, .e-con.dark2 .elementor-progress-bar, .e-con.dark3 .elementor-progress-bar, .elementor-section.light .elementor-progress-bar, .elementor-section.light2 .elementor-progress-bar, .elementor-section.light3 .elementor-progress-bar, .elementor-section.dark .elementor-progress-bar, .elementor-section.dark2 .elementor-progress-bar, .elementor-section.dark3 .elementor-progress-bar {
  background-color: var(--accent);
}
.section.light span.elementor-progress-percentage, .section.light2 span.elementor-progress-percentage, .section.light3 span.elementor-progress-percentage, .section.light span.elementor-progress-text, .section.light2 span.elementor-progress-text, .section.light3 span.elementor-progress-text, .section.dark span.elementor-progress-percentage, .section.dark2 span.elementor-progress-percentage, .section.dark3 span.elementor-progress-percentage, .section.dark span.elementor-progress-text, .section.dark2 span.elementor-progress-text, .section.dark3 span.elementor-progress-text, section.light span.elementor-progress-percentage, section.light2 span.elementor-progress-percentage, section.light3 span.elementor-progress-percentage, section.light span.elementor-progress-text, section.light2 span.elementor-progress-text, section.light3 span.elementor-progress-text, section.dark span.elementor-progress-percentage, section.dark2 span.elementor-progress-percentage, section.dark3 span.elementor-progress-percentage, section.dark span.elementor-progress-text, section.dark2 span.elementor-progress-text, section.dark3 span.elementor-progress-text, .e-con.light span.elementor-progress-percentage, .e-con.light2 span.elementor-progress-percentage, .e-con.light3 span.elementor-progress-percentage, .e-con.light span.elementor-progress-text, .e-con.light2 span.elementor-progress-text, .e-con.light3 span.elementor-progress-text, .e-con.dark span.elementor-progress-percentage, .e-con.dark2 span.elementor-progress-percentage, .e-con.dark3 span.elementor-progress-percentage, .e-con.dark span.elementor-progress-text, .e-con.dark2 span.elementor-progress-text, .e-con.dark3 span.elementor-progress-text, .elementor-section.light span.elementor-progress-percentage, .elementor-section.light2 span.elementor-progress-percentage, .elementor-section.light3 span.elementor-progress-percentage, .elementor-section.light span.elementor-progress-text, .elementor-section.light2 span.elementor-progress-text, .elementor-section.light3 span.elementor-progress-text, .elementor-section.dark span.elementor-progress-percentage, .elementor-section.dark2 span.elementor-progress-percentage, .elementor-section.dark3 span.elementor-progress-percentage, .elementor-section.dark span.elementor-progress-text, .elementor-section.dark2 span.elementor-progress-text, .elementor-section.dark3 span.elementor-progress-text {
  color: var(--accent-text);
}
.section .wp-block-cover__background.has-background-dim, section .wp-block-cover__background.has-background-dim, .e-con .wp-block-cover__background.has-background-dim, .elementor-section .wp-block-cover__background.has-background-dim {
  background-color: var(--bg);
}
.wp-block-button .wp-block-button__link, .wp-block-button a.wp-element-button {
  background-color: var(--button-color);
  color: var(--button-color-text);
  border-color: var(--button-color);
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:active, .wp-block-button a.wp-element-button:hover, .wp-block-button a.wp-element-button:focus, .wp-block-button a.wp-element-button:active {
  background-color: var(--cta-hover);
  color: var(--cta-hover-text, var(--button-color-text));
  border-color: var(--cta-hover-border, var(--cta-hover));
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 2px solid var(--button-color);
  color: var(--button-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus {
  background-color: var(--button-color);
  color: var(--button-color-text);
}
.elementor-button, a.elementor-button {
  background-color: var(--button-color);
  color: var(--button-color-text);
  border-color: var(--button-color);
}
.elementor-button:hover, .elementor-button:focus, a.elementor-button:hover, a.elementor-button:focus {
  background-color: var(--cta-hover);
  color: var(--cta-hover-text, var(--button-color-text));
  border-color: var(--cta-hover-border, var(--cta-hover));
}
body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button__link, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-element-button, body:not(.brutalist-skin):not(.neubrutalism-skin) a.wp-element-button, body:not(.brutalist-skin):not(.neubrutalism-skin) .elementor-button, body:not(.brutalist-skin):not(.neubrutalism-skin) a.elementor-button {
  background-color: var(--button-color, var(--ast-global-color-0));
  color: var(--button-color-text, var(--ast-global-color-4));
  border-color: var(--button-border-color, var(--ast-global-color-0));
}
body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button__link:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button__link:focus, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button__link:active, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button__link:visited:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-element-button:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-element-button:focus, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-element-button:active, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-element-button:visited:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) a.wp-element-button:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) a.wp-element-button:focus, body:not(.brutalist-skin):not(.neubrutalism-skin) a.wp-element-button:active, body:not(.brutalist-skin):not(.neubrutalism-skin) a.wp-element-button:visited:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) .elementor-button:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) .elementor-button:focus, body:not(.brutalist-skin):not(.neubrutalism-skin) .elementor-button:active, body:not(.brutalist-skin):not(.neubrutalism-skin) .elementor-button:visited:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) a.elementor-button:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) a.elementor-button:focus, body:not(.brutalist-skin):not(.neubrutalism-skin) a.elementor-button:active, body:not(.brutalist-skin):not(.neubrutalism-skin) a.elementor-button:visited:hover {
  background-color: var(--cta-hover, var(--ast-global-color-0));
  color: var(--button-color-text, var(--ast-global-color-4));
  border-color: var(--cta-hover, var(--ast-global-color-0));
}
body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 2px solid var(--button-color, var(--ast-global-color-0));
  color: var(--button-color, var(--ast-global-color-0));
}
body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button.is-style-outline .wp-block-button__link:hover, body:not(.brutalist-skin):not(.neubrutalism-skin) .wp-block-button.is-style-outline .wp-block-button__link:focus {
  background-color: var(--button-color, var(--ast-global-color-0));
  color: var(--button-color-text, var(--ast-global-color-4));
}
button.button.button-brand {
  background-color: var(--button-color);
  color: var(--button-color-text);
}
.ghost .elementor-button-text {
  color: var(--button-ghost-color-text, var(--bg));
}
.ghost-2 .elementor-button-text {
  color: var(--bg);
}
.moa-sm {
  padding: 10px var(--moa-x);
}
.moa-sd {
  padding: var(--moa-y-sd) var(--moa-x);
}
.moa-lg {
  padding: var(--moa-y-lg) var(--moa-x);
}
.moa-xl {
  padding: var(--moa-y-xl) var(--moa-x);
}
.moa-xxl {
  padding: var(--moa-y-xxl) var(--moa-x);
}
.moa-border-rounding {
  border-radius: 10px;
}
.section.border-bottom {
  border-bottom: 2px solid var(--accent, var(--ast-global-color-1));
}
.no-p-blocks, .no-p-blocks > .e-con-inner {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}
.mbtn1 {
  --accent: var(--ast-global-color-1);
  --accent-text: var(--ast-global-color-4);
}
.mbtn1 .elementor-button-wrapper a {
  color: var(--button-color-text);
  background-color: var(--button-color);
  border-color: var(--button-color);
}
.mbtn1 .elementor-button-wrapper a:hover, .mbtn1 .elementor-button-wrapper a:focus {
  background-color: var(--cta-hover);
  color: var(--cta-hover-text, var(--button-color-text));
  border-color: var(--cta-hover-border, var(--cta-hover));
}
.mbtn1 .elementor-social-icons-wrapper a {
  background: var(--accent);
}
.mbtn1 .elementor-social-icons-wrapper a svg {
  fill: var(--accent-text);
}
.mbtn1 .elementor-progress-bar {
  background-color: var(--accent);
}
.mbtn1 span.elementor-progress-percentage, .mbtn1 span.elementor-progress-text {
  color: var(--accent-text);
}
.elementor-widget-text-editor p:last-child {
  margin: 0;
}
.style-hero h1 {
  font-size: 4rem;
}
.style-hero h2 {
  font-size: 3rem;
}
.style-hero b {
  color: var(--text-color2);
}
.style-hero a.elementor-button {
  padding: var(--moa-p-2);
}
.moa-features-icon-feed > div:last-child {
  border-bottom: 1px solid var(--b-border-color);
}
.moa-features-icon-feed .elementor-icon svg {
  fill: var(--accent);
}
.moa-features-grid .moa-grid {
  padding: 15px;
  text-align: center;
}
.moa-price p, .moa-discount-price p {
  font-size: 1.5em;
  font-weight: 700;
}
.moa-discount-price {
  text-decoration: line-through;
}
.moa-number-highlight h2 {
  display: inline-block;
  background-color: var(--accent);
  color: var(--accent-text);
  padding: 15px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  max-width: 100%;
}
.moa-icon span.elementor-divider-separator {
  border-block-color: var(--accent);
}
.moa-icon svg {
  fill: var(--accent);
}
hr.moa-icon {
  color: var(--accent);
}
.gform_wrapper.gravity-theme .gfield_label {
  color: var(--text-color);
}
input[type=submit].gform-button {
  color: var(--accent-text);
  background-color: var(--accent);
}
.pp-gravity-form .gform-footer input[type=submit] {
  background-color: var(--accent);
  color: var(--accent-text);
}
.wpcf7 label {
  color: var(--text-color);
}
.moa-gform-inline .gform_wrapper .gform-body .gform-grid-col span {
  padding-right: 0 !important;
}
.moa-gform-inline .gform_wrapper .gform-body fieldset legend {
  color: var(--text-color);
}
.moa-gform-inline .gform_wrapper .gform-body .gform_fields input[type=text], .moa-gform-inline .gform_wrapper .gform-body .gform_fields input[type=email], .moa-gform-inline .gform_wrapper .gform-body .gform_fields input[type=password] {
  width: 100%;
  padding: 20px;
}
.moa-gform-inline .gform_wrapper .gform-body .ginput_container label {
  color: var(--text-color);
}
.moa-gform-inline .gform_wrapper .gform-body .ginput_container label a {
  color: var(--text-color);
}
.moa-gform-inline .gform_footer .gform_button {
  background: var(--button-color);
  color: var(--button-color-text);
}
.moa-modal.gf .gform_wrapper .gform_heading {
  text-align: center;
}
.moa-modal.gf .gform_wrapper .gform_heading p {
  margin-top: 10px;
  font-size: 21px;
}
.moa-modal.gf .gform_wrapper.gravity-theme .ginput_container_email input[type=email] {
  width: 100%;
}
.moa-modal.gf .gform_wrapper.gravity-theme input {
  padding: 25px;
  font-size: 18px;
}
.moa-modal.gf .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .moa-modal.gf .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
  padding-right: 0 !important;
}
.moa-modal.gf .gform_wrapper.gravity-theme .gform-footer.gform_footer input[type=submit] {
  width: 100%;
}
.section.light .elementor-icon-list-text, .section.light2 .elementor-icon-list-text, .section.light3 .elementor-icon-list-text, .section.dark .elementor-icon-list-text, .section.dark2 .elementor-icon-list-text, .section.dark3 .elementor-icon-list-text, section.light .elementor-icon-list-text, section.light2 .elementor-icon-list-text, section.light3 .elementor-icon-list-text, section.dark .elementor-icon-list-text, section.dark2 .elementor-icon-list-text, section.dark3 .elementor-icon-list-text, .e-con.light .elementor-icon-list-text, .e-con.light2 .elementor-icon-list-text, .e-con.light3 .elementor-icon-list-text, .e-con.dark .elementor-icon-list-text, .e-con.dark2 .elementor-icon-list-text, .e-con.dark3 .elementor-icon-list-text, .elementor-section.light .elementor-icon-list-text, .elementor-section.light2 .elementor-icon-list-text, .elementor-section.light3 .elementor-icon-list-text, .elementor-section.dark .elementor-icon-list-text, .elementor-section.dark2 .elementor-icon-list-text, .elementor-section.dark3 .elementor-icon-list-text {
  color: var(--text-color);
}
.section.light .elementor-icon-list-icon i, .section.light2 .elementor-icon-list-icon i, .section.light3 .elementor-icon-list-icon i, .section.light .elementor-icon-list-icon svg, .section.light2 .elementor-icon-list-icon svg, .section.light3 .elementor-icon-list-icon svg, .section.dark .elementor-icon-list-icon i, .section.dark2 .elementor-icon-list-icon i, .section.dark3 .elementor-icon-list-icon i, .section.dark .elementor-icon-list-icon svg, .section.dark2 .elementor-icon-list-icon svg, .section.dark3 .elementor-icon-list-icon svg, section.light .elementor-icon-list-icon i, section.light2 .elementor-icon-list-icon i, section.light3 .elementor-icon-list-icon i, section.light .elementor-icon-list-icon svg, section.light2 .elementor-icon-list-icon svg, section.light3 .elementor-icon-list-icon svg, section.dark .elementor-icon-list-icon i, section.dark2 .elementor-icon-list-icon i, section.dark3 .elementor-icon-list-icon i, section.dark .elementor-icon-list-icon svg, section.dark2 .elementor-icon-list-icon svg, section.dark3 .elementor-icon-list-icon svg, .e-con.light .elementor-icon-list-icon i, .e-con.light2 .elementor-icon-list-icon i, .e-con.light3 .elementor-icon-list-icon i, .e-con.light .elementor-icon-list-icon svg, .e-con.light2 .elementor-icon-list-icon svg, .e-con.light3 .elementor-icon-list-icon svg, .e-con.dark .elementor-icon-list-icon i, .e-con.dark2 .elementor-icon-list-icon i, .e-con.dark3 .elementor-icon-list-icon i, .e-con.dark .elementor-icon-list-icon svg, .e-con.dark2 .elementor-icon-list-icon svg, .e-con.dark3 .elementor-icon-list-icon svg, .elementor-section.light .elementor-icon-list-icon i, .elementor-section.light2 .elementor-icon-list-icon i, .elementor-section.light3 .elementor-icon-list-icon i, .elementor-section.light .elementor-icon-list-icon svg, .elementor-section.light2 .elementor-icon-list-icon svg, .elementor-section.light3 .elementor-icon-list-icon svg, .elementor-section.dark .elementor-icon-list-icon i, .elementor-section.dark2 .elementor-icon-list-icon i, .elementor-section.dark3 .elementor-icon-list-icon i, .elementor-section.dark .elementor-icon-list-icon svg, .elementor-section.dark2 .elementor-icon-list-icon svg, .elementor-section.dark3 .elementor-icon-list-icon svg {
  color: var(--accent);
  fill: var(--accent);
}
.section.light .elementor-counter-number-wrapper, .section.light2 .elementor-counter-number-wrapper, .section.light3 .elementor-counter-number-wrapper, .section.dark .elementor-counter-number-wrapper, .section.dark2 .elementor-counter-number-wrapper, .section.dark3 .elementor-counter-number-wrapper, section.light .elementor-counter-number-wrapper, section.light2 .elementor-counter-number-wrapper, section.light3 .elementor-counter-number-wrapper, section.dark .elementor-counter-number-wrapper, section.dark2 .elementor-counter-number-wrapper, section.dark3 .elementor-counter-number-wrapper, .e-con.light .elementor-counter-number-wrapper, .e-con.light2 .elementor-counter-number-wrapper, .e-con.light3 .elementor-counter-number-wrapper, .e-con.dark .elementor-counter-number-wrapper, .e-con.dark2 .elementor-counter-number-wrapper, .e-con.dark3 .elementor-counter-number-wrapper, .elementor-section.light .elementor-counter-number-wrapper, .elementor-section.light2 .elementor-counter-number-wrapper, .elementor-section.light3 .elementor-counter-number-wrapper, .elementor-section.dark .elementor-counter-number-wrapper, .elementor-section.dark2 .elementor-counter-number-wrapper, .elementor-section.dark3 .elementor-counter-number-wrapper {
  color: var(--accent);
}
.section.light .elementor-counter-title, .section.light2 .elementor-counter-title, .section.light3 .elementor-counter-title, .section.dark .elementor-counter-title, .section.dark2 .elementor-counter-title, .section.dark3 .elementor-counter-title, section.light .elementor-counter-title, section.light2 .elementor-counter-title, section.light3 .elementor-counter-title, section.dark .elementor-counter-title, section.dark2 .elementor-counter-title, section.dark3 .elementor-counter-title, .e-con.light .elementor-counter-title, .e-con.light2 .elementor-counter-title, .e-con.light3 .elementor-counter-title, .e-con.dark .elementor-counter-title, .e-con.dark2 .elementor-counter-title, .e-con.dark3 .elementor-counter-title, .elementor-section.light .elementor-counter-title, .elementor-section.light2 .elementor-counter-title, .elementor-section.light3 .elementor-counter-title, .elementor-section.dark .elementor-counter-title, .elementor-section.dark2 .elementor-counter-title, .elementor-section.dark3 .elementor-counter-title {
  color: var(--text-color);
}
.section.light .elementor-testimonial-content, .section.light2 .elementor-testimonial-content, .section.light3 .elementor-testimonial-content, .section.dark .elementor-testimonial-content, .section.dark2 .elementor-testimonial-content, .section.dark3 .elementor-testimonial-content, section.light .elementor-testimonial-content, section.light2 .elementor-testimonial-content, section.light3 .elementor-testimonial-content, section.dark .elementor-testimonial-content, section.dark2 .elementor-testimonial-content, section.dark3 .elementor-testimonial-content, .e-con.light .elementor-testimonial-content, .e-con.light2 .elementor-testimonial-content, .e-con.light3 .elementor-testimonial-content, .e-con.dark .elementor-testimonial-content, .e-con.dark2 .elementor-testimonial-content, .e-con.dark3 .elementor-testimonial-content, .elementor-section.light .elementor-testimonial-content, .elementor-section.light2 .elementor-testimonial-content, .elementor-section.light3 .elementor-testimonial-content, .elementor-section.dark .elementor-testimonial-content, .elementor-section.dark2 .elementor-testimonial-content, .elementor-section.dark3 .elementor-testimonial-content {
  color: var(--text-color);
}
.section.light .elementor-testimonial-name, .section.light2 .elementor-testimonial-name, .section.light3 .elementor-testimonial-name, .section.dark .elementor-testimonial-name, .section.dark2 .elementor-testimonial-name, .section.dark3 .elementor-testimonial-name, section.light .elementor-testimonial-name, section.light2 .elementor-testimonial-name, section.light3 .elementor-testimonial-name, section.dark .elementor-testimonial-name, section.dark2 .elementor-testimonial-name, section.dark3 .elementor-testimonial-name, .e-con.light .elementor-testimonial-name, .e-con.light2 .elementor-testimonial-name, .e-con.light3 .elementor-testimonial-name, .e-con.dark .elementor-testimonial-name, .e-con.dark2 .elementor-testimonial-name, .e-con.dark3 .elementor-testimonial-name, .elementor-section.light .elementor-testimonial-name, .elementor-section.light2 .elementor-testimonial-name, .elementor-section.light3 .elementor-testimonial-name, .elementor-section.dark .elementor-testimonial-name, .elementor-section.dark2 .elementor-testimonial-name, .elementor-section.dark3 .elementor-testimonial-name {
  color: var(--text-color2);
}
.section.light .elementor-testimonial-job, .section.light2 .elementor-testimonial-job, .section.light3 .elementor-testimonial-job, .section.dark .elementor-testimonial-job, .section.dark2 .elementor-testimonial-job, .section.dark3 .elementor-testimonial-job, section.light .elementor-testimonial-job, section.light2 .elementor-testimonial-job, section.light3 .elementor-testimonial-job, section.dark .elementor-testimonial-job, section.dark2 .elementor-testimonial-job, section.dark3 .elementor-testimonial-job, .e-con.light .elementor-testimonial-job, .e-con.light2 .elementor-testimonial-job, .e-con.light3 .elementor-testimonial-job, .e-con.dark .elementor-testimonial-job, .e-con.dark2 .elementor-testimonial-job, .e-con.dark3 .elementor-testimonial-job, .elementor-section.light .elementor-testimonial-job, .elementor-section.light2 .elementor-testimonial-job, .elementor-section.light3 .elementor-testimonial-job, .elementor-section.dark .elementor-testimonial-job, .elementor-section.dark2 .elementor-testimonial-job, .elementor-section.dark3 .elementor-testimonial-job {
  color: var(--text-color3);
}
.section.light .elementor-tab-title, .section.light2 .elementor-tab-title, .section.light3 .elementor-tab-title, .section.dark .elementor-tab-title, .section.dark2 .elementor-tab-title, .section.dark3 .elementor-tab-title, section.light .elementor-tab-title, section.light2 .elementor-tab-title, section.light3 .elementor-tab-title, section.dark .elementor-tab-title, section.dark2 .elementor-tab-title, section.dark3 .elementor-tab-title, .e-con.light .elementor-tab-title, .e-con.light2 .elementor-tab-title, .e-con.light3 .elementor-tab-title, .e-con.dark .elementor-tab-title, .e-con.dark2 .elementor-tab-title, .e-con.dark3 .elementor-tab-title, .elementor-section.light .elementor-tab-title, .elementor-section.light2 .elementor-tab-title, .elementor-section.light3 .elementor-tab-title, .elementor-section.dark .elementor-tab-title, .elementor-section.dark2 .elementor-tab-title, .elementor-section.dark3 .elementor-tab-title {
  color: var(--text-color);
}
.section.light .elementor-tab-title.elementor-active, .section.light2 .elementor-tab-title.elementor-active, .section.light3 .elementor-tab-title.elementor-active, .section.dark .elementor-tab-title.elementor-active, .section.dark2 .elementor-tab-title.elementor-active, .section.dark3 .elementor-tab-title.elementor-active, section.light .elementor-tab-title.elementor-active, section.light2 .elementor-tab-title.elementor-active, section.light3 .elementor-tab-title.elementor-active, section.dark .elementor-tab-title.elementor-active, section.dark2 .elementor-tab-title.elementor-active, section.dark3 .elementor-tab-title.elementor-active, .e-con.light .elementor-tab-title.elementor-active, .e-con.light2 .elementor-tab-title.elementor-active, .e-con.light3 .elementor-tab-title.elementor-active, .e-con.dark .elementor-tab-title.elementor-active, .e-con.dark2 .elementor-tab-title.elementor-active, .e-con.dark3 .elementor-tab-title.elementor-active, .elementor-section.light .elementor-tab-title.elementor-active, .elementor-section.light2 .elementor-tab-title.elementor-active, .elementor-section.light3 .elementor-tab-title.elementor-active, .elementor-section.dark .elementor-tab-title.elementor-active, .elementor-section.dark2 .elementor-tab-title.elementor-active, .elementor-section.dark3 .elementor-tab-title.elementor-active {
  color: var(--accent);
}
.section.light .elementor-tab-content, .section.light2 .elementor-tab-content, .section.light3 .elementor-tab-content, .section.dark .elementor-tab-content, .section.dark2 .elementor-tab-content, .section.dark3 .elementor-tab-content, section.light .elementor-tab-content, section.light2 .elementor-tab-content, section.light3 .elementor-tab-content, section.dark .elementor-tab-content, section.dark2 .elementor-tab-content, section.dark3 .elementor-tab-content, .e-con.light .elementor-tab-content, .e-con.light2 .elementor-tab-content, .e-con.light3 .elementor-tab-content, .e-con.dark .elementor-tab-content, .e-con.dark2 .elementor-tab-content, .e-con.dark3 .elementor-tab-content, .elementor-section.light .elementor-tab-content, .elementor-section.light2 .elementor-tab-content, .elementor-section.light3 .elementor-tab-content, .elementor-section.dark .elementor-tab-content, .elementor-section.dark2 .elementor-tab-content, .elementor-section.dark3 .elementor-tab-content {
  color: var(--text-color);
  border-color: var(--border-color);
}
.section.light .elementor-accordion-title, .section.light2 .elementor-accordion-title, .section.light3 .elementor-accordion-title, .section.dark .elementor-accordion-title, .section.dark2 .elementor-accordion-title, .section.dark3 .elementor-accordion-title, section.light .elementor-accordion-title, section.light2 .elementor-accordion-title, section.light3 .elementor-accordion-title, section.dark .elementor-accordion-title, section.dark2 .elementor-accordion-title, section.dark3 .elementor-accordion-title, .e-con.light .elementor-accordion-title, .e-con.light2 .elementor-accordion-title, .e-con.light3 .elementor-accordion-title, .e-con.dark .elementor-accordion-title, .e-con.dark2 .elementor-accordion-title, .e-con.dark3 .elementor-accordion-title, .elementor-section.light .elementor-accordion-title, .elementor-section.light2 .elementor-accordion-title, .elementor-section.light3 .elementor-accordion-title, .elementor-section.dark .elementor-accordion-title, .elementor-section.dark2 .elementor-accordion-title, .elementor-section.dark3 .elementor-accordion-title {
  color: var(--text-color);
}
.section.light .elementor-accordion-content, .section.light2 .elementor-accordion-content, .section.light3 .elementor-accordion-content, .section.dark .elementor-accordion-content, .section.dark2 .elementor-accordion-content, .section.dark3 .elementor-accordion-content, section.light .elementor-accordion-content, section.light2 .elementor-accordion-content, section.light3 .elementor-accordion-content, section.dark .elementor-accordion-content, section.dark2 .elementor-accordion-content, section.dark3 .elementor-accordion-content, .e-con.light .elementor-accordion-content, .e-con.light2 .elementor-accordion-content, .e-con.light3 .elementor-accordion-content, .e-con.dark .elementor-accordion-content, .e-con.dark2 .elementor-accordion-content, .e-con.dark3 .elementor-accordion-content, .elementor-section.light .elementor-accordion-content, .elementor-section.light2 .elementor-accordion-content, .elementor-section.light3 .elementor-accordion-content, .elementor-section.dark .elementor-accordion-content, .elementor-section.dark2 .elementor-accordion-content, .elementor-section.dark3 .elementor-accordion-content {
  color: var(--text-color);
}
.section.light .elementor-accordion-icon i, .section.light2 .elementor-accordion-icon i, .section.light3 .elementor-accordion-icon i, .section.light .elementor-accordion-icon svg, .section.light2 .elementor-accordion-icon svg, .section.light3 .elementor-accordion-icon svg, .section.dark .elementor-accordion-icon i, .section.dark2 .elementor-accordion-icon i, .section.dark3 .elementor-accordion-icon i, .section.dark .elementor-accordion-icon svg, .section.dark2 .elementor-accordion-icon svg, .section.dark3 .elementor-accordion-icon svg, section.light .elementor-accordion-icon i, section.light2 .elementor-accordion-icon i, section.light3 .elementor-accordion-icon i, section.light .elementor-accordion-icon svg, section.light2 .elementor-accordion-icon svg, section.light3 .elementor-accordion-icon svg, section.dark .elementor-accordion-icon i, section.dark2 .elementor-accordion-icon i, section.dark3 .elementor-accordion-icon i, section.dark .elementor-accordion-icon svg, section.dark2 .elementor-accordion-icon svg, section.dark3 .elementor-accordion-icon svg, .e-con.light .elementor-accordion-icon i, .e-con.light2 .elementor-accordion-icon i, .e-con.light3 .elementor-accordion-icon i, .e-con.light .elementor-accordion-icon svg, .e-con.light2 .elementor-accordion-icon svg, .e-con.light3 .elementor-accordion-icon svg, .e-con.dark .elementor-accordion-icon i, .e-con.dark2 .elementor-accordion-icon i, .e-con.dark3 .elementor-accordion-icon i, .e-con.dark .elementor-accordion-icon svg, .e-con.dark2 .elementor-accordion-icon svg, .e-con.dark3 .elementor-accordion-icon svg, .elementor-section.light .elementor-accordion-icon i, .elementor-section.light2 .elementor-accordion-icon i, .elementor-section.light3 .elementor-accordion-icon i, .elementor-section.light .elementor-accordion-icon svg, .elementor-section.light2 .elementor-accordion-icon svg, .elementor-section.light3 .elementor-accordion-icon svg, .elementor-section.dark .elementor-accordion-icon i, .elementor-section.dark2 .elementor-accordion-icon i, .elementor-section.dark3 .elementor-accordion-icon i, .elementor-section.dark .elementor-accordion-icon svg, .elementor-section.dark2 .elementor-accordion-icon svg, .elementor-section.dark3 .elementor-accordion-icon svg {
  color: var(--accent);
  fill: var(--accent);
}
.section.light .elementor-toggle-title, .section.light2 .elementor-toggle-title, .section.light3 .elementor-toggle-title, .section.dark .elementor-toggle-title, .section.dark2 .elementor-toggle-title, .section.dark3 .elementor-toggle-title, section.light .elementor-toggle-title, section.light2 .elementor-toggle-title, section.light3 .elementor-toggle-title, section.dark .elementor-toggle-title, section.dark2 .elementor-toggle-title, section.dark3 .elementor-toggle-title, .e-con.light .elementor-toggle-title, .e-con.light2 .elementor-toggle-title, .e-con.light3 .elementor-toggle-title, .e-con.dark .elementor-toggle-title, .e-con.dark2 .elementor-toggle-title, .e-con.dark3 .elementor-toggle-title, .elementor-section.light .elementor-toggle-title, .elementor-section.light2 .elementor-toggle-title, .elementor-section.light3 .elementor-toggle-title, .elementor-section.dark .elementor-toggle-title, .elementor-section.dark2 .elementor-toggle-title, .elementor-section.dark3 .elementor-toggle-title {
  color: var(--text-color);
}
.section.light .elementor-toggle-content, .section.light2 .elementor-toggle-content, .section.light3 .elementor-toggle-content, .section.dark .elementor-toggle-content, .section.dark2 .elementor-toggle-content, .section.dark3 .elementor-toggle-content, section.light .elementor-toggle-content, section.light2 .elementor-toggle-content, section.light3 .elementor-toggle-content, section.dark .elementor-toggle-content, section.dark2 .elementor-toggle-content, section.dark3 .elementor-toggle-content, .e-con.light .elementor-toggle-content, .e-con.light2 .elementor-toggle-content, .e-con.light3 .elementor-toggle-content, .e-con.dark .elementor-toggle-content, .e-con.dark2 .elementor-toggle-content, .e-con.dark3 .elementor-toggle-content, .elementor-section.light .elementor-toggle-content, .elementor-section.light2 .elementor-toggle-content, .elementor-section.light3 .elementor-toggle-content, .elementor-section.dark .elementor-toggle-content, .elementor-section.dark2 .elementor-toggle-content, .elementor-section.dark3 .elementor-toggle-content {
  color: var(--text-color);
}
.section.light .elementor-toggle-icon i, .section.light2 .elementor-toggle-icon i, .section.light3 .elementor-toggle-icon i, .section.light .elementor-toggle-icon svg, .section.light2 .elementor-toggle-icon svg, .section.light3 .elementor-toggle-icon svg, .section.dark .elementor-toggle-icon i, .section.dark2 .elementor-toggle-icon i, .section.dark3 .elementor-toggle-icon i, .section.dark .elementor-toggle-icon svg, .section.dark2 .elementor-toggle-icon svg, .section.dark3 .elementor-toggle-icon svg, section.light .elementor-toggle-icon i, section.light2 .elementor-toggle-icon i, section.light3 .elementor-toggle-icon i, section.light .elementor-toggle-icon svg, section.light2 .elementor-toggle-icon svg, section.light3 .elementor-toggle-icon svg, section.dark .elementor-toggle-icon i, section.dark2 .elementor-toggle-icon i, section.dark3 .elementor-toggle-icon i, section.dark .elementor-toggle-icon svg, section.dark2 .elementor-toggle-icon svg, section.dark3 .elementor-toggle-icon svg, .e-con.light .elementor-toggle-icon i, .e-con.light2 .elementor-toggle-icon i, .e-con.light3 .elementor-toggle-icon i, .e-con.light .elementor-toggle-icon svg, .e-con.light2 .elementor-toggle-icon svg, .e-con.light3 .elementor-toggle-icon svg, .e-con.dark .elementor-toggle-icon i, .e-con.dark2 .elementor-toggle-icon i, .e-con.dark3 .elementor-toggle-icon i, .e-con.dark .elementor-toggle-icon svg, .e-con.dark2 .elementor-toggle-icon svg, .e-con.dark3 .elementor-toggle-icon svg, .elementor-section.light .elementor-toggle-icon i, .elementor-section.light2 .elementor-toggle-icon i, .elementor-section.light3 .elementor-toggle-icon i, .elementor-section.light .elementor-toggle-icon svg, .elementor-section.light2 .elementor-toggle-icon svg, .elementor-section.light3 .elementor-toggle-icon svg, .elementor-section.dark .elementor-toggle-icon i, .elementor-section.dark2 .elementor-toggle-icon i, .elementor-section.dark3 .elementor-toggle-icon i, .elementor-section.dark .elementor-toggle-icon svg, .elementor-section.dark2 .elementor-toggle-icon svg, .elementor-section.dark3 .elementor-toggle-icon svg {
  color: var(--accent);
  fill: var(--accent);
}
.section.light .elementor-alert-title, .section.light2 .elementor-alert-title, .section.light3 .elementor-alert-title, .section.dark .elementor-alert-title, .section.dark2 .elementor-alert-title, .section.dark3 .elementor-alert-title, section.light .elementor-alert-title, section.light2 .elementor-alert-title, section.light3 .elementor-alert-title, section.dark .elementor-alert-title, section.dark2 .elementor-alert-title, section.dark3 .elementor-alert-title, .e-con.light .elementor-alert-title, .e-con.light2 .elementor-alert-title, .e-con.light3 .elementor-alert-title, .e-con.dark .elementor-alert-title, .e-con.dark2 .elementor-alert-title, .e-con.dark3 .elementor-alert-title, .elementor-section.light .elementor-alert-title, .elementor-section.light2 .elementor-alert-title, .elementor-section.light3 .elementor-alert-title, .elementor-section.dark .elementor-alert-title, .elementor-section.dark2 .elementor-alert-title, .elementor-section.dark3 .elementor-alert-title {
  color: var(--text-color);
}
.section.light .elementor-alert-description, .section.light2 .elementor-alert-description, .section.light3 .elementor-alert-description, .section.dark .elementor-alert-description, .section.dark2 .elementor-alert-description, .section.dark3 .elementor-alert-description, section.light .elementor-alert-description, section.light2 .elementor-alert-description, section.light3 .elementor-alert-description, section.dark .elementor-alert-description, section.dark2 .elementor-alert-description, section.dark3 .elementor-alert-description, .e-con.light .elementor-alert-description, .e-con.light2 .elementor-alert-description, .e-con.light3 .elementor-alert-description, .e-con.dark .elementor-alert-description, .e-con.dark2 .elementor-alert-description, .e-con.dark3 .elementor-alert-description, .elementor-section.light .elementor-alert-description, .elementor-section.light2 .elementor-alert-description, .elementor-section.light3 .elementor-alert-description, .elementor-section.dark .elementor-alert-description, .elementor-section.dark2 .elementor-alert-description, .elementor-section.dark3 .elementor-alert-description {
  color: var(--text-color2);
}
.section.light .wp-block-separator, .section.light2 .wp-block-separator, .section.light3 .wp-block-separator, .section.dark .wp-block-separator, .section.dark2 .wp-block-separator, .section.dark3 .wp-block-separator, section.light .wp-block-separator, section.light2 .wp-block-separator, section.light3 .wp-block-separator, section.dark .wp-block-separator, section.dark2 .wp-block-separator, section.dark3 .wp-block-separator, .e-con.light .wp-block-separator, .e-con.light2 .wp-block-separator, .e-con.light3 .wp-block-separator, .e-con.dark .wp-block-separator, .e-con.dark2 .wp-block-separator, .e-con.dark3 .wp-block-separator, .elementor-section.light .wp-block-separator, .elementor-section.light2 .wp-block-separator, .elementor-section.light3 .wp-block-separator, .elementor-section.dark .wp-block-separator, .elementor-section.dark2 .wp-block-separator, .elementor-section.dark3 .wp-block-separator {
  border-color: var(--border-color);
}
.section.light .wp-block-separator.has-css-opacity, .section.light2 .wp-block-separator.has-css-opacity, .section.light3 .wp-block-separator.has-css-opacity, .section.dark .wp-block-separator.has-css-opacity, .section.dark2 .wp-block-separator.has-css-opacity, .section.dark3 .wp-block-separator.has-css-opacity, section.light .wp-block-separator.has-css-opacity, section.light2 .wp-block-separator.has-css-opacity, section.light3 .wp-block-separator.has-css-opacity, section.dark .wp-block-separator.has-css-opacity, section.dark2 .wp-block-separator.has-css-opacity, section.dark3 .wp-block-separator.has-css-opacity, .e-con.light .wp-block-separator.has-css-opacity, .e-con.light2 .wp-block-separator.has-css-opacity, .e-con.light3 .wp-block-separator.has-css-opacity, .e-con.dark .wp-block-separator.has-css-opacity, .e-con.dark2 .wp-block-separator.has-css-opacity, .e-con.dark3 .wp-block-separator.has-css-opacity, .elementor-section.light .wp-block-separator.has-css-opacity, .elementor-section.light2 .wp-block-separator.has-css-opacity, .elementor-section.light3 .wp-block-separator.has-css-opacity, .elementor-section.dark .wp-block-separator.has-css-opacity, .elementor-section.dark2 .wp-block-separator.has-css-opacity, .elementor-section.dark3 .wp-block-separator.has-css-opacity {
  opacity: 1;
}
.section.light .wp-block-quote, .section.light2 .wp-block-quote, .section.light3 .wp-block-quote, .section.dark .wp-block-quote, .section.dark2 .wp-block-quote, .section.dark3 .wp-block-quote, section.light .wp-block-quote, section.light2 .wp-block-quote, section.light3 .wp-block-quote, section.dark .wp-block-quote, section.dark2 .wp-block-quote, section.dark3 .wp-block-quote, .e-con.light .wp-block-quote, .e-con.light2 .wp-block-quote, .e-con.light3 .wp-block-quote, .e-con.dark .wp-block-quote, .e-con.dark2 .wp-block-quote, .e-con.dark3 .wp-block-quote, .elementor-section.light .wp-block-quote, .elementor-section.light2 .wp-block-quote, .elementor-section.light3 .wp-block-quote, .elementor-section.dark .wp-block-quote, .elementor-section.dark2 .wp-block-quote, .elementor-section.dark3 .wp-block-quote {
  color: var(--text-color);
  border-left-color: var(--accent);
}
.section.light .wp-block-quote cite, .section.light2 .wp-block-quote cite, .section.light3 .wp-block-quote cite, .section.dark .wp-block-quote cite, .section.dark2 .wp-block-quote cite, .section.dark3 .wp-block-quote cite, section.light .wp-block-quote cite, section.light2 .wp-block-quote cite, section.light3 .wp-block-quote cite, section.dark .wp-block-quote cite, section.dark2 .wp-block-quote cite, section.dark3 .wp-block-quote cite, .e-con.light .wp-block-quote cite, .e-con.light2 .wp-block-quote cite, .e-con.light3 .wp-block-quote cite, .e-con.dark .wp-block-quote cite, .e-con.dark2 .wp-block-quote cite, .e-con.dark3 .wp-block-quote cite, .elementor-section.light .wp-block-quote cite, .elementor-section.light2 .wp-block-quote cite, .elementor-section.light3 .wp-block-quote cite, .elementor-section.dark .wp-block-quote cite, .elementor-section.dark2 .wp-block-quote cite, .elementor-section.dark3 .wp-block-quote cite {
  color: var(--text-color3);
}
.section.light .wp-block-table td, .section.light2 .wp-block-table td, .section.light3 .wp-block-table td, .section.light .wp-block-table th, .section.light2 .wp-block-table th, .section.light3 .wp-block-table th, .section.dark .wp-block-table td, .section.dark2 .wp-block-table td, .section.dark3 .wp-block-table td, .section.dark .wp-block-table th, .section.dark2 .wp-block-table th, .section.dark3 .wp-block-table th, section.light .wp-block-table td, section.light2 .wp-block-table td, section.light3 .wp-block-table td, section.light .wp-block-table th, section.light2 .wp-block-table th, section.light3 .wp-block-table th, section.dark .wp-block-table td, section.dark2 .wp-block-table td, section.dark3 .wp-block-table td, section.dark .wp-block-table th, section.dark2 .wp-block-table th, section.dark3 .wp-block-table th, .e-con.light .wp-block-table td, .e-con.light2 .wp-block-table td, .e-con.light3 .wp-block-table td, .e-con.light .wp-block-table th, .e-con.light2 .wp-block-table th, .e-con.light3 .wp-block-table th, .e-con.dark .wp-block-table td, .e-con.dark2 .wp-block-table td, .e-con.dark3 .wp-block-table td, .e-con.dark .wp-block-table th, .e-con.dark2 .wp-block-table th, .e-con.dark3 .wp-block-table th, .elementor-section.light .wp-block-table td, .elementor-section.light2 .wp-block-table td, .elementor-section.light3 .wp-block-table td, .elementor-section.light .wp-block-table th, .elementor-section.light2 .wp-block-table th, .elementor-section.light3 .wp-block-table th, .elementor-section.dark .wp-block-table td, .elementor-section.dark2 .wp-block-table td, .elementor-section.dark3 .wp-block-table td, .elementor-section.dark .wp-block-table th, .elementor-section.dark2 .wp-block-table th, .elementor-section.dark3 .wp-block-table th {
  color: var(--text-color);
  border-color: var(--border-color);
}
.section.light .wp-block-table th, .section.light2 .wp-block-table th, .section.light3 .wp-block-table th, .section.dark .wp-block-table th, .section.dark2 .wp-block-table th, .section.dark3 .wp-block-table th, section.light .wp-block-table th, section.light2 .wp-block-table th, section.light3 .wp-block-table th, section.dark .wp-block-table th, section.dark2 .wp-block-table th, section.dark3 .wp-block-table th, .e-con.light .wp-block-table th, .e-con.light2 .wp-block-table th, .e-con.light3 .wp-block-table th, .e-con.dark .wp-block-table th, .e-con.dark2 .wp-block-table th, .e-con.dark3 .wp-block-table th, .elementor-section.light .wp-block-table th, .elementor-section.light2 .wp-block-table th, .elementor-section.light3 .wp-block-table th, .elementor-section.dark .wp-block-table th, .elementor-section.dark2 .wp-block-table th, .elementor-section.dark3 .wp-block-table th {
  color: var(--text-color2);
}
.section.light .wp-block-list, .section.light2 .wp-block-list, .section.light3 .wp-block-list, .section.dark .wp-block-list, .section.dark2 .wp-block-list, .section.dark3 .wp-block-list, section.light .wp-block-list, section.light2 .wp-block-list, section.light3 .wp-block-list, section.dark .wp-block-list, section.dark2 .wp-block-list, section.dark3 .wp-block-list, .e-con.light .wp-block-list, .e-con.light2 .wp-block-list, .e-con.light3 .wp-block-list, .e-con.dark .wp-block-list, .e-con.dark2 .wp-block-list, .e-con.dark3 .wp-block-list, .elementor-section.light .wp-block-list, .elementor-section.light2 .wp-block-list, .elementor-section.light3 .wp-block-list, .elementor-section.dark .wp-block-list, .elementor-section.dark2 .wp-block-list, .elementor-section.dark3 .wp-block-list {
  color: var(--text-color);
}
.section.light .wp-block-list::marker, .section.light2 .wp-block-list::marker, .section.light3 .wp-block-list::marker, .section.light .wp-block-list li::marker, .section.light2 .wp-block-list li::marker, .section.light3 .wp-block-list li::marker, .section.dark .wp-block-list::marker, .section.dark2 .wp-block-list::marker, .section.dark3 .wp-block-list::marker, .section.dark .wp-block-list li::marker, .section.dark2 .wp-block-list li::marker, .section.dark3 .wp-block-list li::marker, section.light .wp-block-list::marker, section.light2 .wp-block-list::marker, section.light3 .wp-block-list::marker, section.light .wp-block-list li::marker, section.light2 .wp-block-list li::marker, section.light3 .wp-block-list li::marker, section.dark .wp-block-list::marker, section.dark2 .wp-block-list::marker, section.dark3 .wp-block-list::marker, section.dark .wp-block-list li::marker, section.dark2 .wp-block-list li::marker, section.dark3 .wp-block-list li::marker, .e-con.light .wp-block-list::marker, .e-con.light2 .wp-block-list::marker, .e-con.light3 .wp-block-list::marker, .e-con.light .wp-block-list li::marker, .e-con.light2 .wp-block-list li::marker, .e-con.light3 .wp-block-list li::marker, .e-con.dark .wp-block-list::marker, .e-con.dark2 .wp-block-list::marker, .e-con.dark3 .wp-block-list::marker, .e-con.dark .wp-block-list li::marker, .e-con.dark2 .wp-block-list li::marker, .e-con.dark3 .wp-block-list li::marker, .elementor-section.light .wp-block-list::marker, .elementor-section.light2 .wp-block-list::marker, .elementor-section.light3 .wp-block-list::marker, .elementor-section.light .wp-block-list li::marker, .elementor-section.light2 .wp-block-list li::marker, .elementor-section.light3 .wp-block-list li::marker, .elementor-section.dark .wp-block-list::marker, .elementor-section.dark2 .wp-block-list::marker, .elementor-section.dark3 .wp-block-list::marker, .elementor-section.dark .wp-block-list li::marker, .elementor-section.dark2 .wp-block-list li::marker, .elementor-section.dark3 .wp-block-list li::marker {
  color: var(--accent);
}
.section.light li, .section.light2 li, .section.light3 li, .section.light dt, .section.light2 dt, .section.light3 dt, .section.light dd, .section.light2 dd, .section.light3 dd, .section.light figcaption, .section.light2 figcaption, .section.light3 figcaption, .section.light caption, .section.light2 caption, .section.light3 caption, .section.dark li, .section.dark2 li, .section.dark3 li, .section.dark dt, .section.dark2 dt, .section.dark3 dt, .section.dark dd, .section.dark2 dd, .section.dark3 dd, .section.dark figcaption, .section.dark2 figcaption, .section.dark3 figcaption, .section.dark caption, .section.dark2 caption, .section.dark3 caption, section.light li, section.light2 li, section.light3 li, section.light dt, section.light2 dt, section.light3 dt, section.light dd, section.light2 dd, section.light3 dd, section.light figcaption, section.light2 figcaption, section.light3 figcaption, section.light caption, section.light2 caption, section.light3 caption, section.dark li, section.dark2 li, section.dark3 li, section.dark dt, section.dark2 dt, section.dark3 dt, section.dark dd, section.dark2 dd, section.dark3 dd, section.dark figcaption, section.dark2 figcaption, section.dark3 figcaption, section.dark caption, section.dark2 caption, section.dark3 caption, .e-con.light li, .e-con.light2 li, .e-con.light3 li, .e-con.light dt, .e-con.light2 dt, .e-con.light3 dt, .e-con.light dd, .e-con.light2 dd, .e-con.light3 dd, .e-con.light figcaption, .e-con.light2 figcaption, .e-con.light3 figcaption, .e-con.light caption, .e-con.light2 caption, .e-con.light3 caption, .e-con.dark li, .e-con.dark2 li, .e-con.dark3 li, .e-con.dark dt, .e-con.dark2 dt, .e-con.dark3 dt, .e-con.dark dd, .e-con.dark2 dd, .e-con.dark3 dd, .e-con.dark figcaption, .e-con.dark2 figcaption, .e-con.dark3 figcaption, .e-con.dark caption, .e-con.dark2 caption, .e-con.dark3 caption, .elementor-section.light li, .elementor-section.light2 li, .elementor-section.light3 li, .elementor-section.light dt, .elementor-section.light2 dt, .elementor-section.light3 dt, .elementor-section.light dd, .elementor-section.light2 dd, .elementor-section.light3 dd, .elementor-section.light figcaption, .elementor-section.light2 figcaption, .elementor-section.light3 figcaption, .elementor-section.light caption, .elementor-section.light2 caption, .elementor-section.light3 caption, .elementor-section.dark li, .elementor-section.dark2 li, .elementor-section.dark3 li, .elementor-section.dark dt, .elementor-section.dark2 dt, .elementor-section.dark3 dt, .elementor-section.dark dd, .elementor-section.dark2 dd, .elementor-section.dark3 dd, .elementor-section.dark figcaption, .elementor-section.dark2 figcaption, .elementor-section.dark3 figcaption, .elementor-section.dark caption, .elementor-section.dark2 caption, .elementor-section.dark3 caption {
  color: var(--text-color);
}
.section.light td, .section.light2 td, .section.light3 td, .section.light th, .section.light2 th, .section.light3 th, .section.dark td, .section.dark2 td, .section.dark3 td, .section.dark th, .section.dark2 th, .section.dark3 th, section.light td, section.light2 td, section.light3 td, section.light th, section.light2 th, section.light3 th, section.dark td, section.dark2 td, section.dark3 td, section.dark th, section.dark2 th, section.dark3 th, .e-con.light td, .e-con.light2 td, .e-con.light3 td, .e-con.light th, .e-con.light2 th, .e-con.light3 th, .e-con.dark td, .e-con.dark2 td, .e-con.dark3 td, .e-con.dark th, .e-con.dark2 th, .e-con.dark3 th, .elementor-section.light td, .elementor-section.light2 td, .elementor-section.light3 td, .elementor-section.light th, .elementor-section.light2 th, .elementor-section.light3 th, .elementor-section.dark td, .elementor-section.dark2 td, .elementor-section.dark3 td, .elementor-section.dark th, .elementor-section.dark2 th, .elementor-section.dark3 th {
  color: var(--text-color);
}
.section.light label, .section.light2 label, .section.light3 label, .section.dark label, .section.dark2 label, .section.dark3 label, section.light label, section.light2 label, section.light3 label, section.dark label, section.dark2 label, section.dark3 label, .e-con.light label, .e-con.light2 label, .e-con.light3 label, .e-con.dark label, .e-con.dark2 label, .e-con.dark3 label, .elementor-section.light label, .elementor-section.light2 label, .elementor-section.light3 label, .elementor-section.dark label, .elementor-section.dark2 label, .elementor-section.dark3 label {
  color: var(--text-color);
}
.section.light blockquote:not(.wp-block-quote), .section.light2 blockquote:not(.wp-block-quote), .section.light3 blockquote:not(.wp-block-quote), .section.dark blockquote:not(.wp-block-quote), .section.dark2 blockquote:not(.wp-block-quote), .section.dark3 blockquote:not(.wp-block-quote), .section.light2 blockquote:not(.wp-block-quote), .section.dark2 blockquote:not(.wp-block-quote), .section.light3 blockquote:not(.wp-block-quote), .section.dark3 blockquote:not(.wp-block-quote), section.light blockquote:not(.wp-block-quote), section.light2 blockquote:not(.wp-block-quote), section.light3 blockquote:not(.wp-block-quote), section.dark blockquote:not(.wp-block-quote), section.dark2 blockquote:not(.wp-block-quote), section.dark3 blockquote:not(.wp-block-quote), section.light2 blockquote:not(.wp-block-quote), section.dark2 blockquote:not(.wp-block-quote), section.light3 blockquote:not(.wp-block-quote), section.dark3 blockquote:not(.wp-block-quote), .e-con.light blockquote:not(.wp-block-quote), .e-con.light2 blockquote:not(.wp-block-quote), .e-con.light3 blockquote:not(.wp-block-quote), .e-con.dark blockquote:not(.wp-block-quote), .e-con.dark2 blockquote:not(.wp-block-quote), .e-con.dark3 blockquote:not(.wp-block-quote), .e-con.light2 blockquote:not(.wp-block-quote), .e-con.dark2 blockquote:not(.wp-block-quote), .e-con.light3 blockquote:not(.wp-block-quote), .e-con.dark3 blockquote:not(.wp-block-quote), .elementor-section.light blockquote:not(.wp-block-quote), .elementor-section.light2 blockquote:not(.wp-block-quote), .elementor-section.light3 blockquote:not(.wp-block-quote), .elementor-section.dark blockquote:not(.wp-block-quote), .elementor-section.dark2 blockquote:not(.wp-block-quote), .elementor-section.dark3 blockquote:not(.wp-block-quote), .elementor-section.light2 blockquote:not(.wp-block-quote), .elementor-section.dark2 blockquote:not(.wp-block-quote), .elementor-section.light3 blockquote:not(.wp-block-quote), .elementor-section.dark3 blockquote:not(.wp-block-quote) {
  color: var(--text-color);
}
.entry-content > .wp-block-group.moa-sm {
  padding: 10px var(--moa-x);
}
.entry-content > .wp-block-group.moa-sd {
  padding: var(--moa-y-sd) var(--moa-x);
}
.entry-content > .wp-block-group.moa-lg {
  padding: var(--moa-y-lg) var(--moa-x);
}
.entry-content > .wp-block-group.moa-xl {
  padding: var(--moa-y-xl) var(--moa-x);
}
.entry-content > .wp-block-group.moa-xxl {
  padding: var(--moa-y-xxl) var(--moa-x);
}
.entry-content > .wp-block-cover.moa-sm {
  padding: 10px var(--moa-x);
}
.entry-content > .wp-block-cover.moa-sd {
  padding: var(--moa-y-sd) var(--moa-x);
}
.entry-content > .wp-block-cover.moa-lg {
  padding: var(--moa-y-lg) var(--moa-x);
}
.entry-content > .wp-block-cover.moa-xl {
  padding: var(--moa-y-xl) var(--moa-x);
}
.entry-content > .wp-block-cover.moa-xxl {
  padding: var(--moa-y-xxl) var(--moa-x);
}
.entry-content > .wp-block-columns.moa-sm {
  padding: 10px var(--moa-x);
}
.entry-content > .wp-block-columns.moa-sd {
  padding: var(--moa-y-sd) var(--moa-x);
}
.entry-content > .wp-block-columns.moa-lg {
  padding: var(--moa-y-lg) var(--moa-x);
}
.entry-content > .wp-block-columns.moa-xl {
  padding: var(--moa-y-xl) var(--moa-x);
}
.entry-content > .wp-block-columns.moa-xxl {
  padding: var(--moa-y-xxl) var(--moa-x);
}
#lesson-video .wp-video {
  width: 100% !important;
}
.moa-course-nav-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#video-tracker-wrapper {
  width: 100%;
  aspect-ratio: 1.7777777778;
}
#bps-vimeo-player, #bps-vimeo-player iframe {
  width: 100%;
  height: 100%;
}
.moa-overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: var(--bg);
  color: var(--text-color);
}
.temp1 input[type=email], .temp1 input[type=number], .temp1 input[type=password], .temp1 input[type=reset], .temp1 input[type=search], .temp1 input[type=tel], .temp1 input[type=text], .temp1 input[type=url], .temp1 select, .temp1 textarea {
  color: var(--ast-global-color-2);
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #d3d3d3;
  background: #ffffff;
}
.hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {
  font-size: 1rem;
}
.e-con.moa-width-narrow, .moa-width-narrow {
  --width: 800px;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.e-con.moa-width-regular, .moa-width-regular {
  --width: 1000px;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
ul {
  margin: 0;
  list-style-position: inside;
}
img.card-img-to.profile-image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--border-radius);
}
.profile-card {
  height: 100%;
  background: var(--card-bg);
  border-radius: var(--border-radius);
  overflow: hidden;
  transition: 0.3s ease-out;
}
.moa-media-item {
  background: var(--card-bg);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease-out;
  margin-bottom: 1.5rem;
}
.moa-media-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.moa-media-image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  cursor: pointer;
}
.moa-media-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-out;
}
.moa-media-image:hover {
  transform: scale(1.05);
}
.moa-media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease-out;
}
.moa-media-overlay i {
  color: white;
  font-size: 2rem;
}
.moa-media-image-container:hover .moa-media-overlay {
  opacity: 1;
}
.moa-media-actions {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.moa-action-btn, a.moa-action-btn, button.moa-action-btn {
  flex: 1;
  padding: 0.5rem;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: 0.3s ease-out;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background-color: var(--cta-color);
  color: var(--cta-text);
}
.moa-action-btn.view, a.moa-action-btn.view, button.moa-action-btn.view {
  background-color: var(--cta-color);
  color: var(--cta-text);
}
.moa-action-btn.view:hover, a.moa-action-btn.view:hover, button.moa-action-btn.view:hover {
  background-color: var(--cta-hover);
  color: var(--cta-text);
  text-decoration: none;
}
.moa-action-btn.edit, a.moa-action-btn.edit, button.moa-action-btn.edit {
  background-color: var(--subtle-color);
  color: var(--text-color);
  border: 1px solid var(--border-color);
}
.moa-action-btn.edit:hover, a.moa-action-btn.edit:hover, button.moa-action-btn.edit:hover {
  background-color: var(--alternate-subtle);
  color: var(--text-color);
  text-decoration: none;
}
.moa-action-btn.delete, a.moa-action-btn.delete, button.moa-action-btn.delete {
  background-color: var(--danger-color);
  color: white;
}
.moa-action-btn.delete:hover, a.moa-action-btn.delete:hover, button.moa-action-btn.delete:hover {
  background-color: #c82333;
  color: white;
  text-decoration: none;
}
.bps-media-upload {
  --upload-size: 200px;
  --upload-aspect: 1;
  --upload-border-color: var(--border-color);
  --upload-border-hover: var(--brand-color);
  --upload-bg-color: var(--subtle-color);
  --upload-bg-hover: var(--alternate-subtle);
  position: relative;
}
.bps-media-upload .file-input {
  display: none !important;
}
.bps-media-upload.drag-over .upload-target, .bps-media-upload.drag-over .upload-slot {
  border-color: var(--upload-border-hover);
  background-color: var(--upload-bg-hover);
  transform: scale(1.02);
}
.bps-media-upload .upload-target {
  width: var(--upload-size);
  aspect-ratio: var(--upload-aspect);
  border: 3px dashed var(--upload-border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-out;
  background-color: var(--upload-bg-color);
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.bps-media-upload .upload-target:hover {
  border-color: var(--upload-border-hover);
  background-color: var(--upload-bg-hover);
}
.bps-media-upload .upload-target.has-image {
  border-style: solid;
  border-color: var(--upload-border-hover);
}
.bps-media-upload .upload-target[data-shape="circle"], .bps-media-upload[data-shape="circle"] .bps-media-upload .upload-target {
  border-radius: 50%;
}
.bps-media-upload .upload-target[data-shape="square"], .bps-media-upload[data-shape="square"] .bps-media-upload .upload-target {
  border-radius: var(--border-radius);
}
.bps-media-upload .upload-target[data-shape="rectangle"], .bps-media-upload[data-shape="rectangle"] .bps-media-upload .upload-target {
  border-radius: calc(var(--border-radius) * 1.5);
  width: 100%;
  height: 200px;
  aspect-ratio: unset;
}
.bps-media-upload .upload-placeholder {
  text-align: center;
  color: var(--text-color);
  pointer-events: none;
}
.bps-media-upload .upload-placeholder i {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
  opacity: 0.8;
}
.bps-media-upload .upload-placeholder span {
  font-size: 0.9rem;
  font-weight: 500;
}
.bps-media-upload .upload-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: none;
}
.bps-media-upload .upload-preview.show {
  display: block;
}
.bps-media-upload .upload-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: inherit;
}
.bps-media-upload .upload-overlay .btn {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.bps-media-upload .upload-overlay .btn.btn-primary {
  background: var(--brand-color);
  color: var(--brand-text);
}
.bps-media-upload .upload-overlay .btn.btn-primary:hover {
  opacity: 0.9;
}
.bps-media-upload .upload-overlay .btn.btn-danger {
  background: var(--danger-color);
  color: white;
}
.bps-media-upload .upload-overlay .btn.btn-danger:hover {
  opacity: 0.9;
}
.bps-media-upload .upload-overlay .btn i {
  font-size: 0.7rem;
}
.bps-media-upload .upload-target:hover .upload-overlay {
  display: flex;
}
.bps-media-upload .upload-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 20px 0;
}
@media (max-width: 992px) {
  .bps-media-upload .upload-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .bps-media-upload .upload-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.bps-media-upload .upload-slot {
  aspect-ratio: var(--upload-aspect);
  border: 2px dashed var(--upload-border-color);
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-out;
  background-color: var(--upload-bg-color);
  position: relative;
  overflow: hidden;
}
.bps-media-upload .upload-slot:hover {
  border-color: var(--upload-border-hover);
  background-color: var(--upload-bg-hover);
}
.bps-media-upload .upload-slot.filled {
  border-style: solid;
  border-color: var(--success-color);
}
.bps-media-upload .slot-placeholder {
  text-align: center;
  color: var(--text-color);
  font-size: 0.8rem;
  pointer-events: none;
}
.bps-media-upload .slot-placeholder i {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.5rem;
  opacity: 0.8;
}
.bps-media-upload .slot-placeholder span {
  font-size: 0.75rem;
  font-weight: 500;
}
.bps-media-upload .slot-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: none;
}
.bps-media-upload .slot-preview.show {
  display: block;
}
.bps-media-upload .slot-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: inherit;
}
.bps-media-upload .slot-overlay .btn {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.bps-media-upload .slot-overlay .btn.btn-primary {
  background: var(--brand-color);
  color: var(--brand-text);
}
.bps-media-upload .slot-overlay .btn.btn-danger {
  background: var(--danger-color);
  color: white;
}
.bps-media-upload .slot-overlay .btn i {
  font-size: 0.6rem;
}
.bps-media-upload .upload-slot:hover .slot-overlay {
  display: flex;
}
.moa-media-header {
  text-align: center;
  margin-bottom: 2rem;
}
.moa-media-header h2 {
  color: var(--heading-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.moa-media-header p {
  color: var(--text-color);
  margin: 0;
}
.moa-upload-area {
  border: 2px dashed var(--border-color);
  border-radius: var(--border-radius);
  padding: 2rem;
  text-align: center;
  background: var(--card-bg);
  transition: 0.3s ease-out;
  margin-bottom: 2rem;
}
.moa-upload-area:hover {
  border-color: var(--cta-color);
}
.moa-upload-btn {
  background-color: var(--cta-color);
  color: var(--brand-text);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 500;
  transition: 0.3s ease-out;
}
.moa-upload-btn:hover {
  background-color: var(--cta-hover);
}
.profile-photo-section, .square-upload-section, .grid-upload-section, .cover-photo-section {
  text-align: center;
  margin: 2rem auto;
}
.profile-photo-section .upload-title, .square-upload-section .upload-title, .grid-upload-section .upload-title, .cover-photo-section .upload-title {
  margin-bottom: 0.5rem;
  color: var(--heading-color);
  font-size: 1.25rem;
  font-weight: 600;
}
.profile-photo-section .upload-description, .square-upload-section .upload-description, .grid-upload-section .upload-description, .cover-photo-section .upload-description {
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  color: var(--text-color);
}
.profile-photo-section {
  max-width: 400px;
}
.square-upload-section {
  max-width: 300px;
}
.grid-upload-section {
  max-width: 600px;
}
.cover-photo-section {
  max-width: 800px;
}
.cover-photo-section .bps-media-upload[data-shape="rectangle"] .upload-target {
  width: 100%;
  height: 200px;
  aspect-ratio: unset;
  border-radius: var(--border-radius);
}
.bps-media-upload.uploading .upload-target, .bps-media-upload.uploading .upload-slot {
  opacity: 0.6;
  cursor: not-allowed;
}
.bps-media-upload.uploading .upload-target::after, .bps-media-upload.uploading .upload-slot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid var(--brand-color);
  border-radius: 50%;
  animation: upload-spin 1s linear infinite;
}
.bps-media-upload.uploading .upload-placeholder, .bps-media-upload.uploading .slot-placeholder {
  display: none;
}
@keyframes upload-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bps-media-upload.error .upload-target, .bps-media-upload.error .upload-slot {
  border-color: var(--danger-color);
  background-color: rgba(220, 53, 69, 0.1);
}
.bps-media-upload.success .upload-target, .bps-media-upload.success .upload-slot {
  border-color: var(--success-color);
  background-color: rgba(40, 167, 69, 0.1);
}
.moa-empty-state {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-color);
}
.moa-empty-state i {
  font-size: 4rem;
  color: var(--alternate-subtle);
  margin-bottom: 1rem;
}
.bps-media-upload .upload-target:focus-visible, .bps-media-upload .upload-slot:focus-visible {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}
.bps-media-upload .upload-target[tabindex]:focus, .bps-media-upload .upload-slot[tabindex]:focus {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .bps-media-upload .upload-target, .bps-media-upload .upload-slot, .bps-media-upload .btn {
    transition: none;
  }
  .bps-media-upload.uploading .upload-target::after, .bps-media-upload.uploading .upload-slot::after {
    animation: none;
    opacity: 0.5;
  }
  .moa-media-item {
    transition: none;
  }
  .moa-media-item:hover {
    transform: none;
  }
}
.uploadGrid .upload-slot {
  aspect-ratio: 1;
  border: 2px dashed var(--border-color);
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: var(--subtle-color);
  transition: 0.3s ease-out;
  min-height: 120px;
}
.uploadGrid .upload-slot:hover {
  border-color: var(--brand-color);
  background: var(--alternate-subtle);
}
.uploadGrid .upload-slot.filled {
  border: 2px solid var(--success-color);
  cursor: default;
}
.uploadGrid .upload-slot.drag-over {
  border-color: var(--success-color);
  background: rgba(40, 167, 69, 0.1);
}
.uploadGrid .upload-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--border-radius) - 2px);
}
.uploadGrid .upload-slot .bps-placeholder {
  color: var(--text-color);
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1;
  opacity: 0.7;
  transition: 0.15s ease-out;
}
.uploadGrid .upload-slot:hover .bps-placeholder {
  color: var(--brand-color);
  transform: scale(1.1);
}
.uploadGrid .upload-slot .remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  background-color: var(--danger-color);
  border: none;
  color: white;
  cursor: pointer;
  transition: 0.15s ease-out;
}
.uploadGrid .upload-slot .remove-btn:hover {
  background-color: #c53030;
  transform: scale(1.1);
}
.uploadGrid .upload-slot:hover .remove-btn {
  display: flex;
}
.uploadGrid .upload-slot.has-image .bps-placeholder {
  display: none;
}
.uploadGrid .upload-slot.has-image .remove-btn {
  opacity: 0;
}
.uploadGrid .upload-slot.has-image:hover .remove-btn {
  opacity: 1;
  display: flex;
}
.upload-all-btn {
  background: linear-gradient(135deg, var(--brand-color) 0%, var(--cta-hover) 100%);
  border: none;
  color: white;
  padding: 12px 32px;
  border-radius: var(--border-radius);
  font-weight: 500;
  font-size: 1.1rem;
  transition: 0.3s ease-out;
  display: block;
  margin: 0 auto;
  min-width: 150px;
  cursor: pointer;
}
.upload-all-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
  background: linear-gradient(135deg, var(--cta-hover) 0%, var(--brand-color) 100%);
}
.upload-all-btn:disabled {
  background: var(--subtle-color);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  opacity: 0.6;
}
.upload-section h2 {
  color: var(--heading-color);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .uploadGrid .upload-slot {
    min-height: 100px;
  }
  .uploadGrid .upload-slot .bps-placeholder {
    font-size: 2rem;
  }
  .uploadGrid .upload-slot .remove-btn {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
  .upload-all-btn {
    padding: 10px 24px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .uploadGrid .upload-slot {
    min-height: 80px;
  }
  .uploadGrid .upload-slot .bps-placeholder {
    font-size: 1.5rem;
  }
  .uploadGrid .upload-slot .remove-btn {
    width: 20px;
    height: 20px;
    font-size: 12px;
    top: 4px;
    right: 4px;
  }
  .upload-all-btn {
    padding: 8px 20px;
    font-size: 0.9rem;
    min-width: 120px;
  }
}
/**
 * BPS Framework CSS - Structural & Behavioral Companion
 * Version: 2.0.0
 * 
 * Purpose: Provides the structural CSS required by framework.js
 * These are standalone behavioral classes - not part of the SCSS skin system.
 * They handle show/hide states, transitions, and layout for JS-driven components.
 *
 * Bootstrap Awareness:
 * - Loads AFTER Bootstrap CSS (assumes Bootstrap is present)
 * - Uses Bootstrap CSS variables (--bs-success, --bs-danger, etc.) with fallbacks
 * - body.modal-open deferred to Bootstrap's definition
 * - BPS modal sizes prefixed .bps-modal-sm/lg/xl to avoid .modal-sm/lg/xl collision
 * - Form validation scoped to .bps-form-validate to coexist with Bootstrap forms
 * - bps-ajax.js modals use Bootstrap's JS modal system (bootstrap.Modal)
 *   while framework.js modals (.bps-modal) are a separate class-toggle system
 *
 * Sections:
 * 1. Sticky Header
 * 2. Scroll Progress Bar
 * 3. Scroll Fade (pre-GSAP state)
 * 4. Mobile Menu
 * 5. Tabs
 * 6. Accordion
 * 7. Modal (Framework modal - not Bootstrap)
 * 8. Lightbox
 * 9. Form Validation & Enhancement
 * 10. Lazy Load
 * 11. Copy Code
 * 12. Loading States
 */
/* ==========================================================================
   1. STICKY HEADER
   Class: .bps-sticky-header
   JS: BPS.stickyHeader()
   ========================================================================== */
.bps-sticky-header {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
}
.bps-sticky-header.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.bps-sticky-header.is-hidden {
  transform: translateY(-100%);
}
/* ==========================================================================
   2. SCROLL PROGRESS BAR
   Class: .bps-scroll-progress
   JS: BPS.scrollProgress()
   ========================================================================== */
.bps-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: var(--accent, #0073aa);
  z-index: 1040;
  transition: width 0.1s linear;
}
/* ==========================================================================
   3. SCROLL FADE (Pre-animation state)
   Class: .bps-scroll-fade
   JS: BPS.scrollFade() - GSAP handles the animation
   ========================================================================== */
.bps-scroll-fade {
  opacity: 0;
}
/* ==========================================================================
   4. MOBILE MENU
   Class: .bps-mobile-menu (trigger), target via data-target
   JS: BPS.mobileMenu()
   ========================================================================== */
.bps-mobile-menu {
  cursor: pointer;
}
/* Menu target - hidden by default on mobile */
[class].is-open {
  /* Generic open state - specifics depend on menu implementation */
}
body.menu-open {
  overflow: hidden;
}
/* Hamburger active state */
.bps-mobile-menu.is-active {
  /* Override in theme if custom hamburger animation needed */
}
/* ==========================================================================
   5. TABS
   Class: .bps-tabs (container)
   Structure: .bps-tab-nav > button, .bps-tab-content
   JS: BPS.tabs()
   ========================================================================== */
.bps-tab-nav {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--border-color, #dee2e6);
  margin-bottom: 1rem;
}
.bps-tab-nav button {
  padding: 0.75rem 1.25rem;
  border: none;
  background: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  color: var(--text-color2, #6c757d);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.bps-tab-nav button:hover {
  color: var(--text-color, #212529);
}
.bps-tab-nav button.is-active {
  color: var(--accent, #0073aa);
  border-bottom-color: var(--accent, #0073aa);
  font-weight: 600;
}
.bps-tab-content {
  display: none;
}
.bps-tab-content.is-active {
  display: block;
}
/* ==========================================================================
   6. ACCORDION
   Class: .bps-accordion (container)
   Structure: .bps-accordion-item > .bps-accordion-header + .bps-accordion-content
   JS: BPS.accordion() - jQuery slideToggle handles animation
   ========================================================================== */
.bps-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  cursor: pointer;
  font-weight: 600;
  border: 1px solid var(--border-color, #dee2e6);
  border-bottom: none;
  background: var(--bg2, #f8f9fa);
  transition: background-color 0.2s ease;
  user-select: none;
}
.bps-accordion-header:hover {
  background: var(--bg, #e9ecef);
}
.bps-accordion-item:first-child .bps-accordion-header {
  border-radius: 4px 4px 0 0;
}
.bps-accordion-item:last-child .bps-accordion-header {
  border-bottom: 1px solid var(--border-color, #dee2e6);
}
.bps-accordion-item:last-child:not(.is-open) .bps-accordion-header {
  border-radius: 0 0 4px 4px;
}
/* Arrow indicator */
.bps-accordion-header::after {
  content: "❯";
  /* Right chevron */
  font-size: 0.85em;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 1rem;
}
.bps-accordion-item.is-open > .bps-accordion-header::after {
  transform: rotate(90deg);
}
.bps-accordion-content {
  display: none;
  /* jQuery slideToggle manages this */
  padding: 1rem 1.25rem;
  border: 1px solid var(--border-color, #dee2e6);
  border-top: none;
}
.bps-accordion-item:last-child .bps-accordion-content {
  border-radius: 0 0 4px 4px;
}
/* ==========================================================================
   7. MODAL (Framework modal system - NOT Bootstrap modals)
   Class: .bps-modal
   Trigger: .bps-modal-trigger[data-modal="#id"]
   Close: .bps-modal-close, .bps-modal-overlay
   JS: BPS.modal()
   ========================================================================== */
.bps-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  align-items: center;
  justify-content: center;
}
.bps-modal.is-open {
  display: flex;
}
.bps-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.bps-modal-content {
  position: relative;
  z-index: 1;
  background: var(--bg, #fff);
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 90%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 2rem;
}
/* Size variants (used by Trigger system actionConfig.size) */
.bps-modal-content.bps-modal-sm {
  max-width: 400px;
}
.bps-modal-content.bps-modal-lg {
  max-width: 800px;
}
.bps-modal-content.bps-modal-xl {
  max-width: 1100px;
}
.bps-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color, #dee2e6);
}
.bps-modal-header h2, .bps-modal-header h3, .bps-modal-header h4, .bps-modal-header h5 {
  margin: 0;
}
.bps-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  color: var(--text-color2, #6c757d);
  border-radius: 4px;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.bps-modal-close:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--text-color, #212529);
}
.bps-modal-body {
  margin-bottom: 1rem;
}
.bps-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color, #dee2e6);
}
/*
 * body.modal-open - NOT defined here.
 * Bootstrap already provides body.modal-open { overflow: hidden; }
 * Framework.js toggles this class, Bootstrap's CSS handles the style.
 */
/* ==========================================================================
   8. LIGHTBOX
   Class: .bps-lightbox (trigger on images/links)
   Container: #bps-lightbox (auto-created by JS)
   JS: BPS.lightbox()
   ========================================================================== */
#bps-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1060;
  align-items: center;
  justify-content: center;
}
#bps-lightbox.is-open {
  display: flex;
}
.bps-lightbox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
.bps-lightbox-content {
  position: relative;
  z-index: 1;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bps-lightbox-content img {
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.bps-lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  border: none;
  background: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.bps-lightbox-close:hover {
  opacity: 1;
}
body.lightbox-open {
  overflow: hidden;
}
/* Trigger elements - indicate clickable */
a.bps-lightbox, img.bps-lightbox, [class*="bps-lightbox"][data-src] {
  cursor: zoom-in;
}
/* ==========================================================================
   9. FORM VALIDATION & ENHANCEMENT
   JS: BPS.formValidation(), BPS.charCount(), BPS.passwordToggle()
   ========================================================================== */
/* Validation states - uses Bootstrap's color variables with fallbacks */
.bps-form-validate input.is-valid, .bps-form-validate textarea.is-valid, .bps-form-validate select.is-valid {
  border-color: var(--bs-success, #198754);
}
.bps-form-validate input.is-invalid, .bps-form-validate textarea.is-invalid, .bps-form-validate select.is-invalid {
  border-color: var(--bs-danger, #dc3545);
}
.bps-error-message {
  display: block;
  font-size: 0.85em;
  color: var(--bs-danger, #dc3545);
  margin-top: 0.25rem;
}
/* Character counter */
.bps-char-counter {
  font-size: 0.85em;
  color: var(--text-color2, #6c757d);
  margin-top: 0.25rem;
}
.bps-char-counter.is-over {
  color: var(--bs-danger, #dc3545);
  font-weight: 600;
}
/* Password toggle */
.bps-password-toggle {
  position: relative;
  display: flex;
  align-items: stretch;
}
.bps-password-toggle .bps-password-input {
  flex: 1;
  padding-right: 4rem;
}
.bps-password-toggle-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  background: none;
  padding: 0 0.75rem;
  cursor: pointer;
  font-size: 0.85em;
  color: var(--accent, #0073aa);
  font-weight: 600;
}
.bps-password-toggle-btn:hover {
  text-decoration: underline;
}
/* ==========================================================================
   10. LAZY LOAD
   Class: .bps-lazy-load
   JS: BPS.lazyLoad()
   ========================================================================== */
.bps-lazy-load {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.bps-lazy-load[src] {
  opacity: 1;
}
/* ==========================================================================
   11. COPY CODE
   Class: .bps-copy-code
   JS: BPS.copyCode()
   ========================================================================== */
.bps-copy-code {
  position: relative;
}
.bps-copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 10px;
  font-size: 0.75em;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  z-index: 1;
}
.bps-copy-code:hover .bps-copy-btn {
  opacity: 1;
}
.bps-copy-btn:hover {
  background: rgba(0, 0, 0, 0.6);
}
.bps-copy-btn.copied {
  background: var(--bs-success, #198754);
  border-color: var(--bs-success, #198754);
}
/* ==========================================================================
   12. LOADING STATES (Infinite Scroll)
   Class: .bps-loading
   JS: BPS.infiniteScroll()
   ========================================================================== */
.bps-loading {
  text-align: center;
  padding: 2rem;
  color: var(--text-color2, #6c757d);
  font-size: 0.9em;
}
.bps-loading::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: bps-spin 0.6s linear infinite;
  vertical-align: middle;
  margin-right: 0.5rem;
}
@keyframes bps-spin {
  to {
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   13. TRIGGER ANIMATIONS
   Used by BPS.Triggers via data-animation attribute.
   Applied as class on modal/toast/offcanvas wrapper on trigger fire.
   ========================================================================== */
@keyframes bps-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bps-slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes bps-slide-in-right {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes bps-slide-in-bottom {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bps-slide-in-top {
  from {
    opacity: 0;
    transform: translateY(-60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.bps-anim-fade-in {
  animation: bps-fade-in 0.35s ease-out both;
}
.bps-anim-slide-left {
  animation: bps-slide-in-left 0.35s ease-out both;
}
.bps-anim-slide-right {
  animation: bps-slide-in-right 0.35s ease-out both;
}
.bps-anim-slide-bottom {
  animation: bps-slide-in-bottom 0.35s ease-out both;
}
.bps-anim-slide-top {
  animation: bps-slide-in-top 0.35s ease-out both;
}
/* Trigger modal wrappers — hidden by default, shown as full-screen overlay on .is-open.
 * Mirrors .bps-modal pattern so trigger-based content (exit intent, timed, etc.)
 * behaves identically to programmatic modals. */
.bps-exit-modal, .bps-auto-modal, .bps-idle-modal, .bps-exit-delayed-modal, .bps-waypoint-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1050;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}
.bps-exit-modal.is-open, .bps-auto-modal.is-open, .bps-idle-modal.is-open, .bps-exit-delayed-modal.is-open, .bps-waypoint-modal.is-open {
  display: flex;
}
/* Inner content box — templates place their card content directly inside the trigger div */
.bps-exit-modal > div, .bps-auto-modal > div, .bps-idle-modal > div, .bps-exit-delayed-modal > div, .bps-waypoint-modal > div {
  background: var(--bg, #fff);
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}
/* ==========================================================================
   14. ANNOUNCEMENT BAR
   Class: .bps-announcement-bar
   JS: BPS.announcementBar()
   Positions: top (default), bottom. Dismissible with persistence.
   Z-index: 1035 (between sticky header 1030 and scroll-progress 1040)
   ========================================================================== */
.bps-announcement-bar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1035;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 0.9rem;
  line-height: 1.4;
  transition: transform 0.35s ease, opacity 0.35s ease;
  background: var(--accent, #0d6efd);
  color: #fff;
}
.bps-announcement-bar[data-position="top"], .bps-announcement-bar:not([data-position]) {
  top: 0;
}
.bps-announcement-bar[data-position="bottom"] {
  bottom: 0;
}
/* Hidden state (pre-show or dismissed) */
.bps-announcement-bar.is-hidden[data-position="top"], .bps-announcement-bar.is-hidden:not([data-position]) {
  transform: translateY(-100%);
}
.bps-announcement-bar.is-hidden[data-position="bottom"] {
  transform: translateY(100%);
}
/* Style variants */
.bps-announcement-bar[data-style="info"] {
  background: var(--bs-info, #0dcaf0);
  color: #000;
}
.bps-announcement-bar[data-style="warning"] {
  background: var(--bs-warning, #ffc107);
  color: #000;
}
.bps-announcement-bar[data-style="success"] {
  background: var(--bs-success, #198754);
  color: #fff;
}
.bps-announcement-bar[data-style="cta"] {
  background: var(--accent, #0d6efd);
  color: #fff;
}
/* Content areas */
.bps-announcement-bar-text {
  flex: 1;
  text-align: center;
}
.bps-announcement-bar-text a {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
}
.bps-announcement-bar-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 1rem;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  color: inherit;
  font-weight: 600;
  font-size: 0.85rem;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
}
.bps-announcement-bar-btn:hover {
  background: rgba(255, 255, 255, 0.35);
  color: inherit;
}
/* Dismiss button */
.bps-announcement-bar-dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  color: inherit;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
  padding: 0;
}
.bps-announcement-bar-dismiss:hover {
  opacity: 1;
}
/* Offset sticky header when top announcement bar is active */
body.bps-has-announcement-top .bps-sticky-header.is-sticky {
  top: var(--bps-announcement-height, 44px);
}
/* ==========================================================================
   15. COUNTDOWN TIMER
   Class: .bps-countdown
   Variants: --minimal (default), --boxed, --flip
   JS: BPS.countdown()
   ========================================================================== */
.bps-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-family: inherit;
}
.bps-countdown-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 48px;
}
.bps-countdown-value {
  font-weight: 700;
  line-height: 1.1;
}
.bps-countdown-label {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-color2, #6c757d);
  margin-top: 0.2em;
}
.bps-countdown-sep {
  font-weight: 700;
  align-self: flex-start;
  line-height: 1.1;
  opacity: 0.5;
}
.bps-countdown.is-expired {
  opacity: 0.4;
}
/* -- Minimal variant (default) -- */
.bps-countdown--minimal .bps-countdown-value {
  font-size: 2.5rem;
}
.bps-countdown--minimal .bps-countdown-sep {
  font-size: 2.5rem;
}
/* -- Boxed variant -- */
.bps-countdown--boxed {
  gap: 0.5rem;
}
.bps-countdown--boxed .bps-countdown-unit {
  background: var(--bg2, #f8f9fa);
  border: 1px solid var(--border-color, #dee2e6);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  min-width: 64px;
}
.bps-countdown--boxed .bps-countdown-value {
  font-size: 2rem;
}
.bps-countdown--boxed .bps-countdown-sep {
  font-size: 2rem;
  background: none;
  border: none;
  padding: 0;
}
/* -- Flip variant -- */
.bps-countdown--flip {
  gap: 0.5rem;
}
.bps-countdown--flip .bps-countdown-unit {
  background: var(--bg2, #1a1a2e);
  color: #fff;
  border-radius: 6px;
  padding: 0.6rem 0.8rem;
  min-width: 60px;
  position: relative;
  overflow: hidden;
}
.bps-countdown--flip .bps-countdown-value {
  font-size: 2rem;
  display: inline-block;
}
.bps-countdown--flip .bps-countdown-label {
  color: rgba(255, 255, 255, 0.6);
}
.bps-countdown--flip .bps-countdown-sep {
  font-size: 2rem;
  color: var(--text-color2, #6c757d);
}
/* Flip tick animation */
@keyframes bps-flip-tick {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.1);
  }
  100% {
    transform: scaleY(1);
  }
}
.bps-flip-tick {
  animation: bps-flip-tick 0.3s ease-in-out;
  transform-origin: center bottom;
}
/* Responsive */
@media (max-width: 480px) {
  .bps-countdown--minimal .bps-countdown-value, .bps-countdown--minimal .bps-countdown-sep {
    font-size: 1.75rem;
  }
  .bps-countdown--boxed .bps-countdown-value, .bps-countdown--boxed .bps-countdown-sep, .bps-countdown--flip .bps-countdown-value, .bps-countdown--flip .bps-countdown-sep {
    font-size: 1.5rem;
  }
  .bps-countdown-unit {
    min-width: 40px;
  }
  .bps-countdown--boxed .bps-countdown-unit, .bps-countdown--flip .bps-countdown-unit {
    min-width: 50px;
    padding: 0.5rem 0.6rem;
  }
}
/* ==========================================================================
   16. VIDEO OVERLAYS
   Class: .bps-video-overlay, .bps-video-container, .bps-video-chapters
   JS: BPS.initVideoOverlays(), BPS.initVideoChapters()
   Requires: PlayerJS (lazy-loaded)
   ========================================================================== */
/* Container — wraps iframe + overlay siblings */
.bps-video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.bps-video-container iframe {
  display: block;
  width: 100%;
  aspect-ratio: 1.7777777778;
  border: 0;
}
/* Overlay — hidden by default, absolute over the video */
.bps-video-overlay {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 10;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
}
.bps-video-overlay.is-visible {
  display: flex;
  pointer-events: auto;
}
/* Inner content card */
.bps-video-overlay > div {
  background: var(--bg, #fff);
  border-radius: var(--radius-md, 10px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  padding: 1.5rem 2rem;
  max-width: 480px;
  width: 90%;
  text-align: center;
}
/* Close button inside overlay */
.bps-video-overlay .bps-overlay-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
  opacity: 0.8;
  z-index: 11;
}
.bps-video-overlay .bps-overlay-close:hover {
  opacity: 1;
}
/* Chapter markers */
.bps-video-chapters {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0.75rem;
  border: 1px solid var(--light-border, #dee2e6);
  border-radius: var(--radius-base, 6px);
  overflow: hidden;
}
.bps-chapter-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 1rem;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text-color, inherit);
  background: var(--bg, #fff);
  border-bottom: 1px solid var(--light-border, #dee2e6);
  transition: background 0.15s ease, color 0.15s ease;
}
.bps-chapter-item:last-child {
  border-bottom: 0;
}
.bps-chapter-item:hover {
  background: var(--light-bg2, #f8f9fa);
}
.bps-chapter-item.is-active {
  background: rgba(var(--accent-rgb, 13, 110, 253), 0.1);
  font-weight: 600;
}
.bps-chapter-item .bps-chapter-time {
  font-size: 0.8rem;
  color: var(--text-color2, #6c757d);
  min-width: 45px;
  font-variant-numeric: tabular-nums;
}
.bps-chapter-item .bps-chapter-title {
  flex: 1;
}
/* Responsive */
@media (max-width: 640px) {
  .bps-video-overlay > div {
    padding: 1rem 1.25rem;
  }
}
.moa-styles .pods-form-front .pods-submit {
  float: left;
  margin-top: 15px;
}
.moa-styles .pods-ui-form {
  display: block;
  margin: 15px 0;
}
.moa-styles .pods-field-html-class {
  margin-top: 15px;
  margin-bottom: 15px;
}
.moa-styles .description.pods-form-ui-comment {
  font-size: 85%;
  color: var(--text-color);
  opacity: 0.8;
}
body:not(.wp-admin) .media-router button {
  background: var(--card-bg);
  color: var(--text-color);
  border: 1px solid var(--b-border-color);
  border-radius: var(--border-radius);
  padding: 0.5rem 1rem;
  transition: 0.15s ease-out;
}
body:not(.wp-admin) .media-router button:hover {
  background: var(--subtle-color);
  color: var(--text-color);
}
body:not(.wp-admin) .media-router button.active {
  background: var(--brand-color);
  color: var(--brand-text);
}
.moa-bps-pods .pods-form-ui-field.pods-form-ui-field-type-pick {
  width: 100%;
}
.pods-form-front .pods-submit {
  float: none;
  clear: both;
  margin-top: 15px;
}
.pods-field__container {
  margin: 15px 0;
}
a.button.pods-dfv-list-add {
  color: white;
  display: inline-block;
  background: var(--brand-color);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
  text-decoration: none;
  font-weight: 500;
  transition: 0.15s ease-out;
}
a.button.pods-dfv-list-add:hover {
  background: var(--cta-hover);
  color: white;
  text-decoration: none;
}
.pods-dfv-container-pick, .pods-field-option__field, .pods-field-option__field .pods-dfv-container {
  width: 100% !important;
  max-width: 100% !important;
}
.new-profile-form-start .pods-form-front .pods-submit {
  float: left;
}
.pods-form-front .pods-submit {
  margin-top: 20px;
  float: none;
  text-align: center;
}
.pods-form-front .pods-submit .pods-submit-button {
  background: var(--brand-color);
  color: white;
  display: block;
  width: 100%;
  border: none;
  border-radius: var(--border-radius);
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  font-size: 1rem;
  transition: 0.3s ease-out;
  cursor: pointer;
}
.pods-form-front .pods-submit .pods-submit-button:hover {
  background: black;
  color: white;
}
.pods-form-front .pods-submit .pods-submit-button:focus {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}
.pods-form-front .pods-submit .pods-submit-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.pods-form-ui-field {
  margin-bottom: var(--moa-y-sd);
}
.pods-form-ui-field label {
  color: var(--heading-color);
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
}
.pods-form-ui-field input[type="text"], .pods-form-ui-field input[type="email"], .pods-form-ui-field input[type="password"], .pods-form-ui-field input[type="number"], .pods-form-ui-field input[type="tel"], .pods-form-ui-field input[type="url"], .pods-form-ui-field textarea, .pods-form-ui-field select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--card-bg);
  color: var(--text-color);
  font-size: 1rem;
  transition: 0.15s ease-out;
}
.pods-form-ui-field input[type="text"]:focus, .pods-form-ui-field input[type="email"]:focus, .pods-form-ui-field input[type="password"]:focus, .pods-form-ui-field input[type="number"]:focus, .pods-form-ui-field input[type="tel"]:focus, .pods-form-ui-field input[type="url"]:focus, .pods-form-ui-field textarea:focus, .pods-form-ui-field select:focus {
  outline: none;
  border-color: var(--brand-color);
  box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.2);
}
.pods-form-ui-field input[type="text"]:disabled, .pods-form-ui-field input[type="email"]:disabled, .pods-form-ui-field input[type="password"]:disabled, .pods-form-ui-field input[type="number"]:disabled, .pods-form-ui-field input[type="tel"]:disabled, .pods-form-ui-field input[type="url"]:disabled, .pods-form-ui-field textarea:disabled, .pods-form-ui-field select:disabled {
  background: var(--subtle-color);
  opacity: 0.7;
  cursor: not-allowed;
}
.pods-form-ui-field textarea {
  min-height: 120px;
  resize: vertical;
}
.pods-form-ui-field select {
  cursor: pointer;
}
.pods-form-ui-field .pods-pick .pods-pick-values {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--card-bg);
  max-height: 200px;
  overflow-y: auto;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value {
  padding: 0.5rem;
  border-bottom: 1px solid var(--border-color);
  transition: 0.15s ease-out;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover {
  background: var(--subtle-color);
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:last-child {
  border-bottom: none;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value input[type="checkbox"], .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value input[type="radio"] {
  margin-right: 0.5rem;
}
.pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value label {
  margin: 0;
  cursor: pointer;
  font-weight: normal;
}
.pods-form-ui-field.pods-error input, .pods-form-ui-field.pods-error textarea, .pods-form-ui-field.pods-error select {
  border-color: var(--danger-color);
}
.pods-form-ui-field.pods-error input:focus, .pods-form-ui-field.pods-error textarea:focus, .pods-form-ui-field.pods-error select:focus {
  border-color: var(--danger-color);
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
}
.pods-form-ui-field.pods-success input, .pods-form-ui-field.pods-success textarea, .pods-form-ui-field.pods-success select {
  border-color: var(--success-color);
}
.pods-form-ui-field.pods-success input:focus, .pods-form-ui-field.pods-success textarea:focus, .pods-form-ui-field.pods-success select:focus {
  border-color: var(--success-color);
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}
.description.pods-form-ui-comment {
  font-size: 14px;
  color: var(--text-color);
  opacity: 0.8;
  margin-top: 0.25rem;
  line-height: 1.4;
}
.description.pods-form-ui-comment a {
  color: var(--brand-color);
  text-decoration: none;
}
.description.pods-form-ui-comment a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .moa-bps-pods .pods-form-ui-field {
    margin-bottom: var(--moa-y-sd-tablet);
  }
  .moa-bps-pods .pods-form-ui-field input, .moa-bps-pods .pods-form-ui-field textarea, .moa-bps-pods .pods-form-ui-field select {
    padding: 0.6rem;
  }
  .moa-bps-pods .pods-form-front .pods-submit .pods-submit-button {
    padding: 0.6rem 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .moa-bps-pods .pods-form-ui-field {
    margin-bottom: var(--moa-y-sd-mobile);
  }
  .moa-bps-pods .pods-form-ui-field input, .moa-bps-pods .pods-form-ui-field textarea, .moa-bps-pods .pods-form-ui-field select {
    padding: 0.5rem;
    font-size: 0.9rem;
  }
  .moa-bps-pods .pods-form-front .pods-submit .pods-submit-button {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
}
.section .moa-bps-pods .pods-form-ui-field label {
  color: var(--heading-color);
}
.section .moa-bps-pods .pods-form-ui-field input, .section .moa-bps-pods .pods-form-ui-field textarea, .section .moa-bps-pods .pods-form-ui-field select {
  background: var(--card-bg);
  color: var(--text-color);
  border-color: var(--border-color);
}
.dark .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values, .dark2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values, .dark3 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values {
  background: var(--bg2);
  border-color: var(--border-color);
}
.dark .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value, .dark2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value, .dark3 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value {
  border-color: var(--border-color);
}
.dark .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .dark2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .dark3 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover {
  background: var(--bg);
}
.light .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .light2 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover, .light3 .moa-bps-pods .pods-form-ui-field .pods-pick .pods-pick-values .pods-pick-value:hover {
  background: var(--subtle-color);
}
.moa-styles .pods-form-ui-field input[type="text"], .moa-styles .pods-form-ui-field input[type="email"], .moa-styles .pods-form-ui-field input[type="password"], .moa-styles .pods-form-ui-field input[type="number"], .moa-styles .pods-form-ui-field input[type="tel"], .moa-styles .pods-form-ui-field input[type="url"], .moa-styles .pods-form-ui-field textarea, .moa-styles .pods-form-ui-field select {
  padding: 15px 20px;
}
.moa-styles input[type="text"], .moa-styles input[type="number"], .moa-styles input[type="email"], .moa-styles input[type="url"], .moa-styles input[type="password"], .moa-styles input[type="search"], .moa-styles input[type="reset"], .moa-styles input[type="tel"], .moa-styles input[type="date"], .moa-styles select {
  height: auto;
}
.bps-form {
  --bps-input-height: auto;
  --bps-input-padding-x: 0.75rem;
  --bps-input-padding-y: 0.5rem;
  --bps-input-font-size: 0.9375rem;
  --bps-input-border-width: 2px;
  --bps-input-border-radius: 0.375rem;
  --bps-field-gap: 0.75rem;
  --bps-transition: 0.3s ease-out;
  --bps-bg: var(--bg, var(--ast-global-color-5));
  --bps-bg-alt: var(--bg2, var(--ast-global-color-7));
  --bps-text: var(--text-color, var(--ast-global-color-2));
  --bps-text-muted: var(--text-color2, var(--ast-global-color-6));
  --bps-border: var(--border-color, var(--ast-global-color-5));
  --bps-accent: var(--accent, var(--ast-global-color-0));
  --bps-accent-text: var(--accent-text, var(--ast-global-color-4));
  --bps-accent-hover: var(--accent-hover, var(--ast-global-color-0));
  --bps-success: #28a745;
  --bps-danger: #dc3545;
  --bps-warning: #ffc107;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1.5;
  color: var(--bps-text);
}
.bps-form *, .bps-form *::before, .bps-form *::after {
  box-sizing: inherit;
}
.bps-form .bps-field, .bps-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: var(--bps-field-gap);
}
.bps-form .bps-field:last-child, .bps-form .form-field:last-child {
  margin-bottom: 0;
}
.bps-form .bps-field--horizontal {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.bps-form .bps-field--horizontal .bps-label {
  flex: 0 0 auto;
  min-width: 120px;
  margin-bottom: 0;
}
.bps-form .bps-field--horizontal .bps-input, .bps-form .bps-field--horizontal .moaform-select2, .bps-form .bps-field--horizontal .bps-select, .bps-form .bps-field--horizontal .bps-textarea {
  flex: 1;
}
.bps-form .bps-field--inline {
  display: inline-flex;
  width: auto;
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}
.bps-form .bps-label {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 500;
  font-size: 0.9375rem;
  color: var(--bps-text);
}
.bps-form .bps-label--required::after {
  content: " *";
  color: var(--bps-danger);
}
.bps-form .bps-input, .bps-form .moaform-select2, .bps-form .bps-select, .bps-form .bps-textarea {
  display: block;
  width: 100%;
  min-height: var(--bps-input-height);
  padding: var(--bps-input-padding-y) var(--bps-input-padding-x);
  font-size: var(--bps-input-font-size);
  font-weight: 400;
  line-height: 1.5;
  color: var(--bps-text);
  background-color: var(--bps-bg);
  background-clip: padding-box;
  border: var(--bps-input-border-width) solid var(--bps-border);
  border-radius: var(--bps-input-border-radius);
  transition: border-color var(--bps-transition), box-shadow var(--bps-transition);
  appearance: none;
}
.bps-form .bps-input:focus, .bps-form .moaform-select2:focus, .bps-form .bps-select:focus, .bps-form .bps-textarea:focus {
  border-color: var(--bps-accent);
  box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1);
  outline: none;
}
.bps-form .bps-input::placeholder, .bps-form .moaform-select2::placeholder, .bps-form .bps-select::placeholder, .bps-form .bps-textarea::placeholder {
  color: var(--bps-text-muted);
  opacity: 0.6;
}
.bps-form .bps-input:disabled, .bps-form .moaform-select2:disabled, .bps-form .bps-input[readonly], .bps-form .moaform-select2[readonly], .bps-form .bps-select:disabled, .bps-form .bps-select[readonly], .bps-form .bps-textarea:disabled, .bps-form .bps-textarea[readonly] {
  background-color: var(--bps-bg-alt);
  opacity: 0.7;
  cursor: not-allowed;
}
.bps-form .bps-input--sm, .bps-form .bps-select--sm, .bps-form .bps-textarea--sm {
  --bps-input-height: 36px;
  --bps-input-font-size: 0.8125rem;
  --bps-input-padding-y: 0.25rem;
}
.bps-form .bps-input--lg, .bps-form .bps-select--lg, .bps-form .bps-textarea--lg {
  --bps-input-height: 54px;
  --bps-input-font-size: 1.0625rem;
  --bps-input-padding-y: 0.75rem;
}
.bps-form .bps-select {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 16px 12px;
  cursor: pointer;
}
.bps-form .bps-select[multiple] {
  padding-right: var(--bps-input-padding-x);
  background-image: none;
  min-height: 120px;
}
.bps-form .bps-textarea {
  min-height: 120px;
  resize: vertical;
}
.bps-form .bps-textarea--autosize {
  resize: none;
  overflow: hidden;
}
.bps-form .bps-check {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
}
.bps-form .bps-check__input {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 2px solid var(--bps-border);
  border-radius: 0.25rem;
  appearance: none;
  cursor: pointer;
  transition: all 0.15s ease;
  background-color: var(--bps-bg);
}
.bps-form .bps-check__input:checked {
  background-color: var(--bps-accent);
  border-color: var(--bps-accent);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
.bps-form .bps-check__input:focus {
  box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.15);
}
.bps-form .bps-check__input[type="radio"] {
  border-radius: 50%;
}
.bps-form .bps-check__input[type="radio"]:checked {
  background-image: none;
  background-color: var(--bps-bg);
  box-shadow: inset 0 0 0 5px var(--bps-accent);
}
.bps-form .bps-check__label {
  font-size: 0.9375rem;
  color: var(--bps-text);
  user-select: none;
}
.bps-form .bps-check-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bps-form .bps-check-group--inline {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.bps-form .bps-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  min-height: var(--bps-input-height);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  color: var(--bps-accent-text);
  background-color: var(--bps-accent);
  border: 2px solid transparent;
  border-radius: var(--bps-input-border-radius);
  cursor: pointer;
  transition: all var(--bps-transition);
}
.bps-form .bps-btn:hover {
  background-color: var(--bps-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bps-form .bps-btn:active {
  transform: translateY(0);
}
.bps-form .bps-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.bps-form .bps-btn--secondary {
  background-color: var(--bps-bg-alt);
  color: var(--bps-text);
  border-color: var(--bps-border);
}
.bps-form .bps-btn--secondary:hover {
  background-color: var(--bps-bg);
  border-color: var(--bps-accent);
}
.bps-form .bps-btn--outline {
  background-color: transparent;
  color: var(--bps-accent);
  border-color: var(--bps-accent);
}
.bps-form .bps-btn--outline:hover {
  background-color: var(--bps-accent);
  color: var(--bps-accent-text);
}
.bps-form .bps-btn--danger {
  background-color: var(--bps-danger);
}
.bps-form .bps-btn--danger:hover {
  background-color: #bd2130;
}
.bps-form .bps-btn--success {
  background-color: var(--bps-success);
}
.bps-form .bps-btn--success:hover {
  background-color: #1e7e34;
}
.bps-form .bps-btn--warning {
  background-color: var(--bps-warning);
  color: #212529;
}
.bps-form .bps-btn--warning:hover {
  background-color: #d39e00;
}
.bps-form .bps-btn--sm {
  padding: 0.25rem 0.75rem;
  min-height: 36px;
  font-size: 0.875rem;
}
.bps-form .bps-btn--lg {
  padding: 0.75rem 2rem;
  min-height: 54px;
  font-size: 1.125rem;
}
.bps-form .bps-btn--icon {
  padding: 0.25rem;
  min-width: 36px;
  min-height: 36px;
}
.bps-form .bps-btn--block {
  width: 100%;
}
.bps-form .bps-btn-group {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.bps-form .bps-btn-group--end {
  justify-content: flex-end;
}
.bps-form .bps-btn-group--center {
  justify-content: center;
}
.bps-form .bps-btn-group--between {
  justify-content: space-between;
}
.bps-form .bps-field--valid .bps-input, .bps-form .is-valid .bps-input, .bps-form .bps-field--valid .moaform-select2, .bps-form .is-valid .moaform-select2, .bps-form .bps-field--valid .bps-select, .bps-form .is-valid .bps-select, .bps-form .bps-field--valid .bps-textarea, .bps-form .is-valid .bps-textarea {
  border-color: var(--bps-success);
}
.bps-form .bps-field--valid .bps-input:focus, .bps-form .is-valid .bps-input:focus, .bps-form .bps-field--valid .moaform-select2:focus, .bps-form .is-valid .moaform-select2:focus, .bps-form .bps-field--valid .bps-select:focus, .bps-form .is-valid .bps-select:focus, .bps-form .bps-field--valid .bps-textarea:focus, .bps-form .is-valid .bps-textarea:focus {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.15);
}
.bps-form .bps-field--valid .bps-feedback, .bps-form .is-valid .bps-feedback {
  display: block;
  color: var(--bps-success);
}
.bps-form .bps-field--invalid .bps-input, .bps-form .is-invalid .bps-input, .bps-form .bps-field--invalid .moaform-select2, .bps-form .is-invalid .moaform-select2, .bps-form .bps-field--invalid .bps-select, .bps-form .is-invalid .bps-select, .bps-form .bps-field--invalid .bps-textarea, .bps-form .is-invalid .bps-textarea {
  border-color: var(--bps-danger);
}
.bps-form .bps-field--invalid .bps-input:focus, .bps-form .is-invalid .bps-input:focus, .bps-form .bps-field--invalid .moaform-select2:focus, .bps-form .is-invalid .moaform-select2:focus, .bps-form .bps-field--invalid .bps-select:focus, .bps-form .is-invalid .bps-select:focus, .bps-form .bps-field--invalid .bps-textarea:focus, .bps-form .is-invalid .bps-textarea:focus {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15);
}
.bps-form .bps-field--invalid .bps-feedback, .bps-form .is-invalid .bps-feedback {
  display: block;
  color: var(--bps-danger);
}
.bps-form .bps-feedback {
  display: none;
  font-size: 0.8125rem;
  margin-top: 0.25rem;
}
.bps-form .bps-help, .bps-form .form-text, .bps-form .help-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bps-text-muted);
}
.bps-form .bps-section {
  background-color: var(--bps-bg);
  border-radius: 0.75rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
.bps-form .bps-section:last-child {
  margin-bottom: 0;
}
.bps-form .bps-section--bordered {
  border: 1px solid var(--bps-border);
}
.bps-form .bps-legend {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--bps-text);
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--bps-border);
}
.bps-form .bps-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.bps-form .bps-row > * {
  padding: 0 0.5rem;
  flex: 1;
  min-width: 0;
}
.bps-form .bps-row--2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.bps-form .bps-row--3 > * {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}
.bps-form .bps-row--4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.bps-form .select2-container--default {
  width: 100% !important;
}
.bps-form .select2-container--default .select2-selection--multiple {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.25rem;
  min-height: var(--bps-input-height);
  padding: 0.5rem;
  padding-right: 70px;
  background-color: var(--bps-bg);
  border: var(--bps-input-border-width) solid var(--bps-border);
  border-radius: var(--bps-input-border-radius);
  position: relative;
  transition: border-color var(--bps-transition), box-shadow var(--bps-transition);
}
.bps-form .select2-container--default .select2-selection--multiple:hover {
  border-color: var(--bps-accent);
}
.bps-form .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  height: var(--bps-input-height);
  padding: 0.5rem 0.75rem;
  padding-right: 36px;
  background-color: var(--bps-bg);
  border: var(--bps-input-border-width) solid var(--bps-border);
  border-radius: var(--bps-input-border-radius);
  transition: border-color var(--bps-transition);
}
.bps-form .select2-container--default .select2-selection--single:hover {
  border-color: var(--bps-accent);
}
.bps-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block;
  padding: 0;
  color: var(--bps-text);
  font-size: var(--bps-input-font-size);
  line-height: 1.5;
}
.bps-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--bps-text-muted);
  opacity: 0.6;
}
.bps-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.bps-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--bps-text-muted) transparent transparent transparent;
  border-width: 6px 5px 0 5px;
}
.bps-form .select2-container--default.select2-container--focus .select2-selection--multiple, .bps-form .select2-container--default.select2-container--focus .select2-selection--single, .bps-form .select2-container--default.select2-container--open .select2-selection--multiple, .bps-form .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--bps-accent);
  box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1);
  outline: none;
}
.bps-form .select2-container--default .select2-selection__rendered {
  display: contents;
  padding: 0 !important;
  margin: 0;
  list-style: none;
}
.bps-form .select2-container--default .select2-selection__choice {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background-color: var(--bps-accent) !important;
  color: var(--bps-accent-text) !important;
  padding: 6px 12px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  cursor: default;
  transition: background-color var(--bps-transition), transform 0.15s ease;
  border: none !important;
  margin: 2px !important;
}
.bps-form .select2-container--default .select2-selection__choice:hover {
  background-color: var(--bps-accent-hover) !important;
  transform: translateY(-1px);
}
.bps-form .select2-container--default .select2-selection__choice__display {
  display: inline !important;
  color: inherit !important;
  order: 2;
}
.bps-form .select2-container--default .select2-selection__choice__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 18px;
  height: 18px;
  margin: 0 !important;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--bps-accent-text) !important;
  border: none !important;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.bps-form .select2-container--default .select2-selection__choice__remove:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.bps-form .select2-container--default .select2-search--inline {
  flex: 1 1 120px;
  min-width: 120px;
  margin: 0 !important;
}
.bps-form .select2-container--default .select2-search--inline .select2-search__field {
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 0;
  background: transparent;
  border: none !important;
  outline: none;
  box-shadow: none !important;
  font-size: var(--bps-input-font-size);
  color: var(--bps-text);
}
.bps-form .select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: var(--bps-text-muted);
  opacity: 0.5;
}
.bps-form .select2-container--default .select2-selection__counter {
  position: absolute !important;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--bps-bg-alt);
  color: var(--bps-text);
  padding: 4px 10px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  z-index: 2;
}
.bps-form .select2-container--default .select2-selection--multiple .select2-selection__clear {
  display: none !important;
}
.bps-form ~ .select2-container--open .select2-dropdown, .bps-form .select2-dropdown {
  background-color: var(--bps-bg);
  border: var(--bps-input-border-width) solid var(--bps-accent);
  border-radius: var(--bps-input-border-radius);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  margin-top: 4px;
  overflow: hidden;
  z-index: 10060;
}
.bps-form .select2-container--default .select2-search--dropdown {
  padding: 0.5rem;
  background-color: var(--bps-bg-alt);
  border-bottom: 1px solid var(--bps-border);
}
.bps-form .select2-container--default .select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background-color: var(--bps-bg);
  border: var(--bps-input-border-width) solid var(--bps-border);
  border-radius: 0.25rem;
  font-size: var(--bps-input-font-size);
  color: var(--bps-text);
  outline: none;
  transition: border-color var(--bps-transition);
}
.bps-form .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--bps-accent);
}
.bps-form .select2-container--default .select2-results__options {
  max-height: 280px;
  overflow-y: auto;
  padding: 0.25rem 0;
}
.bps-form .select2-container--default .select2-results__options::-webkit-scrollbar {
  width: 8px;
}
.bps-form .select2-container--default .select2-results__options::-webkit-scrollbar-track {
  background: var(--bps-bg-alt);
}
.bps-form .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--bps-accent);
  border-radius: 4px;
}
.bps-form .select2-container--default .select2-results__option {
  padding: 0.5rem 0.75rem;
  font-size: var(--bps-input-font-size);
  color: var(--bps-text);
  cursor: pointer;
  transition: background-color 0.15s ease;
  position: relative;
}
.bps-form .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bps-accent);
  color: var(--bps-accent-text);
}
.bps-form .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--bps-bg-alt);
}
.bps-form .select2-container--default .select2-results__option[aria-selected="true"]::after {
  content: "✓";
  position: absolute;
  right: 0.75rem;
  color: var(--bps-accent);
  font-weight: 600;
}
.bps-form .select2-container--default .select2-results__option--highlighted[aria-selected="true"]::after {
  color: var(--bps-accent-text);
}
.bps-form .select2-container--default .select2-results__option[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
}
.bps-form .select2-container--default .select2-results__message {
  padding: 0.75rem;
  text-align: center;
  color: var(--bps-text-muted);
  font-size: var(--bps-input-font-size);
}
.bps-form .select2-container--disabled .select2-selection--multiple, .bps-form .select2-container--disabled .select2-selection--single {
  background-color: var(--bps-bg-alt);
  cursor: not-allowed;
  opacity: 0.6;
}
.bps-form .select2-container--default.select2-max-reached .select2-search--inline .select2-search__field {
  display: none;
}
.bps-form .select2-container--default.select2-max-reached .select2-selection__counter {
  background-color: var(--bps-accent);
  color: var(--bps-accent-text);
}
.bps-form .bps-repeater__controls, .bps-form .repeater-controls {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.bps-form .bps-repeater__items, .bps-form .repeater-items-container {
  min-height: 50px;
}
.bps-form .bps-repeater__empty, .bps-form .empty-state {
  text-align: center;
  padding: 2rem 0.75rem;
  color: var(--bps-text-muted);
}
.bps-form .bps-repeater__empty i, .bps-form .empty-state i, .bps-form .bps-repeater__empty svg, .bps-form .empty-state svg {
  font-size: 2.5rem;
  opacity: 0.5;
  margin-bottom: 0.5rem;
}
.bps-form .bps-repeater-item, .bps-form .repeater-item {
  border: 1px solid var(--bps-border);
  border-radius: var(--bps-input-border-radius);
  margin-bottom: 0.75rem;
  background-color: var(--bps-bg);
  transition: box-shadow 0.15s ease;
}
.bps-form .bps-repeater-item:last-child, .bps-form .repeater-item:last-child {
  margin-bottom: 0;
}
.bps-form .bps-repeater-item:hover, .bps-form .repeater-item:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-form .bps-repeater-item--nested-1 {
  margin-left: 1.25rem;
}
.bps-form .bps-repeater-item--nested-2 {
  margin-left: 2rem;
}
.bps-form .bps-repeater-item--nested-3 {
  margin-left: 2.5rem;
}
.bps-form .bps-repeater-item__header, .bps-form .repeater-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--bps-bg-alt);
  border-bottom: 1px solid var(--bps-border);
  border-radius: var(--bps-input-border-radius) var(--bps-input-border-radius) 0 0;
}
.bps-form .bps-repeater-item__drag, .bps-form .drag-handle {
  cursor: grab;
  color: var(--bps-text-muted);
  padding: 0.25rem;
}
.bps-form .bps-repeater-item__drag:active, .bps-form .drag-handle:active {
  cursor: grabbing;
}
.bps-form .bps-repeater-item__arrows {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bps-form .bps-repeater-item__arrows button {
  padding: 2px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--bps-text-muted);
  line-height: 1;
}
.bps-form .bps-repeater-item__arrows button:hover {
  color: var(--bps-accent);
}
.bps-form .bps-repeater-item__title, .bps-form .repeater-title {
  flex: 1;
  font-weight: 500;
  font-size: 0.9375rem;
  color: var(--bps-text);
}
.bps-form .bps-repeater-item__actions, .bps-form .repeater-actions {
  display: flex;
  gap: 0.25rem;
}
.bps-form .bps-repeater-item__body, .bps-form .repeater-body {
  padding: 0.75rem;
}
.bps-form .bps-repeater-item__body.is-collapsed, .bps-form .is-collapsed.repeater-body {
  display: none;
}
.bps-form .bps-gallery__grid, .bps-form .grid-container {
  display: grid;
  gap: 0.75rem;
  justify-content: center;
}
.bps-form .bps-gallery__drop, .bps-form .drop-zone {
  position: relative;
  background-color: var(--bps-bg-alt);
  border: 2px dashed var(--bps-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--bps-transition);
  overflow: hidden;
  border-radius: var(--bps-input-border-radius);
}
.bps-form .bps-gallery__drop:hover, .bps-form .drop-zone:hover {
  border-color: var(--bps-accent);
  background-color: rgba(44, 62, 80, 0.05);
}
.bps-form .bps-gallery__drop--has-image {
  border-style: solid;
}
.bps-form .bps-gallery__drop--has-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bps-form .bps-gallery__drop__placeholder {
  font-size: 3rem;
  color: var(--bps-text-muted);
  opacity: 0.5;
}
.bps-form .bps-gallery__actions {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity var(--bps-transition);
}
.bps-gallery__drop:hover .bps-form .bps-gallery__actions, .bps-form .drop-zone:hover .bps-form .bps-gallery__actions {
  opacity: 1;
}
.bps-form .bps-gallery__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: var(--bps-input-border-radius);
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  transition: all 0.15s ease;
}
.bps-form .bps-gallery__action-btn:hover {
  transform: scale(1.1);
}
.bps-form .bps-gallery__action-btn--edit {
  color: var(--bps-accent);
}
.bps-form .bps-gallery__action-btn--edit:hover {
  background-color: var(--bps-accent);
  color: #fff;
}
.bps-form .bps-gallery__action-btn--remove {
  color: var(--bps-danger);
}
.bps-form .bps-gallery__action-btn--remove:hover {
  background-color: var(--bps-danger);
  color: #fff;
}
.bps-form .bps-modal__content {
  background-color: var(--bps-bg);
  border-radius: 0.75rem;
  overflow: hidden;
}
.bps-form .bps-modal__header {
  border-bottom: 1px solid var(--bps-border);
  padding: 0.75rem 1.25rem;
}
.bps-form .bps-modal__body {
  padding: 1.25rem;
}
.bps-form .bps-cropper__container {
  max-height: 60vh;
  overflow: hidden;
  border-radius: var(--bps-input-border-radius);
  background-color: #000;
}
.bps-form .bps-cropper__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
  justify-content: center;
}
.bps-form--dark {
  --bps-bg: var(--ast-global-color-0);
  --bps-bg-alt: var(--ast-global-color-6);
  --bps-text: var(--ast-global-color-4);
  --bps-text-muted: var(--ast-global-color-5);
  --bps-border: var(--ast-global-color-6);
  --bps-accent: var(--ast-global-color-1);
  --bps-accent-text: var(--ast-global-color-4);
}
.bps-form--compact {
  --bps-input-height: 38px;
  --bps-input-padding-y: 0.25rem;
  --bps-field-gap: 0.5rem;
}
.bps-form--compact .bps-label {
  font-size: 0.8125rem;
}
.bps-form--spacious {
  --bps-input-height: 54px;
  --bps-input-padding-y: 0.75rem;
  --bps-field-gap: 1.25rem;
}
.bps-form--spacious .bps-label {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .bps-form .bps-section {
    padding: 0.75rem;
  }
  .bps-form .bps-row {
    margin: 0;
  }
  .bps-form .bps-row > * {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: var(--bps-field-gap);
  }
  .bps-form .bps-btn--block-mobile {
    width: 100%;
  }
  .bps-form .bps-field--horizontal {
    flex-direction: column;
    align-items: stretch;
  }
  .bps-form .bps-field--horizontal .bps-label {
    min-width: auto;
  }
  .bps-form .bps-gallery__grid, .bps-form .grid-container {
    grid-template-columns: 1fr;
  }
  .bps-form .bps-gallery__grid .bps-gallery__drop, .bps-form .grid-container .bps-gallery__drop, .bps-form .bps-gallery__grid .drop-zone, .bps-form .grid-container .drop-zone {
    width: 100%;
    max-width: 300px;
    height: auto;
    aspect-ratio: 1;
    margin: 0 auto;
  }
  .bps-form .bps-repeater-item--nested-1, .bps-form .bps-repeater-item--nested-2, .bps-form .bps-repeater-item--nested-3 {
    margin-left: 0.5rem;
  }
}
.bps-form:not(.bps-override-off) .bps-input, .bps-form:not(.bps-override-off) .bps-form .moaform-select2, .bps-form .bps-form:not(.bps-override-off) .moaform-select2, .bps-form:not(.bps-override-off) .bps-select, .bps-form:not(.bps-override-off) .bps-textarea {
  width: 100% !important;
  max-width: 100% !important;
}
.bps-form:not(.bps-override-off) .bps-btn {
  text-transform: none !important;
  letter-spacing: normal !important;
}
.bps-form:not(.bps-override-off) .select2-container {
  width: 100% !important;
}
.bps-form:not(.bps-override-off) .bps-check__input {
  appearance: none !important;
  -webkit-appearance: none !important;
}
.bps-form:not(.bps-override-off) .bps-input:focus, .bps-form:not(.bps-override-off) .bps-form .moaform-select2:focus, .bps-form .bps-form:not(.bps-override-off) .moaform-select2:focus, .bps-form:not(.bps-override-off) .bps-select:focus, .bps-form:not(.bps-override-off) .bps-textarea:focus {
  outline: none !important;
}
@keyframes bps-select2-slide-down {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bps-tag-fade-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.bps-form .select2-dropdown {
  animation: bps-select2-slide-down 0.2s ease-out;
}
.bps-form .select2-selection__choice {
  animation: bps-tag-fade-in 0.15s ease-out;
}
.bps-form .radio-group, .bps-form .checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bps-form .radio-group.radio-horizontal, .bps-form .radio-group.checkbox-horizontal, .bps-form .checkbox-group.radio-horizontal, .bps-form .checkbox-group.checkbox-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.bps-form .moaform-radio-option, .bps-form .moaform-checkbox-option {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.bps-form .radio-label, .bps-form .checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.9375rem;
  color: var(--bps-text);
  user-select: none;
}
.bps-form .radio-label input[type="radio"], .bps-form .radio-label input[type="checkbox"], .bps-form .checkbox-label input[type="radio"], .bps-form .checkbox-label input[type="checkbox"] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
}
.bps-form .radio-text, .bps-form .checkbox-text {
  line-height: 1.4;
}
.bps-form select {
  height: auto;
}
.bps-vtemplates .archive-header {
  border-bottom: 2px solid var(--e-border-color);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.bps-vtemplates .archive-title {
  color: var(--text-highlight);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .archive-description {
  color: var(--text-color2);
  font-size: 1.125rem;
}
.bps-vtemplates .archive-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.bps-vtemplates .archive-count {
  color: var(--text-color2);
  font-size: 0.875rem;
}
.bps-vtemplates .archive-filters {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.bps-vtemplates .filter-btn {
  padding: 0.5rem 1rem;
  border: 1px solid var(--e-border-color);
  background-color: var(--bg);
  color: var(--text-color);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .filter-btn:hover, .bps-vtemplates .filter-btn.active {
  background-color: var(--accent);
  color: var(--accent-text);
  border-color: var(--accent);
}
.bps-vtemplates .archive-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.bps-vtemplates .pagination-btn {
  padding: 0.5rem 1rem;
  border: 1px solid var(--e-border-color);
  background-color: var(--bg);
  color: var(--text-color);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.15s ease-out;
  text-decoration: none;
}
.bps-vtemplates .pagination-btn:hover, .bps-vtemplates .pagination-btn.active {
  background-color: var(--accent);
  color: var(--accent-text);
  border-color: var(--accent);
}
.bps-vtemplates .pagination-btn:disabled, .bps-vtemplates .pagination-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.bps-vtemplates .bps-archive-grid .archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}
.bps-vtemplates .grid-card {
  background-color: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  transition: 0.3s ease-out;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bps-vtemplates .grid-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-color: var(--accent);
}
.bps-vtemplates .grid-card-image {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background-color: var(--bg2);
  position: relative;
}
.bps-vtemplates .grid-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-out;
}
.grid-card:hover .bps-vtemplates .grid-card-image img {
  transform: scale(1.05);
}
.bps-vtemplates .grid-card-body {
  padding: 1.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.bps-vtemplates .grid-card-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
  align-self: flex-start;
}
.bps-vtemplates .grid-card-title {
  color: var(--text-highlight);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.bps-vtemplates .grid-card-title a {
  color: inherit;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .grid-card-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .grid-card-excerpt {
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  flex-grow: 1;
}
.bps-vtemplates .grid-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid var(--e-border-color);
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .grid-card-author, .bps-vtemplates .grid-card-date {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.bps-vtemplates .grid-card-author i, .bps-vtemplates .grid-card-date i {
  color: var(--icon-color);
}
.bps-vtemplates .bps-archive-list .archive-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bps-vtemplates .list-item {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  transition: 0.3s ease-out;
}
.bps-vtemplates .list-item:hover {
  border-color: var(--accent);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .list-item-image {
  flex-shrink: 0;
  width: 200px;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--bg2);
}
.bps-vtemplates .list-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-out;
}
.bps-vtemplates .list-item-image a:hover img {
  transform: scale(1.05);
}
.bps-vtemplates .list-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bps-vtemplates .list-item-meta-top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}
.bps-vtemplates .list-item-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bps-vtemplates .list-item-date {
  color: var(--text-color3);
}
.bps-vtemplates .list-item-title {
  color: var(--text-highlight);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.bps-vtemplates .list-item-title a {
  color: inherit;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .list-item-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .list-item-excerpt {
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bps-vtemplates .list-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .list-item-author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .list-item-author i {
  color: var(--icon-color);
}
.bps-vtemplates .bps-archive-minimal .archive-minimal {
  display: flex;
  flex-direction: column;
}
.bps-vtemplates .minimal-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid var(--e-border-color);
  transition: 0.15s ease-out;
}
.bps-vtemplates .minimal-item:last-child {
  border-bottom: none;
}
.bps-vtemplates .minimal-item:hover {
  padding-left: 0.5rem;
  background-color: var(--bg2);
}
.bps-vtemplates .minimal-item-title {
  color: var(--text-color);
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  flex: 1;
}
.bps-vtemplates .minimal-item-title a {
  color: inherit;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .minimal-item-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .minimal-item-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  color: var(--text-color3);
  flex-shrink: 0;
}
.bps-vtemplates .minimal-item-category {
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.bps-vtemplates .minimal-item-date, .bps-vtemplates .minimal-item-author {
  color: var(--text-color3);
}
.bps-vtemplates .bps-archive-cards .archive-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2rem;
}
.bps-vtemplates .card-item {
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.75rem;
  overflow: hidden;
  transition: 0.3s ease-out;
  height: 100%;
}
.bps-vtemplates .card-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-color: var(--accent);
}
.bps-vtemplates .card-item:hover .card-item-image img {
  transform: scale(1.05);
}
.bps-vtemplates .card-item:hover .card-item-image-overlay {
  opacity: 1;
}
.bps-vtemplates .card-item-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1.6;
  overflow: hidden;
  background-color: var(--bg2);
}
.bps-vtemplates .card-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease-out;
}
.bps-vtemplates .card-item-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.6) 100%);
  opacity: 0;
  transition: 0.3s ease-out;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
}
.bps-vtemplates .card-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .card-badge.badge-new {
  background-color: #28a745;
}
.bps-vtemplates .card-badge.badge-sale {
  background-color: #dc3545;
}
.bps-vtemplates .card-item-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.5rem;
}
.bps-vtemplates .card-item-category {
  display: inline-block;
  align-self: flex-start;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
}
.bps-vtemplates .card-item-title {
  color: var(--text-highlight);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
.bps-vtemplates .card-item-title a {
  color: inherit;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .card-item-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .card-item-excerpt {
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bps-vtemplates .card-item-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid var(--e-border-color);
  font-size: 0.875rem;
  color: var(--text-color3);
  margin-top: auto;
}
.bps-vtemplates .card-item-author, .bps-vtemplates .card-item-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .card-item-author i, .bps-vtemplates .card-item-date i {
  color: var(--icon-color);
}
.bps-vtemplates .bps-archive-table .archive-table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}
.bps-vtemplates .bps-archive-table .archive-table-header {
  background-color: var(--bg2);
}
.bps-vtemplates .bps-archive-table .archive-table-header th {
  padding: 1rem 1.25rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-highlight);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--e-border-color);
}
.bps-vtemplates .table-row {
  transition: 0.15s ease-out;
}
.bps-vtemplates .table-row:hover {
  background-color: var(--bg2);
}
.bps-vtemplates .table-row:not(:last-child) {
  border-bottom: 1px solid var(--e-border-color);
}
.bps-vtemplates .table-row td {
  padding: 1rem 1.25rem;
  vertical-align: middle;
}
.bps-vtemplates .table-cell-image {
  width: 80px;
}
.bps-vtemplates .table-cell-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
  background-color: var(--bg2);
}
.bps-vtemplates .table-cell-title {
  font-weight: 500;
  color: var(--text-color);
}
.bps-vtemplates .table-cell-title a {
  color: inherit;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .table-cell-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .table-cell-title .table-cell-excerpt {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-color3);
  margin-top: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.bps-vtemplates .table-cell-category .table-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.bps-vtemplates .table-cell-author, .bps-vtemplates .table-cell-date {
  font-size: 0.875rem;
  color: var(--text-color2);
  white-space: nowrap;
}
.bps-vtemplates .table-cell-actions {
  text-align: right;
  white-space: nowrap;
}
.bps-vtemplates .table-cell-actions .table-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background-color: transparent;
  color: var(--text-color3);
  border: 1px solid var(--e-border-color);
  margin-left: 0.5rem;
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .table-cell-actions .table-action-btn:first-child {
  margin-left: 0;
}
.bps-vtemplates .table-cell-actions .table-action-btn:hover {
  background-color: var(--accent);
  color: var(--accent-text);
  border-color: var(--accent);
}
.bps-vtemplates .table-cell-actions .table-action-btn.btn-delete:hover {
  background-color: #dc3545;
  border-color: #dc3545;
}
.bps-vtemplates .bps-archive-masonry .archive-masonry {
  column-count: 3;
  column-gap: 1.5rem;
}
.bps-vtemplates .masonry-item {
  break-inside: avoid;
  margin-bottom: 1.5rem;
  background-color: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  transition: 0.3s ease-out;
}
.bps-vtemplates .masonry-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-color: var(--accent);
}
.bps-vtemplates .masonry-item:hover .masonry-item-image img {
  transform: scale(1.03);
}
.bps-vtemplates .masonry-item-image {
  width: 100%;
  overflow: hidden;
  background-color: var(--bg2);
}
.bps-vtemplates .masonry-item-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.5s ease-out;
}
.bps-vtemplates .masonry-item-content {
  padding: 1.25rem;
}
.bps-vtemplates .masonry-item-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
}
.bps-vtemplates .masonry-item-title {
  color: var(--text-highlight);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.bps-vtemplates .masonry-item-title a {
  color: inherit;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .masonry-item-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .masonry-item-excerpt {
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.bps-vtemplates .masonry-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid var(--e-border-color);
  font-size: 0.75rem;
  color: var(--text-color3);
}
.bps-vtemplates .masonry-item-author {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.bps-vtemplates .masonry-item-author i {
  color: var(--icon-color);
}
.bps-vtemplates .single-default {
  max-width: 800px;
  margin: 0 auto;
}
.bps-vtemplates .single-header {
  margin-bottom: 2rem;
}
.bps-vtemplates .single-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 1rem;
}
.bps-vtemplates .single-title {
  color: var(--text-highlight);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.bps-vtemplates .single-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .single-meta span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .single-meta i {
  color: var(--icon-color);
}
.bps-vtemplates .single-featured-image {
  margin-bottom: 2rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.bps-vtemplates .single-featured-image img {
  width: 100%;
  height: auto;
  display: block;
}
.bps-vtemplates .single-content {
  color: var(--text-color);
  font-size: 1.125rem;
  line-height: 1.8;
}
.bps-vtemplates .single-content h2, .bps-vtemplates .single-content h3, .bps-vtemplates .single-content h4 {
  color: var(--text-highlight);
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.bps-vtemplates .single-content p {
  margin-bottom: 1.5rem;
}
.bps-vtemplates .single-content a {
  color: var(--accent);
}
.bps-vtemplates .single-footer {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .single-profile {
  max-width: 1000px;
  margin: 0 auto;
}
.bps-vtemplates .profile-header-section {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.bps-vtemplates .profile-avatar-wrap {
  flex-shrink: 0;
}
.bps-vtemplates .profile-avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--accent);
}
.bps-vtemplates .profile-avatar-placeholder {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: var(--bg2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  color: var(--text-color3);
}
.bps-vtemplates .profile-info {
  flex: 1;
}
.bps-vtemplates .profile-name {
  color: var(--text-highlight);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .profile-tagline {
  color: var(--text-color2);
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .profile-location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-color3);
  font-size: 0.875rem;
}
.bps-vtemplates .profile-location i {
  color: var(--icon-color);
}
.bps-vtemplates .profile-stats {
  display: flex;
  gap: 2rem;
  padding: 1.5rem;
  background-color: var(--bg2);
  border-radius: 0.75rem;
  margin-bottom: 2rem;
}
.bps-vtemplates .profile-bio {
  margin-bottom: 2rem;
}
.bps-vtemplates .profile-bio h3 {
  color: var(--text-highlight);
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.bps-vtemplates .profile-tabs {
  display: flex;
  gap: 0.5rem;
  border-bottom: 2px solid var(--e-border-color);
  margin-bottom: 2rem;
}
.bps-vtemplates .profile-content {
  margin-bottom: 2rem;
}
.bps-vtemplates .profile-sidebar {
  background-color: var(--bg2);
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.bps-vtemplates .single-course {
  max-width: 1000px;
  margin: 0 auto;
}
.bps-vtemplates .course-header {
  margin-bottom: 2rem;
}
.bps-vtemplates .course-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.bps-vtemplates .course-title {
  color: var(--text-highlight);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.bps-vtemplates .course-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .course-meta span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .course-meta i {
  color: var(--icon-color);
}
.bps-vtemplates .course-video {
  margin-bottom: 2rem;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--bg2);
  aspect-ratio: 1.7777777778;
}
.bps-vtemplates .course-progress {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: var(--bg2);
  border-radius: 10px;
}
.bps-vtemplates .course-content {
  color: var(--text-color);
  line-height: 1.8;
  margin-bottom: 2rem;
}
.bps-vtemplates .course-navigation {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-top: 1px solid var(--e-border-color);
  border-bottom: 1px solid var(--e-border-color);
  margin-bottom: 2rem;
}
.bps-vtemplates .course-sidebar {
  background-color: var(--bg2);
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.bps-vtemplates .single-product {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
.bps-vtemplates .product-gallery {
  position: sticky;
  top: 2rem;
  align-self: start;
}
.bps-vtemplates .product-main-image {
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--bg2);
}
.bps-vtemplates .product-main-image img {
  width: 100%;
  height: auto;
  display: block;
}
.bps-vtemplates .product-details {
  display: flex;
  flex-direction: column;
}
.bps-vtemplates .product-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
  align-self: flex-start;
}
.bps-vtemplates .product-title {
  color: var(--text-highlight);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.bps-vtemplates .product-short-desc {
  color: var(--text-color2);
  font-size: 1.125rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.bps-vtemplates .product-price {
  margin-bottom: 1.5rem;
}
.bps-vtemplates .product-price .price-current {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-highlight);
}
.bps-vtemplates .product-price .price-sale {
  font-size: 1.25rem;
  color: var(--text-color3);
  text-decoration: line-through;
  margin-left: 0.5rem;
}
.bps-vtemplates .product-add-to-cart {
  margin-bottom: 2rem;
}
.bps-vtemplates .product-meta {
  padding-top: 1.5rem;
  border-top: 1px solid var(--e-border-color);
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .product-tabs {
  grid-column: 1 / -1;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .product-description {
  color: var(--text-color);
  line-height: 1.8;
}
.bps-vtemplates .product-related {
  grid-column: 1 / -1;
  margin-top: 3rem;
}
.bps-vtemplates .single-post {
  max-width: 800px;
  margin: 0 auto;
}
.bps-vtemplates .post-header {
  margin-bottom: 2rem;
}
.bps-vtemplates .post-category {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.bps-vtemplates .post-title {
  color: var(--text-highlight);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.bps-vtemplates .post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .post-meta span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .post-meta i {
  color: var(--icon-color);
}
.bps-vtemplates .post-featured-image {
  margin-bottom: 2rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.bps-vtemplates .post-featured-image img {
  width: 100%;
  height: auto;
  display: block;
}
.bps-vtemplates .post-content {
  color: var(--text-color);
  font-size: 1.125rem;
  line-height: 1.8;
}
.bps-vtemplates .post-content h2, .bps-vtemplates .post-content h3, .bps-vtemplates .post-content h4 {
  color: var(--text-highlight);
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.bps-vtemplates .post-content p {
  margin-bottom: 1.5rem;
}
.bps-vtemplates .post-author-box {
  margin-top: 3rem;
  padding: 2rem;
  background-color: var(--bg2);
  border-radius: 0.75rem;
}
.bps-vtemplates .post-related {
  margin-top: 3rem;
}
.bps-vtemplates .post-comments {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .single-full {
  width: 100%;
}
.bps-vtemplates .full-hero {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem 2rem;
}
.bps-vtemplates .full-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.bps-vtemplates .full-hero-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.bps-vtemplates .full-hero-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
}
.bps-vtemplates .full-subtitle {
  display: inline-block;
  padding: 0.25rem 1.25rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.bps-vtemplates .full-title {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
.bps-vtemplates .full-excerpt {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.bps-vtemplates .full-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 2rem;
  color: var(--text-color);
  font-size: 1.125rem;
  line-height: 1.8;
}
.bps-vtemplates .full-cta {
  padding: 4rem 2rem;
  text-align: center;
  background-color: var(--bg2);
}
@media screen and (max-width: 992px) {
  .bps-vtemplates .archive-title {
    font-size: 2rem;
  }
  .bps-vtemplates .archive-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .bps-vtemplates .bps-archive-grid .archive-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
  }
  .bps-vtemplates .grid-card-image {
    height: 180px;
  }
  .bps-vtemplates .grid-card-body {
    padding: 1.25rem;
  }
  .bps-vtemplates .list-item-image {
    width: 160px;
    height: 120px;
  }
  .bps-vtemplates .list-item-title {
    font-size: 1.125rem;
  }
  .bps-vtemplates .bps-archive-cards .archive-cards {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
  }
  .bps-vtemplates .card-item-title {
    font-size: 1.25rem;
  }
  .bps-vtemplates .card-item-body {
    padding: 1.25rem;
  }
  .bps-vtemplates .bps-archive-masonry .archive-masonry {
    column-count: 2;
    column-gap: 1.25rem;
  }
  .bps-vtemplates .masonry-item {
    margin-bottom: 1.25rem;
  }
  .bps-vtemplates .single-title, .bps-vtemplates .post-title {
    font-size: 2rem;
  }
  .bps-vtemplates .single-product {
    grid-template-columns: 1fr;
  }
  .bps-vtemplates .product-gallery {
    position: relative;
    top: 0;
  }
  .bps-vtemplates .full-title {
    font-size: 2.5rem;
  }
  .bps-vtemplates .profile-header-section {
    flex-direction: column;
    text-align: center;
  }
  .bps-vtemplates .profile-stats {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .bps-vtemplates .archive-title {
    font-size: 1.75rem;
  }
  .bps-vtemplates .archive-filters {
    width: 100%;
  }
  .bps-vtemplates .archive-filters .filter-btn {
    flex: 1;
    text-align: center;
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
  }
  .bps-vtemplates .bps-archive-grid .archive-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .bps-vtemplates .grid-card-image {
    height: 200px;
  }
  .bps-vtemplates .grid-card-body {
    padding: 1rem;
  }
  .bps-vtemplates .grid-card-title {
    font-size: 1.125rem;
  }
  .bps-vtemplates .grid-card-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .bps-vtemplates .list-item {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  .bps-vtemplates .list-item-image {
    width: 100%;
    height: 180px;
  }
  .bps-vtemplates .list-item-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .bps-vtemplates .minimal-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .bps-vtemplates .minimal-item-meta {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .bps-vtemplates .minimal-item-date::before, .bps-vtemplates .minimal-item-author::before {
    display: none;
  }
  .bps-vtemplates .bps-archive-cards .archive-cards {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .bps-vtemplates .card-item-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .bps-vtemplates .bps-archive-table .archive-table, .bps-vtemplates .bps-archive-table .archive-table-header, .bps-vtemplates .bps-archive-table .archive-table tbody, .bps-vtemplates .bps-archive-table .table-row, .bps-vtemplates .bps-archive-table .table-row td {
    display: block;
  }
  .bps-vtemplates .bps-archive-table .archive-table-header {
    display: none;
  }
  .bps-vtemplates .bps-archive-table .table-row {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--e-border-color);
    border-radius: 0.5rem;
  }
  .bps-vtemplates .bps-archive-table .table-row td {
    padding: 0.5rem 0;
    border: none;
  }
  .bps-vtemplates .bps-archive-table .table-cell-image {
    width: auto;
    text-align: center;
    padding-bottom: 1rem;
  }
  .bps-vtemplates .bps-archive-table .table-cell-image img {
    width: 100px;
    height: 100px;
  }
  .bps-vtemplates .bps-archive-table .table-cell-title .table-cell-excerpt {
    max-width: 100%;
    white-space: normal;
  }
  .bps-vtemplates .bps-archive-table .table-cell-actions {
    text-align: left;
    padding-top: 1rem;
    border-top: 1px solid var(--e-border-color);
  }
  .bps-vtemplates .bps-archive-masonry .archive-masonry {
    column-count: 1;
  }
  .bps-vtemplates .masonry-item {
    margin-bottom: 1rem;
  }
  .bps-vtemplates .single-title, .bps-vtemplates .post-title, .bps-vtemplates .course-title, .bps-vtemplates .product-title {
    font-size: 1.75rem;
  }
  .bps-vtemplates .single-meta, .bps-vtemplates .post-meta, .bps-vtemplates .course-meta {
    gap: 1rem;
  }
  .bps-vtemplates .profile-avatar, .bps-vtemplates .profile-avatar-placeholder {
    width: 120px;
    height: 120px;
  }
  .bps-vtemplates .profile-name {
    font-size: 1.5rem;
  }
  .bps-vtemplates .full-hero {
    min-height: 50vh;
    padding: 3rem 1rem;
  }
  .bps-vtemplates .full-title {
    font-size: 2rem;
  }
  .bps-vtemplates .full-excerpt {
    font-size: 1.25rem;
  }
  .bps-vtemplates .full-content {
    padding: 2rem 1rem;
  }
}
.bps-vtemplates .dark .grid-card, .bps-vtemplates .dark2 .grid-card, .bps-vtemplates .dark3 .grid-card, .bps-vtemplates .dark .list-item, .bps-vtemplates .dark2 .list-item, .bps-vtemplates .dark3 .list-item, .bps-vtemplates .dark .card-item, .bps-vtemplates .dark2 .card-item, .bps-vtemplates .dark3 .card-item, .bps-vtemplates .dark .masonry-item, .bps-vtemplates .dark2 .masonry-item, .bps-vtemplates .dark3 .masonry-item {
  background-color: var(--bg2);
}
.bps-vtemplates .dark .grid-card:hover:hover, .bps-vtemplates .dark2 .grid-card:hover:hover, .bps-vtemplates .dark3 .grid-card:hover:hover, .bps-vtemplates .dark .list-item:hover:hover, .bps-vtemplates .dark2 .list-item:hover:hover, .bps-vtemplates .dark3 .list-item:hover:hover, .bps-vtemplates .dark .card-item:hover:hover, .bps-vtemplates .dark2 .card-item:hover:hover, .bps-vtemplates .dark3 .card-item:hover:hover, .bps-vtemplates .dark .masonry-item:hover:hover, .bps-vtemplates .dark2 .masonry-item:hover:hover, .bps-vtemplates .dark3 .masonry-item:hover:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.bps-vtemplates .dark .grid-card-image, .bps-vtemplates .dark2 .grid-card-image, .bps-vtemplates .dark3 .grid-card-image, .bps-vtemplates .dark .list-item-image, .bps-vtemplates .dark2 .list-item-image, .bps-vtemplates .dark3 .list-item-image, .bps-vtemplates .dark .card-item-image, .bps-vtemplates .dark2 .card-item-image, .bps-vtemplates .dark3 .card-item-image, .bps-vtemplates .dark .masonry-item-image, .bps-vtemplates .dark2 .masonry-item-image, .bps-vtemplates .dark3 .masonry-item-image, .bps-vtemplates .dark .table-cell-image img, .bps-vtemplates .dark2 .table-cell-image img, .bps-vtemplates .dark3 .table-cell-image img {
  background-color: var(--bg);
}
.bps-vtemplates .dark .minimal-item:hover, .bps-vtemplates .dark2 .minimal-item:hover, .bps-vtemplates .dark3 .minimal-item:hover {
  background-color: var(--bg2);
}
.bps-vtemplates .dark .bps-archive-table .archive-table, .bps-vtemplates .dark2 .bps-archive-table .archive-table, .bps-vtemplates .dark3 .bps-archive-table .archive-table {
  background-color: var(--bg);
}
.bps-vtemplates .dark .bps-archive-table .archive-table-header, .bps-vtemplates .dark2 .bps-archive-table .archive-table-header, .bps-vtemplates .dark3 .bps-archive-table .archive-table-header {
  background-color: var(--bg2);
}
.bps-vtemplates .dark .table-row:hover, .bps-vtemplates .dark2 .table-row:hover, .bps-vtemplates .dark3 .table-row:hover {
  background-color: var(--bg2);
}
.bps-vtemplates .pagination {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  padding: 0;
  margin: 2rem 0;
  list-style: none;
}
.bps-vtemplates .pagination .page-item .page-link {
  padding: 0.5rem 1rem;
  border: 1px solid var(--e-border-color);
  background-color: var(--bg);
  color: var(--text-color);
  border-radius: 10px;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .pagination .page-item .page-link:hover {
  background-color: var(--accent);
  color: var(--accent-text);
  border-color: var(--accent);
}
.bps-vtemplates .pagination .page-item.active .page-link {
  background-color: var(--accent);
  color: var(--accent-text);
  border-color: var(--accent);
}
.bps-vtemplates .pagination .page-item.disabled .page-link {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.bps-vtemplates .dashboard-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bps-vtemplates .messaging-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bps-vtemplates .messaging-wrapper {
  display: flex;
  height: 100%;
  min-height: 600px;
  border: 1px solid var(--e-border-color);
  border-radius: 1rem;
  overflow: hidden;
  background: var(--bg);
}
.bps-vtemplates .messaging-sidebar {
  width: 320px;
  flex-shrink: 0;
  border-right: 1px solid var(--e-border-color);
  display: flex;
  flex-direction: column;
  background: var(--bg2);
}
.bps-vtemplates .journal-archive-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.bps-vtemplates .journal-write-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bps-vtemplates .member-directory-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .bps-vtemplates .messaging-wrapper {
    flex-direction: column;
  }
  .bps-vtemplates .messaging-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--e-border-color);
    max-height: 240px;
  }
}
.bps-vtemplates {
  /**
 * Visual Builder - Author Bio Box Styles
 * Path: /assets/scss/_author-bio-box.scss
 *
 * Custom styles to complement Bootstrap classes
 */
  /* Base Author Bio Box */
  /* Default Style */
  /* Minimal Style */
  /* Card Style (Centered) */
  /* Avatar Placeholder Styling */
  /* Responsive Adjustments */
  /* Dark Mode Support (if using Bootstrap dark mode) */
}
.bps-vtemplates .vb-alert {
  position: relative;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.bps-vtemplates .vb-alert .vb-alert-close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  padding: 0;
  background: transparent;
  border: none;
  font-size: 1.25rem;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-alert .vb-alert-close:hover {
  opacity: 1;
}
.bps-vtemplates .vb-alert .vb-alert-icon {
  margin-right: 0.5rem;
}
.bps-vtemplates .vb-alert .vb-alert-title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.bps-vtemplates .vb-alert.vb-alert-info, .bps-vtemplates .vb-alert-info {
  background-color: rgba(13, 202, 240, 0.1);
  border-color: rgba(13, 202, 240, 0.3);
  color: #0aa1c0;
}
.bps-vtemplates .vb-alert.vb-alert-info .vb-alert-icon, .bps-vtemplates .vb-alert-info .vb-alert-icon {
  color: #0dcaf0;
}
.bps-vtemplates .vb-alert.vb-alert-success, .bps-vtemplates .vb-alert-success {
  background-color: rgba(40, 167, 69, 0.1);
  border-color: rgba(40, 167, 69, 0.3);
  color: #1e7e34;
}
.bps-vtemplates .vb-alert.vb-alert-success .vb-alert-icon, .bps-vtemplates .vb-alert-success .vb-alert-icon {
  color: #28a745;
}
.bps-vtemplates .vb-alert.vb-alert-warning, .bps-vtemplates .vb-alert-warning {
  background-color: rgba(255, 193, 7, 0.1);
  border-color: rgba(255, 193, 7, 0.3);
  color: #ba8b00;
}
.bps-vtemplates .vb-alert.vb-alert-warning .vb-alert-icon, .bps-vtemplates .vb-alert-warning .vb-alert-icon {
  color: #ffc107;
}
.bps-vtemplates .vb-alert.vb-alert-danger, .bps-vtemplates .vb-alert-danger, .bps-vtemplates .vb-alert.vb-alert-error, .bps-vtemplates .vb-alert-error {
  background-color: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.3);
  color: #bd2130;
}
.bps-vtemplates .vb-alert.vb-alert-danger .vb-alert-icon, .bps-vtemplates .vb-alert-danger .vb-alert-icon, .bps-vtemplates .vb-alert.vb-alert-error .vb-alert-icon, .bps-vtemplates .vb-alert-error .vb-alert-icon {
  color: #dc3545;
}
.bps-vtemplates .vb-alert.vb-alert-dismissible {
  padding-right: 3rem;
}
.bps-vtemplates .vb-alert.vb-alert-sm {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.bps-vtemplates .vb-alert.vb-alert-lg {
  padding: 1.25rem 1.5rem;
  font-size: 1rem;
}
.bps-vtemplates .vb-author-byline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-color2);
}
.bps-vtemplates .vb-author-byline .vb-author-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.bps-vtemplates .vb-author-byline .vb-author-avatar-placeholder {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--bg2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--text-color3);
  flex-shrink: 0;
}
.bps-vtemplates .vb-author-byline .vb-author-avatar-placeholder i {
  font-size: 1rem;
}
.bps-vtemplates .vb-author-byline .vb-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bps-vtemplates .vb-author-byline .vb-author-name {
  font-weight: 500;
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bps-vtemplates .vb-author-byline .vb-author-name a {
  color: inherit;
  text-decoration: none;
}
.bps-vtemplates .vb-author-byline .vb-author-name a:hover {
  color: var(--accent);
}
.bps-vtemplates .vb-author-byline .vb-author-date {
  font-size: 0.75rem;
  color: var(--text-color3);
}
.bps-vtemplates .vb-author-byline.vb-author-byline-inline .vb-author-info {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .vb-author-byline.vb-author-byline-inline .vb-author-date::before {
  content: "•";
  margin-right: 0.5rem;
  opacity: 0.5;
}
.bps-vtemplates .vb-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--bg2);
  color: var(--text-color2);
  font-weight: 600;
  flex-shrink: 0;
}
.bps-vtemplates .vb-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bps-vtemplates .vb-avatar.vb-avatar-xs {
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
}
.bps-vtemplates .vb-avatar.vb-avatar-sm {
  width: 32px;
  height: 32px;
  font-size: 0.875rem;
}
.bps-vtemplates .vb-avatar, .bps-vtemplates .vb-avatar.vb-avatar-md {
  width: 48px;
  height: 48px;
  font-size: 1rem;
}
.bps-vtemplates .vb-avatar.vb-avatar-lg {
  width: 64px;
  height: 64px;
  font-size: 1.25rem;
}
.bps-vtemplates .vb-avatar.vb-avatar-xl {
  width: 96px;
  height: 96px;
  font-size: 1.5rem;
}
.bps-vtemplates .vb-avatar.vb-avatar-2xl {
  width: 128px;
  height: 128px;
  font-size: 1.875rem;
}
.bps-vtemplates .vb-avatar.vb-avatar-bordered {
  border: 3px solid var(--accent);
}
.bps-vtemplates .vb-avatar.vb-avatar-status {
  position: relative;
}
.bps-vtemplates .vb-avatar-indicator {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--bg);
}
.bps-vtemplates .vb-avatar-indicator.vb-avatar-online {
  background-color: #28a745;
}
.bps-vtemplates .vb-avatar-indicator.vb-avatar-offline {
  background-color: var(--text-color3);
}
.bps-vtemplates .vb-avatar-indicator.vb-avatar-busy {
  background-color: #dc3545;
}
.bps-vtemplates .vb-avatar-indicator.vb-avatar-away {
  background-color: #ffc107;
}
.bps-vtemplates .vb-avatar-group {
  display: flex;
}
.bps-vtemplates .vb-avatar-group .vb-avatar {
  margin-left: -8px;
  border: 2px solid var(--bg);
}
.bps-vtemplates .vb-avatar-group .vb-avatar:first-child {
  margin-left: 0;
}
.bps-vtemplates .vb-avatar-group .vb-avatar-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -8px;
  background-color: var(--bg2);
  border: 2px solid var(--bg);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-color2);
}
.bps-vtemplates .vb-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-badge.vb-badge-primary {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-badge.vb-badge-secondary {
  background-color: var(--bg2);
  color: var(--text-color);
}
.bps-vtemplates .vb-badge.vb-badge-featured {
  background-color: #ffc107;
  color: #000;
}
.bps-vtemplates .vb-badge.vb-badge-new {
  background-color: #28a745;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-sale {
  background-color: #dc3545;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-hot {
  background-color: #ff6b35;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-popular {
  background-color: #9b59b6;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-premium {
  background: linear-gradient(135deg, #f5af19 0%, #f12711 100%);
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-verified {
  background-color: #0dcaf0;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-info {
  background-color: #0dcaf0;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-success {
  background-color: #28a745;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-warning {
  background-color: #ffc107;
  color: #000;
}
.bps-vtemplates .vb-badge.vb-badge-danger {
  background-color: #dc3545;
  color: #fff;
}
.bps-vtemplates .vb-badge.vb-badge-outline {
  background-color: transparent;
  border: 1px solid currentColor;
}
.bps-vtemplates .vb-badge.vb-badge-outline.vb-badge-primary {
  color: var(--accent);
}
.bps-vtemplates .vb-badge.vb-badge-outline.vb-badge-success {
  color: #28a745;
}
.bps-vtemplates .vb-badge.vb-badge-outline.vb-badge-danger {
  color: #dc3545;
}
.bps-vtemplates .vb-badge.vb-badge-pill {
  border-radius: 100px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.bps-vtemplates .vb-badge.vb-badge-dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
}
.bps-vtemplates .vb-badge.vb-badge-sm {
  padding: 2px 0.25rem;
  font-size: 10px;
}
.bps-vtemplates .vb-badge.vb-badge-lg {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.bps-vtemplates .vb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.15s ease-out;
  white-space: nowrap;
}
.bps-vtemplates .vb-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb, 66, 153, 225), 0.3);
}
.bps-vtemplates .vb-btn:disabled, .bps-vtemplates .vb-btn.vb-btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.bps-vtemplates .vb-btn .vb-btn-icon {
  font-size: 1.1em;
}
.bps-vtemplates .vb-btn, .bps-vtemplates .vb-btn.vb-btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-btn:hover, .bps-vtemplates .vb-btn.vb-btn-primary:hover {
  filter: brightness(1.1);
}
.bps-vtemplates .vb-btn.vb-btn-secondary {
  background-color: var(--bg2);
  border-color: var(--e-border-color);
  color: var(--text-color);
}
.bps-vtemplates .vb-btn.vb-btn-secondary:hover {
  background-color: var(--bg);
  border-color: var(--accent);
}
.bps-vtemplates .vb-btn.vb-btn-outline {
  background-color: transparent;
  border-color: var(--accent);
  color: var(--accent);
}
.bps-vtemplates .vb-btn.vb-btn-outline:hover {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-btn.vb-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--e-border-color);
  color: var(--text-color);
}
.bps-vtemplates .vb-btn.vb-btn-outline-secondary:hover {
  background-color: var(--bg2);
}
.bps-vtemplates .vb-btn.vb-btn-ghost {
  background-color: transparent;
  border-color: transparent;
  color: var(--accent);
}
.bps-vtemplates .vb-btn.vb-btn-ghost:hover {
  background-color: rgba(var(--accent-rgb, 66, 153, 225), 0.1);
}
.bps-vtemplates .vb-btn.vb-btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.bps-vtemplates .vb-btn.vb-btn-success:hover {
  filter: brightness(1.1);
}
.bps-vtemplates .vb-btn.vb-btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.bps-vtemplates .vb-btn.vb-btn-danger:hover {
  filter: brightness(1.1);
}
.bps-vtemplates .vb-btn.vb-btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.bps-vtemplates .vb-btn.vb-btn-warning:hover {
  filter: brightness(1.1);
}
.bps-vtemplates .vb-btn.vb-btn-xs {
  padding: 4px 0.5rem;
  font-size: 0.75rem;
}
.bps-vtemplates .vb-btn.vb-btn-sm {
  padding: 0.25rem 1rem;
  font-size: 0.75rem;
}
.bps-vtemplates .vb-btn.vb-btn-lg {
  padding: 1rem 1.5rem;
  font-size: 1rem;
}
.bps-vtemplates .vb-btn.vb-btn-xl {
  padding: 1.25rem 2rem;
  font-size: 1.25rem;
}
.bps-vtemplates .vb-btn.vb-btn-block {
  display: flex;
  width: 100%;
}
.bps-vtemplates .vb-btn.vb-btn-icon-only {
  padding: 0.5rem;
}
.bps-vtemplates .vb-btn.vb-btn-icon-only.vb-btn-xs {
  padding: 4px;
}
.bps-vtemplates .vb-btn.vb-btn-icon-only.vb-btn-sm {
  padding: 0.25rem;
}
.bps-vtemplates .vb-btn.vb-btn-icon-only.vb-btn-lg {
  padding: 1rem;
}
.bps-vtemplates .vb-btn.vb-btn-rounded {
  border-radius: 100px;
}
.bps-vtemplates .vb-btn.vb-btn-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.bps-vtemplates .vb-btn.vb-btn-loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: vb-btn-spin 0.6s linear infinite;
}
@keyframes vb-btn-spin {
  to {
    transform: rotate(360deg);
  }
}
.bps-vtemplates .vb-btn-group {
  display: inline-flex;
}
.bps-vtemplates .vb-btn-group .vb-btn {
  border-radius: 0;
}
.bps-vtemplates .vb-btn-group .vb-btn:first-child {
  border-radius: 10px 0 0 10px;
}
.bps-vtemplates .vb-btn-group .vb-btn:last-child {
  border-radius: 0 10px 10px 0;
}
.bps-vtemplates .vb-btn-group .vb-btn:not(:first-child) {
  margin-left: -1px;
}
.bps-vtemplates .vb-card {
  background-color: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  transition: 0.3s ease-out;
}
.bps-vtemplates .vb-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bps-vtemplates .vb-card.vb-card-clickable {
  cursor: pointer;
}
.bps-vtemplates .vb-card.vb-card-clickable:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
}
.bps-vtemplates .vb-card-image {
  width: 100%;
  aspect-ratio: 1.6;
  overflow: hidden;
  background-color: var(--bg2);
}
.bps-vtemplates .vb-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-out;
}
.vb-card:hover .bps-vtemplates .vb-card-image img {
  transform: scale(1.05);
}
.bps-vtemplates .vb-card-header {
  padding: 1.25rem 1.25rem 0;
}
.bps-vtemplates .vb-card-body {
  padding: 1.25rem;
}
.bps-vtemplates .vb-card-footer {
  padding: 0 1.25rem 1.25rem;
}
.bps-vtemplates .vb-card-footer.vb-card-footer-bordered {
  padding-top: 1.25rem;
  margin-top: auto;
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .vb-card-title {
  color: var(--text-highlight);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.bps-vtemplates .vb-card-title a {
  color: inherit;
  text-decoration: none;
}
.bps-vtemplates .vb-card-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .vb-card-subtitle {
  color: var(--text-color2);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .vb-card-text {
  color: var(--text-color);
  font-size: 0.875rem;
  line-height: 1.6;
}
.bps-vtemplates .vb-date-display {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .vb-date-display i {
  color: var(--icon-color);
}
.bps-vtemplates .vb-date-display.vb-date-stacked {
  flex-direction: column;
  gap: 0;
  padding: 0.5rem;
  background-color: var(--accent);
  color: var(--accent-text);
  border-radius: 10px;
  text-align: center;
  min-width: 48px;
}
.bps-vtemplates .vb-date-display.vb-date-stacked .vb-date-month {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bps-vtemplates .vb-date-display.vb-date-stacked .vb-date-day {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.bps-vtemplates .vb-date-display.vb-date-stacked .vb-date-year {
  font-size: 0.75rem;
  opacity: 0.8;
}
.bps-vtemplates .vb-date-display.vb-date-relative {
  font-style: italic;
}
.bps-vtemplates .vb-divider {
  display: flex;
  align-items: center;
  color: var(--text-color3);
  font-size: 0.875rem;
}
.bps-vtemplates .vb-divider, .bps-vtemplates .vb-divider.vb-divider-horizontal {
  width: 100%;
  margin: 1.25rem 0;
}
.bps-vtemplates .vb-divider::before, .bps-vtemplates .vb-divider::after, .bps-vtemplates .vb-divider.vb-divider-horizontal::before, .bps-vtemplates .vb-divider.vb-divider-horizontal::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--e-border-color);
}
.bps-vtemplates .vb-divider.vb-divider-text::before {
  margin-right: 1rem;
}
.bps-vtemplates .vb-divider.vb-divider-text::after {
  margin-left: 1rem;
}
.bps-vtemplates .vb-divider:empty::after {
  display: none;
}
.bps-vtemplates .vb-divider.vb-divider-vertical {
  flex-direction: column;
  width: auto;
  height: 100%;
  margin: 0 1.25rem;
}
.bps-vtemplates .vb-divider.vb-divider-vertical::before, .bps-vtemplates .vb-divider.vb-divider-vertical::after {
  width: 1px;
  height: auto;
  flex: 1;
}
.bps-vtemplates .vb-divider.vb-divider-vertical::before {
  margin-right: 0;
  margin-bottom: 1rem;
}
.bps-vtemplates .vb-divider.vb-divider-vertical::after {
  margin-left: 0;
  margin-top: 1rem;
}
.bps-vtemplates .vb-divider.vb-divider-dashed::before, .bps-vtemplates .vb-divider.vb-divider-dashed::after {
  background: repeating-linear-gradient(to right, var(--e-border-color) 0, var(--e-border-color) 4px, transparent 4px, transparent 8px);
}
.bps-vtemplates .vb-divider.vb-divider-dotted::before, .bps-vtemplates .vb-divider.vb-divider-dotted::after {
  background: repeating-linear-gradient(to right, var(--e-border-color) 0, var(--e-border-color) 2px, transparent 2px, transparent 6px);
}
.bps-vtemplates .vb-divider .vb-divider-icon {
  margin: 0 1rem;
  color: var(--icon-color);
}
.bps-vtemplates .vb-empty-state, .bps-vtemplates .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
.bps-vtemplates .vb-empty-state .vb-empty-icon, .bps-vtemplates .vb-empty-state .empty-icon, .bps-vtemplates .empty-state .vb-empty-icon, .bps-vtemplates .empty-state .empty-icon {
  font-size: 4rem;
  color: var(--text-color3);
  opacity: 0.5;
  margin-bottom: 1.25rem;
}
.bps-vtemplates .vb-empty-state .vb-empty-title, .bps-vtemplates .vb-empty-state .empty-title, .bps-vtemplates .empty-state .vb-empty-title, .bps-vtemplates .empty-state .empty-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-highlight);
  margin-bottom: 0.5rem;
}
.bps-vtemplates .vb-empty-state .vb-empty-message, .bps-vtemplates .vb-empty-state .empty-message, .bps-vtemplates .empty-state .vb-empty-message, .bps-vtemplates .empty-state .empty-message {
  font-size: 0.875rem;
  color: var(--text-color2);
  max-width: 400px;
  margin-bottom: 1.25rem;
}
.bps-vtemplates .vb-empty-state .vb-empty-action, .bps-vtemplates .vb-empty-state .empty-action, .bps-vtemplates .empty-state .vb-empty-action, .bps-vtemplates .empty-state .empty-action {
  margin-top: 1rem;
}
.bps-vtemplates .vb-excerpt {
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.6;
}
.bps-vtemplates .vb-excerpt.vb-excerpt-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bps-vtemplates .vb-excerpt.vb-excerpt-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bps-vtemplates .vb-excerpt.vb-excerpt-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bps-vtemplates .vb-excerpt.vb-excerpt-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bps-vtemplates .vb-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--icon-color);
}
.bps-vtemplates .vb-icon.vb-icon-xs {
  font-size: 0.75rem;
}
.bps-vtemplates .vb-icon.vb-icon-sm {
  font-size: 1rem;
}
.bps-vtemplates .vb-icon, .bps-vtemplates .vb-icon.vb-icon-md {
  font-size: 1.25rem;
}
.bps-vtemplates .vb-icon.vb-icon-lg {
  font-size: 1.5rem;
}
.bps-vtemplates .vb-icon.vb-icon-xl {
  font-size: 2rem;
}
.bps-vtemplates .vb-icon.vb-icon-2xl {
  font-size: 3rem;
}
.bps-vtemplates .vb-icon.vb-icon-accent {
  color: var(--accent);
}
.bps-vtemplates .vb-icon.vb-icon-muted {
  color: var(--text-color3);
}
.bps-vtemplates .vb-icon.vb-icon-success {
  color: #28a745;
}
.bps-vtemplates .vb-icon.vb-icon-warning {
  color: #ffc107;
}
.bps-vtemplates .vb-icon.vb-icon-danger {
  color: #dc3545;
}
.bps-vtemplates .vb-icon.vb-icon-info {
  color: #0dcaf0;
}
.bps-vtemplates .vb-icon.vb-icon-bg {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: var(--bg2);
}
.bps-vtemplates .vb-icon.vb-icon-bg.vb-icon-accent {
  background-color: rgba(var(--accent-rgb, 66, 153, 225), 0.1);
}
.bps-vtemplates .vb-icon.vb-icon-bg.vb-icon-success {
  background-color: rgba(40, 167, 69, 0.1);
}
.bps-vtemplates .vb-icon.vb-icon-bg.vb-icon-danger {
  background-color: rgba(220, 53, 69, 0.1);
}
.bps-vtemplates .vb-image-placeholder, .bps-vtemplates .image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg2);
  color: var(--text-color3);
}
.bps-vtemplates .vb-image-placeholder i, .bps-vtemplates .image-placeholder i {
  font-size: 2rem;
  opacity: 0.5;
}
.bps-vtemplates .vb-image-placeholder.vb-placeholder-square, .bps-vtemplates .image-placeholder.vb-placeholder-square {
  aspect-ratio: 1;
}
.bps-vtemplates .vb-image-placeholder.vb-placeholder-video, .bps-vtemplates .image-placeholder.vb-placeholder-video {
  aspect-ratio: 1.7777777778;
}
.bps-vtemplates .vb-image-placeholder.vb-placeholder-portrait, .bps-vtemplates .image-placeholder.vb-placeholder-portrait {
  aspect-ratio: 0.75;
}
.bps-vtemplates .vb-image-placeholder.vb-placeholder-landscape, .bps-vtemplates .image-placeholder.vb-placeholder-landscape {
  aspect-ratio: 1.3333333333;
}
.bps-vtemplates .vb-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bps-vtemplates .vb-link-item {
  border-bottom: 1px solid var(--e-border-color);
}
.bps-vtemplates .vb-link-item:last-child {
  border-bottom: none;
}
.bps-vtemplates .vb-link-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  color: var(--text-color);
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-link-item a:hover {
  color: var(--accent);
  padding-left: 0.5rem;
}
.bps-vtemplates .vb-link-item .vb-link-icon {
  color: var(--icon-color);
  margin-right: 0.5rem;
}
.bps-vtemplates .vb-link-item .vb-link-arrow {
  color: var(--text-color3);
  opacity: 0;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-link-item a:hover .vb-link-arrow {
  opacity: 1;
}
.bps-vtemplates .vb-link-item .vb-link-count {
  font-size: 0.75rem;
  color: var(--text-color3);
  background-color: var(--bg2);
  padding: 2px 0.25rem;
  border-radius: 0.25rem;
}
.bps-vtemplates .vb-loading, .bps-vtemplates .vb-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bps-vtemplates .vb-loading::after, .bps-vtemplates .vb-spinner::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 3px solid var(--e-border-color);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: vb-spin 0.8s linear infinite;
}
.bps-vtemplates .vb-loading.vb-spinner-xs::after, .bps-vtemplates .vb-loading.vb-loading-xs::after, .bps-vtemplates .vb-spinner.vb-spinner-xs::after, .bps-vtemplates .vb-spinner.vb-loading-xs::after {
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.bps-vtemplates .vb-loading.vb-spinner-sm::after, .bps-vtemplates .vb-loading.vb-loading-sm::after, .bps-vtemplates .vb-spinner.vb-spinner-sm::after, .bps-vtemplates .vb-spinner.vb-loading-sm::after {
  width: 16px;
  height: 16px;
  border-width: 2px;
}
.bps-vtemplates .vb-loading.vb-spinner-lg::after, .bps-vtemplates .vb-loading.vb-loading-lg::after, .bps-vtemplates .vb-spinner.vb-spinner-lg::after, .bps-vtemplates .vb-spinner.vb-loading-lg::after {
  width: 32px;
  height: 32px;
  border-width: 4px;
}
.bps-vtemplates .vb-loading.vb-spinner-xl::after, .bps-vtemplates .vb-loading.vb-loading-xl::after, .bps-vtemplates .vb-spinner.vb-spinner-xl::after, .bps-vtemplates .vb-spinner.vb-loading-xl::after {
  width: 48px;
  height: 48px;
  border-width: 4px;
}
@keyframes vb-spin {
  to {
    transform: rotate(360deg);
  }
}
.bps-vtemplates .vb-loading-dots {
  display: inline-flex;
  gap: 4px;
}
.bps-vtemplates .vb-loading-dots span {
  width: 8px;
  height: 8px;
  background-color: var(--accent);
  border-radius: 50%;
  animation: vb-bounce 1.4s ease-in-out infinite both;
}
.bps-vtemplates .vb-loading-dots span:nth-child(1) {
  animation-delay: -0.32s;
}
.bps-vtemplates .vb-loading-dots span:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes vb-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.bps-vtemplates .vb-skeleton {
  background: linear-gradient(90deg, var(--bg2) 25%, var(--bg) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  animation: vb-shimmer 1.5s infinite;
  border-radius: 10px;
}
.bps-vtemplates .vb-skeleton.vb-skeleton-text {
  height: 1em;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .vb-skeleton.vb-skeleton-text:last-child {
  width: 60%;
}
.bps-vtemplates .vb-skeleton.vb-skeleton-title {
  height: 1.5em;
  width: 80%;
  margin-bottom: 1rem;
}
.bps-vtemplates .vb-skeleton.vb-skeleton-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.bps-vtemplates .vb-skeleton.vb-skeleton-image {
  aspect-ratio: 1.6;
}
.bps-vtemplates .vb-skeleton.vb-skeleton-button {
  height: 36px;
  width: 100px;
}
@keyframes vb-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.bps-vtemplates .vb-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--bg-rgb, 255, 255, 255), 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.bps-vtemplates .vb-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: 0.875rem;
  color: var(--text-color3);
}
.bps-vtemplates .vb-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.bps-vtemplates .vb-meta-item i {
  color: var(--icon-color);
}
.bps-vtemplates .vb-meta-item a {
  color: inherit;
  text-decoration: none;
}
.bps-vtemplates .vb-meta-item a:hover {
  color: var(--accent);
}
.bps-vtemplates .vb-meta-author {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.bps-vtemplates .vb-meta-author .vb-meta-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.bps-vtemplates .vb-meta-date, .bps-vtemplates .vb-meta-read-time, .bps-vtemplates .vb-meta-category, .bps-vtemplates .vb-meta-comments {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.bps-vtemplates .vb-meta-row.vb-meta-separated .vb-meta-item + .vb-meta-item::before {
  content: "•";
  margin-right: 1rem;
  opacity: 0.5;
}
.bps-vtemplates .vb-price, .bps-vtemplates .price-display {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}
.bps-vtemplates .vb-price .vb-price-current, .bps-vtemplates .vb-price .price-current, .bps-vtemplates .price-display .vb-price-current, .bps-vtemplates .price-display .price-current {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-highlight);
}
.bps-vtemplates .vb-price .vb-price-original, .bps-vtemplates .vb-price .price-regular, .bps-vtemplates .vb-price .price-sale, .bps-vtemplates .price-display .vb-price-original, .bps-vtemplates .price-display .price-regular, .bps-vtemplates .price-display .price-sale {
  font-size: 1rem;
  color: var(--text-color3);
  text-decoration: line-through;
}
.bps-vtemplates .vb-price .vb-price-badge, .bps-vtemplates .vb-price .price-badge, .bps-vtemplates .price-display .vb-price-badge, .bps-vtemplates .price-display .price-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 0.25rem;
  background-color: #dc3545;
  color: #fff;
  border-radius: 0.25rem;
}
.bps-vtemplates .vb-price.vb-price-sm .vb-price-current, .bps-vtemplates .vb-price.vb-price-sm .price-current, .bps-vtemplates .price-display.vb-price-sm .vb-price-current, .bps-vtemplates .price-display.vb-price-sm .price-current {
  font-size: 1rem;
}
.bps-vtemplates .vb-price.vb-price-sm .vb-price-original, .bps-vtemplates .vb-price.vb-price-sm .price-regular, .bps-vtemplates .price-display.vb-price-sm .vb-price-original, .bps-vtemplates .price-display.vb-price-sm .price-regular {
  font-size: 0.875rem;
}
.bps-vtemplates .vb-price.vb-price-lg .vb-price-current, .bps-vtemplates .vb-price.vb-price-lg .price-current, .bps-vtemplates .price-display.vb-price-lg .vb-price-current, .bps-vtemplates .price-display.vb-price-lg .price-current {
  font-size: 1.875rem;
}
.bps-vtemplates .vb-price.vb-price-lg .vb-price-original, .bps-vtemplates .vb-price.vb-price-lg .price-regular, .bps-vtemplates .price-display.vb-price-lg .vb-price-original, .bps-vtemplates .price-display.vb-price-lg .price-regular {
  font-size: 1.25rem;
}
.bps-vtemplates .vb-price.vb-price-free .vb-price-current, .bps-vtemplates .vb-price.vb-price-free .price-current, .bps-vtemplates .price-display.vb-price-free .vb-price-current, .bps-vtemplates .price-display.vb-price-free .price-current {
  color: #28a745;
}
.bps-vtemplates .vb-price-range {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
}
.bps-vtemplates .vb-price-range .vb-price-from, .bps-vtemplates .vb-price-range .vb-price-to {
  font-weight: 700;
  color: var(--text-highlight);
}
.bps-vtemplates .vb-price-range .vb-price-separator {
  color: var(--text-color3);
}
.bps-vtemplates .vb-progress, .bps-vtemplates .progress-wrap {
  width: 100%;
}
.bps-vtemplates .vb-progress .vb-progress-label, .bps-vtemplates .vb-progress .progress-label, .bps-vtemplates .progress-wrap .vb-progress-label, .bps-vtemplates .progress-wrap .progress-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-color2);
}
.bps-vtemplates .vb-progress .vb-progress-value, .bps-vtemplates .vb-progress .progress-value, .bps-vtemplates .progress-wrap .vb-progress-value, .bps-vtemplates .progress-wrap .progress-value {
  font-weight: 600;
  color: var(--text-highlight);
}
.bps-vtemplates .vb-progress-bar, .bps-vtemplates .progress-bar {
  width: 100%;
  height: 8px;
  background-color: var(--bg2);
  border-radius: 10px;
  overflow: hidden;
}
.bps-vtemplates .vb-progress-bar .vb-progress-fill, .bps-vtemplates .vb-progress-bar .progress-fill, .bps-vtemplates .progress-bar .vb-progress-fill, .bps-vtemplates .progress-bar .progress-fill {
  height: 100%;
  background-color: var(--accent);
  border-radius: 10px;
  transition: width 0.3s ease;
}
.bps-vtemplates .vb-progress-bar.vb-progress-success .vb-progress-fill, .bps-vtemplates .progress-bar.vb-progress-success .vb-progress-fill {
  background-color: #28a745;
}
.bps-vtemplates .vb-progress-bar.vb-progress-warning .vb-progress-fill, .bps-vtemplates .progress-bar.vb-progress-warning .vb-progress-fill {
  background-color: #ffc107;
}
.bps-vtemplates .vb-progress-bar.vb-progress-danger .vb-progress-fill, .bps-vtemplates .progress-bar.vb-progress-danger .vb-progress-fill {
  background-color: #dc3545;
}
.bps-vtemplates .vb-progress-bar.vb-progress-sm, .bps-vtemplates .progress-bar.vb-progress-sm {
  height: 4px;
}
.bps-vtemplates .vb-progress-bar.vb-progress-lg, .bps-vtemplates .progress-bar.vb-progress-lg {
  height: 12px;
}
.bps-vtemplates .vb-progress-bar.vb-progress-striped .vb-progress-fill, .bps-vtemplates .progress-bar.vb-progress-striped .vb-progress-fill {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.bps-vtemplates .vb-progress-bar.vb-progress-animated .vb-progress-fill, .bps-vtemplates .progress-bar.vb-progress-animated .vb-progress-fill {
  animation: vb-progress-stripes 1s linear infinite;
}
@keyframes vb-progress-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.bps-vtemplates .vb-read-more {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--accent);
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-read-more:hover {
  gap: 0.5rem;
}
.bps-vtemplates .vb-read-more:hover .vb-read-more-arrow {
  transform: translateX(4px);
}
.bps-vtemplates .vb-read-more .vb-read-more-arrow {
  transition: transform 0.2s ease;
}
.bps-vtemplates .vb-read-more.vb-read-more-link {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bps-vtemplates .vb-read-more.vb-read-more-link:hover {
  text-decoration-thickness: 2px;
}
.bps-vtemplates .vb-read-more.vb-read-more-button {
  padding: 0.25rem 1rem;
  background-color: transparent;
  border: 1px solid var(--accent);
  border-radius: 10px;
}
.bps-vtemplates .vb-read-more.vb-read-more-button:hover {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-read-more.vb-read-more-ghost {
  padding: 0.25rem;
  border-radius: 10px;
}
.bps-vtemplates .vb-read-more.vb-read-more-ghost:hover {
  background-color: rgba(var(--accent-rgb, 66, 153, 225), 0.1);
}
.bps-vtemplates .vb-social-share {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .vb-social-share .vb-share-label {
  font-size: 0.875rem;
  color: var(--text-color2);
  margin-right: 0.5rem;
}
.bps-vtemplates .vb-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .vb-share-btn.vb-share-facebook {
  background-color: #1877f2;
}
.bps-vtemplates .vb-share-btn.vb-share-twitter, .bps-vtemplates .vb-share-btn.vb-share-x {
  background-color: #000;
}
.bps-vtemplates .vb-share-btn.vb-share-linkedin {
  background-color: #0a66c2;
}
.bps-vtemplates .vb-share-btn.vb-share-pinterest {
  background-color: #e60023;
}
.bps-vtemplates .vb-share-btn.vb-share-reddit {
  background-color: #ff4500;
}
.bps-vtemplates .vb-share-btn.vb-share-whatsapp {
  background-color: #25d366;
}
.bps-vtemplates .vb-share-btn.vb-share-telegram {
  background-color: #0088cc;
}
.bps-vtemplates .vb-share-btn.vb-share-email {
  background-color: var(--text-color);
}
.bps-vtemplates .vb-share-btn.vb-share-copy {
  background-color: var(--bg2);
  color: var(--text-color);
  border: 1px solid var(--e-border-color);
}
.bps-vtemplates .vb-share-btn.vb-share-copy:hover {
  background-color: var(--accent);
  color: var(--accent-text);
  border-color: var(--accent);
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn {
  background-color: transparent;
  border: 1px solid currentColor;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-facebook {
  color: #1877f2;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-twitter, .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-x {
  color: #000;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-linkedin {
  color: #0a66c2;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn:hover {
  color: #fff;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn:hover.vb-share-facebook {
  background-color: #1877f2;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn:hover.vb-share-twitter, .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn:hover.vb-share-x {
  background-color: #000;
}
.bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn:hover.vb-share-linkedin {
  background-color: #0a66c2;
}
.bps-vtemplates .vb-social-share.vb-share-sm .vb-share-btn {
  width: 28px;
  height: 28px;
  font-size: 0.75rem;
}
.bps-vtemplates .vb-social-share.vb-share-lg .vb-share-btn {
  width: 44px;
  height: 44px;
  font-size: 1.25rem;
}
.bps-vtemplates .vb-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.bps-vtemplates .vb-stat .vb-stat-icon {
  font-size: 1.5rem;
  color: var(--accent);
  margin-bottom: 0.5rem;
}
.bps-vtemplates .vb-stat .vb-stat-value {
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--text-highlight);
  line-height: 1.2;
}
.bps-vtemplates .vb-stat .vb-stat-label {
  font-size: 0.875rem;
  color: var(--text-color2);
  margin-top: 0.25rem;
}
.bps-vtemplates .vb-stat .vb-stat-change {
  font-size: 0.75rem;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 2px;
}
.bps-vtemplates .vb-stat .vb-stat-change.vb-stat-up {
  color: #28a745;
}
.bps-vtemplates .vb-stat .vb-stat-change.vb-stat-down {
  color: #dc3545;
}
.bps-vtemplates .vb-stat.vb-stat-left {
  align-items: flex-start;
  text-align: left;
}
.bps-vtemplates .vb-stat.vb-stat-horizontal {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  text-align: left;
}
.bps-vtemplates .vb-stat.vb-stat-horizontal .vb-stat-icon {
  margin-bottom: 0;
}
.bps-vtemplates .vb-stat.vb-stat-compact .vb-stat-value {
  font-size: 1.5rem;
}
.bps-vtemplates .vb-stat.vb-stat-compact .vb-stat-label {
  font-size: 0.75rem;
}
.bps-vtemplates .vb-stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.bps-vtemplates .vb-stats-row.vb-stats-dividers {
  gap: 0;
}
.bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat {
  padding: 0 1.5rem;
  border-right: 1px solid var(--e-border-color);
}
.bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat:first-child {
  padding-left: 0;
}
.bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat:last-child {
  padding-right: 0;
  border-right: none;
}
.bps-vtemplates .vb-stats-row.vb-stats-cards .vb-stat {
  flex: 1;
  min-width: 150px;
  padding: 1.25rem;
  background-color: var(--bg2);
  border-radius: 10px;
}
.bps-vtemplates .vb-tabs {
  width: 100%;
}
.bps-vtemplates .vb-tabs-nav {
  display: flex;
  border-bottom: 2px solid var(--e-border-color);
  margin-bottom: 1.25rem;
  gap: 0.25rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.bps-vtemplates .vb-tabs-nav::-webkit-scrollbar {
  display: none;
}
.bps-vtemplates .vb-tab-item {
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color2);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-tab-item:hover {
  color: var(--text-color);
}
.bps-vtemplates .vb-tab-item.vb-tab-active, .bps-vtemplates .vb-tab-item[aria-selected="true"] {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
.bps-vtemplates .vb-tab-item .vb-tab-icon {
  margin-right: 0.25rem;
}
.bps-vtemplates .vb-tab-item .vb-tab-badge {
  margin-left: 0.25rem;
  padding: 2px 0.25rem;
  font-size: 0.75rem;
  background-color: var(--bg2);
  border-radius: 0.25rem;
}
.bps-vtemplates .vb-tab-panel {
  display: none;
}
.bps-vtemplates .vb-tab-panel.vb-tab-panel-active, .bps-vtemplates .vb-tab-panel[aria-hidden="false"] {
  display: block;
}
.bps-vtemplates .vb-tabs.vb-tabs-pills .vb-tabs-nav {
  border-bottom: none;
  background-color: var(--bg2);
  padding: 0.25rem;
  border-radius: 10px;
  gap: 0.25rem;
}
.bps-vtemplates .vb-tabs.vb-tabs-pills .vb-tab-item {
  border-bottom: none;
  margin-bottom: 0;
  border-radius: 10px;
}
.bps-vtemplates .vb-tabs.vb-tabs-pills .vb-tab-item.vb-tab-active {
  background-color: var(--bg);
  color: var(--text-highlight);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .vb-tabs.vb-tabs-boxed .vb-tabs-nav {
  border-bottom: none;
  gap: 0.5rem;
}
.bps-vtemplates .vb-tabs.vb-tabs-boxed .vb-tab-item {
  border: 1px solid var(--e-border-color);
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
}
.bps-vtemplates .vb-tabs.vb-tabs-boxed .vb-tab-item.vb-tab-active {
  background-color: var(--bg);
  border-bottom-color: var(--bg);
  color: var(--text-highlight);
}
.bps-vtemplates .vb-tabs.vb-tabs-boxed .vb-tabs-content {
  border: 1px solid var(--e-border-color);
  border-radius: 0 10px 10px 10px;
  padding: 1.25rem;
}
.bps-vtemplates .vb-tabs.vb-tabs-vertical {
  display: flex;
  gap: 1.25rem;
}
.bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tabs-nav {
  flex-direction: column;
  border-bottom: none;
  border-right: 2px solid var(--e-border-color);
  margin-bottom: 0;
  padding-right: 1.25rem;
  min-width: 150px;
}
.bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tab-item {
  border-bottom: none;
  border-right: 2px solid transparent;
  margin-right: -2px;
  margin-bottom: 0;
  text-align: left;
}
.bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tab-item.vb-tab-active {
  border-right-color: var(--accent);
}
.bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tabs-content {
  flex: 1;
}
.bps-vtemplates .vb-taxonomy-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.bps-vtemplates .vb-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 1rem;
  font-size: 0.75rem;
  color: var(--text-color);
  background-color: var(--bg2);
  border: 1px solid var(--e-border-color);
  border-radius: 100px;
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-pill:hover {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-pill.vb-pill-active {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-pill.vb-pill-primary {
  background-color: rgba(var(--accent-rgb, 66, 153, 225), 0.1);
  border-color: var(--accent);
  color: var(--accent);
}
.bps-vtemplates .vb-pill.vb-pill-primary:hover {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .vb-pill.vb-pill-info {
  background-color: rgba(13, 202, 240, 0.1);
  border-color: rgba(13, 202, 240, 0.5);
  color: #0aa1c0;
}
.bps-vtemplates .vb-pill.vb-pill-info:hover {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #fff;
}
.bps-vtemplates .vb-pill.vb-pill-success {
  background-color: rgba(40, 167, 69, 0.1);
  border-color: rgba(40, 167, 69, 0.5);
  color: #1e7e34;
}
.bps-vtemplates .vb-pill.vb-pill-success:hover {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.bps-vtemplates .vb-pill.vb-pill-warning {
  background-color: rgba(255, 193, 7, 0.1);
  border-color: rgba(255, 193, 7, 0.5);
  color: #ba8b00;
}
.bps-vtemplates .vb-pill.vb-pill-warning:hover {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.bps-vtemplates .vb-pill.vb-pill-danger {
  background-color: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.5);
  color: #bd2130;
}
.bps-vtemplates .vb-pill.vb-pill-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.bps-vtemplates .vb-pill .vb-pill-count {
  font-size: 10px;
  padding: 1px 6px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}
.bps-vtemplates .vb-pill .vb-pill-remove {
  margin-left: 0.25rem;
  opacity: 0.7;
  cursor: pointer;
}
.bps-vtemplates .vb-pill .vb-pill-remove:hover {
  opacity: 1;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+1) {
  background-color: rgba(13, 202, 240, 0.1);
  border-color: rgba(13, 202, 240, 0.3);
  color: #0dcaf0;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+1):hover {
  background-color: #0dcaf0;
  color: #fff;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+2) {
  background-color: rgba(40, 167, 69, 0.1);
  border-color: rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+2):hover {
  background-color: #28a745;
  color: #fff;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+3) {
  background-color: rgba(255, 193, 7, 0.1);
  border-color: rgba(255, 193, 7, 0.3);
  color: #ba8b00;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+3):hover {
  background-color: #ffc107;
  color: #000;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+4) {
  background-color: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+4):hover {
  background-color: #dc3545;
  color: #fff;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+5) {
  background-color: rgba(155, 89, 182, 0.1);
  border-color: rgba(155, 89, 182, 0.3);
  color: #9b59b6;
}
.bps-vtemplates .vb-taxonomy-pills.vb-pills-colored .vb-pill:nth-child(5n+5):hover {
  background-color: #9b59b6;
  color: #fff;
}
.bps-vtemplates .vb-title {
  color: var(--text-highlight);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.bps-vtemplates .vb-title a {
  color: inherit;
  text-decoration: none;
}
.bps-vtemplates .vb-title a:hover {
  color: var(--accent);
}
.bps-vtemplates .vb-title.vb-title-xs {
  font-size: 0.875rem;
}
.bps-vtemplates .vb-title.vb-title-sm {
  font-size: 1rem;
}
.bps-vtemplates .vb-title.vb-title-md {
  font-size: 1.25rem;
}
.bps-vtemplates .vb-title.vb-title-lg {
  font-size: 1.5rem;
}
.bps-vtemplates .vb-title.vb-title-xl {
  font-size: 1.875rem;
}
.bps-vtemplates .vb-title.vb-title-2xl {
  font-size: 2.25rem;
}
.bps-vtemplates .vb-title.vb-title-with-subtitle {
  margin-bottom: 0.25rem;
}
.bps-vtemplates .vb-subtitle {
  color: var(--text-color2);
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 0.25rem;
}
.bps-vtemplates .vb-section-title {
  margin-bottom: 1.5rem;
}
.bps-vtemplates .vb-section-title .vb-title {
  margin-bottom: 0.5rem;
}
.bps-vtemplates .vb-section-title .vb-subtitle {
  max-width: 600px;
}
.bps-vtemplates .vb-section-title.vb-section-title-center {
  text-align: center;
}
.bps-vtemplates .vb-section-title.vb-section-title-center .vb-subtitle {
  margin-left: auto;
  margin-right: auto;
}
.bps-vtemplates .vb-video-embed {
  position: relative;
  width: 100%;
  background-color: var(--bg2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.bps-vtemplates .vb-video-embed iframe, .bps-vtemplates .vb-video-embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.bps-vtemplates .vb-video-embed.vb-video-16by9 {
  aspect-ratio: 1.7777777778;
}
.bps-vtemplates .vb-video-embed.vb-video-4by3 {
  aspect-ratio: 1.3333333333;
}
.bps-vtemplates .vb-video-embed.vb-video-1by1 {
  aspect-ratio: 1;
}
.bps-vtemplates .vb-video-embed.vb-video-21by9 {
  aspect-ratio: 2.3333333333;
}
.bps-vtemplates .vb-video-embed:not([class*="vb-video-"]) {
  aspect-ratio: 1.7777777778;
}
.bps-vtemplates .vb-video-thumbnail {
  position: relative;
  cursor: pointer;
}
.bps-vtemplates .vb-video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bps-vtemplates .vb-video-thumbnail .vb-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-video-thumbnail .vb-video-play::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
  margin-left: 4px;
}
.bps-vtemplates .vb-video-thumbnail .vb-video-play i {
  display: none;
}
.bps-vtemplates .vb-video-thumbnail:hover .vb-video-play {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: var(--accent);
}
.bps-vtemplates .vb-video-caption {
  padding: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-color2);
  text-align: center;
}
@media screen and (max-width: 992px) {
  .bps-vtemplates .vb-stats-row {
    gap: 1.25rem;
  }
  .bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat {
    padding: 0 1.25rem;
  }
  .bps-vtemplates .vb-tabs.vb-tabs-vertical {
    flex-direction: column;
  }
  .bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tabs-nav {
    flex-direction: row;
    border-right: none;
    border-bottom: 2px solid var(--e-border-color);
    padding-right: 0;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    min-width: auto;
    overflow-x: auto;
  }
  .bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tab-item {
    border-right: none;
    border-bottom: 2px solid transparent;
    margin-right: 0;
    margin-bottom: -2px;
  }
  .bps-vtemplates .vb-tabs.vb-tabs-vertical .vb-tab-item.vb-tab-active {
    border-right-color: transparent;
    border-bottom-color: var(--accent);
  }
}
@media screen and (max-width: 768px) {
  .bps-vtemplates .vb-author-byline.vb-author-byline-inline .vb-author-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .bps-vtemplates .vb-author-byline.vb-author-byline-inline .vb-author-date::before {
    display: none;
  }
  .bps-vtemplates .vb-stats-row {
    flex-direction: column;
    gap: 1.25rem;
  }
  .bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat {
    padding: 1.25rem 0;
    border-right: none;
    border-bottom: 1px solid var(--e-border-color);
  }
  .bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .bps-vtemplates .vb-stats-row.vb-stats-dividers .vb-stat:first-child {
    padding-top: 0;
  }
  .bps-vtemplates .vb-social-share {
    flex-wrap: wrap;
    justify-content: center;
  }
  .bps-vtemplates .vb-social-share .vb-share-label {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .bps-vtemplates .vb-tabs-nav {
    gap: 0;
  }
  .bps-vtemplates .vb-tab-item {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
  .bps-vtemplates .vb-video-thumbnail .vb-video-play {
    width: 56px;
    height: 56px;
  }
  .bps-vtemplates .vb-video-thumbnail .vb-video-play::before {
    border-width: 10px 0 10px 16px;
  }
  .bps-vtemplates .vb-price .vb-price-current {
    font-size: 1.25rem;
  }
}
.dark .bps-vtemplates .vb-alert.vb-alert-info, .dark2 .bps-vtemplates .vb-alert.vb-alert-info, .dark3 .bps-vtemplates .vb-alert.vb-alert-info {
  background-color: rgba(13, 202, 240, 0.15);
  color: #6ce0f7;
}
.dark .bps-vtemplates .vb-alert.vb-alert-success, .dark2 .bps-vtemplates .vb-alert.vb-alert-success, .dark3 .bps-vtemplates .vb-alert.vb-alert-success {
  background-color: rgba(40, 167, 69, 0.15);
  color: #5dd879;
}
.dark .bps-vtemplates .vb-alert.vb-alert-warning, .dark2 .bps-vtemplates .vb-alert.vb-alert-warning, .dark3 .bps-vtemplates .vb-alert.vb-alert-warning {
  background-color: rgba(255, 193, 7, 0.15);
  color: #ffce3a;
}
.dark .bps-vtemplates .vb-alert.vb-alert-danger, .dark2 .bps-vtemplates .vb-alert.vb-alert-danger, .dark3 .bps-vtemplates .vb-alert.vb-alert-danger {
  background-color: rgba(220, 53, 69, 0.15);
  color: #eb8c95;
}
.dark .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-twitter, .dark2 .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-twitter, .dark3 .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-twitter, .dark .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-x, .dark2 .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-x, .dark3 .bps-vtemplates .vb-social-share.vb-share-outline .vb-share-btn.vb-share-x {
  color: #fff;
}
.dark .bps-vtemplates .vb-skeleton, .dark2 .bps-vtemplates .vb-skeleton, .dark3 .bps-vtemplates .vb-skeleton {
  background: linear-gradient(90deg, var(--bg) 25%, var(--bg2) 50%, var(--bg) 75%);
  background-size: 200% 100%;
}
.dark .bps-vtemplates .vb-loading-overlay, .dark2 .bps-vtemplates .vb-loading-overlay, .dark3 .bps-vtemplates .vb-loading-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.bps-vtemplates .card-item-hero {
  position: relative;
  min-height: 450px;
  background-size: cover;
  background-position: center;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.bps-vtemplates .card-item-hero .card-item-link-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.bps-vtemplates .card-item-hero .card-item-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
  display: flex;
  align-items: flex-end;
  padding: 2rem;
}
.bps-vtemplates .card-item-hero .card-item-overlay-content {
  position: relative;
  z-index: 2;
  color: #fff;
}
.bps-vtemplates .card-item-hero .card-item-title-lg {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0.5rem 0;
}
.bps-vtemplates .card-item-hero .card-item-title-lg a {
  color: #fff;
  text-decoration: none;
}
.bps-vtemplates .card-item-hero .card-item-title-lg a:hover {
  text-decoration: underline;
}
.bps-vtemplates .card-item-hero .card-item-meta {
  border: none;
  padding: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.875rem;
  display: flex;
  gap: 1rem;
}
.bps-vtemplates .card-item-hero .card-item-date, .bps-vtemplates .card-item-hero .card-item-author {
  color: rgba(255, 255, 255, 0.9);
}
.bps-vtemplates .card-item-hero .card-item-date i, .bps-vtemplates .card-item-hero .card-item-author i {
  color: rgba(255, 255, 255, 0.7);
}
.bps-vtemplates .card-item-video .card-item-image {
  position: relative;
  aspect-ratio: 1.7777777778;
}
.bps-vtemplates .card-item-video .card-item-image-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out;
  opacity: 1;
}
.bps-vtemplates .card-item-video:hover .card-item-image-overlay {
  background: rgba(0, 0, 0, 0.5);
}
.bps-vtemplates .card-item-video .card-item-play-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-text);
  font-size: 1.25rem;
  transition: 0.3s ease-out;
}
.bps-vtemplates .card-item-video:hover .card-item-play-icon {
  transform: scale(1.1);
}
.bps-vtemplates .card-item-video .card-item-body {
  padding: 1rem;
}
.bps-vtemplates .card-item-video .card-item-title {
  font-size: 1.125rem;
  margin: 0;
}
.bps-vtemplates .card-item-opinion {
  border: none;
  background: transparent;
}
.bps-vtemplates .card-item-opinion:hover {
  transform: none;
  box-shadow: none;
}
.bps-vtemplates .card-item-opinion .card-item-body {
  padding: 1rem 0;
}
.bps-vtemplates .card-item-opinion .card-item-title {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .card-item-opinion .card-item-excerpt {
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.bps-vtemplates .card-item-opinion .card-item-meta {
  border: none;
  padding: 0;
  justify-content: flex-start;
  font-size: 0.875rem;
}
.bps-vtemplates .card-item-opinion .card-item-author-title {
  color: var(--text-color3);
}
.bps-vtemplates .list-item-compact {
  padding: 1rem 0;
  border: none;
  border-bottom: 1px solid var(--e-border-color);
  border-radius: 0;
  gap: 1rem;
}
.bps-vtemplates .list-item-compact:last-child {
  border-bottom: none;
}
.bps-vtemplates .list-item-compact:hover {
  box-shadow: none;
  border-color: var(--e-border-color);
}
.bps-vtemplates .list-item-compact .list-item-image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 10px;
}
.bps-vtemplates .list-item-compact .list-item-content {
  justify-content: center;
}
.bps-vtemplates .list-item-compact .list-item-title {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.bps-vtemplates .list-item-compact .list-item-meta-top {
  margin: 0;
}
.bps-vtemplates .list-item-compact .list-item-views {
  color: var(--text-color3);
  font-size: 0.75rem;
}
.bps-vtemplates .card-item-category.cat-politics {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .card-item-category.cat-sports {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.bps-vtemplates .card-item-category.cat-business {
  background-color: var(--accent-3);
  color: var(--accent-text-3);
}
.bps-vtemplates .card-item-category.cat-entertainment {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.bps-vtemplates .card-item-category.cat-tourism, .bps-vtemplates .card-item-category.cat-travel {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .card-item-category.cat-infrastructure {
  background-color: var(--accent-3);
  color: var(--accent-text-3);
}
.bps-vtemplates .card-item-category.cat-opinion {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.bps-vtemplates .card-item-category.cat-technology, .bps-vtemplates .card-item-category.cat-tech {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .card-item-category.cat-health {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.bps-vtemplates .card-item-category.cat-education {
  background-color: var(--accent-3);
  color: var(--accent-text-3);
}
.bps-vtemplates .card-item-category.cat-lifestyle {
  background-color: var(--accent);
  color: var(--accent-text);
}
.bps-vtemplates .card-item-category.cat-world {
  background-color: var(--accent-2);
  color: var(--accent-text-2);
}
.bps-vtemplates .card-item-category.cat-local {
  background-color: var(--accent-3);
  color: var(--accent-text-3);
}
.bps-vtemplates .sidebar-box {
  background: var(--bg);
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.bps-vtemplates .sidebar-box-header {
  padding: 1rem 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--accent-text);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bps-vtemplates .sidebar-box-header.header-trending {
  background: var(--accent);
}
.bps-vtemplates .sidebar-box-header.header-opinion {
  background: var(--accent-2);
}
.bps-vtemplates .sidebar-box-header.header-popular {
  background: var(--accent-3);
}
.bps-vtemplates .sidebar-box-content {
  padding: 0.5rem 1.25rem;
}
.bps-vtemplates .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid var(--accent);
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.bps-vtemplates .section-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-highlight);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .section-title i {
  color: var(--accent);
}
.bps-vtemplates .section-link {
  color: var(--accent);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
}
.bps-vtemplates .section-link:hover {
  text-decoration: underline;
}
.bps-vtemplates .news-grid-2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.bps-vtemplates .news-grid-3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.bps-vtemplates .news-grid-hero {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.25rem;
  min-height: 450px;
}
.bps-vtemplates .news-grid-hero .news-grid-hero-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.bps-vtemplates .news-main-layout {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 2rem;
}
@media screen and (max-width: 992px) {
  .bps-vtemplates .card-item-hero {
    min-height: 350px;
  }
  .bps-vtemplates .card-item-hero .card-item-title-lg {
    font-size: 1.5rem;
  }
  .bps-vtemplates .card-item-hero .card-item-overlay {
    padding: 1.5rem;
  }
  .bps-vtemplates .news-grid-hero {
    grid-template-columns: 1fr;
  }
  .bps-vtemplates .news-grid-hero .news-grid-hero-sidebar {
    flex-direction: row;
  }
  .bps-vtemplates .news-main-layout {
    grid-template-columns: 1fr;
  }
  .bps-vtemplates .news-grid-3col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .bps-vtemplates .card-item-hero {
    min-height: 280px;
  }
  .bps-vtemplates .card-item-hero .card-item-title-lg {
    font-size: 1.25rem;
  }
  .bps-vtemplates .card-item-hero .card-item-overlay {
    padding: 1.25rem;
  }
  .bps-vtemplates .news-grid-2col, .bps-vtemplates .news-grid-3col {
    grid-template-columns: 1fr;
  }
  .bps-vtemplates .news-grid-hero .news-grid-hero-sidebar {
    flex-direction: column;
  }
  .bps-vtemplates .list-item-compact .list-item-image {
    width: 70px;
    height: 70px;
  }
}
.bps-vtemplates .vb-author-bio-box {
  margin-bottom: 1.5rem;
}
.bps-vtemplates .vb-bio-default {
  border: 1px solid var(--bs-border-color, #dee2e6);
}
.bps-vtemplates .vb-bio-default .vb-author-avatar img, .bps-vtemplates .vb-bio-default .vb-author-avatar-placeholder {
  object-fit: cover;
}
.bps-vtemplates .vb-bio-default .vb-author-name {
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--bs-heading-color, #212529);
}
.bps-vtemplates .vb-bio-default .vb-author-name a {
  color: inherit;
  transition: color 0.2s ease;
}
.bps-vtemplates .vb-bio-default .vb-author-name a:hover {
  color: var(--bs-primary, #0d6efd);
}
.bps-vtemplates .vb-bio-default .vb-author-bio {
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.bps-vtemplates .vb-bio-minimal {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}
.bps-vtemplates .vb-bio-minimal .vb-author-avatar img {
  object-fit: cover;
}
.bps-vtemplates .vb-bio-minimal .vb-author-name {
  font-size: 1rem;
  line-height: 1.4;
}
.bps-vtemplates .vb-bio-minimal .vb-author-name a:hover {
  color: var(--bs-primary, #0d6efd);
}
.bps-vtemplates .vb-bio-minimal .vb-author-bio {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: 0.25rem;
}
.bps-vtemplates .vb-bio-card {
  border: 1px solid var(--bs-border-color, #dee2e6);
}
.bps-vtemplates .vb-bio-card .vb-author-avatar img, .bps-vtemplates .vb-bio-card .vb-author-avatar-placeholder {
  object-fit: cover;
  margin: 0 auto;
}
.bps-vtemplates .vb-bio-card .vb-author-name {
  font-weight: 600;
  color: var(--bs-heading-color, #212529);
}
.bps-vtemplates .vb-bio-card .vb-author-name a {
  color: inherit;
  transition: color 0.2s ease;
}
.bps-vtemplates .vb-bio-card .vb-author-name a:hover {
  color: var(--bs-primary, #0d6efd);
}
.bps-vtemplates .vb-bio-card .vb-author-bio {
  font-size: 0.9rem;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.bps-vtemplates .vb-author-avatar-placeholder {
  background-color: var(--bs-light, #f8f9fa);
  border: 2px solid var(--bs-border-color, #dee2e6);
}
@media (max-width: 576px) {
  .bps-vtemplates .vb-bio-default .card-body {
    padding: 1rem;
  }
  .bps-vtemplates .vb-bio-default .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .bps-vtemplates .vb-bio-default .d-flex .vb-author-avatar, .bps-vtemplates .vb-bio-default .d-flex .vb-author-avatar-placeholder {
    margin: 0 auto 1rem;
  }
  .bps-vtemplates .vb-bio-minimal .d-flex {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem !important;
  }
}
@media (prefers-color-scheme: dark) {
  .bps-vtemplates .vb-author-bio-box .vb-author-name a {
    color: var(--bs-light, #f8f9fa);
  }
  .bps-vtemplates .vb-author-bio-box .vb-author-name a:hover {
    color: var(--bs-primary, #0d6efd);
  }
}
.bps-vtemplates .vb-status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-color);
}
.bps-vtemplates .vb-status-indicator .vb-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.bps-vtemplates .vb-status-indicator.vb-status-online .vb-status-dot {
  background-color: #28a745;
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}
.bps-vtemplates .vb-status-indicator.vb-status-offline .vb-status-dot {
  background-color: var(--text-color3);
  box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.2);
}
.bps-vtemplates .vb-status-indicator.vb-status-busy .vb-status-dot {
  background-color: #dc3545;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
}
.bps-vtemplates .vb-status-indicator.vb-status-away .vb-status-dot {
  background-color: #ffc107;
  box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.2);
}
.bps-vtemplates .vb-status-indicator.vb-status-pulse .vb-status-dot {
  animation: status-pulse 2s ease-in-out infinite;
}
.bps-vtemplates .vb-status-indicator.vb-status-sm .vb-status-dot {
  width: 8px;
  height: 8px;
}
.bps-vtemplates .vb-status-indicator.vb-status-lg .vb-status-dot {
  width: 14px;
  height: 14px;
}
@keyframes status-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
}
.bps-vtemplates .vb-filter-panel {
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.bps-vtemplates .vb-filter-panel .vb-filter-section {
  margin-bottom: 1.25rem;
}
.bps-vtemplates .vb-filter-panel .vb-filter-section:last-child {
  margin-bottom: 0;
}
.bps-vtemplates .vb-filter-panel .vb-filter-section.collapsed .vb-filter-content {
  display: none;
}
.bps-vtemplates .vb-filter-panel .vb-filter-section.collapsed .vb-filter-collapse-icon {
  transform: rotate(-90deg);
}
.bps-vtemplates .vb-filter-panel .vb-filter-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-highlight);
  margin: 0 0 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bps-vtemplates .vb-filter-panel .vb-filter-collapse-icon {
  color: var(--text-color2);
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-filter-panel .vb-filter-content {
  display: block;
}
.bps-vtemplates .vb-filter-panel .vb-filter-divider {
  height: 1px;
  background-color: var(--e-border-color);
  margin: 1.25rem 0;
}
.bps-vtemplates .vb-filter-panel .vb-filter-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.bps-vtemplates .vb-filter-panel .vb-filter-option {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  cursor: pointer;
}
.bps-vtemplates .vb-filter-panel .vb-filter-option input[type="checkbox"], .bps-vtemplates .vb-filter-panel .vb-filter-option input[type="radio"] {
  margin-right: 0.5rem;
  cursor: pointer;
}
.bps-vtemplates .vb-filter-panel .vb-filter-option-label {
  flex: 1;
  color: var(--text-color);
  cursor: pointer;
}
.bps-vtemplates .vb-filter-panel .vb-filter-option-count {
  color: var(--text-color3);
  font-size: 0.875rem;
}
.bps-vtemplates .vb-filter-search {
  position: relative;
  margin-bottom: 1.25rem;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-input {
  width: 100%;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  border: 2px solid var(--e-border-color);
  border-radius: 10px;
  font-size: 1rem;
  color: var(--text-color);
  background-color: var(--bg);
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(var(--accent), 0.1);
}
.bps-vtemplates .vb-filter-search .vb-filter-search-icon {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-color3);
  pointer-events: none;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-clear {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-color3);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0.25rem;
  display: none;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-clear:hover {
  color: var(--accent);
}
.bps-vtemplates .vb-filter-search .vb-filter-search-input:not(:placeholder-shown) ~ .vb-filter-search-clear {
  display: block;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 0.25rem;
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 10px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  max-height: 300px;
  overflow-y: auto;
  z-index: 100;
  display: none;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-suggestions.active {
  display: block;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-suggestion {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid var(--e-border-color);
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-suggestion:last-child {
  border-bottom: none;
}
.bps-vtemplates .vb-filter-search .vb-filter-search-suggestion:hover {
  background-color: var(--bg2);
}
.bps-vtemplates .vb-card-hero {
  position: relative;
  min-height: 400px;
  background: var(--bg2);
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  z-index: 2;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-content {
  position: relative;
  z-index: 3;
  padding: 2rem;
  color: white;
  width: 100%;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--accent);
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-title {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  color: white;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-text {
  font-size: 1rem;
  margin: 0 0 1.25rem 0;
  opacity: 0.9;
}
.bps-vtemplates .vb-card-hero .vb-card-hero-actions {
  display: flex;
  gap: 0.5rem;
}
.bps-vtemplates .vb-card-video {
  position: relative;
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}
.bps-vtemplates .vb-card-video .vb-card-video-thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 1.7777777778;
  overflow: hidden;
  cursor: pointer;
}
.bps-vtemplates .vb-card-video .vb-card-video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bps-vtemplates .vb-card-video .vb-card-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out;
}
.bps-vtemplates .vb-card-video .vb-card-video-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}
.bps-vtemplates .vb-card-video .vb-card-video-play {
  width: 70px;
  height: 70px;
  background-color: var(--accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
  transition: 0.3s ease-out;
}
.bps-vtemplates .vb-card-video .vb-card-video-play:hover {
  transform: scale(1.1);
}
.bps-vtemplates .vb-card-video .vb-card-video-duration {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.bps-vtemplates .vb-ticker {
  overflow: hidden;
  background: var(--bg2);
  border: 1px solid var(--e-border-color);
  border-radius: 0.5rem;
  padding: 1rem 0;
}
.bps-vtemplates .vb-ticker .vb-ticker-content {
  display: flex;
  gap: 2.5rem;
  animation: ticker-scroll 30s linear infinite;
  white-space: nowrap;
}
.bps-vtemplates .vb-ticker:hover .vb-ticker-content {
  animation-play-state: paused;
}
.bps-vtemplates .vb-ticker .vb-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1.25rem;
  font-weight: 500;
  color: var(--text-color);
}
.bps-vtemplates .vb-ticker .vb-ticker-icon {
  color: var(--accent);
  font-size: 1.25rem;
}
@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.bps-vtemplates .vb-slider {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.bps-vtemplates .vb-slider .vb-slider-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.bps-vtemplates .vb-slider .vb-slider-slide {
  min-width: 100%;
  flex-shrink: 0;
}
.bps-vtemplates .vb-slider .vb-slider-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.bps-vtemplates .vb-slider .vb-slider-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 1.25rem;
  pointer-events: none;
}
.bps-vtemplates .vb-slider .vb-slider-btn {
  pointer-events: all;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--text-color);
  transition: 0.15s ease-out;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bps-vtemplates .vb-slider .vb-slider-btn:hover {
  background-color: var(--accent);
  color: white;
  transform: scale(1.1);
}
.bps-vtemplates .vb-slider .vb-slider-dots {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
}
.bps-vtemplates .vb-slider .vb-slider-dot {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-slider .vb-slider-dot.active {
  background-color: white;
  transform: scale(1.3);
}
.bps-vtemplates .vb-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
  font-size: 0.875rem;
}
.bps-vtemplates .vb-breadcrumb .vb-breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-color2);
}
.bps-vtemplates .vb-breadcrumb .vb-breadcrumb-item a {
  color: var(--text-color2);
  text-decoration: none;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-breadcrumb .vb-breadcrumb-item a:hover {
  color: var(--accent);
}
.bps-vtemplates .vb-breadcrumb .vb-breadcrumb-item.active {
  color: var(--text-color);
  font-weight: 500;
}
.bps-vtemplates .vb-breadcrumb .vb-breadcrumb-item:not(:last-child)::after {
  content: "/";
  margin-left: 0.5rem;
  color: var(--text-color3);
}
.bps-vtemplates .vb-breadcrumb.vb-breadcrumb-icons .vb-breadcrumb-item:not(:last-child)::after {
  content: "";
  font-family: "bootstrap-icons";
}
.bps-vtemplates .vb-breadcrumb.vb-breadcrumb-sm {
  font-size: 0.75rem;
}
.bps-vtemplates .vb-breadcrumb.vb-breadcrumb-lg {
  font-size: 1rem;
}
.bps-vtemplates .vb-rating-stars.vb-rating-interactive .vb-star {
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .vb-rating-stars.vb-rating-interactive .vb-star:hover {
  transform: scale(1.1);
}
.bps-vtemplates .vb-rating-stars.vb-rating-with-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bps-vtemplates .vb-rating-stars .vb-rating-label {
  font-size: 0.875rem;
  color: var(--text-color2);
  font-weight: 500;
}
.bps-vtemplates .vb-rating-stars .vb-rating-count {
  font-size: 0.875rem;
  color: var(--text-color3);
}
@media screen and (max-width: 992px) {
  .bps-vtemplates .vb-card-hero {
    min-height: 350px;
  }
  .bps-vtemplates .vb-card-hero .vb-card-hero-content {
    padding: 1.5rem 1.25rem;
  }
  .bps-vtemplates .vb-card-hero .vb-card-hero-title {
    font-size: 1.5rem;
  }
  .bps-vtemplates .vb-slider-controls {
    padding: 0 0.5rem;
  }
  .bps-vtemplates .vb-slider-btn {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .bps-vtemplates .vb-filter-panel {
    padding: 1rem;
  }
  .bps-vtemplates .vb-card-hero {
    min-height: 300px;
  }
  .bps-vtemplates .vb-card-hero .vb-card-hero-content {
    padding: 1.25rem 1rem;
  }
  .bps-vtemplates .vb-card-hero .vb-card-hero-title {
    font-size: 1.25rem;
  }
  .bps-vtemplates .vb-card-hero .vb-card-hero-actions {
    flex-direction: column;
  }
  .bps-vtemplates .vb-card-hero .vb-card-hero-actions .vb-btn {
    width: 100%;
  }
  .bps-vtemplates .vb-slider-dots {
    bottom: 0.5rem;
  }
}
@keyframes bps-modal-in {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.bps-vtemplates .hero-title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.15;
  color: var(--text-highlight);
}
.bps-vtemplates .prehead {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent);
  margin-bottom: 0.5rem;
}
.bps-vtemplates .countdown-widget {
  text-align: center;
  padding: 2rem 0;
}
.bps-vtemplates .countdown-display {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0;
}
.bps-vtemplates .countdown-number {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 80px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
}
.bps-vtemplates .countdown-number .value {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
}
.bps-vtemplates .countdown-number .label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #F0F0F0;
  margin-top: 0.25rem;
}
.bps-vtemplates .countdown-separator {
  font-size: 3rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.bps-vtemplates .countdown-expired {
  display: none;
}
.bps-vtemplates .countdown-expired.is-expired {
  display: block;
}
.bps-vtemplates .urgency-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: #ffc107;
  color: var(--ast-global-color-0);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 1rem;
  border-radius: 50rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.bps-vtemplates .announcement-bar {
  background: var(--accent);
  color: var(--accent-text);
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 100;
}
.bps-vtemplates .announcement-bar strong {
  font-weight: 500;
}
.bps-vtemplates .announcement-bar a {
  color: var(--accent-text);
  text-decoration: underline;
}
.bps-vtemplates .announcement-bar a:hover {
  opacity: 0.85;
}
.bps-vtemplates .announcement-bar .btn-close {
  filter: invert(1);
  opacity: 0.7;
}
.bps-vtemplates .announcement-bar .btn-close:hover {
  opacity: 1;
}
.bps-vtemplates .announcement-bar.is-hidden {
  display: none;
}
.bps-vtemplates .modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1050;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.bps-vtemplates .modal-overlay.is-open {
  display: flex;
}
.bps-vtemplates .modal-content-custom {
  background: var(--bg);
  border-radius: 1rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  animation: bps-modal-in 0.3s ease-out;
}
.bps-vtemplates .modal-header-custom {
  padding: 2rem 2rem 1rem;
  text-align: center;
  border-bottom: 1px solid var(--e-border-color);
}
.bps-vtemplates .modal-header-custom .section-title {
  justify-content: center;
  font-size: 1.5rem;
}
.bps-vtemplates .modal-header-custom p {
  color: var(--text-color2);
  font-size: 0.875rem;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.bps-vtemplates .modal-body-custom {
  padding: 1.5rem 2rem 2rem;
}
.bps-vtemplates .modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.25rem;
  color: var(--text-color3);
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.15s ease-out;
}
.bps-vtemplates .modal-close:hover {
  background: var(--bg2);
  color: var(--text-color);
}
.bps-vtemplates .modal-icon {
  font-size: 3rem;
  color: var(--accent);
  margin-bottom: 1rem;
}
.bps-vtemplates .modal-icon i {
  display: block;
}
.bps-vtemplates .privacy-note {
  font-size: 0.75rem;
  color: var(--text-color3);
  margin: 0;
}
.bps-vtemplates .privacy-note i {
  color: #28a745;
}
.bps-vtemplates .mood-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
}
.bps-vtemplates .mood-btn {
  padding: 0.25rem 1rem;
  border: 2px solid var(--e-border-color);
  border-radius: 50rem;
  background: var(--bg);
  color: var(--text-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: 0.15s ease-out;
}
.bps-vtemplates .mood-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.bps-vtemplates .mood-btn.active {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
  font-weight: 500;
}
.bps-vtemplates .tags-container, .bps-vtemplates .entry-tags, .bps-vtemplates .expertise-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.bps-vtemplates .tags-container .badge, .bps-vtemplates .entry-tags .badge, .bps-vtemplates .expertise-tags .badge {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
}
.bps-vtemplates .dashboard-card, .bps-vtemplates .stat-card {
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  transition: 0.3s ease-out;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .dashboard-card:hover, .bps-vtemplates .stat-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}
.bps-vtemplates .stat-icon {
  font-size: 1.875rem;
  color: var(--accent);
  margin-bottom: 0.5rem;
}
.bps-vtemplates .stat-number {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--text-highlight);
  line-height: 1;
  margin-bottom: 0.25rem;
}
.bps-vtemplates .stat-label {
  font-size: 0.875rem;
  color: var(--text-color2);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.bps-vtemplates .conversation-list {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem 0;
}
.bps-vtemplates .chat-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--e-border-color);
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--bg);
  min-height: 64px;
}
.bps-vtemplates .messages-area {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--bg2);
}
.bps-vtemplates .message-input-area {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--e-border-color);
  background: var(--bg);
}
.bps-vtemplates .message-bubble-sent, .bps-vtemplates .message-bubble-received {
  max-width: 70%;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  position: relative;
}
.bps-vtemplates .message-bubble-sent {
  background: var(--accent);
  color: var(--accent-text);
  align-self: flex-end;
  border-bottom-right-radius: 0.25rem;
}
.bps-vtemplates .message-bubble-received {
  background: var(--bg);
  color: var(--text-color);
  align-self: flex-start;
  border-bottom-left-radius: 0.25rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: var(--bg3);
  border: 2px solid var(--e-border-color);
}
.bps-vtemplates .user-avatar.user-avatar-sm {
  width: 32px;
  height: 32px;
}
.bps-vtemplates .user-avatar.user-avatar-lg {
  width: 56px;
  height: 56px;
}
.bps-vtemplates .user-avatar.user-avatar-xl {
  width: 80px;
  height: 80px;
}
.bps-vtemplates .online-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #28a745;
  border: 2px solid var(--bg);
  position: absolute;
  bottom: 0;
  right: 0;
}
.bps-vtemplates .glass-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
}
.bps-vtemplates .activity-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 0;
}
.bps-vtemplates .activity-item + .activity-item {
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .activity-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--accent-text);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  flex-shrink: 0;
}
.bps-vtemplates .activity-content {
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  color: var(--text-color2);
}
.bps-vtemplates .activity-content strong {
  color: var(--text-color);
  font-weight: 500;
}
.bps-vtemplates .resource-card {
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 1rem;
  overflow: hidden;
  transition: 0.3s ease-out;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .resource-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-color: var(--accent);
}
.bps-vtemplates .resource-card-featured {
  background: var(--bg);
  border: 2px solid var(--accent);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease-out;
}
.bps-vtemplates .resource-card-featured:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.bps-vtemplates .resource-mini {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
}
.bps-vtemplates .resource-mini + .resource-mini {
  border-top: 1px solid var(--e-border-color);
}
.bps-vtemplates .resource-mini-icon {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  background: var(--accent);
  color: var(--accent-text);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1rem;
}
.bps-vtemplates .member-card {
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  transition: 0.3s ease-out;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .member-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-color: var(--accent);
}
.bps-vtemplates .featured-member {
  background: var(--bg);
  border: 2px solid var(--accent);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bps-vtemplates .entry-card {
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  transition: 0.3s ease-out;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .entry-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-color: var(--accent);
}
.bps-vtemplates .testimonial-card {
  background: var(--bg);
  border: 1px solid var(--e-border-color);
  border-radius: 1rem;
  padding: 1.5rem;
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.bps-vtemplates .social-proof-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
  border: 1px solid rgba(40, 167, 69, 0.3);
  border-radius: 50rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.bps-vtemplates .step-number {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--accent-text);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}
.bps-vtemplates .rating-stars {
  color: #ffc107;
  font-size: 1rem;
  letter-spacing: 2px;
}
.bps-vtemplates .progress-custom {
  height: 8px;
  border-radius: 50rem;
  background: var(--bg3);
  overflow: hidden;
}
.bps-vtemplates .progress-bar-custom {
  height: 100%;
  border-radius: 50rem;
  background: var(--accent);
  transition: width 0.3s ease-out;
}
.bps-vtemplates .streak-week-dots {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.bps-vtemplates .streak-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--e-border-color);
  transition: 0.15s ease-out;
}
.bps-vtemplates .streak-dot.active, .bps-vtemplates .streak-dot.green {
  background: #28a745;
}
.bps-vtemplates .streak-dot.orange {
  background: #ffc107;
}
.bps-vtemplates .streak-dot.yellow {
  background: #d39e00;
}
.bps-vtemplates .streak-dot.light, .bps-vtemplates .streak-dot.light2, .bps-vtemplates .streak-dot.light3 {
  background: var(--bg3);
}
@media screen and (max-width: 768px) {
  .bps-vtemplates .countdown-display {
    gap: 0.5rem;
  }
  .bps-vtemplates .countdown-number {
    min-width: 60px;
    padding: 0.5rem 1rem;
  }
  .bps-vtemplates .countdown-number .value {
    font-size: 1.875rem;
  }
  .bps-vtemplates .countdown-separator {
    font-size: 1.875rem;
  }
  .bps-vtemplates .modal-content-custom {
    max-height: 95vh;
    border-radius: 0.75rem;
  }
  .bps-vtemplates .message-bubble-sent, .bps-vtemplates .message-bubble-received {
    max-width: 85%;
  }
}
/**
 * BPS PMPro Checkout Styling - OVERRIDE VERSION
 * File: _pmpro-checkout-override.scss
 *
 * Uses !important and higher specificity to override PMPro core styles
 * Fixes: Invisible borders, forced small sizes, alignment issues
 */
/* ============================================
   CRITICAL OVERRIDES - Force Our Styles
   ============================================ */
.bps-checkout-modern {
  /* Force background color */
  /* ============================================
       CONTAINER RESETS
       ============================================ */
  /* ============================================
       SECTION CARDS - FORCE VISIBILITY
       ============================================ */
  /* ============================================
       HEADINGS - FORCE SIZE AND SPACING
       ============================================ */
  /* Remove PMPro's default legend styling */
  /* ============================================
       MEMBERSHIP LEVEL DISPLAY - FORCE PROMINENCE
       ============================================ */
  /* ============================================
       FORM FIELDS - FORCE PROPER SIZING
       ============================================ */
  /* Full-width fields */
  /* ============================================
       LABELS - FORCE VISIBILITY AND SPACING
       ============================================ */
  /* ============================================
       INPUTS - FORCE PROPER APPEARANCE
       ============================================ */
  /* Select dropdowns */
  /* ============================================
       ORDER BUMPS - FORCE STYLING
       ============================================ */
  /* ============================================
       PAYMENT SECTION - FORCE LAYOUT
       ============================================ */
  /* Card expiration and CVV inline */
  /* ============================================
       SUBMIT BUTTON - FORCE PROMINENCE
       ============================================ */
  /* ============================================
       ALERT MESSAGES - FORCE VISIBILITY
       ============================================ */
  /* ============================================
       ACCOUNT INFO - FORCE VISIBILITY
       ============================================ */
  /* ============================================
       VALIDATION ERRORS - FORCE VISIBILITY
       ============================================ */
  /* ============================================
       PROCESSING STATE
       ============================================ */
  /* ============================================
       FORCED RESETS - OVERRIDE PMPRO DEFAULTS
       ============================================ */
  /* Remove PMPro's default border styling */
  /* Force proper spacing */
  /* Remove LastPass icons */
  /* Hidden inputs */
  /* Force text color inheritance */
  /* Remove autofill styling */
}
.bps-checkout-modern .pmpro_checkout-wrapper, .bps-checkout-modern #pmpro_form {
  background: var(--bg2) !important;
}
.bps-checkout-modern .pmpro, .bps-checkout-modern #pmpro_form {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 2rem 1rem !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro, .bps-checkout-modern #pmpro_form {
    padding: 1rem 0.75rem !important;
  }
}
.bps-checkout-modern .pmpro_card, .bps-checkout-modern #pmpro_billing_address, .bps-checkout-modern #pmpro_payment_information_fields, .bps-checkout-modern #pmpro_user_fields {
  background: var(--bg) !important;
  border: 2px solid var(--border-color) !important;
  /* Force 2px */
  border-radius: 0.75rem !important;
  padding: 0 !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease-out !important;
}
.bps-checkout-modern .pmpro_card_content, .bps-checkout-modern .pmpro_checkout > div > div {
  padding: 2.5rem !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_card_content, .bps-checkout-modern .pmpro_checkout > div > div {
    padding: 1.5rem !important;
  }
}
.bps-checkout-modern .pmpro_card_title, .bps-checkout-modern .pmpro_checkout h2, .bps-checkout-modern .pmpro_checkout h3, .bps-checkout-modern legend {
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  margin: 0 0 1.5rem 0 !important;
  padding: 0 0 1rem 0 !important;
  border-bottom: 2px solid var(--accent) !important;
  color: var(--text-highlight) !important;
  line-height: 1.3 !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_card_title, .bps-checkout-modern .pmpro_checkout h2, .bps-checkout-modern .pmpro_checkout h3, .bps-checkout-modern legend {
    font-size: 1.5rem !important;
  }
}
.bps-checkout-modern fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bps-checkout-modern #pmpro_level_cost {
  background: var(--bg) !important;
  border: 2px solid var(--accent) !important;
  border-radius: 0.75rem !important;
  padding: 2rem !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.bps-checkout-modern .pmpro_level_name, .bps-checkout-modern .pmpro_level_name_text {
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  color: var(--text-highlight) !important;
  margin: 0 0 1rem 0 !important;
  line-height: 1.2 !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_level_name, .bps-checkout-modern .pmpro_level_name_text {
    font-size: 1.875rem !important;
  }
}
.bps-checkout-modern .pmpro_level_cost_text {
  font-size: 3rem !important;
  font-weight: 700 !important;
  color: var(--accent) !important;
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 2px solid var(--bg2) !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_level_cost_text {
    font-size: 2.25rem !important;
  }
}
.bps-checkout-modern .pmpro_form_fields, .bps-checkout-modern .pmpro_checkout-fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.5rem !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_form_fields, .bps-checkout-modern .pmpro_checkout-fields {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}
.bps-checkout-modern .pmpro_checkout-field-baddress1, .bps-checkout-modern .pmpro_checkout-field-baddress2, .bps-checkout-modern .pmpro_checkout-field-bphone, .bps-checkout-modern #AccountNumber_div, .bps-checkout-modern .pmpro_payment-account-number {
  grid-column: 1 / -1 !important;
}
.bps-checkout-modern .pmpro_checkout-field, .bps-checkout-modern .pmpro_form_field {
  margin: 0 !important;
  padding: 0 !important;
}
.bps-checkout-modern label, .bps-checkout-modern .pmpro_checkout-field-label, .bps-checkout-modern .pmpro_form_label {
  display: block !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.75rem !important;
  color: var(--text-highlight) !important;
  text-transform: none !important;
}
.bps-checkout-modern label abbr, .bps-checkout-modern .pmpro_checkout-field-label abbr, .bps-checkout-modern .pmpro_form_label abbr {
  color: #dc3545 !important;
  text-decoration: none !important;
}
.bps-checkout-modern input[type="text"], .bps-checkout-modern input[type="email"], .bps-checkout-modern input[type="tel"], .bps-checkout-modern input[type="password"], .bps-checkout-modern select, .bps-checkout-modern textarea, .bps-checkout-modern .input {
  width: 100% !important;
  padding: 0.875rem 1.125rem !important;
  border: 2px solid var(--border-color) !important;
  /* Force 2px */
  border-radius: 0.5rem !important;
  font-size: 1rem !important;
  font-family: inherit !important;
  color: var(--text-color) !important;
  background: var(--bg) !important;
  transition: all 0.3s ease-out !important;
  box-sizing: border-box !important;
}
.bps-checkout-modern input[type="text"]:focus, .bps-checkout-modern input[type="email"]:focus, .bps-checkout-modern input[type="tel"]:focus, .bps-checkout-modern input[type="password"]:focus, .bps-checkout-modern select:focus, .bps-checkout-modern textarea:focus, .bps-checkout-modern .input:focus {
  outline: none !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(76, 81, 191, 0.1) !important;
}
.bps-checkout-modern input[type="text"]::placeholder, .bps-checkout-modern input[type="email"]::placeholder, .bps-checkout-modern input[type="tel"]::placeholder, .bps-checkout-modern input[type="password"]::placeholder, .bps-checkout-modern select::placeholder, .bps-checkout-modern textarea::placeholder, .bps-checkout-modern .input::placeholder {
  color: var(--text-color3) !important;
}
.bps-checkout-modern select {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 12px !important;
  padding-right: 2.5rem !important;
  cursor: pointer !important;
}
.bps-checkout-modern .pmpro_orderbump, .bps-checkout-modern .moa_bump_container {
  background: var(--bg) !important;
  border: 2px solid var(--accent) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 2rem !important;
  overflow: hidden !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}
.bps-checkout-modern .pmpro_orderbump-label, .bps-checkout-modern .moa_bump_heading {
  background: var(--accent) !important;
  color: var(--accent-text) !important;
  padding: 1.25rem 1.75rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  margin: 0 !important;
  border: none !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_orderbump-label, .bps-checkout-modern .moa_bump_heading {
    padding: 1rem 1.25rem !important;
    font-size: 1rem !important;
  }
}
.bps-checkout-modern .pmpro_orderbump-checkbox, .bps-checkout-modern .moa_bump_heading input[type="checkbox"] {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
.bps-checkout-modern .pmpro_orderbump-content, .bps-checkout-modern .moa_row {
  padding: 1.75rem !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_orderbump-content, .bps-checkout-modern .moa_row {
    padding: 1.25rem !important;
  }
}
.bps-checkout-modern #pmpro_payment_information_fields .pmpro_checkout-fields {
  display: block !important;
}
.bps-checkout-modern .pmpro_payment-account-number {
  margin-bottom: 1.5rem !important;
}
.bps-checkout-modern .pmpro_checkout-field-ExpirationMonth, .bps-checkout-modern .pmpro_checkout-field-ExpirationYear, .bps-checkout-modern .pmpro_checkout-field-CVV {
  display: inline-block !important;
  width: auto !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_checkout-field-ExpirationMonth, .bps-checkout-modern .pmpro_checkout-field-ExpirationYear, .bps-checkout-modern .pmpro_checkout-field-CVV {
    display: block !important;
    width: 100% !important;
  }
}
.bps-checkout-modern .pmpro_btn, .bps-checkout-modern .pmpro_btn-submit, .bps-checkout-modern .pmpro_btn-submit-checkout, .bps-checkout-modern #pmpro_btn-submit, .bps-checkout-modern input[type="submit"] {
  width: 100% !important;
  padding: 1.25rem 2rem !important;
  background: var(--accent) !important;
  color: var(--accent-text) !important;
  border: none !important;
  border-radius: 0.75rem !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}
@media (max-width: 768px) {
  .bps-checkout-modern .pmpro_btn, .bps-checkout-modern .pmpro_btn-submit, .bps-checkout-modern .pmpro_btn-submit-checkout, .bps-checkout-modern #pmpro_btn-submit, .bps-checkout-modern input[type="submit"] {
    font-size: 1.25rem !important;
    padding: 1rem 1.5rem !important;
  }
}
.bps-checkout-modern .pmpro_btn:hover, .bps-checkout-modern .pmpro_btn-submit:hover, .bps-checkout-modern .pmpro_btn-submit-checkout:hover, .bps-checkout-modern #pmpro_btn-submit:hover, .bps-checkout-modern input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  opacity: 0.95 !important;
}
.bps-checkout-modern .pmpro_btn:active, .bps-checkout-modern .pmpro_btn-submit:active, .bps-checkout-modern .pmpro_btn-submit-checkout:active, .bps-checkout-modern #pmpro_btn-submit:active, .bps-checkout-modern input[type="submit"]:active {
  transform: translateY(0) !important;
}
.bps-checkout-modern .pmpro_message, .bps-checkout-modern .pmpro_error, .bps-checkout-modern .pmpro_success, .bps-checkout-modern #pmpro_message, .bps-checkout-modern #pmpro_message_bottom {
  background: rgba(59, 130, 246, 0.1) !important;
  border: none !important;
  border-left: 4px solid var(--accent) !important;
  padding: 1.25rem 1.5rem !important;
  border-radius: 0.5rem !important;
  margin-bottom: 2rem !important;
  font-size: 0.875rem !important;
  color: var(--text-color) !important;
}
.bps-checkout-modern .pmpro_message.pmpro_error, .bps-checkout-modern .pmpro_error.pmpro_error, .bps-checkout-modern .pmpro_success.pmpro_error, .bps-checkout-modern #pmpro_message.pmpro_error, .bps-checkout-modern #pmpro_message_bottom.pmpro_error {
  background: rgba(239, 68, 68, 0.1) !important;
  border-left-color: #dc3545 !important;
}
.bps-checkout-modern .pmpro_message.pmpro_success, .bps-checkout-modern .pmpro_error.pmpro_success, .bps-checkout-modern .pmpro_success.pmpro_success, .bps-checkout-modern #pmpro_message.pmpro_success, .bps-checkout-modern #pmpro_message_bottom.pmpro_success {
  background: rgba(16, 185, 129, 0.1) !important;
  border-left-color: #28a745 !important;
}
.bps-checkout-modern .pmpro_message a, .bps-checkout-modern .pmpro_error a, .bps-checkout-modern .pmpro_success a, .bps-checkout-modern #pmpro_message a, .bps-checkout-modern #pmpro_message_bottom a {
  color: var(--accent) !important;
  text-decoration: underline !important;
}
.bps-checkout-modern #pmpro_account_loggedin {
  background: rgba(245, 158, 11, 0.1) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  border-radius: 0.5rem !important;
  padding: 1.25rem 1.5rem !important;
  margin-bottom: 1.5rem !important;
  font-size: 0.875rem !important;
}
.bps-checkout-modern .pmpro_error input, .bps-checkout-modern .pmpro_error select, .bps-checkout-modern .pmpro_error textarea, .bps-checkout-modern .has-error input, .bps-checkout-modern .has-error select, .bps-checkout-modern .has-error textarea {
  border-color: #dc3545 !important;
}
.bps-checkout-modern .pmpro_error input:focus, .bps-checkout-modern .pmpro_error select:focus, .bps-checkout-modern .pmpro_error textarea:focus, .bps-checkout-modern .has-error input:focus, .bps-checkout-modern .has-error select:focus, .bps-checkout-modern .has-error textarea:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}
.bps-checkout-modern .pmpro_validation, .bps-checkout-modern .error-message, .bps-checkout-modern .validation-message {
  display: block !important;
  font-size: 0.75rem !important;
  color: #dc3545 !important;
  margin-top: 0.5rem !important;
  font-weight: 500 !important;
}
.bps-checkout-modern .pmpro_processing #pmpro_btn-submit, .bps-checkout-modern .pmpro_processing .pmpro_btn-submit {
  opacity: 0.6 !important;
  cursor: wait !important;
  pointer-events: none !important;
}
.bps-checkout-modern #pmpro_processing_message {
  text-align: center !important;
  margin-top: 1rem !important;
  font-size: 0.875rem !important;
  color: var(--text-color2) !important;
}
.bps-checkout-modern .pmpro * {
  box-sizing: border-box !important;
}
.bps-checkout-modern .pmpro p, .bps-checkout-modern .pmpro div {
  margin: 0 !important;
}
.bps-checkout-modern .pmpro p + p, .bps-checkout-modern .pmpro div + div {
  margin-top: 1rem !important;
}
.bps-checkout-modern div[data-lastpass-icon-root] {
  display: none !important;
}
.bps-checkout-modern input[type="hidden"] {
  display: none !important;
}
.bps-checkout-modern * {
  color: inherit;
}
.bps-checkout-modern input, .bps-checkout-modern select, .bps-checkout-modern textarea, .bps-checkout-modern button {
  font-family: inherit !important;
}
.bps-checkout-modern input:-webkit-autofill, .bps-checkout-modern input:-webkit-autofill:hover, .bps-checkout-modern input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--bg) inset !important;
  -webkit-text-fill-color: var(--text-color) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
/* ============================================
   ANIMATIONS (Optional - Remove if Problematic)
   ============================================ */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
body.bps-checkout-modern {
  /* Staggered animation */
}
body.bps-checkout-modern .pmpro_card {
  animation: slideIn 0.4s ease-out;
}
body.bps-checkout-modern .pmpro_card:nth-of-type(1) {
  animation-delay: 0.1s;
}
body.bps-checkout-modern .pmpro_card:nth-of-type(2) {
  animation-delay: 0.2s;
}
body.bps-checkout-modern .pmpro_card:nth-of-type(3) {
  animation-delay: 0.3s;
}
.accent-bg {
  background-color: var(--accent);
  color: var(--accent-text);
  --text-color: var(--accent-text);
  --text-color2: var(--accent-text);
}
.hero-badge {
  display: inline-block;
  padding: 0.375rem 1rem;
  border: 1px solid var(--accent);
  border-radius: 100px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 1.25rem;
}
.hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
}
.logos-label {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color3);
  margin-bottom: 1rem;
  text-align: center;
}
.logo-item {
  opacity: 0.55;
  filter: grayscale(100%);
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.logo-item:hover {
  opacity: 0.85;
  filter: grayscale(0%);
}
.pain-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.pain-icon {
  color: var(--accent);
  flex-shrink: 0;
  line-height: 1;
  font-size: 1.25rem;
}
.pain-text {
  color: var(--text-color);
  line-height: 1.6;
}
.pillar-card {
  background: var(--bg2);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 2rem 1.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pillar-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.pillar-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--accent);
  color: var(--accent-text);
  margin-bottom: 1rem;
}
.pillar-number {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 0.5rem;
}
.pillar-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-highlight);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.pillar-desc {
  font-size: 0.9375rem;
  color: var(--text-color);
  line-height: 1.65;
}
.problem-headline {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 800;
  color: var(--text-highlight);
  line-height: 1.2;
  margin-bottom: 1rem;
}
.problem-body {
  font-size: 1.0625rem;
  color: var(--text-color);
  line-height: 1.7;
}
.solution-frame {
  border-left: 4px solid var(--accent);
  padding: 1.5rem 2rem;
  background: var(--bg2);
  border-radius: 0 8px 8px 0;
}
.solution-headline {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-highlight);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.solution-sub {
  font-size: 1rem;
  color: var(--text-color2);
  margin-bottom: 1rem;
}
.solution-system-name {
  font-weight: 700;
  color: var(--accent);
}
.testimonial-quote {
  font-size: 4rem;
  line-height: 0.5;
  color: var(--accent);
  opacity: 0.4;
  margin-bottom: 1rem;
  font-family: Georgia, serif;
}
.testimonial-text {
  font-size: 1.0625rem;
  color: var(--text-color);
  line-height: 1.7;
  font-style: italic;
  margin-bottom: 1.25rem;
}
.testimonial-author {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.author-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid var(--accent);
  object-fit: cover;
  flex-shrink: 0;
}
.author-name {
  font-weight: 700;
  font-size: 0.9375rem;
  color: var(--text-highlight);
  line-height: 1.2;
}
.author-title {
  font-size: 0.8125rem;
  color: var(--text-color3);
}
.author-result {
  display: inline-block;
  margin-top: 0.375rem;
  padding: 0.2rem 0.6rem;
  background: var(--accent);
  color: var(--accent-text);
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 0.03em;
}
.cta-inner {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.cta-disclaimer {
  font-size: 0.8125rem;
  color: var(--text-color3);
  line-height: 1.5;
  margin-top: 1rem;
  opacity: 0.8;
}
.btn-lg {
  padding: 1.125rem 2.5rem;
  font-size: 1.0625rem;
}
.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}
.benefit-icon {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.benefit-title {
  font-weight: 700;
  color: var(--text-highlight);
  margin-bottom: 0.25rem;
}
.benefit-desc {
  font-size: 0.9375rem;
  color: var(--text-color);
  line-height: 1.6;
}
.cancel-card-heading {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-highlight);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
.cancel-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem;
}
.cancel-list li {
  padding: 0.375rem 0;
  color: var(--text-color);
  font-size: 0.9375rem;
  line-height: 1.55;
}
.cancel-price-amount {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--accent);
  line-height: 1;
}
.cancel-price-period {
  font-size: 0.875rem;
  color: var(--text-color3);
  margin-top: 0.25rem;
}
.testimonial-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: var(--accent);
  color: var(--accent-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
.testimonial-name {
  font-weight: 700;
  font-size: 0.9375rem;
  color: var(--text-highlight);
}
.membership-name {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--text-highlight);
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
.membership-tagline {
  font-size: 1rem;
  color: var(--text-color2);
  margin-bottom: 1rem;
}
.membership-price {
  font-size: 3rem;
  font-weight: 800;
  color: var(--accent);
  line-height: 1;
  margin-bottom: 0.25rem;
}
.membership-period {
  font-size: 0.875rem;
  color: var(--text-color3);
  margin-bottom: 1.25rem;
}
.membership-features {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem;
  text-align: left;
}
.membership-features li {
  padding: 0.4rem 0;
  color: var(--text-color);
  font-size: 0.9375rem;
  line-height: 1.5;
  border-bottom: 1px solid var(--border-color);
}
.membership-features li:last-child {
  border-bottom: none;
}
.membership-note {
  font-size: 0.8125rem;
  color: var(--text-color3);
  line-height: 1.5;
  margin-top: 0.75rem;
}
.hero-price-line {
  font-weight: 600;
  opacity: 0.85;
  margin-bottom: 0.5rem;
}
.monthly-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.monthly-list li {
  padding: 0.5rem 0 0.5rem 1.75rem;
  position: relative;
  color: var(--text-color);
  font-size: 0.9375rem;
  line-height: 1.6;
  border-bottom: 1px solid var(--border-color);
}
.monthly-list li:last-child {
  border-bottom: none;
}
.monthly-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: 700;
}
.nudge-body {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--text-color);
}
.prose {
  max-width: 65ch;
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--text-color);
}
.mb-3 {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .hero-stats {
    gap: 1.25rem;
  }
  .pillar-card {
    padding: 1.5rem 1.25rem;
  }
  .solution-frame {
    padding: 1.25rem 1.25rem;
  }
  .testimonial-quote {
    font-size: 3rem;
  }
}
.aaa-page {
  font-family: "DM Sans", system-ui, sans-serif;
}
.aaa-page h1, .aaa-page h2, .aaa-page h3, .aaa-page h4, .aaa-page h5, .aaa-page h6, .aaa-page .elementor-widget-heading .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif;
}
.aaa-page .hero-title, .aaa-page .elementor-widget-heading .elementor-heading-title.hero-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2.5rem, 5vw, 3.75rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.aaa-page .hero-subtitle {
  font-family: "DM Sans", system-ui, sans-serif;
  font-weight: 300;
}
.aaa-page .stat-number {
  font-family: "Playfair Display", Georgia, serif;
}
.aaa-page .prehead {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  letter-spacing: 0.15em;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.aaa-page .prehead::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 2px;
  background: var(--accent);
  flex-shrink: 0;
}
.aaa-mono {
  font-family: "DM Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: "DM Mono", monospace;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.3rem 0.75rem;
  border-radius: 9999px;
  line-height: 1;
}
.badge-gold {
  background: rgba(200, 155, 60, 0.15);
  color: #C89B3C;
  border: 1px solid rgba(200, 155, 60, 0.3);
}
.badge-teal {
  background: rgba(13, 148, 136, 0.12);
  color: #0d9488;
  border: 1px solid rgba(13, 148, 136, 0.25);
}
.badge-navy {
  background: rgba(10, 37, 64, 0.08);
  color: #0a2540;
  border: 1px solid rgba(10, 37, 64, 0.2);
}
.badge-white {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.avatar-circle {
  border-radius: 50%;
  background: #1e4976;
  border: 2px solid var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  color: var(--accent);
  flex-shrink: 0;
  line-height: 1;
}
.avatar-circle-lg {
  width: 72px;
  height: 72px;
  font-size: 1.5rem;
  border-width: 3px;
}
.avatar-circle-md {
  width: 44px;
  height: 44px;
  font-size: 1rem;
}
.stats-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.aaa-page .stat-item {
  flex: 1;
  padding: 2rem;
  text-align: center;
  border-right: 1px solid var(--border-color);
}
.aaa-page .stat-item:last-child {
  border-right: none;
}
.logo-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  flex-wrap: nowrap;
}
.logo-strip-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  opacity: 0.65;
  transition: opacity 0.2s ease;
}
.logo-strip-item:hover {
  opacity: 1;
}
.logo-strip-name {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-highlight);
}
.logo-strip-sub {
  font-family: "DM Mono", monospace;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color3);
  text-align: center;
}
.logo-strip-divider {
  width: 1px;
  height: 40px;
  background: var(--border-color);
  flex-shrink: 0;
}
.cert-timeline {
  position: relative;
  padding-left: 2rem;
}
.cert-timeline::before {
  content: "";
  position: absolute;
  left: 0.625rem;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 2px;
  background: linear-gradient(to bottom, #C89B3C, #0d9488);
}
.cert-step {
  position: relative;
  padding: 0 0 2.5rem 2rem;
}
.cert-step:last-child {
  padding-bottom: 0;
}
.cert-step::before {
  content: "";
  position: absolute;
  left: -0.375rem;
  top: 0.375rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--accent);
  border: 2px solid var(--bg);
  box-shadow: 0 0 0 3px rgba(200, 155, 60, 0.2);
}
.cert-step-label {
  font-family: "DM Mono", monospace;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0d9488;
  margin-bottom: 0.25rem;
}
.cert-step-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-highlight);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
.cert-step-desc {
  font-size: 0.9rem;
  color: var(--text-color2);
  line-height: 1.6;
}
.aaa-page .testimonial-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 2rem;
  transition: background 0.2s ease;
}
.aaa-page .testimonial-card:hover {
  background: rgba(255, 255, 255, 0.08);
}
.aaa-page .testimonial-quote {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.75;
  color: var(--text-color);
  margin-bottom: 1.5rem;
}
.aaa-page .testimonial-meta {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.aaa-page .testimonial-name {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--text-highlight);
  line-height: 1.2;
}
.aaa-page .testimonial-role {
  font-size: 0.78rem;
  color: var(--text-color3);
  margin-top: 0.125rem;
}
.social-proof {
  font-family: "DM Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-color2);
}
.check-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.check-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.check-icon {
  color: #0d9488;
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
  line-height: 1;
}
.check-text {
  font-size: 0.95rem;
  color: var(--text-color);
  line-height: 1.65;
}
.trust-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.trust-item {
  flex: 0 0 auto;
  text-align: center;
  padding: 0.5rem 2.5rem;
  position: relative;
}
.trust-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: var(--border-color);
}
.trust-number {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--accent);
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
.trust-label {
  font-family: "DM Mono", monospace;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color3);
}
.aaa-page .faq-item {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--border-color);
}
.aaa-page .faq-item:first-child {
  padding-top: 0;
}
.aaa-page .faq-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.aaa-page .faq-question {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-highlight);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.aaa-page .faq-answer {
  font-size: 0.95rem;
  color: var(--text-color);
  line-height: 1.75;
}
.aaa-page .card {
  border-radius: 20px;
}
.aaa-page .card.featured {
  background: #0a2540;
  border-color: #C89B3C;
  box-shadow: 0 4px 24px rgba(200, 155, 60, 0.2);
}
.aaa-page .card.featured h3, .aaa-page .card.featured h4, .aaa-page .card.featured .elementor-heading-title {
  color: #C89B3C;
}
@media (max-width: 768px) {
  .stats-row {
    flex-wrap: wrap;
  }
  .aaa-page .stat-item {
    flex: 0 0 50%;
    border-right: none;
    border-bottom: 1px solid var(--border-color);
  }
  .aaa-page .stat-item:last-child, .aaa-page .stat-item:nth-child(even) {
    border-right: none;
  }
  .logo-strip {
    flex-wrap: wrap;
    gap: 1.5rem 2.5rem;
  }
  .logo-strip-divider {
    display: none;
  }
  .trust-row {
    flex-direction: column;
    gap: 1rem;
  }
  .trust-item {
    padding: 0.5rem 1.5rem;
  }
  .trust-item:not(:last-child)::after {
    display: none;
  }
  .cert-step {
    padding-bottom: 1.75rem;
  }
  .badge-row {
    gap: 0.375rem;
  }
}
body.bps-skin-active .section .elementor-element.avatar-circle {
  width: 40px !important;
  min-width: 40px;
  height: 40px;
  border-radius: 50% !important;
  overflow: hidden;
  flex-shrink: 0;
}
body.bps-skin-active .section .elementor-element.avatar-circle-md {
  width: 48px !important;
  min-width: 48px;
  height: 48px;
}
body.bps-skin-active .section .elementor-element.avatar-circle-lg {
  width: 64px !important;
  min-width: 64px;
  height: 64px;
}
body.bps-skin-active .section .elementor-element.steps-container {
  counter-reset: step-counter;
}
body.bps-skin-active .section .elementor-element.step-item {
  position: relative;
  padding-left: 4rem;
  counter-increment: step-counter;
}
body.bps-skin-active .section .elementor-element.step-item > .e-con-inner {
  padding-left: 0;
}
body.bps-skin-active .section .elementor-element.step-item::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--accent);
  color: var(--bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.125rem;
  z-index: 1;
}
body.bps-skin-active .section .elementor-widget-heading.stat-number:not(.override) .elementor-heading-title {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  line-height: 1;
  color: var(--accent);
}
body.bps-skin-active .section .elementor-widget-heading.bps-accent:not(.override) .elementor-heading-title {
  color: var(--accent);
}
body.bps-skin-active .section .elementor-widget-text-editor.bps-accent:not(.override) span, body.bps-skin-active .section .elementor-widget-text-editor.bps-accent:not(.override) p, body.bps-skin-active .section .elementor-widget-heading.bps-accent:not(.override) .elementor-heading-title {
  color: var(--accent);
}
body.bps-skin-active .entry-content .section .wp-block-heading.bps-accent:not(.override) {
  color: var(--accent);
}
body.bps-skin-active .section .e-con.card, body.bps-skin-active .section .elementor-element.card {
  background: var(--light-bg);
  border-radius: 8px;
  --text-color:     var(--light-text);
  --text-color2:    var(--light-text2);
  --text-color3:    var(--light-text3);
  --text-highlight: var(--light-text-highlight);
}
body.bps-skin-active .section.urgency-insert {
  background-color: var(--brand-color, #c9a227) !important;
}
body.bps-skin-active .section.urgency-insert .elementor-heading-title:not(.override), body.bps-skin-active .section.urgency-insert .elementor-widget-text-editor:not(.override), body.bps-skin-active .section.urgency-insert p:not(.override) {
  color: #000000;
}
body.bps-skin-active .section .elementor-element.context-banner {
  background: rgba(var(--accent-rgb), 0.12);
  border-left: 4px solid var(--accent);
  border-radius: 6px;
  padding: 1rem 1.25rem;
}
body.bps-skin-active .section .elementor-element.membership-card {
  background: var(--light-bg);
  border: 2px solid var(--accent);
  border-radius: 12px;
  box-shadow: none;
  text-align: center;
  --text-color:     var(--light-text);
  --text-color2:    var(--light-text2);
  --text-highlight: var(--light-text-highlight);
}
body.bps-skin-active .section .e-con.highlight-quote, body.bps-skin-active .section .elementor-element.highlight-quote {
  border-left: 4px solid var(--accent);
  padding-left: 1.25rem;
  font-style: italic;
}
body.bps-skin-active .section .elementor-element.value-table {
  width: 100%;
}
body.bps-skin-active .section .elementor-element.value-table .elementor-widget-text-editor {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}
body.bps-skin-active .section .elementor-widget.skip-link:not(.override) .elementor-heading-title, body.bps-skin-active .section .elementor-widget.skip-link:not(.override) .elementor-widget-text-editor, body.bps-skin-active .section .elementor-widget.skip-link:not(.override) a {
  font-size: 0.875rem;
  color: var(--text-color3);
  text-decoration: underline;
  opacity: 0.75;
}
body.bps-skin-active .section .elementor-widget.inbox-icon .elementor-heading-title {
  font-size: clamp(3rem, 8vw, 5rem);
  line-height: 1;
}
body.bps-skin-active .section.dark .e-con.op-1, body.bps-skin-active .section.dark2 .e-con.op-1, body.bps-skin-active .section.dark3 .e-con.op-1, body.bps-skin-active .section.dark .elementor-element.op-1, body.bps-skin-active .section.dark2 .elementor-element.op-1, body.bps-skin-active .section.dark3 .elementor-element.op-1 {
  background-color: rgba(0, 0, 0, 0.3);
}
body.bps-skin-active .section.dark .e-con.op-2, body.bps-skin-active .section.dark2 .e-con.op-2, body.bps-skin-active .section.dark3 .e-con.op-2, body.bps-skin-active .section.dark .elementor-element.op-2, body.bps-skin-active .section.dark2 .elementor-element.op-2, body.bps-skin-active .section.dark3 .elementor-element.op-2 {
  background-color: rgba(0, 0, 0, 0.55);
}
body.bps-skin-active .section.dark .e-con.op-3, body.bps-skin-active .section.dark2 .e-con.op-3, body.bps-skin-active .section.dark3 .e-con.op-3, body.bps-skin-active .section.dark .elementor-element.op-3, body.bps-skin-active .section.dark2 .elementor-element.op-3, body.bps-skin-active .section.dark3 .elementor-element.op-3 {
  background-color: rgba(0, 0, 0, 0.75);
}
body.bps-skin-active .section.light .e-con.op-1, body.bps-skin-active .section.light2 .e-con.op-1, body.bps-skin-active .section.light3 .e-con.op-1, body.bps-skin-active .section.light .elementor-element.op-1, body.bps-skin-active .section.light2 .elementor-element.op-1, body.bps-skin-active .section.light3 .elementor-element.op-1 {
  background-color: rgba(255, 255, 255, 0.3);
}
body.bps-skin-active .section.light .e-con.op-2, body.bps-skin-active .section.light2 .e-con.op-2, body.bps-skin-active .section.light3 .e-con.op-2, body.bps-skin-active .section.light .elementor-element.op-2, body.bps-skin-active .section.light2 .elementor-element.op-2, body.bps-skin-active .section.light3 .elementor-element.op-2 {
  background-color: rgba(255, 255, 255, 0.55);
}
body.bps-skin-active .section.light .e-con.op-3, body.bps-skin-active .section.light2 .e-con.op-3, body.bps-skin-active .section.light3 .e-con.op-3, body.bps-skin-active .section.light .elementor-element.op-3, body.bps-skin-active .section.light2 .elementor-element.op-3, body.bps-skin-active .section.light3 .elementor-element.op-3 {
  background-color: rgba(255, 255, 255, 0.75);
}
body.bps-skin-active .section .e-con.op-accent, body.bps-skin-active .section .elementor-element.op-accent {
  background-color: rgba(var(--accent-rgb), 0.15);
}
body.bps-skin-active .section .e-con.op-dark-1, body.bps-skin-active .section .elementor-element.op-dark-1 {
  background-color: rgba(0, 0, 0, 0.3);
}
body.bps-skin-active .section .e-con.op-dark-2, body.bps-skin-active .section .elementor-element.op-dark-2 {
  background-color: rgba(0, 0, 0, 0.55);
}
body.bps-skin-active .section .e-con.op-dark-3, body.bps-skin-active .section .elementor-element.op-dark-3 {
  background-color: rgba(0, 0, 0, 0.75);
}
body.bps-skin-active .section .e-con.op-light-1, body.bps-skin-active .section .elementor-element.op-light-1 {
  background-color: rgba(255, 255, 255, 0.3);
}
body.bps-skin-active .section .e-con.op-light-2, body.bps-skin-active .section .elementor-element.op-light-2 {
  background-color: rgba(255, 255, 255, 0.55);
}
body.bps-skin-active .section .e-con.op-light-3, body.bps-skin-active .section .elementor-element.op-light-3 {
  background-color: rgba(255, 255, 255, 0.75);
}
body.bps-skin-active .section.gradient {
  background: linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%) !important;
}
body.bps-skin-active .section.gradient-v {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%) !important;
}
body.bps-skin-active .section.gradient-radial {
  background: radial-gradient(ellipse at 50% 0%, var(--bg2) 0%, var(--bg) 65%) !important;
}
body.bps-skin-active .section.gradient-rev {
  background: linear-gradient(160deg, var(--bg2) 0%, var(--bg) 100%) !important;
}
body.bps-skin-active .section.gradient-accent {
  background: linear-gradient(160deg, var(--bg) 0%, rgba(var(--accent-rgb), 0.18) 100%) !important;
}
body.bps-skin-active .section .elementor-element.image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg2, rgba(0, 0, 0, 0.08));
  color: var(--text-color3);
  min-height: 240px;
  border-radius: 8px;
}
body.bps-skin-active .section .elementor-element.image-placeholder::after {
  content: "[ image ]";
  font-size: 0.875rem;
  opacity: 0.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.bps-skin-active .section .elementor-widget.badge:not(.override) span, body.bps-skin-active .section .elementor-widget.badge:not(.override) .elementor-heading-title {
  display: inline-block;
  background-color: var(--accent);
  color: var(--bg);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.25rem 0.75rem;
  border-radius: 100px;
  line-height: 1.4;
}
body.bps-skin-active .section .elementor-widget.badge-gold:not(.override) span, body.bps-skin-active .section .elementor-widget.badge.badge-gold:not(.override) span {
  background-color: rgba(var(--accent-rgb), 0.18);
  color: var(--accent);
  border: 1px solid rgba(var(--accent-rgb), 0.4);
}
body.bps-skin-active .section .e-con.card-featured, body.bps-skin-active .section .elementor-element.card-featured {
  background: var(--light-bg);
  border: 2px solid var(--accent);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(var(--accent-rgb), 0.15);
  --text-color:     var(--light-text);
  --text-color2:    var(--light-text2);
  --text-color3:    var(--light-text3);
  --text-highlight: var(--light-text-highlight);
}
body.bps-skin-active .section .e-con.border-accent, body.bps-skin-active .section .elementor-element.border-accent {
  border: 2px solid var(--accent);
  border-radius: 8px;
}
body.bps-skin-active .section .e-con.border-top, body.bps-skin-active .section .elementor-element.border-top {
  border-top: 3px solid var(--accent) !important;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  box-shadow: none;
  padding-top: 1.25rem;
}
body.bps-skin-active .card.border-top {
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
}
body.bps-skin-active .section .elementor-element.check-list ul, body.bps-skin-active .section .elementor-widget.check-list .elementor-widget-text-editor ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.bps-skin-active .section .elementor-element.check-list ul li, body.bps-skin-active .section .elementor-widget.check-list .elementor-widget-text-editor ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
body.bps-skin-active .section .elementor-element.check-list ul li::before, body.bps-skin-active .section .elementor-widget.check-list .elementor-widget-text-editor ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent);
  font-weight: 700;
  font-size: 1.1rem;
}
body.bps-skin-active .section .elementor-widget.list-flush .elementor-widget-text-editor ul, body.bps-skin-active .section .elementor-widget.list-flush .elementor-widget-text-editor ol {
  padding-left: 1.25rem;
  margin-left: 0;
}
body.bps-skin-active .section .elementor-widget.benefit-icon .elementor-heading-title {
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1;
}
body.bps-skin-active .section .elementor-widget.step-number:not(.override) .elementor-heading-title {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  opacity: 0.9;
}
body.bps-skin-active .section .e-con.timeline-item, body.bps-skin-active .section .elementor-element.timeline-item {
  position: relative;
  padding-left: 2rem;
}
body.bps-skin-active .section .e-con.timeline-item::before, body.bps-skin-active .section .elementor-element.timeline-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25rem;
  bottom: 0.25rem;
  width: 3px;
  background-color: var(--accent);
  border-radius: 2px;
}
body.bps-skin-active .section .e-con.dark, body.bps-skin-active .section .e-con.dark2, body.bps-skin-active .section .e-con.dark3, body.bps-skin-active .section .elementor-element.dark, body.bps-skin-active .section .elementor-element.dark2, body.bps-skin-active .section .elementor-element.dark3 {
  --text-color:  var(--dark-text);
  --text-color2: var(--dark-text2);
  --bg:          var(--dark-bg);
}
body.bps-skin-active .section .e-con.dark p:not(.override), body.bps-skin-active .section .e-con.dark2 p:not(.override), body.bps-skin-active .section .e-con.dark3 p:not(.override), body.bps-skin-active .section .e-con.dark span:not(.override), body.bps-skin-active .section .e-con.dark2 span:not(.override), body.bps-skin-active .section .e-con.dark3 span:not(.override), body.bps-skin-active .section .elementor-element.dark p:not(.override), body.bps-skin-active .section .elementor-element.dark2 p:not(.override), body.bps-skin-active .section .elementor-element.dark3 p:not(.override), body.bps-skin-active .section .elementor-element.dark span:not(.override), body.bps-skin-active .section .elementor-element.dark2 span:not(.override), body.bps-skin-active .section .elementor-element.dark3 span:not(.override) {
  color: var(--text-color);
}
body.bps-skin-active .section .e-con.dark .elementor-heading-title:not(.override), body.bps-skin-active .section .e-con.dark2 .elementor-heading-title:not(.override), body.bps-skin-active .section .e-con.dark3 .elementor-heading-title:not(.override), body.bps-skin-active .section .elementor-element.dark .elementor-heading-title:not(.override), body.bps-skin-active .section .elementor-element.dark2 .elementor-heading-title:not(.override), body.bps-skin-active .section .elementor-element.dark3 .elementor-heading-title:not(.override) {
  color: var(--text-color);
}
body.bps-skin-active .section .e-con.cancel-card, body.bps-skin-active .section .elementor-element.cancel-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  text-align: center;
}
body.bps-skin-active .section .e-con.cancel-card .elementor-heading-title, body.bps-skin-active .section .e-con.cancel-card .elementor-widget-text-editor, body.bps-skin-active .section .elementor-element.cancel-card .elementor-heading-title, body.bps-skin-active .section .elementor-element.cancel-card .elementor-widget-text-editor {
  font-size: 0.9rem;
  opacity: 0.75;
}
body.bps-skin-active .section.urgency-insert .elementor-button, body.bps-skin-active .section.urgency-insert a.elementor-button, body.bps-skin-active .section.urgency-insert .elementor-button-wrapper a {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: var(--brand-color) !important;
}
body.bps-skin-active .section.urgency-insert .elementor-button:hover, body.bps-skin-active .section.urgency-insert .elementor-button:focus, body.bps-skin-active .section.urgency-insert a.elementor-button:hover, body.bps-skin-active .section.urgency-insert a.elementor-button:focus, body.bps-skin-active .section.urgency-insert .elementor-button-wrapper a:hover, body.bps-skin-active .section.urgency-insert .elementor-button-wrapper a:focus {
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: var(--brand-color) !important;
}
@media screen and (max-width: 967px) {
  :root {
    --moa-x: var(--moa-x-tablet);
    --moa-y-sd: var(--moa-y-sd-tablet);
    --moa-y-lg: var(--moa-y-lg-tablet);
    --moa-y-xl: var(--moa-y-xl-tablet);
    --moa-y-xxl: var(--moa-y-xxl-tablet);
  }
  .moa-sd {
    padding: var(--moa-y-sd-tablet) var(--moa-x-tablet);
  }
  .moa-lg {
    padding: var(--moa-y-lg-tablet) var(--moa-x-tablet);
  }
  .moa-xl {
    padding: var(--moa-y-xl-tablet) var(--moa-x-tablet);
  }
  .moa-xxl {
    padding: var(--moa-y-xxl-tablet) var(--moa-x-tablet);
  }
  .moa-border-rounding {
    border-radius: 10px;
  }
}
@media screen and (max-width: 512px) {
  :root {
    --moa-x: var(--moa-x-mobile);
    --moa-y-sd: var(--moa-y-sd-mobile);
    --moa-y-lg: var(--moa-y-lg-mobile);
    --moa-y-xl: var(--moa-y-xl-mobile);
    --moa-y-xxl: var(--moa-y-xxl-mobile);
  }
  .moa-sd {
    padding: var(--moa-y-sd-mobile) var(--moa-x-mobile);
  }
  .moa-lg {
    padding: var(--moa-y-lg-mobile) var(--moa-x-mobile);
  }
  .moa-xl {
    padding: var(--moa-y-xl-mobile) var(--moa-x-mobile);
  }
  .moa-xxl {
    padding: var(--moa-y-xxl-mobile) var(--moa-x-mobile);
  }
  .moa-border-rounding {
    border-radius: 10px;
  }
}
@media screen and (max-width: 992px) {
  .moa-sm {
    padding: 10px var(--moa-x-tablet);
  }
  .moa-sd {
    padding: var(--moa-y-sd-tablet) var(--moa-x-tablet);
  }
  .moa-lg {
    padding: var(--moa-y-lg-tablet) var(--moa-x-tablet);
  }
  .moa-xl {
    padding: var(--moa-y-xl-tablet) var(--moa-x-tablet);
  }
  .moa-xxl {
    padding: var(--moa-y-xxl-tablet) var(--moa-x-tablet);
  }
}
@media screen and (max-width: 768px) {
  .moa-sm {
    padding: 10px var(--moa-x-mobile);
  }
  .moa-sd {
    padding: var(--moa-y-sd-mobile) var(--moa-x-mobile);
  }
  .moa-lg {
    padding: var(--moa-y-lg-mobile) var(--moa-x-mobile);
  }
  .moa-xl {
    padding: var(--moa-y-xl-mobile) var(--moa-x-mobile);
  }
  .moa-xxl {
    padding: var(--moa-y-xxl-mobile) var(--moa-x-mobile);
  }
}