@charset "UTF-8";
: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 */
  --cta-color: var(--ast-global-color-1);
  /* FIXED: Gold for buttons (was inconsistent) */
  --cta-hover: var(--ast-global-color-8);
  /* Darker gold for hover */
  --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 */
  /* 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 {
  --bg: var(--ast-global-color-4);
  --bg2: var(--ast-global-color-5);
  --text-color: var(--ast-global-color-3);
  --text-color2: var(--ast-global-color-2);
  --text-color3: var(--ast-global-color-3);
  --text-highlight: var(--ast-global-color-1);
  --text-highlight2: var(--ast-global-color-0);
  --border-color: var(--ast-global-color-7);
  --b-border-color: var(--ast-global-color-7);
  --e-border-color: var(--ast-global-color-7);
  --accent: var(--ast-global-color-0);
  --accent-text: var(--ast-global-color-7);
  --accent-2: var(--ast-global-color-1);
  --accent-text-2: var(--ast-global-color-7);
  --accent-3: var(--ast-global-color-6);
  --accent-text-3: var(--ast-global-color-2);
  --button-color: var(--ast-global-color-0);
  --button-color-text: var(--ast-global-color-7);
  --button-border-color: var(--ast-global-color-0);
  --button-ghost-color-text: var(--ast-global-color-0);
  --icon-color: var(--ast-global-color-1);
}
.dark, .dark2 {
  --bg: var(--ast-global-color-0);
  --bg2: var(--ast-global-color-2);
  --text-color: var(--ast-global-color-4);
  --text-color2: var(--ast-global-color-4);
  --text-color3: var(--ast-global-color-5);
  --text-highlight: var(--ast-global-color-1);
  --text-highlight2: var(--ast-global-color-7);
  --border-color: var(--ast-global-color-0);
  --b-border-color: var(--ast-global-color-0);
  --e-border-color: var(--ast-global-color-0);
  --accent: var(--ast-global-color-1);
  --accent-text: var(--ast-global-color-7);
  --accent-2: var(--ast-global-color-7);
  --accent-text-2: var(--ast-global-color-0);
  --accent-3: var(--ast-global-color-2);
  --accent-text-3: var(--ast-global-color-7);
  --button-color: var(--ast-global-color-1);
  --button-color-text: var(--ast-global-color-7);
  --button-border-color: var(--ast-global-color-1);
  --button-ghost-color-text: var(--ast-global-color-1);
  --icon-color: var(--ast-global-color-7);
}
.bbg, .bbg svg {
  background: var(--ast-global-color-4);
  fill: var(--ast-global-color-4);
  color: var(--ast-global-color-3);
}
.bbg2, .bbg2 svg {
  background: var(--ast-global-color-5);
  fill: var(--ast-global-color-5);
  color: var(--ast-global-color-3);
}
.bbg3, .bbg3 svg {
  background: var(--ast-global-color-6);
  fill: var(--ast-global-color-6);
  color: var(--ast-global-color-3);
}
.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-2);
  fill: var(--ast-global-color-2);
  color: var(--ast-global-color-4);
}
.bbg6, .bbg6 svg {
  background: var(--ast-global-color-1);
  fill: var(--ast-global-color-1);
  color: var(--ast-global-color-4);
}
.btxt1, .btxt1 svg {
  color: var(--ast-global-color-1);
}
.btxt2, .btxt2 svg {
  color: var(--ast-global-color-2);
}
.btxt3, .btxt3 svg {
  color: var(--ast-global-color-3);
}
.btxt4, .btxt4 svg {
  color: var(--ast-global-color-4);
}
.btxt5, .btxt5 svg {
  color: var(--ast-global-color-4);
}
.btxt5, .btxt5 svg {
  color: var(--ast-global-color-5);
}
.light2 {
  --bg: var(--ast-global-color-5);
}
.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);
}
.button-primary {
  --button-color: var(--accent);
  --button-color-text: var(--accent-text);
  --button-border-color: var(--accent);
}
.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-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);
}
.button-ghost {
  --button-color: transparent;
  --button-color-text: var(--accent);
  --button-border-color: transparent;
}
.button-ghost-secondary {
  --button-color: transparent;
  --button-color-text: var(--accent-2);
  --button-border-color: transparent;
}
.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;
}
.section.light, .section.light2, .section.dark, .section.dark2 {
  background-color: var(--bg);
  color: var(--text-color);
}
.section.light h1, .section.light2 h1, .section.light h2, .section.light2 h2, .section.light h3, .section.light2 h3, .section.light h4, .section.light2 h4, .section.light h5, .section.light2 h5, .section.light h6, .section.light2 h6, .section.light p, .section.light2 p, .section.light a, .section.light2 a, .section.dark h1, .section.dark2 h1, .section.dark h2, .section.dark2 h2, .section.dark h3, .section.dark2 h3, .section.dark h4, .section.dark2 h4, .section.dark h5, .section.dark2 h5, .section.dark h6, .section.dark2 h6, .section.dark p, .section.dark2 p, .section.dark a, .section.dark2 a {
  color: var(--text-color);
}
.section.light a.filled, .section.light2 a.filled, .section.light button.filled, .section.light2 button.filled, .section.dark a.filled, .section.dark2 a.filled, .section.dark button.filled, .section.dark2 button.filled {
  color: var(--accent-text);
}
.section.light a.alt, .section.light2 a.alt, .section.light button.alt, .section.light2 button.alt, .section.dark a.alt, .section.dark2 a.alt, .section.dark button.alt, .section.dark2 button.alt {
  background-color: var(--accent);
  color: var(--accent-text);
}
.section.light .nav-tabs.alt li, .section.light2 .nav-tabs.alt li, .section.dark .nav-tabs.alt li, .section.dark2 .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.dark .nav-tabs.alt li:hover, .section.dark2 .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.light .nav-tabs.alt li button, .section.light2 .nav-tabs.alt li button, .section.dark .nav-tabs.alt li a, .section.dark2 .nav-tabs.alt li a, .section.dark .nav-tabs.alt li button, .section.dark2 .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.light .nav-tabs.alt li button:hover, .section.light2 .nav-tabs.alt li button:hover, .section.dark .nav-tabs.alt li a:hover, .section.dark2 .nav-tabs.alt li a:hover, .section.dark .nav-tabs.alt li button:hover, .section.dark2 .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.light .nav-tabs.alt li:last-child, .section.light2 .nav-tabs.alt li:last-child, .section.dark .nav-tabs.alt li:first-child, .section.dark2 .nav-tabs.alt li:first-child, .section.dark .nav-tabs.alt li:last-child, .section.dark2 .nav-tabs.alt li:last-child {
  margin: 0;
}
.section.light svg, .section.light2 svg, .section.dark svg, .section.dark2 svg {
  fill: var(--text-color);
}
.section.light .highlight b, .section.light2 .highlight b, .section.dark .highlight b, .section.dark2 .highlight b {
  color: var(--text-color2);
}
.section.light .wp-block-button a.wp-element-button, .section.light2 .wp-block-button a.wp-element-button, .section.dark .wp-block-button a.wp-element-button, .section.dark2 .wp-block-button a.wp-element-button {
  background-color: var(--accent);
  color: var(--accent-text);
}
.section.light a.elementor-button, .section.light2 a.elementor-button, .section.dark a.elementor-button, .section.dark2 a.elementor-button {
  background-color: var(--button-color);
  color: var(--button-color-text);
}
.section.light .elementor-button-wrapper a, .section.light2 .elementor-button-wrapper a, .section.dark .elementor-button-wrapper a, .section.dark2 .elementor-button-wrapper a {
  color: var(--accent-text);
  background-color: var(--accent);
  border-color: var(--e-border-color);
}
.section.light .elementor-social-icons-wrapper a, .section.light2 .elementor-social-icons-wrapper a, .section.dark .elementor-social-icons-wrapper a, .section.dark2 .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.dark .elementor-social-icons-wrapper a svg, .section.dark2 .elementor-social-icons-wrapper a svg {
  fill: var(--accent-text);
}
.section.light .elementor-progress-bar, .section.light2 .elementor-progress-bar, .section.dark .elementor-progress-bar, .section.dark2 .elementor-progress-bar {
  background-color: var(--accent);
}
.section.light span.elementor-progress-percentage, .section.light2 span.elementor-progress-percentage, .section.light span.elementor-progress-text, .section.light2 span.elementor-progress-text, .section.dark span.elementor-progress-percentage, .section.dark2 span.elementor-progress-percentage, .section.dark span.elementor-progress-text, .section.dark2 span.elementor-progress-text {
  color: var(--accent-text);
}
.section .wp-block-cover__background.has-background-dim {
  background-color: var(--bg);
}
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, .entry-content > .wp-block-group.moa-sm, .entry-content > .wp-block-cover.moa-sm, .entry-content > .wp-block-columns.moa-sm {
  padding: 10px var(--moa-x);
}
.moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
  padding: var(--moa-y-sd) var(--moa-x);
}
.moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
  padding: var(--moa-y-lg) var(--moa-x);
}
.moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
  padding: var(--moa-y-xl) var(--moa-x);
}
.moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
  padding: var(--moa-y-xxl) var(--moa-x);
}
.moa-border-rounding {
  border-radius: 10px;
}
.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-7);
}
.mbtn1 .elementor-button-wrapper a {
  color: var(--accent-text);
  background-color: var(--accent);
  border-color: var(--e-border-color);
}
.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) !important;
}
.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%;
}
#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-3);
  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;
}
.moa-width-narrow {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.moa-width-regular {
  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;
}
.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;
  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;
}
.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;
}
.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;
  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;
  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;
}
.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;
  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;
}
.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;
  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;
}
.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;
  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;
  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;
  }
}
.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;
  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 {
  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 {
  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 {
  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 {
  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-6));
  --bps-text: var(--text-color, var(--ast-global-color-3));
  --bps-text-muted: var(--text-color2, var(--ast-global-color-2));
  --bps-border: var(--border-color, var(--ast-global-color-7));
  --bps-accent: var(--accent, var(--ast-global-color-0));
  --bps-accent-text: var(--accent-text, var(--ast-global-color-7));
  --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-2);
  --bps-text: var(--ast-global-color-4);
  --bps-text-muted: var(--ast-global-color-4);
  --bps-border: var(--ast-global-color-0);
  --bps-accent: var(--ast-global-color-1);
  --bps-accent-text: var(--ast-global-color-7);
}
.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 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 .dark .list-item, .bps-vtemplates .dark2 .list-item, .bps-vtemplates .dark .card-item, .bps-vtemplates .dark2 .card-item, .bps-vtemplates .dark .masonry-item, .bps-vtemplates .dark2 .masonry-item {
  background-color: var(--bg2);
}
.bps-vtemplates .dark .grid-card:hover:hover, .bps-vtemplates .dark2 .grid-card:hover:hover, .bps-vtemplates .dark .list-item:hover:hover, .bps-vtemplates .dark2 .list-item:hover:hover, .bps-vtemplates .dark .card-item:hover:hover, .bps-vtemplates .dark2 .card-item:hover:hover, .bps-vtemplates .dark .masonry-item:hover:hover, .bps-vtemplates .dark2 .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 .dark .list-item-image, .bps-vtemplates .dark2 .list-item-image, .bps-vtemplates .dark .card-item-image, .bps-vtemplates .dark2 .card-item-image, .bps-vtemplates .dark .masonry-item-image, .bps-vtemplates .dark2 .masonry-item-image, .bps-vtemplates .dark .table-cell-image img, .bps-vtemplates .dark2 .table-cell-image img {
  background-color: var(--bg);
}
.bps-vtemplates .dark .minimal-item:hover, .bps-vtemplates .dark2 .minimal-item:hover {
  background-color: var(--bg2);
}
.bps-vtemplates .dark .bps-archive-table .archive-table, .bps-vtemplates .dark2 .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 {
  background-color: var(--bg2);
}
.bps-vtemplates .dark .table-row:hover, .bps-vtemplates .dark2 .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 {
  /**
 * 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-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 {
  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 {
  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 {
  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 {
  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, .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 {
  color: #fff;
}
.dark .bps-vtemplates .vb-skeleton, .dark2 .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 {
  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 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;
}
@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, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-tablet) var(--moa-x-tablet);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-tablet) var(--moa-x-tablet);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-tablet) var(--moa-x-tablet);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.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, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-mobile) var(--moa-x-mobile);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-mobile) var(--moa-x-mobile);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-mobile) var(--moa-x-mobile);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.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, .entry-content > .wp-block-group.moa-sm, .entry-content > .wp-block-cover.moa-sm, .entry-content > .wp-block-columns.moa-sm {
    padding: 10px var(--moa-x-tablet);
  }
  .moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-tablet) var(--moa-x-tablet);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-tablet) var(--moa-x-tablet);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-tablet) var(--moa-x-tablet);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
    padding: var(--moa-y-xxl-tablet) var(--moa-x-tablet);
  }
}
@media screen and (max-width: 768px) {
  .moa-sm, .entry-content > .wp-block-group.moa-sm, .entry-content > .wp-block-cover.moa-sm, .entry-content > .wp-block-columns.moa-sm {
    padding: 10px var(--moa-x-mobile);
  }
  .moa-sd, .entry-content > .wp-block-group.moa-sd, .entry-content > .wp-block-cover.moa-sd, .entry-content > .wp-block-columns.moa-sd {
    padding: var(--moa-y-sd-mobile) var(--moa-x-mobile);
  }
  .moa-lg, .entry-content > .wp-block-group.moa-lg, .entry-content > .wp-block-cover.moa-lg, .entry-content > .wp-block-columns.moa-lg {
    padding: var(--moa-y-lg-mobile) var(--moa-x-mobile);
  }
  .moa-xl, .entry-content > .wp-block-group.moa-xl, .entry-content > .wp-block-cover.moa-xl, .entry-content > .wp-block-columns.moa-xl {
    padding: var(--moa-y-xl-mobile) var(--moa-x-mobile);
  }
  .moa-xxl, .entry-content > .wp-block-group.moa-xxl, .entry-content > .wp-block-cover.moa-xxl, .entry-content > .wp-block-columns.moa-xxl {
    padding: var(--moa-y-xxl-mobile) var(--moa-x-mobile);
  }
}